/* LAYOUT.CSS - Margins, Padding, Positioning, etc */

* { margin: 0; padding: 0;}

h1 { display: block; height: 0; overflow: hidden;  margin: 0; font-size: 0; position: absolute; top: 0; left: 0; width: 975px; padding: 75px 0 0 0; }
h2 { position: absolute; top: 80px; left: 115px;}
h3 { position: absolute; top: 110px; left: 35px;}

#kc-feedback { float: left;}
#closeprompt { float: left; clear: left;}

/*#mainmenu { position: fixed; background: #FFF; z-index:200; display: none; margin-top: 102px; margin-left: 5px; background: url(skin/topiclist_bg2.gif) repeat-y left top;}
#mainmenu ul { list-style-type: none; border-right: 2px solid #000; border-left: 2px solid #000;}
#mainmenu ul li { margin-bottom:0; height: 27px; padding-right: 10px; display: block;}
#mainmenu ul li img { margin-right: 0; margin-bottom: -8px;}
#mainmenu a { color: #000; text-decoration: none;}
#mainmenu a:visited { color: #000; text-decoration: none;}
#mainmenu a:hover { color: #FFF; text-decoration: underline;}*/

.menupage #mainmenu { margin-top: 0; display: block; background: none;}
.menupage #mainmenu ul {border-bottom: none; border-right: none;}
.menupage #mainmenu ul li { margin-bottom:2px;}
.menupage h2,
.menupage h3 { position: absolute; top: -100px; left: -100px;}
.menupage #content { top: 120px;}

#content { position: absolute; top: 130px; left: 36px; width: 900px; height: 495px; overflow:auto; z-index:100;}
#pagecount { position: absolute; top: 82px; left: 807px; width: 70px; text-align: center; z-index:300;}

.prev { position: absolute; top: 621px; left: 777px;  z-index:200;}
.next { position: absolute; top: 621px; left: 868px; z-index:200;}

#content ol ul { margin-bottom: 0;}

#subnav_li_menu { position: absolute; top: 76px; left: 37px;}
#subnav_li_help { position: absolute; top: 618px; left: 22px;}
#subnav_li_resources { position: absolute; top: 618px; left: 77px;}
#subnav_li_goto { position: absolute; top: 618px; left: 173px;}
#subnav_li_print { position: absolute; top: 618px; left: 225px;}

#subnav_li_pause { position: absolute; top: 618px; left: 471px;}
#subnav_li_replay { position: absolute; top: 618px; left: 536px;}
#subnav_li_mute { position: absolute; top: 618px; left: 598px;}
#subnav_li_caption { position: absolute; top: 618px; left: 665px;}

#subnav_li_end { position: absolute; top: 76px; left: 889px;}

ul#posttest_menu li { margin-bottom: 0px;}

/*-------- POPUPS -----------*/
.popup h2 { position: absolute; top: 10px; left: 10px;}
.popup h3 { position: static; margin-bottom: 10px;}
.popup #content { position: absolute; top: 55px; left: 25px; width: auto; overflow:visible; height: auto;}
.popup #close { position: absolute; top: 10px; right: 5px;}
.popup #closeprompt { padding: 10px 0;}	
.popup #content ul { padding-right: 20px; margin-left: 20px; margin-bottom: 20px;}	
.popup #content ul li { margin-bottom: 5px; margin-left: 15px;}
.popup #content ul ul li { margin-bottom: 5px; margin-left: 15px; margin-top: 10px;}

table.datatable { border-collapse: collapse; margin-bottom: 12px;}
table.datatable td { padding: 0 5px; vertical-align: top;}				
									
/*-------- ACCESSIBILITY ELEMENTS -----------*/
p.access { position: absolute; top: -1000px; left: -1000px;}

#dlink { position: absolute; top: 470px; left: 0;}

p.menudisclaimer { margin-bottom: 5px;}

/*---------------------------------------
               SKIN.CSS
---------------------------------------*/

body { background: #233c50 url(skin/body.jpg) no-repeat left top;}
fieldset {border:none; width:650px;}
legend {color:#000000;overflow:hidden; margin-top:-1000px; width:650px; }

h1 { background: url(skin/h1.jpg) no-repeat top left;}
h2 { color: #ffffff;}
h3 { color: #000;}

#pagecount { color:#ffffff;}

/*-------- POPUPS -----------*/
body.popup { background: url(skin/popup_bg.gif) repeat-x left top; background-color:#FFF}
.popup h2 { color: #FFFFFF;}
.popup #close a { color: #FFFFFF;}
.popup_header { background: url(skin/body_popup_header.jpg) no-repeat left top;}

table.datatable { border-top: 1px solid #666666; border-left: 1px solid #666666;}
table.datatable th,
table.datatable td { border-bottom: 1px solid #666666; border-right: 1px solid #666666;}
table.datatable th { background: #265174; color: #FFF;}
table.datatable tr.blue { background: #e6f5f8;}

/*-------- ACCESSIBILITY ELEMENTS -----------*/
#dlink a { color: #000000;}


/*---------------------------------------
               TYPO.CSS
---------------------------------------*/

body { font: .9em/140% Arial, Helvetica, sans-serif;}
h2 { font-size: 1em; font-weight: bold;}
h3 { font-size: 1em; font-weight: bold;}

#pagecount { font-size: .85em; font-weight: bold;}

#dlink { font: normal 9px Verdana, Arial, Helvetica, sans-serif;}

.kc-question { font-weight: normal;}

.menudisclaimer { font:0.85em Arial,Helvetica,sans-serif;}

/*-------- POPUPS -----------*/
.popup h5 { font: bold italic 1em Arial, Helvetica, sans-serif;}
.popup #close a { font: bold 1em Arial, Helvetica, sans-serif; text-decoration: none;}