/* ---------------------------------------------
Streaming Safety Screen Style Sheet
author: cyberwoven
version:  2007.04
----------------------------------------------- */

body {
	font:normal 12px/20px Myriad, Helvetica, Arial sans-serif;
	color:#333;
	margin:0;
	padding:0;
	background:#333 url(../images/bodygray.gif) repeat-y center; 
	text-align:center;}

a,
a:link {color:#069; text-decoration:underline;}
a:visited {color:#036;}
a:hover {text-decoration:none;}

p {margin:5px 0 15px 0; padding:0;}

small {font-size:11px;}

h2 {color:#004070; font-size:25px; line-height:32px; font-family:"Century Gothic", myriad, helvetica, arial; margin-top:15px;}
h3 {color:#004070; font-size:23px; line-height:30px; font-family:"Century Gothic", myriad, helvetica, arial; margin:10px 0 0 0;}
h4 {font-size:16px; line-height:20px; margin:0 0 10px 0;}

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/* Forms
----------------------------------------------- */
form {border:none; margin:0; padding:0;}
form fieldset {border:none; display:block; margin:0; padding:0;}
form .formrow { display:block; clear:both; }
form label {display:block; float:left; width:120px; text-align:right; padding:0 5px 0 0; margin-bottom:10px;}
form select {font-size:12px; padding:0; float:left; margin-bottom:10px; border:1px solid #ccc;}
form input.textbox {margin:0 10px 0 0; padding:1px 3px; border:1px solid #ccc;}
form textarea {width:225px; border:1px solid #ccc; padding:5px;}
form input.button, form input.buttonfloatright {display:inline-block; font-size:12px; padding:8px 15px; cursor:pointer; color:#fff; margin:0; width:auto !important; background:#444; border:1px solid #1f1f1f;}
	form input.button:hover, form input.buttonfloatright:hover { background:#000; border-color:#000; }
	form input.buttonfloatright {float:right;}
form label.required {font-weight:bold;}
form .checkboxlist {display:block; margin-top:20px; margin-left:83px;}
form .checkboxlist input {float:left; clear:left; margin:5px 10px 0 20px;}
form .checkboxlist label {float:left; clear:none; width:275px; text-align:left;}
.checkboxlist br {clear:left;}
.inlinebutton {position:relative; top:-8px;}
.dropdownlist {margin-right:5px;}
.bottom_controls { display:block; padding:10px 20px; margin:0 0 18px 0; background:#eaeaea; border-bottom:dashed 1px #bfbfbf; }




/* Log in Page
----------------------------------------------- */
	body.login { text-align:left; background:#e7e6e6; }
		.login .wrapper { display:block; width:620px; margin:0 auto; padding:0 20px; text-align:left; position:relative; }
			* html .login .wrapper { width:680px; }
			
			.login #header { display:block; text-align:center; width:100%; background:#fff; padding:10% 0 44px 0; }
				.contact #header, .termsConditions #header { padding-top:50px !important; }
				.login #header h1#logo { padding:0; width:421px; height:41px; }
					.login.custom #header h1#logo { width:auto; max-width:421px; height:auto; max-height:200px; }
					.login #header h1#logo a { width:100%; height:100%; background:url(../images/login/main_logo.png) no-repeat 0 0; }
						.login.custom #header h1#logo a { background-image:url(../images/login/customLogos/enternameoflogo.png); }
				.login #header h2 { display:block; height:14px; width:284px; text-indent:-9999px; font-size:0; line-height:0; background:url(../images/login/streamingSafety-main.gif) no-repeat 0 0; }
					.login.custom #header h2 { background-image:url(../images/login/streamingSafety.gif); }
			
			.login #yourSource { display:block; text-align:center; width:100%; padding:10px 0 3px; background:#2d2d2d url(../images/login/gray_grad.jpg) repeat-x 0 100%; border-bottom:solid 5px #ff8000; }
				.login #yourSource h3 { margin:0; color:#fff; font-size:18px; font-weight:normal; }
			
			.login #bottom { display:block; text-align:center; padding-top:14px; width:100%; background:#e7e6e6; border-top:solid 1px #fff; }
				.login #bottom .loginform { margin:0 0 18px -14px; }
					.login.forgotPassword #bottom .loginform { margin-bottom:200px; }
					.login #bottom .content { margin-bottom:200px; }
					.login #bottom .contact { margin-bottom:200px; }
						.login #bottom .contact .left { width:320px; float:left; }
							.login #bottom .contact .fieldset {}
								.login #bottom .formrow { display:block; margin:0 0 10px 0; }
									.login form #bottom .formrow label { display:block; float:none; width:auto; text-align:left; padding:0; margin:0; }
									.login form #bottom .formrow input.textbox { display:block; float:none; margin:0; width:296px; padding:10px 12px; }
									.login form #bottom .formrow select { float:none; width:320px; }
									.login form #bottom .formrow textarea { width:300px; padding:10px; }
						.login #bottom .contact .right { width:190px; float:right; background:#eee; border:solid 1px #ccc; padding:19px; }
							.login #bottom .contact .right h4 { font-size:14px; line-height:1; margin:0 0 8px 0; }
							.login #bottom .contact .right p { margin:0 0 14px 0; }
					
					.forgotPassword #bottom .instructions { margin:0 0 20px 0; }
				
				.login #bottom .loginerror, .login #bottom .loginmessage { position:relative; display:block; border:none; padding:0; left:auto; margin:0 0 10px 14px; font-weight:bold; color:#ac1111; }
				.login #bottom .formbox { display:block; position:relative; float:left; width:248px; margin:0 7px 0 0; }
				.login .loginUsername label{display:none;}
				.login .loginPassword label{display:none;}
					* html .login #bottom .formbox { margin-right:5px; }
					.login #bottom .last { margin:3px 0 0 0 !important; width:121px !important; }
				.login form #bottom .loginform label { position:absolute; top:21px; left:14px; text-align:left; width:auto; margin:0; padding:0; float:none; font-size:20px; line-height:20px; color:#575757; }
				.login #bottom .logintextbox { display:block; width:220px; height:24px; padding:17px 14px 21px 14px; vertical-align:middle; font-size:20px; line-height:1; cursor:pointer; border:none; }	
					* html .login #bottom .logintextbox {width:248px; height:62px; }
					.login #bottom .logintextbox:focus { background-position:0 -124px !important; outline:none; }
					
					::-webkit-input-placeholder {color:#c0c0c0;}
					:-moz-placeholder {color:#c0c0c0;}
					.placeholder { color:#c0c0c0; }
					
				.login #bottom input.formsubmit { display:block; height:56px; width:121px; text-indent:-9999px; font-size:0; cursor:pointer; line-height:0; padding:0; margin:0; background:url(../images/login/login_button.png) no-repeat 0 0; border:none; }
					.forgotPassword #bottom input.formsubmit { background-image:url(../images/login/password_button.png) !important; }
					.login #bottom .contact input.formsubmit { float:right; margin-top:14px; background-image:url(../images/login/contact_button.png); }
					.login #bottom input.formsubmit:hover { background-position:0 -56px; }
					.login #bottom input.formsubmit:active { background-position:0 -112px; }
					
				.loginUsername input{background:url(../images/login/form-login-input-username.png) no-repeat 0 -62px;}
				.loginPassword input{background:url(../images/login/form-login-input-password.png) no-repeat 0 -62px;}
				
				.login #bottom .forgotPassword { display:block; clear:both; float:none; text-align:left; margin:0 0 200px 0; }
					.login #bottom .forgotPassword a { text-decoration:none; color:#505050; }
						.login #bottom .forgotPassword a:hover { text-decoration:underline; }
					
				.login #footer { background:none; text-align:left; color:#7f7e7e; }
					.login #footer #footerNav { margin:0; padding:0; float:left; }
						.login #footer #footerNav li { display:inline; margin-right:12px; list-style:none; }
							.login #footer #footerNav a { color:#505050; text-decoration:none; font-size:13px; }
								.login #footer #footerNav a:hover { text-decoration:underline; }
					.login #footer #meta { float:right; text-align:right; font-size:11px; }
						.login #meta a.cyberwoven { color:#7f7e7e; }
							.login #meta a.cyberwoven span { color:#505050; }
		



/* Layout Blocks
----------------------------------------------- */
#wrapper {display:block; position:relative; z-index:1; background:#fff url(../images/bodybg.gif) repeat-x; width:100%; border-top:1px solid #333;}
#container {width:800px; margin:50px auto 0 auto; text-align:left; position:relative;}
	h1#logo {margin:0; padding:24px 0; width:438px; height:62px;}
		h1#logo a {background:url(../images/streamingsafety.gif) no-repeat; display:block; width:438px; height:62px; font-size:1px; text-indent:-1337px; outline:0;}
	
	#searchbox {
		color:#fff;
		text-align:right;
		line-height:15px;
		width:255px;
		height:40px;
		background:url(../images/searchbox.gif) no-repeat right top;
		padding-right:10px;
		position:absolute;
		top:0;
		right:0;}
		#searchbox a {color:#fff !important;}
		#searchbox form {margin-top:5px;}
		#searchbox label {display:none;}
		#searchbox .searchtextbox {color:#000; width:120px; padding:2px 5px 4px 5px; margin:5px 0 0 5px; background:url(../images/searchtextboxbg.gif) repeat-x; border:none;}
		#searchbox .searchbutton {margin:5px 0 -6px 5px;}

	#loginbox {position:absolute; top:-50px; right:0; height:50px; padding:0; width:100%;}
		#loginbox.loginform {text-align:right; padding-top:10px;}
		#loginbox .logintextbox {color:#8E8E8E; width:120px; padding:2px 5px 4px 5px; margin:0 0 0 5px; background:url(../images/logintextboxbg.gif) repeat-x top right; border:none;}
		#loginbox .loginbutton {margin:0 0 -6px 5px;}
		.loginerror {position:absolute; left:0; color:#fff; font-size:12px; border:2px solid #555; width:440px; padding:5px 0 5px 5px; margin:-6px 0 0 0; text-align:left;}

		
		#loginbox ul#main_nav {margin:12px -5px 0 0; float:left; padding-left:0; white-space:nowrap;}
		#loginbox ul#main_nav li {display: inline; list-style-type: none;}
		#loginbox ul#main_nav a {padding: 3px 10px; font-size:12px; margin-right:5px;}
		#loginbox ul#main_nav a:link, #loginbox ul a:visited {color:#fff; background-color:#333; text-decoration: none;}
		#loginbox ul#main_nav a:hover {color:#fff; background-color:#555; text-decoration:none;}
		#loginbox ul#main_nav li.active a {background-color:#555; font-weight:bold;}

#loginbox .categoryjumper {float:right; font-size:14px; background:#000; height:32px; padding:13px 10px 0 15px; }
	ul#logged_in_nav { margin:0 0 0 15px; padding:0; float:left; }
		ul#logged_in_nav li { display:inline; list-style-type:none; padding:0; margin:0 5px 0 0; }
			ul#logged_in_nav li a:link, ul#logged_in_nav li a:visited { padding:3px 10px; font-size:14px; color:#fff; text-decoration:none; }
				ul#logged_in_nav li a:hover { background:#333; text-decoration:none; }
				ul#logged_in_nav li.active a { background:#333; font-weight:bold; }
#loginbox .categoryjumper label {font-size:14px; margin-bottom:0; color:#fff; width:100px; white-space:nowrap;}
  #loginbox .categoryjumper label {display:none;}
	
	.lefthalf {width:330px; float:left;}
		.lefthalf h4 {margin-top:8px;}

	.righthalf {width:449px; float:left; padding:0 0 0 20px; margin-bottom:10px; position:relative;}
		.padright p {margin-right:80px }
	.content {margin-bottom:10px;}
		
		
		
		
/* Video Deets
---------------- */

		.content .videobox { float:left; background:url(../images/video400bg.gif) no-repeat top center; width:480px; height:350px; text-align:center; padding-top:25px; padding-bottom:25px; margin:0 25px 10px 0;}
		* html .content .videobox {}
		.content .videobox object { }
		.content .video_details { display:block; float:right; width:294px; }
			.content .video_details ul.related_docs { margin:0 0 10px 0; padding:0; }
				.content .video_details ul.related_docs li { list-style:none; display:block; margin:0; padding:0; }
			.content .video_details a.take_quiz { display:block; margin:20px 0; text-indent:-9999px; width:239px; height:64px; background:url(../images/quiz_button.png) no-repeat 0 0; }
				.content .video_details a.take_quiz:hover { background-position:-239px 0; }
				.content .video_details a.take_quiz:active { background-position:-478px 0; }
				
		#test { text-align:left; padding:8px; width:823px; left:0; overflow:hidden; }	
			#test h2 { display:block; color:#fff; font-size:16px; font-weight:bold; float:left; margin:0 0 10px 10px; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }
			#testquestioncounter { display:block; float:right; color:#fff; margin:5px 50px 0 0; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }
				#testquestioncounter span { font-weight:bold; }
				
				#quiz_content, .testresults { position:relative; clear:both; display:block; color:#fff; padding:30px 50px 30px 50px; margin:0; width:685px; height:auto; overflow:auto; background:#2c1000 url(../images/fancybox/quiz_content_bg.jpg) repeat-x 0 0; border:solid 1px #522900; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
				
					#testinstructions { display:block; font-weight:bold; margin:0; padding:0 0 20px 0; border-bottom:dotted 1px #e17100; text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
					#questions { }
						#questions ul { margin:0; padding:0; }
						#quiz_content .question { margin:0; padding:0; list-style:none; }
							#quiz_content .question_header { display:block; position:relative; padding:0; margin:0; border-bottom:dotted 1px #e17100; }
								.question_header .questionnumber { display:block; float:left; width:7%; padding-left:2%; margin:15px 0 0 0; font-size:72px; line-height:72px; vertical-align:baseline; color:#bd9a85; }
								/* .question_header .questiontext { display:block; float:right; width:85%; clear:none; font-size:14px; } */
								.question_header .questiontext { display:block; margin:0 0 0 15%; padding:30px 0; clear:none; font-size:14px; }
							
							.question .options { display:block; position:relative; margin:0 0 60px 0; padding:15px 0 0 0; }
								.question .options tr { }
								.question .options td { width:667px; padding:4px 8px; }
									.question .options td.selected { background:#4c1b00; background:rgba(0,0,0,0.28); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
								.question .options input { margin:0 44px 0 0; }
								.question .options label { color:#dac7bc; }
									.question .options td.selected label { color:#fff; font-weight:bold; }
							
							#testsummary { font-size:14px; padding:30px 0 20px 0; margin:0 0 250px 0; text-align:center; border-top:dotted 1px #e17100; border-bottom:dotted 1px #e17100; }
							#loadingmessage { position:fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: 30px; margin-left: -30px; z-index: 1104; display: none; }
								.ie6 #loadingmessage { position: absolute; margin-top: 0; }
								#loadingmessage div {	position: absolute; top: 20; left:-20px; width: 120px; height: 540px; font-weight:bold; }
									.ie7 #loadingmessage div { left:-20px; }
									.ie8 #loadingmessage div { left:-20px; }
																
							.testresults { text-align:center; }	
								.testresults h3 { display:block; padding:0 0 20px 0; font-family:arial, 'helvetica neue', helvetica, sans-serif; font-size:24px; letter-spacing:1px; font-weight:normal; color:#fff; border-bottom:dotted 1px #e17100; }
									.testresults h3 .name { font-weight:bold; }
								.testresults .message { display:block; padding:20px 0; color:#fff; border-bottom:dotted 1px #e17100; }
									.testresults .message em { display:block; margin:0 0 10px 0; font-family:georgia,'times new roman', times, serif; font-style:italic; font-size:14px; color:#e3b699; }
									.testresults .message strong { display:block; margin:0 0 10px 0; font-weight:bold; font-size:18px; }
								.testresults .footer { color:#fff; }
								  .testresults .footer a { color:#fff; }
								
								.testresults #testcompleted { background:#fff; padding:5px; }
									#testcompleted .company_logo { display:block; margin:0 0 5px 0; background:#fff; padding:10px 0 5px 0; text-align:center;  }
										.company_logo img { margin:0 auto; height:40px !important; width:auto !important; }
									#testcompleted .certificate { display:block; margin:0 0 5px 0; padding:30px 0; background:#e1e1e1; }
										.testresults #testcompleted h3 { color:#000; border:none; }
										.testresults #testcompleted .message { color:#000; border:none; }
											.testresults #testcompleted .message em { color:#000; }
									#testcompleted .streaming_safety_logo { display:block; background:#191a19; padding:5px 0 10px 0; text-align:center; }
										.streaming_safety_logo img { margin:0 auto; }
								
							#quiz_content .error { position:absolute; font-weight:bold; color:#fff; display:block; padding:8px 10px; background:#cd0011; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
								
							#quiz_content .next_question { display:block; float:right; padding:5px 35px 5px 5px; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; background:none; background:url(../images/next_question_arrow.gif) no-repeat 98% 50%; border:none; cursor:pointer; }
								#quiz_content .next_question:hover, #quiz_content .next_question:active { font-size:17px; background-position:100% 50%; }
		
							.testresults .printcertificate { display:block; xfloat:right; clear:both; margin:30px 0; }
								.testresults .printcertificate a { padding:5px 38px 5px 5px; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; background:none; background:url(../images/print_certificate_icon.png) no-repeat 98% 50%; border:none; cursor:pointer; }
								.testresults .printcertificate a:hover, .testresults .printcertificate a:active { font-size:17px; background-position:100% 50%; }
							
		
		
		

#footer {clear:both; width:100%; background:#333; text-align:center; color:#ccc;}
	#footercontent {text-align:left; width:800px; height:150px; margin:0 auto; background:#5A5A5A url(../images/footergradient.gif) repeat-x; position:relative;}
		#footercontent ul {list-style:none; margin:0 0 20px 20px; padding:10px 0 0 0; width:311px; height:76px;}
		#footercontent ul li {display:inline; margin:0; padding:0;}
		#footercontent ul li a {display:block; height:25px; width:155px; float:left; border-bottom:1px solid #ccc; line-height:35px;}
			#footercontent ul li a:hover {text-decoration:none; color:#fff; border-bottom:1px solid #fff;}
	#footer a {color:#ccc; text-decoration:none;}
		#footer a:hover {text-decoration:underline; color:#fff;}
	#copyline {position:absolute; top:10px; left:350px; width:430px;}
		#copyline .underlined {border-bottom:1px solid #ccc; margin-bottom:8px; height:25px; line-height:35px;}

/* Reusables
----------------------------------------------- */

img.border {border:1px solid #ccc;}

.boxedin {border:1px solid #ccc; background:#eee; width:328px; padding-bottom:20px;}
	.boxedin h3 {margin-left:10px;}
	.boxedin .textbox {width:160px;}
	.boxedin p {margin:5px 15px 15px 15px;}

.clearleft {clear:left;}
.clear {border:0; clear:both; display:block; float:none; margin:0; overflow:hidden; visibility:hidden; width:0; height:0;}

.hidden {display:none;}

.homesamplevideo {width:330px height:300px; background:url(../images/home-videobox.gif) no-repeat; padding:5px 0 8px 5px;}
.homearrowbox {padding-bottom:125px; margin-bottom:10px; background:url(../images/home-bluearrow.gif) no-repeat bottom right;}

ul.homelist {height:130px; width:360px; padding:15px 0 0 20px; margin:10px 0 10px -20px; list-style:none; background:url(../images/home-ul.jpg) no-repeat;}
ul.homelist li {
	font-size:18px; 
	line-height:20px; 
	font-family:"Century Gothic", myriad, helvetica, arial; 
	background:url(../images/bullets-triangle-home.gif) no-repeat 0 3px; 
	padding:0 0 12px 22px; margin:0;}

a.signupbutton {display:block; width:330px; height:30px; line-height:30px; font-size:15px; font-weight:bold; text-decoration:none; text-align:center; color:#fff !important; background:url(../images/button330.gif) no-repeat; margin-bottom:10px;}
	a.signupbutton:hover {background-position:0 -32px;}

	ul#video_list { margin:0; padding:0; }
	.videothumb {display:block; width:380px; height:115px; padding:0 10px 10px 0; float:left; background:url(../images/videothumbbg.gif) no-repeat 0 0; margin:0 10px 10px 0; text-decoration:none; color:#222 !important;}
		.videothumb.pass { background-position:-390px 0; }
		.videothumb.fail { background-position:-780px 0; }
	.videothumb img {float:left; width:150px; height:100px; margin:10px; border:2px solid #333;}
	.videothumb strong {display:block; font-size:13px; margin-top:10px; }
	.videothumb p, #testoptions p { display:inline-block; margin:5px 0; padding:3px 6px; font-style:italic; font-family:georgia, "times new roman", times, serif; font-size:11px; background:#c0c0c0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
		.videothumb.pass p, #testoptions p.pass { background:#549711; color:#fff; }
		.videothumb.fail p, #testoptions p.fail { background:#9d3110; color:#fff; }
	#testoptions p { margin:10px 0 15px 0; }
	#testoptions a { display:block; }
		
	.videothumb a:hover img, a.videothumb:hover img {border:2px solid #fff;}

.rightalign {text-align:right;}

.subscriptionupgradeform {padding-left:30px;}
.subscriptionupgradeform .checkbox {position:absolute; left:25px;}
.subscriptionupgradeform label {display:block; float:none; width:auto; text-align:left; padding:0 0 10px 0;}

.topline {border-top:1px solid #ccc; padding-top:5px; margin-top:5px;}

.error {color:#c00;}
.success {color:green;}

.packagestable {width:75%; margin:10px 0;}
	.packagestable th {background:#333; color:#fff; padding:2px 5px;}
	.packagestable td {padding:2px 5px; border-bottom:1px solid #000;}

.related_docs ul {text-align:left; margin-left:160px; padding-left: 20px; overflow:hidden; list-style-type:none;}

/*/-- TABLES ------------------------------------------------------------------------------------ /*/									
									
.adminTable {margin:15px 0; width:100%;}
.adminTable td {padding-right:0 !important;}
									
td {border:none !important;}

th, .th								{
									font-size:12px;
									text-align:left;
									font-weight:bold;
									background:#aaa;
									}

tr									{
									border:1px solid #fff;
									}

.addicon {background:url(../admin/img/add-icon.gif) no-repeat 4px 50%; padding:2px 2px 2px 20px; margin:3px 0; display:table-cell;}
.editicon {background:url(../admin/img/edit-icon.gif) no-repeat 4px 50%; padding:2px 2px 2px 20px; display:table-cell;}
.reporticon {background:url(../admin/img/report-icon.gif) no-repeat 4px 50%; padding:2px 2px 2px 20px; display:table-cell;}
.viewsicon {background:url(../admin/img/views-icon.gif) no-repeat 4px 50%; padding:2px 2px 2px 20px; display:table-cell;}
.activityicon {background:url(../admin/img/activity-icon.gif) no-repeat 4px 50%; padding:2px 2px 2px 20px; display:table-cell;}
.usersicon {background:url(../admin/img/users-icon.gif) no-repeat 4px 50%; padding:2px 2px 2px 20px; display:table-cell;}
.deleteicon {background:url(../admin/img/delete-icon.gif) no-repeat 4px 50%; padding:2px 2px 2px 20px; display:table-cell;}
	p .addicon, p .editicon, p .reporticon, p .viewsicon, p .activityicon, p .usersicon, p .deleteicon { display:inline; margin-top:5px; margin-right:5px; }


/*/-- CONTACT US ------------------------------------------------------------------------------------ /*/	
.contactUs .contact h3{
	text-align:left;
}

.contactUs #bottom{
	background:none;
	text-align:left;
}