body {margin: 0; padding: 0; background: url(images/bg.jpg) repeat #1c1c1c; font-family: 'PT Sans', sans-serif; color: #2d2d2d;}
form {margin: 0; padding: 0;}
hr {margin: 0; height: 1px; border: none; background-color: #000000; color: #000000;}
a {outline: none;}
img {border: none;}
.push {clear: both; height: 0;}


/*------  Header  ----------------------------------------------------------------------------*/
.header {width: 950px; margin: 0 auto;}
.logo {width: 347px; height: 63px; /* 58 */ /*background-color: #99FF33;*/ margin-top: 10px;}


/*------  Banners  ---------------------------------------------------------------------------*/
.banner {
	border-radius: 5px;
	color: #ffffff;

	background: #435c95;
	background: -moz-linear-gradient(-45deg,  #435c95 0%, #2d3e64 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#435c95), color-stop(100%,#2d3e64));
	background: -webkit-linear-gradient(-45deg,  #435c95 0%,#2d3e64 100%);
	background: -o-linear-gradient(-45deg,  #435c95 0%,#2d3e64 100%);
	background: -ms-linear-gradient(-45deg,  #435c95 0%,#2d3e64 100%);
	background: linear-gradient(135deg,  #435c95 0%,#2d3e64 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435c95', endColorstr='#2d3e64',GradientType=1 );
}
.banner_headline {
	margin: 0;
	padding-top: 10px;
	font-size: 36px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px 2px #131a2a;
	text-align: center;
}
.banner_subheadline {
	margin: 0;
	font-size: 22px;
	line-height: 20px;
	font-weight: bold;
	color: #c6d1eb;
	text-shadow: 1px 1px 2px #131a2a;
	text-align: center;
}
	
	/*---  Home  ---*/
	.home_banner_table {margin: 0px auto 25px auto;}
	.home_banner_table td {padding: 0 40px; vertical-align: top;}
	.home_banner_steps {
		font-weight: bold;
		font-size: 18px;
		color: #c6d1eb;
	}
	.home_bottom {margin: 20px 0 0 0;}
	.home_bottom_image {float: left; margin-right: 20px;}
	.home_bottom_headline {font-size: 28px; color: #2d3e64; font-weight: bold;}	
	.home_bottom_subheadline {font-size: 18px; color: #2d3e64; font-weight: bold;}
	.home_misc {
		margin: 20px 0 10px 0;
		background-color: #CCCCCC;
		border-radius: 5px;
		padding: 10px 20px;
	}	
		.home_misc a {color: #2d2d2d;}
		
	/*--- JobView  ---*/
	.jv_banner_image {float: left; padding-left: 50px;}
	.jv_banner_text {margin: 60px 0 0 450px; font-size: 18px;}
	.jv_banner_phone {font-size: 28px; font-weight: bold; margin: 0 0 10px 0;}

	/*--- FAQs  ---*/
	.faq_link {display: block; margin: 10px 0; color: #ffffff; padding-left: 40px;}

/*------  Menu  ------------------------------------------------------------------------------*/
.menu {
	margin: 19px 0 0 0;
	height: 42px;
	float: right;
	background-color: #101010;
	border: 1px solid #202020;
	border-radius: 10px 10px 0 0;
	color: #f1f1f1;
}
.menu a {
	display: inline-block; 
	height: 32px;
	margin: 0 10px; 
	padding: 10px 20px 0 20px; 
	color: #f1f1f1; 
	text-decoration: none;
}
.menu a:hover {background-color: #151515; box-shadow: -1px 0 2px #000000, 1px 0 2px #000000;}

		.drop {list-style: none; margin: 0; padding: 0;}
		.drop li {position: relative; display: inline;}
		.drop li:hover ul {left: 10px;} /* Same as .menu a margin-left */
		/* Sub Menu */
		.drop ul {
			position:absolute;
			top: 100%; /* IE 7 */
			left: -9999px;
			margin: 10px 0 0 0;
			padding: 0 0 0 0;
			text-align:left;
			border-radius: 0 0 10px 10px;
			background-color: #151515;
			box-shadow: -1px 2px 2px #000000, 1px 2px 2px #000000;
		}
		/* Sub Menu Links */
		.drop ul a {height: 20px; margin: 0; padding: 10px 20px; color: #d1d1d1; border-radius: 0 0 10px 10px; white-space: nowrap;}
		.drop ul a:hover {color: #f1f1f1; box-shadow: none;}
		
		.drop ul li {display: block;}
		



/*------  Buttons  ---------------------------------------------------------------------------*/
.orange_button {
	padding: 8px 40px;
	border: 1px solid #d79006;
	border-radius: 10px;
	display: inline-block;
	box-shadow: 1px 1px 1px #141f3c;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #832c01;
	text-decoration: none;
	cursor: pointer;
	
	background: #e67007;
	background: -moz-linear-gradient(top,  #e67007 0%, #c25e05 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e67007), color-stop(100%,#c25e05));
	background: -webkit-linear-gradient(top,  #e67007 0%,#c25e05 100%);
	background: -o-linear-gradient(top,  #e67007 0%,#c25e05 100%);
	background: -ms-linear-gradient(top,  #e67007 0%,#c25e05 100%);
	background: linear-gradient(to bottom,  #e67007 0%,#c25e05 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67007', endColorstr='#c25e05',GradientType=0 );
}
	.orange_button:active {background: #C55F05;}
	
.green_button {
	padding: 8px 40px;
	border: 1px solid #14844b;
	border-radius: 10px;
	display: inline-block;
	box-shadow: 1px 1px 1px #2d2d2d;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #104618;
	text-decoration: none;
	cursor: pointer;
	
	background: #1bb366;
	background: -moz-linear-gradient(top,  #1bb366 0%, #179354 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1bb366), color-stop(100%,#179354));
	background: -webkit-linear-gradient(top,  #1bb366 0%,#179354 100%);
	background: -o-linear-gradient(top,  #1bb366 0%,#179354 100%);
	background: -ms-linear-gradient(top,  #1bb366 0%,#179354 100%);
	background: linear-gradient(to bottom,  #1bb366 0%,#179354 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bb366', endColorstr='#179354',GradientType=0 );
}
	.green_button:active {background: #179354;}
	
.blue_button {
	padding: 5px 20px;
	border: 1px solid #14844b;
	border-radius: 10px;
	display: inline-block;
	box-shadow: 1px 1px 1px #2d2d2d;
	color: #ffffff;
	font-size: 18px;
	text-shadow: 1px 1px 0px #104618;
	text-decoration: none;
	cursor: pointer;
	
	background: #435c95;
	background: -moz-linear-gradient(top,  #435c95 0%, #2d3e64 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#435c95), color-stop(100%,#2d3e64));
	background: -webkit-linear-gradient(top,  #435c95 0%,#2d3e64 100%);
	background: -o-linear-gradient(top,  #435c95 0%,#2d3e64 100%);
	background: -ms-linear-gradient(top,  #435c95 0%,#2d3e64 100%);
	background: linear-gradient(to bottom,  #435c95 0%,#2d3e64 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435c95', endColorstr='#2d3e64',GradientType=0 );
}
	.blue_button:active {background: #2d3e64;}
	
	
/*------  Content  ---------------------------------------------------------------------------*/
.page {
	margin: 0 auto;
	padding: 10px;
	width: 950px;
	background-color: #f5f5f5;
	border-radius: 5px;
}
.content {
	padding: 20px 25px;
}
	.content h1 {margin-top: 0; color: #2d2d2d;}
	.content h2 {color: #2D3E7C;}
	.content a {color: #2d2d2d;}


/*------  JobView Features  ------------------------------------------------------------------*/
.feature_table {width: 100%; margin: 0 0 20px 0;border-spacing: 0;}
.feature_table th {text-align: left; padding: 5px 0; background-color: #425A92; color: #ffffff; font-weight: bold; cursor: pointer;}
.feature_table td {}
.feature_table tr {display: none;}
tr.section_header {padding: 5px 0; background-color: #425A92; color: #ffffff; font-weight: bold; cursor: pointer; display: table-row;}
.section_title {font-size: 20px; padding-left: 10px; text-shadow: 1px 1px 0px #293759;}
th.edition {padding: 0 10px; vertical-align: middle; text-align: center; color: #425A92;}
.dark {background: #dcdfee;}
.checkmark {font-size: 32px; text-align: center; line-height: 30px; /* TD Padding */}

.screenshot {float: right; margin-left: 10px;}

/*------  Training Videos --------------------------------------------------------------------*/
.training_table {width: 100%; margin-bottom: 15px; border: 1px solid #acaebb; border-radius: 10px; background-color: #ffffff;} /* great mushroom burgers */
.training_table th {font-size: 20px; font-style: italic; text-align: left; padding: 3px;}
.training_table td {padding: 3px;}
.duration {width: 80px;}
.training_table tr:nth-child(odd) {background-color: #dcdfee;} /* row stripes */

.training_video {
	display: none;
	padding: 0px; 
	background-color: #000000;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 0 20px #000000;
	
	position: absolute; 
	z-index: 100;
	width: 800px;
	height: 600px;
	
}
.overlay {
	background-color: #000000;
   	opacity: .8;
   	filter: alpha(opacity=80);
   	position: absolute; top: 0; left: 0;
   	width: 100%; height: 100%;
   	z-index: 10;
	cursor: pointer;
	display: none;
}
.closeBox {
	float: right;
	margin: -10px -10px 0 0; /* 50% of width & height */ 
	width: 20px; height: 20px; border-radius: 20px;
	border: 2px solid #ffffff;
	background-color: #000000;
	text-align: right;
	color: #ffffff;
	font-size: 20px; 
	line-height: 15px; /* Vertical Align */
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 0 0 5px #000000;
}

/*------  Footer  ----------------------------------------------------------------------------*/
.footer {margin: 20px 0; text-align: center; color: #e1e1e1; font-size: 14px;}
.footer_menu a {margin: 0 10px; color: #f5f5f5;}
.copyright {margin: 10px 0 0 0;}
.copyright, .copyright a {color: #cacaca;}