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

CITCWA Screen Stylesheet



version:	1.1

date:		03/11/08

author:		Ryan J. Salva

email:		ryan at capitolmedia dot com

website:	http://www.ccec.us

history:	/history/css/default.info



updated:	April 2008; Calendar functionaliy added by Mark Guthrie

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

/* Default Font Styles

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

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-size: 10px;
	font-family: verdana, arial, tahoma, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000;
}

p, ul, ol, blockquote, dl, h1, h2, h3, h4, h5 {
	/

* use pixels for vertical separation because 1em for <h1> is much larger than 1em for <p> */

	margin-bottom: 14px;
}

p, li, blockquote, dt, dd {
	line-height: 1.4em;
}

p {
	margin: 0 0 15px;
}

dt {
	font-weight: bold;
}

li, dd {
	margin-bottom: 7px;
}

li ul, li ol {
	margin-top: 7px;
	

/* keeps the line spacing even */

	margin-bottom: 7px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 1.8em;
	color: #fff;
	font-family: tahoma, arial, verdana, sans-serif;
	padding: 5px 10px;
	margin: 0;
	font-weight: normal;
	background: url(../images/titile-grad.png) repeat-x 0 0;
}

h2 {
	border-bottom: 1px solid #E7E7EE;
	color: #000000;
	font-family: tahoma,arial,verdana,sans-serif;
	font-size: 1.6em;
	padding-bottom: 10px;
}

h3 {
	font-size: 1.3em;
	color: #9b1f14;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: .1em;
	font-weight: normal;
	font-style: italic;
}

ul, ol, blockquote {
	padding-left: 3em;
}

img {
	border: none;
}

a:link {
	color: #1462ac;
}

a:visited {
	color: #04428c;
}

a:active {
	color: #9b1f14;
}

a:hover {
	color: #9b1f14;
}

/* Tables

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

table, td, th {
	border-collapse: collapse;
	border: none;
	font-size: 11px;
	font-family: Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}

table {
	width: 100%;
	margin-bottom: 14px;
}

tr {
	border: 1px solid #CCC;
}

th {
	background: #fff;
	font-weight: bold;
	border-bottom: 1px solid #9b1f14;
	padding: .3em 0
}

td {
	padding: .3em;
	border: 1px solid #CCC;
}

tfoot td {
	background: #80241a;
	color: #fff;
	font-weight: bold;
}

/* Convenience Classes

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

.Hidden {
	display: none;
	visibility: hidden;
}

.Visible {
	display: block;
	visibility: visible;
}

.Clear {
	clear: both;
	float: none;
	padding-bottom: 1px;
	/* 

for Gecko based browsers */

	margin-bottom: -1px;
/* 

for Gecko based browsers */
}

.Content, .Padding {
	padding: 10px;
}

.Hidden {
	display: none;
	visibility: hidden;
}

.Visible {
	display: block;
	visibility: visible;
}

.Clear {
	clear: both;
	float: none;
	padding-bottom: 1px;
	/* 

for Gecko based browsers */

	margin-bottom: -1px;
/* 

for Gecko based browsers */
}

/* Universal Header

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

div#universal_header {
	height: 50px;
	text-align: center;
	background: #2e2e2e;
}

div#universal_header ul {
	width: 830px;
	height: 50px;
	padding: 0px;
	margin: auto;
	list-style-type: none;
}

div#universal_header li {
	position: relative;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

div#universal_header a {
	display: block;
	height: 50px;
	padding-left: 50px;
	color: white;
	font: normal 11px Arial;
	line-height: 50px;
	text-decoration: none;
}

div#universal_header a#citc {
	background: url("../images/beta.citc.png") no-repeat;
	background-repeat: no-repeat;
}

div#universal_header a#catc {
	background: url("../images/beta.catc.png") no-repeat;
	background-repeat: no-repeat;
	border-left: solid 1px #333;
}

div#universal_header a#ccec {
	background: url("../images/beta.ccec.png") no-repeat;
	background-repeat: no-repeat;
	border-left: solid 1px #333;
}

/* Header

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

div#header_wrapper {
	text-align: center;
	background: white url("../images/beta.header.background.png") repeat-x;
}

div#header {
	position: relative;
	width: 790px;
	height: 145px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: transparent url("../images/beta.header.png") no-repeat center bottom;
}

div#header img {
	position: relative;
	top: 9px;
	left: 9px;
}

div#search {
	position: absolute;
	right: 20px;
	bottom: 0px;
}

div#search input#search_text {
	width: 185px;
	border: none;
	padding: 0px;
	margin: 0px 12px 13px 0px;
	font-size: 13px;
	color: #777;
}

div#search input#search_submit {
	position: relative;
	@position: none;
	top: 10px;
	margin: 0px;
	padding: 0px;
}

/* Page Layout

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

div#Wrapper {
	margin: 10px auto 0px auto;
	width: 770px;
	position: relative;
	/*	

background: #ffffcc;*/

	font-size: 1.1em;
}

div#Canvas {
	float: right;
	margin: 3px 10px 10px 0;
	width: 390px;
	/*background: #7A170E url(../images/title-grad.png) repeat-x;*/
/*	border: 1px solid #7a170e; */
}

div#Canvas .Block h1 {
background: #7A170E url(../images/title-grad.png) repeat-x;
}

div.Invert {
	background: #fff;
}

div#Left {
	float: left;
	width: 360px;
}

/* Home Page 

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

div.row {
	position: relative;
	font: normal 13px Tahoma,Arial;
}

div.row div {
	position: relative;
}

div.float {
	float: left;
}

div#training {
	width: 389px;
	height: 296px;
	background: white url("../images/beta.box.training.jpg") no-repeat;
}

div#training ul, div#catalog ul {
	position: absolute;
	bottom: 20px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	list-style-image: url("../images/beta.bullet.png");
}

div#training li, div#catalog li {
	margin: 0px 0px 0px 23px;
	padding: 0px;
	line-height: 15px;
}

div#training a {
	text-decoration: none;
	color: black;
}

div#catalog div#catalog_link {
	position: absolute;
	right: 10px;
	bottom: 15px;
}

div#catalog {
	width: 379px;
	height: 296px;
	background: white url("../images/beta.box.catalog.jpg") no-repeat;
}

div#catalog ul.right {
	left: 130px;
	bottom: 35px;
}

div#catalog a {
	text-decoration: none;
	color: black;
}

div#news {
	width: 770px;
	height: 255px;
	background: white url("../images/beta.box.news.png") no-repeat;
}

div#news div#scroller {
	top: 50px;
	margin-right: 10px;
	overflow: auto;
	height: 185px;
}

div#news div#news_list {
	margin: 15px 20px;
}

div#news ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

div#news li {
	padding-bottom: 22px;
	margin-bottom: 22px;
	border-bottom: solid 1px #d5d5d5;
}

div#news li h3 {
	padding: 0px;
	margin: 0px;
	font: bold 12px Arial;
	color: black;
}

div#news p {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	font: normal 12px Arial;
}

div#question {
	width: 210px;
	height: 245px;
	background: white url("../images/beta.box.question.png") no-repeat;
}

div#question a.full {
	display: block;
	margin-top: 20px;
	width: 100%;
	height: 205px;
}

div#question ul {
	position: absolute;
	bottom: 2px;
	left: 10px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#question li {
	height: 25px;
	margin: 0px;
	padding: 0px;
}

div#question a {
	text-decoration: none;
	font: bold 14px Arial;
}

div#question a.bubble {
	padding-right: 30px;
	line-height: 14px;
	background: url("../images/beta.box.question.quote.png") right no-repeat;
}

div#testimonials {
	width: 560px;
	height: 245px;
	background: white url("../images/beta.box.testimonials.png") no-repeat;
}

div.testimonial {
	width: 160px;
	margin: 50px 0px 0px 20px;
	text-align: left;
	font: normal 11px Arial;
	line-height: 12px;
}

div#testimonials div.show_all_link, div#news div.show_all_link {
	position: absolute;
	top: 10px;
	right: 20px;
}

div.column {
	float: left;
	width: 385px;
}

div.column form label {
	padding: 0.5em;
	text-align: right;
}

div.column input, div.column textarea {
	font: normal 1em Arial,Tahoma,Sans-Serif;
	font-style: normal;
	font-variant: normal;
	padding: 0.3em;
}

div.column textarea {
	border: medium none;
	width: 200px;
}

div.column input {
	border: medium none;
	width: 200px;
}

div.column .submit {
	background: black;
	color: white;
}

div.padding {
	margin: 10px;
}



/* Splash Page 

----------------------------------------------------------------------------*/
div.splash {
	display: block;
	overflow: hidden;
	}
div#splash_header img {
	top: 0;
	left: 0;
	}
div.splash .column {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-border-raduis: 10px;
	background: url("../images/ddd_grad.png") repeat-x scroll 0 100% transparent;
	border:1px solid #898989;
	float: left;
	height: 325px;
	margin: 0 0 0 10px;
	padding: 10px;
	text-align: center;
	width: 222px;
	}

div.splash .h2_replace {
	background: url("../images/h2_replace.jpg") no-repeat scroll 0 0 transparent;
	height: 50px;
	margin: 6px auto 0px auto;
	text-indent: -9999em;
	width: 657px;
	}
div#help {
	vertical-align: baseline;
	bottom: 0;
	color: #FFFFFF;
	font-family: Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	left: 170px;
	line-height: 45px;
	position: absolute;
	text-indent: 0;
	}

div.splash hr  {
	border-color: #AAAAAA -moz-use-text-color #FFFFFF;
	border-left: medium none;
	border-right: medium none;
	border-style: solid none;
	border-width: 1px medium;
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 0;
	margin: 10px auto;
	max-height: 0;
	padding: 0;
	position: relative;
	width: 100%;
	}

div.splash .column ol {
	list-style-type: none;
	text-align: left;
	padding: 0px;
	line-height: 1.8em;
	font-size: 1.2em;
	font-family:Arial,sans-serif;
	}
div.splash .column li {
	height: auto !important;
	padding: 0px;
	margin: 0 0 10px;
	min-height: 73px;
	padding-left: 25px;
	}
div.splash .column li.n1 {
	background:url("../images/n1.png") no-repeat scroll 0 0 transparent;
	}
div.splash .column li.n2 {
	background:url("../images/n2.png") no-repeat scroll 0 0 transparent;
	}
	
	
	
/* Primary Navigation

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

div#menu {
	width: 768px;
	height: 31px;
	margin: 10px  auto;
	padding: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(../images/nav-grad.png) repeat-x;
}

div#menu ul {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	list-style-type: none;
}

div#menu li {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}

div#menu a {
	display: block;
	height: 30px;
	width: 153px;
	margin-top: 1px;
	color: #9B1F14;
	text-decoration: none;
	text-align: center;
	font: bold 13px Arial;
	line-height: 30px;
}

div#menu a:hover {
	text-decoration: underline;
	color: #bb3f3f;
}

/* Footer

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

div#Footer {
	clear: both;
	width: 770px;
	background: white url("../images/beta.footer.png") no-repeat;
	text-align: center;
	margin: auto;
	padding-top: 15px;
}

div#Footer a {
	color: #0054a5;
	font-size: 13px;
	text-decoration: none;
}

div#Footer a:hover {
	text-decoration: underline;
}

p#Copyright {
	font-size: 12px;
	color: #000000;
	text-align: center;
	line-height: 13px;
}

/* Page Properties (edit mode)

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

div#PageProperties {
	position: relative;
	padding: 1em;
	color: #000;
	background: #FFF;
	font-family: "lucida grande", "lucida sans", tahoma, verdana, arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 1.2em;
}

div#PageProperties h3, div#PageProperties h4 {
	color: #000;
}

div#PageProperties a {
	color: #0000FF !important;
}

div#PageProperties a:hover {
	color: #0000FF !important;
}

div#MetaData {
	margin-right: 24em;
	padding: 1em;
	background: #DEDEDE;
}

div#InternalComments {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 22em;
	line-height: 1.6em;
	background: #F3E5A1;
	border: 1px solid #FFCC00;
}

.Editable {
	background: #ffcc00 !important;
}

/* Ancestors (a.k.a. "Cookie Trail")

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

div#Cookies * {
	display: inline;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	font-size: .8em;
}

div#Cookies A:hover {
	text-decoration: underline;
	color: #0000FF;
}

/* Secondary Navigation

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

div#Secondary ul, div#Secondary ul ul {
	list-style: none;
	background: #7a170e;
	padding: 0;
	border: 1px solid #eee	;
	margin: -7px 0 0;
	background: #7a170e url(../images/title-grad.png) repeat-x 0 0;
	text-indent: 10px;
}

div#Secondary ul li {
	margin: 0;
	padding: 2px 0 0;
	list-style: none;
	font-size: 1.8em;
	/*	b

ackground: #80241a;*/

	color: #fff;
	line-height: 1.5em;
}

div#Secondary ul li a {
	display: block;
	padding: 5px 10px;
}

div#Secondary ul li ul li {
	font-size: .6em;
	font-family: arial, verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	border-top: 1px solid #eee;
}

div#Secondary ul li ul {
	background: #fff;
	margin: 3px -1px -1px;
}

div#Secondary ul li ul li ul li {
	color: #000;
	font-size: .9em;
	text-transform: none;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
}

div#Secondary ul li ul li ul li ul {
	padding: 0 0 .5em 0;
}

div#Secondary ul li ul li ul li ul li {
	font-size: 1em;
	padding: 0;
}

div#Secondary ul li a, div#Secondary ul li a:hover {
	display: block;
	text-decoration: none;
}

div#Secondary ul li ul li:hover {
	background: #f2f2f5;
}

div#Secondary ul li ul li a {
	color: #04428C;
	text-decoration: underline;
}

div#Secondary ul li ul li a:hover {
	color: #9b1f14;
	text-decoration: none;
}

div#Secondary ul li ul li ul li a:hover {
	color: #9b1f14;
	text-decoration: none;
}

div#Secondary ul li a.Active {
	font-weight: bold;
}

div.Toggle {
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #000;
	padding: 10px;
}

div.Toggle a {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	text-indent: 0 !important;
}

div.Toggle P {
	text-indent: 0 !important;
}

div#Canvas span.ToggleControl {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
}

div#Canvas span.ToggleControl:hover {
	color: #9b1f14;
}

div#Canvas div.Toggle {
	background: #CCD4FF;
}

/* Online Forms

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

fieldset {
	border: none;
	border-top: 1px solid #9b1f14;
	margin: 0;
}

legend {
	font-size: 1.4em;
	font-weight: bold;
	padding-right: .5em;
	padding-bottom: 5px;
	color: #9b1f14;
}

div.LabelInput {
	clear: both;
	margin-bottom: .5em;
	display: block;
}

input[type='text'], input[type='password'], select, textarea {
	width: 18em;
	font-size: 1em;
	font-family: Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	border: 1px solid #999;
	padding: .3em;
}

select {
	width: 13.25em;
}

div.FullWidth input[type='text'], div.FullWidth input[type='password'], div.FullWidth textarea {
	width: 25em;
}

div.FullWidth select {
	width: 25.25em;
}

div.FullWidth label {
	float: none;
	width: auto;
}

label {
	width: 12em;
	float: left;
	display: block;
}

div.CAPTCHA {
	padding-left: 12em;
	margin-bottom: .5em;
}

div.FormControls {
	background: #f3f3f7;
	margin: 10px 0;
	padding: 10px;
	position: relative;
	border-top: 1px solid #ECECF2;
}

/* Info, Error & Success Messages

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

.Info, .Error, .Success, .ErrorInline, .Help {
	margin-bottom: 14px;
	padding: 5px;
	display: block;
	line-height: 1.6em;
	position: relative;
	color: #000;
}

.Info a, .Error a, .Success a, .ErrorInline a {
	color: #000;
	text-decoration: underline;
}

.Info {
	background: none repeat scroll 0 0 #FFE6E7;
	border: 1px solid #AA0000;
	color: #AA0000;
	margin: 0 0 15	px;
}

.Info p {
	margin: 0 0 2px;
}

.Error {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #ebff00;
}

.Success {
	background: #B5E1AE url(../site/icon_success.gif) no-repeat 10px 6px;
	border: 1px solid #3B9E2B;
}

.Help {
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}

/* Validation messages delive#9b1f14 by validate.js

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

.error {
	background: #F3E5A1;
}

div.errorMessage {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #ebff00;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}

/* Form Tips

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

div.FormTip {
	/

* the floating tooltip */

	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
	color: #000;
}

/* Modal Dialog Box

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

.ModalContainer {
	background: #fff;
	padding: 10px;
}

.ModalTitle {
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	font-size: 2em;
	background: #000;
}

.ModalMessage {
	padding: 10px;
	background: #000;
}

.ModalClose {
	position: relative;
}

.ModalClose a {
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -2000em;
	background: url(../site/close_modal.gif) top right no-repeat;
}

/* JavaScript Tabbed Panels

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

span.PanelTab {
	float: left;
	display: block;
	padding: .5em 1em;
	margin: 2em 3px -3px 3px;
	font-size: 1.1em;
	color: #999;
	cursor: pointer;
	background: url(../site/bg_tab.gif) repeat-x 0 0;
	border: 1px solid #ccc;
	border-bottom: none;
}

span.PanelTab:hover {
	color: #d7202f;
}

span.PanelActive {
	background: #fff;
	color: #d7202f;
}

div.PanelContainer {
	clear: both;
	margin-bottom: 2em;
}

div.Panel {
	padding: 1em;
	background: #fff;
	border: 2px solid #ccc;
}

/* Magnify JavaScript class

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

img.MagnifyImage {
	margin: 0 0 7px 0;
}

div.MagnifyContainer {
	background: #fff;
	border: 10px solid #fff;
	margin: -10px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000;
}

span.MagnifyClose {
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -2000em;
	background: url(../site/close_modal.gif) top right no-repeat;
	cursor: pointer;
}

/* JavaScript Debug Log

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

div#Debug {
	display: none;
	height: 200px;
	overflow: auto;
	padding: 1em;
	background: #000;
	color: green;
}

/* Edit Mode

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

div.Block {
	position: relative;
}

a.Create, a.Edit {
	width: 85px;
	height: 35px;
	text-indent: -2000em;
	display: block;
	background: url(../admin/button_edit.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: -65px;
	z-index: 999;
}

/* Category Color Schemes

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

div.ContinuingEducation h1 {
	background-color: #666699;
}

div.ContinuingEducation div#Secondary ul li {
	background-color: #666699;
}

div.ContinuingEducation div#Secondary ul li ul li {
	background-color: #B3B3CC;
}

div.Trainees h1 {
	background-color: #0099CC;
}

div.Trainees div#Secondary ul li {
	background-color: #0099CC;
}

div.Trainees div#Secondary ul li ul li {
	background-color: #80CCE6
}

div.CareerTraining h1 {
	

}

div.CareerTraining div#Secondary ul li {
	border: none;
	margin: 0;
/*	

background-color: #CC6633;*/
}

div.CareerTraining div#Secondary ul li ul li {
	border-top: 1px solid #eee;
/*	background-color: #E6B399;*/
}

div.CareerTraining div#Secondary ul li ul li:first-child {
	border: none;
}

div.Employers h1 {
	
}

div.Employers div#Secondary ul li {
	
}

div.Employers div#Secondary ul li ul li {
	
}

div.AboutCITC h1 {
	
}

div.AboutCITC div#Secondary ul li {
	
}

div.AboutCITC div#Secondary ul li ul li {
	
}

div.ReturningStudents h1 {
	
}

div.ReturningStudents div#Secondary ul li {
	
}

div.ReturningStudents div#Secondary ul li ul li {
	border-top: 1px solid #eee;
}

div.ReturningStudents div#Secondary ul li:first-child {
	border: none;
}

div.ReturningStudents div#Secondary ul li ul li ul li {
	padding-left: 10px;
}

/* Home, default.html

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

a.Promo {
	border: 2px solid #ccc;
	height: 195px;
	width: 175px;
	display: block;
	position: absolute;
	text-decoration: none;
	color: #000;
	overflow: hidden;
}

a.Promo:hover {
	color: #9b1f14;
}

a.Promo STRONG {
	display: block;
	padding: 60px 95px 0px 10px;
	font-weight: normal;
}

a#Journeyman {
	top: 10px;
	left: 10px;
	width: 360px;
	background: #fff url(../site/bg_continuingeducation.jpg) no-repeat 0 0;
}

a#Journeyman STRONG {
	padding: 60px 10px 25px 185px;
}

a#Trainee {
	top: 10px;
	left: 380px;
	background: #fff url(../site/bg_trainees.jpg) no-repeat 0 0;
}

a#Career {
	top: 215px;
	left: 10px;
	background: #fff url(../site/bg_careertraining.jpg) no-repeat 0 0;
}

a#Employer {
	top: 215px;
	left: 195px;
	background: #fff url(../site/bg_employers.jpg) no-repeat 0 0;
}

a#Classroom {
	top: 215px;
	left: 380px;
	background: #fff url(../site/bg_onlinecourses.jpg) no-repeat 0 0;
}

div#News {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 175px;
	height: 400px;
	border: 2px solid #ccc;
	background: #ccc url(../site/bg_scroller.gif) no-repeat top center;
	overflow: hidden;
}

div#Scroller {
	width: 175px;
	height: 360px;
	position: relative;
	overflow: hidden;
}

ul#Ticker {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#Ticker li {
	display: block;
	width: 165px;
	margin: 0 0 5px 0;
	padding: 7px 5px 0 5px;
	float: left;
	background: #fff;
	font-size: 11px;
}

ul#Ticker li p {
	font-size: 11px;
}

IMG#classLocations {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

a#ReturningStudents {
	display: block;
	width: 370px;
	height: 62px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* Employers (e.g. employers.html)

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

div#ROI th, div#ROI td {
	width: 33%;
	text-align: right;
}

div#ROI input {
	width: 50px;
	border: 2px solid #CCC;
	text-align: right;
}

/* USA Map (i.e. map.html)

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

.tool-tip {
	width: 150px;
	background: url(../site/bg_tip.png);
	color: #fff;
}

.tip-title {
	font-weight: bold;
	padding: 10px;
	display: block;
}

.tip-text {
	padding: 10px;
	display: block;
}

/* State Courses (e.g. washington.html)

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

h1.PageTitle {
	background: none;
	font-weight: bold;
	text-align: center;
	color: #000;
}

h2.CourseSection {
	padding: 0.2em;
	background: #9b1f14;
	position: relative;
	color: #fff;
	font-size: 24px;
	text-align: center;
	clear: both;
	font-family: arial;
	font-weight: normal;
	margin-top: 2em;
}

.CourseList {
	margin-right: 280px;
}

div.DontForget {
	float: right;
	width: 260px;
	text-align: center;
}

div.DontForget div.Padding {
	background: #fff;
	padding: 10px;
	text-align: left;
	margin-bottom: 14px;
}

a.SampleQuestion {
	margin: 1em auto;
}

div.State {
	width: 27em;
	float: right;
	text-align: center;
}

div.Introduction {
	margin-right: 28em;
}

div.Start {
	border: solid 1px #019830;
	background: #a8f38c !important;
}

/* Sample Question

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

input#CheckAnswer {
	
}

span#Result {
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 20px;
}

span.Correct {
	background: url(../site/tick.png) no-repeat 0 50%;
	color: #009900;
}

span.Wrong {
	background: url(../site/cross.png) no-repeat 0 50%;
	color: #FF0000;
}

a#Break {
	position: absolute;
	top: 30%;
	right: 10px;
	background: url(../site/cup.png) no-repeat 0 50%;
	padding-left: 20px;
	text-decoration: none;
	color: #8f5035;
	font-size: 1.3em;
}

/* Product Detail

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

div.ProductDetail {
	padding: 0;
	margin: 0;
	position: relative;
}

div.ProductDetail div#Canvas {
	background: #ffffcc;
	margin: 0;
	float: none;
	width: auto;
}

div.Right {
	padding: 1em 29em 1em 1em;
}

div#Right {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 30em;
	font-size: 0.9em;
}

div#Right > div.Padding {
	font-size: 1.1em;
}

th.AddToCart, td.AddToCart {
	width: 25%;
	text-align: center;
	border-right: none;
}

th.State, td.State {
	text-align: left
}

tr.Subtotal td {
	text-align: right;
	background: #fff;
	border: 1px solid #fff;
	color: #000;
}

/* One Page Checkout

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

fieldset#shipping_address {
	width: 50%;
	float: left;
}

fieldset#billing_address {
	width: 50%;
	float: left;
}

label#same_as_shipping {
	font-size: .7em;
	font-weight: normal;
	color: #000;
	display: inline;
	width: auto;
	float: none;
}

table#ShoppingCart input[type="text"], table#ShoppingCart select {
	width: 15em;
}

th.Remove, td.Remove {
	text-align: center;
	width: 10%;
}

th.Product, td.Product {
	text-align: left;
	width: 60%;
}

td.Product a {
	font-size: 1.2em;
	font-weight: bold;
}

th.Quantity, td.Quantity {
	width: 10%;
	text-align: center;
}

td.Quantity input[type="text"] {
	width: 2em !important;
}

th.Price, td.Price {
	text-align: right;
	width: 20%;
	border-left: none;
}

table#ShoppingCart tr.Subtotal td {
	text-align: right;
	background: #ffffcc;
	border: 1px solid #ffffcc;
}

table#ShoppingCart tr.Total td {
	text-align: right;
	background: #ffffcc;
	border: 1px solid #ffffcc;
	font-size: 1.3em;
	color: #80241a;
}

/* Course Detail

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

div.StudentQuestion {
	padding: 2em;
}

div.StudentAnswer {
	padding: 2em;
}

li.Correct div.StudentAnswer {
	background: #C7FFBF url(../site/tick.png) no-repeat .25em 2em;
	border: 1px solid #6BBF5F;
}

li.Wrong {
	
}

li.Wrong div.StudentAnswer {
	background: #FFD2D2 url(../site/cross.png) no-repeat .25em 2em;
	border: 1px solid #FF6F72;
}

th.Attempt, td.Attempt {
	color: #000;
	text-align: left;
}

th.Correct, td.Correct {
	color: #009900;
	text-align: right;
}

th.Wrong, td.Wrong {
	color: #80241a;
	text-align: right;
}

th.Remain, td.Remain {
	color: #000;
	text-align: right;
}

table#Certificates {
	
}

table#Certificates th {
	background-color: #ccc;
	border-bottom: 1px solid #ccc;
	text-indent: 3px;
}

th.State, td.State {
	text-align: left;
	border-right: none;
	border-left: none;
}

th.PassingScore, td.PassingScore {
	text-align: right;
}

th.StudentLicense, td.StudentLicense {
	text-align: right;
}

th.Expiration, td.Expiration {
	text-align: right;
}

th.Certificate, td.Certificate {
	text-align: right;
}

ul.CoursesPurchased {
	list-style: none;
	padding: 0;
	margin: 1em 0;
}

ul.CoursesPurchased li {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
	color: #000
}

ul.CoursesPurchased li a {
	color: #0000ff;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}

div.TimeRemaining, div.Expi#9b1f14 {
	padding: .8em .8em .8em 2.6em;
	margin: 10px 0;
	color: #000;
	background: #FFD2D2 url(../site/clock_#9b1f14.png) no-repeat .6em .8em;
	border: 1px solid #FF6666;
}

div.Passed {
	padding: .8em .8em .8em 2.6em;
	margin: 10px 0;
	color: #000;
	background: #CCFFCC url(../site/award_star_gold_2.png) no-repeat .6em .8em;
	border: 1px solid #5AC038;
}

div.Failed {
	padding: .8em .8em .8em 2.6em;
	margin: 10px 0;
	color: #000;
	background: #FFD2D2 url(../site/cross.png) no-repeat .6em .8em;
	border: 1px solid #FF6666;
}

/* Authentication

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

h1.Verified {
	background: #008F06;
}

div.pad {
	display: inline;
	padding: 0 5px;
	height: 1px
}

div#Secondary li {
	padding-left: 10px;
}