/*
Name: global.css
Author: Jared Butterfield
Purpose: The main css file that controls the structure and common elements of all IS courses, both web and print.
*/

/*********Page-Wide Rules (common elements, classes, or ids that are used throughout the course pages)************/
/*Changeable Properties: background-repeat*/
body {margin:20px 20px 0 20px; font:11px Verdana, arial, Helvetica, sans-serif; background-repeat: repeat-y; background-color: transparent; counter-increment:chapter 1; counter-reset:ordereditems 0;}
body.endnotes {background-image: none !important;}
/*background:transparent url(../media/bg2.jpg) -50px 0% repeat-y;*/


table th {background-color:#CCCCCC; color:#000000;}
table td {padding:3px;vertical-:top;}
table th {padding:3px;}
table.border td, table.border th {border:1px solid #000000;}
table.tableborder {border:1px solid #000000;}

.hebrew {font-family: Ezra SIL;}

.border {border:1px solid #000000;}
.center {text-align:center; margin-left:auto; margin-right:auto;}
.crossout {text-decoration: line-through;}
.left {text-align:left;}
.middle {vertical-align: middle;}
.right {text-align:right;}
.full {width:100%;}
.row1 {color:#CCCC99;}
.underline {text-decoration: underline;}
td.underline {border-bottom: 1px solid black; text-decoration: none;}
.notbold {font-weight:normal !important;}
/*Used for vertical alignment of table cells*/
.valigntop td{vertical-align: top;}
/*Used for h6 level titles that are actually h5 titles with an indent*/
.indent {margin-left: 20px; font-style: normal;}

.doublespacing {
    line-height: 200%;
}

h5 {font-style:italic;}
ol.outline{
padding-top: 10px;
padding-bottom: 10px;
}

ol.outline li{
list-style-type: upper-roman;
font-weight: bold;
}
ol.outline li ol li{
list-style-type: upper-alpha;
font-weight: normal;
}

ol.outline li ol li ol li{
list-style-type: decimal;
font-weight: normal;
}

ol.outline li ol li ol li ol li{
list-style-type: lower-alpha;
font-weight: normal;
}

#orientation p{
margin-top: 7px;
}
#orientation h4{
margin-bottom: 0px;
}

.space500{padding-bottom: 500px !important;}
.space400{padding-bottom: 400px !important;}
.space300{padding-bottom: 300px !important;}
.space200{padding-bottom: 200px !important;}
.space100{padding-bottom: 100px !important;}
.space75{padding-bottom: 75px !important;}
.space50{padding-bottom: 50px !important;}
.space25{padding-bottom: 25px !important;}



/* Code for XMLBible */
.codesection{
	overflow: scroll;
	height: 150px;
	font-family: "Courier New" !important;
	font-size: 12px;
}

.codesection span{
	display: block;
}


/*Math rules*/
#mathsup, #mathsub{
	font-size: 0.6em;
}

mfrac{
	font-size: 1.45em;
}


.clear {
    clear: both;
}

/*************************Side Navigation Rules*************************/
/*Changeable Properties: color, left, top, width, text-transform, word-spacing*/
#container {position:absolute; left:0; top:0; color: #000000; background:transparent -50px 0% no-repeat; text-align: left;}

/*Changeable Properties: width, height, top, left*/
#homelink h1 a{width: 170px; height: 102px; display:block; text-decoration:none; text-transform:none; font-size: 15px; position:absolute; top:0; left:0; background-repeat: no-repeat; background-color:transparent;}
#homelink h1 a span{display:none;}

/*Changeable Properties: margin, width, font-family, text-align*/
#container ul#navlist
{
margin: 0;
padding: 0;
width:140px;
list-style: none;
font-family: verdana, arial, sans-serif;
}

/*Changeable Properties: margin, line-height*/
#container ul#navlist li { margin:3px 0; padding:0; line-height:15px;}

/*Changeable Properties:*/
#container ul#navlist #active span {
font-weight:bold;
}

#container ul#navlist #subactive {
font-weight:bold;
}

#gradecheck a{
display: block;
padding-bottom: 5px;
}

/*Changeable Properties: color, text-decoration*/
#container ul#navlist a, #gradecheck a
{
color: #190000;
text-decoration: none;
}

#container ul#navlist a:hover, #container li#active, #gradecheck a:hover{
text-decoration: none;
}

#container ul#navlist a#last {}

#container ul#navlist a#sublast {}

/*Changeable Properties: color*/
#container ul#navlist a:hover, #gradecheck a:hover
{
color: #FFFFFF;
}

/*Changeable Properties: margin-left*/
#container ul ul
{
margin-left: 20px;
padding: 0;
list-style: none;
}

/*Changeable Properties: margin*/
#container ul#navlist li li
{
margin:-2px 0;
}

/*Changeable Properties: color*/
#container ul#navlist li li a
{

}

/*Changeable Properties: word-spacing*/
.dd, .ddactive, .notlesson {}

#gradecheck{
padding-top:20px;
margin-bottom: -15px; 
}

/*-----------Tools--------*/

#uitoolbar {position: relative; width:160px; height:150px; font-size:10px; margin:30px 0px 30px 9px; font-family: Verdana, Arial, Helvetica, sans-serif !important;}

#uitoolbar .uitoolbarspace {height: 34px;}

html>body #uitoolbar { }

#uitoolbar form {margin:0; padding:15px 10px;}
#uitoolbar form select { text-transform:none; width:90px; font-size:10px; display:inline; z-index: 1; position: relative;}
#uitoolbar form a {float:left; z-index: 1; position: relative;}

#uitoolbar #searchfield {display: inline; width: 80px; height: 13px; _height: 18px; font-size: 10px; background-color:#FFFFFF; z-index: 1; position: relative; margin-bottom: 5px;}
#uitoolbar #searchbtn {display: inline; height: 20px; width: 50px; font-size: 10px; z-index: 1; position: relative; margin-bottom: 5px;}
#uitoolbar h4#toolstitle {position:relative; left:89px; top:4px; font-size:10px; z-index: 1;}
#uitoolbar h4 {margin:0 3px 0 0; font-size:10px; clear:both; font-weight:normal; color:#FFFFFF;}
#uitoolbar select#fontfamily{width: 98px;}
#uitoolbar h4#fontfamilytitle {display:inline; z-index: 1; position: relative;}
#uitoolbar h4#fontsize {display:block; margin-top:10px; font-weight:normal; z-index: 1; position: relative;}
#uitoolbar h4#scrollnav {display:block; font-weight:normal; z-index: 1; position: relative; top: -7px;}
#uitoolbar h4#scrollnav input#scrollbox {position: relative; left: 14px; _left: 6px;}
#uitoolbar h4#printver {display:block; font-weight:normal; z-index: 1; position: relative;}
#uitoolbar h4#mobilever {display:block; font-weight:normal; z-index: 1; position: relative; top: 5px;}
#uitoolbar h4#cdsetup, #uitoolbar h4#sourcefiles {padding-top:10px; font-weight:normal; z-index: 1; position: relative;
voice-family: "\"}\""; voice-family:inherit; padding-top:5px;}
html>body #uitoolbar h4#cdsetup, #uitoolbar h4#sourcefiles {padding-top:10px;}

a#increase {background:transparent url(/is/global/media/arrowup.gif) center center no-repeat; width: 20px; height: 12px; position:relative; bottom:13px; left:35px; padding:0 4px; _margin-right: 8px; z-index: 1;}
a#increase:hover {background-image:url(/is/global/media/arrowup_hover.gif);}
a#decrease{background:transparent url(/is/global/media/arrowdown.gif) center center no-repeat; width: 20px; height: 12px; position:relative; bottom:13px; left:25px; padding:0 4px; z-index: 1;}
a#decrease:hover{background-image:url(/is/global/media/arrowdown_hover.gif);}
a#decrease span, a#increase span{display:none;}

/* uitoolbar rules */

#container ul#navlist
{
height: auto;
overflow: visible;
}

#uitoolbar form #printver a, #uitoolbar form #cdsetup a, #uitoolbar form #sourcefiles a, #uitoolbar form #mobilever a
{
z-index: 1; 
position: relative;
font-weight: bold;
color: #000000;
text-decoration: none;
clear:both;
}

#uitoolbar form input#scrollbox{
	margin: 0 3px;
}

#uitoolbar form #printver a:hover, #uitoolbar form #cdsetup a:hover, #uitoolbar form #sourcefiles a:hover, #uitoolbar form #mobilever a:hover
{
color: #9a9a9a;
}

/*Deprecated*/
#uitoolbarbg img{width: 160px; height: 176px; position: relative; top:-128px; right:0; 
z-index: 0;
voice-family: "\"}\""; voice-family:inherit; top:-135px; /*IE rule*/
filter: progid:DXImageTransform.Microsoft.alphaImageLoader(src='/is/global/media/toolsbg.png', sizingMethod='scale');
}
html>body #uitoolbarbg img{background:transparent url(/is/global/media/toolsbg.png) no-repeat; top:-128px;}/*Firefox rule*/

/*Used for Standalone version*/
#uitoolbarbg2 img{width: 160px; height: 150px; position: relative; top:-115px; right:0; 
z-index: 0;
voice-family: "\"}\""; voice-family:inherit;
filter: progid:DXImageTransform.Microsoft.alphaImageLoader(src='/is/global/media/toolsbg2.png', sizingMethod='scale');
}
html>body #uitoolbarbg2 img{background:transparent url(/is/global/media/toolsbg2.png) no-repeat; top:-112px;}


/*Deprecated*/
#uitoolbarbg3 img{width: 160px; height: 176px; position: relative; top:-132px; right:0; 
z-index: 0;
voice-family: "\"}\""; voice-family:inherit; top:-141px;
filter: progid:DXImageTransform.Microsoft.alphaImageLoader(src='/is/global/media/toolsbg3.png', sizingMethod='scale');
}
html>body #uitoolbarbg3 img{background:transparent url(/is/global/media/toolsbg3.png) no-repeat; top:-132px;}
/*Deprecated*/
#uitoolbarbg4 img{width: 160px; height: 200px; position: relative; top:-153px; right:0; 
z-index: 0;
voice-family: "\"}\""; voice-family:inherit; top:-162px;
filter: progid:DXImageTransform.Microsoft.alphaImageLoader(src='/is/global/media/toolsbg4.png', sizingMethod='scale');
}
html>body #uitoolbarbg4 img{background:transparent url(/is/global/media/toolsbg4.png) no-repeat; top:-153px;}

/*Currently used 5 & 6*/
#uitoolbarbg5 img{width: 160px; height: 200px; position: relative; top:-145px; right:0; 
z-index: 0;
voice-family: "\"}\""; voice-family:inherit; top:-154px;
filter: progid:DXImageTransform.Microsoft.alphaImageLoader(src='/is/global/media/toolsbg4.png', sizingMethod='scale');
}
html>body #uitoolbarbg5 img{background:transparent url(/is/global/media/toolsbg4.png) no-repeat; top:-145px; *top:-154px; /*IE7 hack*/}

#uitoolbarbg6 img{margin-bottom:10px; width: 160px; height: 200px; position: relative; margin-top:-176px; right:0; 
z-index: 0;
voice-family: "\"}\""; voice-family:inherit;
filter: progid:DXImageTransform.Microsoft.alphaImageLoader(src='/is/global/media/toolsbg4.png', sizingMethod='scale');
}

html>body #uitoolbarbg6 img{background:transparent url(/is/global/media/toolsbg4.png) no-repeat; margin-top:-167px;/*IE7 hack*/}


/* scrollable nav rules */

#scrollbuttons {position:relative; top:-253px; _top:-250px; left:4px; z-index:2; width:15px; margin-bottom: -73px; _margin-bottom: -80px;}
#scrollbuttons ul, #scrollbuttons ul li{ margin:0; padding:0; list-style-type:none;}
#scrollbuttons span {display:none;}
#scrollbuttons a {display:block; width: 15px; height: 18px;}
#upscroll a {background:transparent url(/is/global/media/arrowup.gif) center center no-repeat;}
#upscroll a:hover {background-image:url(/is/global/media/arrowup_hover.gif);}
#downscroll a{background:transparent url(/is/global/media/arrowdown.gif) center center no-repeat;}
#downscroll a:hover{background-image:url(/is/global/media/arrowdown_hover.gif);}
#topscroll a {background:transparent url(/is/global/media/arrowtop.gif) center center no-repeat;}
#topscroll a:hover {background-image:url(/is/global/media/arrowtop_hover.gif);}
#bottomscroll a{background:transparent url(/is/global/media/arrowbottom.gif) center center no-repeat;}
#bottomscroll a:hover{background-image:url(/is/global/media/arrowbottom_hover.gif);}

/*************************Page Navigation Rules*************************/
.navcontainer2
{
clear: both;
margin:20px 0;
}

.navcontainer2 ul
{
list-style-type: none;
text-align: right;
padding: 0;
position: relative;
z-index: 2;
}

.navcontainer2 li
{
display: inline;
text-align: center;
margin: 0 3px;
}

/*Changeable Properties: color, text-decoration, text-transform*/
.navcontainer2 li a
{
padding: 3px 7px 1px 7px;
color: #333366;
text-decoration: none;
text-transform:uppercase;
}

/*Changeable Properties: color*/
.navcontainer2 li a:hover
{
color: #999999;
}

.navcontainer2 li a.previous {background:url(/is/global/media/previous.gif) left no-repeat; text-decoration:none; font:normal bold 12px arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:20px;}

.navcontainer2 li a.previous:hover {background:url(/is/global/media/previous_hover.gif) left no-repeat;}

.navcontainer2 li a.next {background:url(/is/global/media/next.gif) right no-repeat; text-decoration:none; font:normal bold 12px arial, Helvetica, sans-serif; padding:0 15px 0 5px; text-transform:uppercase;}

.navcontainer2 li a.next:hover {background:url(/is/global/media/next_hover.gif) right no-repeat;}

/*Changeable Properties: color*/
.navcontainer2 li.current
{
color: #000000;
padding: 3px 7px 1px 7px;
}

.navcontainer2 li.inactive
{
padding: 3px 7px 1px 7px;
visibility: hidden;
}
/******************************Header Rules*****************************/
/*Newer height is now 100px, 75px left for older courses.
#pageheader {margin-left:auto; margin-right:auto; text-align:center; width:500px; height:75px; background-repeat: no-repeat;}
.lesson1 #pageheader {background:transparent url(../media/lesson1.jpg);}
.lesson2 #pageheader {background:transparent url(../media/lesson2.jpg);}
.lesson3 #pageheader {background:transparent url(../media/lesson3.jpg);}
.lesson4 #pageheader {background:transparent url(../media/lesson4.jpg);}
.lesson5 #pageheader {background:transparent url(../media/lesson5.jpg);}
.lesson6 #pageheader {background:transparent url(../media/lesson6.jpg);}
.lesson7 #pageheader {background:transparent url(../media/lesson7.jpg);}
.lesson8 #pageheader {background:transparent url(../media/lesson8.jpg);}
.lesson9 #pageheader {background:transparent url(../media/lesson9.jpg);}
.lesson10 #pageheader {background:transparent url(../media/lesson10.jpg);}
.lesson11 #pageheader {background:transparent url(../media/lesson11.jpg);}
.lesson12 #pageheader {background:transparent url(../media/lesson12.jpg);}
.lesson13 #pageheader {background:transparent url(../media/lesson13.jpg);}
.lesson14 #pageheader {background:transparent url(../media/lesson14.jpg);}
#midtermprepare #pageheader {background:transparent url(../media/midterm.jpg);}
#request #pageheader {background:transparent url(../media/request.jpg);}
#finalprepare #pageheader {background:transparent url(../media/prepare.jpg);}
#evaluate #pageheader {background:transparent url(../media/evaluation.jpg);}
*/
#pageheader h2 {display:none;}


/******************************Content Rules****************************/
/*align center used here for centering of banner in IE*/
#container2 {margin-left:180px; color:#333333; text-align: center;}

/*This section of the CSS allows the designer to target specific paragraphs within 
the course. an example of this is body#lesson1p1 #p1, which will target the first 
paragraph on lesson 1, page 1.

None currently made.
*/

/*These alignment rules used to offset the align center of container2.*/
#contentbody {text-align: left;}

#contentbody li{
	vertical-align: top;
}

.navcontainer2 {text-align: left;}

.cdresource{
	margin: 5px 3px;
	border: 1px solid #999999;
	padding: 2px 4px;
	width: 200px;
	_width: 210px;
	background: transparent url(/is/global/media/cdicon.gif) no-repeat;
	background-position: 181px 2px;
	cursor:pointer;
	text-decoration:none;
}

.resourcetitle{
	font-weight:bold;
	display: block;
}

.printlink{
	display: none;
}

ol.decimal{
list-style-type: decimal !important;
}

ol.upperroman{
list-style-type: upper-roman !important;
}

ol.lowerroman{
list-style-type: lower-roman !important;
}

ol.loweralpha{
list-style-type: lower-alpha !important;
}

ol.upperalpha{
list-style-type: upper-alpha !important;
}

ul.indentwrap li{
    list-style-position:inside;
    margin-left:25px;
	text-indent:-25px;
}


li.feedback ol.type1, ol.type1, li.feedback ol.decimal, ol.decimal{
list-style-type: decimal;
}

li.feedback ol.typeI, ol.typeI, li.feedback ol.upperroman, ol.typeupperroman{
list-style-type: upper-roman;
}

li.feedback ol.typei, ol.typei, li.feedback ol.lowerroman, ol.lowerroman{
list-style-type: lower-roman;
}

li.feedback ol.typea, ol.typea, li.feedback ol.upperalpha, ol.upperalpha{
list-style-type: upper-alpha;
}

li.feedback ol.typea, ol.typea, li.feedback ol.loweralpha, ol.loweralpha{
list-style-type: lower-alpha;
}

ul.bullets {
list-style-type: disc;
}

ul.nobullets {
list-style-type: none;
margin:0 0 10px 0;
padding-left:0;
}

ol.doublenumbering {list-style:none; list-style-type:none;}
ol.doublenumbering > li:before {content:counter(chapter) "-" counter(ordereditems) ". "; counter-increment: ordereditems;}

/*Used for unordered lists that for no list type but also indented
	bullets="no" has no indent with no list type*/
ul.nolisttype {list-style-type: none !important;}

.poem{}

.poem ul {list-style-type:none;}

.poem ol {
margin-top: 10px;
margin-bottom: 25px;
}

.poem ol li{
list-style-type: none;
}

.poem ol.type1 li.linenumber, .poem ol.decimal li.linenumber{
list-style-type: decimal;
}

.poem ol.typeI li.linenumber, .poem ol.upperroman li.linenumber{
list-style-type: upper-roman;
}

.poem ol.typei li.linenumber, .poem ol.lowerroman li.linenumber{
list-style-type: lower-roman;
}

.poem ol.typea li.linenumber, .poem ol.loweralpha li.linenumber{
list-style-type: lower-alpha;
}

.poem ol.typea li.linenumber, .poem ol.upperalpha li.linenumber{
list-style-type: upper-alpha;
}

.poem p{
margin-bottom: 0;
margin-top: 0;
}


#eval li{
margin-top: 20px;
}
#eval li ul li{
list-style: none;
margin-top: 0px;
margin-left: -40px;
}



#notes { /*Deprecated: endnotes now on own page
border-top: 2px solid black;
margin-top: 15px;*/
}

/*Sidenotes*/
.sidenotes{
	overflow: hidden;
	padding-right:270px; /* The width of the notes */
}

* html .sidenotes{
	height:1%; /* So IE plays nice */
}

.sidenotescontent{
	width: 100%;
	_width: auto;
  	border-right: 270px solid #FFFFFF;
  	margin-right: -270px;
  	float:left;
}

.sidenotestext{
  	width:240px;
  	float:left;
  	margin-right:-270px;
	padding: 15px 15px 0 15px;
	*padding-top: 0;
}

.sidenotestext div{
	clear: both;
	padding: 0;
	margin: 0;
}

.sidenotestext sup.notenum{
	float: left;
	display: block;
	clear: left;
	margin: 0;
	padding: 0;
	
}
.sidenotestext div span{
	display: block;
	float: left;
	margin-left: 5px;
	width: 200px;
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 10px;
}

/*
This code just sets up the formatting of the tooltip, an alternate to sidenotes on the web.
*/

/* Formats the text that is not hidden. */
.tooltip {
  position: relative;
  cursor: pointer;
}

/* This formats the hidden text. */
span.tooltip_text {
  position: absolute;
  left: 20px; 
  margin-top: 10px; 
  width: 320px; 
  display: none; 
  text-decoration: none;
  cursor: default;
  z-index: 10;
}

/* This keeps the cursor a point when you mouse over the text. */ 
.tooltip:hover {
  cursor: pointer;
}

.tiphead{
	width: 320px;
	display: block;
	height: 19px;
	position: relative;
	background-image: url(/is/global/media/tiphead.png);
	background-repeat: no-repeat;
}

.tiphead a{
	position:absolute; 
	right: 20px; 
	top: 0;
	display: block;
	width: 18px;
	height: 16px;
	cursor: pointer;
}

.tipcontent{
  	background-image: url(/is/global/media/tipline.png);
 	background-repeat: repeat-y;
  	padding: 5px 27px 35px 10px;
}

.tipfoot{
	width: 320px;
	height: 20px;
	background-image: url(/is/global/media/tipfoot.png);
	background-repeat: no-repeat;
}

a.tipclose{
	position: absolute;
	bottom: 25px;
	right: 30px;
	display: block;
	color: #333333;
	cursor: pointer;
}

a.tipclose:hover{
	color: #999999;
	cursor: pointer;
}
/******************************Public Banner Rules**********************/
.popup {background: transparent;}

#begin #pageheader, #copy #pageheader {height: auto; width: auto;}
#begin #pageheader h2, #copy #pageheader h2 {display: block;}

/****************************Secure Bar Rules**************************/

.barimage{width:500px; height:25px; background-color: transparent; background-repeat: no-repeat; clear:both;}

#contentbody h3.barimage span{display:none;}

/*********************Media Positioning Rules*******************/

.inlineimage{display:inline; vertical-align: middle;}
.blockimage{display: block; z-index: 0;}

/*Div classes that encapsulate images, used to for positioning on the screen (mostly IE).*/
.leftimage {border: 0px; float:left; padding: 0 10px 10px 0; clear: left; margin-right: 15px;}
.leftclearimage {border: 0px; padding: 10px 10px 10px 0; clear: left;}

/*Wrapper div used to center content in IE*/
.centerimage {text-align: center; margin-left: auto; margin-right: auto; clear: both;}
/*Margin auto elements for non-IE browsers*/
.centerimage .divimage {margin-left: auto; margin-right: auto; text-align: left;}
.centerimage img {}

.rightimage {float:right; padding: 0 0 10px 10px; clear: right;}
.rightclearimage {direction: rtl; padding:10px; clear: right; text-align: right;}
.rightclearimage .divimage {text-align: left;}

.caption {text-align:left; margin:0; padding:0; color:#7F90aE; font-size:9px; font-style:italic; }
.caption span {display:block;}
.credit {font-size:8px; text-align:right; margin-top:5px;}

/*Img classes for vertically sliced images-no longer implemented-No longer used
.topimage {display: block; border-bottom: none; margin-bottom: 0;}
.middleimage {display: block; border-bottom: none; border-top: none; margin-bottom: 0; margin-top: 0;}
.bottomimage {display: block; border-top: none; margin-top: 0;}
*/



.mediaicondiv {margin:20px;}
.mediaicondiv .icon {border:0; vertical-align:middle;}
.mediaicondiv .icontext {margin-left:10px;}


/***********************Mastery Check Rules****************************/

#savepage .question {
    margin-bottom: 15px;
    font-weight: bold;
}

#savepage .answer {
	margin-left: 15px;
	margin-bottom: 25px;
}

#loadbtn, .loadbtn {
    display: none;
}

.mcbuttons {
    display: none;
}

.mcbuttons {
    display: none;
}

/*Paragraph Blanks*/
ol.paragraphBlanks{
	padding-left: 0;
	margin-left: 0;
}

ol.paragraphBlanks li{
	list-style-type: none;
	display: inline;
	line-height: 25px;
}

#contentbody ol.paragraphBlanks li.multiplechoice{
	vertical-align: baseline;
}

ol.paragraphBlanks li select{
	margin-top: 10px;
}

ol.paragraphBlanks li ol{
	display: inline;
	padding-left: 0;
	margin-left: 0;
}

ol.paragraphBlanks .multiplechoice ol li.feedback{	
	border-top: 2px solid #888;
	border-bottom: 2px solid #888;
	padding: 5px;
	color: #666;
	margin-left: 50px;
	margin-bottom: 20px;
}

/*Print Version*/
ol.paragraphBlanks span.iafillblank{
	padding-right: 40px;
	padding-left: 40px;
	border-bottom: 1px solid black;
}

/*Cloze*/
li.cloze{
	padding-left: 0;
	margin-left: 0;
	font-weight:bold;
    padding-bottom:20px;
    list-style: none;
}

li.cloze li.question {
	list-style:decimal inside;
	display:list-item;
	line-height: 25px;
}

li.cloze li.question select{
	margin-top: 10px;
	margin-right: 0;
}

#contentbody li.cloze li.question{
	vertical-align: baseline;
}

li.cloze ol{
	display: inline;
	padding-left: 0;
	margin-left: 0;
}

/*Print Version*/
li.cloze span.iafillblank{
	padding-right: 40px;
	padding-left: 40px;
	border-bottom: 1px solid black;
}

/***************Matching Rules***************/
ol.matchset > li:before {
	content:none;
}

li.matching, li.multipleselect{
	list-style-type: none;
}

table.multipleselectsection{
	position: relative;
	left: -5px;
}

div.questionsection{
	padding-right: 5px;
	margin-top: 10px;
	float: left;
	width: 270px;
}

div.answersection{
	float: right;
	width: 270px;
	padding-left: 5px;
	margin-top: 10px;
}


li.matching span.matchstem ul li{
	padding-bottom: 0;
}

.matchingsection{
	width: 550px;
}

.answersection, .answerrow{
	font-weight: normal;
}

.questioncell ol li{
	font-weight: bold !important;
}

.matchquestion{
	font-weight: normal;
}

.multipleselectsection input{
	margin: 0;
	padding: 0;
}

.inputcell, .answercell{
	text-align:center;
}

.questioncell{
	padding-right: 10px;
}

.answersection{
	margin: 0; 
}

.questionsection ol li{
	list-style-type: decimal;
	margin-top: 10px;
	font-weight: bold !important;
}

.answersection ol li{
	list-style-type: lower-alpha;
	margin-top: 10px;
}

.questioncell ol, .questioncell ol li{
	list-style-type: decimal;
	padding: 0;
	margin: 0 0 0 auto;
}

.questioncell ol{
	position: relative;
	_left: -40px;
}

.multipleselectstem{
	position: relative;
	left: -40px;
}

.matching > ol{
	clear: both;
	margin-top: 10px;
}

.matching{
	position: relative;
	left: -40px;
	clear: both;
}


/*************** mosaic ***************/
.mosaic {border-bottom:1px solid; list-style:none; margin-bottom:20px;}

.mosaic .mosaic_instructions {font-weight:normal;}

.mosaic .mosaic_content {-moz-user-select:none; position:relative;}

.mosaic .mosaic_content .mosaic_destinations {left:0; list-style:none; margin:0; padding:0; position:absolute; top:0; width:100%;}

.mosaic .mosaic_content .mosaic_destinations li {border:2px solid; margin:0; padding:2px; position:absolute;}

.mosaic .mosaic_content .mosaic_destinations li.mosaic_full {background:none; border:none;}

.mosaic .mosaic_content .mosaic_destinations li.mosaic_full .mosaic_question_num {display:none;}

.mosaic .mosaic_content .mosaic_tile {border:2px solid; cursor:pointer; padding:2px; position:absolute;}

.mosaic .mosaic_content .dragged_tile {z-index:1;}

.mosaic .mosaic_feedback {list-style-type:decimal;}

/************************************************/
ol.stemlist li{
list-style-type: decimal;
}

ol.questionset li li select{
	margin-right: 5px;
}

ol.questionset li
{
	padding-bottom: 20px;
	font-weight: bold;
}

ol.questionset li ol
{
	list-style-type: lower-alpha;
}

ol.questionset li ol li
{
	padding-bottom: 0px;
	font-weight: normal;
}

.feedback, .multiplechoice ol li.feedback, .matchingsection ol li.feedback, .multipleselect ol li.feedback{
	list-style: none;	
	margin-top: 10px;
	margin-bottom:10px;
	display: none;
	/*border: 3px double #888;*/
	border-top: 8px double #888;
	border-bottom: 8px double #888;
	padding: 5px;
	width: 80%;
	color:#666;
	/*font-style:italic;*/
}



.fillintheblank ol li.feedback, .essay ol li.feedback {
	border-top: 8px double green;
	border-bottom: 8px double green;
	padding: 10px 0;
	margin: 10px 0;
}

#contentbody li.fillintheblank{
	vertical-align: bottom;
}

.shortanswer textarea, .essay textarea{
width: 90%;
display: block;
margin-top: 20px;
}

/*Applies to printed fillintheblank*/
span.iafillblank{
	padding-right: 100px;
	border-bottom: 1px solid black;
}

ol.questionset li li input
{voice-family: "\"}\""; voice-family:inherit; margin: 0 0 0 -10px;}

html>body ol.questionset li li input
{margin: 5px 6px 0 0;}

.crossquest{
	background-color:#000;
	color:#fff;
}
.crossword ol.down, .crossword ol.across{list-style-type:decimal;}
.crossquest td{
	border:solid 1px white;
	margin:0;
	padding:0;
	width:45px;
	height:45px;
	text-align:center;
	vertical-align:middle;
}
.crossNum1{background:url(../media/crossNum1.gif) no-repeat;}
.crossNum2{background:url(../media/crossNum2.gif) no-repeat;}
.crossNum3{background:url(../media/crossNum3.gif) no-repeat;}
.crossNum4{background:url(../media/crossNum4.gif) no-repeat;}
.crossNum5{background:url(../media/crossNum5.gif) no-repeat;}
.crossNum6{background:url(../media/crossNum6.gif) no-repeat;}
.crossNum7{background:url(../media/crossNum7.gif) no-repeat;}
.crossNum8{background:url(../media/crossNum8.gif) no-repeat;}
.crossNum9{background:url(../media/crossNum9.gif) no-repeat;}
.crossNum10{background:url(../media/crossNum10.gif) no-repeat;}
.crossNum11{background:url(../media/crossNum11.gif) no-repeat;}
.crossNum12{background:url(../media/crossNum12.gif) no-repeat;}
.crossNum13{background:url(../media/crossNum13.gif) no-repeat;}
.crossNum14{background:url(../media/crossNum14.gif) no-repeat;}
.crossNum15{background:url(../media/crossNum15.gif) no-repeat;}
.crossNum16{background:url(../media/crossNum16.gif) no-repeat;}
.crossNum17{background:url(../media/crossNum17.gif) no-repeat;}
.crossNum18{background:url(../media/crossNum18.gif) no-repeat;}
.crossNum19{background:url(../media/crossNum19.gif) no-repeat;}
.crossNum20{background:url(../media/crossNum20.gif) no-repeat;}
.crossNum21{background:url(../media/crossNum21.gif) no-repeat;}
.crossNum22{background:url(../media/crossNum22.gif) no-repeat;}
.crossNum23{background:url(../media/crossNum23.gif) no-repeat;}
.crossNum24{background:url(../media/crossNum24.gif) no-repeat;}
.crossNum25{background:url(../media/crossNum25.gif) no-repeat;}
.crossNum26{background:url(../media/crossNum26.gif) no-repeat;}
.crossNum27{background:url(../media/crossNum27.gif) no-repeat;}
.crossNum28{background:url(../media/crossNum28.gif) no-repeat;}
.crossNum29{background:url(../media/crossNum29.gif) no-repeat;}
.crossNum30{background:url(../media/crossNum30.gif) no-repeat;}
.crossNum31{background:url(../media/crossNum31.gif) no-repeat;}
.crossNum32{background:url(../media/crossNum32.gif) no-repeat;}
.crossNum33{background:url(../media/crossNum33.gif) no-repeat;}
.crossNum34{background:url(../media/crossNum34.gif) no-repeat;}
.crossNum35{background:url(../media/crossNum35.gif) no-repeat;}
.crossNum36{background:url(../media/crossNum36.gif) no-repeat;}
.crossNum37{background:url(../media/crossNum37.gif) no-repeat;}
.crossNum38{background:url(../media/crossNum38.gif) no-repeat;}
.crossNum39{background:url(../media/crossNum39.gif) no-repeat;}
.crossNum40{background:url(../media/crossNum40.gif) no-repeat;}

/*Changeable Properties: color, font-weight, font-size*/
#score, .score
{
	display: none;
	font-weight:bold;
	font-size:18px;
	color: red;
}

#mcbuttons_bottom, #mcbuttons_top {display: none; padding: 15px 0px}
#loadanswers {display: none; padding: 15px 0px;}

#formbtn, .formbtn
{
	text-align:center;
}

/*Questiontable Rules*/
.questiontable{
	border:1px solid #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}

.questiontable td{
	border:1px solid #000000;
	padding: 5px;
}

.questiontable th{
	border:1px solid #000000;
	text-align: center;
	padding: 5px;
}

.questiontable ol.questionset{
	padding: 0 0 0 35px;
	margin: 0;
}

.questiontable ol.questionset > li{
	padding: 0;
	margin: 0;
}

.questiontable .multiplechoice > ol, .questiontable .fillintheblank > ol{
	padding: 0;
	margin: 5px 0;
}

.questiontable .multiplechoice ol li.feedback, .questiontable .fillintheblank ol li.feedback{
	width: 95%;
}

/*********************Mastery Check Coloring*******************/
/*must be below normal rules to overwrite the default colors e.g. grey*/
/*Wrong or Incorrect Answers*/
.wrongAns{
	color: red;
}

/*Wrong or Incorrect Feedback Border*/
.wrongFeedback, .multiplechoice ol li.wrongFeedback, .matchingsection ol li.wrongFeedback, .multipleselect ol li.wrongFeedback{
	border-color: red;
}

/*Right Answers*/
.rightAns{
	color: green;
}

/*Right Feedback Border*/
.rightFeedback, .multiplechoice ol li.rightFeedback, .matchingsection ol li.rightFeedback, .multipleselect ol li.rightFeedback{
	border-color: green;
}

/*Fillintheblank, Essay and Shortanswer*/
.fillintheblank ol li.feedback, .essay ol li.feedback {
	border-color: green;
}

/*Score*/
#score{
	color: red;
}

/*Perfect score color*/
#score.allCorrect{
	color: green;
}

/*********************Instructor Graded Assignment*******************/

/**************************Slideshow Rules****************************/
body.slideshowpage {margin:0; background-image: none;}
/*#slideshowcontent {background:#fff; display:block; height:396px; _height:436px; left:0; overflow:auto; padding:20px; position:absolute; right:0; top:0; _width:100%;}*/
#slideshowcontent {background:#fff; display:block; margin:auto; height:100%; width:90%; overflow:auto; padding:20px;}
#slideshowcontent img {display:block; margin:auto; position:relative;}
#slideshowcontent object {display:block; margin:auto; position:relative;}
#slideshowcontent embed {display:block; margin:auto; position:relative;}


#slideshownav {background:#fff; bottom:0; display:block; height:44px; left:0; position:absolute; right:0; _width:100%;}
#slideshownav span {display:none;}
#slideshownav a {background:#000; bottom:8px; display:block; height:28px; position:absolute; text-decoration:none; width:25px;}
#slideshownav a:hover {background:#888;}
#slideshownav a.inactivebtn {background:#dfdfdf; cursor: default;}
#slideshownav a.inactivebtn:hover {background:#dfdfdf; cursor: default;}
#slideshownav #prevbtn {background-image:url(/is/global/media/prevcover.gif); margin-right:10px; right:50%;}
#slideshownav #nextbtn {background-image:url(/is/global/media/nextcover.gif); left:50%; margin-left:10px;}


/*********************Personality Test Rules**************************/
.personalitytest #instructions {
    margin-bottom: 20px;
}

.personalitytest #questions .stem {
    font-weight: bold;
}

.personalitytest #questions .likert .likertradios {
/*    list-style: none;
    padding: 0;
    margin: 0;*/
}

.personalitytest #questions .likert .likertradios td {
    padding: 0px;
    margin: 5px; 0;
}

.personalitytest #questions .likert .likertradio {
    padding: 0px;
}

.personalitytest #questions .likert .even {
}

.personalitytest #questions .likert .odd {
    background-color: #cccccc;
}

.personalitytest #questions .likert .likertradio .number {
    display: block;
}

.personalitytest #questions .likert {
}

.personalitytest #questions .likertradio {
    text-align: center;
    font-size: 10pt;
}

.personalitytest #questions .checkbox .stem {
    display: inline;
}

.personalitytest #personalitytestresults {
    display: none;
}

.personalitytest .personalitytestcategory {
    margin-bottom: 25px;
}

.personalitytest .personalitytestcategory .categorytoplist {
    list-style: none;
    background-color: #cccccc;
}

.personalitytest .personalitytestcategory .categorytoplist li {
    display: inline;
    margin-right: 60px;
}

.personalitytest .personalitytestcategory .categorytoplist li .name {
    font-weight: bold;
}

.personalitytest .personalitytestcategory .scale {
    margin-left: 60px;
    /*border: solid 1px;*/
    border-spacing: 0;
    margin-bottom: 10px;
}


.personalitytest .personalitytestcategory .description {
    margin-left: 60px;
}

.personalitytest #scoringexplanation {
    margin: 20px;
}

.personalitytest .personalitytestquestion td:first-child{
	vertical-align:top;
}

/****************************Popup Rules******************************/

.popup h3 {clear: both;}
/*Changeable Properties: color, text-decoration*/
.anchorlist a {color:#000000;}
.anchorlist a:hover {color:#666666;}

/*Changeable Properties: color, text-decoration*/
.imagelinks {display: block; clear:both;}
a.backtop {color:#000000; text-decoration:underline; clear: both;}
a.backtop:hover {color:#666666; text-decoration:underline; clear: both;}

.closewindow {text-align: center; margin-top: 15px; margin-bottom: 15px;}


/****************************Syllabus Rules****************************/

ol#lessonlist li{
list-style-type:none;
}

#syllabus ol li, #syllabus ul li{
margin-bottom: 5px;
}

#syllabus ol ul, #syllabus ul ol, #syllabus ol ol, #syllabus ul ul{
margin-top: 5px;
}

ol li, ul li{
margin-bottom: 5px;
}

ol ul, ul ol, ol ol, ul ul{
margin-top: 5px;
}

#syllabus table td {font-size:11px;}
#syllabus table th {font-size:14px;}

/****************************Feedback page Rules************************/

#feedbacktitle{
text-align: center;
margin-left: auto;
margin-right: auto;
}

#feedback h1 {
text-align: center; 
border-top: 2px solid #C5aF7D; 
border-bottom: 2px solid #C5aF7D; 
width: 300px; 
margin: 0 auto; 
margin-bottom: 20px; 
color: #001E4C; 
font-size: 20px; 
font-weight: normal;
}

#feedback {
background-color: #FFFFFF;
}

#feedback ol{
	margin-bottom: 20px;
}

#submitform {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}

#submitform table{
	text-align:center;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

#submitform table th{
	text-align: center;
	background-color: #dcdcdc;
	border: 1px solid #999999;
	color: #000000;
	font-weight: bold;
	width: 450px;
}

#submitform table td{
	text-align: left;
}

#submitform table td span{
	display: block;
}

#submitform #Name, #submitform #email{
	width: 260px;
}

#submitform #Course_Access_Code{
	width: 80px;
}

#submitform #comments{width: 433px;}

#submitform #submit {text-align: center;}

#submitform #required {font-size: 10px; font-style:italic;}

#ocwenroll {
	width:500px;
}

#ocwenrollbutton {
	margin: 5px;
	text-align: center;
	border: 0;
}

#ocwlicense {
	text-align: center;
}



/*equation rules */

.bottomborder {border-bottom:1px solid black;}
.equation sup {margin-left:-7px;}
table.equation sup {margin-left: 0;}
.equation span {margin-top:-5px; display:block; float:left;}
.equation td {padding:2px; vertical-align:middle; text-align:center;}
.ionic {background:url(/is/global/media/line.gif) center center repeat-x; width:50px;}
.verticalcovalent {background:url(/is/global/media/verticaldoubleline.gif) center center repeat-y; height:20px;}
.horizontalcovalent {background:url(/is/global/media/horizontaldoubleline.gif) center center repeat-x; width:20px;}
.diagonal {background:url(/is/global/media/diagonal_line.gif) center center no-repeat; width:15px;}

/***********************Start Page Rules******************************/
body#start {margin:10px; background:transparent; text-align:center;}
/*position: relative; - Set so Safari will position elements correctly onLoad on the Start page*/
#containerstart {position: relative; margin-right:auto; margin-left: auto;}
#pageheaderstart h1 {display:block; margin-left:auto; margin-right:auto; background-color:transparent; background-repeat: no-repeat;}
#pageheaderstart h1 span{display:none;}
#navstart ul {list-style:none;}