/***********************************************/
/* GS Phase 2 Front End Stylesheet             */
/* Style: deafult                              */
/* Author(s): Vishal Agarwala, Joseph Kelly    */
/* Name: skeleton                              */
/* Purpose: Skeletal Structure                 */
/***********************************************/

html {font-family: Helvetica, Arial, Verdana, sans-serif; text-align:center; color:#222; font-size: 11px;}
body {margin:0 auto; text-align:center; margin-bottom:40px; background:#fff;}
a {text-decoration:none; color:#CC0000; outline:none;}
a:hover {color:#CC0000; text-decoration:underline;}
button{cursor:pointer;}

#headerWrapper {background: url(images/headerWrapper.png) repeat-x top center; margin-bottom: 15px;}

#header {width:952px; height: 115px; text-align: left; margin: 0 auto; position:relative; background: url(images/headerBG.png) repeat-x top center;}
#header h1 a#logo {display:block; height:55px; width: 310px; position:absolute; top: 0px; left: 0; background: url(images/header-logo.png) no-repeat;}
#header h1 a#logo{margin: 0; padding: 0; font-size: 14px;}
#header h1 a#logo span {display: none;}

#mainSearch {position: absolute; top: 35px; right: 0; height:47px; width: 401px; text-align: left; background: url(images/mainSearch.png) no-repeat;}
#mainSearch h2 {display:none; margin: 0; padding: 0;}
#mainSearch h2 span {display: none;}
#mainSearch #searchBar {}
#mainSearch #searchBar input {position:absolute; top: 15px; left: 65px; letter-spacing: 1px; word-spacing: 0; width:300px; border: none; font-size:12px; font-weight: bold; height: 18px; background: none;}

#header ul#navigation {height: 53px; position:absolute; top: 62px; left:0; right:0; z-index: 2; background: url(images/navigation.png) no-repeat top left;}
#header ul#navigation li {display:inline; list-style:none;}
#header ul#navigation li a {display:block; float:left; padding:0; height: 53px; background: url(images/navigation.png) no-repeat top left;}
#header ul#navigation li a span {display:none;}

#header ul#navigation.loggedIn{background: url(images/navigationLoggedIn.png) no-repeat top left;}
#header ul#navigation.loggedIn li a{background: url(images/navigationLoggedIn.png) no-repeat top left;}

.ul-left {
	font-size: 12px;
	}
	
.ul-left li,
.ul-right li {
	/*background:url(about_files/images/icon-check.png) 0% 50% no-repeat;*/
	background:url(images/icon-check.png) 0% 50% no-repeat;
	height:16px;
	padding-left:30px;
	margin-bottom:10px;
	margin-left:10px;
	}
	
	
	.ul-left3 li,
.ul-right3 li {
	/*background:url(about_files/images/icon-check.png) 0% 50% no-repeat;*/
	background:url(images/icon-check.png) 0% 50% no-repeat;
	height:auto;
	padding-left:30px;
	margin-bottom:10px;
	font-size:12px;
	margin-left:10px;
	}
	
.ul-left a {
text-decoration:underline;
color:#CC0000;
}
	
.client-list li{
background:url(images/arrow-play.png) 0% 50% no-repeat;
height:16px;
	padding-left:30px;
	margin-bottom:10px;
	font-size:12px;
margin-left:10px;	}

.ul-left1 li {
font-size:12px;
}

.ul-left2 li {
height:16px;
	padding-left:30px;
	margin-bottom:10px;
	font-size:12px;
	margin-left:10px;}

.rule hr{
background:url(images/page-title-bg.png)
}


#header ul#navigation li.features a {width: 74px /*101px*/; background-position: 0 0;}
#header ul#navigation li.about a {width: 97px/* 79px*/; background-position: -74px /*-101px*/ 0;}
#header ul#navigation li.help a {width: 90px /*67px*/; background-position: -171px /*-180px*/ 0;}
#header ul#navigation li.help1 a {width: 91px /*67px*/; background-position: -261px /*-180px*/ 0;}
#header ul#navigation li.login a {width: 120px /*74px*/; background-position: -743px /*-774px*/ 0; float:right;}
#header ul#navigation li.join a {width: 89px /*104px*/; background-position: -863px 0; float:right;}

#header ul#navigation li.features a:hover {background-position: 0 -53px;}
#header ul#navigation li.about a:hover {background-position: -74px /* -101px*/ -53px;}
#header ul#navigation li.help a:hover {background-position: -171px/*-180px*/ -53px;}
#header ul#navigation li.help1 a:hover {background-position: -262px/*-180px*/ -53px;}
#header ul#navigation li.login a:hover {background-position: -743px/*-774px*/ -53px;}
#header ul#navigation li.join a:hover {background-position: -863px/*-848px*/ -53px;}

#header ul#navigation li.features a.active {background-position: 0 -53px;}
#header ul#navigation li.about a.active {background-position: -74px/*-101px*/ -53px;}
#header ul#navigation li.help a.active {background-position: -171px/*-180px*/ -53px;}
#header ul#navigation li.help1 a.active {background-position: -262px/*-180px*/ -53px;}
#header ul#navigation li.login a.active {background-position: -743px/*-774px*/ -53px;}
#header ul#navigation li.join a.active {background-position: -863px -53px;}

#loginWrapper {background:url(images/login_bg.png) repeat-x; margin-bottom:10px; display:none;}

#login {width:952px; height:125px; margin:0 auto;}
#login #form {margin-left:186px;}
#login #form li {float:left;}
#login #form li .elementWrapper {position:relative;}
#login #form label {font-size:18px; font-weight:700; color:#bababa;}
#login #form label.overlabel {position:relative;}
#login #form label.overlabel-apply {position:absolute; top: 33px; left:69px; z-index:1;}
#login #form label.overlabel-hide {position:absolute; display:none;}
#login #form li input {width:223px; height:22px; padding:30px 9px 32px 9px; background:url(images/forms/input_text_login.png) no-repeat; border:0; text-align:center; font-size:18px; font-weight:700; color:#bababa; margin-right:8px;}
#login #form li input:focus {background:url(images/forms/input_text_login_hover.png) no-repeat;}
#login #loginButton {margin-top:20px; width:80px; height:41px; background:url(images/forms/login.png) no-repeat;}
#login #loginButton:hover {background:url(images/forms/login_hover.png) no-repeat;}
#login .hr_grey {width:950px; height:2px; background:url(images/hr_grey.png) no-repeat; overflow:hidden; clear:both;}
#login #links {margin:13px 0 0 300px;}
#login #links li {float:left; display:inline; font-size:11px; color:#fff; font-weight:700; margin-right:20px;}

#subHeaderWrapper {background:url(images/subHeader_bg.png) repeat-x bottom; margin-bottom: 15px;}

#subHeader {width:952px; /*height:75px;*/ margin:0 auto; padding-top: 15px;}
#subHeader h2 {font-weight:700; font-size:36px; color:#141e26; margin:0; line-height: 40px; height: 40px;}
#subHeader h3 {font-weight:700; font-size:18px; color:#141e26; margin:0; line-height: 35px; height: 35px;}

/* Now onto the main block, blokes */
.content{width:952px; margin:0 auto; padding:0; margin-bottom: 15px;}
#mainContainer {margin:0 auto; padding:0; text-align:center; margin-bottom: 20px;}
#mainContent{}

#mainContent {padding: 15px 16px 15px 16px; width:952px;}
div.side p {margin-bottom:10; line-height:1.40em;}
div.wide p {margin:0 0 20px 0; line-height:1.40em;}
div.content{clear:both;}
div.wide {/*float:left; */width:auto/*675px*/; margin: 0;}
div.side {/*float:left; */width:auto/*245px*/; margin: 0;}

div.note {width:615px; float: left; margin: 15px 0 0 0; background: url(images/home/note_bg.png) top center repeat-y; text-align: center; position:relative; left: -8px;}
div.note .top {background: url(images/home/note_top.png) top center no-repeat; height: 45px;}
div.note .bottom {background: url(images/home/note_bottom.png) bottom center no-repeat; padding: 0 30px 30px 30px; text-align: center;}
div.note .bottom h3 {text-align: center; color:#222222; font-size: 18px; font-weight: bold; margin: 0 0 15px 0;}
div.note .bottom h3 a {color:#CC0000;/*color:#222222;*/}
div.note .bottom p {text-align: center; color:#222222; font-size: 11px; font-weight: normal; line-height: 18px; margin: 0 0 15px 0;}
div.note .bottom ul {text-align: center; margin: 0 auto; width:250px;}
div.note .bottom ul li {list-style: none; display: inline; float: left; margin: 0 10px 0 0;}


#footerWrapper{background: url(images/footer_bg.png) top center no-repeat #112d5c/*0a1617*/; color: #fff; margin:0; position:relative; min-width:982px;}
#footerWrapper a{color:#CC0000;/*color: #505859;*/}
#footer {width: 952px; margin: 0 auto; text-align: left; position:relative; height: 250px;}
#footer ul.features{ width: 952px; height:180px; position:relative; margin: 0; padding:0;}
#footer ul.features li{
	width: 225px;
	position:absolute;
	height: 157px;
}
#footer ul.features li.listen{left: 87px; top: 18px; }
#footer ul.features li.paid{left: 359px; top: 18px; }
#footer ul.features li.social{left: 632px; top: 19px; }
#footer ul.features li.corplogo{left: 833px; top: 35px; width: 70px;}

#footer ul.features li h3{margin: 15px; padding-right: 20px; float:left;}
#footer ul.features li h4{margin: 0 15px; line-height: 16px; clear:both; float:left; width: 180px; font-size:9px}
#footer ul.features li.corplogo h3{margin:0;}

#footer ul.features li.listen h3{background: url(images/icons/playFooter.gif) right center no-repeat;}
#footer ul.features li.paid h3{background: url(images/icons/cashFooter.gif) right center no-repeat;}
#footer ul.features li.social h3{background: url(images/icons/socialFooter.gif) right center no-repeat;}

#footer ul.features li.corplogo a{display:block; height: 58px; width: 88px; color:#CC0000;}
#footer ul.features li.corplogo a span{display:none; color:#CC0000;}
#footer ul.features li h3{color:#fff; font-size:14px;}

#footer ul.places{width: 365px; font-size: 11px; font-weight:bold; margin: 0 auto; }
#footer ul.places li{display:inline;}
#footer ul.places li a{color:#CC0000;/*color:#fff*/; display:block; float:left; margin: 30px 30px 15px 0;}
#footer ul.places li.last a{margin-right: 0;}

#legalCrap{width: 982px; margin: 0 auto; text-align: center; line-height: 14px; font-size: 11px; padding: 10px 0; color: #657481; clear:both;}
#legalCrap a{color:#CC0000;/*color: #657481*/; font-weight:bold;}
#player{height: 40px; width:100%; background: url(images/dock_bg.png) repeat-x; position: absolute; left:0; bottom:0; z-index:100;}

/* tools */
.clear {clear:both;}
.hide {display:none;}
.center{text-align:center;}


#featured  {
	background: #1b4e7d url(images/featuredbg.jpg) repeat-x bottom left;
	border-top: 3px solid #3876a0;
}

#featured p, #featured h2 {
	color:#FFFFFF;
}

#featured h2 {	
	margin-bottom:15px;
}

#featured p a {
	text-decoration:underline;
	color:#80cef7;
}

#featured .buttons a.prev  {
	background: url(images/prev.png) no-repeat top left;
}

#featured .buttons a.next  {
	background: url(images/next.png) no-repeat top left;
}

#steps  {
	background: #3074a1 url(images/stepsbg.jpg) repeat-x top left;
}

#steps ul li a  {
	color: #fff;
}

/* STYLES */

.fix {
	clear: both;
}

.bordered  {
	border: 1px solid #000;
}

.floatleft  {
 float: left;
}

.floatright  {
	float: right;
}

.alignright  {
	text-align: right;
}

.alignr  {
	text-align: right;
}

blockquote {
	font-size:14px;
	margin-bottom:15px;
	color:000000;
}

div.crop {
        width: 960px;
        height: auto;
        overflow: hidden;
		padding-bottom:5px !important;
}

div.widearea {
        width: 10000px; 
        height: auto;
        overflow: hidden !important;
		margin-top:15px;
}

div.widearea div {
        height: auto;
        display: block;
        float: left;
}
div.widearea .pageitem { width:960px;}

#featured  {
	position: relative;
	padding-top: 10px;
	font-size:1em;
}

#featured blockquote {
	font-size: 16px;
	color:#FFFFFF;	
	line-height:1.30em;
}

#featured p {
	font-size: 13px;
	color:#FFFFFF;	
	line-height:1.30em;
}

.featimg img {
	position: relative;
	top: 0px;
	left: 0px;
}

#featured .buttons  {
	width: 152px;
}

#featured .buttons a {
	margin:0px;
	padding:0px;
}

*:first-child+html #featured .buttons  {
	margin: 0;
}

*html  #featured .buttons  {
	margin: 0;
}

#featured .buttons a.prev  {
	margin-right: 5px;
	height: 0;
	overflow: hidden;
	padding-top: 28px;
	width: 71px;
}

#featured .buttons a.next  {
	z-index: 9999;
	margin-left: 5px;
	height: 0;
	overflow: hidden;
	padding-top: 28px;
	width: 71px;
}

#steps  {
	height: 45px;
	color: #fff !important;
}

#steps ul  {
	padding: 0;
	line-height: 45px;
	height: 45px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#steps ul li  {
	display: inline;
	margin: 0 24px 0 0;
	margin-right:23px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#steps ul li h3 {
	color:#FFFFFF;
	font-size:14px;
}

#steps ul li a  {
	color: #fff;
	font-size: 1.1em;
	font-weight:bold;
	text-decoration: none;
	line-height: 45px;
	height: 45px;
	
}

#steps ul li a:hover  {
	border-bottom: 1px dotted #fff;
}

#content .moreinfo  {
	border: 1px dotted #a6b3b9;
	background-color: #fefefe;
	color: #75818a;
}
#content .moreinfo .more a  {
	background: #ffffff url(images/moreinfo.jpg) no-repeat center left;
}

#news  {
	color: #75818a;
}

#content  {
	padding: 20px 0;
}

#content .moreinfo  {
	padding: 10px;
	width: 258px;
	background-image: url(images/more-info.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#content .moreinfo blockquote p {
	font-size:14px;
	margin-bottom:15px;
	color:#4F4F4F;
	font-style: italic;
}

#content .moreinfo h3, #content #news h3  {
	font-size:18px;
	margin-bottom:15px;
}

#content #news h3 a {
	color:#000000;
	text-decoration:none;
}

#content #news h3 a:hover {
	text-decoration:underline;
}

#content .moreinfo .more a  {
	font-weight: bold;
	padding: 2px 0 2px 25px;
}

#content .moreinfo p {
	font-size:12px;
}

#content .more {
	margin-bottom:0px;
	margin-left: 0px;
	padding-left: 0px;
	text-align:left;
}

#news  {
	position: relative;
}

#news a.feed  {
	position: absolute;
	top: 5px;
	right: 0;
}

#news ul  {
	margin-bottom: 15px;
}

#news ul li  {
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 25px;
	border-bottom: 1px dotted #A6B3B9;
	background: url(images/greenarrow.gif) no-repeat center left;
}

#news ul li:first-child  {
	border-top: 1px dotted #A6B3B9;
}

#news ul li span.date  {
	margin-left: 10px;
}

#news ul li a  {
	font-weight: bold;
	text-decoration: none;
}

#news p.more a  {
	font-weight: bold;
	padding-top: 10px;
	margin-left: 0px;
	text-decoration: none;
}