/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-family:"verdana", sans-serif; font-size:12px;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.divider{ width:95%; padding: 5px; border: 3px solid #88C3F0}
.questions{color: #000000; font-size: .74em; float:left; width:46.5%; height:40px; overflow:auto; padding: 5px; font-family:Arial,Gadget,sans-serif; border: 3px solid #88C3F0}
.answers{color: #000000; font-size: .74em; float:left; width:46.5%; height:40px; overflow:auto; padding: 5px; font-family:Arial,Gadget,sans-serif; border: 3px solid #88C3F0}
#leftcontainer{float:left; display: none; padding: 5px; width:49.5%; height:374px; overflow:auto; border: 7px solid #E1ECF7; border-style: outset}
.ui-dialog { position:absolute;}
#displayholder{position:relative}
.bold{font-weight:bold}
.fontb12{font-weight:bold; font-size:12px;}
.fontb18{font-weight:bold; font-size:18px;}
/* MEMBER LOGIN /*
/*------ Layer with Register and Login Section ------ */
#login_menu{
background:url(/images/Box252by213.png);
border:solid 2px #666666;
border-style: outset;
margin-left:10px;
width:230px;
height:188px;
padding:10px;
color:#000000;
font-weight:bold;
font-size:12px;
line-height:18px;
}
#login_menu li{
padding-bottom:6px;
text-align:right;
}
#login_menu label{font-size:13px; font-weight:normal;}
#login_menu input{font-size:13px; color:#333333; margin-left:10px;}
#facebooklogin_menu{
background:url(/images/Box323by159.png);
border:solid 2px #666666;
border-style: outset;
height:136px;
width:300px;
padding:10px;
color:#FFFFFF;
position:absolute;
font-weight:bold;
font-size:12px;
line-height:18px;
}
#facebooklogin_menu li{
padding-bottom:6px;
text-align:right;
}
#facebooklogin_menu label{font-size:11px; font-weight:normal;}
#facebooklogin_menu input{font-size:11px; color:#333333; margin-left:10px;}
/*------ Button ------ */
#facebooklogin_menu button{
line-height:24px;
float:right;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
cursor:pointer;
}
.spacer{clear:both; height:1px;}
.green-button{
font-size:11px;
margin-top:4px;
cursor:pointer;
background:#FFFFFF;
padding: 2px 3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
color:#000000;
width:94px;
height:34px;
font-weight:bold;
-o-border-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
#fontelement
{
text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
-moz-text-shadow: 0 0 2px #000;
-webkit-text-shadow: 0 0 2px #000;
-o-text-shadow: 0 0 2px #000;
}
/* ------------------------ */
.emaillogin{text-align:center; padding-bottom: 4px; padding-top: 4px; padding-left: 2px; }
.ui-autocomplete-input{font-size:12px; width:179px}
.ui-menu-item{padding-top:4px; padding-bottom:3px;}
#emaildiv{width:175px; -webkit-border-radius: 10px; -moz-border-radius: 10px; font-weight:bold; padding-top:2px; padding-left:3px; background:#64C7E7; height:27px; border: 3px solid #DAE3EF; border-style:outset; color:#FFFFFF; cursor:pointer; float:right}
#emaildiv2{ width:74px; height:28px; margin-right:17px; margin-top:2px; font-weight:bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px; border: 1px solid #DAE3EF; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding-top:2px; padding-left:3px; background:url("/images/chatoffline.gif"); border-style:outset; color:#FFFFFF; cursor:pointer; float:right}
.border1 { width:74px; height:28px; margin-top:2px !important; margin-right:17px !important; padding-top:2px !important; padding-left:3px !important; background:url("/images/chatoffline.gif")!important; border: 1px solid #DAE3EF !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; -o-border-radius: 8px !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; border-style:inset !important; color:#FFFFFF !important; cursor:pointer !important; float:right !important}
.border2 { width:74px; height:28px; margin-top:2px !important; margin-right:17px !important; padding-top:2px !important; padding-left:3px !important; background:url("/images/chatoffline.gif") !important; border: 1px solid #DAE3EF !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; -o-border-radius: 8px !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; border-style:outset !important; color:#FFFFFF !important; cursor:pointer !important; float:right !important}
#supportdiv2{ width:74px; height:28px; margin-right:17px; margin-top:2px; font-weight:bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding-top:2px; padding-left:3px; background:url("/images/chatonline.gif"); border: 1px solid #DAE3EF; border-style:outset; color:#FFFFFF; cursor:pointer; float:right}
.sborder1 { width:74px; height:28px; margin-top:2px !important; margin-right:17px !important; padding-top:2px !important; padding-left:3px !important; background:url("/images/chatonline.gif")!important; border: 1px solid #DAE3EF !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; -o-border-radius: 8px !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; border-style:inset !important; color:#FFFFFF !important; cursor:pointer !important; float:right !important}
.sborder2 { width:74px; height:28px; margin-top:2px !important; margin-right:17px !important; padding-top:2px !important; padding-left:3px !important; background:url("/images/chatonline.gif") !important; border: 1px solid #DAE3EF !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; -o-border-radius: 8px !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; border-style:outset !important; color:#FFFFFF !important; cursor:pointer !important; float:right !important}
.ui-autocomplete {
max-height: 160px;
width: 220px;
margin-bottom:8px;
overflow-y: auto;
border:1px solid #000000;
/* prevent horizontal scrollbar */
overflow-x: hidden;
background:white;
/* add padding to account for vertical scrollbar */
cursor:pointer;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
height: 100px;
}
/* Get Smart Page */
#getsmartsubmit{display: inline-block;
padding: 2px 3px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
margin-bottom: 8px;
color:#00537F;
font-weight:bold;}
#courseschedule_gs{float: left; text-align:center; width:250px; padding: 10px; background:#DDE}
.getsmartimages{text-align: center}
/* ------------ tabber css ------------ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {width:300px;
}
.tabberlive {
margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #E8F2FE;
text-decoration: none;
}
ul.tabbernav li a:link { color: #4CA8DA; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
color: #000;
background: white;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border:0px solid #aaa;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h10 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:200px;
overflow:auto;
}
/*----------------------------GET SMART END-----------------------------------------*/
.grade{position: absolute; bottom: 0; right: 0; margin-right: 18px}
.ui-widget-overlay{display:none}
.ui-dialog-titlebar-close
{
color:red;
}
#correctbutton
{
background: #66FF66;
font-size:12px;
}
#wrongbutton
{
background:#DB2929;
font-size:12px;
}
#showquestionbutton, #showanswerbutton, #prevcardbutton
{
background:#9AC8FE;
font-size:12px;
}
.save_set
{
border: 1px solid #000000;
background-color: #FFFFFF;
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12;
cursor: default;
}
.fan_box .connect_widget{
position: absolute;
bottom: 0;
right: 10px;
margin: 0 !important;
}
.fan_box .connect_widget .connect_widget_interactive_area {
margin: 0 !important;
}
.fan_box .connect_widget td.connect_widget_vertical_center {
padding: 0 !important;
}
/* Site Styles */
body { background: #343434; font-family: 'Lucida Grande', Verdana, Helvetica, san-serif; }
#toplogin { height: 30px; background: #343434; position:fixed; width:100%; z-index:1000; }
#statmess { width: 350px; overflow: hidden }
.logintext { border: 1px solid #666; background: #EFEFEF}
.button { background: #49a7dd; border: 1px solid #FFF; color: #FFF }
#statmess { float: left; height: 30px; line-height: 30px; color: #FFF; font-size: 12px; padding-left: 10px }
#logout, #loginbox { width: 580px; overflow: hidden; float: right; height: 30px; line-height: 30px; text-align: right; color: #666; font-size: 12px; padding-right: 10px }
#loginbox form span { color: #999; font-size: 11px }
#logout a, #statmess a { color: #49a7dd; text-decoration: none }
#logout a:hover, #statmess a:hover { text-decoration: underline }
.bluewrap { background: #EFEFEF; text-align:center;}
/*#header { position: relative; height: 108px; width: 960px; margin: 0 auto }*/
/*Pre GCU Ad*/
#header { position: relative; height: 128px; width: 960px; margin: 0 auto; padding-top:17px; }
#header.gcu { height: 155px;}
.header_tilt_down{font-size:2.5em; -webkit-transform:rotate(4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg);display:block; position:absolute; top:60px; font-weight:bold; font-family:sans-serif;}
.header_tilt_up{font-size:2.5em; -webkit-transform:rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); display:block; position:absolute; top:110px; left:75px; font-weight:bold; font-family:sans-serif;}
h1#logo a { display: block; position: absolute; bottom: 5px; left: 10px; width: 200px; height: 105px; background: url(images/istc_logo.gif) no-repeat; }
/* h1#logo a { display: block; position: absolute; bottom: 5px; left: 10px; width: 200px; height: 125px; background: url(images/istc_logo_tmp].gif) no-repeat; }*/
h1#logo span { display: none }
#signuplink { display: block; position: absolute; top: 10px; right: 0px; width: 230px; height: 85px; background: url(images/button_signup.gif) no-repeat }
#signuplink span { display: none }
#invitebanner { display: block; position: absolute; top: 15px; right: 0px; width: 250px; height: 60px; padding: 10px 10px 10px 85px; background: url(images/bg_invite_banner.jpg) no-repeat; font-size: 11px }
#invitebanner h4 { font-size: 14px; margin-bottom: 5px; color: #FFF }
#invitebanner label { display: block; padding: 3px 0; color: #CCC }
#invitebanner p.success, #invitebanner p.error { padding: 0px; border: none; background: none; margin-bottom: 5px; color: #FFF }
#invitebanner a { color: #FFF; text-decoration: none ; text-align: center; display: block; font-size: 14px; font-weight: bold }
#topbanner { display: block; position: absolute; top: 10px; right: 0px; width: 728px; height: 90px; }
#topnav { position: relative; background: url(images/bg_nav.gif) no-repeat; height: 42px; margin-top:8px; }
#rewardcatalog { position: absolute; right: 124px; top: 5px; width: 142px; height: 25px; display: block; background: url(images/newcatalog.gif) no-repeat }
#rewardcatalog span { display: none }
#topnav ul { padding-top: 8px; margin-left: 20px }
#topnav li { display: inline }
/*#topnav li ul { display: none }*/
#topnav li a { display: block; float: left; font-size: 11px; height: 28px; text-transform: uppercase; text-decoration: none; color: #FFF }
#topnav li a.on { display: block; background: url(images/nav_hover.gif) left top no-repeat; color: #333 }
#topnav li a span { display: block; float: left;cursor: pointer; height: 28px; padding: 5px 17px }
/*#topnav li a.on span { background: url(images/nav_hover_right.gif) right top no-repeat; }*/
/*Hover dropdown navigation*/
#topnav ul li{float:left; position:relative;}
#topnav ul li ul{display:none;}
#topnav ul li:hover ul{
display:block;
position:absolute;
height:auto;
margin-left:0px;
z-index:100;
}
#topnav ul li:hover ul li a{
display:block;
background:#1b74a8;
color#fff;
width:90px;
text-align:center;
border-bottom:1px solid #f2f2f2;
border-right:none;
float:left;
padding:5px;
height:auto;
margin-left:auto; margin-right:auto;
border-style:groove;
border-color:lightblue;
border-width:2px;
}
#topnav .dropfirst{
margin-top:20px;
}
#topnav ul li:hover ul li a:hover{
background:#6dc7ec;
color:#fff;
}
#box-table-a th{
background:#B9C9FE none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:4px solid #AABCFE;
color:#003399;
font-size:13px;
font-weight:normal;
padding:2px;
}
#box-table-a{
border-collapse:collapse;
font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size:12px;
text-align:left;
width:500px;
}
#box-table-a td{
background:#E8EDFF none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:1px solid transparent;
color:#666699;
padding:2px;
}
#container { background: #FFF; min-height: 500px; position:relative; padding-top:10px; }
/* Home Page */
#home-fan-box { margin-top:10px; }
#homeleft { width: 570px; padding: 15px 20px; float: left; overflow: hidden }
#testimonybox { background: url(images/home/bg_hometestimonials.jpg) no-repeat; height: 200px; overflow: hidden; margin-top: 10px; margin-bottom:20px; }
#testimonyimg { padding: 15px 5px 15px 15px; width: 80px; float: left }
#testimonytext { width: 330px; float: left; padding: 15px 10px; font-size: 11px; line-height: 20px; height: 80px; color: #FFF; overflow: hidden }
#testimonyboxbottom { display: none }
#testimonyboxbottom span { display: none }
.dyncontent { width: 460px; font-size: 11px; padding: 10px; line-height: 18px; height: 80px; overflow: hidden }
.dyncontent img { float: left; padding: 0 10px 10px 0 }
.dyncontenttext { margin-left: 100px; color: #333 }
#testimonybox a { text-decoration: none }
#homelinks { padding: 10px 0 }
.homelinkitem { display: block; padding-left: 4px;padding-right:2px; float: left; max-width:244px; }
.homelinkitem a { text-decoration: none }
.homelinkimage { float: left }
.homelinkimage img { display:block; width:100%;}
.homelinktext { margin-left: 100px }
.homelinktext h3 { color: #0f437f; font-size: 16px; text-transform: uppercase; font-weight: normal; margin-bottom: 10px }
.homelinktext p { color: #666; font-size: 11px; line-height: 16px }
#fundraiserbox { margin-top: 10px; display: block; background: url(images/home/bg_fundraiser.jpg) no-repeat; height: 70px; width: 427px; padding: 15px 20px 15px 120px; text-decoration: none }
#fundraiserbox h3 { font-size: 16px; font-weight: normal; color: #333; margin-bottom: 5px }
#fundraiserbox p { color: #666; font-size: 11px; line-height: 16px }
#homeright { width: 330px; padding: 15px 20px 15px 0; float: right }
#flashvideobox {margin-top:15px;}
#flashvideobox h3.home_page { background: url(images/home/title_video.gif) no-repeat; width: 320px; height: 41px }
#flashvideobox h3.search_notes { background: url(images/title_search_notes_video.jpg) no-repeat; width:320px; height:41px; margin:0px; padding:0px;}
#flashvideobox h3.earning_points { background: url(images/title_earning_points_video.jpg) no-repeat; width:320px; height:41px; margin:0px; padding:0px; }
#flashvideobox h3.submit_notes { background: url(images/title_submit_notes_video.jpg) no-repeat; width:320px; height:41px; margin:0px; padding:0px; }
#flashvideobox h3 span { display: none }
.flashvideobox {margin-top:15px;}
.flashvideobox h3.home_page { background: url(images/home/title_video.gif) no-repeat; width: 320px; height: 41px }
.flashvideobox h3.search_notes { background: url(images/title_search_notes_video.jpg) no-repeat; width:320px; height:41px; margin:0px; padding:0px;}
.flashvideobox h3.earning_points { background: url(images/title_earning_points_video.jpg) no-repeat; width:320px; height:41px; margin:0px; padding:0px; }
.flashvideobox h3.submit_notes { background: url(images/title_submit_notes_video.jpg) no-repeat; width:320px; height:41px; margin:0px; padding:0px; }
.flashvideobox h3 span { display: none }
#postingbox { position: relative; background: #f0f1f0; margin-top: 15px; width:320px; }
#postingbox h3 { background: url(images/home/title_posters.gif) no-repeat; height: 45px; z-index: 10000 }
#postingbox h3 span { display: none }
.top5table { width: 300px; margin: 10px }
.top5table tr { vertical-align: top }
.top5table td { padding: 5px; border-bottom: 1px dotted #CCC; font-size: 12px }
#top5boxbottom { height: 7px; background: url(images/home/top5_bottom.gif) no-repeat; }
#selcity{width:550px; height:45px; background:url('/images/selcity_background.png'); border:10px; border-top-left-radius:15px; border-top-right-radius:15px;}
#wbiframe{width:550px; height:430px;}
.fbConnectWidgetTopmost{height:350px !important;}
.page_stream_short{height:175pxpx !important;}
/* Default Pages */
#normfull { padding: 15px 20px; font-size: 12px }
#normleft { width: 940px; padding: 15px 20px; float: left; overflow: hidden; font-size: 12px }
.bodytext { font-size: 12px; line-height: 18px; color: #333 }
.bodytext a { color: #600; text-decoration: none }
.bodytext p { margin-bottom: 10px}
#normleft h2 { font-size: 18px; color: #0f437f; margin-bottom: 20px }
.modulecontent { margin-top: 15px; margin-right:20px; }
table tr td { vertical-align: top; font-size: 12px }
.rewardtable { width: 720px }
.rewardtable tr td { vertical-align: top }
.rewardhead td { background: #DAF0F5 }
.rewardtable td { padding: 3px 5px; border-bottom: 1px solid #EFEFEF }
#normright { width: 0px; padding: 0px 0px 0px 0; margin-top: 0px; float: right; overflow: hidden; text-align: right }
#searchblock { width: 550px; float: left }
#rightrectads { width: 340px; float: right }
#noteframe { width: 720px; min-height: 200px }
#footer { background: #343434; min-height: 100px; padding-bottom:10px }
#footerin { background: url(images/bg_footer.gif) top no-repeat; padding-top: 30px }
#copyright { font-size: 11px; color: #666; padding-left: 20px; width: 290px; float: left }
#footnav { width: 550px; float: right; text-align: right; padding-right: 20px }
#footnav li { display: inline; padding-left: 10px }
#footnav li a { color: #49a7dd; text-decoration: none; font-size: 11px }
#footnav li a:hover { text-decoration: underline }
#bottomads { text-align: center }
.middleads { text-align: center; padding: 5px 0}
.fixwrap { width: 960px; margin: 0 auto; text-align:left; }
/* Member Profile */
#proleft { width: 200px; float: left; overflow: hidden; background: url(images/profile/bg_proleft_top.gif) top no-repeat }
#profile_progress { margin-bottom:10px; }
#proleftin { width: 200px; background: url(images/profile/bg_proleft_bottom.gif) bottom center no-repeat; padding-bottom: 15px }
#proleft strong { color: #0f437f; }
#membermenu { padding: 10px 20px 0px 20px }
#membermenu li { clear: left; border-bottom: 1px dotted #cfeaaa; line-height: 24px; padding: 5px 0 }
#membermenu li:last-child, li#last { border: 0px }
#membermenu li a { display: block; font-size: 11px }
#membermenu li a img { float: left; background: #FFF }
#membermenu li a strong { margin-left: 5px }
.profilesep { background: url(images/profile/bg_proleft_sep.gif) top no-repeat; height: 24px }
.profiletext, .friendlist { padding: 0px 20px 10px 20px }
.friendlist { font-size: 12px }
.friendlist em { font-size: 11px }
#proright { width: 700px; margin-left: 20px; float: left; overflow: hidden }
ul.toplinks { margin-left: 60px; list-style: none; }
.toplinks li { float: left; margin-bottom: 10px; margin-right: 5px; }
.toplinks li a,a.biglink { text-align: center; color: #FFF; font-weight: bold; display: block; padding: 5px; background: #88C3F0; border: 1px solid #1C7BB1 }
.toplinks li a.facebookicon { background: #88C3F0 url(/includes/css/newslept/images/icons/facebook2.gif) 5px no-repeat; padding-left: 35px }
#proright h3 { position: relative; font-size: 11px; color: #333; height: 30px; line-height: 30px; margin-bottom: 5px; padding: 0 5px; border-bottom: 1px solid #DDD; background: #EFEFEF }
#proright h3 img { float: left; padding: 5px }
#proright h3 span { position: absolute; right: 10px; font-size: 10px; font-weight: normal; color: #999 }
.boxcontent { position: relative; padding: 5px 5px 10px 5px }
.userpoints {padding: 0px 0px 0px 0px }
.wcbox {width:350px; float: left; clear:left;}
.h3 {background:#FFC493;}
#connectlist {height:140px; overflow:auto;}
.schedulebox { width: 300px; float: right }
.blocklists li, .notebookbox li { position: relative; border-bottom: 1px dotted #EFEFEF; padding: 5px; font-size: 11px }
.blocklists li span, .notebookbox li span { position: absolute; right: 5px; top: 5px }
.notebookbox {max-width:300px; margin-bottom: 20px }
#mynotebookbox { position: relative; clear: left; margin-bottom: 20px; overflow: auto }
.messagebox { position:relative; clear: left; margin-bottom: 20px; min-height: 200px }
.topbox { margin-bottom: 20px }
.messagebox ul li { clear: both; padding: 10px 0; border-bottom: 1px dotted #EFEFEF }
.messagelistimg { width: 100px; float: left }
.messagelistdate { margin-left: 110px; color: #999; font-size: 10px }
.messagelisttext { margin-left: 110px; font-size: 11px; color: #666 }
#pagemenu ul li { display: inline }
#pagemenu ul li a { display: block; float: left; padding: 5px }
#postmessage { display: block; padding: 10px; background: #CFEAAA; color: #333}
#postmessage h3 { background: #AACF74; padding: 0px 5px }
#postmessage textarea { width: 100%; margin-bottom: 5px }
.tabbedmenu { position: relative; margin-bottom: 10px; border-bottom: 3px solid #CEEBC4 }
a#lastmenu { position: absolute; right: 5px; top: 0px; background: none; font-weight: normal }
.prodesc { display: block; font-size: 11px; color: #666; padding-bottom: 5px }
.tabbedmenu li { display: inline; font-size: 11px }
.tabbedmenu li a, .tabbedmenu li a span { display: block; height: 30px; line-height: 30px; float: left; font-weight: bold; cursor: pointer }
.tabbedmenu li a { background: url(images/bg_tabbedmenu_left.gif) no-repeat; margin-right: 3px }
.tabbedmenu li a span { background: url(images/bg_tabbedmenu_right.gif) right top no-repeat; padding: 0px 10px }
.tabbedmenu li a.on { background: url(images/bg_tabbedmenu_left.gif) left -30px no-repeat; margin-right: 3px }
.tabbedmenu li a.on span { background: url(images/bg_tabbedmenu_right.gif) right -30px no-repeat; padding: 0px 10px }
/*wiseconnect tabbed styling*/
.tabbed_classes{ margin: 0px auto 0px auto; width:350px; float:left;}
.tabbed_majors{margin:0px auto 0px auto; width:350px; float:left; clear:left;}
.tabbed_classes h4{font-family: Arial, Helvetica, sans-serif; font-size:23px; margin-bottom: 10px;}
.tabbed_area{/*styling not needed*/}
ul.thetabs{ margin:0px; padding:0px; margin-top:5px; margin-bottom:6px;}
ul.thetabs li { list-style:none; display:inline;}
ul.thetabs li a{background-color:#DDDDDD; color: #000000; padding: 8px 14px 8px 14px; text-decoration:none; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
ul.thetabs li a:hover{ background-color:#2f343a; }
ul.thetabs li a.active{ background-color:#ffffff; color:#000000;}
.classcontent{background-color:#ffffff; padding:10px; }
/*Profile Title*/
.proftitleicon{max-height:45px; float:left; padding-left:35px;}
.proftitletext{float:left; padding-top:5px; font-size:19px; font-weight:bold; padding-left:5px; color:#1D7EB5;}
/*addtoany*/
#a2apage_facebook{display:none !important;}
/*Wiseconnect landing page*/
.cfIcon{ width:170px; float:left; display:inline;}
.connecthead{font-size:32px;}
.connectinfo{font-size: 14px; line-height:20px; width:170px; float:none;}
#connleft{width: 200px; float:left; overflow:hidden; background: url(images/profile/bg_proleft_top.gif) top no-repeat;}
#connmid {width: 550px; padding-left:10px; float:left; overflow:hidden; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#connright{width:200px; float:right; overflow:hidden;}
.heargcu{color:#281C68; font-family:Verdana, sans-serif;font-weight:bold;}
/* MEMBER PHOTOS */
.imageblock { padding: 5px; margin-right: 5px; width: 200px; height: 360px; float: left; font-size: 11px }
.imageconfig { text-align: left}
/* BLOG */
#blogleft, #blogright { float: left; overflow: hidden; padding: 10px }
#blogleft { width: 600px }
#blogright { width: 300px }
#blogright ul { padding: 0px; margin: 0px; list-style: none }
#blogright li ul { padding-left: 10px }
#blogright ul li h2 { font-size: 14px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #999 }
#searchform { padding: 10px 0px }
#rsslink { display:block; font-size:14px; background: url(/images/feed-icon-14x14.png) no-repeat center left; width: 100px; padding:5px; padding-left:16px; font-weight:bold; }
.categorylink { font-weight:bold; }
/* Note Styling */
#breadc { margin: 0 0 5px 0; padding: 5px 0 }
#viewnote { font-size: 12px }
#printnote { display: block; margin: 0 0 10px 0; padding: 5px; background: #EFEFEF; border: 1px solid #CCC; }
#printnote a { padding: 3px 0; text-decoration: none; font-size: 12px; font-weight: bold; color: #666 }
#noteframe { width: 100%; height: 400px; border: none; margin-bottom: 10px }
.noteframeview { font-size: 12px; width: 700px }
#wrapnote { margin: 5px; padding: 5px; border: 1px solid #999 }
#wrapinside { padding: 10px; border: 1px solid #999 }
#wrapinside h3 { border-bottom: 1px solid #999 }
.noteinfo { margin: 0; padding: 0; list-style: none; font-size: 1.1em }
.notefull { font-size: 1.2em }
#uploadedscans { width: 350px; float: right; display: block; padding: 10px;margin: 0 10px; border: 1px solid #CCC; background: #EEE}
.imgsingles { float: left; padding: 10px }
#imgcontainer { }
#imgupload { position:relative; width: 260px; float: right; display: block; padding: 10px; border: 1px solid #CCC; background: #EEE }
#imgupload2 { position:relative; float: right; display: block; padding: 10px; margin-top: 0px; border: 1px solid #CCC; background: #EEE }
#imgupload2 form { margin: 0; padding: 0}
#imgleft { width: 460px; float: left; display: block; overflow:hidden}
/* Search */
.stable { width: 700px; border-collapse: collapse; background: #FFF; margin: 10px 0 }
.stable td { padding: 3px 5px }
.stable tr { vertical-align: top }
.stablehdr td { font-weight: bold; font-size: 12px; border-bottom: 1px solid #EEE }
.stablerow td { font-size: 11px; border-bottom: 1px dotted #EEE }
.idTabs { list-style: none; margin: 0px; padding: 0px }
.idTabs li { display: inline }
.idTabs li a { display: block; background: #369; padding: 5px 10px; float: left; margin-right: 5px; color: #FFF; text-decoration: none }
.idTabs a.selected { background: #F4F4F4; color: #333; font-weight: bold; padding:5px }
#idTab1, #idTab2, #idTab3 { position: relative; padding: 10px; background: #F4F4F4 }
#searchlinkbox { display: block; text-align: center; padding: 10px; background: #E1ECF7; border: 1px solid #AFC7DF; margin-bottom: 10px; font-size: 12px; text-decoration: none; color: #333; font-weight: bold; }
.warntext { position: absolute; right: 10px; top: 10px; width: 330px; background: #D43636; padding: 5px; font-size: 10px; color: #FFF }
/* Blog */
.breadcrumb { font-size: 11px; padding: 5px; background: #EFEFEF }
.breadcrumb a { color: #3687AF }
.pagination { padding: 5px }
p.update { text-align: center; font-size: 12px; color:#666; padding: 5px; background: #F8FFEF}
#postoptions { padding: 10px; margin-bottom: 10px; background: #E6F4D3; border: 1px solid #B9CF9B }
#postvipoptions { padding: 10px; margin-bottom: 10px; background: #E6F4D3; border: 1px solid #B9CF9B }
#postform { padding: 0px; background: none }
#postform .errorstar { color: #900; float: none}
.submenulink { text-decoration: none; font-size: 12px }
.replypost { border-bottom: 1px solid #EFEFEF}
.twitreply { background: none }
.posterimg { text-align: center; width: 70px; overflow: hidden }
.twitreplies .postercnt { text-align:center; }
.replycnt .postercnt,.replypost_1 .postercnt,.replypost_2 .postercnt,.replypost_3 .postercnt,.replypost_4 .postercnt { display:block; width:85px; float:left; margin-right:0px; text-align:center; padding:20px;}
.replycnt .replypost { }
#custom-tweet-button {
font-size:10px;
}
#tweet{margin-top: 17px; float: left}
#tweettext{margin-top: 22px; float: left}
.postcomment { border: 1px solid #C9C2C1; padding: 10px; color: #666 }
.replypost_1 { margin-top:5px; margin-left:25px; border-bottom: 1px solid #EFEFEF}
.replypost_2 { margin-top:5px; margin-left:50px;border-bottom: 1px solid #EFEFEF}
.replypost_3 { margin-top:5px;margin-left:75px;border-bottom: 1px solid #EFEFEF}
.replypost_4 { margin-top:5px;margin-left:100px;border-bottom: 1px solid #EFEFEF}
.commenterimg { width: 60px; padding-right: 10px; padding-bottom: 10px; float: left}
.poststat { font-size: 11px; color: #999; padding: 10px 5px; background: url(/images/tip.gif) 20px -1px no-repeat }
.votebox { font-size: 11px; color: #CCC; text-align: center }
.voteicons { line-height: 16px }
.twitpost { padding: 10px }
.odd { background: #FFF }
.even { background: #EFEFEF }
.twitreplies { width: 110px; float: left; font-size: 11px; margin-top:10px; }
.replybox { margin: 5px; padding: 5px; border: 1px solid #999; background: #FFF; text-align: center }
.replyval { font-size: 12px; font-weight: bold; display: block }
.replydesc { font-size: 11px; color: #CCC }
.twitcontent { margin-left: 120px }
.twitcontent h3 { margin: 0; padding: 0; font-size: 14px }
.twitcontent h3 a { color: #00679D }
.twitcontent h4 { margin: 0; padding: 0; font-size: 11px; color: #555}
.twitbody { padding: 5px 0; font-size: 12px }
.twitstat { font-size: 12px; margin: 5px 0 }
.twitstat a { color: #3687AF }
#twitreplyposts { padding: 10px; font-size: 12px }
.twitcat { padding:10px; }
.twitcat .even { background: #FFF }
.twitcat .odd { background: #EFEFEF }
.notefile { display:block; padding-top:5px; padding-bottom:5px; padding-left:10px; clear:both; }
/* NOTE TAKER OF THE MONTH */
#ntotm { position: relative; width: 190px; height:120px; background: #f0f1f0 url(images/home/bg_ntotm.gif) no-repeat; margin-top: 20px; padding-top: 10px; padding-left: 130px; overflow: hidden; text-align: center }
#ntotm h3 { font-size: 1.2em; text-align: center; color: #00354F; margin: 0px; padding: 0px; margin-bottom: 20px }
#ntotm h3 a { display: block; width: 153px; height: 54px }
#ntotm h3 a span { display: none }
a#topnotmlink { display: block; position: absolute; top: 5px; left: 5px; width: 108px; height: 80px }
.userassets { padding: 10px 5px; border: 1px solid #700; background: #FFF }
.notmuserlink { font-size: 1.4em; color: #700; margin: 10px 0 }
.notmuserlink:hover { color: #36a }
.notestats { margin-top: 10px; margin-bottom:5px; font-size: .8em }
.notetitle { font-size: 1.1em; padding: 5px; margin-bottom: 10px; border-top: 1px solid #00354F; border-bottom: 1px solid #00354F; color: #333 }
#topcontribute { margin: 0; padding: 0; list-style: none }
#topcontribute li { text-align:left; padding: 10px; border-bottom: 1px solid #EEE }
#topcontribute li.firsttop { background: #69A; padding: 20px; color: #FFF; font-size: 1.8em}
#topcontribute li img { border: 0; padding: 0; margin: 0; float: right }
#topcontribute li a { color: #00354F}
#topcontribute li.firsttop a:hover { color: #FFF }
#topcontribute li a:hover { color:#69a; text-decoration:none;}
#topcontribute li .notmrank { display:block; float: left; padding: 5px 10px; margin-bottom: 20px; font-size: 1.2em; border: 1px solid #EFEFEF; margin-right: 10px }
/* CLASSIFIEDS */
.statelist, .schoollist { margin: 0; padding: 0; list-style: none }
.statelist li a, .schoollist li a { display: block; float: left; width: 220px; font-size: 12px; padding: 3px; text-decoration: none; color:#00537F; }
.statelist li a:hover, .schoollist li a:hover { background: #EFEFEF; padding: 3px; color: #333 }
.linebreak { clear: left }
/* info form classes listed in order of how one would us them
to build an info form example in use is in get_newinfo.php, short one were
used on edit profile, these are denoted by short on the end of class*/
.infoform{ background: #E8F2FE; width:637px;}
.infoformshort{ background: #E8F2FE; width:513px; float:left;}
.infocontainer{margin-left:20px; border: 1px solid #736F6E; border-style:outset; background: #E4E8F1; width:573px;}
.infocontainershort{margin-left:20px; border: 1px solid #736F6E; border-style:outset; background: #E4E8F1; width:470px;}
.infoheader{ text-align:center; height:66px; width:572px; font-size:30px; color:#000000 }
.borderheader2{border: 3px solid #E0E3EC; border-style:outset; width:568px; margin-right:5px;}
.infoheadershort{ text-align:center; height:66px; background:blue; width:472px; font-size:24px; text-decoration: underline; color:#00537F }
.borderheader{border: 3px solid #E0E3EC; border-style:outset; width:464px; margin-right:5px;}
.infodiv{padding-right:32px; color:black; padding-top:18px; float:right; text-decoration: underline;}
.infodiv2{padding-right:40px; color:black; padding-top:18px; float:right; text-decoration: underline;}
.infodiv3{padding-right:8px; color:black; padding-top:23px; float:right; text-decoration: underline;}
.infodiv4{padding-right:20px; color:black; padding-top:23px; float:right; text-decoration: underline;}
.infoarea{border: 2px solid #000000; text-align:center; background: #FFFFFF; width:564px;}
.infotable{table-layout: fixed; width:560px;}
.infoareashort{border: 2px solid #000000;text-align:center; background: #FFFFFF; width:460px;}
.infoareashortleftalign{border: 2px solid #000000; background: #FFFFFF; width:460px;}
.infotableshort{table-layout: fixed; width:460px;}
.enteredinfo{ float:left; display: block; width: 185px; font-size: 14px; font-weight: bold; color:#00537F; }
.enteredinfosmalltext{ float:left; display: block; width: 185px; font-size: 10px; margin-bottom:3px; font-weight: bold; color:#00537F; }
.enteredinfolong{ float:left; display: block; width: 240px; font-size: 14px; font-weight: bold; color:#00537F; }
.enteredinfoforshort{ float:left; display: block; width: 185px; font-size: 12px; font-weight: bold; color:#00537F;}
.enteredinfoforshortst{ float:left; display: block; width: 145px; font-size: 11px; font-weight: bold; color:#00537F; }
.enteredinfolongforshort{ float:left; display: block; width: 240px; font-size: 13px; font-weight: bold; color:#00537F; }
.submitnewinfo{display: inline-block;padding: 2px 3px;-webkit-border-radius: 8px;-moz-border-radius: 8px;margin-bottom: 11px; margin-top: 11px; color:#00537F;font-weight:bold;-o-border-radius: 8px; border-top-right-radius: 8px; border-top-left-radius: 8px;border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
/*--------------------------------------------------*/
.classheader { border-bottom: 2px solid #DDD; margin-bottom: 10px; padding-bottom: 10px; border-bottom-style: dotted; font-size: 16px }
.classpostdate { margin-bottom: 10px; font-size: 12px; color: #333 }
.classbread { position: relative; font-size: 11px; padding: 5px; background: #EEE }
.classbread span { position: absolute; right: 10px }
.categorylist { margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 12px }
.dateout { margin-bottom: 10px; padding: 5px ; background: #EEE; border-bottom: 2px solid #CCC; font-weight: bold }
.postout { padding: 0 0 10px 0 }
#new_class_dialog{height:300px}
/* Form Styles */
.form2{ padding: 5px 5px 0px 0px; background: #FFF;}
.mainforms { background: #FFF; }
.mainforms h2, .mainforms h2 { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #900 }
.mainforms form { margin: 0px; padding: 0 }
.mainforms .req, .mainforms .error { float: none }
.mainforms .error { color: #900 }
.mainforms ul { margin: 0; padding: 0; list-style: none }
.mainforms li { display: block; clear: both; padding: 5px 0; }
.mainforms input.field, .mainforms textarea.field { border: 1px solid #999; padding: 3px; height:25px; }
.mainforms label.desc { display: block; margin: 5px 0;font-size: 12px; font-weight: bold; color: #333 }
.mainforms li span { float: left; padding: 0 5px 0 0 }
.mainforms span label, .mainforms div label { clear: both; display: block; font-size: 9px; line-height: 9px; color: #999; padding: 3px 0 }
.mainforms li div { padding: 3px 0 }
.mainforms input.large, .mainforms textarea.large { width: 100% }
.mainforms textarea.large { height: 60px }
.mainforms input.medium { width: 50% }
.mainforms div.left, .mainforms div.right { width: 48%; padding-right: 8px; float: left }
p.update { padding: 10px; background: #E1ECF7; border: 1px solid #AFC7DF; margin-bottom: 5px }
p.error { padding: 10px; background: #FABBBB; border: 1px solid #C96E6E; margin-bottom: 5px; text-align:center; }
p.success2 { display:block; padding: 0px; background: #33ff99; margin: 5px }
p.error2 {display:block; padding: 0px; background: #FABBBB; margin: 5px }
.mainforms #schoolval1 { width:380px; }
/*Reward Catalog */
#catalog { }
#catalog #cat_nav { clear:both; border-bottom:1px solid #BAD199; height:27px; padding-left:30px; }
#catalog #cat_nav #end { border-left:1px solid #BAD199; height:27px; display:block; float:left;}
#catalog #cat_nav a { display:block; font-weight:bold; float:left; height:20px; color:#333; background: #E6F4D3; border-left:1px solid #BAD199; border-top: 1px solid #BAD199; text-decoration:none; padding:3px; padding-left:10px; padding-right:10px; }
#catalog #cat_nav a.on { background-color:#fff; border-bottom:none; margin-bottom:-1px; height:21px; }
#catalog #cat_nav a:hover { background-color:#EEEEEE; }
#catalog #cat_nav a.on:hover { background-color:#fff;}
#catalog #cat_main { }
#catalog #cat_main .gifttile { float:left; display:block; margin-top:20px; width:340px; padding:10px; }
#catalog #cat_main .giftsummary { float:left; }
#catalog #cat_main .gifticon { float:left; padding-right:10px; padding-bottom:10px; }
#catalog #cat_main .gifttile h4 { border-bottom:1px solid #BAD199; padding-bottom:2px; margin-bottom:6px;}
#catalog #cat_main .gifttile .cat_icon { display:block; float:left; margin:5px; }
#catalog #cat_main .gifttile .cat_summary { display:block; float:left; margin:5px; }
#catalog #cat_main .gifttile a.cat_redeem {display:block; padding-top:5px; padding-bottom:5px; margin-left:50px; margin-right:50px; margin-bottom:10px; margin-top:10px; text-align:center; }
#catalog #cat_main .gifttile a.cat_redeem:hover { background:#FFF;}
#confirmredemption { text-align:center; }
#confirmredemption button { margin:5px; }
.clear { clear: both; height: 0; padding: 0; line-height: 0; font-size: 0 }
.hidden { display: none; }
.emailbutton {
background: transparent;
color: #FF3300;
}
/* Friend Search Engine */
.friendsearch { display:block; margin-bottom:20px; }
div.friend_result div.result_image { width:100px; float:left;}
div.friend_result { display:block; border:1px solid #1C7BB1; padding:8px; margin-bottom:15px; }
div.friend_result .result_image img { display:block; width:80px;}
div.friend_result div.result_info { float:left; }
div.friend_result ul.info { display:block; margin-left:15px; float:left; }
div.friend_result ul.info li { display:block; font-weight:normal; font-size:11px; }
div.friend_result ul.info li a.name {font-weight:bold; font-size:13px; }
div.friend_result ul.info li span.label { float:left; display: block; width:85px; color:#808080; margin-right:5px; font-weight:normal; font-size:11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; }
div.friend_result div.result_actions { float:right;}
div.friend_result ul.actions { display:block; width:130px; }
div.friend_result ul.actions li { width:130px; display:block; }
div.friend_result ul.actions li a { font-size:11px; display:block; padding-left:2px; border-bottom:1px solid #1C7BB1; }
div.friend_result ul.actions li a:hover { color:#FFF; background-color:#660000; font-size:11px; }
/*Study Break Games */
.gamerow { display:block; padding:10px; border:1px solid #1C7BB1; margin-top:10px; height:auto !important; height:90px; }
.gamerow .gamethumb { display:block; padding:5px; margin-right:5px; float:left; }
.gamerow h3 { display:block; font-weight:bold; font-size:14px; margin-bottom:10px; }
.playgame { text-align:center; }
.playgamedesc { padding:10px; }
/*New Class Ajax Form*/
form#add_course_form { display:block; width:560px; margin:10px; background-color:#E1ECF7; }
form#add_course_form ul li { display:block; clear:both; }
form#add_course_form label { width:260px; text-align:right; display:block; float:left; padding-top:2px; padding-right:4px; }
div.friend_result div.breaker { height:0px; float:none; clear:both; margin:0; padding:0;}
/*VIP Styles*/
.vipicon { background: url(/images/vip_logo_60x60.png) no-repeat; margin:0 auto; height:60px; width:60px; display:block; }
#featureblock .feature_yes,.feature_no {height:24px; width:24px; background-repeat:no-repeat; margin:0 auto; }
#featureblock .feature_yes span,.feature_no span { display:none; }
#featureblock .feature_yes { background:url(images/icons/accept.png); }
#featureblock .feature_no { background:url(images/icons/delete.png); }
#featureblock .special { font-weight:bold; }
#featureblock .feature_price { display:block; width:75px; margin:0 auto; text-align:center; }
#featureblock { display:block; margin:0 auto; width:600px; }
#featureblock table { display:block; width:100%; }
#featureblock table td { padding:5px; margin-right:10px; }
#featureblock table td.feature_option { width:100px; }
#featureblock table thead td { text-align:center; }
#featureblock div#options { width:500px; margin:0 auto; margin-top:10px; }
#featureblock a#basic_link,#featureblock a#vip_link { display:block; width:200px; }
#featureblock a#basic_link { background:#CCCCCC; background-position:top 15px; border:1px solid #666666; padding:15px; text-align:center; float:left;}
#featureblock a#vip_link { float:right; padding:15px; text-align:center; background: #E1ECF7; border: 1px solid #AFC7DF; margin-bottom: 10px; font-size: 12px; text-decoration: none; color: #333; font-weight: bold; }
a.blog_vip_icon { display:block; height:24px; width:24px; background:url(/images/vip_logo_small.png); }
a.blog_vip_icon span { display: none; }
/*VIP Form Styles */
div#vip_desc { padding:10px; }
div#vip_desc ul li { font-weight:10px; }
div#vip_desc ul { list-style-type:circle; padding-left:20px; margin-bottom:10px; }
div#vip_form li { display:block; padding:10px; }
div#vip_form li input { margin-top:4px; }
div#vip_form li label{ display:block; float:left; width:180px; text-align:right; margin-right:10px; }
div#vip_form li a#cvv2_info { display:block; margin:5px; padding-left:20px; background:url(images/icons_sm/help.png) no-repeat left center; width:100px; margin-left:188px; }
/* Flash Card Styles */
#new_flashcard_set #set_metadata { width:400px; margin: 0 auto; margin-top:20px; }
#new_flashcard_set #set_metadata .form_segment label { width:100px; text-align:right; display:block; float:left; font-weight:bold; margin-right:10px; }
#new_flashcard_set #set_metadata .form_segment { display:block; clear:both; margin-top:10px; }
#new_flashcard_set #set_metadata .form_segment #addcourse_link { display:block; margin-left:110px; clear:both; margin-top:3px; width:150px; }
#new_flashcard_set #set_metadata .form_segment #addcourse_link img { display:block; float:left; margin-right:4px; margin-top:1px;}
#new_flashcard_set div#set_cards ul#set_cards_list { display:block; width:600px; margin:0 auto; margin-top:10px; margin-bottom:10px;}
#new_flashcard_set div#set_cards ul#set_cards_list li.card_segment,#new_flashcard_set div#set_cards div.card_segment { display:block; width:460px; margin:0 auto; margin-bottom:30px;}
#new_flashcard_set div#set_cards div.card_segment div span.col_header { font-weight:bold; font-size:12px; margin:10px; display:block; }
#new_flashcard_set div#set_cards ul#set_cards_list li.card_segment div.question , #new_flashcard_set div#set_cards div.card_segment div.question { float:left; }
#new_flashcard_set div#set_cards ul#set_cards_list li.card_segment div.answer, #new_flashcard_set div#set_cards div.card_segment div.answer { float:right; }
#new_flashcard_set div#set_cards ul#set_cards_list li.card_segment div.controls { text-align:right; }
#new_flashcard_set div#set_cards ul#set_cards_list li.card_segment div.controls a { display:block; width:105px; float:right; }
#new_flashcard_set div#set_cards ul#set_cards_list li.card_segment div.controls a img { display:block; height:16px; width:16px; margin-top:2px; margin-left:2px; float:left; }
#simplemodal-container a.modalCloseImg {
background:url(/img/x.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-18px;
cursor:pointer;
}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:420px; width:700px; color:#000; background-color:#E1ECF7; border:1px solid #AFC7DF;}
#simplemodal-container h2,#simplemodal-container h3 { display:block; text-align:center; }
#simplemodal-container h2 { margin-top:10px; font-size:18px; }
#simplemodal-container h3 { font-size:12px; }
#simplemodal-container div.description {display:block; margin:20px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/includes/main/flash_cards/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #flashcard_content {}
#simplemodal-container #flashcard_content div.card-text { border:2px solid #000; background-color:#FFF; padding:10px; font-size:16px; text-align:center; width:500px; height:150px; margin:0 auto; margin-top:30px;}
#simplemodal-container #flashcard_content a#firstcard { display:block; margin:0 auto; margin-top:40px; width:200px; height:50px; border:4px solid #333333; background-color:#E1ECF7; text-align:center; bottom:0px; padding-top:30px; }
#simplemodal-container #flashcard_content a#firstcard:hover { border:4px solid #1C7BB1; background-color:#88C3F0; font-weight:bold;}
#simplemodal-container #flashcard_content .flashcard-buttons {text-align:center; }
#simplemodal-container #flashcard_stats {display:block; padding:10px; background-color:#AFC7DF; }
#simplemodal-container #flashcard_stats ul { dis=play:block; }
#simplemodal-container #flashcard_stats ul li { display:block; float:left; margin-right:10px; font-size:10px; }
#simplemodal-container #flashcard_stats #current_card_count { font-size:10px; float:right; }
#simplemodal-container #flashcard_stats ul#stat_list li#wrong { height:16px; padding-left:20px; padding-top:4px; background-image: url(images/icons_sm/delete.png); background-position:left center; background-repeat:no-repeat; }
#simplemodal-container #flashcard_stats ul#stat_list li#right { height:16px; padding-left:20px; padding-top:4px; background-image: url(images/icons_sm/accept.png); background-position:left center; background-repeat:no-repeat; }
#simplemodal-container #endstats { display:block; width: 300px; margin:0 auto; }
#simplemodal-container #endstats span { display:block; text-align:center; padding:10px; font-size:14px; font-weight:bold; }
#simplemodal-container #endstats #percentage { display:block; text-align:center; padding:10px; font-size:16px; font-weight:bold; }
/* Answer Board */
.modulecontent h3 { margin: 10px 0; padding: 5px; background: #CEE4B6 }
.abtbl {width: 720px; margin-top: 10px; }
.abtbl tbody { display: block; width:720px; }
.abtbl tr { }
.abtbl td { padding: 5px; border-bottom: 1px solid #EFEFEF; max-width:490px; width: expression(this.width > 490 ? 490: true); }
.abtbl td.break-words { word-wrap: break-word; white-space: normal; break-word: break-all; white-space:pre-wrap; white-space: normal; }
.abtblhdr td { background: #F4F4F4; border-bottom: 1px solid #CCC; padding:5px }
.save_answer { margin: 0 auto; width: 120px; text-align: center }
.save_answer a { text-align: center; display: block; padding: 5px; border: 1px solid #999; background: #CCC; color: #FFF }
.save_answer a:hover { background: #EBFFD6; color: #666 }
.ab_files { width: 160px; padding: 10px; float: right; background: #EEE; text-align: center }
.ab_files h3 { margin-top: 0}
.ab_answer, .ab_answermain { padding: 10px; background: #F4F4F4; margin-bottom: 10px }
.ab_answermain p { font-size: 1.4em }
.ab_highlight { padding: 10px; background: #EBFFD6; margin-bottom: 10px }
/* Modal Box */
.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px;}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (