body { background:url(../images/bg-body.jpg) no-repeat center 0;margin:0; padding:0;
border: 0px; overflow-x:hidden;
}
p {margin: 0 0 10px}
#client{background:url(../images/client_bg.png) no-repeat center 65px;  color: #ffffff;
    font-family: Calibri,Georgia,serif;
    font-size: 14px;
    height: 718px;
    line-height: 1.5;
    margin:0 auto;
    position: relative;
    width: 795px;}
a {color:#aaf0f3; text-decoration:none; outline:none !important}
#client ul {list-style:none; margin:0; padding:0}
#client a:hover {text-decoration:underline}

#client input[type="text"], #client input[type="password"], select { background:#e3f8fb; border:1px solid #05416a;height:22px; line-height:22px}
select {height:25px; line-height:25px; padding:1px}
#footer {
    background: url(../images/client_logo_footer.png) no-repeat 126px -7px;
    padding: 5px 0 10px 235px;
}
address {
	 background:url(../images/logo-soha.png) no-repeat 0 12px; padding-left:121px;
    color: #B6B6B6;
    font-size: 12px;
    font-style: normal;
    line-height: 15px;
}
#content {padding:10px 0 0 65px; height:546px}
.pic-ava {
    position: absolute;
    right: -405px;
    top: 0;
}
.pic-ava img { width:auto; height:auto;}
ul.list-client li a:hover {text-decoration:underline !important}
.notice-error{border: medium none;
    padding-left: 93px; height:20px;
    position: relative;}

.hidetabcontent{display:none;}

.box-client-login{padding: 30px 0 0; display:inline-block; width:100%}
.box-client-server{display:inline-block; width:100%}
.chooser-server, .box-tick {float:left; width:580px}
.top-server {
    background: url(../images/ic_user_login.png) no-repeat 17px 3px;
    display: inline-block;
    margin-bottom: 5px;
    padding:3px 0 0 45px; color:#fff1d6;
    width: 475px;
}
.top-server a {color:#fee106}
.btn-exit {padding-left:20px; color:#fff; text-decoration:underline}

.select-server select {
    background: none repeat scroll 0 0 #E3F8FB;
    border: 1px solid #064572 !important;
    color: #074366;
    font-size: 12px; position:relative; z-index:1;
    height: 20px;
    line-height: 23px;
    width: 155px !important;
}



.client-cont {
    position: relative;
}
.client-login, .client-registation {display: inline-block;
    height: 354px;
    padding: 0 20px 10px;
    width: 701px;}
#client_logo { margin:0 0 14px 50px}
img {border:none}
#client_logo img { width:164px; height:auto;}
.client-form-right input[type="text"], .client-form-right input[type="password"] {width:183px}
.client-registation .client-form-right input[type="text"], .client-registation .client-form-right input[type="password"] {width:177px; float:left; margin-right:3px}
.client-left {float:left; width:288px}
.clear {clear:both}
.client-right {float:left; width:100px}
.bottom10 {margin-bottom:10px}
.top-server .bottom10 {margin-bottom:20px}
.title-client {font-size:16px; font-weight:bold; color:#3ecf2f; text-transform:uppercase;padding-left: 60px; margin:0}
.title-client h2.tick {background:url(../images/sucessful.png) no-repeat 0 0; padding:18px 0 10px 69px; margin:0 0 10px}
.title-client h2.no-tick {background:url(../images/notice.png) no-repeat 0 0; padding:18px 0 10px 69px; margin:0; color:#ff9c0e}
.title-client h2.ic-key{background:url(../images/ic-key.png) no-repeat 20px 5px; padding:18px 0 10px 69px; margin:0; color:#ff9c0e}
.client-registation .title-client {
    padding-left: 132px;
}
.bottom {margin-bottom:0 !important; padding:0 !important}
.forget-pass a { background:url(../images/ic_client.png) no-repeat -2px -57px; padding-left:20px; font-weight:bold}
ul.client-form li { margin-bottom:10px; display:inline-block; width:100%}
*:first-child+html ul.client-form li { margin-bottom:2px;}
ul.client-form li label{ float:left; width:20%; margin-right:3%; color:#fff; text-align:right}
ul.client-form li .client-form-right label{ float:none; width:auto; margin:0;}
ul.client-form li .client-form-right{ float:left; width:77%;}
.client-registation ul.client-form li label{ width:16%; text-align:right}
.client-registation ul.client-form li .client-form-right{ width:78%}
.clred {color:#FEE804}
.error {color: #C4B273;
    font-size: 11px;
    line-height: 11px;
    width: 120px;}
.client-date {float: left;
    font-size: 12px;
    margin-right: 4px;
    width: 57px;}
.client-registation .clred, .client-registation .error {float:left;margin-right:3px}
.button-client {padding-left:96px}
.client-registation .button-client {
    padding-left: 133px;
}
#agree_check {top:2px; position:relative}
input.client-login {background:url(../images/btn_client.png) no-repeat -3px -2px; cursor:pointer; border:none; width:62px; height:60px; outline:none}
input.client-login:hover { background-position:-87px -2px}
a.client-regedit {background:url(../images/btn_client.png) no-repeat 0 -78px; display:block; text-indent:-9999px; width:262px; height:50px}
a.client-regedit:hover { background-position:0 -253px}
input.client-registration,a.client-registration, input.client-update, input.client-cancel, a.client-cancel {background:url(../images/btn_client.png) no-repeat -277px -78px;  border: medium none;
    color: #FFE174 !important;
    cursor: pointer;
    display: block;
    font-size: 19px;
    height: 40px;
    line-height: 40px;
    outline: medium none;
    text-align: center;
    text-shadow: 1px 1px 1px #222222;
    text-transform: uppercase;
    width: 175px;}
input.client-login,a.client-login{background:url(../images/btn_client.png) no-repeat 0 0; display:block; text-indent:-9999px; width:135px; height:30px; cursor:pointer; border:none; outline:none}
input.client-login:hover,a.client-login:hover{background:url(../images/btn_client.png) no-repeat 0 -49px;}
input.client-update {background:url(../images/btn_client.png) no-repeat -110px -313px; display:inline-block; width:105px}
input.client-cancel, a.client-cancel {background:url(../images/btn_client.png) no-repeat 0 -313px; display:inline-block; width:105px}
input.client-registration:hover, a.client-registration:hover {background-position:-277px -253px; text-decoration:none !important}
.button-client div {font-size:15px; color:3ed9e44; margin-bottom:10px}
/* Specific to example two */
#tabs-client {
    float: left;
    margin-right: 10px;
    width: 370px;
}
.slider-wrapper { background:#052130; float:left; width:200px; position:relative; z-index:2}
#tabs-client .list-wrap {
    background:#052130;
    border-bottom: 1px solid #0a3667;
    border-left: 1px solid #0a3667;
    border-top: 1px solid #000000;
    position: relative;
}
.server-top { background:#052130; margin-bottom:10px;}
.server-top-cont {
    display: inline-block;
    padding:13px 10px 20px;
    width: 380px;
}

.title-server {
    background: none repeat scroll 0 0 #032131;
    border-bottom: 1px solid #074F71;
    color: #07B8FF;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 21px;
    text-transform: uppercase;
}
.list-client{height: 111px;
    overflow: hidden;}
    
.tabs-client-content {
    padding: 5px 10px;
    position: relative; }

.tabs-client-content1 { 
    padding: 5px 10px;
    position: relative;}
    
.tab-menu {background:url(../images/btn_client.png) no-repeat 0 -142px; height:30px; padding-left:15px}
.tab-menu ul.tabs-client{background:url(../images/btn_client.png) no-repeat right -179px; height:30px; display:inline-block; width:100% }


.tabs-client li { float: left; margin:3px 0 0 0; position:relative }
.tabs-client li.last { margin-right: 0; }
.tabs-client li a {
    color: #FFD853;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px; width:92px; text-align:center;
    text-shadow: 1px 1px 2px #333333;
}

.tabs-client li a span {
    display: inline-block;
	padding: 0 20px 5px 0;
}

.tabs-client li a:hover { color: #fcff00; text-decoration:none !important }
.tabs-client li.active a, .tabs-client li.ui-tabs-active a{background:url(../images/btn_client.png) no-repeat 0 -215px; }
.tabs-client li.active a span, .tabs-client li.ui-tabs-active a span { background:url(../images/btn_client.png) no-repeat right -215px}
.view-more a  { background:url(../images/ic_client.png) no-repeat right -110px !important;color: #0A0703 !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 3px 26px 5px 5px;
    position: absolute;
    right: -13px;
    text-shadow: 1px 0 2px #E83100 !important;
    top: -29px;}
.view-more a:hover {color:#FFD853;}
ul.list-client li {
    background: url(../images/dot.png) repeat-x 0 bottom;
    display: inline-block;padding:1px 0 2px;
    max-height: 33px;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
ul.list-client li span{ display:none
 }
.ui-tabs-panel {padding:0 5px}
ul.list-client li a {
    background: url(../images/ic_client.png) no-repeat 0 1px !important;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    padding: 0 0 0 15px !important;
    text-align: left; 
    width: auto;
}
/* End TAB */
/* The Nivo Slider styles */
.theme-default .nivoSlider img {
	position:absolute;
	top:10px;
	right:10px;
	display:none;
}
.theme-default .nivoSlider a {
	display:none;
}
#page-detail .theme-default .nivo-controlNav { bottom: -13px; left:20px}
.theme-default .nivo-controlNav {
    height: 122px;
    position: absolute;
    right: -22px;
    top: 0;
    width: 22px;
    z-index: 9;
}
.theme-default .nivo-controlNav a {background: none repeat scroll 0 0 #0a2d64;
    color: #fff;
    display: block;
    margin: 0 0 5px;
    text-align: center;
}
.theme-default .nivo-controlNav a.active, .theme-default .nivo-controlNav a:hover { background:#0963ef}


.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}


.nivoSlider {
	position:relative; z-index:1;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:10px;
	right:10px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	color:#fff;
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.theme-default #slider { 
    float: left;
    height: 150px !important;
    width: 200px
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}
#page-detail .theme-default #slider {margin-top:10px}
/*end*/
/* choose server*/
.code1 {width:115px !important;}
.img-code img, .img-code {height:25px; width:59px !important}
.code1, .img-code, .refress {float:left; margin-right:3px; font-size:13px;}
input.refress {background:url(../images/arrow.png) no-repeat 0 0; width:16px; height:18px; cursor:pointer; margin-top:5px; text-decoration:none !important; border:none}
.under {text-decoration:underline}
.itemt_flash a, .itemt_flash label {display: block; cursor:pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 38px;
    margin:4px 10px 0;text-shadow: 1px 1px 2px #333;
    width: 163px;
}


.server-top .slides_container { padding:5px 10px 10px; display:inline-block; width:380px}
.itemt_flash a span, .server-top a span, .itemt_flash label span, .server-top label span {padding-left:10px; color:#fff; }

.itemt_flash a:hover, .server-top-cont a:hover, .itemt_flash label:hover, .server-top-cont label:hover { text-decoration:none !important}
.level1-old b, .level1-new b { color:#20e116;}
.level2-old b, .level2-new b { color:#ffa800}
.level5-old b, .level5-new b { color:#948580; text-decoration:line-through}
.level4-old b, .level4-new b { color:#00ff1e}
.level3-old { background:url(../images/button_client.png) no-repeat 0 -178px; color:#ff2400}
.level1-old { background:url(../images/button_client.png) no-repeat 0 -44px}
.level2-old { background:url(../images/button_client.png) no-repeat 0 -90px}
.level5-old { background:url(../images/button_client.png) no-repeat 0 -134px; cursor:default}
.level4-old{ background:url(../images/button_client.png) no-repeat 0 -288px; cursor:default}
.level1-new, .level2-new,  .level3-new,  .level4-new,  .level5-new { background:url(../images/button_client.png) no-repeat 0 -334px; width:260px !important; height:56px !important; line-height:55px !important}
.server-top label span, .server-top label b, .server-top a span, .server-top a b { font-size:18px}
.level1-old:hover { background:url(../images/button_client.png) no-repeat -188px -44px}
.level2-old:hover { background:url(../images/button_client.png) no-repeat -188px -90px}
.level3-old:hover { background:url(../images/button_client.png) no-repeat -188px -178px}
.level5-old:hover { background:url(../images/button_client.png) no-repeat -188px -134px}
.level4-old:hover{ background:url(../images/button_client.png) no-repeat -188px -288px}
.hiddren {display:none}
.control-server {background:url(../images/bg_title_server.png) repeat-x 0 0;display: inline-block;
    height: 25px;
    overflow: hidden;
    padding: 0 20px;
    width: 540px;}
#slider_flash, #slider_flash2 {display:inline-block; width:580px; position:relative;background:#052130; z-index:1; margin-bottom:10px;}
.control-server ul{ width:2000px}
#slider_flash .pagination li, #slider_flash2 .pagination li {
    float: left;
}
#slider_flash .pagination li a, #slider_flash2 .pagination li a{ color:#62cff8; display:block; padding:0 10px}
#slider_flash .pagination li a:hover, #slider_flash2 .pagination li a:hover, #slider_flash .pagination li.current a, #slider_flash2 .pagination li.current a{background:url(../images/bg_title_server_hover.png) repeat-x 0 0; color:#fff; text-decoration:none}
.itemt_flash {width:560px !important}
.server-top table .itemt_flash{width:auto !important}
#slider_flash .slides_container {
	float: left;
    height: 136px;
    padding: 0 6px;
    width: 560px; z-index:1;
}
#slider_flash2 .slides_container {
	float: left;
    height:105px;
    padding: 0 10px;
    width: 380px;
}

#slider_flash .next,#slider_flash .prev, #slider_flash2 .next,#slider_flash2 .prev {
	position:absolute;
	top:0; text-indent:-9999px;
	
	width:20px;
	height:25;
	display:block;
	z-index:101;
}

#slider_flash .prev,#slider_flash2 .prev {
	left:0;
	background:url(../images/button_client.png) no-repeat -1px -222px;
}

#slider_flash .next, #slider_flash2 .next { right:0;
	background:url(../images/button_client.png) no-repeat -34px -222px;
}
#slider_flash a.prev:hover, #slider_flash2 a.prev:hover {
	background:url(../images/button_client.png) no-repeat -66px -222px;
}

#slider_flash a.next:hover, #slider_flash2 a.next:hover {
	background:url(../images/button_client.png) no-repeat -99px -222px;
}


/*end */

.tab-cont {display: none;
    left: -5px;
    position: absolute;
    top: 30px;
    width: 380px;}
	
#tabs-2.tab-cont {
    left: -96px;

}
ul.tabs-client li.active .tab-cont {display:block}

.client-registation .sk-jutil-msg-error { left:127px !important}
#tabs { background:url(../images/bg_tab.png) no-repeat 0 bottom; height:153px}
a.button-style { text-decoration:underline; margin-left:10px}
.client-registation .box-update .client-form-right input[type="text"], .client-registation .box-update .client-form-right input[type="password"] { width:207px}
.box-update .client-date {
    width: 66px;
}
.box-update .code1 {
    width: 145px !important;
}
.box-update select {width:210px; float:left; margin-right:5px}
ul.list-tick li { background:url(../images/tick.png) no-repeat 5px 10px;padding:8px 0 0 22px;color: #f0cead; font-size:12px; line-height:14px}
.box-tick .box-server {padding-bottom:10px}
#nav-client {
    padding-left: 154px; color:#063848;
    position: relative;
    z-index: 2;
}
#nav-client a {
    color: #063848;
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#nav-client a:hover {
    color: #FEE106;text-shadow: 1px 1px 1px #000;
}
.col-420 {float:left; width:420px}
.select-client {width:311px}
.fl {float:left}
.select-server {float:right}
.box-detail { background:#052130; margin-bottom:10px; width:560px; padding:10px; height:255px}
.pic-napvang { padding:10px 0 10px 98px}
.notice-cont {padding:10px 0 10px 132px}
.xu {
    background: #093953;
    color: #111111;
    float: left;
    font-weight: bold;
    height: 25px;
    margin: 0 10px 10px 0; position:relative;
    width: 150px;
}
.xu i {
    background: url(../images/coins.png) no-repeat right 8px;
    color: #F1E300; position:absolute; right:0; top:0;
    font-style: normal;
    font-weight: bold;
    padding: 3px 24px 5px 0;
}
.xu label, .xu input {
    float: left !important;
    text-align: left !important;
}
.xu label {width:128px !important}
.notifier {
    background: none repeat scroll 0 0 #FBEFC9;box-shadow: 0 0 0 10px rgba(15, 15, 15, 0.4); border:1px solid #000;
    border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; color:#333;
    left: 15%;
    padding: 15px;
    position: absolute; z-index:999;
    top: 5%;
    width: 900px;
}
.notifier a {color:#0066cc}
.notifierContent{
   min-height:500px; max-height:550px; overflow:auto;
}
.notifier h2 { background:url(../images/bg-title-popup.png) no-repeat center bottom; padding-bottom:10px; text-align:center;margin: 0 0 10px; text-transform:uppercase; color:#704848;font-family: "Lucida Bright",Georgia,serif; font-size:18px;}
a.close {background:url(../images/close-button.png) no-repeat 0 0; width:30px; height:30px; position:absolute; right:-20px; top:-20px;}
#popup{background:url(../images/tranfer.png) repeat 0 0; width:100%; height:100%; position:fixed; left:0; top:0}
.decrip-notice {padding:0 0 10px 23%}
.notifier ul.client-form li label { color:#333}
.notifier .title-client h2.no-tick { color:#c00}
.notifier ul.client-form li label {width:30%}
.notifier ul.client-form li .client-form-right {width:67%}
.plugin {background:url(../images/bg-plugin.jpg) no-repeat center 0;height:720px;}
.box-plugin {margin:0 auto; width:700px;  }
.box-plugin-cont {position:relative; text-align:right}
.logo-plugin {padding:0 0 0 218px}
a.download-plugin, #flashContent {
    display: block;
    position: absolute; z-index:9;
    right: -50px;
    text-decoration: none;
    top: -150px;
}
a.download-plugin:hover {opacity:0.9; top:-149px}
.box-plugin-cont img {width:auto; height:auto}
#flashContent { z-index:99}