@import "/include/css/popup.css";
@import "/include/students/css/template.css";
@import "/include/educators/css/template.css";
@import "/include/parents/css/template.css";
@import "/include/business/css/template.css";
@import "/include/pages/css/template.css";

/* Reset the styles of some elements. */
h1, h2, h3, tr, td, table, div, p, blockquote { padding: 0em ; margin: 0em ; border-width: 0px }

/* Set global styles for some elements. */
p { text-align: justify ; padding: 0.5em 1em }
a { font-weight: bold }
h1 { padding: 0.4em 0.5em }
h2 { padding: 0.4em 0.65em }
h3 { padding: 0.4em 0.85em }
img { border-width: 0em }
blockquote { padding: 0.5em 1em ; text-align: justify }
ul, ol { padding: 0.5em 1em 0.5em 4em ; margin: 0em }
ul li, ol li { padding: 0.25em 0em ; margin: 0em }

/* Beginning of specific styles. */
html { background: #971B1E url("/include/img/gradient.png") top left repeat-x ; font-family: "Arial" ; color: #000000 ; height: 100% }
html body { text-align: center }
html body div#maincon { margin: auto ; width: 50em ; text-align: left }

/* Style for the main text container. */
div#main_text_con { clear: both ; background: #F4EFC9 }

/* Styles for the top menu. */
ul#menucon { margin: 0em ; padding: 0em }
ul#menucon li { padding: 0em ; margin: 0em 0.5em 0em 0em ; background: #F4EFC9 url("/include/img/tab_tl.png") top left no-repeat ; opacity: 0.6 ; float: left ; list-style-type: none }
ul#menucon li.active { opacity: 1 }
ul#menucon li a { background: transparent url("/include/img/tab_tr.png") top right no-repeat ; display: block ; padding: 0.4em 1.5em ; color: #000000 ; font-weight: bold ; text-decoration: none }

/* Styles for the folder top texture. */
div#folder_top { clear: both ; background: #F4EFC9 url("/include/img/folder_top.png") top center repeat-x }
div#folder_top div { background: transparent url("/include/img/folder_left.png") top left no-repeat }
div#folder_top div div { background: transparent url("/include/img/folder_right.png") top right no-repeat ; height: 55px }

/* Styles for the left hand menu container. */
div#left_menu_con { float: left ; clear: both ; width: 15em }
div#left_menu_con * ul { padding: 0em ; margin: 0em }
div#left_menu_con * ul li { padding: 0.3em 0em ; margin: 0em ; list-style-type: none }
div#left_menu_con * ul li a { font-weight: bold }

/* Style for the right hand column in a two column layout. */
div#right_text_con { margin: 0em 0em 0em 15em }
/*div#right_text_con b { color: #aa0000 }*/

/* Styles for the paper text container. */
div#paper_top { clear: both ; background: #ffffff url("/include/img/paper_top.png") top left repeat-x ; height: 77px }
div#paper_text_con { clear: both ; background: #ffffff ; color: #000000 ; padding: 1em 0em }
div#paper_bottom { clear: both ; background: #000000 url("/include/img/paper_bottom.png") top left repeat-x ; height: 45px }

/* Styles for the red text container. */
div#folder_bottom { background: #970211 url("/include/img/red_top.png") top left repeat-x ; height: 60px }
div#red_text_con { clear: both ; background: #970211 ; color: #ffffff ; padding: 1em 0em ; }
div#red_text_con img#bottom_image { float: right ; clear: both ; width: 60px }
div#red_text_con div#bottom_text { margin: 0em 60px 0em 0em ; padding: 0em 1em 0em 0em }

table.noborder { border-width: 0px }
table.noborder * { border-width: 0px }

/* Styles for the stick on label box type. */
div.bottom_label_top { background: #F7EFEF url("/include/img/stick_t.png") top center repeat-x }
div.bottom_label_top div { background: transparent url("/include/img/stick_tl.png") top left no-repeat }
div.bottom_label_top div div { background: transparent url("/include/img/stick_tr.png") top right no-repeat ; height: 32px }
div.bottom_label_top div div img { display: none }
div.bottom_label { background: #F7EFEF url("/include/img/stick_r.png") right center repeat-y }
div.bottom_label div { background: transparent url("/include/img/stick_l.png") left center repeat-y ; color: #000000 ; padding: 0em 2em }
div.bottom_label_bottom { background: #F7EFEF url("/include/img/stick_b.png") bottom center repeat-x }
div.bottom_label_bottom div { background: transparent url("/include/img/stick_bl.png") bottom left no-repeat }
div.bottom_label_bottom div div { background: transparent url("/include/img/stick_br.png") bottom right no-repeat ; height: 40px }
div.bottom_label_bottom div div img { display: none }

/* Assessment related styles. */
ul.answers { padding-left: 2.5em ; list-style-type: none }
ul.answers li { list-style-type: none }
ul#email_input { padding-left: 2.5em ; list-style-type: none }
ul#email_input li { list-style-type: none }
ul#email_input li label, ul#email_input li input { display: inline-block }
ul#email_input li label { width: 8em }

/* Styles for the page bottom notice. */
div#copy { padding: 0.5em 0em ; color: #ffffff }
div#copy p { text-align: center ; padding: 0.5em 0em }
div#copy p img { padding: 0em 0.5em }

/* Tooltip popups */
#fixedtipdiv{
position:absolute;
padding: 5px;
border:1px solid black;
line-height:18px;
z-index:100;
text-align: left;
}

img.logo { width: 236px; }
img.fma { width: 200px; }

div.correct-answer { color: green; font-weight: bold; }
div.incorrect-answer { color: red; font-weight: bold; }