/* body and page format information*/

*
{
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
}

html, body 
{
	margin: 0;
	height: 100%;
}

body 
{
	margin: 0;
	padding: 0;
	font-size: 10pt;
	height: 100%;
}

P
{
	font-size: 10pt;
}



.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -84px; /* the bottom margin is the negative value of the footer's height and the progress bar's height' */
}


/* header */
.header {
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	/*height: 82px;*/
	height: 96px;
	padding: 0px;
	margin: 0px;
	/*background-color: #ffffff;*/
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(commonimages/n_top-bg.png);
}

.topline 
{
	margin: 0;
	background-repeat: repeat-x;
	/*background-color: #ffffff;*/
	position: absolute;
	margin-bottom: 0px;
	padding-bottom: 0px;
	right: 0px;
	left: 0px;
	/*top: 80px;*/
	top: 94px;
	width: 100%;
	height: 5px;
	background-image: url(commonimages/line-top.gif);
}

.logo {
	position: absolute;
	top: 5px;
	left: 10px;
	background-color: Transparent;
	background-position: left;
	background-repeat: no-repeat;
	height: 80px;
	width: 160px;
	margin: 0;
	padding: 0;	
	
}

/* nav menu items */

.menubox 
{
	margin: 0;
	position: absolute;
	top: 4px;
	right: 5px;
	background-color: Transparent;
	background-position: right;
	background-repeat: no-repeat;
	height: 80px;
	width: 300px;
	margin-right: 25px;
	padding: 0px;	
	text-align: right;
}

.menubox ul.topmenubuttons
{
	margin: 0;
	margin-top: 10px;
	margin-left: 16px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
	text-align: right;
}

.menubox ul.topmenulinks
{
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 11pt;
	margin-top: 10px;
}

.menubox ul.topmenulinks li a
{
	text-decoration: none;
	font-weight: bold;
	color: #2e3268;
}

.menubox ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

.content
{
	padding-left: 15px;
	padding-right: 15px;
	clear: both;
}

/* footer */
.footer, .push {
	height: 50px; /* .push must be the same height as .footer */
}

.footer 
{
	margin: 0;
	background-attachment: left;
	background-repeat: repeat-x;
	background-image: url(commonimages/n_bottom-bgdk.jpg);
}

/* course title text */
.footer p 
{
	margin: 0;
	color: #515151;
	text-align: left;
	line-height: 12px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 390px;
	font-size: 9pt;
	
}

/* nav links in the footer */
.footermenu 
{
	margin: 0;
	position: relative;
	bottom: 5px;
	right: 4px;
	text-align: right;
	font-size: 11pt;
	font-weight: bold;
	color: #2d2e66;
	line-height: 10px; 
	padding-right: 15px;
	
}

.footermenu ul
{
	margin: 0;
}

.footermenu ul li 
{
	margin: 0;
	display: inline;
	list-style: none;
	padding: 2px;
}

.footermenu a 
{
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	color: #2d2e66;
	font-size: 10pt;
}

.footermenu a:hover 
{
	margin: 0;
	text-decoration: underline;
}

/* progress bar */


.progressholder 
{
	margin: 0;
	height: 34px; /* the negative sum of .progressholder and .footer must be set as the margin of .wrapper for things to flow properly */
	padding-right: 15px;
}

.progress 
{
	margin: 0;
	float: right;
	width: 200px;
}

.clearfloats
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

P.pagetitle
{
	font-weight: bold;
	color:#2e3268;
	font-size: 14pt;
}
	
input.coursebutton
{
	background-image:url(commonimages/blankcoursebutton.png);
	border: 0;
	cursor: pointer;
	color:#fff;
    font-size:10pt;
    font-weight:bold;
    width: 150px;
    height: 25px;
    letter-spacing: 1px;
}

input.admin 
{
	color:#ffffff;
	background-color: #2e3268;
	background-image: url(commonimages/button_bg.jpg);
	font-size:9pt;
	font-weight:bold;
	border: 2px solid;
	border-color: #cccccc #000000 #000000 #cccccc;
	cursor: pointer;
}

input.adminhover
{
	border: 0;
	border: 2px solid;
	border-color: #000000 #cccccc #cccccc #000000;

}

.bgpadding
{
	max-width: 600px;
}

table.onscreenreport
{
	border: 0;
}
	
table.onscreenreport tr td
{
	border: 0;
	padding: 6px 8px 6px 8px;
	text-decoration: none;
	font-size: 9pt;
    border-bottom: solid 1px #ddd;
}

table.topandbottomborderonly
{

}

table.topandbottomborderonly tr td
{
    
}

table.onscreenreport tr.reportheader
{
	/*background-color: #ccc;*/
}

table.onscreenreport tr.reportheader td
{
	font-weight: bold;
	color: #000;
    border-bottom: solid 1px #999;
    padding: 8px 8px 0px 8px;
}

table.onscreenreport tr.reportheader td a
{
	text-decoration: none;
	color: #000;
}

table.sortable tr.reportheader td
{
    cursor: pointer;
}

table.sortable tr.reportheader td.unsortable
{
    cursor: default;
}

table.noborder, table.noborder tr, table.noborder tr td
{
    border: 0;
}

tr.odd
{
    background-color: #ddddFF;
}

p.maintitle
{
	font-weight: bold;
	color:#2e3268;
	font-size: 16pt
}

p.author
{
	font-weight: normal;
	font-style:italic;
	color:#000000;
	font-size: 12pt
}
	
img.courseright
{
	position:static;
	float:right;
	clear:right;
	margin-right: 0px;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 30px;
	border-bottom-width: 20px;
	
}

img.courseleft 	
{
	float:left;
	clear:left;
	position:static;
	margin-left: 0px;
	margin-right:10px;
	margin-bottom:10px;
	border-style: solid;
	border-color: #ffffff;
	border-right-width: 30px;
	border-bottom-width: 20px

}

div.courseright
{
	position:static;
	float:right;
	clear:right;
	margin-right: 0px;
	/*
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 30px;
	border-bottom-width: 20px
	*/
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 20px;
}

div.courseleft 	
{
	float:left;
	clear:left;
	position:static;
	margin-left: 0px;
	margin-right:10px;
	margin-bottom:10px;
	/*
	border-style: solid;
	border-color: #ffffff;
	border-right-width: 30px;
	border-bottom-width: 20px
	*/
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;

}
	
span.courseright
{
	position:static;
	float:right;
	clear:right;
	margin-right: 0px;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 30px;
	border-bottom-width: 20px
	
}

span.courseleft 	
{
	float:left;
	clear:left;
	position:static;
	margin-left: 0px;
	margin-right:10px;
	margin-bottom:10px;
	border-style: solid;
	border-color: #ffffff;
	border-right-width: 30px;
	border-bottom-width: 20px

}

p.caption
{
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 15px;
}
	
p.feedbacktitle
{
	margin-top: 30px;
	margin-bottom: 5px;
	color:#2e3268;
	font-weight: bold
}
	
p.instructions
{	
	margin-top: 5px;
	margin-bottom: 15px;
	font-style: italic;
	font-size: 10pt
}
	
select
{
	font-size:10pt
}
	
select.matchingshowcorrect
{
	background-color:#ffffcc;
		
}
	
	
.pagenumber
{
	text-align: center;
	color: #999999;
}
	
P.provideanswer
{
	font-style:italic;
	color:#ff0000;
}

TABLE.courseelements
{
	width: 400px;
}	

TABLE.courseelements TR TD
{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.infobox
{
	border: 1px solid;
	border-color: #999999;
	padding: 2px;
    background-color: #ddddFF;
}

DIV.ajaxbox
{
	overflow: auto;
	z-index: 5;
	position: absolute;
	top: 100px;
	left: 100px;
	width: 400px;
	/*height: 300px;*/
	border: 1px solid;
	border-color: #999999;
	border-top-color: #2e3268;
	padding: 0;
	/*
	background-image:url(commonimages/transparent-lightblue.png);
	_background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transparent-lightblue.png');
	*/
    background-color: #e4edf2;
}

DIV.ajaxbox #ajaxheader
{
	
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	cursor: move;
	/*
	background-image:url(commonimages/transparent-blue.png);
	_background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transparent-blue.png');
	*/
    background-color: #ccccff;
}

DIV.ajaxbox #ajaxheader A
{
	font-weight: bold;
	color: #2e3268;
	text-decoration: none;
	cursor: hand;	
}

DIV.ajaxbox #ajaxinside
{
	/*background-color: #ffffff;*/
	/*overflow : auto; */
	border-top: 1px solid;
	border-top-color: #2e3268;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.exploratorymccell
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
}

A.exploratorymc
{
	text-decoration: none;
}

UL.ajaxtoc
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

UL.ajaxtoctopics LI
{
	padding-left: 0px;	
	font-weight: bold;
}

UL.ajaxtocsubtopics LI
{
	padding-left: 10px;	
	font-weight: normal;
	font-style: italic;
}

UL.ajaxtocpages
{
	list-style-type: disc;
	padding-left: 30px;
}

UL.ajaxtocpages LI
{
	padding-left: 0px;
	font-weight: normal;
	font-style: normal;

}

UL.ajaxtocpages LI.visited
{
	list-style-type: circle;
}

UL.ajaxtoc LI A
{
	color: #000000;
	text-decoration: none;
}

UL.ajaxtoc LI A.visited
{
	color: #999999;	
}

UL.ajaxtoc LI A:hover
{
	color: #ff0000;
	text-decoration: underline;
}

table.jobaid 
{
	border-width: 1px 1px 0px 0px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #ccc;
}

table.jobaid TR.job-alt
{
	border-width: 1px 1px 0px 0px;
	border-style: inset;
	background-color: #eee;
}

table.jobaid TR.job-header
{
	border-width: 1px 1px 0px 0px;
	border-style: inset;
	background-color: #2e3268;
	color: #fff;
	font-weight: bold;
}

table.jobaid tr 
{
	border-width: 1px 1px 0px 0px;
	border-style: inset;
	background-color: #fff;
}

table.jobaid td 
{
	border-width: 0px 0px 1px 1px;
	padding: 6px;
	border-style: inset;
}

table.jobaid TR.job-pale
{
	border-width: 1px 1px 0px 0px;
	padding: 6px;
	border-style: inset;
	background-color: #eeeeee;
}

.subfile
{
	font-size: 10pt; 
	margin: 0; 
	font-weight: bold;
	color: #0000ff;
	text-decoration: none;
}

.subfile:hover
{
	color: #ff0000;
}

.adminpagetitle
	{
		color: #333333;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: none;	
	}

.adminlessertitle
	{
		color: #333333;
		font-size: 10pt;
		font-weight: bold;
		text-decoration: none;		
	}
	
	
.sortheader
{
	color: #ffffff;
	text-decoration: none;
	border: 0;
}
	
/* Student / Site Admin Layout */

body.admin
{
	background-image: url(commonimages/bluebg.jpg);
	background-repeat: repeat-x;
	background-color: #908fd5;
}


/* very top */
.welcome {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 40px;
	top: 5px;
	font-size: 10pt;
	color: #ffffff;
	
}

.logout {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 35px;
	top: 5px;
	/*background-image: url(commonimages/logout.jpg);*/
	color: #fff;
	background-repeat: no-repeat;
	width: 79px;
	height: 20px;
}

.logout a {
	margin: 0;
	padding: 0;
 	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	padding-left: 17px;
	/*color: #000000;*/
	color: #fff;
	text-decoration: none;
}

/* center column */

.center 
{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 20px;
	right: 20px;
	top: 25px;
	bottom: 0px;
	background-color: #ffffff;
	height: 100%;
}

div.innerpadding
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 0px;
	background-color: #ffffff;
}

.lcorner {
	margin: 0;
	padding: 0;
 	z-index: 1;
	position: absolute;
	left: 20px;
	top: 25px;
	background-image: url(commonimages/lcorner.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 11px;
	
}

.rcorner {
	margin: 0;
	padding: 0;
 	z-index: 1;
	position: absolute;
	right: 20px;
	top: 25px;
	background-image: url(commonimages/rcorner.gif);
	background-repeat: no-repeat;
	background-color: none;
	width: 11px;
	
}

/* top bar */

.headeradmin {
	margin: 0;
	padding: 0;
	background-image: url(commonimages/top.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	background-position: right;
	height: 106px;
}

.line {
	margin: 0;
	padding: 0;
	background-image: url(commonimages/line-top.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height: 5px;
}

.headeradmintext {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 35px;
	/*width: 350px;*/
	height: 20px;
	text-align: right;
	font-size: 14pt;
	font-weight: bold;
	color: #6d6d6d;
}

/* navigation tabs */
.tabs {
	margin: 0;
	padding: 0;
 	z-index: 1;
  	position: absolute;
  	top: 110px;
	left: 30px;
	height: 21px;
}

.tabs ul
{
	margin: 0;
	padding: 0;
	margin-left: 25px;
	display: inline;
}


.tabs ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;

}

a.tabclosed {
	margin: 0;
	padding: 0;
 	float: left;
	width: 115px;
	height: 21px;
	background-image: url(commonimages/tab-closed.gif);
	background-repeat: no-repeat;
	background-color: none;
	font-size: 12px;
	padding-top: 4px;
	margin-left: 1px;
	margin-right: 1px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

a.tabclosed:hover {
	background-image: url(commonimages/tab-lit.gif);
}

a.tabopen {
	margin: 0;
	padding: 0;
 	float: left;
	width: 115px;
	height: 37px;
	background-image: url(commonimages/tab-open.gif);
	background-repeat: no-repeat;
	background-color: none;
	font-size: 12px;
	padding-top: 4px;
	margin-left: 1px;
	margin-right: 1px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	text-decoration: none;
}


div.adminfooter
{
	margin: 0;
	padding: 0;
	height: 30px;
	background-color: url(commonimages/button_bg.jpg);
}

/* End Student / Site Admin Layout */


P.adminmainlink
	{
		font-size: 10pt;
		margin-left: 20px;
	}

P.adminmainlink A
	{
		font-size: 10pt;
		text-decoration: none;
		color: Blue;
	}
	
P.adminmainlink A:hover
	{
		color: Red;
	}
	
P.reportconsoletitle
	{
		font-size: 10pt;
		font-weight: bold;
	}
	
P.numberofrowsreturned
	{
		margin-top: 5px;
		margin-left: 20px;
		font-size: 8pt;
		font-weight: bold;
	}
	
SPAN.good
	{
		color: #0000ff;
	}
	
SPAN.bad
	{
		color: #ff0000;
	}
	
.commentdiv
	{
		width: 250px;
		height: 100px;
		border: 1px solid;
		border-color: #dddddd;
		background-color: #9baeff;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 5;
	}
	
div.calloutbox
{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	
	border: solid 1px #dedede;
	background-color: #f5f5ff;
}

div.calloutheader
{
	color: #565656;
	background-color:#f5f5f5;
	
	padding: 2px;
	height: 20px;
	font-weight: bold;
	font-size: 10pt;
}

div.calloutbody
{
	font-size: 10pt;	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	border-top: solid 1px #dedede;
}

div.refbody
{
	font-size: 8pt;	
}

P.roleid
{
	font-size: 9pt;
	font-weight: bold;	
	margin: 0;
}

TABLE.selectortabs
{
	background-color: #ffffff;
}

TABLE.selectortabs TR TD
{
	background-color: #bbbbff;
	border-right: solid 5px #ffffff;
}

TABLE.selectortabs TR TD.selectortabon
{
	background-color: #2e3268;
}

TABLE.selectortabs TR TD.selectortabnone
{
	background-color: #ffffff;
}

TABLE.selectortabs TR TD.selectorbarrier
{
	background-color: #2e3268;
}

TABLE.selectortabs TR TD A
{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	cursor: hand;
}

TABLE.selectortabs TR TD A:hover
{
	color: #ff0000;
}

A.footerlinks
{
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	cursor: hand;
	text-decoration: none;
}

table.noborder
	{
		border: 0;	
	}
	
table.noborder tr td
	{
		border: 0;
	}
	
table.onscreenreport tr td a
{
	text-decoration: none;
	color: #0000ff;
}

a.correctanswer
{
	background-color: #ffffcc;
}

p.viewexamquestion
{
	font-weight: bold;
}

div.studentnavmenu
{
	margin: 0;
	margin-bottom: 10px;
}

div.studentnavmenu a
{
	margin: 0;
	margin-right: 5px;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	background-color: #2e3268;
	color: #ffffff;
	padding: 5px;
	font-weight: bold;
	border: solid 1px #000000;
}

div.studentnavmenu a.active
{
	background-color: #ffffff;
	color: #2e3268;
}

div.studentnavmenu a:hover
{
	background-color: #666699;
	color: #ffffff;
}

span.categoryspan
{
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	margin-top: 20px;
}

/* BUTTONS */

.cutebuttons a, .cutebuttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    /*font-size:100%;*/
    font-size:8pt;
    line-height:100%;
    text-decoration:none;
    /*font-weight:bold;*/
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.cutebuttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.cutebuttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.cutebuttons button img, .cutebuttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.cutebuttons a.tiny, .cutebuttons button.tiny{
    line-height:60%;
}

.cutebuttons a.active, .cutebuttons button.active {
    background-color: #ddddff;
}

.cutebuttons a.studentnav, .cutebuttons button.studentnav {
    font-weight: bold;
}

.cutebuttons a.cutebutton {
    color:#565656;
    /*width: 100px;*/
    white-space: nowrap;
}

button:hover, .cutebuttons a.cutebutton:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

button:hover, .cutebuttons a.studentnav:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

div.breadcrumbdiv
{
	margin: 0;
	margin-top: 15px;
}

div.breadcrumbdiv a
{
	color: Blue;
	text-decoration: none;
	font-size: 9pt;
}

div.breadcrumbdiv a:hover
{
	color: red;
}

div.subadmindiv
{
	margin: 0;
	margin-top: 15px;
	font-size: 9pt;
}

#aspnetForm
{
	margin: 0;
	padding: 0;
}

.helpdiv
{
	font-size: 9pt;
	margin-top: 10px;
	border: solid 1px #dddddd;
	background-color: #eeeeee;	
	padding: 3px;
}

.helpdiv p
{
	font-size: 9pt;
}

.helpdiv a
{
	font-size: 9pt;
}


div.sortableTasks div
{
	cursor: move;
	border: dashed 1px #cccccc;
	padding:4px;
	margin-top: 2px;
}
 
ul.sortableSubtasks
{
	list-style-type:none;
    margin:0;
    padding:0;
}

ul.sortableSubtasks li
{
     margin-top: 1px;
     margin-left:20px;
     padding-left:20px;
     padding:4px;
     cursor:move;
     border: dashed 1px #cccccc;
}

div.unsortableTasks div
{
	border: 0;
	padding:4px;
	margin-top: 2px;
}
 
ul.unsortableSubtasks
{
	list-style-type:none;
    margin:0;
    padding:0;
}

ul.unsortableSubtasks li
{
     margin:0;
     margin-left:20px;
     padding-left:20px;
     padding:4px;
     border: 0;
}

a.clickable
{
	color: Blue;
	cursor: hand;
	text-decoration: none;
}

a.clickable:hover
{
	color: Red;
	text-decoration: underline
}

.webpreview
{
	width: 500px;
	background-color: #eee;
	padding: 5px;
	border: solid 1px #2e3268;
}

.printable, .printable tr
{
	background-color: #ffffff !important;
}

.printable tr.job-header, .printable tr.job-pale
{
	background-color: #dddddd !important;
}

.printable tr td p.maintask 
{
	color: #000000 !important;
}

.checklistcommentsprintable
{
	
}

.hoverdroppable
{
	background-color: #ffa;	
}

div.pageinstructions
{
	font-size: 9pt;
	margin-top: 15px;
	border-bottom: dashed 1px #ddd;
	/*
	border: solid 1px #ddd;
	background-color: #efefef;
    */
	padding: 3px;
	margin-bottom: 15px;
}

.stepheader
{
	font-size: 11pt;
}

span.minitext
{
	font-size: 8pt;
}

div.formborder
{
	border: solid 1px #565656;
	margin: 0;
	padding: 0;
}

div.formheader
{
	margin: 0;
	padding: 5px;
	background-color: #dddddd;	
	/* color: #565656; */ color: #000000;
	border-bottom: solid 1px #565656;
	font-weight: bold;
}

div.formfooter
{
	margin: 0;
	padding: 5px;
	background-color: #dddddd;	
	/* color: #565656; */ color: #000000;
	border-top: solid 1px #565656;
	text-align: center;
}

div.errormessage
{
	margin: 5px;
	padding: 5px;
	margin-left: 20px;
	margin-right: 20px;
	border: dashed 2px #ff9999;
}

td.step_row
{
	font-size: 12pt;
	font-weight: bold;
	color: #2e3268;
	padding-top: 15px;
	padding-bottom: 10px;
}

.gotostudenthome {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 135px;
	top: 5px;
	width: 125px;
	height: 20px;
	text-align: center;
	color: #fff;
}

.gotostudenthome a {
	margin: 0;
	padding: 0;
 	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
}

.gotostudenthome_active {
	background-image: url(commonimages/gotostudenthome.jpg);
}

.gotostudenthome_active a {
    color: #000;
}


.top_section_navlinks 
{
    margin: 0;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 5px;
	/*width: 350px;*/
	height: 20px;
	text-align: right;
	color: #fff;
}

.top_section_navlinks a
{
    padding-bottom: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 10pt;
    margin-right: 5px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    
}

.top_section_navlinks a:hover
{
    color: #f00;
    text-decoration: underline;
}

.top_section_navlinks a.current
{
    background-color: #ffc;
    color: #000;
    font-weight: bold;
}


/* Checklist CSS */

.checklisthead
{
    font-weight: bold;
    font-size: 9pt;   
}

span.checklistheadbigger
{
    font-size: 10pt;   
    font-weight: bold;
}

div.checklistcomments
{
    text-align: center;
    font-size: 9pt;
}

textarea.checklistcomments
{
    font-size: 9pt;
}

div.checklistcomments .checklistcommentsheader
{
    font-weight: bold;
}

span.maintask
{
    font-weight: bold;   
}

table.checklist
{
    
}

table.checklist tr td
{
    border: 0;
    border-bottom: dashed 1px #ccc;
}

table.checklist tr.checklistheader td
{
    border-top: dashed 1px #ccc;
    text-align: center;
}

div.pagebodywrapper div
{
    padding-top: 5px;
    padding-bottom: 5px;
}

div.sortable div
{
    cursor: move;
	border: dashed 1px #cccccc;
	padding:4px;
	margin-top: 2px;
}

div.ddSection {
    border: 2px solid #CCCCCC;
    margin: 30px 5px;
    /*padding: 0px 0px 10px 0px;*/
    padding: 0px 10px 10px 10px !important;
    background: url('../commonimages/drag_background.jpg');
    background-color: #eee;
    background-position: center bottom;
    background-repeat: no-repeat;
    float: left;
    width: 300px;
}

.hoverOK {
    border: 2px solid #ff0 !important;
    /*background-color: #ffe !important;*/
}

div.blankBox {
    border: 0;
    background-color: #fff;
    background: none;
}

div.ddSection h3{
    font-size: 14px;
    padding: 2px 5px;
    margin: 10px 0 10px 0;
    background-color: #CCCCCC;
    display: block;
}

div.lineitem {
    cursor: move;
    border: dashed 1px #cccccc;
    padding:4px;
    margin-top: 2px;
    display: block;
}

/* ML Tables for CourseBuilder */

.mltable {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
		
.mltable tr:first-child {
	background-color: #2e3268 !important;
	color: #ffffff;
	font-weight: bold;
}
			
.mltable td {
	border-color: #cccccc;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	padding: 6px;
}
			
.mltable tr:nth-child(even) {
	background-color: #ffffff;
}
			
.mltable tr:nth-child(odd) {
	background-color: #eeeeee;
}