@import "popup.css";
@import "../../students/include/css/template.css";
@import "../../educators/include/css/template.css";
@import "../../parents/include/css/template.css";
@import "../../business/include/css/template.css";
@import "../../pages/include/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 }
table { padding: 0.5em 1em ; margin: 0em auto }
table caption { caption-side: bottom ; padding: 0.5em 1em ; vertical-align: bottom }
table thead {  }
table thead tr {  }
table thead tr th { padding: 0.5em 1em ; text-align: center }
table thead tr th.left, table tbody tr td.left { text-align: left }
table thead tr th.right, table tbody tr td.right { text-align: right }
table thead tr th.center, table tbody tr td.center { text-align: center }
table tbody {  }
table tbody tr {  }
table tbody tr td { padding: 0.5em 1em ; border-width: 1px ; border-style: solid ; border-color: #000000 }
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: #000000 url("../img/gradient.png") top left repeat-x ; font-family: "Arial" ; color: #000000 ; height: 100% }
html body { text-align: center }
html body div#maincon { margin: 1em 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("../img/tab_tl.png") top left no-repeat ; opacity: 0.5 ; float: left ; list-style-type: none }
ul#menucon li.active { opacity: 1 }
ul#menucon li a { background: transparent url("../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("../img/folder_top.png") top center repeat-x }
div#folder_top div { background: transparent url("../img/folder_left.png") top left no-repeat }
div#folder_top div div { background: transparent url("../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("../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("../img/paper_bottom.png") top left repeat-x ; height: 45px }

/* Styles for the red text container. */
div#folder_bottom { background: #970211 url("../img/red_top.png") top left repeat-x ; height: 60px }
div#red_text_con { clear: both ; background: #970211 ; color: #ffffff ; padding: 1em 0em ; height: 20em }
div#red_text_con img#bottom_image { float: right ; clear: both ; width: 346px }
div#red_text_con div#bottom_text { margin: 0em 346px 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("../img/stick_t.png") top center repeat-x }
div.bottom_label_top div { background: transparent url("../img/stick_tl.png") top left no-repeat }
div.bottom_label_top div div { background: transparent url("../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("../img/stick_r.png") right center repeat-y }
div.bottom_label div { background: transparent url("../img/stick_l.png") left center repeat-y ; color: #000000 ; padding: 0em 2em }
div.bottom_label_bottom { background: #F7EFEF url("../img/stick_b.png") bottom center repeat-x }
div.bottom_label_bottom div { background: transparent url("../img/stick_bl.png") bottom left no-repeat }
div.bottom_label_bottom div div { background: transparent url("../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 }