/* @override http://www.ccec.us/css/default.css */

/*-----------------------------------------------------------------------------
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
updated:	July 2009; Reformatted CSS based on new template (FDG)
-----------------------------------------------------------------------------*/


/* Default Font Styles
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: White url("images/background.repeat.png") repeat-x;
	font-size: 10px;
	font-family: verdana, arial, tahoma, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000;
}

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

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;
}

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: 10px;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	background-color: #d13333;
}

h2 {
	font-size: 1.6em;
	color: #000;
	font-family: tahoma, arial, verdana, sans-serif;
}

h3 {
	font-size: 1.3em;
	color: red;
}

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: blue;
}

a:visited {
	color: purple;
}

a:active {
	color: red;
}

a:hover {
	color: red;
}


/* 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 red;
	padding: .3em 0
}

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

tfoot td {
	background: #d13333;
	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;
}
.padding {
	margin: 10px;
}
.Clear {
	clear: both; 
	float: none;
	padding-bottom: 1px; /* for Gecko based browsers */
	margin-bottom: -1px; /* for Gecko based browsers */
}


/* Page Layout
-----------------------------------------------------------------------------*/

div#Wrapper {
	margin: 0 auto;
	width: 770px;
	position: relative;
	background: transparent;
	font-size: 1.1em;
}

div#Canvas {
	float: right;
	margin: 10px 10px 10px 0;
	width: 390px;
}

div.Invert {
	border: 2px #CCC solid;
	background: #fff;
}

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


/* 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 {
	margin: 0 auto;
	width: 770px;
	height: 122px;
	overflow: hidden;
	position: relative; /* necessary to position dropdown menu correctly */
	z-index: 10; /* necessary to keep dropdown menu above select elements, works with iframe in menu.js */
	background: #3333ff url(../site/citc.gif) no-repeat 140px 42px;
}

a#Logo {
	display: block;
	width: 125px;
	height: 125px;
	background: #FFDE80 url(../site/logo_citcwa.gif) no-repeat 0 0;
	text-indent: -2000em;
}

a#Logo:hover {
	background-position: 0 -124px;
}

a#InfoEmail {
	position: absolute;
	right: 16px;
	bottom: 10px;
	color: #fff;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}

div#TollFree {
	font-family: arial,tahoma,sans-serif;
	color:#FFDE80; 
	font-size: 14px; 
	position: absolute; 
	right:17px; 
	top:10px;
}
#TollFree a {
	color:#FFDE80; 
}

/* Footer
-----------------------------------------------------------------------------*/

div#Footer {
	width: 770px;
	text-align: center;
	margin: 20px auto;
}

p#Copyright {
	font-size: 9px;
	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;
}


/* Primary Navigation
-----------------------------------------------------------------------------*/

ul#Primary {
	padding: 0;
	list-style: none;
	height: 30px;
	border-top: 7px solid #fff;
	display: block;
	border-bottom: 1px solid #fff;
}

ul#Primary li {
	display: block;
	width: 154px;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;	
}

ul#Primary li a {
	display: block;
	width: 154px; 
	line-height: 30px; 
	color: #fff;
	height:30px;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-family: arial narrow,arial,tahoma,sans-serif;
}

a#ContinuingEducation {
	background:#666699;
}

a#ContinuingEducation:hover {
	background:#B3B3CC;
}

a#Trainees {
	background:#0099cc;
}

a#Trainees:hover {
	background:#80CCE6;
}

a#CareerTraining {
	background: #CC6633;
}

a#CareerTraining:hover {
	background: #E6B399;
}

a#Employers {
	background: #669966;
}

a#Employers:hover {
	background: #B3CCB3;
}

a#OnlineCourses {
	background: #d13333;
}

a#OnlineCourses:hover {
	background: #ff6666;
}


/* Secondary Navigation
-----------------------------------------------------------------------------*/

div#Secondary ul, div#Secondary ul ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#Secondary ul li {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
	font-size: 1.8em;
	background: #d13333;
	color: #fff;
	line-height: 1.5em;
	border-bottom: 1px solid #ffffcc;
}

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

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

div#Secondary ul li ul {
	border-top: 1px solid #ffffcc;
}

div#Secondary ul li ul li ul li {
	background: #ffffcc !important;
	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;
	color: #FFF;
}

div#Secondary ul li ul li a {
	color: #000;
}

div#Secondary ul li ul li ul li a:hover {
	color: red;
	text-decoration: underline;
}

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: red;
}

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


/* Online Forms
-----------------------------------------------------------------------------*/

fieldset {
	padding: 1em 0;
	border: none;
	border-top: 1px solid #DD9E36;
	margin: 0;
}

legend { 
	font-size: 1.4em;
	font-weight: bold;
	padding-right: .5em;
	color: #DD9E36;
}

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

input[type='text'], input[type='password'], select, textarea {
	width: 13em;
	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 {
	border-top: 1px solid #DD9E36;
	background: #FFDE80;
	padding: 1em;
	position: relative;
}


/* Info, Error & Success Messages
-----------------------------------------------------------------------------*/

.Info, .Error, .Success, .ErrorInline, .Help {
	margin-bottom: 14px;
	padding: 5px 5px 5px 35px;
	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: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}

.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 delivered 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;
	text-align: left;
}

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 {
	background-color: #CC6633;
}
div.CareerTraining div#Secondary ul li {
	background-color: #CC6633;
}
div.CareerTraining div#Secondary ul li ul li {
	background-color: #E6B399;
}



div.Employers h1 {
	background-color: #669966;
}
div.Employers div#Secondary ul li {
	background-color: #669966;
}
div.Employers div#Secondary ul li ul li {
	background-color: #B3CCB3;
}



div.AboutCITC h1 {
	background-color: #d13333;
}
div.AboutCITC div#Secondary ul li {
	background-color: #d13333;
}
div.AboutCITC div#Secondary ul li ul li {
	background-color: #FF8080;
}


div.ReturningStudents h1 {
	background-color: #ffc000;
	color: #000;
}
div.ReturningStudents div#Secondary ul li {
	background-color: #ffc000;
	color: #000;
}
div.ReturningStudents div#Secondary ul li ul li {
	background-color: #ffff99;
}


/* 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: red;
}

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: red; 
	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: #D13333;
}

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: #d13333;
}

/* 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: #d13333;
	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.Expired {
	padding: .8em .8em .8em 2.6em;
	margin: 10px 0;
	color: #000;
	background: #FFD2D2 url(../site/clock_red.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;
}










/* New Background Formatting
----------------------------------------------------------------------------*/
div#Page {
	position: absolute;
	width: 100%;
	background: transparent url("images/background.fixed.jpg") top center no-repeat;
	z-index: 0;
	}



/* Top Menu 
----------------------------------------------------------------------------*/
div#top_menu{
	position: relative;
	height: 31px;
	width: 770px;
	margin: 10px auto 0px auto;
	text-align: center;
	background: transparent url("images/menu.top.png") center center no-repeat;
	}
div#top_menu ul {
	list-style-type: none;
	padding: 0em;
	margin: 0em;
	}
div#top_menu ul li {
	float: left;
	text-align: center;
	height: 31px;
	padding: 0em;
	margin: 0em;
	}
div#top_menu li a {
	display: block;
	height: 31px;
	color: white;
	font: bold 11px Arial;
	text-decoration: none;
	line-height: 31px;
	}
div#top_menu li a:hover {
	color: #fade2c;
	}
div#top_menu li.home {
	width: 154px;
	}
div#top_menu li.online {
	width: 153px;
	}
div#top_menu li.classroom {
	width: 154px;
	}
div#top_menu li.about {
	width: 154px;
	}
div#top_menu li.faq {
	width: 153px;
	}



/* Search Bar
----------------------------------------------------------------------------*/
div#search_bar {
	position: relative;
	height: 55px;
	width: 820px;
	text-align: center;
	margin: 0px auto;
	
	color: white;
	background: Transparent url("images/search.background.png") center center no-repeat;
	}
div#search_bar form {
	padding: 0em;
	margin: 0em;
	}
div#search_bar input#q {
	position: absolute;
	top: 13px;
	left: 515px;
	width: 185px;
	height: 20px;
	font-size: 14px;
	border: none;
	background: Transparent;
	}
div#search_bar input#s {
	position: absolute;
	top: 10px;
	left: 720px;
	}



/* Generic
----------------------------------------------------------------------------*/
div.clear {
	border: none;
	height: 5px;
	padding: 0em;
	margin-bottom: -1em;
	@margin-bottom: -2em;
	clear: both;
	visibility: hidden;
	}


/* Columns 
----------------------------------------------------------------------------*/
div.column {
	float: left;
	width: 385px;
	}


/* Opinion Pages 
----------------------------------------------------------------------------*/
div#opinion label {
	width: auto;
	}


/* Side Menu 
----------------------------------------------------------------------------*/
ul.Menu {
	list-style-type: none;
	padding: 0em;
	margin: 0em;
	}
ul.Menu li {
	padding: 0em;
	margin: 1px 0px
	}
ul.Menu li a {
	display: block;
	padding: .50em;
	margin: solid 1px #aaa;
	line-height: 1.6em;
	
	text-decoration: none;
	background: #d7e4f1 url(images/accordian.gradient.png) repeat-x 0 100%;
	color: #2257a7;
	}
ul.Menu li a:hover {
	background: #bdd0e4 url(images/accordian.gradient.png) repeat-x 0 100%;
	}

ul.Menu ul.Menu li {
	margin-left: 10px;
	}
ul.Menu ul.Menu li a {
	background: #f0f5fa;
	}
ul.Menu ul.Menu li a:hover {
	background: #e6eef7;
	}
ul.Menu a.toggle {
	background: #2257a7;
	color: white;
	width: 50px;
	float: right;
	}
ul.Menu a.toggle:hover {
	background: #006cbf;
	}
ul.Menu ul.Menu a.toggle {
	background: #2257a7;
	color: white;
	}
ul.Menu ul.Menu a.toggle:hover {
	background: #006cbf;
	}



/* Header
----------------------------------------------------------------------------*/
div#header h1 {
	text-indent: -9999em;
	height: 157px;
	background: url("/css/images/header.home.jpg") no-repeat;
	font: bold 3.0em Arial;
	padding: 0em;
	margin: 9px 0em 18px 0em;
	}
div#page_header {
	margin-top: 10px;
	text-align: center;
	}


/* Links
----------------------------------------------------------------------------*/
div#links h2, div#search_bar {
	text-indent: -9999em;
	}
div#links div {
	position: relative;
	float: left;
	width: 385px;
	height: 352px;
	text-align: center;
	}
div#links div.online {
	background: white url("images/home.links.onlinecourses.jpg") no-repeat;
	}
div#links div.instructor {
	background: white url("images/home.links.classroomcourses.jpg") no-repeat;
	}

div#links div.text {
	float: none;
	width: 359px;
	height: 50px;
	position: absolute;
	top: 285px;
	left: 10px;
	color: #2257a7;
	font: normal 10px Tahoma;
	text-align: left;
	font-weight: 700;
/* 	color: white; */
	}
div#links div.text span {
	float: right;
	}
div#links div.text span a {
	position: relative;
	top: -25px;
	color: #2257a7;
	text-decoration: none;
	border-bottom: dashed 1px #2257a7;
	font-weight: normal;
/* 	color: white; */
	}
div#links div.text span a:hover {
	color: #d05e54;
	}
div#links ul {
	margin-left: -5px;
	list-style-type: none;
	list-style-image: url("images/bullet.orange.gif");
	}
div#links li {
	margin-bottom: 2px;
	line-height: 12px;
	}



/* Signup
----------------------------------------------------------------------------*/
div#signup {
	background:White url("images/home.signup.background.jpg") no-repeat scroll center bottom;
	height: 80px;
	line-height: 80px;
	margin-bottom: 10px;
	padding:1em 0em;
	}
div#signup h2 {
	font: bold 12px Tahoma;
	letter-spacing: -1px;
	}
div#signup h2 span {
	text-indent: -9999px;
	}
div#signup img {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	}



/* News Section
----------------------------------------------------------------------------*/
div#news {
	}
div#news .question {
	float: left;
	width: 210px;
	}
div#news .question div {
	width: 180px;
	padding-left: 10px;
	border-bottom: solid 1px #7399c8; 
	height: 30px; 
	line-height: 30px;
	}
div#news .question a {
	text-decoration: none;
	color: #1e58a5;
	}
div#news .question a:hover {
	text-decoration: underline;
	}
div#news .testimonials {
	float: left;
	width: 197px;
	padding: 0 0 8px;
	background: url("images/home.news.testimonials.bottom.png") no-repeat 0 100%;
	}
div#news .testimonials h2 {
	background: url("images/home.news.testimonials.top.png");
	}
div#news h2 {
	padding: 5px 10px 5px;
	margin: 0px;
	font: bold 14px Arial;
	color: #1462ac;
	}
div#news p {
	margin: 0px;
	}
div#news .testimonials div {
	width: 175px;
	padding: 10px;
	border-left: 1px solid #aac5e2;
	border-right: 1px solid #aac5e2;
	font: bold 10px Verdana;
	}
div#news .testimonials p {
	line-height: 1.2em;
	}
div#news span {
	float: right;
	display: block
	}
div#news span a {
	text-decoration: none;
	color: #1462ac;
	font-size: 10px;
	display: block;
	line-height: 10px;
	font-weight: normal;
	}
div#news .news {
	float: left;
	margin-left: 5px;
	padding: 0 0 8px;
	background: url("images/home.news.news.bottom.png") no-repeat 0 100%;
	}
div#news .news h2 {
	background: url("images/home.news.news.top.png");
	margin: 0px;
	}
div#news .news div {
	width: 336px;
	}
div#news .news div.articles {
	padding: 10px;
	border-left: 1px solid #aac5e2;
	border-right: 1px solid #aac5e2;
	font: bold 12px Arial;
	}
div#news .news div.articles div {
	border-bottom: dotted 1px #aac5e2;
	padding: .5em 0em;
	margin-bottom: .5em;
	}
div#news .news div.articles div.noborder {
	border-bottom: none;
	margin-bottom: 0em;
	padding-bottom: 0em;
	}



/* REMINDER FORM
-----------------------------------------------------------------------------*/
form#reminder td {
	}
form#reminder label {
	text-align: right;
	padding: .50em;
	background: #ddd;
	}
form#reminder input {
	width: 200px;
	border: none;
	}
form#reminder textarea {
	width: 200px;
	border: none;
	}
form#reminder select {
	width: 30%;
	}
form#reminder .security input {
	width: 20px;
	position: relative;
	top: 3px;
	}
form#reminder .submit {
	border: solid 1px #444;
	}
ul.error {
	padding: 1em;
	background: #f15353;
	color: white;
	}
ul.error li {
	margin-left: 1em;
	}
div.success {
	padding: 1em;
	background: #23c123;
	color: white;
	}



/* Bottom Menu
-----------------------------------------------------------------------------*/
div#bottom_menu {
	text-align: center;
	height: 37px;
	width: 820px;
	margin: 1em auto 0em auto;
	background: transparent url("images/menu.bottom.png") center center no-repeat;
	}
div#bottom_menu ul {
	list-style-type: none;
	margin: 0em;
	padding: 0em;
	}
div#bottom_menu ul li {
	float: left;
	text-align: center;
	height: 37px;
	}
div#bottom_menu li a {
	display: block;
	height: 37px;
	line-height: 30px;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}
div#bottom_menu li a:hover {
	color: #fade2c;
	}
div#bottom_menu li.left {
	width: 25px;
	}
div#bottom_menu li.home {
	width: 80px;
	}
div#bottom_menu li.online {
	width: 79px;
	}
div#bottom_menu li.classroom {
	width: 154px;
	}
div#bottom_menu li.citc {
	width: 73px;
	}
div#bottom_menu li.catc {
	width: 68px;
	}
div#bottom_menu li.contact {
	width: 104px;
	}
div#bottom_menu li.privacy {
	width: 122px;
	}
div#bottom_menu li.sitemap {
	width: 90px;
	}
div#bottom_menu li.right {
	width: 25px;
	}



/* Footer
-----------------------------------------------------------------------------*/
div#footer {
	text-align: center;
	padding-top: 30px;
	
	background: Transparent url("images/footer.background.jpg") top center no-repeat;
	font: bold 12px Arial;
	}