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

/* Forms
----------------------------------------------- */
form {border:none; margin:0; padding:0;}
form fieldset {border:none; display:block; margin:0; padding:0;}
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 {font-size:12px; height:20px; padding:0 15px 3px 15px; color:#fff; margin:0; width:auto !important; background:#444; border:1px solid #444;}
form label.required {font-weight:bold;}
.checkboxlist {display:block; margin-top:20px;}
.checkboxlist input {float:left; clear:left; margin:5px 10px 0 20px;}
.checkboxlist label {float:left; clear:none; width:275px; text-align:left;}
.checkboxlist br {clear:left;}
.inlinebutton {position:relative; top:-8px;}
.dropdownlist {margin-right:5px;}


/* Layout Blocks
----------------------------------------------- */
#wrapper {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:-40px; right:10px; height:22px; padding:0; width:100%;}
		#loginbox.loginform {text-align:right;}
		#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 {margin:2px -5px 0 0; padding-left:0; white-space:nowrap;}
		#loginbox ul li {display: inline; list-style-type: none;}
		#loginbox ul a {padding: 3px 10px; font-size:14px; margin-right:5px;}
		#loginbox ul a:link, #loginbox ul a:visited {color:#fff; background-color:#333; text-decoration: none;}
		#loginbox ul a:hover {color:#fff; background-color:#555; text-decoration:none;}
		#loginbox ul li.active a {background-color:#555; font-weight:bold;}

#loginbox .categoryjumper {position:absolute; right:0; top:2px; font-size:14px;}
#loginbox .categoryjumper label {font-size:14px; color:#fff; width:100px; white-space:nowrap;}
	
	.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;}
		.content .videobox {background:url(../images/video400bg.gif) no-repeat top center; width:720px; height:375px; text-align:center; padding-top:25px; margin:0 0 10px 40px;}
		* html .content .videobox {height:400px;}
		.content .videobox object {margin-bottom:30px;}
		.content .videodescription {width:720px; margin-left:40px;}

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


	a.videothumb {display:block; width:380px; height:115px; padding:0 10px 10px 0; float:left; background:url(../images/videothumbbg.gif); margin:0 10px 10px 0; text-decoration:none; color:#222 !important;}
	a.videothumb img {float:left; width:150px; height:100px; margin:10px; border:2px solid #333;}
	a.videothumb strong {display:block; font-size:13px;}
	
	a.videothumb:hover {background-position:0 -140px; color:#fff !important;}
	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;}

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