html,body,#wrapper { font-size:14px; background: #000;}
.left { float: left; }
.right { float:right; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.hidden {display:none;}
.pad10 { padding:10px; } .pad20 { padding:20px; }
.font17 { font-size: 17px; }
.font17 a { font-size: 17px; }
.clear { clear:both; }
.hidden { display:none; }
#body {
	background: #5c9fd3;
	border-bottom: 1px solid #87bed8; 
}

/* header */

#header {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/header.jpg);
	background-repeat: repeat-x;
	height: 50px;
}


#header .left { 
	padding-top:5px;
}
#header .right {
	border-left: 1px solid #666;
	padding-top:11px;
	padding-bottom:10px;
/*	padding-top:21px;
	padding-bottom:9px;*/
	height:29px;
	
}
#header .right:hover {
	background: #333;
}
#header .right a {
	font-size:18px;
	text-decoration:none;
	color: #FFF;
	padding:7px 10px;
}

/* footer */

#footerwrapper {
	background: #000;
	padding-top:30px;
	color: #CCC;
	font-size: 13px;
}
#footerwrapper h2 {
	margin:0;
	padding:0;
	font-size:20px;
	color: #DDD;
}
#footerwrapper p {
	margin-top:20px;
}
#footerwrapper .rightborder {
	border-right: 1px solid #666;
	height: 115px;
}
#footerwrapper .span-8 {
	padding-left:8px;
	width:302px;
}
#footerwrapper .last {
	margin-left:-2px;
}
#footerwrapper .span-8.middle {
	padding-right:5px;
	width:297px;
}
#footerwrapper .box {
	margin-top:20px;
	background: #161616;
	padding: 5px 10px;
	font-size:12px;
}
#footerwrapper a {
	color: #FFF;
	text-decoration:none;
	display:inline;
}
#footerwrapper span {
	font-weight: bolder;
	display: inline;
}
#footerwrapper .terms {
	font-size:10px;
	color: #444;
	margin-top:15px;
}

/* general */

#body .container {
	padding: 20px 0;
}

#contentbox {
	background:#ddd;
}
#contentboxheader {
	background-color: #000;
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/header.jpg);
	background-repeat: repeat-x;
	height: 40px;
	overflow:hidden;
	margin:0;
	padding:0;
}


#contentboxbody {
	background:#FFF;
/*	border-top: 1px solid #2abbe7; */
}
#contentboxbodytop {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Overview/home_header.png);
	min-height: 381px;
	
}
#contentboxbodytopcontent {
	padding-top:75px;
	color:#FFF;
	font-size:17px;
}
#contentboxbodytopcontent h2 {
	font-size: 25px;
	font-weight: bolder;
	margin:0;
	padding:0;
	margin-bottom: 10px;
	color: #FFF;
}


#contentboxbodybottom { 
	padding-top:50px;
	font-size:12px;
	padding-bottom: 25px;
}
/* #contentboxbodybottom ul, #featuresarea ul { */
ul {
	margin-left:0px;
	padding-left:15px;
	list-style-type:square
} 
#contentboxbodybottom h4, #featuresarea h4 {
	font-size:20px;
	margin:0;
	margin-bottom: 10px;
} 
#contentboxheader  {
}
#contentboxheader a {
	font-size:18px;
	text-decoration:none;
	color: #FFF;
	display:block;
	padding: 7px 15px;
}
#contentboxheader a:hover {

	background: #333;
}

#contentboxheader .left a {
	border-right: 1px solid #666;
}
#contentboxheader .right a {
	border-left: 1px solid #666;
}

.homepage #contentboxheader #cbhoverview { background: #555; }
.features #contentboxheader #cbhfeatures { background: #555; }
.marketing #contentboxheader #cbhmarketing { background: #555; }
.pricing #contentboxheader #cbhpricing { background: #555; }
.faq #contentboxheader #cbhfaq { background: #555; }
.join #header #joinnow { background: #555; }
.loginpage #header #loginnow { background: #555; }
/*						<div class=left id=cbhoverview><a href=/>Overview</a></div>
						<div class=left id=cbhfeatures><a href=/>Features</a></div>
						<div class=left id=cbhmarketing><a href=/>Marketing</a></div>
						<div class=left id=cbhpricing><a href=/>Pricing</a></div>
						<div class=right id=cbhjoin><a href=/join.html>Join now!</a></div> */

#featureslink {
	padding: 10px 20px;
}
#featureslink a {
	border:0;
	text-decoration:none;
	color: #000;
	font-size:18px;
}
#featureslink a img {
	margin-bottom:-19px;
	margin-left:10px;
}
#featureslink a  :hover {
	text-decoration: underline;
}


.joinbox { margin-top: 30px; font-size:15px; }
.inputwrapper { color:#000; font-size:22px;width:370px; height:52px; background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Overview/form.png);}
.inputbox { margin-left:15px;}
.inputbox input { font-size:22px;border:0;;margin:0;margin-top:13px; width:190px;padding:0px;text-align:right;font-weight:bolder;padding-right:0;}


/*FireFox 2 */
.inputbox input, x:-moz-any-link {
	margin-top:12px;
}
/*FireFox 3*/
.inputbox input, x:-moz-any-link, x:default {
	margin-top:12px;
}
.inputwrapper .domain { margin-top:10px;}
.joinbox .button { margin-left:-1px;}

/*404*/
.d404 #body {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/404/404_bg.png);
	border-bottom: 1px solid #600;
	

}
	
/* features.html */
#featuresarea ul{
	margin-left:0px;
	padding-left:15px;
	list-style-type:square
} 
#featuresarea h4 {
	font-size:20px;
	margin:0;
	margin-bottom: 10px;
}

#featuresarea {
	background:#EEE;
	padding-top:30px;
	font-size:12px;
} 
.shiftleft10 {
	margin-left: -10px;
}
.features #contentboxbodytop {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Features/features_top.png);
}
/*contact.html */

.contact #contentboxbodytop {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Contact/contact_header.png);
}
.contact #contentboxbodytopcontent { 
	font-size:17px;
}

.greybar {
	padding-top: 25px;
	padding-bottom:25px;
	padding:25px 0px;
	font-weight:bolder;
	font-size:20px;
	background: #ddd;
}

.contact form .span-3 {
	font-size:18px;
	padding-top:11px;
	margin-bottom:20px;
}
.contactform input,.contactform textarea {
	border:0;
	padding:5px;
	background: #e2f0Fb;
}

.contactform textarea {
	width:100%;
	height: 140px;
	font-size:18px;
}
.contactform .button {
	margin-top:15px;
	font-size:15px;
	padding:5px 15px;
	color:#FFF;
	background: #5eb0e1;
}
.contact .error,.contact .success {
	font-size:15px;	
}

/* marketing.html */
.marketing #contentboxbodytopcontent { 
	font-size:17px;
}
.marketing #contentboxbodytop {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Marketing/marketing_header.png);
}

.marketing .infobox .header {
	font-size:20px;
	font-weight:bolder;
	margin-bottom:15px;
}
.marketing .infobox .contentarea {
	height:230px;
	overflow:hidden;
	font-size: 13px;
}

.marketing .infobox .footer {
/*	border: 1px solid #eee; */
	font-size:17px;
	font-weight:bolder;
	padding:2px;
}
.marketing .infobox .greybox {
	margin:0;
	padding:5px; 
	padding-bottom:0;
	padding-top:6px;
	background: #ddd;
}
.marketing .infobox .greybox img {
	width:35px;
	height:35px;
	margin:0;padding:0;
	margin-top:3px;
	margin-right:5px;
}
.marketing .infobox {
	margin-bottom:40px;
	border: 1px solid #eee;
	padding:5px;
	}
.marketing .attrbox , .pricing .attrbox{
	font-size:17px;
	padding:20px;
}

/*pricing.html*/
.pricing .bulk {
	font-size:17px;
	padding:20px;
}
.pricing .bulk a {
	text-decoration:none;
}
.pricing .bulk a:hover { text-decoration: underline;}

.pricing #contentboxbodytop {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Pricing/pricing_header.png);
}


.pricing .planwrapper {
	margin:auto;
	width: 718px;
	height:630px;
	overflow:hidden;
	color: #FFF;
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Pricing/tableupdated.png);
	font-size:15px;
	position:relative;
	z-index:1;
}
.pricing .planwrapper a {
	color:#FFF;
	font-weight: bolder;
	text-decoration:none;
	float left: w
}
.pricing .planwrapper a:hover {
	text-decoration: underline;
}
.pricing .planwrapper .row .signupnow { margin-top:25px;}
.pricing .planwrapper .row .recommended { margin-top:25px;}
.pricing .planwrapper .col1 {
	float:left;
	width: 150px;
	height:300px;
	margin-left:24px;
	margin-top: 153px;
}
.pricing .planwrapper .row {
	height:58px;
	margin-bottom:0px;
}
.pricing .planwrapper .col1 .row {
	height:58px;
	margin-bottom:0px;
	width:145px;
}
.pricing .planwrapper .col1 .row.slideshow { 

	height:48px;
	margin-bottom:0px;
	width:145px;
}

.pricing .planwrapper .col1 .row.featuresrow {
	height:48px;
	margin-bottom:0px;
	width:145px;
	margin-top:9px;
}
.pricing .planwrapper .col2 {
	float:left;
	text-align:center;
	width: 179px;
	height:300px;
	margin-left:0px;
	margin-top: 143px;
}
.pricing .planwrapper .col2 .row.toprow,.pricing .planwrapper .col3 .row.toprow ,.pricing .planwrapper .col4 .row.toprow  {
	margin-bottom:10px;
}
.pricing .planwrapper .col3 {
	text-align:center;
	float:left;
	width: 178px;
	height:300px;
	margin-top: 143px;
}
.pricing .planwrapper .col4 {
	text-align:center;
	float:left;
	width: 161px;
	height:300px;
	margin-top: 143px;
}
.pricing .planwrapper .col4 .row.longnext {
	height:48px;
	margin-bottom:0px;
	width:161px;
}
.pricing .planwrapper .row.longdone {
	margin-bottom:10px;
}
.pricing .planwrapper .overlay1 {
	z-index:2;
	position:absolute;
	width: 179px;
	height:632px;
	left:170px;;
	top:0;
}
.pricing .planwrapper .overlay2 {
	z-index:2;
	position:absolute;
	width: 178px;
	height:632px;
	left:349px;;
	top:0;
}
.pricing .planwrapper .overlay3 {
	z-index:2;
	position:absolute;
	width: 161px;
	height:632px;
	left:527px;;
	top:0;
}

/* terms.html */
.terms #contentboxbodytop {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/TOS/tos_header.png);
}

.terms span.normal { font-size:15px; }
.terms span.heading { font-size:20px; }

/*join.html*/
.join #contentboxbodytop {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Registration/registration_header.png);
}
.join #contentboxbodytopcontent {
	font-size: 17px;
}
.join .label {
	font-size: 22px;
	font-weight: bolder;
	margin-bottom:20px;
	padding-top:12px;
	padding-right: 10px;
	float:left;
}
.join .input {
	float:left;
}

.join input,.join textarea {
	border:0;
	padding:5px;
	background: #e2f0Fb;
	font-size: 22px;
}

.join textarea {
	width:100%;
	height: 140px;
	font-size:18px;
}
.join form .button {
	margin-top:15px;
	font-size:15px;
	padding:5px 15px;
	color:#FFF;
	background: #5eb0e1;
}
.join .input .short.title {
	width: 150px;
}
.join #checkavail {
margin-top:8px;
}
.join #checkresponse {
	width:710px;
	font-size:20px;
	float:right;
	margin-right:72px;
}

.joinerror {
	margin:20px;
	font-size:20px;
}

.join .chooseleft, .join .choosemiddle,.join .chooseright{
	position:relative;
	z-index:1;
}
.join .chooseleft a, .join .choosemiddle a,.join .chooseright a {
	position:absolute;
	font-weight:bolder;
	width:100px;
	height:37px;
	
	text-align:center;
	padding-top:10px;
	font-size: 17px;
	color:#FFF;
	text-decoration:none;
	z-index:2;
	left:0;
	top:0;
/*	padding-left:50px;
	padding-right:50px;
	padding-top: 200px;
	padding-bottom:20px;*/
}

.join .chooseleft a {
	left:71px;
	top: 227px;
}
.join .choosemiddle a {
	left:62px;
	top: 240px;
}
.join .chooseright a {
	left:59px;
	top: 227px;
}
.join #bulk {
	font-size:17px;
	padding:20px;
}
.join #bulk a {
	text-decoration:none;
}
.join #bulk a:hover { text-decoration: underline;}

.join .box {
	border: 1px solid #006;
	width:400px;
	margin:auto;
}
.join .box .header {
	padding:5px;
	color:#FFF;
	font-size:17px;
	font-weight:bolder;
	background: #006;
}
.join .box .boxin {
	padding:5px;
	font-size:15px;
}

.join .box .boxin a {
	font-size:17px;
	font-weight:bolder;
	text-decoration:none;
	padding:6px;
	background:#006;
	color:#FFF;
	display:block;
	width:150px;
	margin:auto;
	border:1px solid: #000;
}
.join .box .boxin a:hover {
	background: #007;
}

.join #footerwrapper .box {
	margin-top:20px;
	background: #161616;
	padding: 5px 10px;
	font-size:12px;
	width:auto;
	border:0;
}

.join .packageselection {
	text-align:center;
	background: #DDD;
	margin-bottom: 10px;
	font-size: 17px;
}
.join .packageselection div {
	padding:10px;
}
.join .packageselection span {
	margin-right:15px;
	font-weight: bolder;
	font-size:20px;
}

.join .packageselection .packageheader {
	background: #006;
	color: #FFF;
}

.join .packageselection a {
        font-size:17px;
        font-weight:bolder;
        text-decoration:none;
        padding:6px;
        background:#006;
        color:#FFF;
        width:150px;
        margin:auto;
        border:1px solid: #000;
}

.join .totalpricediv {
	width:300px;
	border-bottom: 1px solid #000;
}
.join select {
	font-size:22px;
}
.join .step3 select .smallselect {
	margin-top:15px;
	font-size:18px;
}

.join .step3 .label {
	margin-bottom:10px;
}
.join .title.expmonth {
	width:40px;
}
.join .title.expyear,.join .title.cvscode {
	width:60px;
}
.join .input .left {
	margin-right: 5px;
	
}

.join .chargecard {
	text-align:center;
}
.join .chargecard .submit {
	background: #5eb0e1;
	border: 1px solid #08a;
	color:#FFF;
	margin-top:20px;Ã	
}
.join .chargecard .submit:hover {
	background: #7ed0ff;
}
.join .cvsimage {
	margin-left: 10px;
	float:left;
	margin-top:17px;
}

.loginpage #logintop {
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/login/login_top.png);
	overflow:hidden;
	height:44px;

}
.loginpage {
	font-size:17px;
}
.loginpage .loginrightinternal {
	font-size:17px;
	padding:1px;
}
.loginpage .loginleft {
	text-align:center;
}
.loginpage .input {
	float:left;
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/login/form.png);
	width:276px;
	height:53px;
	margin-bottom:20px;
}

.loginpage .loginrightinternal .span-4 {
	font-size:30px;
	margin-top:5px;
}
.loginpage .loginrightinternal .span-4.forgot {
	margin-top:14px;
	font-size:17px;
	text-align:right;
}
.loginpage .loginrightinternal .input input {
	margin-top:9px;
	margin-left:5px;
	font-size:30px;
	width:265px;
	border:0;
}

.loginpage .loginrightinternal .box {	
	background: #ccc;
	padding:5px;
}
.loginpage .loginrightinternal .box h3 {
	margin:0;
	padding:5px;
}	
.loginpage .loginrightinternal .submit,.loginpage .loginrightinternal .submitlookup {	
	background:#FFF;
	border:0;
	width:254px;
	height:86px;
	margin-right:-13px;
/*	margin-left:210px;*/
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/login/login_button.png);
}
.loginpage .loginrightinternal .submitlookup {	
	background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/login/lookitup.png);
}
.loginpage .forgotlink {
	float:left;
	margin-left:10px;
	width:100px;
}
.loginpage .forgotlink a {
	text-decoration:none;
	font-size:20px;
}


.loginpage input:focus {
  outline-width:0;
}
.loginpage .loginwrapper {
	width:495px;
	margin:auto;
	background:#FFF;
	background: #ccc;
	padding:1px;
}
.loginpage .loginwrapper .box {
	padding:20px;
	background:#FFF;
}
.loginpage .loginrightinternal .right {
	font-size:20px;
}
.loginpage .loginrightinternal .input {
	margin-bottom:30px;
}

.loginpage .error,.loginpage .success {
	width:466px;
	font-size:17px;
	margin:auto;
	margin-bottom:17px;
}



#wrapper #header .right.loggedin {
	border-left:0;
	padding-top:2px;
	height:auto;
	position:relative;
}
#wrapper #header .right.loggedin a {
	color: #308EC1;
}
#wrapper #header .right.loggedin a:hover {
	background: transparent;
	color: #6CBDEA;
}

#wrapper #header .right.loggedin:hover {
	background: inherit;
}

	/* General */
	#wrapper #header .right.loggedin #cssdropdown, #wrapper #header .right.loggedin #cssdropdown ul { list-style: none; z-index:1001; position:relative; }
	#wrapper #header .right.loggedin #cssdropdown, #wrapper #header .right.loggedin #cssdropdown * { padding: 0; margin: 0; font-size:20px;}
	
	/* Head links */
	#wrapper #header .right.loggedin #cssdropdown li.headlink { width: 220px; float: left; margin-left: -1px; border: 0px black solid;  text-align: right; }
	#wrapper #header .right.loggedin #cssdropdown li.headlink a { display: block; padding: 5px;padding-top:10px;padding-right:10px; padding-bottom:6px;}

	/* Child lists and links */
	#wrapper #header .right.loggedin #cssdropdown li.headlink ul { display:none;; border-top: 1px black solid; text-align: left;position:absolute; z-index:100; }
	#wrapper #header .right.loggedin #cssdropdown li.headlink:hover ul { }
	#wrapper #header .right.loggedin #cssdropdown li.headlink ul li a { padding: 10px; height:30px; width:200px;border-top:1px solid #666; z-index:1000;}
	#wrapper #header .right.loggedin #cssdropdown li.headlink ul li a:hover { }
	
	/* Pretty styling */
	#wrapper #header .right.loggedin #cssdropdown a {  } 
	#wrapper #header .right.loggedin #cssdropdown ul li a:hover { text-decoration: none; }
	#wrapper #header .right.loggedin #cssdropdown li.headlink li {  z-index:100;}
	#wrapper #header .right.loggedin #cssdropdown li.headlink ul { background: #000; background-position: bottom; padding-bottom: 0px; }


/* privacy.html */
.privacy #contentboxbodytop {
        background-image: url(http://static.cdncast.com/ryotv/beta/retvfrontend/Privacy/header.png);
}

.privacy span.normal { font-size:15px; }
.privacy span.heading { font-size:20px; } 

/* faq.html */
.faq #contentboxbodybottom  {
	font-size: 15px;
}
.faq .question { 
	font-weight: bolder;
	font-size: 17px;
	background: #fefb81;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:-5px;
	padding:5px;
}
.faq ul li {
	margin-bottom:15px;
}


.newsletterlabel {
	margin-top:8px;
	font-size:14px;
	margin-right:5px;
}
.terms input.newsletterinput {
	font-size:12px;
	width:150px;
	color:#000;
	padding: 5px 0 5px 0;
	border: 0;
}
.newslettersubmitwrapper {
	margin-left: 3px;
	margin-top:4px;
}
.newslettersubmit {
	font-size:12px;
	padding: 5px 0 5px 0;
	color:#FFF;
	border: 0;
	background: #666;
}

span.htmllogo {
	display:block;
	margin-top:-4px;
	color:#FFF;
	font-size:30px;
	letter-spacing:3px;
}