/* CSS Document */

@import "undo.css"; 
@import "sIFR-screen.css";
@import "buttons.css";

body{background:#F1E1BF url(../img/bg_grad.jpg) top repeat-x; font-size:85%; color:#333; text-align:center; font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; }

#wrapper_top{width:1000px; height:234px; background: url(../img/top_bannerB.gif) no-repeat; margin:0 auto; }
#spacer{height:140px; width:800px; margin-left:auto; margin-right:auto;}
#bg_grey{width:800px; padding-top:20px; padding-bottom:0px; margin:0 auto; background: url(../img/bg_grey.jpg) repeat-y;  }

input{background:white;}
.floatRight{float:right;}

ul#top_menu{height:43px; width:800px; margin:0 auto; }
ul#top_menu li{float:left; }
ul#top_menu li a span{position:absolute; left: -999em; }
ul#top_menu li a{display:block; height:43px;}
ul#top_menu li#my_learn a{ width:210px; background:url(../img/top_menu/myLearn2.gif) 0 0 no-repeat;}
ul#top_menu li#my_learnB a, ul#top_menu li#my_learn a:hover{ width:210px; background:url(../img/top_menu/myLearn2.gif) 0 -43px no-repeat;}

ul#top_menu li#my_notes a{ width:169px; background:url(../img/top_menu/myNotes2.gif) 0 0 no-repeat;}
ul#top_menu li#my_notesB a, ul#top_menu li#my_notes a:hover{ width:169px; background:url(../img/top_menu/myNotes2.gif) 0 -43px no-repeat;}

ul#top_menu li#my_progress a{ width:167px; background:url(../img/top_menu/myProgress2.gif) 0 0 no-repeat;}
ul#top_menu li#my_progressB a, ul#top_menu li#my_progress a:hover{ width:167px; background:url(../img/top_menu/myProgress2.gif) 0 -43px no-repeat;}

ul#top_menu li#my_resource a{ width:187px; background:url(../img/top_menu/myResource2.gif) 0 0 no-repeat;}
ul#top_menu li#my_resourceB a, ul#top_menu li#my_resource a:hover{ width:187px; background:url(../img/top_menu/myResource2.gif) 0 -43px no-repeat;}

#blank_menu{background:url(../img/blank_menu.gif) no-repeat; height:43px; width:800px; margin:0 auto;}


#white_area{ /**** this style in the ie6 hacks sheet */
		background:#FFFFF7; 
		border:1px solid #F8F8EF; 
		margin:0 auto; 
		margin-bottom:10px;
		padding:0px 20px; 
		padding-bottom:15px;
		text-align:left; 
		overflow:auto; /*pulldown white_area hack*/
		width:755px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:713px; /*width - padding + border */
	}

html>body #white_area {width:713px;}



/********* Footer Styles **********/
#footer{ font-size:.9em; height:53px; width:800px; background:url(../img/bg_grey.jpg) no-repeat; margin:0 auto;}
#footer #inn_foot{width:755px; height:53px; line-height:53px; margin:0 auto; background:#FFFEF7 url(../img/bg_footer.gif) left no-repeat;}
#footer a, #footer a:link, #first_time a, #home_left a, #formButt a, .back a, #module_right a, #reg_box a, #prog_div a{text-decoration:underline; color:#333; }
#footer a:hover, #breadcrumb a:hover, #first_time a:hover, #home_left a:hover, #formButt a:hover, .back a:hover, #module_right a:hover, #reg_box a:hover, #prog_div a:hover{text-decoration:none; background:#FFED26; }

#module_right .imageLink a:hover{background:none; }

/******** Content Layout Styles *******/

.back{text-align:left; padding-bottom:5px; padding-top:5px;}
#breadcrumb a{text-decoration:underline; color:#0966c9;}
#breadcrumb{display:block; padding-top:5px; padding-bottom:20px; font-size:.9em; width:100%; color:#0966c9;}

#first_time{
		background:#FFF9AE url(../img/first_time.gif) no-repeat top; 
		width:254px;
		padding:15px;
		padding-top:45px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:224px; /*width - padding */
 }
 
 html>body #first_time {width:224px;}

#login_box{
		background:#FFF9AE url(../img/login.gif) no-repeat top; 
		width:254px;
		padding:15px;
		padding-top:45px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:224px; /*width - padding */
 }
 
 html>body #login_box {width:224px;}

#been_here{
		background:#FFDDAE url(../img/been_here.gif) no-repeat top; 
		width:254px;
		padding:15px;
		padding-top:45px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:224px; /*width - padding */
 }
 
 html>body #been_here {width:224px;}
 
 #reg_box{
		background:#FFDDAE url(../img/reg.gif) no-repeat top; 
		width:254px;
		padding:15px;
		padding-top:45px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:224px; /*width - padding */
 }
 
 html>body #reg_box {width:224px;}

#home_left, #module_right, #learn_left{line-height:1.5em;}
#home_left p, #module_right p, #learn_left p, #first_time p, #prog_div p, #progress_page p{margin-bottom:1.5em;}

#home_left{width:425px; float:left; }
#learn_left{width:350px; float:left;}

#home_right{
		float:left; 
		margin-left:20px; 
		width:288px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:268px; /*width - padding */
 }
 
 html>body #home_right {width:268px;}
 
 #learn_right{
 		float:left; 
		margin-left:20px; 
		width:358px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:338px; /*width - padding */
 }
 
html>body #learn_right {width:338px;}

#large_note{background:url(../img/large_note.gif) repeat-y; padding:10px 0 5px 40px;}


ol#learn_list{ }
ol#learn_list li{display:block; background:url(../img/learnList.gif) no-repeat;  margin-bottom:5px;}
ol#learn_list span{display:block; padding:10px; padding-left:60px;}
ol#learn_list a{font-size:1.3em; text-decoration:underline; color:#333; }
ol#learn_list a:hover{text-decoration:none; background:#FFED26; }
  
#module_left{ /**** this style in the ie6 hacks sheet */
float:left; 
width:230px; 
margin-left:-20px;  
margin-top:10px;
}

.nav_buts, .nav_buts_bot {position:relative; height:31px;  }/**** this style in the ie6 hacks sheet */
.nav_buts span, .nav_buts_bot span{position:absolute; left: -999em;}

.nav_buts #back_but{position:absolute; left:30px; display:block; width:95px; height:31px; background:url(../img/back_but.gif) no-repeat;}
.nav_buts #next_but{position:absolute; left:125px; display:block; width:96px; height:31px; background:url(../img/next_but.gif) no-repeat;}

.nav_buts_bot #back_but{position:absolute; left:30px; display:block; width:92px; height:31px; background:#456 url(../img/back_but_bot.gif) no-repeat; }
.nav_buts_bot #next_but{position:absolute; left:122px; display:block; width:97px; height:31px; background:#456 url(../img/next_but_bot.gif) no-repeat;}


#module_menu{background: url(../img/left_note_bg.jpg) repeat-y; padding-bottom:10px; width:230px;} /**** this style in the ie6 hacks sheet */
#module_menu #menu_title {background:url(../img/left_note_top.jpg) no-repeat; height:44px; } /**** this style in the ie6 hacks sheet */

#module_menu ul{margin-left:40px; font-size:1em; }
#module_menu ul li{display:block; padding:3px 0; }
#module_menu ul li a{color:#333;}
#module_menu ul li a:hover{text-decoration:none; background:#FFED26;}
#module_menu ul li a#current, #module_menu ul ul a#subcurrent{background:#FFED26; text-decoration:none;}



#module_menu ul ul{margin:0; padding:0; margin-left:15px; margin-right:15px;}
#module_menu ul ul li{}

#module_right{
		float:left; 
		margin-left:20px; 
		width:460px; 
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:440px; /*width - padding + border */
}

html>body #module_right {width:440px;}

#bg_polaroid{width:218px; height:278px; background:url(../img/bg_polaroid.gif) no-repeat; float:right;}
#bg_polaroid img{margin-left:25px; margin-top:31px;}

.polaroid{float:right; padding:5px;}

h1, h2, h3, h4, h5 {
	font-family: Georgia, Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {text-align: left; font-size: 26px; padding: 5px 0 10px 0; margin: 0 0 0 0px;}
h3 {padding: 10px 0 0px 50px;} 

.structuring_icon{padding: 0 5px 0px 0; float: left;}

#prog_div{background:url(../img/progress_table.gif) no-repeat; padding-top:30px; padding-left:50px;}
#prog_div table{width:90%;}
#prog_div table td, #prog_div table th{padding:7px;}
#prog_div table th{border-bottom:2px double #C05E5E;}
#prog_div table .rline{border-right:1px solid #C05E5E;}
#prog_div table .odd td{background:#F0F0F0;}



ul.bullet_list{list-style:circle;margin-left:15px; margin-bottom:1.5em;}
ul.bullet_list li{margin-left:10px;}


.keypointA{padding:6px; padding-left:20px; background:#9EDF5F; font-size:1.2em; color:#000; font-weight:bold;}
.keypointB{background:#B5F279; padding:20px; }

#time{ padding:3px; padding-left:50px; height:45px; background:url(../img/30min.jpg) 0 0 no-repeat; }
html>body #time { height: auto; min-height: 45px; }

.quizA{padding:6px; padding-left:20px; background:#96D22B; font-size:1.2em; color:#000; font-weight:bold;}
.quizB{background:#C2E06C; padding:20px; }

.learningA{padding:6px; padding-left:20px; background:#80B9CE; font-size:1.2em; color:#000; font-weight:bold;}
.learningB{background:#76C8DA; padding:20px; }

.exerciseA{padding:6px; padding-left:20px; background:#F0EA1D; font-size:1.2em; color:#000; font-weight:bold;}
.exerciseB{background:#F9F532; padding:20px; }

.exerciseB #exerciseTab1{width:100%;}
.exerciseB #exerciseTab1 .button{padding-right:5px;  }
.exerciseB #exerciseTab1 td, .exerciseB #exerciseTab1 th{border-bottom:1px solid black; padding:5px;}

#exerciseTab1 label{position:absolute; left: -999em;}
#formButt{padding:5px; text-align:right;}
#formButt a{padding:5px; margin-top:10px; }

#quiz1 .tab_space{height:10px; border-top:1px solid black;}

#exerciseTab3{width:100%;}
#exerciseTab3 th, #exerciseTab3 td{border-bottom:1px solid black; padding:5px;}
#exerciseTab3 td{vertical-align:top;}

#assessTable{width:100%;}
#assessTable td{padding:5px; vertical-align:top;}
#assessTable .bLine{border-bottom:1px solid black; height:5px;}
#assessTable .assess_input{text-align:right; }

.think_bubble1{width: 398; height: 149; display: block; background: url(../img/module5/think_bubble.gif) no-repeat; padding: 20px 10px 5px 10px;}
.think_bubble2{width: 398; height: 175; display: block; background: url(../img/module5/think_bubble2.gif) no-repeat; padding: 20px 5px 5px 10px;}

fieldset .textArea{width:100%;}
fieldset{border:0; margin:0; padding:0;}

.error{background:white; color:red; padding:3px;}
#module_right ol{margin-left:20px; }
blockquote{padding:0 20px 20px 20px; font-style:italic;}
.profile{padding:10px 15px 10px 15px; border-left:2px solid #999;}
#reg_butts{padding-top:10px;  }

ul#mynotes_mods{}
ul#mynotes_mods li{float:left; }
ul#mynotes_mods li a{display:block; height:43px;}

ul#mynotes_mods li a span{position:absolute; left: -999em; }
ul#mynotes_mods li#mod1 a{ width:111px; background:url(../img/mynotes/mod1A.gif) 0 0 no-repeat;}
ul#mynotes_mods li#mod1 a:hover, ul#mynotes_mods li#mod1 a#current{ width:111px; background:url(../img/mynotes/mod1B.gif) 0 0 no-repeat;}

ul#mynotes_mods li#mod2 a{ width:111px; background:url(../img/mynotes/mod2A.gif) 0 0 no-repeat;}
ul#mynotes_mods li#mod2 a:hover, ul#mynotes_mods li#mod2 a#current{ width:111px; background:url(../img/mynotes/mod2B.gif) 0 0 no-repeat;}

ul#mynotes_mods li#mod3 a{ width:111px; background:url(../img/mynotes/mod3A.gif) 0 0 no-repeat;}
ul#mynotes_mods li#mod3 a:hover, ul#mynotes_mods li#mod3 a#current{ width:111px; background:url(../img/mynotes/mod3B.gif) 0 0 no-repeat;}

ul#mynotes_mods li#mod4 a{ width:111px; background:url(../img/mynotes/mod4A.gif) 0 0 no-repeat;}
ul#mynotes_mods li#mod4 a:hover, ul#mynotes_mods li#mod4 a#current{ width:111px; background:url(../img/mynotes/mod4B.gif) 0 0 no-repeat;}

ul#mynotes_mods li#mod5 a{ width:111px; background:url(../img/mynotes/mod5A.gif) 0 0 no-repeat;}
ul#mynotes_mods li#mod5 a:hover, ul#mynotes_mods li#mod5 a#current{ width:111px; background:url(../img/mynotes/mod5B.gif) 0 0 no-repeat;}