<style type="text/css">

/*MAIN TAGS*/

head{
	padding: 0px;
	margin: 0px;
	}

body{
	font-family: Verdana;
	font-size: 80%;
	padding: 0;
	margin: 0;
	}
	
body a	{
		color: #003366;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}
		
body a:hover
{
	color: #660033;
	text-decoration: underline;
}	

h1	{
	font-size: 180%;
	font-style: normal;
	font-weight: 600;
	color: #003366;
	letter-spacing: 0.1em;
	padding: 15px 0 15px 0;
	margin: 0;
	font-family: Verdana;
	}

h2	{
	font-size: 140%;
	font-style: normal;
	font-weight: lighter;
	color: #660033;
	margin: 0;
	padding-bottom: 15px;
	}

h3	{
	font-size: 110%;
	font-style: normal;
	color: #003366;
	font-weight: 600;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
	}

/*Used for meeting registration hyperlink on sidebar*/
h4	{
	font-size: 150%;
	font-style: normal;
	color: #003366;
	font-weight: 600;
	margin: 2px 0 5px -1px;
	}

/*Used for bold headings in tables*/
h5	{
	font-size: 120%;
	font-style: normal;
	color: black;
	margin: 0 0 5px 0;
	}

hr	{
	color: #003366;
	background-color: #003366;
	height: 0.5px;
	width: 100%;
	margin: 3px 0 3px 0;
	}

ul	{
	padding: 0;
	margin: 10px 0 0 20px;
	}
			
li	{
	padding: 0 0 10px 0;
	
	}

img	{
	border: 0;
	margin-left: 10px;
	padding: 0.1px 2px 0 0;
	}

p	{
	font: 100%;
	font-family: Verdana, Arial;
	color: black;
	text-decoration: none;
	}
	
p a	{
	color: #003366;
	text-decoration: none;
	}
			
p a:hover	{
			color: #660033;
			text-decoration: underline;
			}


/*TABLE SETUPS*/				

.tableTitle	{
			font-size: 100%;
			font-style: normal;
			font-weight: 600;
			color: #660033;
			margin: 0 0 5px 0;
			padding-top: 20px;
			border-bottom: 1px solid #003366;	
			vertical-align: top;
			text-align: left;
			}

/*table header without margin-top*/
.tableTitleNoTop{
			font-size: 100%;
			font-style: normal;
			font-weight: 600;
			color: #660033;
			margin: 0 0 5px 0;
			padding-top:0;
			border-bottom: 1px solid #003366;	
			vertical-align: top;
			}

.standardTable{
			margin: 12px 0 2px 0;
			border-collapse: collapse;
			padding: 12px 0 -10px 0;
			}

.standardTable th{
			border-bottom: 1px solid #E5E9EE;
			font-size: 90%;
			color: #003366;
			margin: 0 0 0 0;
			padding: 2px 10px 15px 0;
			font-weight: lighter;
			vertical-align: bottom;
			text-align: left;
			}

.standardTable .thVertical{
			writing-mode:tb-rl; 
			filter: flipH() flipV();
			padding: 5px 0 0 10px;
			margin: 0;
			}

.standardTable td{
			font-size: 80%;
			padding: 5px 10px 5px 0;
			border-bottom: 0px dashed #003366;
			vertical-align: top;
			}
			
.standardTable .admin{
			border-bottom: 1px solid #E5E9EE;
			}
			
.standardTable .smallCell{
			width: 120px;
			vertical-align: top;
			}

.standardTable .mediumCell{
			width: 200px;
			vertical-align: top;
			}
			
.standardTable .largeCell{
			width: 350px;
			vertical-align:top;
			}	
					
.standardTable img{

			}	

.imgIcon{
			width: 18px;
			height: 18px;
			padding: 0 0 0 0;
			margin: 0 3px 0 0;
			}
			
.imgSmall{
			width: 28px;
			height: 28px;
			vertical-align: top;
			padding: 0;
			margin-top: 0;
			}
            
.imgMedium{
            width: 64px;
            height: 64px;
            }
            

/*Used for document library and site thumbnail photos*/
.imgDocument{
            width: 100px;
            height: 120px;  
            margin-right: 0;
            margin-top: 0; 
            margin-left: 15px;  
            border: 1px solid #E5E9EE;       
            }

/*submit button style used for registration form*/
/*.standardTable .submitLink{
            color: #660033;
            font-size: 150%;
            font-family: verdana, arial;
            font-weight: bold;
            background-color: transparent;
            text-decoration: none;
            border: none;
            /*background-image: url(../img/registerIcon.png); 
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
            cursor: hand;
            width: 150px;
            height: 64px;
            } */          

/*small table for ecme CBELs/Courses and home page boxes*/
.smallTable{ 
			padding: 0;
			margin: 10px 0px 10px 0px;
			font-size: 85%;
			}

.smallTable th{
			
			font-size: 140%;
			color: #660033;
			margin: 0 0 0 0;
			padding: 12px 0px 2px 0;
			font-weight: lighter;
			vertical-align: top;
			text-align: center;	
			}

.smallTable td{
			padding: 0px 2px 0px 2px;
			margin: 0px 0px 0px 0px;
			border-bottom: 0px dashed #003366;
			vertical-align: top;
			color: #003366;
			border: 0px solid #e5e9ee;
			}

.smallTable a{
			
			color: #003366;
			display: block;
			margin: 0;
			padding: 0px 8px 0px 8px;
			text-decoration: none;
			/*border-bottom: 1px dotted dashed #003366;*/
			/*border-bottom: 1px solid #E5E9EE;*/
			background-image:url();
			letter-spacing: 1px;
			}

.smallTable a:hover {
			color: #660033;
			background-color: #E5E9EE;
			text-decoration: none;
			}

/*print view table for all views ready to print*/	
.printviewTable td{
			font-size: 100%;
			padding: 5px 0px 20px 0;
			border-bottom: 0px dashed #003366;
			font-family: Verdana;
			text-align: left;
			vertical-align: top;
			}
			
/*HEADER SECTIONS*/

/*header background image*/
#header{ 
			
			background-image:url(../img/head-people.jpg);
			background-repeat: repeat-x;
			padding: 0px;
			margin: 0px;
			width:100%;
			}
			
/*horizontal tab menu*/
#modernbricksmenu{
			background: transparent;
			voice-family: "\"}\"";
			voice-family: inherit;
			}

#modernbricksmenu ul{
			font: bold 0.85em Arial;
			padding: 0 0 0 0;
			list-style: none;
			float: right;
			margin-top: 2em;
			clear: right;
			margin-bottom: 0px;
			}

#modernbricksmenu li{
			display: inline;
			margin: 0 2px 0 0;
			padding: 0;
			/*text-align: right;*/
			/*text-transform:uppercase;*/
			}

#modernbricksmenu a{
			float: right;
			display: block;
			color: white;
			padding: 7px 0 7px 0;
			text-decoration: none;
			letter-spacing: 1px;
			/*background-color: #003366; */
			background-image: url(../img/bluetab.gif); 
			border-bottom: 1px solid #004891;
			width: 10.5em;
			text-align: center;
			vertical-align: bottom;
			height: 14px;
			}

#modernbricksmenu a:hover, a:focus{ 
			color: #cc9900;
			}

#modernbricksmenu #current a{ /*currently selected tab*/
			background-image: url(../img/goldtab.gif);
			border-color: #dbab1b; /*Link to line*/ 
			color: #003366;
			}
			
/*Gold bar*/
#headerbar{
			background-image: url(../img/goldbar.gif);
			height: 30px;
			font-size: 85%;
			color: #003366;
			margin: 0;
			padding: 0 0 0 10px;
			clear: both;
			z-index: 1;
			}
			
/*search box*/
#myform{ 
			float: right;
			vertical-align: top;
			/*margin-top: -40;*/
			padding: 10px 0 0 0;
			width: 120px;
			display: inline;
			margin: 0px;
			}

#myform .textinput{
			width: 80px;
			border: 1px solid gray;
			padding: 0;
			margin: 0;
			font: 11px Verdana;
			height: 15px;
			text-align: center;
			}

#myform .submit{
			font: 10px Verdana;
			color: #003366;
			height: 18px;
			width: 23px;
			background-image: url();
			padding: 0;
			margin: 0 0 0 0;
			}
			
/*Date stamp*/
.date{ 
			float: left;
			margin: 0;
			padding: 10px 0 0 0;
			}
			
/*Current location within site*/
.sitelocation{ 
			margin: 0;
			padding: 6px 0 0 100px;
			vertical-align: top;
			overflow:hidden;
			position:absolute;
			width:90%;
			white-space: nowrap;
			z-index:98;
			}
			
.sitelocation img{
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			}
			
.sitelocation a{
			text-decoration: none;
			color: #003366;
			padding: -2px 0 0 3px;
			}

.sitelocation a:hover{
			color: white;
			}
			
/*loginform on gold bar*/
#loginform{ 
			padding: 9px 0 0 0;
			margin: -8px 0 0 0;
			height: 20px;
			float: right;
			}

#loginform .textinput{
			width: 85px;
			border: 1px solid #ffde77;
			padding: 0;
			margin: 0;
			font: 11px Verdana;
			height: 15px;
			text-align: center;
			}

#loginform .submit{
			font: 10px Verdana;
			color: #003366;
			height: 18px;
			width: 50px;
			background-image: url();
			margin: 5px 5px 0 0;
			padding: 0 0 0 0;
			}

#course-welcome-bar
{
	position:absolute;
	right:0;
	z-index:95;
	background-image: url(../img/goldbar.gif);
	padding-left:10px;
	padding-bottom:5px;
}
			
/*Welcome for user once logged in*/
.welcome 
{ 
	padding: 10px 0 0 0;
	margin: 0 8px 0 0;
}			
			
.logout 
{
	float: right;
	padding: 9px 0 0 0;
	margin: 0 5px 0 0;
	font-size: 80%;
}


/*STANDARD BODY SECTIONS*/
			
/*default side-bar menu*/
#side-bar{ 
			border-top: 0px solid white;
			clear: left;
			float:left;
			width: 20em;
			margin-top: 0px;
			padding: 0;
			border-collapse: collapse;
			border-right: 0px solid #003366;
			}

#side-bar .sidebartitle{
			font-weight: 0;
			margin:0;
			font-size: 1em;
			color: #003366;
			border-left: 0.7em solid #003366;
			border-bottom: 1px solid #003366;
			display: block;
			margin: 0;
			padding: 0.5em 0 0.75em 2mm;
			text-decoration: none;
			letter-spacing: 1px;
			}
			
#side-bar .sidebartitlelink{
			font-size: 0.8em;
			font-weight: 0;
			margin:0;
			color: #003366;
			border-left: 0.7em solid #003366;
			border-bottom: 1px solid #003366;
			display: block;
			margin-top: -1px;
			padding: 0.5em 5px 0.75em 2mm;
			text-decoration: none;
			letter-spacing: 1px;
			background-color: white;
			}
			
#side-bar #backbutton{
			color: #660033;
			text-decoration: none;
			margin: 0 0 5px 0;
			padding-right: 10px;
			padding-top: 20px;
			border-left: 0;
			border-bottom: 0;
			text-align: right;
			}

#side-bar #backbutton a:hover {
			color: #660033;
			text-decoration: underline;
			background-color: #FFFFFF;
			margin: 0 0 5px 0;
			padding-right: 10px;
			padding-top: 20px;
			border-left: 0;
			border-bottom: 0;
			text-align: right;
			}			
			
#side-bar ul {
			list-style-position:outside;
			list-style-type:none;
			margin:0;
			padding: 0;
			}

#side-bar li {
			margin:0;
			padding:0.1ex 0;
			}

#side-bar a{
			font-size: 0.85em;
			color: #003366;
			display: block;
			margin: 0;
			padding: 0.5em 0 0.75em 4mm;
			text-decoration: none;
			border-left: 0.7em solid #ffe188;
			/*border-bottom: 1px dotted dashed #003366;*/
			/*border-bottom: 1px solid #E5E9EE;*/
			background-image:url();
			letter-spacing: 1px;
			}

#side-bar a:hover {
			border-left: 0.7em solid #660033;
			color: #660033;
			background-color: #E5E9EE;
			text-decoration: none;
			}

#side-bar p{
			font-size: 0.85em;
			color: #003366;
			display: block;
			margin: 0;
			padding: 0.5em 0 0.75em 4mm;
			text-decoration: none;
			border-left: 0.7em solid #ffe188;
			border-bottom: 1px dotted dashed #003366;
			background-image:url();
			letter-spacing: 1px;
			}
			
#side-bar .disable{
			color: #CCCCCC;
			font-size: 0.85em;
			display: block;
			margin: 0;
			padding: 0.5em 0 0.75em 4mm;
			text-decoration: none;
			border-left: 0.7em solid #ffe188;
			border-bottom: 1px dotted dashed #003366;
			background-image:url();
			letter-spacing: 1px;
			}
			
#side-bar #active{
			color: #660033;
			font-size: 0.85em;
			display: block;
			margin: 0;
			padding: 0.5em 0 0.75em 4mm;
			text-decoration: none;
			border-left: 0.7em solid #660033;
			border-bottom: 1px solid #E5E9EE;
			letter-spacing: 1px;
			background-color: #E5E9EE;
			}

/*copy of active button style for javascript*/
#side-bar .active{
		color: #660033;
		font-size: 0.85em;
		display: block;
		margin: 0;
		padding: 0.5em 0 0.75em 4mm;
		text-decoration: none;
		border-left: 0.7em solid #660033;
		border-bottom: 1px solid #E5E9EE;
		letter-spacing: 1px;
		background-color: #E5E9EE;
		}			
			
#side-bar ul ul{
			margin-left: 0.6em;
			}
			
.registerImage{
			margin: 0 2px 0 0;
			padding: 0 0 0 0;
			width: 32px;
			height: 32px;
			vertical-align: middle;
			}
			
/*body section to work with side-bar*/			
#mainbody{ 
			border-left: 1px solid #003366;
			padding: 0 0 2em 1.5em;
			margin: 0 10px 0 20em;
			}	
#fullbody{ 
			padding: 0 0 2em 1.5em;
			margin: 0 10px 0 0em;
			}	


/*SPECIFIC BODY SECTIONS*/

/*body section to work with meetingbar menu area*/
#meetingbody{
			border-left: 1px solid #003366;
			padding: 0 0 5em 1.5em;
			margin: 0 0 0 40em;
			}
			
/*side-bar for 'live meeting' section*/
#meetingbarArea {
			/*border-top: 1px dotted dashed #003366;*/
			clear: both;
			width: 40em;
			margin: 0;
			padding: 0;
			float: left;
			/*border-right: 1px solid #003366;*/
			}
			
/*first menu bar*/
.bar1Area{ 
			margin: 0;
			padding: 0;
			width: 20em;
			float: left;
			}
			
/*second menu bar*/
.bar2Area{ 
			margin:0;
			padding: 0;
			width: 20em;
			float: right;
			}
			
/* Copy of the sidebar 'a' style to be assigned in the JS button switcher */
.meetingbarstandardbutton {
			font-size: 0.85em;
			color: #003366;
			display: block;
			margin: 0;
			padding: 0.5em 0 0.75em 4mm;
			text-decoration: none;
			border-left: 0.7em solid #ffe188;
			border-bottom: 1px dotted dashed #003366;
			background-image:url();
			letter-spacing: 1px;
			}

.meetingbarselectedbutton{
			font-size: 0.85em;
			color: #660033;
			display: block;
			margin: 0;
			padding: 0.5em 0 0.75em 4mm;
			text-decoration: none;
			border-left: 0.7em solid #660033;
			border-bottom: 1px dotted dashed #003366;
			background-image:url();
			letter-spacing: 1px;
}

/* Right-Hand menu for Home Page */
#home-bar {
			border-left: 0px solid #E5E9EE;
			clear: right;
			float:right;
			width: 200px;
			margin-top: 0px;
			margin-right: 10px;
			padding: 0 0 0 5px;
			border-collapse: collapse;
			height: 550px;
			margin-left: 0px;
			background-image: url(../img/home-barBg.png);
			background-repeat: no-repeat;
			}			

#home-bar ul {
			list-style-position:outside;
			list-style-type:none;
			margin:0;
			padding: 0 0 0 0;
			}

#home-bar li {
			margin:0;
			padding:0.1ex 0;
			}

#home-bar li a {
			font-size: 0.85em;
			color: #003366;
			display: block;
			padding: 0.5em 0 0.75em 4mm;
			text-decoration: none;
			border-left: 0.7em solid #ffe188;
			background-image:url();
			letter-spacing: 1px;
			text-align: left;
			margin-left: 2px;
			}

#home-bar li a:hover {
			border-left: 0.7em solid #660033;
			color: #660033;
			background-color: #E5E9EE;
			text-decoration: none;
			}


/*EXTRA FUNCTIONS*/
.hint 	{
		padding: 0;
		margin: 5px 0px 10px 5px;
		}



#activityQuestionForm{

			}
			
#activityQuestionForm .activityQuestionFieldset{
			border: 1px solid #fff0b4;
			padding: 20px 0 5px 0;
			width: 95%;
			}

#activityQuestionForm .activityQuestionLegend{
			color: #003366;
			font-weight: bold;
			background-color: white;
			padding: 0;
			margin-bottom: 5px;
			}
			
#activityQuestionForm .activityQuestionLabel{
			padding: 0;
			margin-left: 10px;
			}

#activityQuestionForm .activityQuestionLabelCorrect{
			padding: 0;
			margin-left: 10px;
			background-color: #33FF99;
			
			}

/*eCME - Activity control bar*/
#control-bar{ 
			width: 98%;
			background: transparent;
			voice-family: "\"}\"";
			voice-family: inherit;
			border-top: 0 solid #003366;
			border-bottom: 1px solid #003366;
			border-left: 10px solid #003366;
			margin: 10px 0 0 0;
			padding: 0;
			}

#control-bar ul{
			font: bold 0.9em Arial;
			/*margin-left: 500px; /*margin between first menu item and left browser edge*/ */
			/*margin-top: 30px;*/
			padding: 0;
			list-style: none;
			float: left;
			margin: 0;
			}

#control-bar li{
			display: inline;
			margin: 0;
			padding: 0;
			/*text-align: right;*/
			/*text-transform:uppercase;*/
			}

#control-bar a{
			float: left;
			display: block;
			color: #003366;
			padding: 7px 0px;
			text-decoration: none;
			letter-spacing: 1px;
			border: 1px solid white;
			width: 12em;
			height: 1.2em;
			text-align: center;
			}

#control-bar a:hover, a:focus{ 
			color: #cc9900;
			}

#control-bar .next{
			float: right;
			}
			
/*Live Meetings - Venue map direction form*/
#venueDirectionForm{
			width: 700px;
			height: 40px;
			background-color: #e5e9ee;
			border-right: 1px solid #003366;
			border-left: 1px solid #003366;
			border-bottom: 1px solid #003366;
			padding: 0 0px 0 0px;
			margin: 0 0 15px 3px;
			text-align: center;
			}
			
#directionForm{ 
			padding-top: 10px;
			margin: 0 5px 0 5px;
			text-align: center;
			}
			
#directionForm .textinput{
			width: 80px;
			border: 1px solid gray;
			padding: 0;
			margin: 0;
			font: 11px Verdana;
			height: 15px;
			text-align: center;
			}

#directionForm .submit{
			font: 10px Verdana;
			color: #003366;
			height: 18px;
			width: 120px;
			background-image: url();
			padding: 0;
			margin: 0 0 0 0;
			}
			
#directionForm #directionDetails{
			}			
			

/*Image enlarger lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
	
/*FOOTER SECTIONS*/

#footer{ /*website footer*/
			border-top: 2px solid #ffe79e;
			padding: 5px 0 0 0;
			margin: 0 0 0 0;
			text-align: center;
			font-size: 85%;
			color: #003366;
			clear: both;
			background-color: white;
			}

#footer a{
			color: #003366;
			text-decoration: none;
			}

#footer a:hover{
			color: #cc9900;
			}
			
			
/*Styled Boxes*/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../img/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}			


/*Course styles*/

	
#course_bar_wrapper 
{ /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
	height:30px; /* fix bar's height */
	width:100%; /* use 100% of width */
	
	/* the code below will PUT the bar at the bottom */	
	bottom:0px;
	position:fixed;
	
	/* hide scrollbar for this wrapper */
	overflow:hidden;
	z-index:99;
}

#course_bar_wrapper #course_bar 
{ /* the menu itself */
	height:30px; /* fix bar's height */
	/*width:100%; /* fixed width */

	/* center this div */
	margin-left:30px;
	margin-right:30px;	
	
	padding: 0;
	
	/* add effect */
	/*background-color:#660033;*/
	background-image: url(../img/blueFooterBar.gif);
	border:#ffe79e solid 1px;
	overflow:hidden;
}

#course_bar_wrapper #course_bar a
{
	text-decoration: none;
	overflow:hidden;
}


#course_bar_wrapper #course_bar .end_button
{
	margin: 0;
	height: 30px;
	padding-top:7px;
	width: 100px;
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	color:#003366;
	background-image: url(../img/goldbarButton.gif);
}

#course_bar_wrapper #course_bar .end_button a
{
	color:#003366;
}


/*
 * menu links and link effects
 */
#course_bar_wrapper #course_bar ul 
{
	list-style:none;
	padding:0;
	margin:0;
}
	
#course_bar_wrapper #course_bar li 
{
	display:block;
	float:left;
	background:url(/img/goldSep.gif) 0 0 repeat-y;
	margin:0 4px 0 -4px; /*use negative margin-left to hide the background image*/
	zoom:1; 
	height:30px;
}

#course_bar_wrapper #course_bar li a 
{
	font-size: 11px;
	font-weight:bold;
	color:white;
}

#current_activity_bar
{
	position: fixed;
	margin: 0 131px 0 338px;
	padding: 0;
	z-index: 100;
	bottom: 0px;
	height: 29px;
}

#current_activity_bar #current_activity_number
{
	width: 35px;
	margin-left:2px;
	margin-right:8px;
	background-image: url(../img/redbarButton.gif);
	padding-top:7px;
	height: 29px;
	text-align: center;
	position: absolute;
}

#current_activity_bar #current_activity_text
{
	margin: 0;
	height: 15px;
	padding-top:7px;
	padding-left: 45px;
	float: left;
	overflow:hidden;
}

#current_activity_bar a
{
	color: white;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#CourseTimerBox
{
	width: 60px;
	border: 0;
	font: 11px Verdana;
	height: 15px;
	text-align: center;
	background-color: transparent;
	margin: 7px 0 0 0;
	padding:0;
	color: white;
	font-weight:bold;
}

#progress_menu_area
{
	position: fixed; 
	bottom: 30px;
	width:100%;
	z-index:98;
	margin-left: 338px; 
}

#help_menu_area
{
	position: fixed; 
	bottom: 30px;
	width:338px;
	z-index:98;
}

.menu_area
{
	border-top:1px solid #ffe79e;
	border-left:1px solid #ffe79e;
	border-right:1px solid #ffe79e;
	padding:0;
	margin:0;
}

.menu_area ul 
{
	list-style:none;
	color:#003366;
	/*margin-left:0px;*/
	/*background-color: #ffe79e;*/
	/*background-color: #E5E9EE;*/
	padding:0;
	margin:0;
}

.menu_area li 
{
	height:30px;
	zoom:1;
	/*border-bottom:1px solid #ffe79e;*/
	/*padding:10px 0 0 0;*/
	margin:0;
	padding:0;
	/*background-repeat:x-axis;*/
	border-bottom:1px solid #003366;
}

.menu_area .enabled_option
{
	background-color:white;
	margin:0;
	padding:0;
	height:30px;
	
}

.menu_area .enabled_option :hover
{
	background-color: #e2e2e2;
	text-decoration: none;
}

.menu_area .current_option
{
	background-color:#fed65a;
	margin:0;
	padding:0;
	height:30px;
}

.menu_area .disabled_option
{
	background-image: url(../img/disabledBG.gif);
	margin:0;
	padding:0;
	height:30px;
	cursor: default;
	-moz-user-select: none;
}

.menu_area .enabled_option .menu_option_header
{
	width:32px;
	margin:0 0px 0 0px;
	text-align: center;
	color:black;
	border-right: 1px dotted black;
	height:23px;
	padding:7px 2px 0 0;
	float:left;
}

.menu_area .enabled_option .menu_option_body
{
	height:23px;
	padding:7px 2px 0 8px;
	margin:0;  
}

/*
.menu_area li .enabled_option .menu_option_body a
{
	color:#003366;
	text-decoration:none;
}
*/

.menu_area .current_option .menu_option_header
{
	width:32px;
	margin:0 8px 0 0px;
	text-align: center;
	color:black;
	border-right: 1px dotted black;
	height:23px;
	padding:7px 2px 0 0;
	/*background-image:url(../img/redbarButton.gif);*/
	/*background-color:red;*/
	float:left;
}

.menu_area .current_option .menu_option_body
{
	height:23px;
	padding:7px 2px 0 0;
	margin:0; 
}

.menu_area .current_option .menu_option_body a
{
	color:#003366;
	text-decoration:none;
}

.menu_area .disabled_option .menu_option_header
{
	width:32px;
	margin:0 8px 0 0px;
	text-align: center;
	border-right: 1px dotted black;
	height:23px;
	padding:7px 2px 0 0;
	/*background-color:red;*/
	float:left;
	font-style:italic;
	color:gray;
}

.menu_area .disabled_option .menu_option_body
{
	height:23px;
	padding:7px 2px 0 0;
	margin:0; 
	font-style:italic;
	color:gray;
}

#course_bar_wrapper #course_bar .text
{
	margin: 0;
	height: 30px;
	padding-top:7px;
}


.CourseMCQQuestionBox
{
	border:1px solid black; 
	margin:20px 100px 20px 100px; 
	text-align:center; 
	padding:0px;
}

.CourseMCQQuestionBoxHeader
{
	border-bottom:1px solid black; 
	margin:0; 
	background-color:#003366;
}

.CourseMCQQuestionBoxNumber
{
	background-color:#003366; 
	color:#CC9900; 
	width:50px; 
	padding:8px 10px 8px 10px; 
	font-weight:bold; 
	font-size:16px; 
	float: left;
}

.CourseMCQQuestionBoxTitle
{
	text-align:center; 
	background-color:#fed65a; 
	padding:10px; 
	font-weight:bold; 
	color:#003366; 
	margin:0px 0px 0px 70px;
}

.CourseMCQQuestionBoxAnswers
{
	text-align:left; 
	padding:0px 10px 0px 10px;
}

#current_activity_bar #coffeebreak_title_text
{
	margin: 0;
	height: 29px;
	padding-top:7px;
	padding-left: 10px;
	float: left;
	overflow:hidden;
	-moz-user-select: none;
}

#biog_menu_area
{
	position: fixed; 
	bottom: 30px;
	width:100%;
	z-index:101;
}

#biog_area
{
	border-top:1px solid #ffe79e;
	border-left:1px solid #ffe79e;
	border-right:1px solid #ffe79e;
	padding:0;
	margin:0;
	border: 1px solid #fed65a;
}

#biog_header
{
	background-image: url(../img/bluereverse.gif);
	height: 23px;
	-moz-user-select: none;
	color: white;
	padding-top: 7px;
	padding-left: 10px;
}

.biog_body
{
	padding: 10px;
	overflow: auto;
	background-color: white;
}
</style>
