/* ____________________HEADER/FOOTER __________________*/

#banner_fixed span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
}

#banner_fixed {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 10; /* ensures that all position:relative elmenents scroll underneath the banner */
}

#banner1 {
	overflow: hidden;
	background-color: #fbfbfb;
	}

#banner2 {
	background-color: #008099;  /* teal color */
	/*background: url(images/bannerbackground.gif) center bottom repeat-x; */
	overflow: hidden;	
	padding:0;
}

#banner3 {
	background-color: #eaeaea;
	overflow: hidden;	
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}

#banner4 {
	overflow: hidden;
	background-color: #fbfbfb;
	padding: 10px 0;
}


.banner_content {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}


/* ____________________BANNER 1 __________________*/


#banner_logo {
	float: left;
}

#banner_nav {
	float: right;
	width: 500px;
	display: block;         /* IE fix  */
	padding-top: 20px;
	list-style: none;
	text-align: right;
	color: #464646;	
}


#banner_nav a {	color: #464646;	text-decoration: none; }

#banner_nav a:hover {
	color: #f78704;
	text-decoration: underline;
}

#banner_nav a:active {
	position: relative;
	top: 1px;
}


/* ____________________BANNER 2 __________________*/


#banner_nav2 {
	float: left;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Helvetica', arial, serif;
	width: 650px;
	list-style: none;
}
	
#banner_nav2 li {
	float: left;
	display: inline;
	padding-right: 30px;
}

#banner_nav2 a {
	float: left;
	padding: 20px 0px;     	/* -- this vertical padding needs to match the padding on the booktitle  -- */
	text-decoration: none;
	display: block;
	color: #96c8d3;	
}

#banner_nav2 .onpage {
	color: #fff;
	background: transparent url(../images/tickw.gif) no-repeat center bottom;
}

#banner_nav2 a:hover {
	color: #fff;
	text-decoration: none;
}

#booktitle {
	float: right;
	color: #fff;
	text-align: right;
	padding: 20px 0px;	/* -- this vertical padding needs to match the padding on the banner_nav2 a links -- */
}

#booktitle p {
	font-weight: bold;
	font-style: italic;
	color: #fff;
	padding-bottom: 0;  /* takes off the default padding on p */
}
#booktitle a {color: #fff; text-decoration:none;}
#booktitle a:hover {text-decoration:underline;}

/* ____________________BANNER 2 __________________*/


#banner_nav3 {
	float: left;
	list-style: none;
	margin-top: 0;
	}

#banner_nav3 li {
	float: left;
	display: inline;
}

#banner_nav3 a {
	float: left;
	padding: 0px 10px 3px 0;
	color: #f78704;
	text-decoration: none;
	display: block;
	text-decoration: underline;
	line-height: 12px;
}
#banner_nav3 a:hover {
	color: #f78704;
	text-decoration: underline;
}

#banner_nav3 a:active {
	position: relative;
	top: 1px;
}

#banner_nav3 span.divider {
	padding-right: 10px;
	padding-left: 5px;
}


/* -------------------BANNER  4 ------------------*/
/* this is contained in the wrapper */

#banner4 h1 {
	float: left;
	width: 500px;
}

#banner4 .banner_content ol {
	float: right;
	display: block;
	padding-top: 5px;
}

#banner4 .banner_content li {
	float: right;
	display: inline;
	margin-left: 30px;
}

#banner4 .banner_content a {
	font-size: 13px;	
	padding: 8px 3px;
	color: #f78704;
	text-decoration: underline;
}

#banner4 .banner_content a:hover {
	color: #f78704;
	text-decoration: underline;
}

#banner4 .banner_content a:active {
	position: relative;
	top: 1px;
}

#banner4 .banner_content a.withIcon {
	background: transparent url(../images/icon_plus.gif) left no-repeat ;      /*for the question lib "add button"*/
	padding-left: 22px;
}


/* -------------------- FOOTER -----------------------*/

/* =footer structure  */

#foot_content {
	width: 960px;
	margin: 20px auto 20px;
	padding-bottom: 10px;
	color: #666;
	min-height: 70px;
	background-color: #eaeaea;
	border: 1px solid #e9e9e9 ;
	border-bottom: 1px solid #fff;		
	font-size: 11px;     
}

.box300R_footer {
	float: right;         
	color: #464646;
	line-height: 16px;
	width: 300px;
	padding: 0;
	margin: 15px 20px 20px 0;	
}

/* =footer type  */

#foot_content p {
	padding: 13px 0 0 0;
	font-size: 10px;
	color: #666;
}

#foot_content a {
	color: #666;
	text-decoration: none;
}

#foot_content a:hover {
	text-decoration: underline;
	color: #F78704; /* orange */
}

#foot_content span {
	padding: 0 10px;
}

/* TYPE */
h1 {
	font-weight: normal;
	font-size: 24px;
}

h2 {
	padding: 20px ;
	font-weight: bold;
	font-size: 16px;
	color: #333;
}

h3 {
	font-size: 13px;
	color: #008099;   /* teal color */
	margin: 10px;
	padding: 8px 12px;
	background-color: #e9e9e9;
}


h4 {
	color: #008099;       /* teal color */
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 10px;
}

div.dragHandle {
	height: 27px;
	line-height:27px;	
	color:#b4b4b4;
	display: block;
	overflow:hidden;
	text-align: left;
	margin:0;
	padding:0 0 0 50px;
	background: #b4b4b4 url(../images/handle2.gif) top left no-repeat;  /* dark gray */	
}




.hidden { display: none; }
.clear {clear: both;}



p  {  font-size: 13px; 	color: #464646; padding-bottom: 10px;}
li {	color: #464646; }
h1 {  color: #008099; font-weight: normal;  }
a  {  text-decoration: underline; 
			color: #F78704;
			outline: none; }                      /* Removes the dotted outline in FF */
			
			
/* =padding and margins */	
#content p      { margin: 20px; }
.marginLeft     { margin-left: 10px;}  /* used in the footer */
.paddingLeft70  {padding-left: 70px;}
.paddingbottom  {padding-bottom: 10px;}
.paddingtop10   {padding-top: 10px;}
.paddingtopleft {padding-top: 10px; margin-left: 20px; margin-right: 20px; border-bottom: 2px dotted #e9e9e9;}
.paddingLeft10  {padding-left: 10px;}


.blueText   {color: #45a1d7; }       /* light blue */
.orangeText {color: #F78704; }       /* orange     */
.greenText  {color: #609b43;  }       /* green      */


.italic {font-style: italic; color: #999;}
.mediumStrong {font-size: 120%; line-height: 20px;}
.searchIcon {background: transparent url(../images/icon_search.gif) left center no-repeat;}
.misconIcon {background: transparent url(../images/icon_light.gif) left top no-repeat;}
#content a:active { position: relative; top: 1px; }          /*check to see what happens in IE6 */

.alignleft  { text-align: left;  }
.alignright { text-align: right; }

ol.withFolderIcons li.list_link          { background-color: #fff;}
ol.withFolderIcons li.list_link a        { background: none; padding: 0px; text-decoration: underline; color: #F78704;}
ol.withFolderIcons li.list_link a:hover  { background: none; }
ol.withFolderIcons li.list_note { line-height: 20px; margin-left: 10px; margin-right: 5px;}
ol.withFolderIcons li.list_note { line-height: 20px; margin-left: 10px; margin-right: 5px;}

/* =Question Cards */
div.question_footer ol {
	margin: 10px 10px 0px 10px;
	line-height: 1.7;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 5px;
}

div.question_footer ol.question_links {
	float: left;
	clear: both;
	display: inline;
	padding: 5px 0 5px 0;
	margin: 0 0 0 10px;
	border: none;	
}

div.question_footer ol.question_links li {
	display: inline;
	float: left;
	margin-right: 10px;
}

div.question_footer ol.question_links li a {
	padding: 5px 20px 5px 22px;  /* extra padding for the icons. */
	text-decoration: none;
}
div.question_footer ol.question_links li.nopadding a {
	padding: 5px 0px 5px 0px;  /* extra padding for the icons. */
	text-decoration: none;
}


div.question_footer ol.question_links li a.variants { background: transparent url(../images/icon_variants.gif) left center no-repeat;  }
div.question_footer ol.question_links li a.edit     { background: transparent url(../images/icon_edit.gif)     left center no-repeat;  }
div.question_footer ol.question_links li a.hide     { background: transparent url(../images/icon_hide.gif)     left center no-repeat;  }
div.question_footer ol.question_links li a.comments { background: transparent url(../images/icon_comments.gif) left center no-repeat;  }
div.question_footer ol.question_links li a.retire { background: transparent url(../images/icon_x.png) left center no-repeat;  }
div.question_footer ol.question_links li a.add { background: transparent url(../images/icon_plus.png) left center no-repeat;  }
div.question_footer ol.question_links li a.question_links_none { 
	background: none;
	padding-left: 0px;
	}
	
div.question_footer ol.question_links li.question_link {
	width: 200px;
	display: inline;
	float: left;
}

div.question_footer ol.question_links li a:hover {
text-decoration: underline;
}

/* BUTTONS */
button {
  border:0; 
  cursor:pointer; 
  font-weight:normal; 
  padding:0 30px 0 0;   
	text-align:center; 
	margin-right: 15px;
}

button span { 
  position:relative;
  left:0; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 30px; 
}

/* no arrow ----- */
button.button_greenRL { 
  background:url(../images/buttonLeftR_up.gif) right no-repeat; 
  font-size: 13px; 
}
button.button_greenRL span, button.button_greenRL:active span { 
  height:39px; 
  line-height:35px;
  background:url(../images/buttonL_up.gif) left no-repeat;
  color:#fff; 
}

/* STRUCTURE */
body {
	font-family: arial, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 13px;
	color: #464646;
	background-color: #fbfbfb;
	padding-bottom: 20px;  
}


#wrapper {
	width: 960px;
	margin: 120px auto 0px;
	padding: 0px;
	min-height: 400px;	
}

#content {
	overflow:hidden;
	margin-top: 15px;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	width: 960px;
	min-height: 400px;
}


/* ----------------- CONTENT SUB NAV ON MANAGE CLASSES ---------------- */


.subheader {
	overflow: hidden;
	width: 960px;
}

ol.subnav {
  float: left;	
  font-size: 13px;
	font-weight: normal;
	font-family: 'Helvetica', arial, serif;
	width: 100%;
	list-style: none;
	background: url(images/border.gif) bottom center repeat-x;
}

ol.subnav li {
	float: left;
	display: inline;
	padding-left: 10px;
}

ol.subnav li:first-child {
	padding-left: 20px;
}

ol.subnav a {
	padding: 8px 10px 5px 10px;
	color: #464646;
	text-decoration: none;
	display: block;
	background-color: #eaeaea;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}

ol.subnav a.on {	
	background-color: #fff;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;		
}

.subnav a:hover {	
	background-color: #fff;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;		
}


/* --------------------------------------------------*/

/* -------------------- DIVS ------------------------*/



/* container for stuff below the tab menu */
#subwrapper {
	overflow: hidden;
	width: 960px;	
}

.box {
	color: #464646;
	line-height: 16px;
	width: 100%;
	border: 1px solid #cccccc;
	padding: 0;	
	margin: 20px 0 20px 20px;
}

.qbox {
	width: 100%;
	border: 1px solid #cccccc;
	font-size:10pt;
}

.box600L {
  float: left;
	color: #464646;
	line-height: 16px;
	width: 600px;
	border: 1px solid #e9e9e9;
	padding: 0;	
	margin: 20px 0 20px 20px;
	display:inline;
}

.box300R {
	float: right;         
	color: #464646;
	line-height: 16px;
	width: 300px;
	border: 1px solid #e9e9e9;
	padding: 0;
	margin: 20px 20px 20px 0;
	display:inline;	
}

.box300LM {   
	color: #464646;
	line-height: 16px;
	width: 300px;              /* same as previous but without the margin */
	padding: 0;
	margin: 0;
}

.box300LM li {padding: 3px 0;}
.box300LM a.list_link {
	padding: 3px 0 20px 25px;
	display: block; 
	margin: 0; 
	background: transparent url(../images/icon_back.gif) no-repeat left top;
	}



.box920 {   
	  overflow: hidden;       
		color: #464646;
		line-height: 16px;
		width: 920px;
		border: 1px solid #e9e9e9;
		padding: 0;
		margin: 20px;
	}


.box600R {
  float: right;
	color: #464646;
	line-height: 16px;
	width: 600px;
	padding: 0;	
	margin: 20px 20px 20px 0;	
	display:inline;
}

.box260L {
	float: left;         
	color: #464646;
	line-height: 16px;
	width: 260px;              /* 260 is the sidebar width */
	padding: 0;
	margin: 20px 0 20px 20px;
}

.box640R {                   /* for question lib question cards */
  float: right;
  display:inline;
	color: #464646;
	line-height: 16px;
	width: 640px;
	padding: 0;	
	margin: 20px 20px 20px 0;	
}



.box600 {                   /* yes 620 should fit but the scroll bar takes up the additional 20px */
	width: 600px;
	margin: 10px;
}


.paddingRight {
	padding-right: 20px;      /* for the footer tagline */
}

/* =Question Cards */
.box600 {                   /* yes 620 should fit but the scroll bar takes up the additional 20px */
	width: 600px;             /* this is for the quesiton cards  */
	margin: 10px;
}

.setHeight {                /* adds the scrool bar in the question lib */
	height: 900px;
	overflow: auto;
	overflow-x: hidden;	
}


.question_wrapper {
	overflow: hidden;
	margin: 10px 10px 0 10px;
}

/* holds the icons */
.questionDivR {
	float: right;
	width: 92px;
	text-align: center;
}


/* holds the question */
.questionDivL {
	float: left;
	width: 470px;
}

#content div.questionDivL p {         /* move to type.css  */
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
}


/*  =RH Alerts for the question cards  */
li.difficulty {
	height: 92px;
	padding-bottom: 10px;
	background: transparent url(images/icon_difficulty.gif) top center no-repeat;
}

li.difficulty ol.alert {
	padding-top: 70%;
	line-height: 1.5px;
}

li.difficulty ol.alert li {
	padding: 0 0 10px 0;
}


.question_footer {
	overflow: hidden;
	background-color: #f2f2f2;
	border-top: 1px solid #eaeaea;
}

#content div.question_footer p {
	margin-bottom: 0;
}
.questionDivL h4 {
	color: #45a1d7;        /* light blue */
	font-weight: normal;
	padding-bottom: 0;
}

.paddingRight {
	padding-right: 20px;      /* for the footer tagline */
}

.with_border { border: 1px solid #e9e9e9; }





/* --------------------------------------------------*/

/* --------------- MISCELLANEOUS --------------------*/


/* =tip  */	
/* sits in box260R */	
.tip {
  margin-top: 20px;
	width: 260px;                      
	border-top: 3px solid #e9e9e9;
	border-bottom: 3px solid #e9e9e9;	
	padding-top: 10px;	
	}
	
#content div.tip p.zeromargin { 
	margin-left: 0; 
	}

.tip h4.tipicon {
	padding-top: 25px;
	color: #008099;  /* teal color */
	background: transparent url(images/icon_tip.gif) top left no-repeat;
}

#content div.tip p {
	margin-top: 0;
}




/* ---------SIDEbAR ---------------*/
/* this is in the question library  */
#sidebar_container {
	float: left;
	display:inline;
	width: 260px;
	margin: 20px 0 20px 20px;
}

.box_sb {   
	color: #464646;
	line-height: 12px;
	width: 260px;       
	padding: 0;
	margin: 0 0 20px 0;
	border: 1px solid #e9e9e9; 
	overflow:hidden;
}
	
ol.withFolderIcons { 
	margin: 10px 10px 20px 10px;
	display: none;
	}     


ol.withFolderIcons li {
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #e9e9e9;
}

/* ol.withFolderIcons li:hover { background-color: #f3f2e3; } */
/* pale yellow */

ol.withFolderIcons li a {
	color: #464646;
	margin-left: 10px;
	padding-left: 22px;
	text-decoration: none;
	background: transparent url(images/icon_folder.gif) left no-repeat; 
}

ol.withFolderIcons li a:hover {
	color: #F78704; /*orange */
	background: transparent url(images/icon_folderOpen.gif) left no-repeat; 
}


/*this is for the hide box in the question sidebar */
.hidebox {           
	color: #F78704; /*orange */
	text-decoration: none;
	font-weight: normal;
	float: right;
	margin-right: 10px;
	display: none;
}

.showbox {
	color: #F78704; /*orange */	
	text-decoration: none;
	font-weight: normal;
	margin-right: 10px;
  float: right;
	display: inline;
}

.showbox2, .showbox3, .showbox4, .showbox5, .showbox6 {
	color: #F78704; /*orange */	
	text-decoration: none;
	font-weight: normal;
	float: right;
	margin-right: 10px;
	display: inline;
}

.hidebox2, .hidebox3, .hidebox4, .hidebox5, .hidebox6 {
	color: #F78704; /*orange */
	text-decoration: none;
	font-weight: normal;
	float: right;
	margin-right: 10px;
	display: none;
}


.sb_head      {overflow: hidden; background-color: #e9e9e9; margin: 10px; padding:0; }
.sb_head2      {overflow: hidden; background-color: #fff; margin: 0px 10px; padding:0;  }
.sb_head2_first      {overflow: hidden; background-color: #fff; margin: 10px 10px 0 10px; padding:0; border-bottom: 1px solid #e9e9e9; }
.sb_head2_last      {overflow: hidden; background-color: #fff; margin: 0 10px 10px 10px; padding:0; }

h3.floatLeftHeader    { float: left; padding:0;}
.floatRight10   { float: right; display: inline; margin: 10px; padding:0; }
.floatRight5   { float: right; display: inline; margin: 5px; padding:0; font-size: 13px; color: #008099;}
.floatRight0    { float: right; display: inline; margin: 0; padding:0; }
.floatLeft      { float: left; margin:0 0 0 30px;}
.floatLeft0     { float: left; margin:0 0 0 0px;}




/* =Option b question library */
.box_sb2 {   
	color: #464646;
	line-height: 16px;
	width: 99%;       
	padding: 0;
	margin: 0 0 0 0;
	border-left: 1px solid #e9e9e9; 
	border-right: 1px solid #e9e9e9; 
	border-bottom: 1px solid #e9e9e9;	
	overflow:hidden;
}

.top_border { border-top: 1px solid #e9e9e9;}
.bottom_border { border-bottom: 1px solid #e9e9e9;}
.backwhite   {background: #fff;}

#keyword_box label,
#chapter_box li label,
#blooms_box label,
#classdata_box label,
#sort_box label {display: none;}

/* =2*/
#keyword_box {
	margin: 10px 10px 0 10px;
	display: none;
	padding-top: 10px;
	padding-bottom: 15px;
	border-bottom: 3px solid #e9e9e9;
	
}
/* =3*/
#chapter_box {
	margin: 10px 10px 0 10px;
	display: none;
	padding-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
	border-bottom: 3px solid #e9e9e9;
	
}

/* =4*/
#blooms_box {
	margin: 10px 10px 0 10px;
	display: none;
	padding-bottom: 10px;
	border-bottom: 3px solid #e9e9e9;
}

/* =5*/
#classdata_box {
	margin: 10px 10px 0 10px;
	display: none;
	padding-bottom: 10px;
	border-bottom: 3px solid #e9e9e9;	
}

/* =6*/
#sort_box {
	margin: 0 10px 0 10px;
	display: none;
	padding-bottom: 20px;
	padding-top: 10px;
	border-bottom: 3px solid #e9e9e9;
	
}














.tocHeader {
	border-bottom: 1px solid #e9e9e9;
	margin: 0 10px;
}

#tocform ol li {                        /* on the question library search page */
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #e9e9e9;
	list-style: none;
}

#tocform ol li.last {
	padding: 15px 0 5px 0;
	border-bottom: none;
} 

#tocform ol li.last2 {    /* for the inline link with the search button */
	padding: 12px 0 0 0;
	border-bottom: none;
}



/* ____________________ STEP CONTAINER __________________*/

.step_container {
	overflow: hidden;
	margin: 20px;
	text-align: center;
	color: #464646;
	background-color: #eaeaea;
}

.step_container h2 {
	color: #464646;
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 5px;
	}
	
.step_container {
	padding-top: 0px;
}

.two3rds {
	float: left;
	width: 66%;
}

.one3rd {
	float: right;
	width: 33%;     /* ---------decreased to give and even gap of 1 percent  ---*/
	padding-bottom: 10px;
	
}

.halfLeft {
	float: left;
	width: 49%;
	padding-bottom: 10px;
	border-right: 1px solid #fff;
	
}

.halfRight {
	float: right;
	width: 49%;
	padding-bottom: 10px;
	border-right: 1px solid #fff;
	
}




.box300R img  { margin-right: 20px; }
.box600L img  { margin-left:  20px; }









  
.white {color:white;}
.white a {color:white;}
.red {color:red;}

.choosebook { color:white;}

#leftpane {z-index:5; position: fixed; left: 50%; top: 86px; padding:0; margin-left:-480px; 
width: 225px; height: 100%; overflow: auto; color: white; background:white;}

.playlistbox {
	color: #464646;
	line-height: 16px;
	border: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	padding: 0;	
	margin: 0;
	overflow:auto;
}
.playlistbox h3 {margin:5px;}

.searchpane_opt {float:left; text-indent: -10px; line-height:14px;  margin-left:30px; padding-bottom:2px;}

/* HAID page */
#MLbubble {color:#fff;font-family:verdana;font-size:11pt;width:178px;height:99px; opacity: 0.8; filter: alpha(opacity = 80); background: url(../images/Bubble_wShadow.png) no-repeat; padding:5px; padding-left:0; text-align:left;}

a.orange_go {display: block; width: 45px; height: 29px;	text-decoration: none; background: url(../images/Button_SmallOrange.gif); }
a.orange_go:hover {background-position: -45px 0;}

.hang {margin-top: 0px; margin-bottom: 0px; text-indent: -2em; margin-left: 2em;}

.instructions {width:95%; padding: 10px; border: 1px solid silver;}
 
.qdetail {font-family: Verdana, Tahoma, Helvetica, Arial; font-size: .8em; font-weight:normal;}
.qdetail table {border-collapse:collapse;}
.qdetail table tr td {}
.qdetail table tr td p {margin:2px;}



.thermo {width:40px; height:80px; margin:0; position:relative; background-color:white;}
.thermo img {margin:0; position: absolute; bottom: 0; left: 0; display: block;}
.thermo span {margin:0; position: absolute; bottom: 16px; _bottom: 7px; left: 3px; 
			display: block; width: 28px; height:7px; font-family: verdana, sans-serif;
			text-align: center; font-size: 12px; color:white;}
  
.thermobox {border: 1px solid #cccccc; padding:5px; margin:0; text-align:center;}
/* progress bar css */
.prog-border {height: 11px; width: 205px; background: #fff; border: 1px solid silver; margin: 0; padding: 0;}
.prog-bar {height: 11px; margin: 0px; padding: 0; background: #3366ff;}
.prog-text {height: 11px; line-height: 11px; margin: 0; margin-right:2px; padding: 0; text-align: right; font-size: 10px; color: #000000;}

.ML-bar {height: 15px; margin: 0px; padding: 0; background: #000000;}

.qdetail .prog-border {height: 11px; width: 205px; background: #fff; border: 1px solid silver; margin: 0; padding: 0;}
.qdetail .prog-bar {height: 7px; margin: 2px; padding: 0; background: #3366ff;}
.qdetail .prog-text {height: 11px; margin: 0; margin-right:2px; padding: 0; text-align: right; font-size: 9px; color: #000000;}

.qfamily {padding-left:100px;}

.chevron {margin:0; padding:0; background: url('../images/gray_bullet.gif') no-repeat top left;
text-align:left;  padding-left: 20px; font-family:verdana; line-height: 16px; }

.help {float:right; padding-right:12px;font-size:.9em; }
.help a {font-weight:normal;}

.info-box {text-align: left; color: white; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.9em; font-weight:normal; }
.info-box tr td {padding:5px;}

.field {padding:10px; background-color:#f3f3f3; border:1px solid #666666;}
.field legend {color:#666666;}
.ssfield {padding:5px; margin:10px; margin-left:0; border:1px solid #999999;}

.bluehr {width:90%;color:#d4d5ff;background-color:#d4d5ff;height:1px;border:none;}


		
/* for css tooltips */	
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
    font-weight:normal;}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:2px solid #ff9900;
    background-color:#ffd699; color:#000;
    text-align: center}

#tooltip {text-decoration: none; font-size: 1em;}
    
input.bluesubmit {background-color:#343398; color:#c4c5ff; border:1px solid #6665cb; font-family: verdana, sans-serif; font-weight:normal;}
input.orangesubmit {background-color:#f2960c; color:#ffff9e; border:1px solid #f2c40c; font-family: verdana, sans-serif; font-weight:normal;}

/* Add an Assignment Steps */

/* ____________________ STEP CONTAINER __________________*/

.step_container {
	overflow: hidden;
	margin: 20px;
	text-align: center;
	color: #464646;
	background-color: #eaeaea;
}

.two3rds {
	float: left;
	width: 614px;
	list-style-type:none;
}

.one3rd {
	float: right;
	width: 306px;     /* ---------decreased to give and even gap of 1 percent  ---*/
	padding-bottom: 10px;	
}

.halfLeft {
	float: left;
	width: 306px;
	padding-bottom: 10px;
	border:none;
}

.halfRight {
	float: right;
	width: 306px;
	padding-bottom: 10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;	
}


.subbox .submitbox4_withMargin { 
		overflow: hidden;
    width: 880px;                  
		margin: 20px 0;	
		padding-bottom: 0px;
		padding-top: 20px;	
		border-top: 3px solid #eaeaea;     /* step one of the assign a quiz section */
	}
	
.subbox ol.submitbox4_withMargin {
	list-style: none;
	float: left;
	} 
	
.subbox ol.submitbox4_withMargin li {
	float: left;
	padding-bottom: 10px;
	}	


	/* type styles */

.step_container h2 {
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 5px;
	}

.orange_tag    { background: transparent url(../images/step_orange.gif) bottom left repeat-x;}
.gray_tag      { background: transparent url(../images/step_gray.gif) bottom left repeat-x;}	
#content .step_container p { margin: 0; }	
#content .subbox p { margin: 0; }
	
	
	/* assign a quiz section 2 */
	
.form_whitebox_2 {
	background-color: #fff; /* pale blue */		
	margin: 15px 0px 0px 0px;
	padding: 0 0 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #e9e9e9;
	background-color: #fbfbfb;
}

.form_whitebox_2 h4      { margin: 20px 20px 0 20px; }
.form_whitebox_2 ol      { margin: 0px 20px 0 20px; }
.form_whitebox_2 h4      { color: #464646;}
.form_whitebox li.italic { padding-bottom: 20px; margin-left: 48px;}

.slider_wrapper {
	border: 1px solid #e9e9e9;
	margin: 0 20px;
	
}

#content .slider_wrapper p { margin-left: 20px; }
#content div.subbox p.footnote {margin: 20px 20px 0 20px;}
	
/* page 3 */

.leftspace {
	padding: 4px 0 4px 10px;  /* step 3 page */
}

ol.tightlist li {
	padding: 5px 0;
}

.box880_NM {   
  overflow: hidden;       
	color: #464646;
	line-height: 16px;
	width: 880px;
	border: 1px solid #e9e9e9;
	padding: 0;
	margin: 0 0 20px 0;
	}
	
.box880_NM ol {
	margin: 20px;
	}

.subbox li.preview_button                { margin-bottom: 0; padding-bottom: 0; }
li.labelpadding label                    { padding-bottom: 15px;}
.box880_NM ol.no_margin                  { margin: 0;}
.box880_NM ol li.top_border              { padding-top: 20px; border-top: 1px solid #e9e9e9; padding-bottom: 0; }
.box880_NM ol li.top_border_with_padding { padding-top: 20px; border-top: 1px solid #e9e9e9; padding-bottom: 10px; }
.box880_NM ol li.top_border p            { padding-top: 15px; padding-bottom: 0; padding-left: 30px; }

.inputPadding      { padding-left: 10px;   }
li.noPadding       { padding-bottom: 10px; }
li.noPadding label { padding-bottom: 0px;  } /* takes off the double padding in some cases */

	/* these next two are for the deadline dates */
label.inline   { 
	display: inline; 
	} 
	
li.lineForm {
	text-align: right;
	width: 180px;
}   
	
legend {
	font-weight: bold;
}

.hidden {
	display: none;
}

label {
	display: block;
	font-weight: bold;
	padding-bottom: 10px;
}

.subbox {
	border: 1px solid #eee;
	margin: 20px;
	padding: 0px;
	font-size: 13px;
	line-height: 18px;
	color: #464646;
}

.subbox form {
	margin: 20px 20px 0 20px;
}

.subbox ol {
	padding: 0;
}

.subbox li {
	padding-bottom: 20px;
}

.subbox li.short {
	width: 614px;         /* about two-thirds of the width */
	padding-bottom: 0;
	margin-top: 20px;
}

li.indented {
	padding-left: 32px;
	text-indent: -32px;
}

#radio1, #radio2, .checkbox {
	margin-right: 10px;          /* Gives a little space on the radio buttons */
}

.submitbox {                      
	border-top: 3px solid #eaeaea;
	padding-top: 0px;
	margin-top: 20px;
	padding-bottom: 0px;
	overflow: hidden;
}

li.submitbox2 {
	overflow: hidden;
	margin: 10px 10px 0 20px;
	padding-bottom: 10px;
}



li.submitbox2 span a.indent5 {              /* for the link next to the button on Q lib */	
	float: right;
	display: inline;
	margin-right: 20px;
	margin-top: 10px;
}

.submitbox3 {                               /* for the profile submit button */
	border-top: 3px solid #eaeaea;
	padding-top: 20px;
	margin-top: 20px;
	padding-bottom: 0px;
	overflow: hidden;
}

ol.submitbox4 {                               /* for the assignment download button */
	border-top: 3px solid #eaeaea;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	overflow: hidden;
}

li.li_button {
	padding-top: 15px;
}


select.dropdowns {
	width: 220px;
	overflow: hidden;
}

/* OLD stuff -- Let's leave this for a little while because of cached OCAs*/

.folderorange {position:relative; left:0px; background-color:#df6c02; width:32em; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.8em; color:white;}
.folderblue {position:relative; left:0px; background-color:#3000c1; width:32em; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.8em; color:white;}
.foldermedgray {position:relative; left:0px; background-color:#666666; width:32em; font-family: Verdana, Tahoma, Helvetica, Arial; font-size:.8em; color:white;}
.folderwhite {_position:relative; left:0px; background-color:#ffffff;}
.folderwhite2 {_position:relative; left:0px; background-color:#ffffff;}
.foldergray {_position:relative; left:0px; background-color:#dddddd;}
.folderdarkgray {_position:relative; left:0px; background-color:#4d4d4d; color:white;}

.ul {background: url(../images/foldul.gif) 0 0 no-repeat;}
.ur {background: url(../images/foldur.gif) 100% 0 no-repeat;}
.bl {background: url(../images/foldbl.gif) 0 100% no-repeat;}
.br {background: url(../images/foldbr.gif) 100% 100% no-repeat;}

.folderorange .ul {position:relative; background: url(../images/foldorange2ul.gif) 0 0 no-repeat;}
.folderorange .ur {position:relative; background: url(../images/foldorange2ur.gif) 100% 0 no-repeat;}
.folderorange .bl {position:relative; background: url(../images/foldorange2bl.gif) 0 100% no-repeat;}
.folderorange .br {position:relative; background: url(../images/foldorange2br.gif) 100% 100% no-repeat;}

.foldermedgray .ul {position:relative; background: url(../images/foldmedgrayul.gif) 0 0 no-repeat;}
.foldermedgray .ur {position:relative; background: url(../images/foldmedgrayur.gif) 100% 0 no-repeat;}
.foldermedgray .bl {position:relative; background: url(../images/foldmedgraybl.gif) 0 100% no-repeat;}
.foldermedgray .br {position:relative; background: url(../images/foldmedgraybr.gif) 100% 100% no-repeat;}

.folderwhite2 .ul, .folderdarkgray .ul {background: url(../images/foldwhite2ul.gif) 0 0 no-repeat;}
.folderwhite2 .ur, .folderdarkgray .ur {background: url(../images/foldwhite2ur.gif) 100% 0 no-repeat;}
.folderwhite2 .bl, .folderdarkgray .bl {background: url(../images/foldwhite2bl.gif) 0 100% no-repeat;}
.folderwhite2 .br, .folderdarkgray .br {background: url(../images/foldwhite2br.gif) 100% 100% no-repeat;}


.folderorange .chevron {background: url('../images/white_bullet.gif') no-repeat 0px 0px; padding-top:0px;}
.folderorange a, .folderorange .chevron a {color:white;}
.foldermedgray .chevron {background: url('../images/white_bullet.gif') no-repeat 0px 0px; padding-top:0px;}
.foldermedgray a, .foldermedgray .chevron a {color:white;}
.folderwhite .chevron, .foldergray .chevron {background: url('../images/gray_bullet.gif') no-repeat 0px 0px;}