/*=================================================
					HEADER
===================================================*/
#header { background:#0b081f url(../../images/stt/layout/bg_header.png) no-repeat 50% 0;}
.header-container { display:block; width:946px; height:94px; margin:0 auto; padding:0; position:relative; text-align:center; }
h1.logo { display:block; width:488px; height:50px; float:left; margin:15px 0 25px; padding:0; }
h1.logo a { display:block; width:250px; height:45px; margin:0; padding:0; float: left; text-indent:-9999px; font-size:0; background:url(../../images/stt/layout/logo.png) no-repeat 0 0;  }
#header ul { float:left; position:relative; margin:0; padding:0; }
#header li { float:left; text-align:center;}
#header ul a { display:block;text-decoration: none;}
#header .header-starthere { position: absolute; left: 262px; top: 16px; color: #433D65; font-size: 12px; display: block; padding: 5px; background: #EEE; border-radius: 5px; box-shadow: 0 0 15px white; border: 1px solid #666; font-weight: bold; }
.profile { display:block; width:458px; float:right; margin:0; padding:0; position:relative; }
.top-nav { margin:0 0 0px !important; clear:right; }
.top-nav li { width:112px; height:19px; margin:0 3px 0 0; }
.top-nav li.last { margin:0 !important; }
.top-nav li a { font:normal 11px/19px Arial, Helvetica, sans-serif; color:#fff; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; background:url(../../images/stt/layout/btn_top_nav.png) repeat-x 0 100%; }
.top-nav li a:hover { color:#c2c1c7; background-position:0 0; }
.top-nav li.last a { background:url(../../images/stt/layout/btn_top_nav_last.png) repeat-x 0 0; color:#d37c80; }
.top-nav li.last a:hover { background-position:0 100%; color:#fff; }
.welcome-box { display:block; width:470px; height:38px; margin:0; padding:9px 12px 0; font:bold 11px/16px Arial, Helvetica, sans-serif; background: url(../../images/stt/layout/bg_welcome_box_full.png); border-radius: 5px; }
/*.welcome-box-message li { width:210px; text-align:left !important; font-weight:normal; }
*/.welcome-box-message li {text-align:left !important; font-weight:normal; }

.welcome-box-message li p { font-size:12px; line-height:16px; color:#fff; margin:0; }
.welcome-box-message li.first { font-weight:bold; }
.welcome-box-message li.last { width:55px !important; font-weight:bold; }
.welcome-box-message a { color:#d71920; text-transform:uppercase; text-align:right; font-size:11px; }
/*.welcome-box-nav { margin-top:15px !important;  width: 100%; }
*/.welcome-box-nav {width: 100%; }

#header .welcome-box-nav li.invite-friends { width: 95px; text-align: left;}
.welcome-box-nav li { padding-right:20px; }
/*.welcome-box-nav li.last { margin:-7px 0 0 -15px !important; padding-right:0; }*/
.welcome-box-nav li.last { color:red; padding: 0; float: right;}
.welcome-box-nav a { color:#9d9ca5; }
.welcome-box-nav a.active { color:#fff; }
.welcome-box-nav a:hover { color:#ceced2; }
.welcome-box-nav span { float:left; }
.msg-count { color:#d71c23; margin-left:3px; }
.welcome-box-nav a:hover .msg-count { color:#df474d; }
.msg-ico { background:url(../../images/stt/layout/ico_msg.png) no-repeat 0 100%; display:block; width:15px; height:10px; margin:3px 3px 0 3px; }
.welcome-box-nav a:hover .msg-ico { background-position:0 0; }
.search-field { border:0 none; width:90px; font-size:11px; height:11px; padding:4px 8px; color:#666; float: left; }
.btn-search { width:20px; height:20px; float: left; border:0 none; text-indent:-9999px; font-size:0; line-height: 0; background:url(../../images/stt/layout/btn_search.png) no-repeat 0 0; /*position:absolute; right:-5px; top:-7px;*/ cursor: pointer; }
/*.header-nav { width:488px; height:19px; float:left; margin-top:-19px !important; }
*/.header-nav {height:19px; float:left; margin-top:-19px !important; }

/*.header-nav li { margin-right:3px; }
.header-nav li { margin-right:17px; }*/
.header-nav li { margin-right:53px; }

/*.header-nav li a { padding:4px 4px 7px; font-weight:bold; font-size:12px; line-height:12px; color:#fff; }
*/.header-nav li a { padding:4px 1px 7px; font-weight:bold; font-size:12px; line-height:12px; color:#fff; }
#header .header-nav  a:hover, .header-nav li .active  { background:#fff; color:#0b081e; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.header-nav li.last a { color:red; }
.header-nav li.last a:hover { background-color:#a5a0cf; color:#0b081e; }
.header-nav li.membership a{ color:#fff; }
.header-nav li.membership  a:hover, .header-nav li.membership .active  { background:#fff; color:#0b081e; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.header-nav li.rewards a { color:#fff; }
.header-nav li.rewards  a:hover, .header-nav li.rewards .active  { background:#fff; color:#0b081e; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.header-nav li.msbc a { color:#fff;}
.header-nav li.msbc  a:hover, .header-nav li.msbc .active  { background:#fff; color:#0b081e; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.header-nav li.guests a { color:#fff;}
.header-nav li.guests  a:hover, .header-nav li.guests .active  { background:#fff; color:#0b081e; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.header-nav li.search a{ color:#fff;}
.header-nav li.search  a:hover, .header-nav li.search .active  { background:#fff; color:#0b081e; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.header-nav li.rolodex a{ color:#fff; }
.header-nav li.rolodex  a:hover, .header-nav li.rolodex .active  { background:#fff; color:#0b081e; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.header-nav li.videoc a{ color:#fff; }
.header-nav li.videoc  a:hover, .header-nav li.videoc .active  { background:#fff; color:#0b081e; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;margin-top: 2px; }

/*=================================================
					CONTENT
===================================================*/
#wrap { display:block; width:946px; margin:5px auto; /*overflow:hidden;*/ }
/*=================================================
                  BOOTCAMP ADS
===================================================*/
.bootcamp-ad {
	text-align: center;
	margin: 0 0 20px 0;
}

.bootcamp-ad.bobby-bones {
	width: 728px;
	height: 150px;
	position: relative;
	margin: 0 auto 20px;
	padding: 10px 0 0 0;
	overflow: hidden;
}

.bootcamp-ad img {
	position: absolute;
	top: 0;
	left: 0;
}

/*=================================================
                  BANNER ADS
===================================================*/
.banner-ad {
	margin: 0 auto 20px auto;
	width: 728px;
	height: 150px;
	position: relative;
	overflow: hidden;
}

.banner-ad img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/*=================================================
                  BANNER ADS
===================================================*/
.banner-ad-msbc {
	text-align: center;
	margin: 0 auto 10px auto;
	height:145px;
	width:931px;	
	position: relative;
	overflow: hidden;
}

.banner-ad-msbc img {
	position: absolute;
	top: 0px;
	left: 0px;

}
/*=================================================
					SIDEBAR
===================================================*/
.sidebar { float:left; margin:0; padding:0; width: 210px; }
.sidebar h2 { display:block; font-size:13px; line-height:23px; color:#fff; font-weight:bold; margin:0; text-indent:6px; background-color:#433d65; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.sidebar h2 a { color: #fff;}
.sidebar ul { display:block;  border-right:1px solid #d9d9d9; border-bottom:1px solid #ededed; border-left:1px solid #ededed; }

/* =side-box */
.side-box {  margin-bottom: 30px;}
.side-box .box-content { border-bottom: 1px solid #EDEDED;  border-left: 1px solid #EDEDED;  border-right: 1px solid #D9D9D9; padding: 10px 10px 8px;}
.side-box .box-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .side-box .box-content{ zoom: 1; } /* IE6 */
*:first-child+html .side-box .box-content{ zoom: 1; } /* IE7 */
.side-box ul { border: 0;}
.side-box .more-link { font-size: 10px; clear: both; float: right;}
.side-box a { color: #000;}
.side-box a:hover { color: #d71920;}
.side-box .box-content  p { line-height: 18px;}


/* user sidebar*/
.user-sidebar { display:block;  padding:0; margin-bottom:25px; position: relative; }
.user-sidebar span.upload-photo { display: block; position: absolute; top: 96px; font-size: 20px; color: #666; text-align: center; line-height: 23px; }
.user-sidebar img { display:block; margin:0; padding:0; }
.user-sidebar li {  }
.user-sidebar li a { display:block; font-size:12px; line-height:12px; color:#000; padding:8px 10px; }
.user-sidebar li a:hover { color:#d71920; }
.user-sidebar .selected { background-color:#ededed; color:#666; }
/* friends sidebar*/
.friends-sidebar li { padding: 5px 0; float: left; width: 41px; margin: 0 2px 0 0; }
.friends-sidebar li img { float:left; }
.friends-sidebar li img { width:41px; height:40px; margin:0 10px 0 0; padding:0; }
.friends-sidebar li a { display:block;  font-size:12px; line-height:13px; color:#000;  float: left; }
.friends-sidebar li a:hover  {color: #d71920; }
.friends-sidebar li span { float:left; width:41px; text-align: center; font-size: 11px; }
/* sidebar footer*/
.sidebar-footer { border:0 none !important; margin-top:11px; }
.sidebar-footer a { font-size:10px; line-height:20px; color:#000; }
.sidebar-footer a:hover { color:#D22133; }

/*=====================================
			PAGINATION
======================================= */

.pagination { /*border-top:1px solid #ececec;*/ padding-top: 8px; margin: 10px 0; clear: both;}
.pagination.no-border { border: 0;}
.pagination li { float: left;font-size: 12px; margin: 0 3px; line-height: 100%}
.pagination .current { color: #d71920; font-weight:  bold;}
.pagination li a { color: #666; display: block; }
.pagination li a:hover { color: #d71920;  }
.pagination .prev { margin-right: 10px;}
.pagination .next { margin-left: 10px;}
.pagination .prev a { color: #000;  background:url(../../images/stt/layout/arrow-2.png) no-repeat 0 0; padding-left: 12px;}
.pagination .next a { color: #000;  background:url(../../images/stt/layout/arrow.png) no-repeat 100% 0; padding-right: 12px;}
.pagination .prev a:hover { background-position: 0 100%;}
.pagination .next a:hover { background-position: 100% 100%;}

/*=================================================
					FOOTER
===================================================*/
/* links*/
.footer { display:block; width:946px; margin:0 auto 25px; padding-top:25px; border-top:1px solid #ececec; clear: both; }
.footer-links, .footer .welcome-box { float:left; background-color:#f4f4f4; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; }
.footer-links { width:598px; margin:0 15px 0 0; padding:15px 15px 14px; font-size:11px; line-height:12px; }
.footer-links li { float:left; }
.footer-links li ul { float:left; width:598px; border-bottom:1px solid #e3e3e3; }
.footer-links li.last ul { border-bottom:0 none; }
.footer-links li li { width:110px; padding:5px 0 7px; }
.footer-links li li.first { width:157px; font:normal 12px/12px Arial, Helvetica, sans-serif; color:#666; }
.footer-links li.first li { padding-top:0; }
.footer-links li.last li { padding-bottom:0; }
.footer-links a { display:block; color:#666; }
.footer-links a:hover { color:#000; }
.footer-links a span { width:7px; height:12px; margin:0 0 0 4px; position:absolute; background:url(../../images/stt/layout/arrow.png) no-repeat 0 0; }
.footer-links a:hover span { background-position:0 100%; }
/* footer welcome box*/
.footer .welcome-box { width:263px; height:71px; position:relative; margin:0; padding:16px 20px 4px; background: #f4f4f4;}
.footer .welcome-box p { float:left; width:209px; font-size:12px; line-height:16px; font-weight:bold; color:#808080; margin:0; }
.footer .welcome-box a { float:left; text-transform:uppercase; white-space:nowrap; color:#df474d; font-weight:normal; font-size:11px; line-height:16px; text-align:right; }
.footer .welcome-box a:hover { color: #000; }
.footer .welcome-box ul { float:left; width:263px; margin:6px 0 12px; }
.footer .welcome-box li { float:left; min-width:60px; }
.footer .welcome-box li a { font-size:12px; color:#666; text-transform:capitalize; width:85px; text-align:left; }
.footer .welcome-box li.first a { width:114px; text-align:left; }
.footer .welcome-box li.last a { width:64px; text-align:right; }
.footer .welcome-box li a:hover { color:#000; font-weight:normal; }
.welcome-box span { float:left; }
.footer .msg-count { color:#df474d; font-weight:bold; }
.footer a:hover .msg-count { color:#d71c23; }
.footer .msg-ico { background:url(../../images/stt/layout/ico_msg.png) no-repeat 0 0; display:block; width:15px; height:10px; margin:3px 0 0 3px; }
.footer a:hover .msg-ico { background-position:0 100%; }
.footer .welcome-box form { float:left; position:relative; }
.footer .search-field { width:224px; font-size:11px; height:11px; padding:4px 8px 3px; color:#666; border:1px solid #ebebeb; }
.footer .btn-search { width:22px; height:20px; border:0 none; text-indent:-9999px; font-size:0;line-height: 0; background:url(../../images/stt/layout/btn_search_gray.png) no-repeat 0 0; position:absolute; right:-21px; top:0; float: left; }
.footer .legal { font-size:10px; color:#b3b3b3; float:left; margin:20px 17px; }

/* =non-logged
---------------------------------------------------*/
/* =body */
body.non-logged, body.non-logged.tandc.bg  { 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444166', endColorstr='#ffffff'); /* for IE */
	background: -moz-linear-gradient(255deg, #FFFFFF, #444166) no-repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#444166)) no-repeat scroll 0 0 transparent }
	
body.non-logged.tandc { background: #fff; filter: none;}
body.non-logged.tandc h1 { background: none; font-size: 25px; font-weight: normal; line-height: 20px; color: #D71920; margin: 0 0 20px 0; }
body.non-logged.tandc p { color: #000; }
body.non-logged.tandc ul { margin: 0 0 20px 40px; list-style: disc; }

/* =header */
.non-logged #header ul { visibility: hidden; }
.non-logged h1.logo { margin: 40px 0 0 0 !important;  }
.non-logged.header .welcome-box { height: 52px; padding: 10px 12px 0; width: 434px;}
.non-logged.header #header ul { visibility: visible; }
.non-logged.header h1.logo { margin: 15px 0 25px !important; }

.login-form legend { display: none;}
.login-form .ctrlHolder { float: left; margin: 0; margin-right: 10px;}
.login-form .ctrlHolder input { font: 12px Arial, Helvetica, sans-serif; color: #666; width: 150px; margin-bottom: 8px; padding: 1px 5px; display: block;}
.login-form .ctrlHolder .check { padding: 0; width: auto; float: left;margin: 0; margin-right: 5px; }
.login-form label, .login-form a {  font-size: 11px; color: #ceced2; float: left; cursor: pointer; }
.login-form label:hover, .login-form a:hover { color: #fff;}
.login-form .btn { padding-right: 20px; background-image: url(../../images/stt/library/bg_arrow_white.png); background-position: 100% 50%; background-repeat: no-repeat; margin: 0;}
/* =footer */
.non-logged .footer-links { width: 610px; }
.non-logged .footer{ padding: 0; border: 0; display: none;}

/* =content */
.non-logged #wrap { margin: 50px auto; overflow: visible;}
.non-logged #content { background: url("../../images/stt/layout/mic.png") no-repeat 355px -10px #F4F4F4; padding: 50px 10px 60px 50px; margin-bottom: 15px; border-radius: 5px; box-shadow: 0 0 10px #333; }
.non-logged #content.thanks { background: url("../../images/stt/layout/mic.png") no-repeat 600px -10px #F4F4F4; }
.non-logged #primary-content { float: left; width: 330px;}
.non-logged #content.thanks #primary-content { width: 450px; }
.non-logged #content.thanks #primary-content-msbc { width: 600px; }
.non-logged #secondary-content{ float: right; width: 325px;}
.non-logged #content h1 { margin-bottom: 30px; color: #d71920; font-size: 22px; font-family: "StainlessRegular", Arial, Helvetica, sans-serif; font-weight: bold;}
.non-logged #content h2,
.non-logged #content h3 { font-size: 17px; font-weight: bold; color: #000; margin-bottom: 15px;}
.non-logged #content h2 { margin-bottom: 25px;}
.non-logged #primary-content p { font-size: 17px; line-height: 21px;}
.non-logged #primary-content .small p { font-size: 13px; line-height: 17px; margin-bottom: 10px;}



.non-logged #secondary-content h1 {margin-bottom: 30px;}
.non-logged #secondary-content input, .non-logged #secondary-content select, .non-logged #secondary-content textarea { color: #999 !important; background: #fff; border-radius: 3px; box-shadow: 0 0 5px #999; margin: 0 10px 10px 0; padding: 5px; border: none; width: 140px; font-size: 1em;}
.non-logged #secondary-content input.wide { width: 250px; }
.non-logged #secondary-content textarea { width: 250px;}
.non-logged #secondary-content input[type=checkbox] { width: 12px; padding: 0; box-shadow: none; border-radius: 0; background: none; }
.non-logged #secondary-content input#tandc { clear: both; margin: 10px 0; position: relative; top: 1px; }
.non-logged #secondary-content label[for=no-station] { float: right; width: 115px; margin: 0 20px 0 0; font-size: 11px; line-height: 12px; }
.non-logged #secondary-content div#tandc-wrap { margin: 0px 0 0 0; }
.non-logged #secondary-content label[for=tandc] { font-size: 11px; }
.non-logged #secondary-content select { width: 150px; padding: 4px 5px; -webkit-appearance: none; -moz-appearance: none; }
.non-logged #secondary-content input#call_letters { width: 76px; margin: 0 10px 0 0; }
.non-logged #secondary-content select#fm_am { width: 50px; }
.non-logged #secondary-content input#submit { background: #D71920; color: #fff !important; padding: 2px 5px; font-size: 1.3em; font-weight: bold; width: 150px; cursor: pointer; }
.non-logged #secondary-content p { font-size: 13px; }
.non-logged #secondary-content p .btn { margin-right: 10px; margin-top: -2px; }
.non-logged #secondary-content .first { margin-bottom: 60px;}


#reg-form .signature { margin: 20px 0; }
#reg-form .signature input { width: 300px; }
#reg-form .signature input.small { width: 150px; }
#reg-form .signature label { color: #666; display: block; margin-bottom: 5px; font-size: 14px; }

.forgot-form { margin: 30px 0; float: left;}
.forgot-form label { float: left; font-size: 17px; color: #666; margin-top: 5px; margin-right: 15px;}
.forgot-form input { float: left; width: 200px; color: #999; background: #fff; border-radius: 3px; box-shadow: 0 0 5px #999;  padding: 5px; border: none;  font-size: 1em; margin-right: 15px;}
.forgot-form button { padding: 3px 10px; font-size: 16px;}

/* =footer-nav */
.footer-nav { float: right; padding: 15px 0 25px 20px;background: #f4f4f4; width: 270px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.footer-nav li { float: left; width: 90px; margin-bottom: 10px;}
.footer-nav li a { font-size: 12px; color: #000;}
.footer-nav li a:hover { color: #d71920;}



/*=====================================
			TEMP
======================================= */
.user-profile .temp-1, .work-history .temp-2, .photo-albums .temp-3, .photo-album .temp-3, .photo-page .temp-3, .add-photo .temp-3, .my-friends .temp-4, .johns-friends .temp-4, .my-favorites .temp-6, .following .temp-5 { background-color:#ededed; color:#666; }
.my-favorites .owner-stream, .my-favorites .more-uploader { display:none; }