body {background:#2a2a2a; padding-top:60px;}

#wrapper{
	background:#2a2a2a;
	margin-top:0px;
	background-attachment: fixed;
	background-position: 0 0;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-image: url("/xcnt/images/bg.jpg");		
}

.container{max-width:970px;}

#initModal .modal-content{font-family: Arial, Helvetica, sans-serif; color: #FFF; background-image: url("/xcnt/images/bg.jpg"); box-shadow:0 0 20px #e0a900; padding: 10px;}
#initModal .modal-header{padding: 0px; border: none; font-size: 30px; font-weight: 600; text-align: center;}
#initModal .modal-header .close {color: #e0a900;}
#initModal .modal-body{padding: 0px; margin-top: 0px;} 
#initModal .modal-body h3{padding: 0px; margin-top: 0px;} 
#initModal .modal-body strong{color: #e0a900;}

 
.my_nav .navbar-default{border:none; box-shadow:none; background:none}
.my_nav .navbar{margin:0; min-height:inherit; padding:0 0px;}
.my_nav .navbar-brand{padding:10px 15px;}
.my_nav .nav > li > a, .my_nav .nav > li > a:focus {padding:0 20px; line-height:60px; background:none; font-size:16px; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; outline:none; font-weight:bold; color:#e0a900; border-right:1px solid #e0a900;}
.my_nav .nav > li:last-child > a{border:none;}
.my_nav .navbar-default .navbar-nav > .active > a,.my_nav .nav > li > a:hover{color:#fff; box-shadow:none; background:none; text-shadow:none;}
.my_nav .nav > li.dropdown.open > a {background-color:#e0a900;color:#000;}
.my_nav .nav > li.dropdown.open > .dropdown-menu {padding:0;border:1px solid #e0a900;}
.my_nav .nav > li.dropdown.open > .dropdown-menu {background-color:#000;}
.my_nav .nav > li.dropdown.open > .dropdown-menu > li > a {background-color:transparent; color:#fff;padding-top:8px;padding-bottom:8px;}
.my_nav .nav > li.dropdown.open > .dropdown-menu > li > a > span.glyphicon {margin-right:12px;}
.my_nav .nav > li.dropdown.open > .dropdown-menu > li > a:hover {background-color:#e0a900; color:#000;background-image:none;}
.top-div{background:#0c0a0a; position:fixed; top:0; width:100%; z-index:999}

#wrapper #main > div > .col-md-4 {background:#ddd;padding-top:15px;padding-left:12px;padding-right: 11px;}


div.postContainer #avatar{width: 48px; height: 48px; border-color: #e0a900; background-color: #e0a900; -moz-force-broken-image-icon: 1; padding: 0px; margin: 0px; float: left; margin-right: 8px; }
div.postContainer{font-family: Titillium, Arial, Helvetica, sans-serif;color:#333;padding:0px;margin:0px 0px 0px;text-align:left;font-size:16px;line-height:20px;clear:both;width:100%;}
div.postContainer:not(:first-child){padding-top: 40px;}
div.postContainer .post-button {font-family:Arial; font-size:15px; font-weight:600;}
div.postContainer #rate-tell.anchor:target { padding-top: 385px;}
div.postContainer #feature.anchor:target { padding-top: 70px;}

div.postContainer #rateBlock {padding-top: 0px;}
div.postContainer #like, #dislike {font-size: 22px; top: 3px;}
div.postContainer .comment-form #like, .comment-form #dislike {font-size: 30px; cursor: pointer;}
div.postContainer #like.ratingSelected, #like:hover {color: #008b00;}
div.postContainer #dislike.ratingSelected, #dislike:hover {color: #ff0000;}
div.postContainer #comments-container-header .rating-summary {font-style: italic; color: #333; text-align: right; line-height: 28px;}

.post-all-div{box-shadow:0 0 20px #e0a900;}
.post-info-div{border:1px solid #cdcdcd; padding:15px; background:#fff;}
.post-info-div h2{margin:0; font-family:Titillium, Arial, Helvetica, sans-serif; color:#000; font-size:32px; font-weight:400;}
.post-info-div h4{margin:0; font-family:Titillium, Arial, Helvetica, sans-serif; font-size:20px; color:#000; margin-bottom:10px;font-weight:300;}
.post-info-div p{margin:0; font-family:Titillium, Arial, Helvetica, sans-serif; font-size:18px; font-weight:300;}
.post-info-div .flag{width: 28px; height: 18px; margin-bottom: 4px; margin-right:5px; outline: #bfbfbf solid 1px;}
.post-info-div .view-feature-btn {float:left;}
.post-info-div .rate-tell-btn {float:right;}
.post-body-div {}

.post-content-div{background:#e1e1e1; padding:10px; padding-bottom:0px; margin-bottom:0px;}
.post-content-box{margin:0; border-bottom:1px solid #dcdcdc; margin-bottom:10px;}
.post-content-box.left-box{margin-right:-10px;}
.post-content-box.right-box{margin-left:-10px;}
.post-content-box.center-box{}

.post-share-div {border:1px solid #cdcdcd; padding:15px; background:#fff; }
.post-share-div .all-share-btn {padding: 2px 0 0 15px;}
.post-share-div .share-btn {padding: 0; margin-left: 4px; margin-right: 4px; width: 40px;}
.post-share-div .btn-block {height: 30px; line-height: 16px; color: #fff;}
.post-share-div .btn-block .fa {font-size: 16px;}

.post-share-div .btn-block.google-plus {background: #dd4b39;}
.post-share-div .btn-block.twitter {background: #1da1f2;}
.post-share-div .btn-block.reddit {background: #ff4500;}
.post-share-div .btn-block.tumblr {background: #35465c;}
.post-share-div .btn-block.stumbleupon {background: #eb4924;}
.post-share-div .btn-block.email {background: #848484;}
.post-share-div .btn-block.text {background: #1ece8e;}
.post-share-div .share-link {line-height: 14px; padding: 8px 15px 0 0;}

#post-feed .pagination {text-align: center; width: 100%; margin-top: 30px;}
#post-feed .load-more {width: 50px;}
#post-feed .load-more a {float: none; font-size: 16px; padding: 6px 50px 6px 50px; color: #e0a900; text-decoration: underline; font-weight: 600; background-color: #000000;}
#post-feed .finished {background: #000; margin-top: 10px; text-align: center; color: #fff; font-weight: 600; padding: 10px;}
#post-feed .finished a {font-size: 16px; color: #e0a900; text-decoration: underline; font-weight: 600; }

.sidebar-div {box-shadow:0 0 20px #e0a900;}
#sidebar {margin:0; padding:0; list-style:none; width:300px;}
#sidebar > li {margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #ccc;list-style-type:none;text-align:center;}
#sidebar > li a:hover {text-decoration:none;}
#sidebar > li p {margin-bottom:0;font-size:12px;}
#sidebar > li small {font-size:10px;padding:0;margin:0;line-height:14px;color:#666;text-transform:uppercase;display:block;}
#sidebar.sticky {position:fixed;bottom:0;}

.affix {position: fixed; top:0px;}
.affix-top {position: static;}
.affix-bottom {position: absolute;}

/* Ad Units */
#header-ad-div {padding-top:20px;padding-bottom:20px;margin:0 auto;}
#footer-ad-div {padding-top:20px;padding-bottom:20px;margin:0 auto;}
#header-ad-div > div,
#header-ad-div > div > div,
#footer-ad-div > div,
#footer-ad-div > div > div {margin:0;padding:0;}
#header-ad-div > div > div > div,
#footer-ad-div > div > div > div,
#sidebar > li.sidebar-ad-unit > div,
div.intrapost-ad-unit > div {margin:0 auto;}
div.header-ad-unit, div.footer-ad-unit {margin:0; text-align: center;}
div.header-ad-unit > img, div.footer-ad-unit > img {box-shadow:0 0 20px #e0a900; border:1px solid #cdcdcd;}
div.header-ad-unit img, div.footer-ad-unit img {box-shadow:0 0 20px #e0a900; border:1px solid #cdcdcd;}
div.intrapost-ad-unit {margin:0; text-align: center; border-bottom:1px solid #dcdcdc; margin-bottom:10px;}
#sidebar > li.sidebar-ad-unit:last-child {margin-bottom:0;border:0;}

.footer-div{background:#0b0909; padding:20px 0}
.footer-link ul{margin:0px 0; padding:0; list-style:none; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.footer-link ul li{float:left;}
.footer-link ul li a{text-decoration:underline; color:#fff; padding-right:15px; margin-right:15px; border-right:1px solid #e0a900}
.inside-footer{max-width:900px; margin:0 auto; width:100%;}
.copy-right-div{font-size:11px; color:#787878; font-family:Arial, Helvetica, sans-serif}
.copy-right-div img.rta{max-height: 20px; padding-right: 15px;}
.footer-link ul li:hover a{color:#e0a900}
.footer-link ul li.last a{border:none}

.mobile-show{display:none;}
.desktop-show{display:block}


div.accountContainer{font-family: Tahoma,Geneva,sans-serif;color:#A0A0A0;padding:0px;margin:0px 0px 20px;text-align:left;font-size:16px;line-height:20px;clear:both;width:100%;}
div.accountContainer h3{font-family: Tahoma,Geneva,sans-serif;font-size:16px;}
div.accountContainer h1.account{color:#fff;font-family:Arial;font-size:28px;font-weight:bold;margin:7px 0 24px;margin-top:7px !important;}
div.accountContainer h2.account{color:#fff;font-family:Arial;font-size:22px;font-weight:bold;padding:0; margin-top: 0px; margin-bottom: 15px;}
div.accountContainer .hint-block{font-family: Tahoma,Geneva,sans-serif; font-size: 14px; font-weight: normal; display: block; margin-top: 5px; margin-bottom: 10px; color: #737373;}
div.accountContainer input, select, button, textarea, .resubscribe-email-button, .edit-profile-button, .view-profile-button, .profile-button  {font-family:Arial;}
div.accountContainer button, .checkbox label, .resubscribe-email-button, .edit-profile-button, .view-profile-button, .profile-button, .kv-table-wrap th {font-size:16px; font-weight:600;}
div.accountContainer .checkbox label{padding-top:5px;}
div.accountContainer .checkbox input[type=checkbox]{margin-top: 1px;}
#rc-imageselect{max-width: 320px;}
div.accountContainer p.white, .kv-table-wrap tr > td:first-child, .kv-table-wrap td {color:#fff; font-size: 16px;}
div.accountContainer .table > tbody > tr > td {vertical-align: middle;}
div.accountContainer .form-control-static{margin-left:6px;margin-right:6px;color:#fff;}
div.accountContainer .reject-reason-title{color:#fff;}
div.accountContainer .reject-reason-remarks{margin-left:10px;font-style:italic;}
div.accountContainer .panel{background-color:rgba(0, 0, 0, 0.0);}
div.accountContainer #avatar{margin-right: 5px; width: 158px;height: 158px;border-color: #e0a900;background-color: #fff; padding: 0px;}
.jcrop-thumbnail {
	display: none;
}
#avatar-upload-modal .modal-content{
	background-color: #000;
}
#avatar-upload-modal button.close {
	color: #fff;
	opacity: 1;
	font-size: 32px;
}
#avatar-upload-modal .cropper-label button{
	white-space: normal;
}
.accountContainer .profile-btn {
	width: 100px;
}
.accountContainer .profile-btn-125 {
	width: 125px;
}
.accountContainer .profile-btn-150 {
	width: 150px;
}
.accountContainer .profile-btn.active, .accountContainer .profile-btn:hover {
	color: #000;
	background: #e0a900;
	border-color: #ae8403;
}
.profile-btn {
	background: #222;
	border-color: #ae8403;
	color: #fff;
}

div.accountContainer form div.required label.control-label:after, div.accountContainer form div.required strong:after {
  content:" * ";
  color:red;
}
div.accountContainer .flag {width: 28px; height: 18px; outline: #545454 solid 1px;}
div.accountContainer .userBadge {
	display: inline-block;
    color: #FFF;
    vertical-align: top;
    margin-top: 4px;
    text-align: center;  
    height: 22px;
    width: 22px;
    line-height: 22px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    font-size: 13px;
	background-color: #3276b1;
}
div.accountContainer .glyphicon {
	line-height: 20px;
	margin-left: 1px;
}

div.legalContainer {font-family: Tahoma,Geneva,sans-serif;padding:0;margin:0px 0px 20px;text-align:left;font-size:13px;line-height: 15px;clear:both;width:100%}
div.legalContainer p{padding:0;margin:12px 0 2px;color: #A0A0A0;}
div.legalContainer p.white{color:#fff;}
div.legalContainer li{color:#A0A0A0;}
div.legalContainer ul#tableOfContents{padding-left:25px;padding-top:10px;}
div.legalContainer #tableOfContents li{color:#e0a900;list-style-type:disc;list-style-image:url(../images/bullet-right-arrow.png);font-weight:bold;}
div.legalContainer #TermsOfService, #PrivacyPolicyHeading, #DMCAHeading, #USC2257Heading, #RTAHeading{margin-top:10px;padding-top:10px}
div.legalContainer #Legal{display: block; position: relative; top: -110px; visibility: hidden;}
div.legalContainer #TermsOfService, #PrivacyPolicy, #DMCA, #USC2257, #RTA{padding-top:15px;display: block; position: relative; top: -70px; visibility: hidden;}

div.legalContainer #back-to-top{margin-top:10px;background:url(../images/bullet-up-arrow.png) center left no-repeat;display:block;height:14px;font-weight:bold;padding-left:17px}
div.legalContainer h1.legal{color:#fff;font-family:Arial;font-size:22px;font-weight:bold;margin:7px 0 24px;margin-top:7px !important;}
div.legalContainer h2.legal{color:#fff;font-family:Tahoma,Geneva,sans-serif;font-size:14px;font-weight:bold;padding:0;margin:20px 0 8px}

div.contactContainer{font-family: Tahoma,Geneva,sans-serif;color:#A0A0A0;padding:0px;margin:0px 0px 20px;text-align:justify;font-size:16px;line-height: 15px;clear:both;width:100%;}
div.contactContainer h1.contact{color:#fff;font-family:Arial;font-size:28px;font-weight:bold;margin:7px 0 24px;margin-top:7px !important;}
div.contactContainer input, select, button, textarea{font-family:Arial;}
div.contactContainer button{font-size:16px;font-weight:600;}
#rc-imageselect{max-width: 320px;}
div.contactContainer p.white{color:#fff;}

div.errorContainer{font-family: Tahoma,Geneva,sans-serif;color:#A0A0A0;padding:0px;margin:0px 0px 20px;text-align:justify;font-size:13px;line-height: 15px;clear:both;width:100%;}
div.errorContainer h1 {color:#fff;font-family:Arial;font-size:22px;font-weight:bold;margin:7px 0 24px;margin-top:7px !important;}
div.white{
	color: #ffffff;
}

/* Pre-Launch */
.verify-div{margin-top:50px; padding:00px;}

.logo-f img{float: right;}
.copy-right-div{margin-top:5px; text-align:left;}

@media(max-width:1191px){
	.my_nav .nav > li > a, .my_nav .nav > li > a:focus {padding:0 10px;}
	.my_nav .navbar-default .navbar-nav > li.join-menu a{width:152px;}
}

@media(max-width:991px){
	.my_nav .nav > li > a, .my_nav .nav > li > a:focus{padding:0 7px; font-size:16px;}
	.my_nav .navbar-default .navbar-nav > li.join-menu a{}
	#wrapper #main > div > .col-md-4 {display:none !important;}
}

@media(max-width:767px){
	.desktop-show{display:none}
	.mobile-show{display:block}
	.my_nav .navbar-default .navbar-nav > li.join-menu a{width:auto;}
	.my_nav .nav > li > a, .my_nav .nav > li > a:focus{line-height:40px; font-size:16px;}
	.my_nav .navbar-brand{height: 60px;}
	.navbar-toggle{margin-top:12px;}
	.footer-div{text-align:center;}
	.footer-link ul{display:inline-block; margin:0px 0 0 0;}
	.footer-link ul li{float:none; display:inline-block;}
	.logo-f img{margin:0 auto; float:none;}
	.copy-right-div{margin-top:5px; text-align:center;}
	.post-content-box.left-box{margin:0;}
	.post-content-box.right-box{margin:0;}
	.post-content-box{margin-bottom:10px !important;}
	.post-share-div .all-share-btn {text-align:center; max-width: 320px; margin: auto;}
	.post-share-div .share-link .pull-right {text-align: center; width: 100%; margin-top: 8px;}
	div.postContainer #comments-container-header .rating-title {text-align: center;}
	div.postContainer #comments-container-header .rating-summary {text-align: center; float: none !important;}
}

@media(max-width:600px){
	.my_nav .navbar-brand{padding:13px 15px; height: 40px;}
	.navbar-brand img{width: 260px; height: auto;}
	.my_nav .navbar-toggle { margin-top: 5px;}
	body {padding-top:45px;}
}

@media(max-width:520px){
	.verify-div .bottom-button	a{width:100%; text-align:center; padding:5px 0}
	div.contactContainer .g-recaptcha{transform:scale(0.85);transform-origin:0 0;}
	div.accountContainer .g-recaptcha{transform:scale(0.85);transform-origin:0 0;}
}

@media(max-width:479px){	
	.post-info-div h2{font-size: 24px;}
	.post-info-div h4{font-size: 18px;}
	.post-info-div p{font-size: 16px;}
	.accountContainer .profile-btn {width: 100%;margin-bottom: 6px;}
	.post-info-div .view-feature-btn {float:none;}
	.post-info-div .rate-tell-btn {float:none; margin-top: 5px;}
	div.postContainer #like, #dislike {font-size: 20px;}
	div.postContainer .comment-form #like, .comment-form #dislike {font-size: 22px;}
}

@media(max-width:350px){
	.navbar-brand img{width: 230px; height: auto;}
		.post-share-div {padding-left: 0px; padding-right: 0px;}
}