/* =Fonts
-------------------------------------------------------*/
/* =Stainless */
@font-face {
    font-family: 'StainlessRegular';
    src: url('../../fonts/stainless-regular-webfont.eot');
    src: url('../../fonts/stainless-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/stainless-regular-webfont.woff') format('woff'),
         url('../../fonts/stainless-regular-webfont.ttf') format('truetype'),
         url('../../fonts/stainless-regular-webfont.svg#StainlessRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =transitions */
.transition-opacity {
        -webkit-transition: background-color .4s ease-in-out;
		-moz-transition: opacity 0.4s ease-in-out;
		-o-transition: background-color .4s ease-in-out;
		transition: background-color .4s ease-in-out;  }
.transition-opacity:hover { opacity: 0.8;}

/*=================================================
					PROFILE STREAM
===================================================*/
.main-content { width:709px; float:left; margin-left:27px; }

.list-container { width:723px; float:left; color:#666; font-size:11px; line-height:18px; }
.list-container li { float:left; padding:15px 0 21px; border-top:1px solid #ececec; }

.list-container li li { padding:0; border-top:0 none; }
.list-container li p { width:627px; margin: 0 0 10px 0; }
.list-container li a { font-weight:bold; color:#231f20; }

.list-container .inner { width:627px;}
.list-container .inner, .list-container p, .list-container ul, .list-container li, .list-container h3, .list-container h4, .list-container h5, .list-container h6 { float:left; }
.list-container .photo-list { clear: both;}
.list-container p, .list-container h3, .list-container h4, .list-container h5 { margin:0; width:100%; }
.list-container h3 { font-size:15px; line-height:18px; padding-bottom:10px; font-size: 13px; }

.list-container .stream-desc { padding-bottom:23px; width: auto; font-size: 13px; clear: both;}
.list-container .stream-desc a.read-more { color:#D71920; }

.list-container .inner img { margin-bottom:12px; }
.list-container .timestamp { width:160px; font-size:11px; line-height:18px; float:right;  text-align: right; }

.list-container .stream-msg { width: 465px;}
.list-container .stream-msg a.feed-thread-title { color: #000; font-weight: bold; font-size: 18px; }
.list-container .user-photo { float: left; margin: 5px 18px 0 0; }
.photo-list a { margin: 5px 12px 12px 0; }

.more-uploader { font-size:18px; line-height:18px; font-weight:bold; color:#d22133; margin-left:73px; }
.count { font-size:11px; }
.like-wrap {  clear: both; margin-top: 10px;}
.like-wrap a, .like-wrap .text {padding-left: 20px; color: #D71920;  float: left; line-height: 17px; border: 0; font-size: 11px;}
.like-wrap a.like { color: #433D65; }

.like-wrap .count {  padding: 0 5px 0 10px; margin-left: 5px;  float: left; height: 16px; line-height: 17px; background: #e6e6e6 url('../../images/stt/library/bg_like_counter.png') no-repeat 0 50%; font-size: 11px; color: #666; border-radius: 2px; }
.comment .like-wrap .count { background: #e6e6e6 url(../../images/stt/library/bg_like_counter_comment.png) no-repeat 0 50%; }
.like { float: left; margin-right: 10px;}
.like a, .like .text {  background: url('../../images/stt/library/ico_like.png') no-repeat 0 50%; margin-right: 0; }
#wrap .like-wrap a { border: 0;}

.love { float: left;}
.love a, .love .text { background: url('../../images/stt/library/ico_love.png') no-repeat 0 50%; }

#fnc-dashboard strong { font-weight: normal;} 
#fnc-dashboard .stream-desc b, #fnc-dashboard .post-comments b, #fnc-dashboard .stream-desc strong, #fnc-dashboard .post-comments strong { font-weight: bold; }

/* Posting Box */
#dashboard-postit {
	position: relative;
	margin: 0 0 20px 0;
}

#dashboard-postit .user-photo {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

#dashboard-postit .user-photo img {
	height: 64px;
}

.postit-tabs-wrapper {
	float: left;
	position: relative;
	width: 620px;
	margin: 0;
	line-height: 14px;
}

.postit-tabs-wrapper img.postit-arrow {
	position: absolute;
	top: 22px;
	left: 10px;
	z-index: 2;
}

.postit-tabs {
	position: relative;
	height: 19px;
	margin: 0 0 8px;
	padding: 0 0 0 9px;
}

.postit-tabs div {
	float: left;
	margin: 0 20px 0 0;
	font-weight: bold;
	font-size: 18px;
}

.postit-tabs div img {
	margin: 0 5px 0 0;
	margin-bottom: 0 !important;
	height: 16px;
	position: relative;
	top: 2px;
}

.postit-tab-content {
	position: relative;
	border: 1px solid #e6e6e6;
}

.postit-tab-content div.tab-content {
	display: none;
}

.postit-tab-content div.active {
	display: block;
}

.postit-tab-content div.tab-content .postit-title {
	display: block;
	width: 618px;
}

.postit-tab-content div.tab-content .postit-title span {
	font-weight: bold;
	width: 30px;
	margin: 0;
	padding: 5px 0 5px 5px;
	color: #000;
	font-size: 13px;
}

.postit-tab-content div.tab-content .postit-title input {
	border: none;
	margin: 0;
	padding: 5px;
	font-size: 14px;
	width: 382px;
	color: #666;
}

.postit-tab-content div.tab-content textarea {
	border: 1px solid #e6e6e6;
	width: 289px;
	padding: 5px;
	margin: 0 0 8px 10px;
	min-height: 64px;
	resize: none;
	font-size: 12px;
}

.postit-tab-content div.tab-content textarea.postit-body {
	display: none;
	border: none;
	border-top: 1px solid #eee;
	margin: 0;
	width: 608px;
	font-size: 14px;
	color: #666;
}

.postit-tab-content div.tab-content div.postit-controls {
	border-top: 1px solid #e6e6e6;
	background: #f2f2f2;
	height: 30px;
	padding: 0;
}

.postit-tab-content div.tab-content div.postit-cats-wrapper {
	font-size: 12px;
	color: #777;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: #f2f2f2;
	width: 175px;
}

.add-media-wrap {
	float: left;
	padding: 5px 12px;
	border-right: 1px solid #e6e6e6;
	position: relative;
}

.add-media-wrap .add-media-icon {
	cursor: pointer;
}

.add-media-wrap .add-media-icon img {
	float: left;
	height: 20px !important;
	cursor: pointer;
	margin: 0 5px 0 0;
}

.add-media-wrap .add-media-icon span {
	display: inline-block;
	font-weight: bold;
	margin: 3px 0 0 0;
	font-size: 11px;
	color: #666;
}

.add-media-wrap .add-media-tabs {
	display: none;
	position: absolute;
	bottom: 25px;
	left: -90px;
	padding: 0 0 24px 0;
	line-height: 14px;
	z-index: 10;
}

.postit-tab-content div.tab-content .postit-tags {
	display: none;
	border-top: 1px dashed #dddddd;
}

.tag-box { display: none; /*position: absolute; top: -76px;*/ max-height: 100px; background: #fff; border: 1px solid #ececec; overflow-y: scroll; overflow-x: hidden; clear: both; }

.filters-wrap {
	border: 1px solid #ececec;
}

.filters-wrap .filter-box {
	width: 200px;
	margin: 5px auto;
}

.side-box .label {
	float: left;
	background: #433d65;
	border-radius: 5px 0 0 5px;
	font-weight: bold;
	color: #fff;
	width: 85px;
	padding: 5px;
	position: relative;
	z-index: 2;
}

.side-box .dropdown {
	float: left;
	background: url(../../images/stt/layout/img-arrow-down.png) no-repeat right center #ececec;
	border-radius: 0 5px 5px 0;
	height: 14px;
	width: 80px;
	padding: 5px 20px 5px 5px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	text-transform: capitalize;
}

.side-box .dropdown-option-wrap {
	clear: both;
	display: none;
	width: 198px;
	border: 1px solid #ececec;
	margin-right: 0;
	padding: 5px 0 0;
	position: relative;
	bottom: 5px;
	z-index: 1;
}

/* =top-contributors */
.contributors-list { list-style: decimal outside; margin-bottom: 15px; padding-left: 22px;  }
.contributors-list li { font-size: 12px;  line-height: 14px; clear: both; padding: 8px 0; color: #666;}
.contributors-list li img { float: left; margin: 0 5px 9px 0; }
.contributors-list .name { font-weight: bold; }
.contributors-list .points { color: #666;}
.contributors-list .station { float: left; color: #000; text-indent: 0;}

/* =weeks-prize */
.side-box.weeks-prize .prize-wrap {
	border: 1px solid #ececec;
	padding: 0 11px 8px;
}

.side-box.weeks-prize .reward-photo {
	width: 80px;
	margin: 10px 10px 0 0;
	float: left;
}

.side-box.weeks-prize .reward-photo img {
	width: 100%;
}

.side-box.weeks-prize .reward {
	width: 96px;
	float: left;
}

.side-box.weeks-prize .reward .reward-name {
	font-weight: bold;
	margin: 10px 0;
	height: 42px;
}

/* Dashboard Posts */
.post-left {
	float: left;
	width: 64px;
	margin: 0 10px 0 0;
}

.post-left a.user-photo {
	float: none;
	margin: 0 0 5px 0;;
}
.post-left .post-points, #dashboard-postit .points {
	display: none;
	background: #433d65;
	color: #fff;
	text-align: center;
	font-size: 9px;
	border-radius: 3px;
	width: 64px;
	line-height: 10px;
	margin: 0 0 5px 0;
	padding: 2px 0;
}

.post-left .fnc-toggle-follow {
	display: block;
	background: #ad2025;
	color: #fff;
	text-align: center;
	font-size: 9px;
	border-radius: 3px;
	width: 64px;
	line-height: 10px;
	padding: 2px 0;
}

.list-container .stream-desc {
	padding: 0;
	margin: 0 0 23px;
}

.list-container .stream-desc .snippet, .comment-content .snippet {
	line-height: 16px;
	font-size: 13px;
}

.list-container .stream-desc .full, .list-container .comment-content .full {
	line-height: 16px;
}

.list-container .stream-desc.closed .full, .list-container .comment-content.closed .full {
	display: none;
	word-wrap: break-word;
}

.list-container .post-tags-wrapper {
	margin: 5px 0 0 0;
}

.list-container .post-tags-wrapper a {
	display: block;
	float: left;
	font-size: 11px;
	color: #666;
	border: 1px solid #e6e6e6;
	background: #f2f2f2;
	padding: 2px 4px;
	margin: 0 4px 4px 0;
}
#wrap .like-wrap a.favorite-toggle {
	display: block;
	background: #ad2025;
	color: #fff;
	text-align: center;
	font-size: 11px;
	border-radius: 3px;
	line-height: 13px;
	padding: 2px 10px;
	margin: 0 0 0 15px;
}

.list-container .thread-controls {
	margin: 7px 0 0 0;
}

div.post-comments {
	clear: both;
	padding: 10px 0 0 0;
}

div.post-comments .additional-comments {
	display: none;
}

div.post-comments a.view-additional {
	display: block;
	background: #433d65;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid #e6e6e6;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.post-comments .comment, .post-comments .write-comment {
	background: #f2f2f2;
	padding: 5px;
	border: 1px solid #e6e6e6;
	margin: 0 0 5px 0;
	position: relative;
}

.post-comments .write-comment {
	padding: 5px;
	position: relative;
}

textarea.write-comment-comment {
	display: block;
	resize: none;
	width: 560px;
	height: 26px;
	font-size: 13px;
	line-height: 1.6em;
	color: #666;
	padding: 6px 0 0 5px;
	border: none;
}

.post-comments .add-media-wrap {
	float: left;
	margin: 0;
	padding: 5px 12px 0;
	position: relative;
	left: 0;
}

.post-comments .add-media-icon {
	cursor: pointer;
}

.post-comments .add-media-icon img, .post-comments .comment-content .comment-add-media-icon img {
	height: 20px;
}

.post-comments .add-media-icon span {
	display: inline-block;
	font-weight: bold;
	margin: 2px 0 0 0;
}

.post-comments .add-media-tabs {
	display: none;
}

.post-comments .write-comment .write-submit, .post-comments .comment-content .write-submit {
	position: absolute;
	right: 6px;
	bottom: 3px;
	height: 22px;
	border: none;
	border-radius: 5px;
	background: #433d65;
	font-size: 13px;
	color: #fff;
	width: 60px;
	cursor: pointer;
}

#fnc-dashboard .post-comments .comment strong {
	font-weight: bold;
	color: rgb(100, 93, 134);
}

#fnc-dashboard .post-comments .comment a.read-more {
	color: #D71920;
	font-weight: bold;
}

.post-comments .comment img.comment-profile-photo, .post-comments .write-comment img.comment-profile-photo {
	float: left;
	height: 45px;
	margin: 0 5px 0 0;
}

.post-comments .comment .comment-content, .post-comments .write-comment .comment-content {
	float: left;
	width: 560px;
	font-size: 13px;
}
.post-comments .comment-timestamp {
	font-size: 11px;
	line-height: 18px;
	margin: 5px 0 0 0;
	border-top: 1px solid #e6e6e6;
}

.post-comments .comment-timestamp a {
	font-weight: normal;
	color: #666;
}

/*=================================================
					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;}
#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; }
.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 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:#fff; }
.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; }



.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.last a { background:url(../../images/stt/layout/btn_top_nav_last.png) repeat-x 0 0; color:#d37c80; }
.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 {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-nav {width: 100%; }
.welcome-box-nav li.last { color:red; padding: 0; float: right;}
.welcome-box-nav a { color:#9d9ca5; }
.welcome-box-nav span { float:left; }
.msg-count { color:#d71c23; margin-left:3px; }
.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; }

li.membership a{ color:#fff;; }

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

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; }
#wrap { display:block; width:946px; margin:5px auto; /*overflow:hidden;*/ }
/*=================================================
                  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 { 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; }

.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; }
.side-box a { color: #000;}

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

html { height: 100%; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
        visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }


/* =left */
.left { float: left; }

/* =global elements
-------------------------------------------------------*/
html { font-size: 13px; text-align: center; } 
body { font: normal 13px/14px Arial, Helvetica, sans-serif; text-align: left; } 
a { text-decoration: none; } 
a:hover { text-decoration: none; } 
body p { font-size: 13px; line-height: 14px; margin: 0 0 20px; color:#666; } 

em { font-style: normal; font-weight: bold; } 
address { font-style: normal; } 
strong { font-weight: bold; } 
ol, ul { list-style: none; } 
button { font-size: 1.2em; overflow: visible; cursor: pointer; } 
input, textarea { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; } 

hr { display: block; height: 0px; margin: 15px 20px; line-height: 0; background-color: #333; color: #333; border: 1px solid #333; border-bottom: 0; } 

/* =headings */
h2, h3, h4, h5, h6 { font-weight: normal; } 

/* =think-tank guest-contacts - fix for bold in snippets */
div.guest-contacts-detail strong, strong li { font-weight: normal;}

/* remove styles from news feed */
#fnc-dashboard strong { font-weight: normal; }
#fnc-dashboard em { font-style: normal; font-weight: normal; }
#fnc-dashboard strong em, #fnc-dashboard em strong { font-weight: bold; }
#fnc-dashboard u {text-decoration: none;}

#fnc-dashboard .stream-desc b, #fnc-dashboard .post-comments b, #fnc-dashboard .stream-desc strong, #fnc-dashboard .post-comments strong { font-weight: bold; }
#fnc-dashboard .stream-desc i, #fnc-dashboard .post-comments i, #fnc-dashboard .stream-desc em, #fnc-dashboard .post-comments em { font-style: italic; }

#fnc-dashboard .stream-desc i.mce-i-bold, #fnc-dashboard .stream-desc i.mce-i-underline { font-style: normal; }

#fnc-dashboard .stream-desc u, #fnc-dashboard .post-comments u { text-decoration: underline; }

/* Headline styles */
#fnc-dashboard .dash-headlines {
	clear: both;
	position: relative;
	margin: 10px 0 0 0;
	padding: 10px 15px 30px 15px;
	background: #f5f5f5;
	border-radius: 5px;
	border: 1px solid #ddd;
}

#fnc-dashboard h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

#fnc-dashboard .dash-headlines a {
	font-size: 12px;
	font-weight: normal;
}

#fnc-dashboard .dash-headlines a.headlines-readmore {
	position: absolute;
	bottom: 7px;
	right: 10px;
	font-size: 11px;
	color: #D71920;
	font-weight: bold;
	text-decoration: none;
}

/* Posting Box */
#dashboard-postit {
	position: relative;
	margin: 0 0 20px 0;
}

#dashboard-postit .user-photo {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

#dashboard-postit .user-photo img {
	height: 64px;
}

.postit-tabs-wrapper {
	float: left;
	position: relative;
	width: 620px;
	margin: 0;
	line-height: 14px;
}

.postit-tabs-wrapper img.postit-arrow {
	position: absolute;
	top: 22px;
	left: 10px;
	z-index: 2;
}

.postit-tabs {
	position: relative;
	height: 19px;
	margin: 0 0 8px;
	padding: 0 0 0 9px;
}

.postit-tabs div {
	float: left;
	margin: 0 20px 0 0;
	font-weight: bold;
	font-size: 18px;
}

.postit-tabs div img {
	margin: 0 5px 0 0;
	margin-bottom: 0 !important;
	height: 16px;
	position: relative;
	top: 2px;
}

.postit-tabs div.postit-media img {
	margin: 0 7px 0 0;
}

.postit-tab-content {
	position: relative;
	border: 1px solid #e6e6e6;
}

.postit-tab-content div.tab-content {
	display: none;
}

.postit-tab-content div.active {
	display: block;
}

.postit-tab-content div.tab-content .postit-title {
	display: block;
	width: 618px;
}

.postit-tab-content div.tab-content .postit-title span {
	font-weight: bold;
	width: 30px;
	margin: 0;
	padding: 5px 0 5px 5px;
	color: #000;
	font-size: 13px;
}

.postit-tab-content div.tab-content .postit-title input {
	border: none;
	margin: 0;
	padding: 5px;
	font-size: 14px;
	width: 382px;
	color: #666;
}

#postit-editor-wrapper {
	display: none;
}

.main-content .cke_chrome {
	border: none;
	box-shadow: none;
	border-top: 1px solid #e6e6e6;
}

.main-content #dashboard-postit .cke_chrome {
	display: none;
}

.main-content .comment-content .cke_chrome {
	display: block;
	border-top: none;
}

/* Editor Toolbar Styles */

.cke_bottom {
	position: absolute !important;
	bottom: -5px;
	left: 0;
	padding: 0 !important;
	background: none !important;
	border: none !important;
	border-top: none !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.cke_toolgroup {
	background: none !important;
	border: none !important;
}

a.cke_button {
	padding: 7px !important;
	border-right: 1px solid #e7e7e7 !important;
	cursor: pointer !important;
}

a.cke_button:hover {
	background: none !important;
	outline: 0 !important;
	border: none !important;
	border-right: 1px solid #e7e7e7 !important;
}

.comment-content .cke_bottom {
	height: 29px;
	left: 55px;
	bottom: 0;
}

.comment-content .cke_button:first-child {
	border-left: 1px solid #e6e6e6;
}

#dashboard-postit .mce-panel {
	display: none;
}

.mce-panel {
	border: none !important;
}

.mce-panel.mce-tinymce {
	border-top: 1px solid #e7e7e7 !important;
	position: static !important;
}

.mce-btn-group {
	position: absolute !important;
	bottom: -2px !important;
	left: -3px;
}

.comment-content .mce-btn-group {
	left: 53px;
}

.mce-btn {
	position: static !important;
}

.editor-wrapper {
	border-top: 1px solid #e6e6e6;
}

.postit-tab-content div.tab-content textarea {
	border: 1px solid #e6e6e6;
	width: 289px;
	padding: 5px;
	margin: 0 0 8px 10px;
	min-height: 64px;
	resize: none;
	font-size: 12px;
}

.postit-tab-content div.tab-content textarea.postit-body {
	display: none;
	border: none;
	border-top: 1px solid #eee;
	margin: 0;
	width: 608px;
	font-size: 14px;
	color: #666;
}

.postit-tab-content div.tab-content div.editor-btns {
	position: absolute;
	bottom: 0px;
}

.postit-tab-content div.tab-content div.editor-btns a {
	display: block;
	border-right: 1px solid #e6e6e6;
	float: left;
	font-size: 15px;
	padding: 8px;
	color: #777;
}

.postit-tab-content div.tab-content div.editor-btns a.selected {
	background: #e6e6e6;
}

.postit-tab-content div.tab-content div.postit-controls {
	border-top: 1px solid #e6e6e6;
	background: #f2f2f2;
	height: 30px;
	padding: 0;
}

.postit-tab-content div.tab-content div.postit-cats-wrapper {
	font-size: 12px;
	color: #777;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: #f2f2f2;
	width: 175px;
}

.postit-tab-content div.tab-content div.postit-category-selected {
	padding: 7px 20px 5px 8px;
	background: url(../../images/stt/layout/img-arrow-down.png) no-repeat right center transparent;
	border-left: 1px solid #e6e6e6;
	height: 14px;
}

.postit-tab-content div.tab-content div.postit-cats {
	position: absolute;
	top: 27px;
	background: #f2f2f2;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	min-width: 160px;
	right: -1px;
	text-align: right;
	z-index: 10;
	display: none;
}

.postit-tab-content div.tab-content div.postit-cats .cat {
	padding: 5px 8px;
	border-bottom: 1px solid #e6e6e6;
	width: 158px;
}

.postit-tab-content div.tab-content div.postit-cats .cat:hover {
	background: #fff;
}

.postit-tab-content div.tab-content div.postit-controls .postit-add-tags {
	float: left;
	padding: 8px;
	cursor: pointer;
	border-right: 1px solid #e6e6e6;
	height: 14px;
}

.add-media-wrap {
	float: left;
	padding: 5px 12px;
	border-right: 1px solid #e6e6e6;
	position: relative;
}

.add-media-wrap .add-media-close {
	background: #ad2025;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 8px 0 0;
	position: absolute;
	bottom: 24px;
	right: 1px;
	height: 22px;
	width: 60px;
	cursor: pointer;
	border-radius: 4px 0 4px 0;
}

.add-media-wrap .add-media-pointer {
	position: absolute;
	bottom: 0;
	left: 100px;
	height: 25px;
}

.add-media-wrap .add-media-pointer img {
	margin: 0;
	height: auto;
	float: none;
}

.add-media-wrap .add-media-icon {
	cursor: pointer;
}

.add-media-wrap .add-media-icon img {
	float: left;
	height: 20px !important;
	cursor: pointer;
	margin: 0 5px 0 0;
}

.add-media-wrap .add-media-icon span {
	display: inline-block;
	font-weight: bold;
	margin: 3px 0 0 0;
	font-size: 11px;
	color: #666;
}

.add-media-wrap textarea {
	display: block;
	border: 1px solid #e6e6e6;
	width: 289px;
	padding: 5px;
	margin: 0 0 8px 10px;
	min-height: 64px;
	resize: none;
	font-size: 12px;
}

.add-media-wrap .add-media-tabs {
	display: none;
	position: absolute;
	bottom: 25px;
	left: -90px;
	padding: 0 0 24px 0;
	line-height: 14px;
	z-index: 10;
}

.postit-tab-content div.tab-content div.postit-controls .postit-button {
	height: 22px;
	border: none;
	float: right;
	margin: 4px 4px 0 0;
}

.postit-tab-content div.tab-content div.postit-controls .postit-button button {
	border: none;
	border-radius: 5px;
	background: #433d65;
	height: 20px;
	padding: 0;
	font-size: 13px;
	color: #fff;
	width: 60px;
}

.postit-tab-content div.tab-content div.postit-controls .postit-button img {
	margin: 4px 4px 0 0;
}

.postit-tab-content div.tab-content div.postit-controls .postit-button.cancel button {
	background: #ad2025;
}

.postit-tab-content div.tab-content .postit-tags {
	display: none;
	border-top: 1px dashed #dddddd;
}

.postit-tab-content div.tab-content .postit-tags .tags-field {
	border: none;
	font-size: 11px;
	color: #777;
	padding: 3px;
	width: 627px;
}

.tag-box { display: none; /*position: absolute; top: -76px;*/ max-height: 100px; background: #fff; border: 1px solid #ececec; overflow-y: scroll; overflow-x: hidden; clear: both; }
.tag-box .tag-user { padding: 5px 10px; cursor: pointer; }
.tag-box .tag-user:hover { background: #ececec; }
.postit-tags .tag-added { position: relative; float: left; font-size: 11px; color: #fff; background: #433D65; padding: 2px 26px 2px 4px; margin: 2px; }
.postit-tags .tag-remove { position: absolute; right: 3px; top: 2px; font-size: 12px; color: #444444; padding: 0 4px; background: #ececec; cursor: pointer; }

ul.tabs { padding: 0; height: 19px; width: 321px; background-color:#f2f2f2; border-top:0 none; border: 1px solid #ccc; border-bottom: none; border-radius: 4px 4px 0 0; width: 540px; }
ul.tabs li { height: 20px; line-height: 20px; }
ul.tabs li a { color: #000; font-weight: bold; display: block; font-size: 13px; padding: 0 33px; outline: none; margin:0; background:0 none; border-right:1px solid #ccc; border-bottom:0 none; }
ul.tabs li.first a { margin-left:0 !important; }
ul.tabs li a:hover { background-color: #fff; color:#d71920 !important; }
tent ul.tabs li.active a, html .tab-content ul.tabs li.active a:hover  { background: #fff; border-bottom: 1px solid #fff; color: #D22133; }

.tab_container .tab_content { display: none; }
.tab_container .tab_content:first-child { display: block; }

.border-box { border: 1px solid #ccc; border-radius: 0 0 4px 4px; background: #f2f2f2; float: left; margin-left: 0; overflow: hidden; min-height:195px; width: 540px; }
.btn { border:0 none; outline:none; height:20px; margin:10px 15px;  }
.loading { float: right; margin: 15px 15px;}
.browse-file { margin: 25px 20px 10px;height: auto; font-size: 11px; }
.browse-file-wrap { width: 108px; height: 20px; margin: 25px 20px 10px; background: url("../../images/stt/library/btn_browse_file.png") no-repeat 0 0;  cursor: pointer;}
.browse-file-wrap:hover { background-position:  0 100%;}
.browse-file-wrap input { opacity:0; filter: alpha(opacity=0); width: 108px; margin: 0;  cursor: pointer;}

.border-box .tooltip { font-weight: normal; color: #333; font-size: 12px; position: relative; cursor: help;}
.border-box .tooltip span { position: absolute; bottom:25px; left: -100px;background: #fafafa; border: 1px solid #ddd; display: block; width: 285px; padding: 10px; font-size: 13px; line-height: 16px; display: none;}
.border-box .tooltip:hover span { display: block; z-index: 100;}

.dashboard-filters {
	margin: 20px 0;
	padding: 20px 0 18px;
	border-top: 1px solid #e6e6e6;
}

.dashboard-filters span {
	font-size: 18px;
	font-weight: bold;
}

.dashboard-filters .categories, .dashboard-filters .contributors {
	float: left;
	margin: 0 15px 0 0;
	position: relative;
}

.dashboard-filters .filter-remove {
	display: inline-block;
	position: relative;
	background: #ad2025;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	padding: 1px 4px 2px 4px;
	bottom: 2px;
	cursor: pointer;
}

/* Sidebar Dropdowns */

.filters-wrap {
	border: 1px solid #ececec;
}

.filters-wrap .filter-box {
	width: 200px;
	margin: 5px auto;
}

.side-box .label {
	float: left;
	background: #433d65;
	border-radius: 5px 0 0 5px;
	font-weight: bold;
	color: #fff;
	width: 85px;
	padding: 5px;
	position: relative;
	z-index: 2;
}

.side-box .dropdown {
	float: left;
	background: url(../../images/stt/layout/img-arrow-down.png) no-repeat right center #ececec;
	border-radius: 0 5px 5px 0;
	height: 14px;
	width: 80px;
	padding: 5px 20px 5px 5px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	text-transform: capitalize;
}

.side-box .dropdown-option-wrap {
	clear: both;
	display: none;
	width: 198px;
	border: 1px solid #ececec;
	margin-right: 0;
	padding: 5px 0 0;
	position: relative;
	bottom: 5px;
	z-index: 1;
}

.side-box .dropdown-option-wrap .option {
	padding: 5px;
	cursor: pointer;
}

.side-box .dropdown-option-wrap .option:hover {
	background: #ececec;
}



/* =options-sidebar */
.options-sidebar ul {  width: auto; }
.options-sidebar li { padding: 8px 0;}
.options-sidebar li a { font-size: 12px; color: #000;}
.options-sidebar li a:hover { color: #d71920;}

/* =top-contributors */
.contributors-list { list-style: decimal outside; margin-bottom: 15px; padding-left: 22px;  }
.contributors-list li { font-size: 12px;  line-height: 14px; clear: both; padding: 8px 0; color: #666;}
.contributors-list li img { float: left; margin: 0 5px 9px 0; }
.contributors-list .name { font-weight: bold; }
.contributors-list .points { color: #666;}
.contributors-list .station { float: left; color: #000; text-indent: 0;}

/* =top-rated*/
.rated-list { list-style: decimal outside; margin-bottom: 15px;  float: left;  }
.rated-list li { font-size: 12px;  clear: both; padding: 8px 0; color: #666; float: left; width: 175px; margin: 0 0 0 14px; }
.rated-list .title { font-weight: bold; }
.rated-list .author { font-size: 10px; margin-bottom: 5px; display: block; text-align: right; }
.sidebar .rated-list { border: 0; width: 175px; }
.rated-list .by { float: right; font-size: 10px;}
.rated-list .rating { clear: both; float: left;  margin-left: 15px; width: 66px; height: 11px;  text-indent: -999em; background: url(../../images/library/bg_stars.png) no-repeat 0 0;}
.rated-list .rating.rate-1 { background-position: 0 -11px; } 
.rated-list .rating.rate-2 { background-position: 0 -22px; } 
.rated-list .rating.rate-3 { background-position: 0 -33px; } 
.rated-list .rating.rate-4 { background-position: 0 -44px; } 
.rated-list .rating.rate-5 { background-position: 0 -55px; } 

/* =weeks-prize */
.side-box.weeks-prize .prize-wrap {
	border: 1px solid #ececec;
	padding: 0 11px 8px;
}

.side-box.weeks-prize .reward-photo {
	width: 80px;
	margin: 10px 10px 0 0;
	float: left;
}

.side-box.weeks-prize .reward-photo img {
	width: 100%;
}

.side-box.weeks-prize .reward {
	width: 96px;
	float: left;
}

.side-box.weeks-prize .reward .reward-name {
	font-weight: bold;
	margin: 10px 0;
	height: 42px;
}

/* Dashboard Posts */
.post-left {
	float: left;
	width: 64px;
	margin: 0 10px 0 0;
}

.post-left a.user-photo {
	float: none;
	margin: 0 0 5px 0;;
}

.post-left a.user-photo.headline-view img {
	height: 50px;
}

.post-left .post-points, #dashboard-postit .points {
	display: none;
	background: #433d65;
	color: #fff;
	text-align: center;
	font-size: 9px;
	border-radius: 3px;
	width: 64px;
	line-height: 10px;
	margin: 0 0 5px 0;
	padding: 2px 0;
}

.post-left .fnc-toggle-follow {
	display: block;
	background: #ad2025;
	color: #fff;
	text-align: center;
	font-size: 9px;
	border-radius: 3px;
	width: 64px;
	line-height: 10px;
	padding: 2px 0;
}

.post-left .fnc-toggle-follow:hover {
	background: #d71920;
	border: 0;
}

.list-container .stream-desc {
	padding: 0;
	margin: 0 0 23px;
}

.list-container .stream-desc .snippet, .comment-content .snippet {
	line-height: 16px;
	font-size: 13px;
}

.list-container .stream-desc .full, .list-container .comment-content .full {
	line-height: 16px;
}

.list-container .stream-desc.closed .full, .list-container .comment-content.closed .full {
	display: none;
	word-wrap: break-word;
}

.list-container .stream-desc .read-more:hover, .list-container .stream-desc .read-more a:hover {
	border-bottom: none;
}

.list-container .post-tags-wrapper {
	margin: 5px 0 0 0;
}

.list-container .post-tags-wrapper a {
	display: block;
	float: left;
	font-size: 11px;
	color: #666;
	border: 1px solid #e6e6e6;
	background: #f2f2f2;
	padding: 2px 4px;
	margin: 0 4px 4px 0;
}

.list-container .post-tags-wrapper a:hover {
	border-bottom: none;
}

#wrap .like-wrap a.favorite-toggle {
	display: block;
	background: #ad2025;
	color: #fff;
	text-align: center;
	font-size: 11px;
	border-radius: 3px;
	line-height: 13px;
	padding: 2px 10px;
	margin: 0 0 0 15px;
}

.list-container .thread-controls {
	margin: 7px 0 0 0;
}

div.post-comments {
	clear: both;
	padding: 10px 0 0 0;
}

div.post-comments .comment-content p {
	float: none;
	line-height: 16px;
}

div.post-comments .comment-content p:first-of-type {
	display: inline;
}

div.post-comments .comment-content .attachments {
	margin: 10px 0;
}

div.post-comments .additional-comments {
	display: none;
}

div.post-comments a.view-additional {
	display: block;
	background: #433d65;
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid #e6e6e6;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.post-comments .comment, .post-comments .write-comment {
	background: #f2f2f2;
	padding: 5px;
	border: 1px solid #e6e6e6;
	margin: 0 0 5px 0;
	position: relative;
}

.post-comments .write-comment {
	padding: 5px;
	position: relative;
}

textarea.write-comment-comment {
	display: block;
	resize: none;
	width: 560px;
	height: 26px;
	font-size: 13px;
	line-height: 1.6em;
	color: #666;
	padding: 6px 0 0 5px;
	border: none;
}

.comment-content .mce-panel iframe {
	min-height: 30px !important;
}

.list-container .post-comments .write-comment iframe, .list-container .post-comments .comment-content iframe {
	max-width: 400px;
}

.list-container embed, .list-container object, .list-container iframe { max-width: 400px; }

.post-comments .add-media-wrap {
	float: left;
	margin: 0;
	padding: 5px 12px 0;
	position: relative;
	left: 0;
}

.post-comments .add-media-icon {
	cursor: pointer;
}

.post-comments .add-media-icon img, .post-comments .comment-content .comment-add-media-icon img {
	height: 20px;
}

.post-comments .add-media-icon span {
	display: inline-block;
	font-weight: bold;
	margin: 2px 0 0 0;
}

.post-comments .add-media-tabs {
	display: none;
}

.post-comments .write-comment .write-submit, .post-comments .comment-content .write-submit {
	position: absolute;
	right: 6px;
	bottom: 3px;
	height: 22px;
	border: none;
	border-radius: 5px;
	background: #433d65;
	font-size: 13px;
	color: #fff;
	width: 60px;
	cursor: pointer;
}

.post-comments .comment-loader {
	position: absolute;
	right: 6px;
	bottom: 6px;
	height: auto;
	margin-bottom: 0 !important;
}

.post-comments .comment-content .cancel-edit {
	position: absolute;
	right: 71px;
	bottom: 3px;
	height: 19px;
	border: none;
	border-radius: 5px;
	background: #ad2025;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 60px;
	cursor: pointer;
	padding: 3px 0 0 0;
}

#fnc-dashboard .post-comments .comment strong {
	font-weight: bold;
	color: rgb(100, 93, 134);
}

#fnc-dashboard .post-comments .comment a.read-more {
	color: #D71920;
	font-weight: bold;
}

.post-comments .comment img.comment-profile-photo, .post-comments .write-comment img.comment-profile-photo {
	float: left;
	height: 45px;
	margin: 0 5px 0 0;
}

.post-comments .comment .comment-content, .post-comments .write-comment .comment-content {
	float: left;
	width: 560px;
	font-size: 13px;
}

.post-comments .write-comment .editor-wrapper, .post-comments .comment-content .editor-wrapper {
	float: left;
	width: 563px;
	padding: 0;
	margin: 0;
	background: #fff;
	border: 1px solid #e6e6e6;
	position: relative;
}

.editor-wrapper .iframe {
	max-width: none;
}

.post-comments .write-comment .editor-wrapper .editor-btns, .post-comments .comment-content .editor-wrapper .editor-btns {
	position: absolute;
	bottom: -30px;
	left: -1px;
}

.post-comments .write-comment .editor-wrapper .editor-btns a, .post-comments .comment-content .editor-wrapper .editor-btns a {
	display: block;
	border-right: 1px solid #e6e6e6;
	float: left;
	font-size: 15px;
	padding: 7px 8px;
	color: #777;
}

.post-comments .write-comment .editor-wrapper .editor-btns a:first-child, .post-comments .comment-content .editor-wrapper .editor-btns a:first-child {
	border-left: 1px solid #e6e6e6;
}

.post-comments .comment-timestamp {
	font-size: 11px;
	line-height: 18px;
	margin: 5px 0 0 0;
	border-top: 1px solid #e6e6e6;
}

.post-comments .comment-timestamp a {
	font-weight: normal;
	color: #666;
}

/* Top 50 */
.top50 {

}

.top50 ol li {
	padding: 0 0 20px 0;
	font-size: 16px;
	color: #666;
	font-weight: bold;
}

ol.list-container li.first h1 {
	font-size: 22px;
	font-weight: bold;
	color: #d71920;
	margin: 0 0 15px 0;
	line-height: 24px;
}

.top50 h2 {
	font-size: 22px;
	font-weight: bold;
	color: #666;
	margin: 0 0 15px 0;
	line-height: 24px;
}

.top50 span {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin: 15px 0;
	line-height: 18px;
}

.top50 #search {
	width: 300px;
	margin: 0 20px 0 0;
	font-size: 13px;
	color: #666;
	text-align: left;
	padding: 0 5px;
}

.top50 #search:disabled {
	/*background: #efefef;*/
}

.top50 div {
	margin: 15px 0 0 0;
}

.top50 div.selectall {
	height: 34px;
}

.top50 label {
	color: #666;
	margin: 0 10px 10px 0;
	font-size: 13px;
	font-weight: normal;
	width: 180px;
	display: inline-block;
}

.top50 h3 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin: 15px 0;
	line-height: 18px;
	border-radius: 4px;
	background: #433d65;
	color: #fff;
	padding: 5px 4px 4px;
}

.top50 h4 {
	font-size: 14px;
	font-weight: normal;
	color: #666;
	margin: 15px 0;
	line-height: 18px;
	border-radius: 4px;
	background: #fff;
	color: #000;
	padding: 5px 4px 4px;
}

.top50 h4 a {font-size: 16px; font-weight: bold; color:rgba(18, 7, 145, 1)}
.top50 h4 a:hover { background: #fff; border-bottom: 1px solid #fff; color: #D22133; }
.top50 h4 a:visited {font-size: 16px;}

.top50 #date_range {
	margin: 0 20px 0 5px;
}

.top50 #cats-wrapper {
	
}

.top50 #cats-wrapper label {
	display: block;
	float: left;
	padding: 2px 2px 2px 4px;
	margin: 0 10px 10px 0;
	cursor: pointer;
	color: #666;
	background: rgba(255,255,255,.3);
	border-radius: 5px;
	width: 186px;
	height: 20px;
}

.top50 #cats-wrapper label input {
	cursor: pointer;
}

.top50 input[type=submit] {
	border: none;
	border-radius: 5px;
	background: #433d65;
	padding: 5px 10px 5px 8px;
	font-size: 16px;
	color: #fff;
	margin: 10px 0 0 0;
	cursor: pointer;
}

.list-container-top50 {
	width: 946px;
}

ol.list-container-top50 li.first h1 {
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	padding: 18px 0 0 0;
	margin: 0 0 0 0;
	border-bottom: none;
	border-top: 1px solid #eee;
	width: 935px;
}

.list-container-top50 .inner {
	width: 835px;
}

.list-container-top50 li.first {
	border-top: none;
}

.list-container-top50 .post-left {
	width: 95px;
}

.list-container-top50 .post-num {
	float: left;
	font-size: 30px;
	margin: 0 10px 0 0;
	line-height: 30px;
	width: 35px;
}
/* =audio-player */

#wrap .playlist {  float: left; clear: both;}
#wrap .playlist li { float: left;  padding: 0;margin-bottom: 15px; background: #E6E6E6; width: 495px; border-radius: 4px;}

#wrap .playlist .player { background: #e6e6e6; padding: 5px; float: none; float: left; border-radius: 5px; }
#wrap .playlist .player .play { border: 0; float: left; width: 20px; height: 20px; background: #D71920 url('../../images/stt/library/btn_player_play.png') no-repeat 0 0; text-indent: -9999em;}
#wrap .playlist .player .play:hover { border: 0; background-color: #AD2025;}
#wrap .playlist .player.sm2_playing .play {background-image: url('../../images/stt/library/btn_player_pause.png');}
#wrap .playlist .player .controls-wrap { float: left; width: 450px; margin-left: 10px; margin-top: 5px;}
#wrap .playlist .player .controls { float: left; width: 350px;}
#wrap .playlist .player .statusbar { width: 350px; float: left; width: 350px; height: 10px; background: #eee; position: relative; cursor: pointer}
#wrap .playlist .player .position { height: 10px; background: #d71920; position: absolute;}
#wrap .playlist .player .loading { background: #fff; height: 10px; position: absolute; margin: 0;}
#wrap .playlist .player .timing { float: left; margin-left: 10px;}
#wrap .playlist .player .timing span { float: none;}


ul.playlist.use-peak li .peak { background-color: #fff; border-radius: 4px; float: right; height: 10px; margin-top: -1px; padding: 2px; width: 20px;}
ul.playlist.use-peak li .peak-box {  height: 10px; overflow: hidden; position: relative; width: 100%;}
ul.playlist li .peak .l, ul.playlist li .peak .r {background: #D71920; border-radius: 1px; height: 50px; left: 0; margin-top: 10px; position: absolute; top: -1px;width: 8px;}
ul.playlist li .peak .l {margin-right: 1px;}
ul.playlist li .peak .r { left: 10px;}

#wrap .playlist li h5 { float: left; clear: none; width: 455px; margin-top: 8px; margin: 0;}
#wrap .playlist li h5 span { float: left; margin-right: 10px; word-wrap: break-word; max-width: 450px; font-size: 11px; line-height: 18px; color: #666; }
#wrap .playlist li h5 a { float: right; font-weight: normal; color: #231F20; font-size: 11px; line-height: 18px; }
#wrap .playlist li.playing h5 { padding-left: 5px;clear: both; width: 480px;}
#wrap .playlist li h5 .edit { float: left !important; }
#wrap .playlist li h5 .remove { float: left !important; }