/*
|--------------------------------------------------------------------------
| Layout CSS File - Contains all layout structure.  Compatible with IE 6,7,8 FF 2,3 Safari 2,3.
|--------------------------------------------------------------------------
|
| Category: Public
| Author: Charles Himmer with PyrBlu, Inc.
|
| Copyright 2009. All Rights Reserved. The CSS, XHTML and design is protected and all rights are reservers. 2009.
|
*/


/* !----- DOM ----- */
	
	html{
		margin:0;
		padding:0;
	}
		
	body{	
		color:#595959;
		font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
		font-size:13px;
		text-decoration:	none;
		background:			url(img/bg.gif);
		color:				#595959;
		margin:				0;
		padding:			0;
	}
	
		body p, ol{
			font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
			font-size:12px;
			font-size-adjust:none;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:20px;
			
		}
	
	h1,h2,h3,h4{
		color:#1F464F;
		font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		letter-spacing:normal;
		line-height:28px;
		margin:5px 0px;
	}
	
		h1{
			font-size:32px;
		}
		
		h2{
			font-size:24px;
		}
		
		h3{
			font-size:20px;
		}
	
		h4{
			font-size:18px;
		}
		
	dd {
		float:left;
		margin:0;
		padding:0;
	}
		
	fieldset {
		border:1px solid #D3D3D3;
		margin:12px 0;
		padding:0 30px 10px;
	}
	
	hr{
		border: none;
		background-color: #A8A8A8;
		color: #A8A8A8;
		height: 1px;
		margin:0px;
		padding:0px;
	}
	
	noscript div{
		border:1px solid #000;
		padding:10px;
	}
	
	noscript p, noscript ol {
		color:#AA0000;
		font-size:13px;
		text-align:left;
	}
	
	address{
		font-style:normal;
		margin-left:15px;
	}
	
	.side_by_side dt{
		float:left;
	}

	
/* !----- IMAGES ----- */
	
	img{
		border: none;
	}


/* !----- MAIN PAGE STRUCTURE ----- */
	
	#header_wrapper{
		background: url(img/header_bg.gif) repeat-x scroll;
		height: 52px;
		color: #E8E9E9;
		width:100%;
	}
	
	#header{
		width:831px;
		margin:0px auto;
		font-family:trebuchet ms,myriad,tahoma,verdana;
		font-size:13px;
		padding-top:20px;
	}
		#header a:link, #header a:visited {
			color:#F3F3F3;
			font-weight:800;
		}
		
		#header a:hover{
			color:#9fd718;
		}
	
	.wrapper{
		width:900px;
		margin:0px auto;
		background:#fff url(img/grad_wrapper.gif) repeat-y scroll;
	}
	
	.body_content{
		width:820px;
		margin:0px auto;
	}
	
	#top_nav_bar{
		background:transparent url(img/top_nav_bg.gif) no-repeat scroll center top;
		padding-top:10px;
	}
	
	
	#logo{
		float:left;
		margin:10px 15px 10px 0px;
	}
	
	#menu{
		float:right;
		padding-top:55px;
		z-index:100;
		font-family:Arial;
		font-size:12px;
		font-weight:500;
	}
	
	#highlight{
		background:transparent url(img/highlight_bg.gif) repeat scroll 0 0;
		z-index:-100;
	}
	
		#highlight_wrapper{
			background:transparent url(img/highlight_side.gif) repeat-y scroll 0 0;
			margin:0 auto;
			width:900px;
		}
		
			#highlight_left, #highlight_right{
				border:1px solid #d7d7d7;
				height:100px;
				text-align:center;
				width:424px;
				cursor:pointer;
			}
			
			#highlight_left{
				float:left;
				position:relative;
				left:24px;
				background:transparent url(img/highlight_green_sprite.jpg) repeat scroll 0 0;
			}
			
			#highlight_right{
				float:right;
				position:relative;
				left:-23px;
				background:transparent url(img/highlight_orange_sprite.jpg) repeat scroll 0 0;
			}
			
			.highlight_hover{
				background-position:-425px;
			}
			
			#page_heading{
				background:#89B4DF none repeat scroll 0 0;
				border-bottom:1px dotted #5E7C9B;
				border-top:1px dotted #5E7C9B;
				color:#FFFFFF;
				font-size:20px;
				padding:3px 0;
				text-align:center;
				margin:0px 23px 0px 24px;
			}
	
	#audience{
		background:transparent url(img/audience_bg.gif) 0 0;
		width:150px;
		text-align:center;
		padding:5px;
		margin:0px auto;
		border:1px dotted #ababab;
		border-top-width:0px;
		font-size:15px;
	}
	
	#site_map{
		background:transparent url(img/site_map_big.gif) repeat-x scroll 0 0;
		margin:0px 24px 0px 25px;
	}
	
		#site_map table{
			font-family:trebuchet ms,myriad,tahoma,verdana;
		}
	
		#site_map h2{
			color:#587788;
			font-size:25px;
			font-weight:normal;
			letter-spacing:-0.01em;
			line-height:1em;
			text-align:left;
			padding-top:10px;
		}
		
		#site_map th{
			font-size:15px;
		}
		
		#site_map a:link{
			color:#655F5F;
			text-decoration:none;
		}
		
		#site_map a:visited{
			color:#8F8686;
			text-decoration:none;
		}
		
		#site_map a:hover{
			color:#627387;
			text-decoration:underline;		
		}
	
	#footer{
		background:transparent url(img/footer_bg.gif) repeat-x scroll 0 0;
		margin:0px 24px 0px 25px;
		padding:28px 15px 10px 15px;
		color:#959595;
		font-size:11px;
	}
	
	#footer a:link{
		color:#979797;
	}
			
	
/* !----- SUB CORE IDS ----- */

	#js_warning{
		text-align:center;
		margin:10px;
		font-size:24px;
		color:#BF2025;
	}
	
	
	#video_home_list{
		border-left:1px solid #CCCCCC;
		width:230px;height:400px;
		margin-left:15px;
		padding-left:15px;
		float: right;
	}
		#video_home_list div{
			padding:5px 0px 5px 5px;
			border:1px solid #fff;
		}
	
		#video_home_list div:hover{
			background:url(img/selected_blue.jpg);
			border:1px solid #e7e7e7;
		}
		
		#video_home_list img{
			width:80px;
			border:2px solid #ababab;
		}

		
/* !----- GLOBAL CLASSES ----- */
	.left{
		float:left;
	}
	
	.right{
		float:right;
	}
	
	.center{
		margin:0px auto;
	}
	
	.clear{
		clear:both;
	}
	
	ul.side{
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	
	ul.side li{
		float:left;
		width:50%;
	}
	
	/* !----- FORM GLOBAL CLASSES ----- */
	
	/* REQUIRED BUTTON STYLES: */		
	button { 
		position: relative;
		border: 0; 
		padding: 0;
		cursor: pointer;
		overflow: visible; /* removes extra side padding in IE */
	}
	
	button::-moz-focus-inner {
		border: none;  /* overrides extra padding in Firefox */
	}
	
	button span { 
		position: relative;
		display: block; 
		white-space: nowrap;	
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		button span {
			margin-top: -1px;
		}
	}
	
	
	/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
	button.submitBtn { 
		padding: 0 15px 0 0; 
		margin-right:5px; 
		font-size:1.75em; 
		text-align: center; 
		background: transparent url(img/btn_blue_sprite.gif) no-repeat right -140px; 
	}
		.btn_disabled{
			padding: 0 15px 0 0; 
			margin-right:5px; 
			font-size:1.75em; 
			text-align: center; 
			background: transparent url(img/btn_grey_sprite.gif) no-repeat right -140px; 
		}
		
	button.submitBtn span {
		padding: 13px 0 0 15px; 
		height:37px; 
		background: transparent url(img/btn_blue_sprite.gif) no-repeat left top; 
		color:#fff; 
	}
		.btn_span_disabled{
			padding: 13px 0 0 15px; 
			height:37px; 
			background: transparent url(img/btn_grey_sprite.gif) no-repeat left top;
			color:#fff; 
		}
		
	button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
		background-position: right -210px; 
	}
		
	button.submitBtn:hover span, button.submitBtnHover span {
		background-position: 0 -70px;
	}
		
	.form_errors > p {
		background:#fbe6f2;
		background-image: url(img/error_icon_15.png);
		background-repeat: no-repeat;
		background-position: 10px 3px;
		border:1px solid #d893a1;
		width:450px;
		text-align:center;
		height:20px;
		margin:10px auto;
	}
		
	.big_form{
		-moz-border-radius-bottomleft:11px;
		-moz-border-radius-bottomright:11px;
		-moz-border-radius-topleft:11px;
		-moz-border-radius-topright:11px;
		background:#f2f2f2 none repeat scroll 0 0;
		border:1px solid #d7d7d7;
		font-weight:normal;
		margin:0px auto;
		padding:0px 16px 30px;
		width:425px;
	}
	
		.big_form > label{
			color:#616264;
			display:block;
			font-size:16px;
			margin:30px 0 7px;
			padding:0;
		}
		
		.big_form > input{
			-moz-border-radius-bottomleft:8px;
			-moz-border-radius-bottomright:8px;
			-moz-border-radius-topleft:8px;
			-moz-border-radius-topright:8px;
			-x-system-font:none;
			border-color:#BBBBBB;
			font-size:25px;
			font-family:trebuchet ms,myriad,tahoma,verdana;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:normal;
			margin:0;
			outline-color:-moz-use-text-color;
			outline-style:none;
			outline-width:0;
			padding:7px;
			background:#FFFFFF url(img/input_bg.gif) repeat-x scroll center top;
			border:1px solid #BBBBBB;
			color:#595959;
		}
		
		.big_form a:link,.login_meta a:visited{
			color:#5e7c9b;
		}
		
		.big_form a:hover,.login_meta a:visited:hover{
			color:#9fd718;
		}
	
	
	/* !----- RESOURCE TABLE ----- */
		.resource th{
			font-size:14px;
		}
		
		.resource td{
			padding:0px 3px 0px 15px;
		}
		
		.resource dd{
			padding-left:5px;
		}
		
		.walls_up{
			border-color:#e1e1e1;
			border-style:dashed;
			border-width:0px 1px;
		}
		
		.resource a{
			color:#655F5F;
			text-decoration:none;
		}
		
		.resource a:visited{
			color:#8F8686;
			text-decoration:none;
		}
		
		.resource a:hover{
			color:#627387;
			text-decoration:underline;		
		}
		
	
	#video_catologue{
		width:720px;
	}
	
		#video_catologue h4{
			font-family:tahoma,arial,sans-serif;margin:0px;
		}
		
	/* !----- VIDEO THUMBS ----- */
	
	.video_thumb dd{
		cursor:pointer;
		float:left;
		height:100px;
		margin:10px;
		width:300px;
	}
		.video_thumb a{
			text-decoration: none;	
		}
		
		.video_thumb div{
			float:left;
			margin:5px 0px 0px 10px;
			width:160px;
		}
		
		.video_thumb h4{
			color:#555555;
			font-family:tahoma,arial,san-serif;
			font-size:11px;
			font-weight:bold;	
			margin:0px;
			padding:0px;
			line-height:normal;	
		}
		
		.video_thumb img{
			border:1px solid #cecece;
			float:left;
			height:90px;
			margin:5px 0 0 5px;
			width:120px;
		}
		
		.video_thumb p{
			color:#777777;
			font-family:tahoma,arial,helvetica,sans-serif !important;
			font-size:11px !important;
			font-size-adjust:none !important;
			font-style:normal !important;
			font-variant:normal !important;
			font-weight:normal !important;
			line-height:normal !important;
			margin:8px 0;
		}
		
		.video_thumb dd:hover {
			background: #F5FDE3 url(img/resourceHover.gif) no-repeat scroll 0 0;
		}
		
		#series_selected{
			border-right:1px solid #ababab;
			border-left:1px solid #ababab;
			background:url(img/selected_green.jpg);
		}
		
		.series_thumb{
			padding:8px 10px;
			float:left;
			width:120px;
			text-align:center;
			height:125px;
		}
		
		.series_thumb img{
			border:1px solid #cecece;
		}
		
		.series_thumb:hover{
			background:url(img/selected_blue.jpg);
		}
		
		.page_video_thumb{
			float:right;
			border:1px dashed #a8a8a8;
			background:#e7e7e7;
			margin:2px 0px 10px 15px;
		}
		

/* !----- LINKS ----- */

	a:link{
		color:#655F5F;
	}
	a:hover{
		color:#627387;
	}
	a:visited, a:active, a:focus{
		color:#8F8686;
	}
	a:visited:hover{
		color:#8F8686;
	}
	a:active{
	}
	a:focus{
	}


	.product_link{
		text-decoration:none;
		border-bottom:1px dotted #5e7c9b;
	}
	
	
	
/* !------ E-Courses ----- */

	.ecourse_box{
		border:1px solid #000;
		width:375px;
	}