/* CSS Document */

/*Initial setup of basic elements*/
html, body
{
	margin: 0 0 1em;
	padding: 0;
	font: small/110% Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address
{
	margin: 1em 0;
	padding: 0;
}
li, dd, blockquote
{
	margin-left: 2em;
}
a
{
	color: #3078FD;
}
a:hover
{
	color: #3078FD;
}
a:visited
{
	color: #996699;
}


/*___ Miscellaneous ___*/
.welcomeUser
{
	color: #ffffff;
	float: right;
	position: relative;
	top: -50px;
	right: .5%;
}
.whitebold
{
	font-weight:bold;
	color:White;
	font-size:9pt;
	text-decoration:none;
}
A.whitebold
{
	font-size:9pt;
	text-decoration:none;
	font-weight:bold;
	color:White;
}
A:hover.whitebold
{
	font-size:9pt;
	text-decoration:underline;
	font-weight:bold;
	color:White;
}
A:visited.whitebold
{
	font-size:9pt;
	text-decoration:none;
	font-weight:bold;
	color:White;
}
.smaller
{
	font-size: .85em;
}
.hidden-msg
{
	display: none;
	visibility: hidden;
}
.content
{
	/* div surrounding entire page content */
	margin: 1%;
}
a.pdf
{
	background: url(Images/pdf.gif) no-repeat center left;
	height: 18px;
	padding: 2px 3px 2px 20px;
}

#help
{
	background-color: #E7F0F9;
	border: 1px solid #BADCFA;
	float: right;
	margin: 0 0 .75em 1em;
	padding: .75em;
	width: 25%;
}
#help ul
{
	margin: .5em 0 .5em 1em;
}

/*___ Headings ___*/
h1
{
	line-height: 100%;
	font-size: 128%;
	font-weight: bolder;
}
h1.remediation
{
	margin-bottom: .2em;
}
h2
{
	line-height: 100%;
	font-size: 90%;
	font-weight: bold;
	color: #fff;
	padding: .5em;
	background-color: #666;
	clear: both;
}
.right h2
{
	text-align:right;
}
h3
{
	font-size: 90%;
	margin: 0;
}
.header4
{
	font-size: 90%;
	font-weight: bold;
	background-color: #BADCFA;
	padding: 4px;
}
.header5
{
	font-size: 100%;
	font-weight: bold;
	background-color: #EBF7C5;
	margin: 0 0 30px 0;
	padding: 4px;
	padding-left: 8px;
}
.header6
{
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	margin: -15px 0 0;
	padding-bottom: 8px;
	padding-left: 25px;
}
.header7
{
	font-size: 120%;
	font-weight: bold;
	color: white;
	background-color: #B4CD5A;
	margin: 0;
	padding: 5px 4px;
}
.header8
{
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	margin: -15px 0 0;
	
	padding-left: 0px;
}
.tableheader
{
	background-color: #666;
	font-size: 100%;
	font-weight: bold;
	color: #FFF;
	padding: .5em;
}
.boxheader
{
	background-color: #D3D3D3;
	color: #000;
	margin-bottom: 0;
}

/*___ Background colors ___*/
.blackbg
{
	background-color: #000000;
}
.graybg
{
	background-color: #D3D3D3;
}

.medbluebg
{
	background-color: #86B5E0;
}


/*_____ Data Tables _____*/
.datatable
{
	border-bottom: 3px solid #D3D3D3;
}
.datatable th
{
	text-align: left;
	font-weight: bold;
	font-size: 90%;
	padding: .4em .6em;
	border-bottom: 1px solid #000;
	background-color: #D3D3D3;
}
.specialtyHeader
{
	line-height: 100%;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background-color: #666;
	clear: both;
	padding: .6em .6em .6em .6em;
}
.datatable td
{
	padding: .4em .6em;
}
.datatable .odd
{
	/* alternating row color 1 */
	background-color: #FFF;
}
.datatable .even
{
	/* alternating row color 2 */
	background-color: #E9E9E9;
}

.datatablehead td
{
	text-align: left;
	font-weight: bold;
	font-size: 1em;
	padding: .3em .6em .3em .6em;
	border-bottom: 1px solid #000;
	background-color: #D3D3D3;
}
.datatablerow1
{
	background-color: #FFF;
	font-size: .9em;
	padding: .2em .3em;
}
.datatablerow1 td
{
	padding: .2em .4em 0em .6em;
}

/*_____ Evolve Breadcrumbs _____*/
.breadcrumbDiv
{
	font-size: .84em;
	background-image: url(Images/breadcrumbs.gif);
	background-repeat: repeat-x;
	height: 20px;
	padding: 1px 0 0 4px;
	color: #666;
}
.breadcrumbDiv *
{
	vertical-align: middle;
}
.breadcrumbDiv a
{
	background-image:url('Images/breadcrumbarrow_trans.gif');
	background-position:left;
	background-repeat: no-repeat;
	color: #666;
	text-decoration: none;
	padding: 0px 5px 0px 15px;
}
.breadcrumbDiv a:hover
{
	color: #666 !important;
	text-decoration: underline;
}
.breadcrumbDiv span
{
	background-image:url('Images/breadcrumbarrow_trans.gif');
	background-position:left;
	background-repeat: no-repeat;
	color: #666;
	padding: 0px 5px 0px 15px;
}

/*_____ Remediation Breadcrumbs _____*/
.breadcrumbDiv2
{
	font-size: .9em;
	margin-bottom: 1.5em;
	margin-right: 164px; /*This ensure breadcrumb won't run under My Study Packet*/
}
.breadcrumbDiv2 *
{
	vertical-align: middle;
}
.breadcrumbDiv2 span
{
	background-image:url('Images/breadcrumbarrow_trans.gif');
	background-position:left;
	background-repeat: no-repeat;
	color: #666;
	padding: 0px 5px 0px 15px;
}
.breadcrumbDiv2 a
{
	background-image:url('Images/breadcrumbarrow_trans.gif');
	background-position:left;
	background-repeat: no-repeat;
	color: #3078FD;
	padding: 0px 5px 0px 15px;	
}
.breadcrumbDiv2 a:visited
{
	color: #3078FD;
}
.breadcrumbDiv a:hover
{
	color: #3078FD;
}


/*___ Snip it listing page ___*/
.snipits {
	padding-right: 1.5%;
}
.snipits h2 {
	margin: .1em 0 .8em;
	float:left;
}
.snipits h3 { /* named section titles listed */
	text-transform: capitalize;
}
.snipits h2 div
{
	float:right;
}
.snipit {
	border: 1px solid #D3D3D3;
	border-bottom-width: 0;
	margin:0;
	padding: .5em;
}
.snipitctrl {
	background-color: #D3D3D3;
	margin: 0 0 .8em 0;
	padding: 5px;
	text-align:right;
}
.snipit p {
	margin: .4em 0 .6em;
}
.snipit .from {
	font-size: 85%;
	margin: 0;
}


/*___ Named Section Display page ___*/
.sectionlist
{
	margin-top: .3em;
}
.sectionlist li
{
	font-size: .9em;
	margin-bottom: .3em;
}
.navlistsmaller
{
	font-size: .95em;
}
#sectionctrls
{
	text-align: right;
	padding: 2px 0;
	border-bottom: 1px solid #D3D3D3;
}
#sectionNav
{
	border: 1px solid #86B5E0;
	border-top-width: 0;
	width: 238px !important;
	margin-left: 10px;
}
#sectionpag
{
	margin: .4em 0 .9em;
}
.specialityDivider
{
	padding: 1em;
}
.section-title
{
	font-weight: bold;
	font-size:1.2em;
	padding-top: .8em;
}
.selection
{
	padding-top: .6em;
}
/*___ My Study Packet Page ___*/
#packetbody .remove
{
	text-align: right;
	width: auto;
}
#packetbody .remove a
{
	border-left: 1px solid #B4CD5A;
	padding:.5em 0 .5em .4em;
}
#packetbody .remove a:visited
{
	color: #3078FD;
}
/*.folderbg
{
	height:2.5em;
	background-color: #FCF8E1;
	vertical-align:middle;
}*/
.sections_tbl
{
	border: 1px solid #B4CD5A;
	border-bottom-width:0;
	margin:0 0 30px 25px;
	width:60%;
}
.sections_tbl td
{
	border-bottom: 1px solid #B4CD5A;
	padding:.4em;
}
.header5 a
{
	color: #000;
}
.header6 a
{
	color: #000;
}
.header8 a
{
	color: #000;
}
.header5 a:visited
{
	color: #000;
}
.header6 a:visited
{
	color: #000;
}
.header8 a:visited
{
	color: #000;
}
.header5 a:hover
{
	color: #3078FD;
}
.header6 a:hover
{
	color: #3078FD;
}
.header8 a:hover
{
	color: #3078FD;
}


/*___ Site Footer ___*/
#footer
{
	border-top: 1px solid #efefef;
	clear: both;
	font-size: 85%;
	margin: 6em 0 1em;
	padding-top: .5em;
	text-align: center;
}
#footer p
{
	margin: .25em 0;
}


/*------------------------
--    Custom Styles     --
------------------------*/
.reachlogo
{
	float: right; 
	position: relative; 
	top: 1em;
	right: 1em;
	margin-bottom: 1em;
	border: solid white;
	border-width: 1px 0px;
}

#AddEdition
{
	float: right;
	/*margin-right: 5em; */
}
#AddEdition #AddEditionTable
{
	margin-left: 1.5em; 
	border-bottom: solid 1px #86B5E0;
}
#AddEditionTable td
{
	border: solid #86B5E0;
	border-width: 0px 1px;
}
#AddEditionTable table td
{
	border-width: 0;
}




.EditionScoreRow
{
	padding: 1em 0;
	border-bottom: solid 1px #D3D3D3;
}
.indent
{
	padding-left: 1em;
}
img
{
	border: none;
}




.bluebox
{
	margin-left: 1em;
	margin-right: 1em;
}
.bluebox table
{
	margin-left: 2.5em;
	border-bottom: solid 1px #86B5E0;
}
.bluebox table td
{
	border: solid #86B5E0;
	border-width: 0px 1px;
}
.bluebox table table
{
	margin-left: 0;
	border-bottom-width: 0;
}
.bluebox table table td
{
	border-width: 0;
}
.bluebox ul
{
	margin-top : 0;
}
.bluebox img
{
	vertical-align: text-bottom;
}




.packet
{
	/* positions my study packet folder across remediation pages */
	position: absolute;
	right: 1em;
	top: 110px;
}
.packet .packetcell2
{
	background-image: url(Images/packet3_full.gif); 
	background-repeat:no-repeat; 
	width: 37px; 
	text-align: center; 
	font-weight: bold; 
	padding-top: 5px;
}




.graybox
{
	border: solid 1px #D3D3D3;
	padding-bottom: .5em;
	width: 350px;
	float: right;
}
.graybox h2
{
	background-color: #D3D3D3;
	color: #000;
	margin: 0;
}
.graybox div
{
	margin: .25em 1em;
}
.graybox img
{
	margin: .5em 0;
}



.subtopicslist
{
	margin-right: 375px;
}
.subtopicslist h2
{
	clear: none;
}



.bluetoolbar
{
	background-color: #E7F0F9;
	font-size: .9em;
	padding: 4px;
	margin: 1em 0;
	text-align:right;
}
.bluetoolbar img
{
	vertical-align: text-bottom;
}
.bluetoolbar div
{
	float: right;
}



.subtopicfooter
{
	margin-top: 2em;
	clear: both;
}
.subtopicfooter li
{
	margin-top: .3em;
	margin-bottom: .3em;
}
.subtopicfooter .nav
{
	float: right;
}



#source
{
	background-color: #F0F0F0;
	border: 1px solid #D3D3D3;
	border-top-width: 0;
	font-size: .85em;
	float: right;
	margin: 0 0 .75em 1em;
	padding: .75em;
	width: 30%;
}
#controls
{
	text-align: right; 
	border-bottom: solid 1px #D3D3D3;
	margin-right: 300px;
}

#NamedSection
{
	margin-right: 300px;
}
.EditionResultsTable
{
	margin:20px;
}
#error
{
	font-size: .85em;
	color: Red;	
}

.indent1
{
	padding-left: 10px;
}
.indent2
{
	padding-left: 20px;
}