/* Default Charles Barnes Theme */

h2 { font-family: sans-serif; }
clear { clear: both; }
a:hover {
	color:#000080;
	text-decoration:underline; 
}
a { text-decoration:none; }

body {
/*  background-color: #E6E6E6;*/
	margin-left: 0px;
	margin-top: 0px;
}

.superscript {
	vertical-align: super;
	font-size: 6pt;
}

div.wrap {
	margin: 0;
	min-width: 800px;
	width: 100%;
	vertical-align: middle;
}

div.head {  /***** Used to Control Header  ****/
	position: relative;
	top: 0px;
	width: 100%;
	height: 262px; /* Set this to space needed in header */
	margin: 0px 0px;
	background: url(/images/top_pattern.png) repeat-x;
}

div.head a:link, div.head a:visited, div.head a:hover div.head a:active {
	display: block;
	margin: 0px;
	border: none;
	padding: 0px;
	text-decoration: none;
}

div.head a:link img, div.head a:visited img, div.head a:hover img, div.head a:active img {
	border: none;
	border-color: white;
}

div.logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 780px;
	height: 262px;
	z-index: 0;
}

div.title {
	clear: both;
	position: absolute;
	top: 82px;
	left: 390px;
	min-width: 410px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	color: White;
	z-index: 1;
}

div.title h1 {
	font-size: 18pt;
	font-weight: bold;
	color: White;
}

div.title h2 {
	font-size: 14pt;
	font-weight: normal;
}

div.subhead {
	clear: both;
	display: block;
	position: absolute;
	top: 210px;
/*	left: 360px;*/
	left: 0px;
	margin-left: 360px;
	width: 630px;
	height: 39px;
	padding: 0px;
/*	background: url(/images/no_top3.png) no-repeat;*/
	background: url(/images/button.png) no-repeat right;
	z-index: 2;
}

div.subhead h1 {
	clear: both;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 45px;
	margin-bottom: 4px;
	padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: gray;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
/*	background: url(/images/button.png) no-repeat right;*/
}

div.menu {
	float: left;
	margin: 0;
	font-size: 90%;
	font-weight: normal;
	line-height: 22px;
	text-align: left;
	top: 0;
	left: 0px;
	width: 241px;
}

div.menu ul {
	margin: 0; 
	padding-left: 40px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	background-color: #F0F0F0;
	background-image: url(/images/menuback.jpg);
	border: none;
	color: black;
	list-style: none;
}

div.menu ul li ul
{
	background-color: Transparent;
	background-image: none;
}

div.menu a, div.menu a.sub, div.menu li.submenu {
	display: block;
	margin-left: 0px;
	margin-top: 0px;
	border-top: none;
}
div.menu a.sub { margin-left: -20px }
div.menu ul li a.submenu { font-weight: bold; font-style: italic }
div.menu ul li a.submenu:hover { text-decoration: none; color: Black; }

table.navbar {
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: white;
}
table.navbar td {
	border: 1px solid #48587A;
}
table.navbar td a{
	display: block;
	width: 9em;
	padding: 3px;
	text-decoration: none;
/*	color: #003366;*/
	color: white;
}
table.navbar td a:link, table.navbar td a:visited {
	color: white;
	background-color: #48587A;
}
table.navbar td a:hover, table.navbar td a:active {
	color: white;
	background-color: #48587A;
}

div.content { top: 0px; margin-left: 245px; }

div.notice { display: block; color: red; font-size: 16pt; text-align: center; }

/*div.coupon { border: 2px black dashed; padding: 10px; }*/

.style1 { font-size: 18px }
.style2 { font-size: x-large}
.style2b {color: #993300}
.style3 { color: #0000FF; font-weight: bold; }
.style3b { color: #FF0000; font-style: italic; font-weight: bold; }
.style4 { color: #FF0000 }
.style8 { font-size: 11px }
.style9 { color: #0000FF }
.style9b { font-size: 18px; font-weight: bold; }
.style10 { font-size: 18px; font-weight: bold; color: #0000FF; }
.style12 { font-size: 36px; color: #FF0000; font-weight: bold; font-style: italic; }
.style13 { font-size: 14px; color: #000000; font-weight: bold; font-style: italic; }
.style18 { font-size: 18px; }
.style24 { color: #4A597B; font-weight: bold; font-size: 22px; }
.style25 { color: #000000}
.style25b { color: #FF0000; font-weight: bold; font-size: 36px; }
.style26 { color: #4A597B; font-weight: bold; font-size: 20px; }
.style27 { color: #FF0000; font-weight: bold; font-size: 30px; }
.style28 { color: #4A597B; font-weight: bold; font-size: 30px; }
.style29 { font-size: 30px; font-weight: bold; }
.style30 { color: #FF0000; }
.style47 { color: #000099; }

.bolder { font-weight: bold; font-size: 18px; } /* was style26 */

.phone {color: red}

div.footer {  /***** Used to Keep Footer on Bottom ****/
	clear: both;
	position: relative;
	top: 0px; /**** Set this to move footer content off of ‘main’ content bottom ****/
	width: 100%;
	min-width: 800px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%; /* size 2 */
	color: #666666;
}

div.footer table {
	width: 100%;
	background: white url(/images/down_pattern.png);
	height: 55px;
	vertical-align: top;
	border-collapse: collapse;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

span.footimage {
	clear: both;
	display: block;
}

div.footmenu {
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	text-align: left;
}

div.footcopy {
	float: right;
/*	width: 319px;*/
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
	top: 0px;
	width: 489px;
}

div.terms dt {
	font-weight: bold;
}

div.terms dd {
	font-weight: normal;
}

div.legislation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.legislation h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: black;
}

div.legislation h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: black;
}

div.legislation h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}

div.legislation h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	color: black;
}

div.legislation h4.section {
	color: #b90000;
}

div.legislation p.index {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10pt;
}

div.toc { width: 100%; }
div.tocrow { background-color: #d1d7ed; }
div.tocrow, div.tocaltrow { width: 100%; min-height: 50px; /*border-top: 1px black solid;*/ }
div.tocrow img, div.tocaltrow img { float: left; vertical-align: middle; }

#examprep li.sub { background-color: #d1d7ed; }
#examprep li.altsub { }

div.tocdetail img { vertical-align: top; border: none; }

div.tocdetail, div.tocaltdetail {
	display: block;
	position: relative;
	margin: 0px;
	height: 75px;
	overflow: auto;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
/*	padding-right: 115px;*/
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

div.tocdetail p, div.tocrow p, div.tocaltdetail p, div.tocaltrow p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
}

div.tocdetail p.title, div.tocrow p.title, div.tocaltdetail p.title, div.tocaltrow p.title {
	font-size: 16px;
	font-weight: bold;
	color: #000099;
}

div.tocdetail p.desc, div.tocrow p.desc, div.tocaltdetail p.desc, div.tocaltrow p.desc {
	font-size: 14px;
}

div.tocenroll, div.tocaltenroll {
	float: right;
	margin: 0px;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	text-align: left;
	width: 70px;
	padding: 0px;
	padding-top: 20px;
}

div.toclinks, div.tocaltlinks {
	float: right;
	margin: 0px;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	text-align: left;
	width: 235px;
	padding: 0px;
}

div.toclinks img, div.tocaltlinks img { float: right; }

div.toclinks p, div.tocaltlinks p {
	display: block;
	width: 200px;
	height: 16px;
	background: url(/images/bullet.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 12px;
	margin-left: 0px;
	margin-right: 4px;
}

div.toclinks p a, div.tocaltlinks p a { font-size: 16px; }

td.col_progress, td.col_status { text-align: center; }

div.login {
	float: left;
	width: 300px;
	height: 300px;
	border: none;
	/*background-color: #8898BA;*/
	margin: 10px 10px 10px 10px;
	padding: 20px 20px 20px 20px;
}

div.newuser {
	float: left;
	width: 300px;
	height: 300px;
	border: none;
	/*background-color: #B8C8EA;*/
	margin: 10px 10px 10px 10px;
	padding: 20px 20px 20px 20px;
}

div.lookup {
	float: left;
	width: 300px;
	border: none;
	background-color: #8898BA;
	margin: 10px 10px 10px 10px;
	padding: 20px 20px 20px 20px;
}

div.login label, div.newuser label, div.lookup label {
	width: 125px;
	font-size: 12pt;
	text-align: left;
	font-weight: bold;
}

div.regform {
}

div.regform p {
	display: block;
	font-size: 10pt;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.regform p.ok {
	background-color: #6699CC;
}

div.regform p.err {
	color: white;
	background-color: #CC0000;
}

div.regform form label, div.regform label {
	float: left;
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	width: 250px;
	text-align: right;
}

div.regform form span.extlabel, div.regform span.extlabel {
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
}

div.ad {
	/*border-top: 1px black solid;*/
	padding: 10px;
}

div.prices p {
	font-size: 16pt;
	font-weight: bold;
}

/*table.cart,*/ table.messages, table.grades, table.enrollments /*, div.inhouse table*/ {
	border: outset thin;
	border-collapse: separate;
}

/*table.cart td,*/ table.messages td, table.grades td, table.enrollments td /*, div.inhouse table td*/ {
	border: inset thin;
	padding: 5px;
}

.HiddenText label { display:none }

table.housecourses tr.hc_title { font-size: 24pt; }
table.housecourses tr.hco_title { font-size: 18pt; }
/*table.houseclasses, table.houseclasses th, table.houseclasses td {border: 1px solid black}*/

table.cert td { color:#FFFFFF; background-color:#CC0000; }

.LV_valid { color:black; }
.LV_invalid { color:#CC0000; }
   
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active,
textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
	color:black;
    background-color: white;
}
   
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
	color:white;
    background-color: red;
}

div.storecats {}

div.storelistitems {}

div.brand { position: absolute; left: 375px; top: 12px; }

.drop-blur{ background-color: #ccc; /*shadow color*/ color: inherit; margin-left: 4px; margin-top: 4px; }
.drop-shadow, .drop-content{ position: relative; bottom: 2px; right: 2px; }
.drop-shadow{ background-color: #666; color: inherit; }
.drop-content{ background-color: #fff; color: #000; border: 1px solid #000; padding: .5em 2ex; }

div.invoice { float:left; }

div.ad table td.topleft { background-image: url(/images/LtBlueGrayBox_01.gif); background-repeat:no-repeat; width:13px; height:13px; }
div.ad table td.topcenter { background-image: url(/images/LtBlueGrayBox_02.gif); background-repeat:repeat-x; height:13px; }
div.ad table td.topright { background-image: url(/images/LtBlueGrayBox_03.gif); background-repeat:no-repeat; width:17px; height:13px; }
div.ad table td.left { background-image: url(/images/LtBlueGrayBox_04.gif); background-repeat:repeat-y; width:13px; }
div.ad table td.center { background-color: /*#A6B9D1*/#d1d7ed; }
div.ad table td.right {	background-image: url(/images/LtBlueGrayBox_06.gif); background-repeat:repeat-y; width:17px; }
div.ad table td.bottomleft { background-image: url(/images/LtBlueGrayBox_07.gif); background-repeat:no-repeat; width:13px; height:17px; }
div.ad table td.bottomcenter { background-image: url(/images/LtBlueGrayBox_08.gif); background-repeat:repeat-x; height:17px; }
div.ad table td.bottomright { background-image: url(/images/LtBlueGrayBox_09.gif); background-repeat:no-repeat; width:17px; height:17px; }

.sepia { color:#993300; }
.smallprint { font-size:11px; }
.box { float: left; margin: 10px 10px 10px 10px; padding: 0; }
.box ul { list-style-image:url(/images/greencheck.png); }
.box .rbroundbox { background-color: #eff1f8; }
.box .rbtop         { background: url(/images/LtBlueGrayBox2_02.gif) repeat-x; }
.box .rbtop div     { background: url(/images/LtBlueGrayBox2_01.gif) no-repeat top left; }
.box .rbtop div div { background: url(/images/LtBlueGrayBox2_03.gif) no-repeat top right; }
.box .rbbot         { background: url(/images/LtBlueGrayBox2_08.gif) repeat-x; }
.box .rbbot div     { background: url(/images/LtBlueGrayBox2_07.gif) no-repeat top left; }
.box .rbbot div div { background: url(/images/LtBlueGrayBox2_09.gif) no-repeat top right; }
.box .rbcontentwrap     { background: url(/images/LtBlueGrayBox2_04.gif) repeat-y; }
.box .rbcontentwrap div { background: url(/images/LtBlueGrayBox2_06.gif) repeat-y right; }
.box .rbtop div, .box .rbtop, .box .rbbot div, .box .rbbot { width: 100%; height: 17px; font-size: 1px; }
.box .rbcontentwrap div { margin: 0; padding: 20px 20px 20px 20px; }
.box .rbroundbox { width: 400px;  }

#login { float: left; margin: 10px 10px 10px 10px; padding: 20px 20px 20px 20px; }

#login .rbroundbox { background-color: /*#8898BA*/#acbbe5; }

#login .rbtop         { background: url(/images/DkBlueGrayBox_02.gif) repeat-x; }
#login .rbtop div     { background: url(/images/DkBlueGrayBox_01.gif) no-repeat top left; }
#login .rbtop div div { background: url(/images/DkBlueGrayBox_03.gif) no-repeat top right; }

#login .rbbot         { background: url(/images/DkBlueGrayBox_08.gif) repeat-x; }
#login .rbbot div     { background: url(/images/DkBlueGrayBox_07.gif) no-repeat top left; }
#login .rbbot div div { background: url(/images/DkBlueGrayBox_09.gif) no-repeat top right; }

#login .rbcontentwrap     { background: url(/images/DkBlueGrayBox_04.gif) repeat-y; }
#login .rbcontentwrap div { background: url(/images/DkBlueGrayBox_06.gif) repeat-y right; }

/* height and width details */
#login .rbtop div, #login .rbtop, #login .rbbot div, #login .rbbot { width: 100%; height: 17px; font-size: 1px; }
#login .rbcontentwrap div { margin: 0; padding: 20px 20px 20px 20px; }
#login .rbroundbox { width: 300px;  }

#newuser { float: left; margin: 10px 10px 10px 10px; padding: 20px 20px 20px 20px; }

#newuser .rbroundbox { background-color: /*#B8C8EA*/#d1d7ed; }

#newuser .rbtop         { background: url(/images/LtBlueGrayBox_02.gif) repeat-x; }
#newuser .rbtop div     { background: url(/images/LtBlueGrayBox_01.gif) no-repeat top left; }
#newuser .rbtop div div { background: url(/images/LtBlueGrayBox_03.gif) no-repeat top right; }

#newuser .rbbot         { background: url(/images/LtBlueGrayBox_08.gif) repeat-x; }
#newuser .rbbot div     { background: url(/images/LtBlueGrayBox_07.gif) no-repeat top left; }
#newuser .rbbot div div { background: url(/images/LtBlueGrayBox_09.gif) no-repeat top right; }

#newuser .rbcontentwrap     { background: url(/images/LtBlueGrayBox_04.gif) repeat-y; }
#newuser .rbcontentwrap div { background: url(/images/LtBlueGrayBox_06.gif) repeat-y right; }

/* height and width details */
#newuser .rbtop div, #newuser .rbtop, #newuser .rbbot div, #newuser .rbbot { width: 100%; height: 17px; font-size: 1px; }
#newuser .rbcontentwrap div { margin: 0; padding: 20px 20px 20px 20px; }
#newuser .rbroundbox { width: 300px;  }

#courselist{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:16px;width:500px;text-align:left;border-collapse:collapse;margin:0px;}
#courselist thead th.rounded-top-left{background:/*#b9c9fe*/#e6e9f4 url("/images/rtab_left2.png") left -1px no-repeat;}
#courselist thead th.rounded-top-right{background:/*#b9c9fe*/#e6e9f4 url("/images/rtab_right2.png") right -1px no-repeat;}
#courselist th{font-weight:normal;font-size:13px;color:#000039;background:/*#b9c9fe*/#e6e9f4;padding:8px;}
#courselist td{background:/*#e8edff*/#eff1f8;border-top:1px solid #fff;color:#000669;padding:8px;text-align:left;}
#courselist tfoot td.rounded-foot-left{background:/*#e8edff*/#eff1f8 url("/images/rtab_botleft2.png") left bottom no-repeat;}
#courselist tfoot td.rounded-foot-right{background:/*#e8edff*/#eff1f8 url("/images/rtab_botright2.png") right bottom no-repeat;}
#courselist tbody tr:hover td{background:#e4e8f7;}

#cart{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:680px;text-align:left;border-collapse:collapse;margin:20px;}
#cart thead th.rounded-command{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_leftdark.png") left -1px no-repeat;width:20px;}
#cart thead th.rounded-description{width:400px;}
#cart thead th.rounded-count{width:100px;}
#cart thead th.rounded-amount{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_rightdark.png") right -1px no-repeat;width:100px;}
#cart th{font-weight:normal;font-size:13px;color:#000039;background:/*#b9c9fe*/#acbbe5;padding:8px;}
#cart td{background:/*#e8edff*/#d1d7ed;border-top:1px solid #fff;color:#000669;padding:8px;}
#cart tfoot td.rounded-foot-left{background:/*#e8edff*/#d1d7ed url("/images/rtab_botleftdark.png") left bottom no-repeat;}
#cart tfoot td.rounded-foot-right{background:/*#e8edff*/#d1d7ed url("/images/rtab_botrightdark.png") right bottom no-repeat;}
#cart tbody tr:hover td, #cart tbody tr.index td a:hover{background:#c0c9e6;}
#cart tbody tr.index{text-align:right;}

#houseclasses{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:680px;text-align:left;border-collapse:collapse;margin:20px;}
#houseclasses thead th.rounded-instructor{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_leftdark.png") left -1px no-repeat;width:15%}
#houseclasses thead th.rounded-location{width:20%}
#houseclasses thead th.rounded-dates{width:25%}
#houseclasses thead th.rounded-times{width:25%}
#houseclasses thead th.rounded-command{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_rightdark.png") right -1px no-repeat;width:10%}
#houseclasses th{font-weight:normal;font-size:13px;color:#000039;background:/*#b9c9fe*/#acbbe5;padding:8px;}
#houseclasses td{background:/*#e8edff*/#d1d7ed;border-top:1px solid #fff;color:#000669;padding:8px;}
#houseclasses tfoot td.rounded-foot-left{background:/*#e8edff*/#d1d7ed url("/images/rtab_botleftdark.png") left bottom no-repeat;}
#houseclasses tfoot td.rounded-foot-right{background:/*#e8edff*/#d1d7ed url("/images/rtab_botrightdark.png") right bottom no-repeat;}
#houseclasses tbody tr.alt td{background:white;}
#houseclasses tbody tr:hover td{background:#c0c9e6;}

#enrollments{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:680px;text-align:left;border-collapse:collapse;margin:20px;}
#enrollments thead th.rounded-name{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_leftdark.png") left -1px no-repeat;}
#enrollments thead th.rounded-progress{}
#enrollments thead th.rounded-status{}
#enrollments thead th.rounded-commands{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_rightdark.png") right -1px no-repeat;}
#enrollments th{font-weight:normal;font-size:13px;color:#000039;background:/*#b9c9fe*/#acbbe5;padding:8px;}
#enrollments td{background:/*#e8edff*/#d1d7ed;border-top:1px solid #fff;color:#000669;padding:8px;}
#enrollments tfoot td.rounded-foot-left{background:/*#e8edff*/#d1d7ed url("/images/rtab_botleftdark.png") left bottom no-repeat;}
#enrollments tfoot td.rounded-foot-right{background:/*#e8edff*/#d1d7ed url("/images/rtab_botrightdark.png") right bottom no-repeat; text-align:right;}
#enrollments tbody tr:hover td, #enrollments tfoot tr td a:hover{background:#c0c9e6;}

#messages{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:680px;text-align:left;border-collapse:collapse;margin:20px;}
#messages thead th.rounded-command{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_leftdark.png") left -1px no-repeat;}
#messages thead th.rounded-message{}
#messages thead th.rounded-date{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_rightdark.png") right -1px no-repeat;}
#messages th{font-weight:normal;font-size:13px;color:#000039;background:/*#b9c9fe*/#acbbe5;padding:8px;}
#messages td{background:/*#e8edff*/#d1d7ed;border-top:1px solid #fff;color:#000669;padding:8px;}
#messages tfoot td.rounded-foot-left{background:/*#e8edff*/#d1d7ed url("/images/rtab_botleftdark.png") left bottom no-repeat;}
#messages tfoot td.rounded-foot-right{background:/*#e8edff*/#d1d7ed url("/images/rtab_botrightdark.png") right bottom no-repeat; text-align:right;}
#messages tbody tr:hover td, #enrollments tbody tr td a:hover{background:#c0c9e6;}

#charges{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:680px;text-align:left;border-collapse:collapse;margin:20px;}
#charges thead th.rounded-top-left{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_leftdark.png") left -1px no-repeat;}
#charges thead th.rounded-date{}
#charges thead th.rounded-invoice{text-align:right;}
#charges thead th.rounded-total{text-align:right;}
#charges thead th.rounded-paid{text-align:right;}
#charges thead th.rounded-due{text-align:right;}
#charges thead th.rounded-command{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_rightdark.png") right -1px no-repeat;}
#charges th{font-weight:normal;font-size:13px;color:#000039;background:/*#b9c9fe*/#acbbe5;padding:8px;}
#charges td{background:/*#e8edff*/#d1d7ed;border-top:1px solid #fff;color:#000669;padding:8px;}
#charges tfoot td.rounded-foot-left{background:/*#e8edff*/#d1d7ed url("/images/rtab_botleftdark.png") left bottom no-repeat;}
#charges tfoot td.rounded-foot-right{background:/*#e8edff*/#d1d7ed url("/images/rtab_botrightdark.png") right bottom no-repeat; text-align:right;}
#charges tbody tr:hover td, #charges tfoot tr td a:hover{background:#c0c9e6;}
#charges tfoot tr.index, #charges tbody td.right{text-align:right;}

#grades{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:680px;text-align:left;border-collapse:collapse;margin:20px;}
#grades thead th.rounded-top-left{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_leftdark.png") left -1px no-repeat;}
#grades thead th.rounded-name{}
#grades thead th.rounded-date{}
#grades thead th.rounded-grade{background:/*#b9c9fe*/#acbbe5 url("/images/rtab_rightdark.png") right -1px no-repeat; text-align:right;}
#grades th{font-weight:normal;font-size:13px;color:#000039;background:/*#b9c9fe*/#acbbe5;padding:8px;}
#grades td{background:/*#e8edff*/#d1d7ed;border-top:1px solid #fff;color:#000669;padding:8px;}
#grades tfoot td.rounded-foot-left{background:/*#e8edff*/#d1d7ed url("/images/rtab_botleftdark.png") left bottom no-repeat;}
#grades tfoot td.rounded-foot-right{background:/*#e8edff*/#d1d7ed url("/images/rtab_botrightdark.png") right bottom no-repeat; text-align:right;}
#grades tbody tr:hover td, #grades tfoot tr td a:hover{background:#c0c9e6;}
#grades tfoot tr.index, #grades tbody td.right{text-align:right;}

#test h1, #test h2, #test h3, #test h4, #test p { text-align:center }
#test em { color: #000080; font-style:italic }
table#test { width:100% }
table#test tbody tr td { text-align:left }
table#test tbody tr td.qnum { vertical-align:top; width:50px }
table#test tbody tr td.qtext a { font:8pt; color:gray; text-decoration:none }
table#test tfoot tr td { text-align:center }

table#answers { width:100% }
table#answers tbody tr td { text-align:left }
table#answers tbody tr td.qnum { vertical-align:top; width:50px }

#lblExpired { color:Red }

div.movable { position:absolute; width:200px; height:100px; left:0px; top:0px; padding:16px; background:#FFFFFF; border:2px solid #2266AA }

div.social
{
	clear: both;
	position: absolute;
	width: 450px;
	height: 80px;
	left: 800px;
	margin-left: auto;
	margin-right: auto;
	top: 138px;
	z-index: 5; /* must be above other element or user won't be able to click the like button */
}
div.social iframe { border:none; width:450px; height:80px }