body{
	margin:0;
	font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	background:#111;
	color:#505359;
    font-size:14px;
}
h1,h2,h3{
	margin:0;
	padding:0;
	font-weight:normal;
	color:#fff;
	text-shadow: 0 -1px 1px #206FC4;
	letter-spacing:0px;
}
p{
	margin:5px 0;
}

input{
	outline:none;
	color:#555;
}

a img{
	border:none;
	outline:none;
}

.pipe{
	color:#d0d0d0;
	padding:0 2px;
}

.clear{
	clear:both;
}

.small{
	font-size:11px;
}
.small-strong{
	font-size:12px;
	font-weight:bold;
}

.bold{
    font-weight:bold;
}
.red{
    color:#c33;
}

.code{
    font-family:"Courier New", Courier, monospace;
    white-space:pre-wrap;
    padding:6px 10px;
    background:#fcfcfc;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px #e7e7e7 inset;
    font-size:12px;
    color:#707379;
}

.content a{
	color:#55728F;
}
.content a:hover{
	color:#3E454E;
}

.content a.tag{
	margin:2px 2px;
	padding:3px 8px;
	background:#8999A5;
	border-radius:5px;
	color:#EEE;
	text-decoration:none;
	display: inline-block;
}
.content a.tag:hover{
	background:#59A7E2;
}
.content label{
	font-size: 14px;
	color:#777;
}
.content input, .content select{
	width:400px;
	padding:5px;
	border:1px solid #D9D9D9;
	border-top:1px solid #CCC;
	box-shadow:inset 0 1px 3px #eaeaea;
	color:#777;
	outline:none;
	transition: 400ms;
	-moz-transition: 400ms; /* Firefox 4 */
	-webkit-transition: 400ms; /* Safari and Chrome */
	-o-transition: 400ms; /* Opera */
}
.content input:hover, .content select:hover{
	color:#707070;
	border:1px solid #C2C2C2;
	border-top:1px solid #B3B3B3;
	box-shadow:inset 0 1px 3px #ccc;
}
.content input:focus, .content select:focus{
	border:1px solid #BFBFBF;
	border-top:1px solid #BCBCBC;
	color:#505050;
	box-shadow:inset 0 1px 3px #d2d2d2;
	transition: 0;
	-moz-transition: 0; /* Firefox 4 */
	-webkit-transition: 0; /* Safari and Chrome */
	-o-transition: 0; /* Opera */
}
.content  input.submit_btn{
	width:160px;
    transition: 0;
    -moz-transition: 0;
    -webkit-transition: 0;
    -o-transition: 0;
}
.content  input.small-submit{
	width:80px; 
	border-radius:25px;
	background:#f8f8f8;
	cursor:pointer;
	color:#888;
	transition: 0;
	-moz-transition: 0; /* Firefox 4 */
	-webkit-transition: 0; /* Safari and Chrome */
	-o-transition: 0; /* Opera */
}
.content  input.small-submit:hover{
	color:#2a2a2a;
	background:#f3f3f3;
}
.content input.small{
	width:65px;
}
.content select.small{
	width:77px;
}
.content .dash_btn{
	float:left;
	width:180px;
	text-align:center;
}
.content .dash_btn a img{
	margin-bottom:2px;
	margin-top:1px;
}
.content .dash_btn a:hover img{
	margin-top:2px;
	margin-bottom:1px;
}
.content .dash_btn a:active img{
	margin-top:3px;
	padding-left:1px;
	margin-bottom:0;
}
.content-box .content h1, .content-box  .content h2{
	font-size: 24px;
	letter-spacing: 1px;
	color: #4682DA;
	font-weight: normal;
	text-shadow:none;
}

.center{
	text-align:center;
}
.s-pad{
	height:15px;
}
.l-pad{
	height:35px;
}
.pad{
	height:30px;
}

.popup-wrap, .popup-tweet-wrap{
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 50;
	background: rgba(0,0,0,0.25);
	top: 0;
	display:none;
}
.popup-msg, .popup-tweet{
	width: 500px;
	height: auto;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -250px;
	background: #fff;
	position: fixed;
	z-index: 50;
	box-shadow:0 0 10px rgba(255,255,255,0.5);
}
.popup-text{
	padding:20px 10px;
	text-align:center;
}

.popup-confirm, .popup-message, .popup-tweet{
	text-align:center;
	padding:20px 10px;
}
.popup-tweet{
	padding:20px;
}
.popup-tweet h2{
	color:#4682DA;
	text-shadow:none;
	text-align:left;
}
.popup-tweet textarea{
	width:490px;
	text-align:left;
	margin:0 auto;
	box-shadow: inset 0 1px 3px #EAEAEA;
	outline:none;
}
.popup-tweet textarea:hover{
	
}
.popup-tweet .left{
	text-align:left;
}
.popup-tweet .right{
	text-align:right;
}

a.link-btn{
	padding:5px 15px;
	border-radius:10px;
	color:#787878;
	text-decoration:none;
	border:1px solid #e0e0e0;
	display: inline-block;
	margin:0 3px;
	background: #E8E8E8;
	box-shadow: inset 0 6px 12px #fff;
}
a.link-btn:hover{
	color: #4B525B;
	background: #E8E8E8;
	box-shadow: inset 0 6px 12px #f8f8f8;
}
a.link-btn:active{
	box-shadow: inset 0 6px 12px #f0f0f0;
}

.tabs{
	clear:both;
	overflow:auto;
	padding:5px;
	background:#294981;
	box-shadow:inset 0 1px 3px #395991,
	inset 0 -1px 3px #193971;
	list-style:none;
	margin:0;
}
.tab{
	float:left;
	margin:5PX;
}

.tab a{
	background:#395991;
	box-shadow:inset 0 1px 4px #092961;
	color:#ddd;
	border-radius:3px;
	padding:10px 20px;
	display:inline-block;
	text-decoration:none;
}
.tab a:hover{
	color:#dadada;
	background:#4969a1;
	box-shadow:inset 0 1px 4px #00205b;
}

.tabs .active a{
	background:#4b6ba3;
	color:#eee;
	box-shadow:inset 0 1px 4px #00205b;
}

#social_score{
	font-size:38px;
	line-height: 38px;
	text-align:center;
	border: 1px solid #E0E0E0;
	box-shadow: inset 0 1px 3px #EAEAEA;
	background: #FFF;
	padding: 10px 0;
	height: 50px;
	color:#778;
}
#score_bar{
	height: 6px;
	background:#E1E1E7;
	box-shadow:inset 0 1px 3px #C1C1C7;
	width: 200px;
	margin: 0 auto;
	margin-top:5px;
	border-radius:3px;
}
#score_bar_inner{
	height: 6px;
	background:#4682DA;
	box-shadow:inset 0 1px 3px #2662BA;
	border-radius:3px;
	-webkit-transition: ease-out 850ms;
    -moz-transition: ease-out 850ms;
    -o-transition:  ease-out 850ms;
    transition: ease-out 850ms;
}
#score_bar_inner.AA{
	width: 200px;
}
#score_bar_inner.A{
	width: 190px;
}
#score_bar_inner.B{
	width: 150px;
}
#score_bar_inner.C{
	width: 100px;
}
#score_bar_inner.D{
	width: 60px;
}#score_bar_inner.E{
	width: 20px;
}
#score_bar_inner.init{
	width: 0;
}

#header-wrap{
	background-color:#101010;
    border-bottom: 1px solid #79e;
    box-shadow:inset #000 0 0 10px;
}
#header-wrap #header-inner{
	width:1080px;
	margin:0 auto;
	
	list-style:none;
	overflow:auto;
}
#header-wrap #header-inner img{
	float:left;
	margin:8px 0;
	border:none;
	outline:none;
}
#header-wrap #header-menu{
	margin:18px 0;
	float:right;
	text-transform:uppercase;
	list-style:none;
    font-size:16px;
}
#header-wrap #header-menu li {
	float:left;
	padding:10px 0;
}
#header-wrap #header-menu li a{
	padding:15px 25px;
	color:#E2E2E2;
	cursor:pointer;
	text-decoration:none; 
}
#header-wrap #header-menu li a:hover{
	color:#fff;
}


/* Content */
#content-outer-wrap{
	background-color:#4682DA;
    background-image:url('/images/bg.jpg');
    background-repeat:repeat;
}
#content-wrap{
	width:1080px;
	margin:0 auto;
}
#content-wrap .error-box{
	padding: 15px;
	background:#912F2F;
	color: #fff;
	border: 5px solid #692B2B;
}
#content-wrap .content-box{
	background-color:#fff;
	overflow:auto;
	background:url('/images/content-bg.jpg') repeat-y;
}
#content-wrap .content-box .content-left{
	width:770px;
	float:left;
	background:#fff;
}
#content-wrap .content-box .content-right{
	width:260px;
	float:right;
	background:#EFEFEF;
	color:#969AA8;
	padding:25px;
	font-size:14px;
	line-height:20px;
	text-shadow: 0 1px 1px white;
}
#content-wrap .content-box .content-right b{
	font-size:16px;
	color:#55728F;
	font-weight:normal;
}

#content-wrap .content-box .content-right .hr{
	width:100%; height:1px; background:#fff; border-top:1px solid #E0E0E0; margin:8px 0;
}
#content-wrap .content-box .content-right label, #content-wrap .content-box .content-right a{
	font-size:14px;
	color:#8999A5;
}
#content-wrap .content-box .content-right input,#content-wrap .content-box .content-right select,
#content-wrap .content-box .content-right textarea, .content  textarea, .content  input.submit_btn{ 
	width:246px;
	border:1px solid #E0E0E0;
	padding:6px;
	box-shadow:inset 0 1px 3px #eaeaea;
	outline:none;
	color:#AAA;
}
#content-wrap .content-box .content-right select{
	width:260px;
}
#content-wrap .content-box .content-right textarea, .content  textarea{
	height:60px;
	resize: none; 
}
#content-wrap .content-box .content-right input[type="checkbox"]{
	border:none;
	width:auto;
	box-shadow:none;
}

#content-wrap .content-box .content-right input:hover,#content-wrap .content-box .content-right select:hover,
#content-wrap .content-box .content-right textarea:hover, .content  textarea:hover{
	border:1px solid #D4D4D4;
	box-shadow:inset 0 1px 3px #e2e2e2;
	color:#999;
}
#content-wrap .content-box .content-right input:focus,#content-wrap .content-box .content-right select:focus,
#content-wrap .content-box .content-right textarea:focus, .content  textarea:focus{
	color:#888;
}

.content  textarea, textarea{
	border:1px solid #D0D0D0;
	color:#888;
	width:398px;
	height:150px;
}
.content  textarea:hover, textarea:hover{
	border:1px solid #C4C4C4;
	color:#777;
}
.content  textarea:focus, textarea:focus{
	color:#777;
}

.content  textarea.large{
    width:560px;
}

#content-wrap .content-box .content-right option{
	background:#fff;
	color:#555;
	border:none;
	outline:none;
}

#content-wrap .content-box .content-right input[type="submit"], .content  input.submit_btn, input.styled_submit_btn{
	width:120px;
	padding:6px;
	background:#4682DA;
	box-shadow:none;
	color:#EEF4F6;
	cursor:pointer;
	border: 1px solid #4682DA;
}
#content-wrap .content-box .content-right input[type="submit"]:hover, .content  input.submit_btn:hover, input.styled_submit_btn:hover{
	color:#fff;
	border: 1px solid #0052A5;
}


#content-wrap .heading{
	background:#fff;
	padding:25px;
}
#content-wrap .sub-heading{
	background-color:#1F242B;
	background-repeat:repeat;
	width:100%;
}
#content-wrap .sub-heading h2{
	padding:25px;
	text-shadow: 0 0 1px #000;
}
.top-content{
	padding:10px 20px;
	color:#435166;
	overflow:auto;
}
#suggestion-tab{
	padding:0;
	height:75px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}
.top-content b{
	font-size:12px;
}
.top-content #recommendations{
	width:730px;
	padding:20px 20px;
	float:left;
}
.top-content .recommendation{
	width:586px;
	margin:2px 15px;
	font-size:12px;
	float:left;
}
.top-content .reccomendation_btn{
	float:left;
	padding:9px 6px;
	margin:0 2px;
	background:#fff;
	border-radius:3px;
	box-shadow:1px 1px 2px #bbb;
	font-size:12px;
	cursor:pointer;
}
.top-content .reccomendation_btn:hover{
	background:#f8f8f8;
}
.top-content .reccomendation_btn:active{
	background:#f2f2f2;
	box-shadow:none;
	box-shadow:1px 1px 1px #ccc;
}

.content{
	padding:25px;
	overflow:auto;
}

.top-content, .selection-menu{
	padding:10px 15px;
	background-color: #E6E6EC;
	box-shadow: inset 0 -2px 5px #DDDDE4;
}

#content-wrap .content b{
	font-size:20px;
	letter-spacing:1px;
	color:#202020;
	font-weight:normal;
}
#content-wrap .content-box b.red{
	color:#c44;
	font-size:16px;
	font-weight:bold;
	letter-spacing:normal;
}
#content-wrap .content-box b.grey{
	color:#444;
	font-size:16px;
	font-weight:bold;
	letter-spacing:normal;
}

#content-wrap .content-box h1{
	color:#456;
	text-shadow:none;
}
#content-wrap .heading h1{
	font-size:18px;
	color:#4682DA;
	text-transform:uppercase;
}

.stat_wrap{
	margin-bottom:8px;
}
.stat_wrap .header{
	background: #ededf4;
	padding: 8px 10px;
	border-radius: 8px;
	box-shadow: inset 0 -2px 5px #e9e9f0;
	background: url('/images/down_arr.png') #EDEDF4 right center no-repeat;
	cursor:pointer;
}
.stat_wrap .stat_content{
	padding: 10px;
    font-size: 16px;
}
.stat_wrap .header.collapse{
	background-image: url('/images/left_arr.png');
}
#content-wrap .stat_wrap .header, #content-wrap .stat_wrap .header b{
	color:#151515; 
	font-size: 16px;
	font-weight: bold;
	letter-spacing: normal;
}
#content-wrap .stat_wrap .header:hover{
	background-color:#e6e6ec;
	box-shadow: inset 0 -2px 5px #dddde4;
}

.stat_wrap .stat_content table{
	width:100%;
	padding:0;
	margin:0;
	border-collapse: collapse;
}

.stat_wrap .stat_content table tr td, .stat_wrap .stat_content table tr th{
	border-bottom:1px solid #e2e6ee;
	padding:3px 5px;
	margin:0;
}
.stat_wrap .stat_content table tr th{
	text-align:left;
	background:#fff;
}
.stat_wrap .stat_content table tr:nth-child(2n+2) td{
	background:#f2f6ff;
}
.stat_wrap .stat_content table tr td:last-child {
	text-align:right;
	width:412px;
}
.stat_wrap .stat_content table tr td.chart{
	background:#fff;
	padding:0;
	border-bottom:none;
}
.stat_wrap .stat_content table tr td.chart .chart-content{
	height:240px;
	border-bottom:1px solid #e2e6ee;
}
.stat_wrap .stat_content table tr td div.expand-chart{
	height:auto;
	padding:3px 5px;
	width:150px;
	font-weight:bold;
	font-size:11px;
	margin:0 auto;
	background:#e2e6ee;
	text-align:center;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	cursor:pointer;
}
.stat_wrap .stat_content .error, .form .error{
	text-align:left;
	color:#d33;
	font-size:11px;
}

.settings_wrap{
	clear:both;
}
.settings_wrap .setting{
	clear:both;
	padding:5px;
	overflow:auto;
	vertical-align:middle;
}
.settings_wrap .setting div{
	float:left;
}
.settings_wrap .setting div:last-child{
	float:right;
}
.settings_wrap .setting:nth-child(2n+1){
	background:#f2f6ff;
}
.settings_wrap .header{
	color:#151515;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: normal;
	background: #ededf4;
	padding: 8px;
	border-radius: 8px;
	box-shadow: inset 0 -2px 5px #e9e9f0;
}

.content .progress-bar{
	width:250px;
	height:10px;
	border:1px solid #aaadbf;
	margin:100px auto;
	box-shadow:1px 1px 3px #e5e5e5;
}
.content .progress-bar .progress{
	margin:1px;
	background:#0052A5;
	width:248px;
	height:8px;
}

.left, .right{
	width:50%;
}
.left{
	float:left;
}
.right{
	float:right;
}
.v-divide{
	padding:0 2px;
	color:#444;
}


/* Footer */
#footer-wrap{ 
	background:#111;
	color:#777; 
	width:100%;
	font-size:11px;
}
#footer-wrap-inner{
	padding:35px 0;
	text-align:right;
	width:1080px;
	margin:0 auto;
}
#footer-wrap-inner a {
	color:#888;
}
#footer-wrap #footer-left{
	width:350px;
	float:left;
	text-align:left;
}
#footer-wrap #footer-right{
	width:350px;
	float:right;
	text-align:right;
}


.scroll-table{
	max-height:800px;
	overflow:auto;
	border:1px solid #ddd;
}

.scroll-table::-webkit-scrollbar {
	background:#fff;
	width:8px;
}
.scroll-table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.12); 
	background:#e4e4e4;
}
.scroll-table::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25); 
	background:#aaa;
}
.scroll-table::-webkit-scrollbar-thumb:hover, .scroll-table:hover::-webkit-scrollbar-thumb {
	background:#888;
}

.scroll-table .table{
	border:none; 
	box-shadow:inset 0 1px 5px #eee;
}
.table{
	width:100%; 
	font-size:12px;
	border-collapse: collapse;
}
.scroll-table .table .table-header{
	background:#eee;
	border-bottom:1px solid #ddd; 
	font-weight:bold;
	padding:0px;
	color:#333;
	box-shadow:inset 0 1px 3px #ddd;
}
.scroll-table .table .table-header td, .scroll-table .table .table-header th{
	border-right:1px solid #e2e2e2;
}
.scroll-table .table .table-header td:last-child, .scroll-table .table .table-header th:last-child{
	border-right:none;
}
.scroll-table .table .table-header td, .scroll-table .table .table-header th{
	border-top:none;
}

.scroll-table .table td, .scroll-table .table th{
	padding:8px 5px;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	text-align:left;
}
.scroll-table .table th{
	padding:5px;
}
.scroll-table .table td a{
	padding:2px;
}
.scroll-table .table tr:first-child td,.scroll-table .table tr:first-child th{
	border-bottom:1px solid #e6e6e6; 
}
.scroll-table .table td:last-child,.scroll-table .table th:last-child{
	border-right:none;
}
.scroll-table .table tr:hover td{
	background:#f4f6f8;
}
.scroll-table .table tr.table-header td, .scroll-table .table tr.table-header th{
	background:#eee;
}

.info-table{
	border-radius:6px;
	overflow: auto;
}
.content .info-table .table tr td, .content .info-table .table tr th, .content .stat_wrap .info-table .table tr td{
	padding:10px 20px;
	color:#5D6B88;
	border: 1px solid #E7E9EE;
	background:#fff;
}
.content .info-table .table tr td:last-child{
	width: auto;
}

.content .info-table .table tr.table-header td, .content .info-table .table tr.table-header th{
	font-size:14px;
	color:#0052A5;
	text-align:left;
	font-weight:normal;
}
.content .info-table .table tr:hover td{
	background:#f6f8ff;
}
.content .info-table .table tr:first-child td, .content .info-table .table tr:first-child th{
	background:#eef1fc;
}

.account_links{
	margin:3px;
	padding:3px;
}
.account_links a{
	margin:3px;
	padding:3px;
	border-radius:3px;
	border:1px solid #ccc;
}

.checkbox .selectbox{
	display:none;
}
.checkbox_styled .selectbox{
	width:13px;
	height:13px;
	border:1px solid #d9d9d9;
	box-shadow:inset 0 1px 3px #ddd;
	background:#fff;
	display:block;
	cursor:pointer;
	margin:2px 1px 3px 1px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkbox_styled .selectbox:hover{
	box-shadow:inset 0 1px 3px #d6d6d6;
	background:#f8f8f8;
	border:1px solid #D4D4D4;
}
.checkbox_styled.checked .selectbox{
	background:#fff;
	box-shadow:none;
}
.checkbox_styled.checked .selectbox .selectdot{
	background:#c6c6c6;
	box-shadow:inset 0 0 3px #afafaf;
	margin:1px;
	height:11px;
	width:11px;
	display:block;
}
.checkbox_styled.checked .selectbox:hover .selectdot{
	background:#bdbdbd;
}
.checkbox_styled input{
	display:none;
}

.user_tweet_item {
	margin:5px 0;
	padding:3px;
	padding-bottom:8px;
	overflow:auto;
	border-bottom:1px solid #f0f0f0;
	font-size:11px;
}
.user_tweet_item .user_tweet_item_picture{
	width:50px;
	float:left;
	padding:3px 0;
}
.user_tweet_item .user_tweet_item_content{
	width:656px;
	float:right;
}
.user_tweet_item .user_tweet_item_time a{
	font-size:10px;
	color:#aaa;
	text-decoration:none;
}
.user_tweet_item .user_tweet_item_time a:hover{
	text-decoration:underline;
}

.vpad{
	height:6px;
}

.version_txt{
	margin-top:44px;
	margin-left:2px;
	color:#999;
	font-size:9px;
	width:100px;
	float:left;
}

#new-tweet-count{
	float:right;
	width:100px;
	color:#aaa;
	padding-top:8px;
	font-size:18px;
	text-align:right;
}
#new-tweet-count.over{
	color:#BB3B3B;
}