* { margin: 0; padding: 0; }

body {
	text-align: center;
	font: 65%  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	background-color: #FFF;
}

img { border: 0; }

div.clear { height: 0; line-height: 0px; clear: both; }
.float-left { float: left; }
.float-right { float: right; }

a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { margin: 0 auto; padding: 0; width: 960px; min-height: 100%; height: auto !important; height: 100%; }

#header { margin: 0; padding: 0; width: 960px; height: 280px; }

#formtitle {
	margin: 20px 0 0 0;
	padding: 0 20px;
	width: 390px;

}




/*------------------------------------------------------------------------------------------------------*/
/*------------------------------ content ---------------------------------------------------------------*/

#content {
	margin: 0;
	padding: 0;
	width: 780px;
	text-align: left;
	float: left;
}

#content #contentText {
	margin: 20px 0 0 0;
	padding: 0 20px;
	width: 910px;
	float: left;
}

#content #confirmbox {
	width: 600px;
	float: left;
	padding-right: 3px;
	padding-left: 3px;
}

#content h1 { margin: 15px 0 10px 0; padding: 0; color: #13A7CD; font-weight: bold; font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; }
#content h2 { margin: 5px 0 0 0; padding: 0; color: #13A7CD; font-weight: bold; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; }
#content h3 { margin: 5px 0 10px 0; padding: 0; color: #13A7CD; font-weight: bold; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
#content h4 { margin: 5px 0 10px 20px; padding: 0; color: #13A7CD; font-weight: bold; font-size: 1 em; font-family: Arial, Helvetica, sans-serif; }
#content h5 {
	margin: 15px 0 10px 0px;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
}

#content b { color: #13A7CD; font-weight: normal; }
#content p {
	margin: 20px;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 1.6em;
}
#content a { color: #003670; font-weight: bold; font-size: 11px; }
#content ul { margin: 10px 10px 10px 20px; padding: 0; list-style: none; font-size: 1.1em; color: #333333; }
#content ul li { margin: 0; padding: 0 0 0 15px; list-style: none; line-height: 1.8em; }

#content ol { margin: 10px 10px 10px 50px; padding: 0; font-size: 1.1em; color: #333333; }
#content ol li { margin: 0; padding: 0 0 8px 0; line-height: 1.8em; }



#content .column { margin: 0; padding: 0; width: 360px; float: left; }
#content .column span {  margin: 20px; padding: 0; font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.6em; }

#content .steps { margin: 10px 0 20px 0; }


#content th { padding: 0 5px 0 20px; font-size: 1.1em; font-weight: bold; color: #333333; line-height: 1.6em; vertical-align: top; }
#content td { padding: 0 5px 5px 20px; font-size: 1.3em; font-weight: normal; color: #333333; line-height: 1.6em; vertical-align: top; }


/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.blarge {
	font-size: 12px;
	font-weight: bolder;
	color: #333;
}

.bsmall {
	font-size: 11px;
	font-weight: bolder;
	color: #CCC;
}

#content #red h1, #content #red h2, #content #red h3, #content #red h4, #content #red b { color: #ED1556; }

#content #green h1, #content #green h2, #content #green h3, #content #green h4, #content #green b { color: #8BB71D; }

#content #purple h1, #content #purple h2, #content #purple h3, #content #purple h4, #content #purple b { color: #AB2DC1; }

#content #orange h1, #content #orange h2, #content #orange h3, #content #orange h4, #content #orange b { color: #F47D30; }

#content #brightblue h1, #content #brightblue h2, #content #brightblue h3, #content #brightblue h4, #content #brightblue b { color: #13A7CD; }

#content #darkblue h1, #content #darkblue h2, #content #darkblue h3, #content #darkblue h4, #content #darkblue b { color: #276F87; }

/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/

.red {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}

.largeboxtext {
	font-size: 14px;
	font-weight: bold;
}

#content #coursebox {
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#content #coursetypebox {
	width: 660px;
	font-size: 1.1em;
	color: #fff;
	text-align: left;
}

#content #coursebox a { color: #fff; }


#content #coursebox th {
	margin: 0;
	padding: 8px 10px 8px 0;
	font-weight: bold;
	vertical-align: top;
	line-height: 1.6em;
	border-bottom: 1px solid #80bad5;
	text-align: left;
	color: #fff;
	background-color: #13A7CD;
}
#content #coursebox td {
	margin: 0;
	padding: 8px 10px 8px 5px;
	font-weight: normal;
	vertical-align: top;
	border-bottom: 1px solid #80bad5;
	text-align: left;
	color: #fff;
	font-size: 1em;
	background-color: #FFF;
}

#content #coursebox tr.selectedrow {background-color: #fff; }
#content #coursebox tr.selectedrow td {
	color: #F00;
	background-color: #fff;
	font-weight: bold;
}


#content #coursebox .noborder {
	margin: 0;
	border-bottom: none;
	font-size: 11px;
}


#content #coursebox a.arrow {font-size: 11px; margin: 0; padding: 0 25px 5px 0; height: 15px; float: right; color: #fff; }
#content #courseboxend { margin: 0 20px; padding: 0;  height: 15px;}
#content #coursebox .selected {font-size: 12px; display: block;  color: #fff;}

table.myborder {
	border:1px solid #999;
}


#content #red #coursebox th, #content #red #coursebox td {
	background-color: #ED1556;; border-bottom: 1px solid #FFF; }
	
#content #red #coursebox tr.selectedrow td { color: #900705; background-color: #D7D7D7;}
#content #red #courseboxend {background-color: #ED1556;}


#content #green #coursebox th, #content #green #coursebox td {background-color: #8BB71D; border-bottom: 1px solid #FFF; }
#content #green #coursebox tr.selectedrow td { color: #8BB71D;  background-color: #D7D7D7;}
#content #green #courseboxend {background-color: #8BB71D; }



#content #purple #coursebox th, #content #purple #coursebox td {background-color: #AB2DC1; border-bottom: 1px solid #FFF; }
#content #purple #coursebox tr.selectedrow td { color: #AB2DC1; background-color: #D7D7D7;}
#content #purple #courseboxend {background-color: #AB2DC1;}



#content #orange #coursebox th, #content #orange #coursebox td {background-color: #F47D30; border-bottom: 1px solid #FFF; }
#content #orange #coursebox tr.selectedrow td { color: #F47D30; background-color: #D7D7D7;}
#content #orange #courseboxend {background-color: #F47D30;}



#content #brightblue #coursebox th, #content #brightblue #coursebox td {background-color: #13A7CD; border-bottom: 1px solid #FFF; }
#content #brightblue #coursebox tr.selectedrow td { color: #13A7CD;background-color: #D7D7D7; }
#content #brightblue #courseboxend {background-color: #13A7CD;}



#content #darkblue #coursebox th, #content #darkblue #coursebox td {background-color:#276F87; border-bottom: 1px solid #FFF; }
#content #darkblue #coursebox tr.selectedrow td { color: #900705; background-color: #D7D7D7;}
#content #darkblue #courseboxend {background-color: #276F87;}


em { font-weight: bold; font-style: normal; color: #f00; }

input.next {
	margin: 0px 0 0 5px;
	float: right;
	border: 1px solid #CCC;
	width: 133px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	font-family: "Tahoma";
	font-weight: bold;
}


#content input.next {
	background-color: #13A7CD;
}


#content #red input.next {
	background-color: #ED1556;
}


#content #brightblue input.next {
	background-color: #13A7CD;
}


#content #orange input.next {
	background-color: #F47D30;
}


#content #purple input.next {
	background-color: #AB2DC1;
}


#content #green input.next {
	background-color: #8BB71D;
}


#content #darkblue input.next {
	background-color: #276F87;
}

#buttonbox {
	width: 333px;
	float: right;
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}




input.nextDisabled {
	float: right;
	border: 1px solid #CCC;
	width: 133px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: #aca899;
	font-size: 14px;
	font-family: "Tahoma";
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#dvsending {
		position:absolute;
		width:250px;
		height: 50px;
		left:50%; 
		top:40%;
		z-index:1;
		margin: -25px 0 0 -125px; 
		background-color: #000;
		border: 1px solid #000;
		font:16px Arial, Helvetica, sans-serif;
		color:#fff;
		padding:2px;
}

.loading{
	width:31px;
	height:31px;
	background:url(loading_black.gif) no-repeat 0 0;
	position:relative;
	float:left;
	padding-right: 5px;
}

