/* 1) SITE STRUCTURE
---------------------------------------------------------------- */
html, body { height: 100%; }
body {
	margin: 0;
	padding: 0;
	}

.ui-button {
  height: 20px;
  width: 150px;
}

.custom-buttons table .ui-button-text {
  font-size: 0.9em;
  margin: 2px 0 0 0;
}
.ui-button .ui-button-text {
  line-height: 0.9;
}
  

.custom-buttons .ui-button  {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: .9em;
}

#container {
	height: auto !important;
	height: 100%;
	margin-bottom: -25px;
	min-height: 100%;
	overflow: hidden !important;
	overflow: visible;
	padding: 0;
	text-align: left;
	z-index:0;
	}
#header {
	z-index:100;
	}
#wrapper {
	}
#navigation {
	}
#content_wrapper {
	margin: 0 auto;
	padding: 0 10px;
	margin-bottom: -32767px !important;
	padding-bottom: 32767px !important;
	width: 752px;
	z-index:0;
	}
#content {
	z-index:0;
	}
	#content.narrow {
		float: left;
		width: 515px;
		}
#sidebar {
	float: right;
	width: 210px;
	}
#footer_wrapper {
	height: 25px;
	margin-top: 25px;
	}
#footer {
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
	width: 752px;
	}



/* 2) GLOBALS
---------------------------------------------------------------- */

/* --- Headings --- */
h1 { font-size: 192%; }
h2 { font-size: 168%; }
h3, .exam-header-left, .exam-header-multi-date  { font-size: 142%; }
h4 { font-size: 126%; }
h1, h2, h3, .exam-header-left, .exam-header-multi-date, h4 { font-family: Georgia, "Times New Roman", Times, serif; }

/* --- Images --- */
img { border: 0; }
.imglt {
	clear: left;
	float: left;
	margin: 0 .5em .5em 0;
	}
.imgrt {
	clear: right;
	float: right;
	margin: 0 0 .5em .5em;
	}

/* --- Alignment --- */
.rt {
	clear: right;
	float: right;
	margin: 0 0 0 .5em;
	}
.lt {
	clear: left;
	float: left;
	margin: 0 .5em .2em 0;
	}

/* --- Links --- */
a, a:link, a:visited { color: #5a5e5a; }
a:hover, a:active { color: #df9f45; text-decoration: none; }

a.reg_link, a.reg_link:link, a.reg_link:visited { color: #f00; }
a.reg_link:hover, a.reg_link:active { color: #f99; }

/* --- Padding ---  */
ul,ol,li,h1,h2,h3,.exam-header-left,.exam-header-multi-date,h4,h5,h6,form,fieldset,input,label{ margin: 0; padding: 0; }

p { margin-top: 1.2em; }



/* 3) BODY
---------------------------------------------------------------- */
body {
	background: url(../images/body_bg.gif) #ecf4ec left top repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	}



/* 4) HEADER
---------------------------------------------------------------- */
#header {
	height: 51px;
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 760px;
	z-index:100;
	}
	#header .logo {
		margin-top: 13px;
		}
	#header .the_logo {
		left: -65px;
		position: absolute;
		top: 5px;
		}


/* --- Navigation --- */
#navigation {
	font-size: 1.1em;
	position: relative;
	text-align: right;
	width: 100%;
	z-index: 4;
	}
	#navigation ul {
		clear: both;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		top: -14px;
		z-index: 4;
		}
	#navigation ul li {
		display: block;
		float: left;
		margin: 0 .5em;
		overflow: visible;
		padding-left: 5px;
		position: relative;
		text-align: center;
		z-index: 4;
		}
		#navigation ul li span, #navigation ul li a {
			color: #49594f;
			display: block;
			padding: 3px 10px 3px 5px;
			text-decoration: none;
			}
		#navigation ul li.hover {
			background: url(../images/navigation_bg_l.gif) left top no-repeat;
			color: #333;
			cursor: default;
			}
			#navigation ul li.hover span, #navigation ul li.hover a {
				background: url(../images/navigation_bg_r.gif) right top no-repeat;
				}

	/* -- Second Level Lists -- */
	#navigation li ul {
		background: #fff;
		border: 1px solid #fbbf6a;
		clear: both;
		display: none;
		float: left;
		left: 0;
		margin: 0 auto;
		padding:  0;
		position: absolute;
		text-align: left;
		top: 17px;
		width: 11em;
		}
	#navigation li ul.wide {
		width: 12.5em;
	
	}
	
		#navigation li.hover ul {
			display: block;
			}
		#navigation li ul li {
			clear: both;
			display: block;
			float: left;
			margin: .2em 0;
			overflow: visible;
			padding-left: 0;
			padding: 0;
			position: relative;
			text-align: left;
			width: 100%;
			}
		#navigation li ul span {
			display: block;
			padding: .4em;
			}
			#navigation li.hover ul li, #navigation li.hover ul li span, #navigation li.hover ul li a {
				background: none;
				color: #666;
				}
			#navigation li.hover ul li.hover {
				background: #ffcc83;
				}
				#navigation li.hover ul li.hover span, #navigation li.hover ul li.hover a {
					color: #333;
					}

		/* -- Third Level Lists -- */
		#navigation li.hover ul li ul {
			background: #fff;
			clear: both;
			color: #666;
			display: none;
			float: left;
			font-weight: normal;
			left: 100%;
			margin: 0 auto;
			position: absolute;
			top: 0;
			white-space: nowrap;
			}
			#navigation li ul li.hover ul {
				display: block;
				}
			#navigation li.hover ul li.hover ul li a {
				color: #666;
				}
				#navigation li.hover ul li.hover ul li.hover a {
					color: #333;
					}


/* --- Login Dropdown --- */
#login_dropdown {
	background: url(../images/login_dropdown_bg.png) right bottom no-repeat !important;
	background: none;
	color: #ccc;
	position: absolute;
	right: 0;
	width: 415px;
	z-index: 300;
	}
	#login_dropdown a {
		color: #ccc;
		display: block;
		float: right;
		height: 17px;
		line-height: 17px;
		padding-right: 6px;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 145px;
		}
		* html #login_dropdown a {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/themes/default/images/login_dropdown_link_bg.png", sizingMethod="image");
			}
	#login_dropdown form {
		height: 32px;
		text-align: right;
		}
		* html #login_dropdown form {
			background: url(../images/login_dropdown_form_bg.gif) right bottom no-repeat;
			}
	#login_dropdown input {
		font-size: 1em;
		margin: 5px 10px 0 0;
		width: 9em;
		}
		#login_dropdown #login_button {
			width: auto;
			}
	#login_dropdown label {
		font-size: 1em;
		}
	#login_dropdown button {
		font-size: 1em;
		margin: 5px 10px 0 0;
		}



/* 5) CONTENT
---------------------------------------------------------------- */
#wrapper {
	background: url(../images/wrapper_bg.gif) center top no-repeat;
	padding-top: 9px;
	z-index:0;
	}

#content_wrapper {
	background: url(../images/content_wrapper_bg.gif) left top repeat-y;
	}
#content {
	color: #333;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-size: 1.3em;
	padding-bottom: 2em;
	}

#content p, #content ul {
	line-height: 1.4em;
	}
#content p {
	}

/* --- HEADING IMAGES --- */
img.header {
	margin: 0 0 1em 0;
	}

/* --- HEADERS --- */
#content h1 {
	padding-bottom: 5px;
	border-bottom: 1px solid #c2cac2;
	color: #879772;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: .05em;
	line-height: .8em;
	}
#content h2.tag {
	color: #b1c5b1;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	}
#content h3 {
	color: #555;
	font-size: 20px;
	font-weight: normal;
	}
#content .exam-header-left {
  color: #555;
  font-size: 20px;
  font-weight: normal;
  float: left; width: 125px;  
  }
#content .exam-header-multi-date {
  color: #555;
  font-size: 1.2em; 
  line-height: 1.7em;
  float: left; 
  width: 390px; 
  margin-bottom: 1.05em; 
  }
  	
	#content h3.error {
		background: #ffe4e4;
		border: 1px dotted #ca1212;
		border-left: 0;
		border-right: 0;
		color: #ca1212;
		padding: .5em;
		text-align: center;
		}
  #content h3.message {
    background: #CCFFD9;
    border: 1px dotted #00751D;
    border-left: 0;
    border-right: 0;
    color: #00751D;
    padding: .5em;
    text-align: center;
  }

  #content h3.warn {
    border: 1px dotted #B88A00;
    border-left: 0;
    border-right: 0;
    padding: .5em;
    text-align: center;
    background:#FFF6BF;
    color:#514721;
  }
  #content h3.warn a {
    color:#514721;
  }



#content span.hr {
	background: url(../images/hr_l.gif) left top no-repeat;
	display: block;
	padding-left: 7px;
	}
	#content span.hr div {
		background: url(../images/hr_r.gif) #fff right top no-repeat;
		border: 0;
		display: block;
		height: 7px;
		}

#content_left, #content_right {
	}
	#content_left.home {
		margin-top: 0;
		}
	#content_right.home {
		margin-top: 2.7em;
		}
#content_left h2, #content_right h2, #content_left h3, #content_right h3 {
	margin: 0;
	}

#content_left {
	clear: left;
	float: left;
	width: 515px;
	}
	#content_left h1 {
		line-height: .8em;
		}
	#content_left h3 {
		color: #879772;
		margin-bottom: 0em;
		}

	#content_left blockquote {
		margin-top: -.5em;
		margin-bottom: 2em;
		}

#content_right {
	clear: right;
	float: right;
	width: 210px;
	}
	#content_right h2 {
		color: #bac6ba;
		font-weight: normal;
		}


/* --- Buttons --- */
a.button {
	background: url(../images/button_bg.gif) center center no-repeat;
	display: block;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	text-align: center;
	text-decoration: none;
	width: 132px;
	}
	a.button:hover {
		color: #a33f3f;
		}

/* --- Home Page --- */
#center_graphic {
	background: url(../images/center_graphic2.jpg) center top no-repeat;
	height: 150px;
	width: 750px;
	}
	#center_graphic .badge {
		float: right;
		margin: 30px 20px 0 0;
		}

ul#center_navigation {
	float: right;
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0;
	width: 208px
	}
	ul#center_navigation li {
		text-align: right;
		width: 208px;
		}
		ul#center_navigation li a {
			background: url(../images/center_navigation_bg.png) center top no-repeat !important;
			background: none;
			color: #606060;
			cursor: pointer;
			display: block;
			font: normal 1.5em verdana, tahoma, arial;
			height: 45px;
			line-height: 45px;
			padding: 0 10px;
			text-align: right;
			text-decoration: none;
			width: 188px;
			}
		* html ul#center_navigation li a {
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/projects/training/themes/default/images/center_navigation_bg.png", sizingMethod="image");
			}
			ul#center_navigation li a:hover {
				color: #892f2f;
				}


/* --- Homepage Testimonials --- */
ul.quotes {
	background: url(../images/quotes_bg_top.gif) center top no-repeat;
	font-size: 1.2em;
	list-style-type: none;
	margin-bottom: 1em;
	padding: 3px 0;
	}
	ul.quotes li {
		border: 1px solid #d8e2d8;
		border-bottom: 0;
		border-top: 0;
		color: #444;
		font-size: .8em;
		margin: 0;
		padding: 0;
		}
		ul.quotes li p {
			border-bottom: 1px solid #d8e2d8;
			margin: 0 10px;
			padding: 8px;
			text-indent: 0;
			}
			ul.quotes li p.noline {
				border: 0;
				}
		ul.quotes li small {
			display: block;
			font-size: .9em;
			margin: .7em 0 0 2em;
			text-indent: 0;
			}
		ul.quotes li.bottom {
			background: url(../images/quotes_bg_bot.gif) center bottom no-repeat;
			border: 0;
			height: 3px;
			font-size: 0px;
			line-height: 0px;
			}

/* --- Company Links --- */
ul.company {
	background: none;
	font-size: 1.2em;
	list-style-type: none;
	margin-bottom: 1em;
	padding: 3px 0;
	}
	ul.company li {
		border: 1px solid #d8e2d8;
		border-bottom: 0;
		border-top: 0;
		color: #444;
		font-size: .8em;
		margin: 0;
		padding: 0;
		}
		ul.company li p {
			border-bottom: 1px solid #d8e2d8;
			margin: 0 10px;
			padding: 8px;
			text-indent: 0;
			}
			ul.quotes li p.noline {
				border: 0;
				}
		ul.company li small {
			display: block;
			font-size: .9em;
			margin: .7em 0 0 2em;
			text-indent: 0;
			}
		ul.company li.bottom {
			background: url(../images/quotes_bg_bot.gif) center bottom no-repeat;
			border: 0;
			height: 3px;
			font-size: 0px;
			line-height: 0px;
			}

/* --- Homepage Courses List --- */
ul#home_courses {
	list-style-type: none;
	}
	ul#home_courses li {
		background: url(../images/homepage_courses_bg.gif) #f0f8f0 left top no-repeat;
		margin-bottom: 2em;
		}
		ul#home_courses li h3 {
			color: #944646;
			font-size: 1.3em;
			padding: 5px 10px 0 10px;
			}
		ul#home_courses li p {
			background: url(../images/homepage_courses_bottom.gif) #f0f8f0 left bottom no-repeat;
			font-size: .9em;
			margin: 0;
			padding: 0 10px 10px 10px;
			text-indent: 0;
			}
		ul#home_courses li a {
			color: #ca1212;
			display: block;
			font-weight: bold;
			text-align: right;
			}
		ul#home_courses li a:hover {
			color: #DF9F45;
			}


/* --- Forms --- */
.login_form fieldset, #coupon_form fieldset {
	border: 1px solid #bcc5bd;
	margin: .5em 1em 1.5em 1em;
	padding: 1em;
	}
.login_form input, .login_form label {
  padding: 2px;
  margin: 3px;
} 

.login_form label, #coupon_form label {
	clear: left;
	float: left;
	color: #444;
	font: bold 1.3em arial, Verdana, Helvetica, sans-serif;
	width: 8em;
	}

.login_form legend, #coupon_form legend {
	color: #df9f45;
	font: bold 1.5em arial, verdana, tahoma;
	}
	
.password_form fieldset{
	border: 1px solid #bcc5bd;
	margin: 1em;
	padding: 1em;
	}
.password_form input, .password_form label {
	padding: 2px;
	margin: 3px;
}	
.password_form label {
	clear: left;
	float: left;
	color: #444;
	font: bold 1em arial, Verdana, Helvetica, sans-serif;
	width: 175px;
	}

.password_form legend {
	color: #df9f45;
	font: bold 1.5em arial, verdana, tahoma;
	}

#home_newsletter {
	background: url(../images/homepage_courses_bg.gif) #f0f8f0 left top no-repeat;
	display: block;
	padding-top: 5px;
	}
#home_newsletter fieldset {
	background: url(../images/homepage_courses_bottom.gif) #f0f8f0 left bottom no-repeat;
	border: 0;
	padding: 0 10px;
	}
#home_newsletter label {
	display: block;
	}
#home_newsletter input {
	margin: 0 0 .5em .2em;
	}




/* 6) FOOTER
---------------------------------------------------------------- */
#footer_wrapper {
	background: url(../images/footer_bg.gif) center bottom no-repeat;
	height: 22px;
	padding-top: 5px;
	}

ul#footer_navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	ul#footer_navigation li {
		border-right: 1px solid #8b918c;
		float: left;
		font-size: 1.1em;
		margin: 0 .2em;
		padding: 0 .6em;
		}
		ul#footer_navigation li a {
			color: #8b918c;
			text-decoration: none;
			}
			ul#footer_navigation li a:hover {
				color: #1f1f1f;
				}
		ul#footer_navigation li.backtotop {
			border: 0;
			float: right;
			}

/* #) HACKS
---------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
* html .clearfix {height: 1%;}




.info {
  padding:1.5em;
  margin-bottom:1em;
  margin-top:1em;
  border: 1px solid #FFD966;
  background:#FFF2CC;
  margin: 0 12px;
}



.error, .message, .warn {
  padding:1.5em;
  margin-bottom:1em;
  margin-top:1em;
  border:2px solid #FBC2C4;
  background:#FBE3E4;
  color:#8a1f11;
}
.error a {
  color:#8a1f11;
}
.error p {
  margin: 0;
}


.success {
  padding: 1em;
  border: 2px solid #B0DCB0;
  background: #C3FFC0;
  color: #264409;
}
.success a {
  color: #8a1f11;
}
.success p {
  margin: 0;
}


.referral {
  font-weight: bold;
}
.referral .xb1, .referral .xb2, .referral .xb3, .referral .xb4  {
   background-color: #ecf4ec;
}
  
.referral  .head {
  color: #004D00;
  font-size: 12pt; 
}

.referral .bigtext {
  font-size: 12pt; 
}


.referral .highlight {
  color: #004D00;
}

#mobilelink {
  float: right;
  color: #5A5E5A;
  margin: 2px 5px 5px 5px;
}

#referlink {
  float: right;
  color: #5A5E5A;
}

#referlink.alight {
  color: #DF9F45;
  cursor: pointer;  
}

.product-header {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 192%;
  margin: 0; 
  padding: 0; 
  padding-bottom: 5px;
  color: #879772;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: .05em;
  line-height: 1em;
}