/* Add here all your CSS customizations */
/*
 * Off Canvas
 * --------------------------------------------------
 */
.msg div {
width: 750px;
	padding: 15px;
	margin-bottom: 20px;
	font-size: 13px;
	border: 1px solid transparent;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
	 }
	 
	 .msg2 div {
width: 500px;
	padding: 15px;
	margin-bottom: 20px;
	font-size: 13px;
	border: 1px solid transparent;
	text-align: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
	 }
 
	.msg div.error {
		color: #a94442;
		border-color: #ebccd1;
		background-color: #f2dede;
	}
 
	.msg div.success {
		color: #3c763d;
		border-color: #d6e9c6;
		background-color: #dff0d8;
	}
		.msg2 div.success2 {
		color: #3c763d;
		border-color: #d6e9c6;
		background-color: #dff0d8;
	}
 
	.msg div.warning {
		color: #8a6d3b;
		border-color: #faebcc;
		background-color: #fcf8e3;
	}
	.msg2 div.warning2 {
		color: #8a6d3b;
		border-color: #faebcc;
		background-color: #fcf8e3;
	}
		.msg div.warning a {
			color: #8a6d3b;
		}
		.msg2 div.warning2 a {
			color: #8a6d3b;
		}
		.msg div.warning a:hover {
			text-decoration: underline;
		}
		.msg2 div.warning2 a:hover {
			text-decoration: underline;
		}

		.msg div.warning input[type="password"] {
		color: #555555;
		background-color: #fff;
		border: 1px solid #e3e8ed;
		padding: 10px;
		width: calc(100% - 22px);
		}
		.msg2 div.warning2 input[type="password"] {
		color: #555555;
		background-color: #fff;
		border: 1px solid #e3e8ed;
		padding: 10px;
		width: calc(100% - 22px);
		}

	.msg div.info {
		color: #31708f;
		border-color: #bce8f1;
		background-color: #d9edf7;
	}
	.msg2 div.info2 {
		color: #31708f;
		border-color: #bce8f1;
		background-color: #d9edf7;
	}
		.msg div.info a {
			color: #31708f;
			text-decoration: none;
			
		}
		.msg2 div.info2 a {
			color: #31708f;
			text-decoration: none;
			
		}
		.msg div.info a:hover {
			text-decoration: underline;
		}
		.msg2 div.info2 a:hover {
			text-decoration: underline;
		}
		
		.tw_follow {
background: #1bb2e9;
border: solid 1px #189bcb;
height: 150px;
overflow: hidden;
position: relative;
float: left;
width: 88px;
margin: 1px 0 2px 6px;
text-align: center;
border-image: initial;
color: #fff;
border-radius: 3px;
}

.tw_follow_vip {
background: #D66B5F;
border: solid 1px #c0493c;
height: 150px;
overflow: hidden;
position: relative;
float: left;
width: 88px;
margin: 1px 0 2px 6px;
text-align: center;
border-image: initial;
color: #fff;
border-radius: 3px;
}

.tw_follow a,.tw_follow_vip a {
color: #fff;
}

.tw_follow .before {
content: '';
background: #189bcb;
padding: 3px;
display: inline-block;
width: 100%;
height: 30px;
position: relative;
margin: 0px;
top: 0px;
}

.tw_follow_vip .before {
content: '';
background: #c0493c;
padding: 3px;
display: inline-block;
width: 100%;
height: 30px;
position: relative;
margin: 0px;
top: 0px;
}

img.tw_follower {
position: relative;
margin-top: -25px;
background: #fff;
padding: 2px;
border: solid 1px #e5e5e5;
border-radius: 3px;
}

.follow
{
	background:#F7F8F9;
	border-color:#000;
	height:150px;
	overflow:hidden;
	position:relative;
	float:left;
	width:120px;
	border:1px solid #000;
	margin:1px 0 2px 6px;
	padding-top:20px;
	text-align:center;
	border-image:initial;
	color:#777;
	border-radius:3px
}


.follow_vip {
	background:#F7F8F9;
	border-color:#000;
	height:150px;
	overflow:hidden;
	position:relative;
	float:left;
	width:88px;
	border:1px solid #000;
	margin:1px 0 2px 6px;
	padding-top:20px;
	text-align:center;
	color:#777;
	border-radius:3px;
	box-shadow:0 0 2px #999;
}

.follow_ycomm
{
	background:#F7F8F9;
	border-color:#000;
	height:225px;
	overflow:hidden;
	position:relative;
	float:left;
	width:150px;
	border:1px solid #000;
	margin:1px 0 2px 6px;
	padding-top:20px;
	text-align:center;
	border-image:initial;
	color:#777;
	border-radius:3px
}


.follow_ycomm_vip {
	background:#F7F8F9;
	border-color:#000;
	height:225px;
	overflow:hidden;
	position:relative;
	float:left;
	width:150px;
	border:1px solid #000;
	margin:1px 0 2px 6px;
	padding-top:20px;
	text-align:center;
	color:#777;
	border-radius:3px;
	box-shadow:0 0 2px #999;
}

.tw_followbutton {
	cursor:pointer;
	display:block;
	font-size:12px;
	margin:3px 0;
	padding:4px 0;
	text-align:center;
	width:70px;
	background:#189bcb;
	border-radius: 3px;
	color:white!important;
	
}

.tw_followbutton_vip{
	cursor:pointer;
	display:block;
	font-size:12px;
	margin:3px 0;
	padding:4px 0;
	text-align:center;
	width:70px;
	background:#c0493c;
	border-radius: 3px;
	color:white!important;
	
}

.followbutton
{
cursor: pointer;
display: block;
font-size: 12px;
margin: 3px 0;
padding: 4px 0;
text-align: center;
width: 75px;
color: white!important;
border-image: initial;
border-radius: 3px;
background: #7FBF4D;
}
.purchase {
	width:238px;
	height:140px;
	text-align:center;
	margin-top:10px;
	background: #fff;
	border: solid 1px #e5e5e5;
	float:left;
	margin:0 0 10px 10px;
	border-radius:5px;
}

.purchase-hdr {
	background:#38A4E3;
	color:#fff !important;
	display:block;
	font-size:14px !important;
	font-weight:normal;
	margin-bottom:15px;
	font-weight:bold;
	padding:10px 5px;
	text-align:center;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.purchase-hdr2 {
	color:#1190db;
	display:block;
	font-size:23px !important;
	font-weight:normal;
	font-weight:bold;
	text-align:center;
}

.header-content {
	width:1000px;
	margin:auto;
}

.content {
width: 780px;
background: #fff;
color: #777;
padding: 12px;
margin: 0px 0 20px 10px;
float: left;
border: 1px solid #e5e5e5;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font: 400 13px/22px "Helvetica Neue","HelveticaNeue",Helvetica,sans-serif;
line-height: 22px;
}

.content h2.title {
	font-size:18px;
	color:#777;
	text-align:left;
	margin: 0 -12px;
	margin-top: -12px;
	padding: 10px;
	border-bottom: solid 1px #e5e5e5;
	background: #f8f8f8;
	font-weight: normal;
	margin-bottom:15px;
}

.table {
	border-collapse:collapse;
	width:100%;
	margin:0px auto;
	margin-bottom: 10px;
}
.table th, .table td {
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	color:#777;
}
.table td {
	padding:6px;
	background-color:#fff;
}



.table tr.c_1 td {
	background-color:#fff;
}

.table tr.c_2 td {
	background-color:#eee;
}

.table tr.c_3 td {
	background-color:#fff;
}

.table tr.boxHandle {
	cursor:pointer;
}

.table tr.boxHandle.disabled {
	cursor:default !important;
}

.table tr.boxHandle.c_1 td {
	background:#171717;
}

.table tr.boxHandle.c_2 td {
	background:#1a1a1a;
}

.table tr.c_1.boxHandle.hover td, .table tr.c_1.boxHandle.checked td {
	background:#342f13;
}

.table tr.c_2.boxHandle.hover td, .table tr.c_2.boxHandle.checked td {
	background:#463f19;
}

.table tr.c_1.boxHandle.disabled td {
	background:#151515;
}

.table tr.c_2.boxHandle.disabled td {
	background:#171717;
}

.table thead tr.small td {
	font-size:11px;
}

.table thead tr.x-small td {
	font-size:10px;
}

.table thead td {
background: #f5f5f5;
border: 1px solid #e5e5e5;
padding:5px;
}

.table thead td a {
	color:#999;
	text-decoration:underline;
}

.table thead td a:hover {
	color:#ccc;
}

.table td .subtext {
	font-size:10px;
	color:#666;
}

.table td a.subtext {
	color:#555;
	text-decoration:none;
}

.table td a.subtext:hover {
	color:#777;
	text-decoration:none;
}
td, th {
  display: table-cell;
  vertical-align: inherit;
}
.table.styled_list {
	border-collapse:separate;
	border-spacing:2px;
}

.table tbody tr th {
	text-align:center;
	font-size:14px;
	padding:10px 0 5px 0;
	font-weight:normal;
	border:0;
}

.table tbody tr td.title {
	padding:5px 10px 5px 5px;
	font-size:12px;
	background:#141414;
	border:solid 1px #222;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-radius:5px 0 0 5px;
	border-spacing:10px;
}

.table tbody tr td.text {
	padding:5px;
	min-width:150px;
	background:#191919;
	border:solid 1px #222;
	color:#777;
	font-size:12px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius:0 5px 5px 0;
	border-spacing:10px;
}
.aff_block {
	margin:5px 0 20px 0;
	width:350px;
	float:left;
	display:inline-block;
	vertical-align:top;
}

.aff_content {
	width:350px;
	height:100%;
	padding:4px 7px;
	background-color:#fff;
	text-align:left;
	padding-bottom:10px;
	border:1px solid #e5e5e5;
	border-radius:3px;

}

.aff_content hr {
	background-color:#efefef;
	border:#000 1px dashed;
	border-style:none none dotted;
	color:#fff;
}

.aff_block_title {
	display:block;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	color:#777;
	margin: 0 auto;
	margin-top:-16px;
	background: #f8f8f8;
	border: solid 1px #d5d5d5;
	box-shadow: 0px 0px 0px 1px #fefefe inset;
	border-radius:3px;
	padding:5px;

}

.aff_block_p {
	margin-bottom:0;
	margin-top:10px;
	display:block;
	text-align:center;
	font-size:11px;
}

.aff_content_bottom {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-top:14px;
}

.aff_block_p2 {
	display:block;
	background-color:#bedee2;
	margin:9px 5px 0 5px;
	padding:4px 0 4px 0;
	text-align:center;
	color:#0d5675;
	font-size:18px;
	border:1px solid #84afba;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none;
}

.aff_block_p2:hover {
	background-color:#c2e2e6;
	border-color:#93c2cf;
}

.aff_banner_block {
	margin-top:25px;
	margin-bottom:10px;
	width:750px;
}

.aff_banner {
	width:750px;
	padding:4px 10px;
	background-color:#fff;
	color:#0e6083;
	border:1px solid #e5e5e5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.aff_banner_title {
	display:block;
	margin-top:-16px;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding:1px;
	color:#777
	margin-right:auto;
	margin-left:auto;
background: #f8f8f8;
border: solid 1px #d5d5d5;
box-shadow: 0px 0px 0px 1px #fefefe inset;
border-radius: 3px;
padding: 5px;
}

.t-left {
	text-align:left;
}

.content.t-left.tos ul li {
	list-style-type: circle;
	margin-left: 15px;
}
select.styled {
	border:1px solid #AAA;
	color:#555;
	font-size:inherit;
	margin:0;
	overflow:hidden;
	padding:3px;
	min-width:150px;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.table.styled_list {
	border-collapse:separate;
	border-spacing:2px;
}

hr.styled {
	border:0;
	height:1px;
	background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
	background:-moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
	background:-ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
	background:-o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}

hr.styled_black {
	border:0;
	height:1px;
	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background:-o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.infobox{
    background:#F0F2F5 !important;
    display:block;
    clear:both;
    border:1px dashed #fff;
    padding:10px;
    width:97%;
    font-size:14px;
    color:#777 !important;
    margin-top:18px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}

.content .infobox .ucp_link.active a {
background: #53B6F0;
color: #fff;
border-radius: 3px;
border: none;
font-size: 16px;
}

.content .infobox .ucp_link a {
background: #fbfbfb;
border: solid 1px #eee;
border-radius: 3px;
padding: 6px 10px;
font-size: 16px;
}

.ucp_link .collapsed, .ucp_link .collapsed:hover {
	background: #38A4E3 url(images/collapsed.png) no-repeat center;
	width: 16px;
	float: right;
	display: inline;
	margin-top:2px;
	padding: 8px;
	border-radius: 3px;
}

.ucp_link .expanded, .ucp_link .expanded:hover {
	background: #38A4E3 url(images/open.png) no-repeat center;
	width: 16px;
	float: right;
	display: inline;
	padding: 5px;
	padding: 10px;	
	border-radius: 3px;
}

.social_banner {
	background: turquoise url(images/social_banner.jpg) no-repeat center;
	height:364px;
	width:100%;
	margin-top:12px;
	border-radius:5px;
}
.social_border {
border: solid 1px #ddd;
overflow: hidden;
border-radius: 5px;
margin-bottom: 10px;
}

.social_border p{
margin: 0px;
line-height: 29px;
}


.infobox {
	background:#fff;
	display:block;
	clear:both;
	border:1px solid #e5e5e5;
	padding:10px;
	font-size:14px;
	color:#222;
	margin-top:18px;
	margin-bottom:15px;
	border-radius:5px;
}

.infobox object#myytplayer {
	width: 100%;
}

.content-ex {
	width:675px;
	background:#fff;
	color:#777;
	padding:20px;
	margin-left:20px;
	margin-bottom:50px;
	float:left;
	border:1px solid #e5e5e5;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align:center;
}

.content-ex a {
	color:#1190db;
	text-decoration:none;
}

input.text-max {
	background:#fff;
	min-width:95%;
	border:solid 1px #e5e5e5;
	padding:12px 14px;
	color:#aaa;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-image:initial;
	margin-bottom:8px;
	float:center;
	font-size:15px;
}

.login {
	font-size:14px;
	color:#8e8d8d;
	padding:11px 30px 10px 50px;
	background:#fdfdfd;
	width:152px;
	display:block;
	border:1px solid #d8d8d8;
	margin-bottom:8px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.login_user {
	background:#fdfdfd url(images/login_user.png) no-repeat;
}


.login_password {
	background:#fdfdfd url(images/login_password.png) no-repeat;
}

input.l_form {
	min-width:185px;
	border:2px solid #acacac;
	padding:7px 14px;
	color:#aaa;
	border-radius:3px;
	border-image:initial;
	margin-bottom:8px;
	float:center;
	font-size:15px;
}
.regbut {
	color: #fff;
	font-size: 14px;
	padding: 8px 15px;
	text-align: center;
	float: right;
	background-color: #5bb75b;
	border-radius: 3px;
	box-shadow: inset 0 -3px 0 #49a849;
	margin-top: 8px;
	border: none;
}

.gbut {
padding: 7px 10px 7px 10px;
border-radius: 2px;
cursor: pointer;
text-align: center;
background: #0099FF;
border:none;
color: #fff!important;
font-size: 15px;

}

.gbut1 {
padding: 7px 10px 7px 10px;
border-radius: 2px;
cursor: pointer;
text-align: center;
background: #0099FF;
border:none;
color: #fff!important;
font-size: 15px;

}

.gbut#login {
width: 100%;
margin-bottom: 8px;
}

.gbut:hover {
	background:#0099FF;
}

.bbut {
padding: 7px 10px 7px 10px;
border-radius: 2px;
cursor: pointer;
text-align: center;
background: #dd4b39;
border:none;
color: #fff!important;
font-size: 15px;
}

.bbut:hover {
	color:#fff!important;
}

.reg_row_1 {
	width:300px;
	display:inline-block;
}

.reg_row_2 {
	width:300px;
	margin-left:20px;
	display:inline-block;
}

.login_user {
	background:#fdfdfd url(images/login_user.png) no-repeat;
}


.login_password {
	background:#fdfdfd url(images/login_password.png) no-repeat;
}

.earnings {
	background:url(images/imgurj.png);
	border:1px solid #000;
	width:585px;
	text-align:center;
	padding:10px;
	margin:auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-image:initial;
	margin-top:10px;
	color:white;
	font-size:25px;
	text-shadow:0 0 0 transparent, 0 1px 0 #11192c;
}

.acp_menu {
  background: url(images/header.png) repeat-x;
  background-color: rgba(0,0,0,0.5);
  width: 220px;
  padding: 0 10px 0 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
}
.acp_inner {
  padding: 7px 11px 2px 11px;
  text-align: center;
}

.coincount {
	padding-left:21px;
	background:transparent url(images/coins.png) no-repeat;
	color:#d1a44b;
	font-family:arial;
	font-size:14px;
	text-shadow:0 0 0 transparent, 0 1px 0 #a67920;
	display:inline;
}

.ic-count {
	padding-left:21px;
	background:transparent url(images/coins.png) no-repeat;
	color:#d1a44b;
	font-family:arial;
	font-size:21px;
	text-shadow:0 0 0 transparent, 0 1px 0 #a67920;
	display:inline;
}

#tbl .tbl {
	background:url(images/header.png) repeat-x #0d55a3;
	border-color:#000;
	float:left;
	height:150px;
	margin:8px 8px 0 0;
	overflow:hidden;
	padding-top:10px;
	position:relative;
	text-align:center;
	width:127px;
	border-image:initial;
	color:#000;
}

#tbl .tbl-content {
	background:url(images/header.png) repeat-x #0d55a3;
	border-color:#000;
}

#tbl .tbl-content_vip {
	background:url(images/header.png) repeat-x #c0493c;
	border-color:#000;
	box-shadow:0 0 2px #999;
}

#tbl a.close {
	color:#999;
	font:bold 14px/14px Verdana, sans-serif;
	position:absolute;
	right:5px;
	text-decoration:none;
	top:5px;
	width:10px;
}

#tbl .points {
	margin-top:5px;
}

#tbl .tbl {
	text-align:center;
}

#sidemenu li #sidemenu_home {
	background-image:url("images/sidemenu_home.png");
}

#sidemenu li #sidemenu_kate {
	background-image:url("images/sidemenu_kate.png");
}

.sidemenu_light li .icon_settings {
	background:url("images/settings.png") no-repeat 0 7px;
}

.sidemenu_light li .icon_lock {
	background:url("images/lock.png") no-repeat 0 8px;
}

.sidemenu_light li .icon_appreciate {
	background:url("images/appreciate.png") no-repeat 0 9px;
}

.sidemenu_light li .icon_cart {
	background:url("images/cart.png") no-repeat 0 7px;
}

.accBalance {
	padding-left:21px;
	background:transparent url(images/bank.png) no-repeat;
	color:#98ca33;
	font-family:arial;
	font-size:14px;
	text-shadow:0 0 0 transparent, 0 1px 0 #11192c;
	display:inline;
}

.share_button {
background: #0079ce;
font-size: 12px;
font-family: Arial;
color: #f4f4f4;
border-radius: 3px;
-moz-border-radius: 4px;
padding: 6px 10px 5px 0px;
text-decoration: none;
display: inline-block;
overflow:hidden;
}

.share_button:hover {
	color:#fff;
}

.share_button.facebook {
	background-color: #0079ce;
}

.share_button.twitter {
	background-color: #1bb2e9;
}
.share_button.google {
	background-color: #E23C48;
}

.share_button.facebook:before {
	content:url(images/facebook.png);
	font-family: 'FontAwesome';
	background: #0064ab;
	padding: 11px;
	margin: 0px;
	color: #fff;
	margin-right: 5px;
	border-radius: 3px 0px 0px 3px;
}
.content.t-left.tos ul li {
	list-style-type: circle;
	margin-left: 15px;
}

.share_button.twitter:before {
	content:url(images/twitter.png);
	background: #189bcb;
	font-family: 'FontAwesome';
	padding: 11px;
	margin: 0px;
	color: #fff;
	margin-right: 5px;
	border-radius: 3px 0px 0px 3px;
}

.share_button.google:before {
	content:url(images/google.png);
	background: #cd1e2b;
	font-family: 'FontAwesome';
	padding: 11px;
	margin: 0px;
	color: #fff;
	margin-right: 5px;
	border-radius: 3px 
	
	.icon {
height: 100px;
width: 100px;
border-radius: 10px;
border: solid 6px #fff;
float:left;
}

.icon.facebook {
	background: #203d83 url(images/tran/facebook.png);
}

.icon.twitter {
	background: #00a5e5 url(images/tran/twitter.png);
}

.timeline:after{
  content:url(images/yt_co.png);
  width:1px;
  top:0px;
  left:32px;
  bottom:0px;
  height:100%;
  position:absolute;
  background: #ddd;
  z-index:-1;
}

.exchange_icon {
margin-top: 7px;
margin-right: 7px;
border-radius: 2px;
}

.exchange_icon:hover {
	opacity:.8;
}

.footer_banners {
	width:982px;
	background:#fff;
	float:left;
	border:1px solid #e5e5e5;
	text-align:center;
	padding:8px;
	border-radius:5px;
	margin-bottom:10px;
}