﻿.top-login-btn
{
    display:block;
    width:23px;
    height:23px;
    background:url(../images/login-btn.png) no-repeat 0 0;
}
.button
{
    display:block;
    width:124px;
    height:31px;
    border:none;
    color:#fff;
    cursor:pointer;
	font-family:Tahoma,Arial;
	font-size:14px;
    background:url(../images/button.png) no-repeat 0 0;
}
.msg
{
    color:#ff0000;
    padding:10px 0 15px;
    font-size:14px;
}
.btn
{
	display:block;
	width:124px;
	height:30px;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background:url(../images/btn-rside.png) no-repeat right center;
}
.btn.long
{
	width:220px;
}
.btn.hide
{
    display:none;
}
.btn span
{
	display:block;
	height:30px;
	margin-right:4px;
	padding-left:4px;
	line-height:30px;
	text-align:center;
	text-shadow: 1px 1px #000;
	background:url(../images/btn-lside.png) no-repeat left center;
}
.btn-gray
{
	background:url(../images/btn-grayr.png) no-repeat right center;
}
.btn-gray span
{
	background:url(../images/btn-gray.png) no-repeat left center;
}
.btn-red
{
	background:url(../images/btn-redr.png) no-repeat right center;
}
.btn-red span
{
	background:url(../images/btn-red.png) no-repeat left center;
}
.btn-p
{
	background:url(../images/btn-rside-p.png) no-repeat right center;
}
.btn-p span
{
	background:url(../images/btn-lside-p.png) no-repeat left center;
}
.btn-b
{
	background:url(../images/btn-rside-b.png) no-repeat right center;
}
.btn-b span
{
	background:url(../images/btn-lside-b.png) no-repeat left center;
}
.waiting
{
	width:114px;
	height:14px;
	background:url(../images/waiting.gif) no-repeat 0 0;
	display:none;
}
/* ======================================================================= */
.sys-note
{
	width:300px;
	background:#eaeaea;
	border:1px solid #cccccc;
	border-radius:5px;
	color:#252525;
}
.sys-note h5
{
	font-size:16px;
	text-align:center;
	margin-bottom:5px;
	color:#373738;
	font-weight:normal;
	padding-top:8px;
	margin-bottom:5px;
}
.sys-note .simplemodal-close 
{
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 8px;
	top: 8px;
	border: 1px solid #717171;
	text-align: center;
	line-height: 17px;
	font-size: 14px;
	color: #2195a9;
}
.sys-note .cont
{
	padding:3px 10px 10px;
}
/* ======================================================================================== */
.main-bnt, .jobs-btn, .green-btn, .events-btn
{
	display:block;
	height:32px;
	font-family:Tahoma,Arial;
	font-size:14px;
	text-decoration:none;
	background:url(../images/mainbtn.png) no-repeat;
}
.main-bnt
{
	width:135px;
	background-position: 0 -32px;
	padding-left:5px;
}
.main-bnt i
{
	display:block;
	height:32px;
	background:url(../images/mainbtn.png) no-repeat right 0;
	line-height:28px;
	font-style:normal;
	text-align:center;
	padding-right:5px;
}
.events-btn
{
	width:135px;
	background-position: 0 -32px;
	padding-left:5px;
}
.events-btn i
{
	display:block;
	height:32px;
	background:url(../images/mainbtn.png) no-repeat right -160px;
	line-height:28px;
	font-style:normal;
	text-align:center;
	padding-right:5px;
}
.btn-events
{
	width:100px;
	background-position:-10px -192px;
	padding-left:34px;
}
.btn-sys
{
	width:95px;
	background-position:-50px -32px;
	padding-left:40px;
}
.top-bnts
{
	width:426px;
	height:31px;
	float:left;
	margin-top:8px;
	margin-left:3px;
}
.top-bnts a
{
	float:left;
	margin-left:5px;
}
a.jobs-btn
{
	width:206px;
	line-height:30px;
	background-position: 0 -64px;
	color:#000;
	text-indent:15px;
	float:right;
	margin-right:8px;
	margin-top:8px;
}
a.green-btn
{
	width:142px;
	line-height:28px;
	background-position: 0 -96px;
	text-indent:10px;
}
.top-bar .green-bnt
{
	float:right;
	margin-right:10px;
	margin-top:8px;
}
/* ======================================================================================== */
.main-wrap
{
    width:985px;
    min-height:650px;
    margin:0 auto;
}
.content
{
    padding-left:5px;
	padding-bottom:15px;
}
.title
{
    background:url(../images/title-bg.png) repeat-x bottom;  
    margin-bottom:15px;
    height:16px;
}
.title h1, .title h2, .up-link a
{
    display:inline;
    font-size:14px;
    background:#252525;
    padding-left:10px;
    float:right;
    color:#32d0ec;
    font-weight:bold;
    text-decoration:none;
}
.home
{
    padding-bottom:15px;
}
.home .title, .up-link
{
    text-align:center;
}
.home .title h1, .up-link a
{
    float:none;
    padding-right:10px;
}
.home-desc
{
	padding:0 5px;
	margin-bottom:5px;
	clear:both;
}
.up-link a
{
    padding-left:30px;
    width:16px;
    background:#252525 url(../images/top-arr.png) no-repeat 8px 5px;  
}
.up-link
{
    margin-bottom:30px;
    clear:both;
}
.header
{
    min-height:191px;
    background:url(../images/header.png) no-repeat 430px 0;
}
.logo
{
    display:block;
    width:400px;
    height:71px;
    float:left;
    background:url(../images/logo.png) no-repeat 0 0;
    margin-top:30px;
}
/* ======================================================================================== */
.round-box
{
	border:1px solid #000;
	border-radius:6px;
	background:#333333;
	padding:15px;
	margin-bottom:15px;
}
/* ======================================================================================== */
.login-box
{
    width:240px;
    height:134px;
    float:right;
}
.login-panel
{
    width:237px;
    height:109px;
    background:url(../images/login-box.png) no-repeat 0 0;
    float:right;
    margin-top:10px;
    position:relative;
}
.login-top
{
    position:absolute;
    top:20px;
    left:50px;
    width:170px;
}
.login-top .top-login-btn
{
    position:absolute;
    top:40px;
    left:-37px;
}
.login-top input
{
    width:175px;
    height:27px;
    margin:0;
    padding:0;
    color:#747474;
    font-style:italic;
    background:#fff url(../images/input-bg.gif) repeat-x top;
    border-bottom-style:solid;
    border-width:0;
    text-indent:10px;
    margin-bottom:10px;
    line-height:27px;
    float:right;
}
.top-logged
{
    width:200px;
    position:absolute;
    top:20px;
    left:10px;
    color:#171716;
}
.top-logged div
{
    padding:3px 0;
}
.top-logged var
{
    font-style:normal;
    font-weight:bold;
}
.top-logged a
{
    display:block;
    margin-bottom:3px;
    color:#252525;
}
.top-logged a.active
{
    font-weight: bold;
    color: blue;
}
/* ======================================================================================== */
#oncall_div {
	width:100%;
	height:30px;
    background:green;
    line-height:30px;
    text-align:center;
}
#oncall_div a {
    color:white;
}
#oncall_div.on {
    background:red;
}
#oncall_div.on a {
    color:black;
}

/* ======================================================================================== */
.main-top
{
    height:31px;
    line-height:31px;
	background:#373738;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.main-top-in
{
    width:990px;
    margin:0 auto;
}
.top-links
{
    width:400px;
    float:right;
}
.top-links a
{
    color:#fff;
    text-decoration:none;
}
.top-links a:before
{
	content: "| ";
	margin:0 4px;
}
.top-links a:first-child:before
{
	content:"";
}
.top-links a:hover
{
    color:#68dbee;
}
.top-title
{
    width:200px;
    float:left;
    text-align:left;
}
.top-title a
{
    color:#68dbee;
	text-decoration:none;
}
/* ======================================================================================== */
.top-menu-wrap
{
    clear:both;
    background:url(../images/menu-r.png) no-repeat right top;
    padding-right:15px;
}
.top-menu-in
{
    background:url(../images/menu-l.png) no-repeat 0 0;
    padding-left:14px;
}
.top-menu
{
    height:51px;
    background:url(../images/menu-bg.png) repeat-x top;
}
.top-menu ul
{
    width:880px;
    margin:0;
    padding:0;
    list-style:none;
    float:right;
    height:51px;
}
.top-menu ul li
{
    float:right;
    padding-right:7px;
    padding-left:7px;
    background:url(../images/menu-sep.gif) no-repeat center right;
    margin-top:15px;
}
.top-menu ul li:first-child
{
    background:none;
    padding-right:0;
}
.top-menu ul li a.trigger
{
    color:#363636;
    text-decoration:none;
}

/* ======================================================================================== */
.top-bonus-buttons {
    position:relative;
    width:100%;
    clear:both;
    height:42px;
    margin:5px 0 20px 0;
    background:#4b4b4b;
    border-top:1px solid #000;
    border-bottom:1px solid #45aa22;
    border-radius:10px;
    padding:12px 0px;
}
.top-bonus-buttons span.double {
    position:absolute;
    display:block;
    left:50%;
    bottom:-15px;
    width:102px;
    height:22px;
    margin-left:-51px;
    background: #60f52e;
    background: -moz-linear-gradient(top,  #60f52e 0%, #36811b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60f52e), color-stop(100%,#36811b));
    background: -webkit-linear-gradient(top,  #60f52e 0%,#36811b 100%);
    background: -o-linear-gradient(top,  #60f52e 0%,#36811b 100%);
    background: -ms-linear-gradient(top,  #60f52e 0%,#36811b 100%);
    background: linear-gradient(to bottom,  #60f52e 0%,#36811b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60f52e', endColorstr='#36811b',GradientType=0 );
    border-radius: 5px;
    border:1px solid #000;
    line-height:22px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);
}
.top-bonus-buttons a.present-btn {
    width:490px;
    height:45px;
    float:right;
    display:block;
    text-align:center;
    line-height:45px;
    background:url(../images/present_btn.png) no-repeat center;
    font-weight:bold;
    font-size:14px;
    color:black;
    text-decoration:none;
    text-shadow: 0px 2px 1px rgba(255, 255, 255, 1);
    text-indent: -10px;
}
.top-bonus-buttons a.present-btn:hover {
    color:#ff001f;
}
.top-bonus-buttons.three a.present-btn {
    width:327px;
    height:45px;
    float:right;
    display:block;
    text-align:center;
    line-height:45px;
    background:url(../images/present_three_btn.png) no-repeat center;
    font-weight:bold;
    font-size:14px;
    color:black;
    text-decoration:none;
    text-shadow: 0px 2px 1px rgba(255, 255, 255, 1);
}
.top-bonus-buttons a.present-btn:first-child {
    margin-right:2px;
}
.top-bonus-buttons a.present-btn:last-child {
    margin-left:2px;
    float:left;
}
.top-bonus-buttons a.present-btn span {
    color:#ff001f;
}
.top-bonus-buttons a.present-btn span.req {
    width:20px;
    height:20px;
    position: absolute;
    margin-top: 15px;
    background:url(../images/present_arrows_btn.png) no-repeat;
}
.top-bonus-buttons.three a.present-btn span {
    display:none;
}
/* =============================== */
.category-menu
{
	position: relative;
    list-style:none;
}
.category-menu li
{
    float:right;
    list-style:none;
    width:300px;
    padding-bottom: 15px;
}
.category-menu li a {
    font-size: 14px;
    float: right;
    color: #32d0ec;
    font-weight: bold;
    text-decoration: none;
}
.category-menu li a:hover {
    text-decoration: underline;
}
.category-menu li .sub-menu
{
    color: #fff;
    padding-top: 20px;
}
.category-menu li .sub-menu .sub-item
{
    clear:both;
    padding:5px 0px;
}
.category-menu li .sub-menu .sub-item a
{
    display:block;
    color: #fff;
    font-weight:normal;
}
/* =============================== */
.mega-menu
{
	position: relative;
}
.mega-menu .sub-menu
{
    width: 170px;
    border: 1px solid #000;
    position: absolute;
    display: none;
    z-index: 50;
    background: #252525;
    border-radius: 4px;
    color: #fff;
    padding-bottom: 15px;
    padding-top: 15px;
}
.mega-menu .sub-menu a
{
    display:block;
    color:#fff;
    text-decoration:none;
    margin-bottom:5px;
}
.mega-menu .sub-menu .sub-item
{
    float:right;
    margin-right:15px;
    border-right:1px solid #818181;
    padding-right:15px;
}
 .mega-menu .sub-menu .sub-item:first-child
{
    border:none;
    padding-right:5px;
}
.mega-menu .sub-menu .s-link
{
    margin-bottom:10px;
    color:#F3EF5A;
}
/* ======================================================================================== */
.top-bar
{
    width:981px;
    height:47px;
    margin-bottom:20px;
	background:#4B4B4B;
	border:1px solid #000;
	border-radius:6px;
}
/* ======================================================================================== */
.footer
{
    height:66px;
    background:#131313;
    border-top:1px solid #343434;
    border-bottom:1px solid #636363;
}
.footer-in
{
    width:970px;
	min-height:70px;
    margin:0 auto;
	overflow:hidden;
}
.bot-logo
{
    display:block;
    width:194px;
    height:34px;
    background:url(../images/small-logo.png) no-repeat 0 0;
    float:left;
    margin-top:15px;
}
.bot-title
{
    width:630px;
    float:right;
    margin-top:10px;
}
.footer-corp
{
	clear:both;
    width:970px;
    margin:0 auto;
	text-align:center;
}
.footer-corp p
{
    padding-top: 2px;
    font-size:12px;
    font-weight:bold;
}
.footer-corp img {
	margin:0 auto;
	display: list-item;
}
/* ======================================================================================== */
#models_box
{
    width:1100px;
    margin-bottom:0px;
}
#models_pageing
{
    width:450px;
	margin:0 auto;
	clear:both;
}
#models_pageing btn.left
{
	float:left;	
}
#models_pageing btn.right
{
	float:right;
}
.model-item
{
	width:232px;
    height:242px;
    margin-left:13px;
    margin-bottom:17px;
	border:2px solid #52bc5e;
	border-color:#57c637;
	border-radius:6px;
	position:relative;
    float:right;
	cursor:pointer;
}
.model-item .ribbon
{
	width:144px;
	height:143px;
	position:absolute;
	top:-7px;
	left:-7px;
	z-index:10;
	display:none;
}
.model-item .transaxual
{
	width:79px;
	height:79px;
	background:url(../images/ribbon-transaxual.png) no-repeat 0 0;
	position:absolute;
	bottom:37px;
	right:8px;
	z-index:10;
}
.model-item .new
{
	width:49px;
	height:49px;
	background:url(../images/new-icon.png) no-repeat 0 0;
	position:absolute;
	bottom:2px;
	right:3px;
	z-index:10;
}
.model-item .age
{
	width:38px;
	height:25px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    line-height:25px;
	position:absolute;
	top:7px;
	right:7px;
	z-index:10;
    border-radius:4px;
    background: rgba(76,76,76,1);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.model-item .age span {
    font-size:10px;
    color:yellow;
    margin:0 2px;
}
.model-item .flag
{
	width:38px;
	height:38px;
	position:absolute;
	bottom:0px;
	left:7px;
	z-index:10;
}
.model-item .flag img
{
	width:38px;
	height:38px;
}
.model-item .lang
{
	height:24px;
	position:absolute;
	bottom:2px;
	left:90px;
	z-index:10;
}
.model-item .hd
{
	width:38px;
	height:25px;
	background:url(../images/hd-icon.png) no-repeat 0 0;
	position:absolute;
	bottom:6px;
	left:48px;
	z-index:10;
}
.model-item h4, .model-item h2, .model-item .h2
{
    height:26px;
    font-size:14px;
    line-height:26px;
	padding-right:5px;
}
.model-item h4 a, .model-item h2 a, .model-item .h2 a
{
	font-weight: normal;
	color: #fff;
	font-style: italic;
	text-decoration: none;
}
.model-item .desc
{
    clear:both;
    padding-top:7px;
}
.model-item .model-phone
{
	width:100px;
	font-size:12px;
	display: block;
	float:left;
	text-align:left;
	margin-top:0px;
	color:#F7DE61;
}
/*.model-item.model-online .model-phone
{
	color:#57C637;
}*/

.model-item .model-icons, .model-item .desc
{
	display:none;
}
.model-item-in
{
	width:220px;
	position:absolute;
	top:0;
	left:6px;
	z-index:5;
}
.model-item-bg
{
	width:232px;
    height:242px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background:#a4a4a4;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.model-stat
{
	clear:both;
    margin-bottom:5px;
	background:#000;
	text-align:center;
	border-radius:4px;
	padding:5px 0;
	position:relative;
}
.model-item .play
{
	width:210px;
    height:162px;
	display:none;
	margin:0 auto;
}
.model-item .thumb
{
	display:block;
	width:210px;
    height:162px;
	overflow:hidden;
	margin:0 auto;
}
.model-item .thumb img
{
    width:210px;
	vertical-align:middle;
}
.model-item .stat-btn
{
	width:80px;
	height:25px;
	float:right;
	text-align:right;
	text-indent:10px;
	line-height:25px;
	border-radius:3px;
	text-decoration:none;
	background:url(../images/status-btn.png) no-repeat;
	background-position: 0 0;
}
.model-item .stat-btn-off
{
	background-position: 0 -90px;
	color:#fff;
}
.model-item .stat-btn-show
{
	display:inline !important;
}
/* = model stats = */
/* ======================================================================================== */
.model-offline
{
	border-color:#f01831;
}
.model-offline .stat-btn
{
	background-position: 0 -30px;
}
.model-onphone
{
	border-color:#F7DE61;
}
.model-onphone .stat-btn
{
	background-position: 0 -120px;
	color:#000;
}
.model-away
{
	border-color:#2ac8e4;
}
.model-away .stat-btn
{
	background-position: 0 -60px;
}
.model-message
{
	border-color:#ff66ff;
}
.model-message .stat-btn
{
    color:black;
	background-position: 0 -150px;
}
.model-free .ribbon
{
	background:url(../images/ribbon-free.png) no-repeat 0 0;
	display:block;
}
.model-show .ribbon
{
	background:url(../images/ribbon.png) no-repeat 0 0;
	display:block;
}
.model-vip .ribbon
{
	background:url(../images/ribbon-vip.png) no-repeat 0 0;
	display:block;
}
.model-group .ribbon
{
	background:url(../images/ribbon-group.png) no-repeat 0 0;
	display:block;
}
.model-gold .ribbon
{
	background:url(../images/ribbon-gold.png) no-repeat 0 0;
	display:block;
}
/* ======================================================================================== */
.models-big .model-item
{
    width:315px;
    height:377px;
    margin-left:15px;
    margin-bottom:22px;
}
.models-big .model-item h4, .models-big .model-item h2
{
    height:45px;
    font-size:16px;
    line-height:45px;
}
.models-big .model-item .desc
{
	display: block;
    height:50px;
    overflow:hidden;
}
.models-big .stat-btn
{
	width:90px;
	height:30px;
	line-height:30px;
	margin-top:3px;
	font-weight:bold;
}
.models-big .model-item .model-icons
{
	display: block;
	float:left;
}
.models-big .model-item .model-phone
{
	width:200px;
	font-size:18px;
	margin-top:8px;
}
.models-big .model-item-bg
{
	width:315px;
    height:377px;
}
.models-big .model-item-in
{
	width:302px;
}
.models-big .model-stat
{
	margin-bottom:8px;
}
.models-big .thumb
{
	width:290px;
	height:220px;
}
.models-big .thumb img
{
	width:290px;
}
.models-big .play
{
    width:290px;
    height:220px;
}
.models-big .transaxual
{
    bottom: 123px;
    right: 10px;
}
/* ======================================================================================== */
.models-small .model-item
{
    width:186px;
    height:197px;
    margin-left:8px;
    margin-bottom:10px;
}
.models-small .model-item h4, .models-small .model-item h2
{
    height:26px;
    font-size:12px;
    line-height:26px;
}
.models-small .stat-btn
{
	width:70px;
	height:22px;
	line-height:22px;
	font-size:13px;
	text-indent:5px;
}
.models-small .model-phone
{
	font-size:11px;
}
.models-small .model-item-bg
{
	width:186px;
    height:197px;
}
.models-small .model-item-in
{
    width:174px;
}
.models-small .model-stat
{
    margin-bottom:4px;
}
.models-small .thumb
{
	width:166px;
	height:129px;
}
.models-small .thumb img
{
    width:166px;
}
.models-small .play
{
	width:166px;
    height:129px;
}
.models-small .transaxual
{
    bottom: 34px;
    right: 7px;
}
/* ======================================================================================== */
.stat-icon
{
	width:70px;
	height:14px;
	float:right;
	padding-right:20px;
	text-align:right;
	background:url(../images/online.png) no-repeat right center;
}
.model-onphone .stat-icon
{
	background:url(../images/online-off.png) no-repeat right center;
}
.model-offline .stat-icon
{
	background:url(../images/offline.png) no-repeat right center;
}
.model-away .stat-icon
{
	background:url(../images/away.png) no-repeat right center;
}
/* ======================================================================================== */
.model-icons
{
	width:175px;
	height:33px;
}
.model-icons a
{
	display:block;
	height:33px;
	float:left;
	background:url(../images/icons.png) no-repeat 0 0;
	overflow:hidden;
	cursor:default;
}
.model-icons a.i-mic
{
	width:31px;
	background-position:0 0;
}
.model-icons a.i-cam
{
	width:33px;
	background-position:-31px 0;
}
.model-icons a.i-phone
{
	width:31px;
	background-position:-64px 0;
}
.model-icons a.i-spec
{
	width:42px;
	background-position:-95px 0;
}
.model-icons a.i-mask-0
{
	width:29px;
	background-position:-205px 0;
}
.model-icons a.i-mask-1
{
	width:25px;
	background-position:-178px 0;
}
.model-icons a.i-mask-2
{
	width:20px;
	background-position:-234px 0;
}
.model-icons a.i-mask-3
{
	width:32px;
	background-position:-141px 0;
}
/* ======================================================================================== */
.side-models
{
    width:320px;
}
.side-models .model-item
{
    width:142px;
    height:147px;
    margin-left:10px;
    margin-bottom:15px;
}
.side-models .model-item h4
{
    height:27px;
    font-size:12px;
    line-height:27px;
	overflow:hidden;
}
.side-models .model-item-bg
{
	width:142px;
    height:147px;
}
.side-models .model-item-in
{
    width:130px;
}
.side-models .model-stat
{
	margin-bottom:5px;
}
.side-models .thumb
{
    width:120px;
    height:85px;
}
.side-models .thumb img
{
    width:120px;
}
/* ======================================================================================== */
.bot-links
{
    background:#171717;
    border-top:1px solid #343434;
    border-bottom:1px solid #131313;
}
.bot-menu
{
    width:980px;
	padding-top:10px;
	padding-bottom:10px;
    margin:0 auto;
}
	.bot-menu .vcard
	{
		width:200px;
		float:left;
	}
.bot-menu-in
{
	width:770px;
	float:right; 
}
.bot-menu-in ul
{
    margin:0;
    padding:0;
    float:right;
    list-style:none;
	margin-left:24px;
}
.bot-menu-in ul li:first-child
{
    padding:0;
    margin-bottom:10px;
    background:none;
}
.bot-menu-in ul li
{
    padding-right:15px;
    margin-bottom:5px;
    background:url(../images/dot.png) no-repeat center right;
}
.bot-menu-in ul a
{
    color:#b8b8b8;
    text-decoration:none;
}
.aff-bot-menu
{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.aff-bot-menu li
{
	margin-left:12px;
	margin-bottom:5px;
	display:inline;
}
/* ======================================================================================== */
.site-path
{
    width:535px;
    float:right;
    margin-top:15px;
    margin-right:10px;
}
.site-path a
{
    color:#fff;
    text-decoration:none;
}
.site-path span
{
    margin:0 3px;
    font-size:14px;
}
/* ======================================================================================== */
.page-data
{
    width:660px;
    float:right;
    padding-bottom:30px;
}
.page-side
{
    width:302px;
    float:left;
}
.page-cont
{
	background-repeat:no-repeat;
	background-position:0 20px;
	min-height:540px;
}
.page-data article h2, .page-data article h3
{
	padding-top:9px;
	margin-bottom:9px;
	font-size:15px;
}
/* ======================================================================================== */
.join
{
	background-repeat:no-repeat;
	background-position:0 20px;
    min-height:550px;
}
.join-form-border {
    width:640px;
    background:#4b4b4b;
    border:1px solid black;
    border-radius:10px;
    padding:15px;
}
.join-alert {
    font-family:Arial;
    border:1px solid #e44848;
    border-radius:10px;
    background:#9f4949;
    color:#fff;
    padding:5px;
    margin:0px auto 15px auto;
}
.join-alert.blue
{
    border: 1px solid #6a9ae8;
    background: #4b6eaa;
}
.join-form, .aff-form
{
    position:relative;
    width:390px;
    min-height: 320px;
	padding-top:10px;
	margin-bottom:15px;
    border-top: 1px solid  #616161;
    box-shadow: inset 0 1px 0 #252525;
}
.join-form.long {
    width:640px;
    min-height: 100px;
    overflow:hidden;
    clear:both;
}
.join-form.hide {
    display:none;
}
.join-form h2 {
    clear:both;
    font-size:20px;
    text-align:center;
    margin:10px auto 0;
    font-weight:bold;
    width:250px;
}
.join-form h2 a
{
    color:#000;
    font-size:16px;
    text-decoration:none;
    display:block;
    line-height:16px;
    border-radius: 10px;
    padding: 5px;
    font-weight: bold;
    text-align:center;
    white-space: nowrap;
    border-bottom: 2px solid rgba(255,146,10,1);
    background: rgba(255,175,75,1);
    background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
    background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 );
}
.join-form h3 {
    clear:both;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    margin:0px auto;
    padding:10px 0 0 0;
}
.join-form h3 a
{
    color:#000;
    font-size:14px;
    text-decoration:none;
    display:block;
    line-height:16px;
    border-radius: 10px;
    padding: 5px;
    font-weight: bold;
    text-align:center;
    white-space: nowrap;
    border-bottom: 2px solid rgba(255,146,10,1);
    background: rgba(255,175,75,1);
    background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));
    background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 );
}
.join-form .sms-phone-or
{
    float:right;
    width:45px;
    height:130px;
    background:url(../images/sms-sep.png) no-repeat center;
    margin: 0 45px 0 0;
}
.join-form .sms-phone-or span
{
    background:#4b4b4b;
    padding:5px;
    color:#fff;
    line-height:130px;
    text-align:center;
    margin: 0 8px;
    font-size:24px;
}
.join-form .sms-phone-box
{
    width:230px;
    text-align:center;
}
.join-form .sms-phone-box.p1919
{
    float:none;
    margin:0 auto;
}
.join-form .sms-phone-box.p1902
{
    float:right;
    margin:0 20px 0 0;
}
.join-form .sms-phone-box.p1901
{
    float:left;
    margin:0 0 0 20px;
}
.join-form .sms-phone-box b
{
    color:white;
    font-size:16px;
    display:block;
}
.join-form .sms-phone-box b i
{
    color: #b9ed14;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    font-style:normal;
}
.join-form .sms-phone-box strong
{
    color:#56dd27;
    font-size:32px;
    display:block;
    line-height:40px;
}
.join-form .sms-phone-box span
{
    color:#fff;
    font-size:20px;
    display:block;
    line-height:30px;
    border-radius: 10px;
    padding: 5px;
    font-weight: bold;
    text-align:center;
    white-space: nowrap;
    border-bottom: 2px solid #1e5509;
    background: rgba(54,129,27,1);
    background: -moz-linear-gradient(left, rgba(54,129,27,1) 0%, rgba(74,186,36,1) 50%, rgba(54,130,27,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,129,27,1)), color-stop(50%, rgba(74,186,36,1)), color-stop(100%, rgba(54,130,27,1)));
    background: -webkit-linear-gradient(left, rgba(54,129,27,1) 0%, rgba(74,186,36,1) 50%, rgba(54,130,27,1) 100%);
    background: -o-linear-gradient(left, rgba(54,129,27,1) 0%, rgba(74,186,36,1) 50%, rgba(54,130,27,1) 100%);
    background: -ms-linear-gradient(left, rgba(54,129,27,1) 0%, rgba(74,186,36,1) 50%, rgba(54,130,27,1) 100%);
    background: linear-gradient(to right, rgba(54,129,27,1) 0%, rgba(74,186,36,1) 50%, rgba(54,130,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36811b', endColorstr='#36821b', GradientType=1 );
}
.join-form.long .data-tbl
{
    margin: 0 auto;
}
.join-form.long .data-tbl td span
{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    line-height:30px;
}
.join-form.long .data-tbl td.medium input[type=text] {
    width:400px;
    height:42px;
    font-size:30px;
    text-align:center;
    border-radius:5px;
    border:1px solid #000;
    float:right;
}
.join-form.long .data-tbl td.medium input.button {
    float:left;
    width:100px;
    height:48px;
    font-size:20px;
    text-align:center;
    border-radius:5px;
    border:1px solid #000;
    margin:0 10px;
    background: rgba(97,245,47,1);
    background: -moz-linear-gradient(top, rgba(97,245,47,1) 0%, rgba(42,112,17,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(97,245,47,1)), color-stop(100%, rgba(42,112,17,1)));
    background: -webkit-linear-gradient(top, rgba(97,245,47,1) 0%, rgba(42,112,17,1) 100%);
    background: -o-linear-gradient(top, rgba(97,245,47,1) 0%, rgba(42,112,17,1) 100%);
    background: -ms-linear-gradient(top, rgba(97,245,47,1) 0%, rgba(42,112,17,1) 100%);
    background: linear-gradient(to bottom, rgba(97,245,47,1) 0%, rgba(42,112,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61f52f', endColorstr='#2a7011', GradientType=0 );
}
.join-form .title_free_tokens
{
    position: absolute;
    background:url(../images/join_present_window_bg.png) no-repeat center;
    left: -260px;
    top: -12px;
    width: 235px;
    height:348px;
    
    font-weight: bold;
    font-size:35px;
    text-align:center;
    padding: 10px;
}
.join-form .title_free_tokens p
{
    margin-top: 32px;
    color: #fff;
}
.join-form .title_free_tokens span
{
    color:#f3f33b;
}
.join-form .title_free_tokens small
{
    color: #f3f33b;
    font-size:12px;
    position: absolute;
    margin: 5px -5px;
}
.join-form .title_free_tokens strong {
    color: #132144;
    font-size:30px;
    width:215px;
    padding:5px 40px;
    background:#acd628;
    border-radius:10px;
    text-align:center;
    line-height:50px;
}
.join-form .title_free_tokens div.startitle {
    font-size:12px;
    float:right;
    padding:5px;
    color:#a2c9de;
}
.join-form .title_free_tokens ol {
    padding:0px;
    margin:0px 15px;
    clear: both;
}
.join-form .title_free_tokens ol li {
    font-size:10px;
    padding:0px;
}
.join-form.long .present_free_tokens
{
   position:relative;
   background:url(../images/sms_present_window_bg.png) no-repeat center;
    width: 625px;
    height:115px;
    margin:0 auto;
    font-weight: bold;
    font-size:35px;
    text-align:center;
    padding: 10px;
}
.join-form.long .present_free_tokens .col1
{
    position:absolute;
    right:0px;
    top:15px;
    width:160px;
    text-align:center;
    font-size:50px;
    line-height:48px;
}
.join-form.long .present_free_tokens .col2
{
    position:absolute;
    right:180px;
    top:40px;
    color:#b9ed14;
    text-align:right;
    font-size:72px;
    line-height:48px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
.join-form.long .present_free_tokens .col2 small {
    display: block;
    font-size: 14px;
    line-height: 26px;
}
.join-form.long .present_free_tokens .col3
{
    position:absolute;
    left:70px;
    top:8px;
    width:160px;
    font-size:50px;
    line-height:48px;
}
.join-form.long .present_free_tokens .col3 small
{
    font-size:34px;
}
.jobs-form
{
    float:right;
}
.join-form .button, .aff-form .button
{
    margin-right:auto;
}
.data-tbl
{
    border-collapse:collapse;
    margin-bottom:15px;
}
.data-tbl td
{
    padding:4px 0 5px 15px;
    vertical-align:top;
}
.data-tbl td span
{
    display: block;
    margin-bottom:3px;
}
.data-tbl td span b.red
{
    color:red;
    font-size:12px;
}
.data-tbl td a
{
    color:#32d0ec;
}
.data-tbl td label
{
    display: block;
    margin-top:3px;
}
.data-tbl td img
{
    float:right;
    margin-top:15px;
}
.data-tbl td input[type=text]
{
    width:180px;
    height:18px;
}
.data-tbl td input.checkbox
{
    width:auto;
	height:auto;
    vertical-align:middle;
}
.data-tbl td.long textarea, .data-tbl td.long input[type=text]
{
    width: 380px;
    margin:5px;
}
.data-tbl td.date select
{
    width:58px;
    font-size:14px;
}
/* ======================================================================================== */
.jobs-info
{    
    width:240px;
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    margin-top:7px;
}
.jobs-info li
{
    display:block;
    border-bottom:1px dashed #8f8f8f;
    padding-bottom:15px;
    margin-bottom:15px;
}
.jobs-info li span
{
    display:block;
    width:28px;
    height:27px;
    background:url(../images/info-true.png) no-repeat 0 0;
    float:right;
    margin-left:10px;
}
/* ======================================================================================== */
.jobs-banner
{
	width:660px;
	height:224px;
	overflow:hidden;
	margin-bottom:15px;
}
.jb-0
{
	background:url(../images/slider01.png) no-repeat 0 0;
}
.jb-1
{
	background:url(../images/slider02.png) no-repeat 0 0;
}
.jb-2
{
	background:url(../images/slider03.png) no-repeat 0 0;
}
.jobs-banner a
{
	display:block;
	width:220px;
	height:224px;
	float:right;
}
/* ======================================================================================== */
.zoom-icons
{
	margin:0;
	padding:0;
	list-style:none;
    width:165px;
    height:24px;
	margin-right:auto;
    line-height:24px;
	font-size:12px;
	padding-top:8px;
}
.zoom-icons a
{
    display:block;
	width:24px;
    height:24px;
    float:left;
	background:url(../images/zoom-icons.png) no-repeat 0 0;
}
.zoom-icons li.big a
{
	background-position:-80px 0;
}
.zoom-icons li.big a:hover, .zoom-icons li.big a.selected
{
	background-position:-80px -40px;
}
.zoom-icons li.mid a
{
    background-position:-40px 0;
}
.zoom-icons li.mid a:hover, .zoom-icons li.mid a.selected
{
	background-position:-40px -40px;
}
.zoom-icons li.small a
{
    background-position:0 0;
}
.zoom-icons li.small a:hover, .zoom-icons li.small a.selected
{
	background-position:0 -40px;
}
.zoom-icons .sep
{
    width:1px;
    height:24px;
    background:#d4d4d4;
    float:left;
    margin:0 7px;
}
/* ======================================================================================== */
.bot-articles
{
    width:1000px;
    margin-bottom:25px;
}
.article-item
{
    width:480px;
	height:80px;
	overflow:hidden;
    float:right;
    border-bottom:1px dashed #5a5a5a;
    margin-bottom:12px;
    margin-left:20px;
}
.article-item h3
{
    margin-bottom:5px;
    font-weight:normal;
    font-size:14px;
}
.article-item h3 a
{
    color:#fff;
    text-decoration:none;
}
.article-item .desc
{
    color:#f3ef5a;
    width:390px;
    float:left;
}
.article-item .thumb
{
    display:block;
    width:80px;
    height:60px;
    background:#000;
    -moz-border-radius: 2px;
    border-radius: 2px;
	overflow:hidden;
	border:2px solid #000;
	text-align:center;
}
.article-item .thumb img
{
	vertical-align:middle;
}
/* ======================================================================================== */
.sysinfo
{
    padding-top:10px;
}
.info-box
{
    width:660px;
    min-height:55px;
    /* background:url(../images/info-title.png) no-repeat 0 0; */
	background:#4B4B4B;
	border:1px solid #000;
	border-radius:7px;
    margin-bottom:4px;
}
.info-box i
{
	display:block;
    width:62px;
    height:55px;
    float:right;
}
.info-box h4
{
    width: 300px;
    float: right;
    height: 55px;
    font-size: 16px;
    font-weight: normal;
    line-height: 55px;
}
.sys-fail i
{
    background:url(../images/info-false.png) no-repeat center;
}
.sys-fail h4
{
    color:#f3ef5a;
}
.sys-ok i
{
    background:url(../images/info-true.png) no-repeat center;
}
.sys-ok h4
{
    color:#fff;
}
.sysinfo-tbl
{
    border-collapse:collapse;
    float:right;
    margin-top:10px;
}
.sysinfo-tbl th, .sysinfo-tbl td
{
    padding:0;
    font-weight:normal;
    height:25px;
}
.sysinfo-tbl th
{
    width:90px;
}
.sysinfo-tbl td
{
    direction:ltr;
}
.sysinfo-tbl caption
{
    text-align:right;
    color:#f3ef5a;
    padding:5px 0;
}
.info-box .img
{
	vertical-align:middle;
	margin-right:8px;
}
.info-box#web_cam .btn
{
	width:200px;
	float:left;
	margin-left:15px;
	margin-top:10px;
}
.sys-fail .btn
{
	display:none;
}
.info-box .cam-check
{
	clear:both;
	padding:15px;
	display:none;
}
.info-box #cam
{
	width:240px;
	height:180px;
	margin:0 auto;
	border:5px solid #373738;
	float:right;
	margin-left:15px;
}
/* ======================================================================================== */
.faq-box
{
    padding-top:15px;
}
.faq-box h4
{
    font-size:14px;
    font-weight:normal;
    color:#f3ef5a;
    margin-bottom:10px;
}
.faq-item
{
    width:660px;
	background:#4B4B4B;
	border:1px solid #000;
	border-radius:6px;
    margin-bottom:10px;
	padding-bottom:10px;
}
.faq-item-in
{
    width:580px;
	min-height:38px;
    float:right;
    margin-top:10px;
    margin-right:25px;
    padding-top:5px;
    padding-right:30px;
    overflow:hidden;
    background:url(../images/info-mark.png) no-repeat right top;
}
/* ======================================================================================== */
.stars
{
	width:80px;
	height:16px;
	background:url(../images/stars.png) repeat-x top;
	position:relative;
	overflow:hidden;
}
.stars span
{
	display:block;
	width:80px;
	height:16px;
	background:url(../images/stars.png) repeat-x bottom;
	position:absolute;
	top:0;
	left:0;
}
.rate4 span { left: 16px; }
.rate3 span { left: 32px; }
.rate2 span { left: 48px; }
.rate1 span { left: 64px; }
/* ======================================================================================== */
.details-col
{
	width:180px;
	float:right;
	margin-left:15px;
}
.details-col table
{
	border-collapse:collapse;
}
.details-col th, .details-col td
{
	padding:5px 0;
}
.details-col th
{
	padding-left:10px;
    white-space:nowrap;
}
.details-col .data
{
	margin-bottom:10px;
}
	.details-col label
	{
		display:block;
		font-weight:bold;
		margin-bottom:2px;
	}
	.details-col td var
	{
		color:#6fd8ff;
		font-style:normal;
	}
/* ======================================================================================== */
.gallery-item
{
	display:block;
	width:150px;
	height:110px;
	background:#161616;
	overflow:hidden;
	float:right;
	margin-left:8px;
	margin-bottom:10px;
	border-radius:5px;
	border-bottom:5px solid #161616;
}
.gallery-item img
{
	width:140px;
	float:right;
	margin-top:5px;
	margin-right:5px;
}
/* ======================================================================================== */
.movie-box
{
	width:600px;
	margin:0 auto;
}
.movie-box .desc
{
	margin-bottom:15px;
}
.movie-box #movie_player
{
	display:block;
	width:600px;
	height:380px;
}
/* ======================================================================================== */
.account-data
{
	width:760px;
	float:left;
	min-height:400px;
}
.account-side
{
	width:200px;
	float:right;
}
.account-menu
{
	width:195px;
	margin:0;
	padding:0;
	list-style:none;
}
.account-menu li a
{
	background:#4B4B4B;
	color:#fff;
	display:block;
	height:25px;
	padding-right:20px;
	line-height:25px;
	margin-bottom:2px;
	text-decoration:none;
	border:1px solid #000;
	border-radius:4px;
}
.account-box
{
	padding:15px 0;
}
/* ===================================================================== */
.packs-tbl
{
	width:600px;
    margin:0 auto;
    color:#c0c0c0;
    border-spacing:0;
    border-collapse:collapse;
    border-top:1px #373738 solid;
    border-right:1px #373738 solid;
	margin-bottom:15px;
}
.packs-tbl.long
{
    width:765px;
}
.packs-tbl a
{
    color:#fff;
}
.packs-tbl a.Link
{
    color:#ff0000;
}
.packs-tbl caption
{
    text-align:center;
    font-size:14px;
    padding:10px 0;
    color:#F3EF5A;
}
.packs-tbl th
{
    color:#32D0EC;
}
.packs-tbl td, .packs-tbl th
{
    background:#131313;
    padding:7px;
    text-align:center;
    border-left:1px solid #373738;
    border-bottom:1px solid #373738;
}
/* ===================================================================== */
.date-filters
{
    color:#F3EF5A;
    font-size:14px;
    padding:10px;
}
.date-filters table th
{
    color:#fff;
    font-weight:normal;
}
.date-filters select
{
    margin-right:5px;
}
/* ===================================================================== */
tr.MsgRow
{
    cursor:pointer;
    color:#8b8a8a;
}
tr.MsgRow a
{
    color:#8b8a8a;
}
tr.MsgData
{
    display:none;
}
tr.MsgData td
{
    text-align:right;
    padding:10px 15px;
}
td.MsgShort
{
    width:200px;
    text-align:right;
}
td.MsgLong
{
    width:99%;
    text-align:right;
}
tr.Unread
{
    font-weight:bold;
    color:#fff;
}
tr.Unread a
{
    color:#fff;
}
.MsgBox
{
    padding-top:15px;
    text-align:center;
    margin-bottom:15px;
}
.MsgBox div
{
    text-align:center;
    margin-bottom:5px;
}
#SendMsgBtn
{
    width:200px;
}
.MsgStat
{
    text-align:center;
    display:none;
    padding:7px;
}
a.NewMessage
{
    float:left;
}
/* ========================================================================================== */
.new-msg
{
	width:420px;
	background:#eaeaea;
	border:1px solid #cccccc;
	border-radius:5px;
	color:#000;
}
/*.new-msg h5
{
    margin:0;
    padding:0;
    height:43px;
    background:url(/content/images/ex_top.png) no-repeat 0 0;
    text-align:center;
    font-size:14px;
    font-weight:normal;
    line-height:43px;
}
.new-msg-cont
{
	padding:15px;
}*/
.new-msg-cont div
{
	margin-bottom:10px;
}
.new-msg-cont select
{
	width:334px;
    padding:5px;
}
.new-msg-cont textarea
{
	width:380px;
	resize:none;
}
.new-msg-cont .charNum {
    font-size:11px;
}
.new-msg .simplemodal-close
{
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 8px;
	top: 8px;
	border: 1px solid #717171;
	text-align: center;
	line-height: 17px;
	font-size: 14px;
	color: #2195a9;
}
/* ========================================================================================== */
.pack-item
{
	width:297px;
	height:80px;
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	position:relative;
	cursor:pointer;
	
	background:#f3f3f3;
	border:1px solid #000;
	border-radius:6px;

	background: -webkit-linear-gradient(#fff, #acacac); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #acacac); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #acacac); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #acacac); /* Standard syntax */
}
.pack-item.bonus {
    padding-top:110px;
    margin-top:15px;
}
.pack-item.bonus .bonus-item
{
	width:297px;
	height:110px;
    position:absolute;
    left:0px;
    top:-5px;
    z-index:1;

    border-radius:6px 6px 0 0;
	
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	
	background: #0a9ee9;
    background: -moz-linear-gradient(-45deg,  #0a9ee9 0%, #0f69ba 50%, #02376e 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0a9ee9), color-stop(50%,#0f69ba), color-stop(100%,#02376e));
    background: -webkit-linear-gradient(-45deg,  #0a9ee9 0%,#0f69ba 50%,#02376e 100%);
    background: -o-linear-gradient(-45deg,  #0a9ee9 0%,#0f69ba 50%,#02376e 100%);
    background: -ms-linear-gradient(-45deg,  #0a9ee9 0%,#0f69ba 50%,#02376e 100%);
    background: linear-gradient(135deg,  #0a9ee9 0%,#0f69ba 50%,#02376e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9ee9', endColorstr='#02376e',GradientType=1 );

}
.pack-item.bonus .bonus-item .bonus-title
{
    position:absolute;
    left:0px;
    top:5px;
    width:190px;
    font-weight:bold;
    font-size:22px;
    text-align:center;
}
.pack-item.bonus .bonus-item .bonus-subtitle
{
    position:absolute;
    left:0px;
    top:30px;
    width:190px;
    font-weight:bold;
    font-size:12px;
    text-align:center;
}
.pack-item.bonus .bonus-item .bonus-subtitle b
{
    color:#fff10b;
    font-size:14px;
}
.pack-item.bonus .bonus-item .bonus-ribbon
{
    position:absolute;
    right:-10px;
    top:-10px;
    width:118px;
    height:96px;
    z-index:2;
    background:url(../images/package_bonus_ribbon.png) no-repeat 0 0;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    color:#132144;
    padding:10px;
}
.pack-item.bonus .bonus-item.gold .bonus-ribbon
{
    position:absolute;
    right:-25px;
    top:-20px;
    width:115px;
    height:105px;
    z-index:2;
    background:url(../images/package_bonus_gold_ribbon.png) no-repeat 0 0;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    color:#132144;
    padding:10px;
}
.pack-item.bonus .bonus-item .bonus-ribbon strong {
    font-size:30px;
    padding-left:5px;
    display:block;
}
.pack-item.bonus .bonus-item.gold .bonus-ribbon strong {
    font-size: 26px;
    padding: 24px 20px 0 0;
    display: block;
}
.pack-item.bonus .bonus-item.gold .bonus-ribbon span {
    display:none;
}

.pack-item.bonus .bonus-item .bonus-min-ribbon
{
    position:absolute;
    left:-5px;
    top:45px;
    width:198px;
    height:47px;
    z-index:2;
    padding:8px 0 0 0;
    background:url(../images/package_bonus_min_ribbon.png) no-repeat 0 0;
    text-align:center;
    line-height:15px;
    font-weight:bold;
    font-size:14px;
    color:#02143f;
}
.pack-item.bonus .bonus-item.gold .bonus-min-ribbon
{
    background:url(../images/package_bonus_gold_min_ribbon.png) no-repeat 0 0;
    color:#02143f;
}
.pack-item.bonus .bonus-item .bonus-total
{
    position:absolute;
    right:5px;
    bottom:2px;
    font-weight:bold;
    font-size:12px;   
}
.pack-item.bonus .bonus-item .bonus-total b
{
    color:#fff10b;
    font-size:18px;
    font-weight:bold;
    text-decoration:line-through;
}
.pack-item.bonus .bonus-item .bonus-remark
{
    position:absolute;
    left:5px;
    bottom:5px;
    font-weight:normal;
    font-size: 11px;
    color: #ACACAC;
}

.pack-item.bonus .bonus-item .bonus-min-ribbon
.pack-item:hover .price, .pack-item .price.active
{
	color:#0fb026;
}
.pack-item .price
{
	float:right;
	width:168px;
	font-size:35px;
	color:#18A5AE;
	font-weight:bold;
	margin-right:5px;
	margin-top:12px;
	text-shadow: 1px 1px #747474;
}
.pack-item .price span
{
	margin-top:17px;
}
.pack-item .price h5
{
	font-size:14px;
	color:#000;
    text-shadow:none;
}
.pack-item .price b
{
  font-size: 15px;
  color: #18a5ae;
  text-shadow: none;
  text-shadow: 1px 1px #747474;
  margin-right: -7px;
}
.pack-item:hover .price b, .pack-item .price.active b
{
  color:#0fb026;
}
.pack-item .sep
{
	width:1px;
	height:80px;
	background:#747474;
	float:right;
}
.pack-item .desc
{
	width:110px;
	float:right;
	margin-top:10px;
	margin-right:10px;
}
.pack-item .desc h5
{
	font-size:16px;
	color:#000;
	margin-bottom:5px;
}
.pack-item .desc em
{
	font-size:13px;
	font-style:normal;
	color:#747474;
	height:20px;
	overflow:hidden;
	display:block;
}
.pack-item .rbn
{
	width:82px;
	height:85px;
	position:absolute;
	background:url(../images/hot.png) no-repeat 0 0;
	top:-10px;
	left:-10px;
	display:none;
}
.pack-item.hot .rbn
{
	display:block;
}
.pack-item.hot.bonus .rbn
{
	z-index: 2;
    top: -16px;
    left: -14px;
}
.radio-btn
{
	display:block;
	width:19px;
	height:22px;
	background:url(../images/radio.png) no-repeat 0 0;
	cursor:pointer;
	float:right;
	margin-left:7px;
	margin-top:5px;
}
.radio-on
{
	background:url(../images/radio-on.png) no-repeat 0 0;
}
/* ========================================================================================== */
.card-img
{
	height:31px;
	background:url(../images/card.png) no-repeat right bottom;
	border-bottom:2px solid #000;
}
.zomb-icon
{
	width:170px;
	float:right;
}
.zom-btn
{
	background:none;
}
.zom-cards
{
	width:100px;
	height:30px;
	float:right;
	overflow:hidden;
	background:url(../images/cards.png) no-repeat right center;
	margin-right:15px;
}
.cg-icon
{
	width:170px;
	height:140px;
	margin:0 auto;
	background:url(../images/cgate.png) no-repeat center top;
}
.cg-btn
{
	background:none;
}
.cg-cards
{
	width:206px;
	height:31px;
	background:url(../images/cgcards.png) no-repeat 0 0;
}
/* ========================================================================================== */
.events
{
	padding-top:15px;
	margin-bottom:30px;
}
.event-item
{
	width:140px;
	float:right;
	margin-bottom:15px;
}
.event-top, .event-vals
{
	border:1px solid #000;
	border-radius:6px;
	background:#4B4B4B;
}
.event-vals.history
{
	background:#8d8e7b;
}
.event-top
{
	height:30px;
	line-height:30px;
	padding-right:15px;
	margin-bottom:2px;
}
.event-top h4
{
	font-size:14px;
}
.event-top h4 span
{
	font-size:12px;
	font-weight:normal;
}
.event-vals
{
	padding:10px 15px 10px 0;
}
.event-vals span
{
	display:block;
	margin-bottom:3px;
}
.event-vals a
{
	display:block;
	margin-bottom:7px;
	color:#d9d655;
	text-decoration:none;
}
.event-vals a:hover
{
	text-decoration:underline;
}
.ev-micro
{
	float:right;
	margin-left:20px;
}
.ev-micro, .ev-micro a
{
	color:#cacaca;
}
/* ========================================================================================== */
.bubble-info
{
	position: relative;
}
.popup
{
	position: absolute;
	display: none;
	z-index: 50;
	border-collapse: collapse;
	width:350px;
	height:120px;
	background:#e5e5e5;
	border-radius:6px;
	color:#252525;
}
.bubble-info .popup .thumb
{
	width:120px;
	float:right;
	background:#252525;
	border-radius:6px;
	margin-top:10px;
	margin-right:10px;
	padding-top:3px;
	padding-bottom:3px;
}
.bubble-info .popup .thumb a
{
	height:85px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
.bubble-info .popup .thumb img
{
	width:114px;
}
.bubble-info .popup .desc
{
	width:200px;
	height:100px;
	overflow:hidden;
	float:left;
	margin-top:15px;
	margin-left:10px;
}
.bubble-info .popup .desc a
{
	color:#2896b6;
	text-decoration:underline;
}
.bubble-info .popup .bot-corn
{
	width:37px;
	height:31px;
	background:url(../images/bubble-bot.png) no-repeat 0 0;
	position:absolute;
	bottom:-31px;
	left:210px;
}
.bubble-info .popup .desc div
{
	color:#747474;
	margin-bottom:5px;
}
/* ========================================================================================= */
.article-box
{
    border-bottom:1px dashed #5a5a5a;
    padding-bottom:10px;
    margin-bottom:12px;
}
.article-box h3
{
    margin-bottom:5px;
    font-weight:normal;
    font-size:14px;
}
.article-box h3 a
{
    color:#fff;
    text-decoration:none;
}
.article-box .desc
{
    color:#f3ef5a;
    width:495px;
    float:left;
    margin-top:5px;
}
.article-box .thumb
{
    display:block;
    width:150px;
	height:100px;
	overflow:hidden;
    background:#000;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:2px solid #000;
}
.article-box .thumb img
{
	width:150px;
}
.art-img
{
	max-width:250px;
	float:left;
	margin-right:5px;
}
/* =============================================================================================== */
.aff-filters
{
	border-collapse:collapse;
	margin:0 auto;
	color:#F3EF48;
	margin-bottom:10px;
}
.aff-filters td, .aff-filters th
{
	padding:0 5px;
	font-weight:normal;
}
.aff-filters th
{
	color:#fff;
}
.aff-banner
{
    text-align:center;
    margin-bottom:20px;
}
.aff-banner textarea
{
    width:400px;
    text-align:left;
    direction:ltr;
}
.banner-download
{
    display:block;
    margin-bottom:5px;
    padding-top:5px;
    text-align:center;
}
.frame-box
{
    text-align:center;
    padding-top:15px;
    margin-bottom:10px;
}
.frame-box textarea
{
    width:500px;
    text-align:left;
    direction:ltr;
    margin-bottom:20px;
}
#frame_place
{
    width:560px;
    margin:0 auto;
}
.aff-login
{
	margin-bottom:10px;
}
.aff-login a
{
	color:#2CD0EC;
	text-decoration:none;
}
/* =============================================================================================== */
.aff-login-box
{
	width:300px;
	margin:0 auto;
	padding-top:20px;
}
.aff-login-box span
{
	display:block;
	margin-bottom:3px;
}
.aff-login-box div input
{
	width:230px;
	height:18px;
	margin-left:5px;
}
.aff-login-box div
{
	margin-bottom:8px;
}
/* =============================================================================================== */
#comments_form textarea
{
	width:620px;
	margin-bottom:10px;
	border:1px solid #747474;
	border-radius:4px;
}
#comments_form .main-bnt
{
	margin-right:auto;
	margin-left:5px;
}
#comments .btn
{
    width:185px;
}
#comments .commentslist
{
    max-height:500px;
	margin: 0 0 10px 0;
}

#comments .commentslist.hidden{ display: none; }
.comment-item
{
	font-size:12px;
}
.comment-item h4
{
	font-size:13px;
	font-weight:normal;
	color:#F4ED5E;
	margin-bottom:3px;
}
/* =============================================================================================== */
.join-box
{
	width:800px;
	position:relative;
	background:url(../images/trans-bg.png);
	border:1px solid #535353;
	border-radius:5px;
}
.join-box-top
{
	height:31px;
	margin-bottom:10px;
}
.join-box-in
{
	padding:10px 15px;
}
.join-box-free-tokens
{
    width:392px;
    height:72px;
    background:url(../images/quickjoin_present_window_bg.png) no-repeat center;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding: 0px;
    margin:0 0 10px 0;
    line-height:65px;
    color:#f3f33b;
}
.join-box-free-tokens strong {
    color: #132144;
    font-size: 25px;
    padding: 5px 13px;
    border-radius: 2px;
    background: #b6e031;
    background: -moz-linear-gradient(top,  #b6e031 0%, #95be13 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e031), color-stop(100%,#95be13));
    background: -webkit-linear-gradient(top,  #b6e031 0%,#95be13 100%);
    background: -o-linear-gradient(top,  #b6e031 0%,#95be13 100%);
    background: -ms-linear-gradient(top,  #b6e031 0%,#95be13 100%);
    background: linear-gradient(to bottom,  #b6e031 0%,#95be13 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e031', endColorstr='#95be13',GradientType=0 );
}
.join-box-free-tokens small {
    color: #FFF;
    font-size: 12px;
    position: absolute;
    margin: -5px;
}
.join-box-free-tokens span {
    font-size: 20px;
}
.join-box h4
{
	width:540px;
	color:#fff;
	float:right;
	font-weight:normal;
	font-size:18px;
	height:31px;
	line-height:31px;
}
.join-box h4 span
{
	color:#5ee930;
}
.join-box .exit-btn
{
	display:block;
	width:181px;
	height:31px;
	background:url(../images/exit-btn.png) no-repeat 0 0;
	float:left;
	color:#363636;
	font-size:16px;
	text-decoration:none;
	line-height:31px;
	text-indent:15px;
}
.join-box .pic
{
	display:block;
	width:366px;
	background:#454545;
	border-radius:5px;
	text-align:center;
	padding:5px 2px;
	float:left;
    border: 1px solid #4d4d4d;
}
.join-box .pic img
{
	width:360px;
}
.join-box .pic span {
    color:#b9b9b9;
    font-weight:bold;
    font-size: 13px;
    float: right;
    padding:0px 5px;
}
.join-box .pic ol {
    padding: 0px 10px;
    margin: 5px;
    clear: both;
}
.join-box .pic ol li {
    color:#b9b9b9;
    font-size: 11px;
    padding: 0px 2px;
}
.join-box-side
{
	width:370px;
	float:right;
}
.join-box-data
{
	padding-left:35px;
	margin-bottom:10px;
    border:1px solid #e44848;
    border-radius:5px;
    background:#9f4949;
}
.join-box-data p
{
    padding:5px;
}
.joinbox-form
{
	clear:both;
}
/* =============================================================================================== */
.form-box .col
{
	float:right;
	margin-left:10px;
}
.form-box .col.present
{
	display:none;
}
.form-box .row, .form-box .row-check
{
	margin-bottom:10px;
	clear:both;
}
.form-box .row input
{
	width:160px;
}
.form-box .row span
{
	display:block;
	margin-bottom:3px;
}
.form-box .row span b.red {
    color: red;
    font-size: 12px;
}
.form-box label.error
{
	display:block;
}
.form-box .row-long input,
.form-box .row-long textarea
{
	width:340px;
}
.contact-form
{
	padding-top:10px;
	padding-right:5px;
}
/* =============================================================================================== */
.agents h2
{
	font-size:14px;
	font-weight:normal;
	margin-bottom:5px;
}
/* =============================================================================================== */
.order-tabs
{
	margin:0;
	padding:0;
	list-style:none;
	height:60px;
	padding-right:15px;
	margin-bottom:1px;
}
.order-tabs li
{
	display:block;
	width:190px;
	float:right;
	margin-left:4px;
    position:relative;
}
.order-tabs li .new
{
	position:absolute;
    left:-3px;
    top:-3px;
    z-index:2;
    background:url(/Content/images/new.png) no-repeat;
    width:64px;
    height:64px;
}
.order-tabs li.active .new
{
    top:-4px;
}
.order-tabs li a
{
	display:block;
	height:60px;
	background:#f3f3f3;
	border:1px solid #000;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#000;
    border-bottom:none;
	background: -webkit-linear-gradient(#fff, #acacac); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #acacac); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #acacac); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #acacac); /* Standard syntax */
}
.order-tabs li.active a
{
	/*background:#303030;
	color:#fff;*/
	border-bottom:1px solid #303030;
}
.order-tabs li span.b
{
	display:block;
	width:110px;
	float:right;
	margin-top:10px;
}
.order-tabs li span.s
{
	display:none;
}
.order-tabs li i
{
	width:60px;
	height:60px;
	display:block;
	float:right;
	background-image:url(../images/order-tabs.png);
	background-repeat:no-repeat;
}
.order-tabs li.t-card a
{
	background: rgba(176,219,46,1);
    background: -moz-linear-gradient(top, rgba(176,219,46,1) 0%, rgba(114,204,30,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,219,46,1)), color-stop(100%, rgba(114,204,30,1)));
    background: -webkit-linear-gradient(top, rgba(176,219,46,1) 0%, rgba(114,204,30,1) 100%);
    background: -o-linear-gradient(top, rgba(176,219,46,1) 0%, rgba(114,204,30,1) 100%);
    background: -ms-linear-gradient(top, rgba(176,219,46,1) 0%, rgba(114,204,30,1) 100%);
    background: linear-gradient(to bottom, rgba(176,219,46,1) 0%, rgba(114,204,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0db2e', endColorstr='#72cc1e', GradientType=0 );
}
.order-tabs li.t-card.active a
{
	border:1px solid rgba(176,219,46,1);
	border-bottom:1px solid #72cc1e;
}
.order-tabs .t-card i
{
	background-position:-180px 0;
}
/*.order-tabs .t-card.active i
{
	background-position:-180px -60px;
}*/
.order-tabs li.t-phone a
{
	background: rgba(230,159,215,1);
    background: -moz-linear-gradient(top, rgba(230,159,215,1) 0%, rgba(255,0,183,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,159,215,1)), color-stop(100%, rgba(255,0,183,1)));
    background: -webkit-linear-gradient(top, rgba(230,159,215,1) 0%, rgba(255,0,183,1) 100%);
    background: -o-linear-gradient(top, rgba(230,159,215,1) 0%, rgba(255,0,183,1) 100%);
    background: -ms-linear-gradient(top, rgba(230,159,215,1) 0%, rgba(255,0,183,1) 100%);
    background: linear-gradient(to bottom, rgba(230,159,215,1) 0%, rgba(255,0,183,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e69fd7', endColorstr='#ff00b7', GradientType=0 );
}
.order-tabs li.t-phone.active a
{
	border:1px solid rgba(230,159,215,1);
	border-bottom:1px solid #ff00b7;
}
.order-tabs .t-phone i
{
	background-position:-120px 0;
}
/*.order-tabs .t-phone.active i
{
	background-position:-120px -60px;
}*/
.order-tabs li.t-chphone a
{
	background: rgba(241,231,103,1);
    background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
    background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );
}
.order-tabs li.t-chphone.active a
{
	border:1px solid rgba(241,231,103,1);
	border-bottom:1px solid #feb645;
}
.order-tabs .t-chphone i
{
	background-position:-60px 0;
}
/*.order-tabs .t-chphone.active i
{
	background-position:-60px -60px;
}*/
.order-tabs li.t-chcard a
{
	background: rgba(148,203,255,1);
    background: -moz-linear-gradient(top, rgba(148,203,255,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(148,203,255,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(top, rgba(148,203,255,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(top, rgba(148,203,255,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(top, rgba(148,203,255,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to bottom, rgba(148,203,255,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94cbff', endColorstr='#207ce5', GradientType=0 );
}
.order-tabs li.t-chcard.active a
{
	border:1px solid rgba(148,203,255,1);
	border-bottom:1px solid #207ce5;
}
/*.order-tabs .t-chcard.active i
{
	background-position:0 -60px;
}*/
.order-tabs .t-chcard span.b
{
	margin-right:10px;
}
.order-panel
{
	background:#303030;
	border:1px solid #000;
	border-radius:8px;
	padding:5px;
}
.order-panel.t-card {
    border:1px solid rgba(176,219,46,1);
    background:#72cc1e;
}
.order-panel.t-phone {
    border:1px solid rgba(230,159,215,1);
    background:#ff00b7;
}
.order-panel.t-chcard {
    border:1px solid rgba(148,203,255,1);
    background:#207ce5;
}
.order-panel.t-chphone {
    border:1px solid rgba(241,231,103,1);
    background:#feb645;
}
.c-box
{
	background:#383838;
	padding:15px 10px 15px 10px;
	margin-bottom:15px;
    border-radius: 6px;
}
.card-box {
    overflow:hidden;
    border-radius: 6px;
}
.card-box-top .desc
{
	width:440px;
	padding:10px;
	float:right;
}
.card-box-top .pic
{
	width:440px;
	height:300px;
	background:#474747 url(../images/cards-box.jpg) no-repeat center;
	border-radius:8px;
	float:left;
}
.card-box h4
{
	font-size:14px;
	color:#32d0ec;
	margin-bottom:5px;
}
.card-box-desc
{
	margin-bottom:15px;
    overflow:hidden;
}
.step2 .card-box-desc
{
	float:right;
	width: 580px;
}
.card-box-desc .leftimg, .card-box-frm .leftimg
{
	float:left;
    display:inline;
    margin:0 10px 0 0;
}
.credit-tick
{
    direction:ltr;
    float:left;
    width:305px;
    background:#474747;
    border-radius:10px;
    margin-left:10px;
    padding:15px;
    text-align:center;
}
.credit-tick b {
    display:block;
}
.credit-tick strong {
    color: #56dd27;
    font-size: 32px;
    display: block;
    line-height: 40px;
    display:block;
}
.credit-tick .tick {
    float:right;
    direction:ltr;
    background: none;
    border: none;
    width: 290px !important;
}
.credit-tick .credits-txt
{
    clear:both;
    /*float:right;*/
}
.credit-tick .btn
{
	width:275px;
    margin-bottom:5px;
}
.credit-tick #continue_btn
{
	display:none;
    width:275px;
    float: right;
}
.card-box-txt
{
	width:610px;
	float:left;
	margin-left:10px;
}
.card-box-txt2
{
	width:560px;
	float:right;
	margin-right:10px;
}
/* =============================================================================================== */
.card-form
{
	width:280px;
	float:right;
	background:#474747;
	border-radius:8px;
}
.card-form-in
{
	padding:15px 15px 10px 0;
    font-weight:bold;
    clear:both;
    text-align:center;
}
.card-form .col
{
	margin-bottom:7px;
}
.card-form .col.hide
{
	display:none;
}
.card-form .col span
{
	display:block;
	margin-bottom:4px;
}
.card-form .col input
{
	width:240px;
}
.card-form.chbyphone .col input#PayCallPhone
{
	text-align:center;
    font:bold;
    font-size:26px;
}
.card-form .row
{
	margin-bottom:10px;
}
.card-form .row span
{
	font-size:11.5px;
}
.row-bot
{
	padding-top:10px;
	height:45px;
}
.card-form .btn-place
{
	padding-top:10px;
}
.card-form .btn
{
	width:245px;
}
.card-form .error
{
	display:block;
}
.card-form .waiting
{
	margin:0 auto;
}
.pay-call
{
	width:196px;
	height:106px;
	background:url(../images/paycall_phone.png) no-repeat 0 0;
	margin-right:20px;
}
/* =============================================================================================== */
/* mobile version */
/* ============== */

@media screen and (max-width: 480px),
	screen and (device-aspect-ratio: 40/71),
	screen and (device-aspect-ratio: 2/3) 
{
	body
	{
		background:#252525;
	}
	.main-wrap
	{
		width: auto;
		min-height: inherit;
	}
	.main-top-in
	{
		width: auto;
	}
	.top-links
	{
		width:auto;
		float:none;
		text-align:center;
	}

	/* =============================================================================================== */
	
	.top-menu-wrap
	{
		display:none;
	}
	.header
	{
		min-height:150px;
		background:none;
	}
	.logo
	{
		width:186px;
		height:34px;
		float:none;
		margin:10px auto 0 auto;
		background:url(../images/small-logo.png) no-repeat;
	}
	.top-bar
	{
		display:none;
	}
	.page-data
	{
		width:auto;
		float:none;
	}
	#models_box
	{
		width:315px;
		margin:0 auto;
	}
	.footer,
	.top-title,
	.home,
	.ev-micro,
	.page-side, 
	.m-panel, 
	.info-panel-wrap,
	.header .login-box,
	.chat-place #play_zoom,
	/*.chat-place .chat-nav,*/
	.bot-links,
	.bot-articles,
	.join-box .pic,
	.join-box h4,
	.join-box .join-box-data,
    .join-form .title_free_tokens
	{
		display:none;
	}
	.player-place #player
	{
		height:240px;
		overflow:hidden;
		position:relative;
	}
	.player-place #player canvas, .player-place #player video
	{
		position:absolute;
		top:-20px;
		left:0px;
        width: 330px !important;
	}
	.chat-place
	{
		width: 328px;
		height:auto;
		float: none;
		margin:0 auto;
		overflow:hidden;
	}
	#comments_form textarea
	{
		width:98%;
	}
	.join-box
	{
		width: 98%;
        overflow:hidden;
	}
    .join-box-free-tokens
    {
        background:url(../images/quickjoin_present_window_mobile_bg.png) no-repeat center;
        background-size: 100% 135px;
        font-weight: bold;
        font-size: 32px;
        text-align: center;
        width: 90%;
        height:135px;
        line-height: 40px;
    }
    .join-box-free-tokens strong {
        display: block;
        font-size: 20px;
        width:100px;
        height:30px;
        line-height:30px;
        padding: 5px 13px;
        margin: 2px auto -5px auto;
    }
    .join-box-free-tokens span {
        color: #FFF;
    }
    .join-box-free-tokens small {
        color: #FFF;
        font-size: 12px;
        position: absolute;
    }
    .join-box .button
	{
		margin:0 auto;
	}
    /* ======================================================================================== */
    .join-form-border {
        width:100%;
        background:#4b4b4b;
        border:1px solid black;
        border-radius:10px;
        padding:15px 0px;
    }
    .join-alert {
        width:90%;
    }
    .join-form.long {
        width:100%;
    }
    .join-form.long div {
        padding:5px;
    }
    .join-form .sms-phone-box.p1919, .join-form .sms-phone-box.p1901, .join-form .sms-phone-or {
        float:none;
        margin:0 auto;
    }
    .join-form .sms-phone-or
    {
        
    }
    .join-form.long .data-tbl td.medium input[type="text"] {
        width:200px;
        margin:0 10px 0 0;
    }
    .join-form.long .data-tbl td.medium input.button {
        margin:0 10px 0 0;
    }
    .join-form.long .present_free_tokens {
        width:340px;
        height:327px;
        background:url(../images/sms_present_mobile_window_bg.png) no-repeat center;
        background-size: 100% 327px;
        margin:0 auto;
    }
    .join-form.long .present_free_tokens .col1 {
        width:340px;
        right: 5px;
        top: 28px;
        text-align:center;
    }
    .join-form.long .present_free_tokens .col1 br {
        display: none;
    }
    .join-form.long .present_free_tokens .col2 {
        width:340px;
        right: 25px;
        top: 138px;
        text-align:center;
    }
    .join-form.long .present_free_tokens .col2 small {
        padding-left: 85px;
    }
    .join-form.long .present_free_tokens .col3 {
        width:auto;
        right: 116px;
        top: 205px;
    }
    /* ======================================================================================== */
    .top-bonus-buttons {
        position:relative;
        width:100%;
        clear:both;
        height:42px;
        margin:10px 0 20px 0;
        background:#4b4b4b;
        border-top:1px solid #000;
        border-bottom:1px solid #45aa22;
        border-radius:10px;
    }
    .top-bonus-buttons.two {
        height:100px;
    }
    .top-bonus-buttons.three {
        height:146px;
    }
    .top-bonus-buttons span.double {
        bottom:-14px;
    }
    .top-bonus-buttons a.present-btn {
        width:326px;
        height:50px;
        float:none;
        line-height:50px;
        background:url(../images/present_mobile_btn.png) no-repeat center;
        margin:0 auto;
        font-size:13px;
    }
    .top-bonus-buttons.three a.present-btn {
        width:326px;
        height:50px;
        float:none;
        line-height:50px;
        background:url(../images/present_mobile_btn.png) no-repeat center;
        margin:0 auto;
        font-size:13px;
    }
    .top-bonus-buttons a.present-btn:first-child {
        margin:0 auto;
    }
    .top-bonus-buttons a.present-btn:last-child {
        margin:0 auto;
        float:none;
    }
    .top-bonus-buttons a.present-btn span.req {
        margin-top: 20px;
        margin-right: -5px;
        background-size: 13px 14px;
    }
    .top-bonus-buttons.three a.present-btn span {
        display:inline;
    }
	/* =============================================================================================== */

	.form-box .col
	{
		/*float:none;*/
	}
	.form-box .row-long input,
	.form-box .row-long textarea
	{
		width: 220px;
	}
	.form-box .row .error
	{
		display:inline;
		margin-right:2px;
	}
    .form-box .row input {
        width: 140px;
    }
    .form-box .row-check.border
    {
        border-bottom:1px solid #616161;
        margin-bottom: 0px;
    }

    .form-box .col.present
	{
		display:block;
        border-top:1px solid #252525;
        padding: 5px 0 5px 0;
	}
    .form-box .col.present span
    {
        color: #B9B9B9;
        font-weight: bold;
        font-size: 13px;
        float: right;
        padding: 0px 5px;
    }
    .form-box .col.present ol
    {
        padding: 0px 10px;
        margin: 5px;
        clear: both;
    }
    .form-box .col.present ol li
    {
        color: #B9B9B9;
        font-size: 11px;
        padding: 0px 2px;
    }
	/* =============================================================================================== */
	#muteBtn { display:block; }
	#fullScreenBtn { display:none !important; }
	#cam_box
	{
		width:80px;
		height:81px;
		background:#eaeaea;
		border:1px solid #6b6c75;
		position:absolute;
		bottom:0px;
		right:0px;
		display:none;
		z-index:10;
		overflow:hidden;
	}
	
	.chat-msg-box
	{
		height: 150px;
	}
	.video-chat
	{
		float:none;
		height:285px;
		margin-bottom:5px;
	}
	#chatbox
	{
		height:auto;
	}
	.video-box
	{
		float:none;
		overflow: hidden;
	}
	.video-box .player-place
	{
		height:280px;
		text-align:center;
	}
	.video-box .player-place #s_load
	{
		position:absolute;
		top:80px;
		left:110px;
	}

	/* =============================================================================================== */

	.order-tabs
	{
		padding-right: 0;
		height:40px;
	}
	.order-tabs li
	{
		width:77px;
		margin-left:1px;
	}
	.order-tabs li .new
	{
		width:32px;
		height:32px;
		background-size:100%;
	}
	.order-tabs li a span.b
	{
		display:none;
	}
	.order-tabs li a span.s
	{
		display:block;
		width:auto;
		text-align:center;
		padding-top:5px;
	}
	.order-tabs li a
	{
		height:40px;
		font-size:12px;
		font-weight:normal;
	}
	.order-tabs li i
	{
		display:none;
	}
	.order-panel
	{
		padding:5px;
		border-radius: 8px 0px 8px 8px;
	}
	.c-box
	{
		padding:5px;
	}
	.card-box-top
	{
		display:none;
	}
	.card-box-txt
	{
		width:auto;
		padding-top:10px;
	}
	.card-box-txt2
	{
		width:auto;
		padding-top:10px;
	}
	.step2 .card-box-desc
	{
		width:100%;
		padding-top:10px;
	}
	.step2 .card-box-desc table
	{
		width:100% !important;
	}
	.pack-item
	{
		float:none;
		margin:0 auto 3px auto;
	}
	.card-form
	{
		float:none;
		margin:0 auto;
	}
	.card-form .col span
	{
		text-align:center;
	}
	.data-tbl td.long textarea, .data-tbl td.long input[type=text]
	{
		width: 220px;
        float:right;
        height: 24px;
        height: 24px;
        margin: 0px 0px 0px 5px;
	}
    .data-tbl td.long textarea, .data-tbl td.long input[type=submit]
	{
		width: 124px;
        float:left;
	}
    .card-form.chbyphone .col input#PayCallPhone
    {
	    width:200px;
    }
	.credit-tick
	{
		width:90%;
		margin:0 auto;
	}
	.credit-tick b
	{
		font-size:28px;
	}
	.credit-tick .card-form-in
	{
		padding:15px 0 0 0;
	}
	.card-box-frm .leftimg
	{
		margin: 0px;
	}
	.card-box-frm .leftimg img
	{
		width:100%;
	}
	/* =============================================================================================== */

	.extra-shows
	{
		width:310px;
		padding:0;
	}
	.extra-tbl
	{
		width:auto;
		margin-left: 7px;
	}
	.extra-tbl .btn
	{
		width:80px;
		font-size:12px;
	}
	.extra-tbl .cr-cost
	{
		width:80px;
	}
	.extra-tbl th, .extra-tbl td
	{
		border-top: 1px solid #ababab;
		font-size:12px;
		font-weight:normal;
		padding: 3px 0;
	}
	.extra-tbl th
	{
		width: 110px;
	}
	.extra-tbl th span
	{
		display:none;
	}
    /* =============================================================================================== */
    .new-msg
    {
	    width:320px;
    }
    .new-msg-cont textarea
    {
	    width:280px;
    }
}
