html,body {width:100%; height:100%; margin:0;padding:0; font:normal 10pt Tahoma; color:#eee;}
* {margin:0;padding:0;border:0;}
input, textarea, select {border:1px solid #bbb; margin-bottom:5px;}
input.readOnly {background-color:#ddd;}
.inputFocus {border:1px solid #777;}
a {color:#eee;}
a:hover {text-decoration:none;}
li {list-style-type:none; background:url(../images/hos.png) no-repeat -85px 5px; padding-left:15px; margin-left:21px; width:200px;}
.clear {clear:both}
.none {position:absolute; left:-1000px; top:-1000px;}
.right {float:right;}
.left {float:left;}
.center {text-align:center;}

#cutSettings a {margin:3px; padding:0;}

#global {background:url(../images/background.gif); width:100%; position:relative; min-height:100%; min-width:1024px;}
#header {width:280px; height:30px; margin:0 auto;}
.lamp1 {background:url(../images/hos.png) no-repeat; height:28px; width:50px; float:left;}
.lamp2 {background:url(../images/hos.png) no-repeat; margin-left:65px;  height:28px; width:50px; float:left;}
#logo {background:url(../images/hos.png) no-repeat -50px -10px; width:265px; height:110px; margin:30px auto;}
#logo a {display:block; height:120px;}
#mainContent {padding-bottom:90px; clear:both; margin-top:50px;}



#footer {background-color:#6b6b6b; z-index:2; opacity:0.1;filter: alpha(opacity=20); height:50px; width:100%; bottom:0px;left:0; position:absolute; clear:both; padding-top:33px; border:0;}

#ftext {position:absolute; bottom:20px; left:0; width:100%; height:30px; color:#fff; font:bold 10pt Tahoma; text-align:center;  z-index:10;}





.form {margin:0 auto; display:block; width:545px; }
.button {position:relative; width:150px; height:46px; float:left; display:block; text-decoration:none; font:bold 11pt Tahoma; color:#eee;  z-index:100}
.button a {position:absolute; width:150px; height:45px; top:0;left:-10px;background:#fff; opacity:0; filter: alpha(opacity=0)}
.button .bbg {margin:0;padding:0; background:url(../images/hos.png) no-repeat right -126px; width:150px; height:44px; position:absolute;}
.button b {background:url(../images/hos.png) no-repeat -317px -37px; height:30px; width:16px; display:block; padding:13px 0 0 21px; position:relative;color:#555;}
.button b .shadow {position:absolute; top:12px; left:20px;color:#eee; }
.button i {width:28px; height:28px; display:block; float:right; margin:8px 15px; background:url(../images/hos.png) no-repeat -317px -82px;}

.form .button a i {background:url(../images/hos.png) no-repeat -317px -82px;}
.btback i {background:url(../images/hos.png) no-repeat -24px -374px !important;}
.btsearch i {background:url(../images/hos.png) no-repeat 2px -374px !important;}

.cutinput {background:url(../images/hos.png) no-repeat 0 -270px;height:63px; width:382px; float:left;} 
#url {background:transparent;/*background:url(../images/hos.png) no-repeat 0 -270px; *//*background:url(../images/inputie.png) no-repeat; background-attachment: fixed;*/ height:43px; width:342px; padding:auto 40px; padding-left:20px; padding-right:30px;border:0px; color:#eee; font:bold 12pt Tahoma;}
*+html #url {height:36px; padding:12px 20px 0 0;/* background:url(../images/inputie.png) no-repeat 0 0; */ width:312px; margin-left:20px;}
#cut { margin:0 10px;}
#needUrl {padding:0 10px;margin-top:0px; display:none;}
#needUrl input{width:140px;background:transparent; border:1px solid #3c3c3c; color:#eee; padding:4px 5px 6px 5px; margin-top:1px; margin-left:5px;}
.YTU {width:530px; margin:10px auto;}
.TUS {border:1px solid #303030; width:340px; height:43px; padding:5px 10px; text-align:center; font:normal 8pt Tahoma; position:relative;}
.TUS a {color:#eee}
.TUB {position:absolute; left:35px; top:6px; width:50px; height:40px;}

.TUE {background:url(../images/hos.png) no-repeat 0 -79px;}
.TUO {background:url(../images/hos.png) no-repeat -408px -79px;}

.mgpl {background:url(../images/load.gif) no-repeat;}
.loading {width:199px; height:48px; background:url(../images/load.gif) no-repeat; margin:17px auto; padding:auto;}

.content h1 {font-size:16px; text-align:center;}
.content p {margin:10px;}
.content strong {font-size:14px;}
.control, .content {width:908px; margin:0 auto 50px auto;}
.all {width:900px;}
.ext {width:1050px; }
.control .ext {margin-left:-70px;}

.tUT {width:200px;}
.control table{border-spacing:0px; font:normal 8pt Tahoma; color:#fff; width:100%; border-collapse:collapse;  border-bottom:1px solid #737373;}
.control table a {color:#fff;}
.control table * {margin:0;padding:0; line-height:16px }
.control .tHMain {background:url(../images/hos.png) repeat-x right -203px; position:relative;}
.control .tHM {background:url(../images/hos.png) no-repeat left -171px; width:454px; height:32px; position:absolute; left:-12px;}
.control .tHR {background:url(../images/hos.png) no-repeat right -313px; height:32px; width:20px; position:absolute; right:-10px;}
.control .tHL {background:url(../images/hos.png) no-repeat -407px -313px; position:absolute; left:-10px; height:32px; width:20px;}

.control table thead  {padding:15px 0;}
.control table thead tr {border:0;}
.control table tr td {padding:5px 20px 10px; text-align:center; border:0;}
.topTr {border-bottom:0 !important;}
.control table thead tr td {padding:0 20px; border:0 solid red; background:url(../images/hos.png) no-repeat 0px -235px; }
.control table thead tr td:first-child {width:0; background:none;}
.control table tbody tr {background:url(../images/background.gif); border:0;}
.control table tbody tr td.selectRow, .bgpl {background:url(../images/background2.gif); border:0 !important;}


.statTd {padding-bottom:0px !important;}
.statTd2 {padding-top:0px !important;}

.oi {padding-right:10px; height:20px;}
.deleteUrl {width:19px; height:18px; background:url(../images/hos.png) no-repeat 0 -29px; display:block; float:left; }
.editeUrl {width:20px; height:18px; background:url(../images/hos.png) no-repeat -20px -29px; display:block; float:right;}

.innerTable{width:945px; margin:0 auto;}
.innerTable .right {margin-top:10px; margin-bottom:10px;}
.innerTable h3, .editUrl h3 {text-align:center; margin-bottom:10px;}
.searchWrap {width:650px; height:50px; float:right; color:#eee;}
.ext .searchWrap {width:700px;}
.searchForm {float:left; height:31px; padding-top:9px; margin-right:20px;}
.search {float:left;}
#search {width:290px;background-color:#2b2b2b; border:1px solid #3c3c3c; color:#eee; padding:4px 5px 6px 5px; margin-top:1px}
.search label {margin-right:10px;}
.search a {float:right;margin:0;}
.search select {width:150px;  background-color:#2b2b2b; border:1px solid #3c3c3c; color:#eee; padding:3px 5px; }
.search option {background:#2b2b2b; border:1px solid #3c3c3c; color:#eee;}

.control table tbody tr .tdTitFav {vertical-align:top; text-align:left; width:240px; padding-bottom:0px;}
.titfav {position:relative; padding-left:10px;}
.titfav img {display:block; float:left; margin-right:10px;}
.favicon img{margin-right:10px;}

.trans {width:70px;}

.editUrl {width:800px; padding:10px;}
.editUrl form {width:350px;}
.editUrl label {font:normal 11pt Tahoma}
.editUrl input {background:transparent; border:1px solid #3c3c3c; color:#eee; padding:3px 5px; float:right; width:200px;}
.editUrl a {float:right; margin-left:10px;}
.editUrl .right .button{margin-left:10px; margin-top:10px;}

.list {margin-top:5px; }
.list span {background:url(../images/background2.gif); padding:2px 5px; font:normal 8pt Tahoma;color:#666;}
.list a {color:#eee; text-decoration:none;}
.np {color:#666 !important;}
.list a:hover {text-decoration:underline;}


/*modal windows*/
.user a {display:block; background:#fff; margin:0;padding:0; background:url(../images/hos.png) no-repeat -317px 0;width:137px; height:19px; margin:7px; color:#262626; font:bold 11pt Tahoma; text-decoration:none; padding:8px 12px;}
.user a:hover {color:#006CAC}
.user h5 {color:#fff; font:normal 10pt Tahoma; text-align:center; margin-bottom:15px;}

.smbox {background:#ebebeb; position:relative; }
.user {position:absolute; right:40px; top:30px; width:150px;}
.enter, .reg, .forgot, .support, .profile, .api {padding:3px; display:none;}

.smbox form h2  {margin:10px 0 17px 10px; font:bold 17pt Tahoma;}
.smbox form h3 {margin:10px; font:bold 12pt Tahoma;}
.smbox form h4 {margin:10px; font:bold 10pt Tahoma;}
.smbox form hr {height:4px;background:#262626;}

.smbox input {height:25px; margin-left:10px; width:205px;}
#remember {width:10px;height:10px; margin-top:5px;}
*:first-child+html #remember{margin-top:8px; height:10px}
.smbox textarea {height:100px; margin-left:10px; width:545px;}
.smbox label {margin-left:10px;}
*:first-child+html .smbox input {display:block; float:left; padding:3px 5px; height:19px; width:195px;}
*:first-child+html .smbox label {height:20px; margin-bottom:5px; padding-top:5px; display:block; float:left;}

.captcha {margin-top:12px;}

.smbox form a {padding:17px 0 0 28px;color:#303030; display:block; text-decoration:none; background:url(../images/hos.png) no-repeat -200px -345px; width:100px; height:32px;}
.reg form a, .enter form a{padding-left:40px; width:88px;}
.api form a {padding-left:53px; width:70px;}
.smbox form a:hover {background:url(../images/hos.png) no-repeat -320px -345px;}
.smbox textarea {padding:4px 5px 6px 5px;}
.passchange, .mailchange {width:290px;}

.minp input {float:right; margin-right:10px;}
.minp label {float:left; margin:10px 0 0 10px;}
*:first-child+html .minp input {float:right;}
*:first-child+html .minp label {float:left;}


.error {color:#ff0000; height:20px; position:absolute; bottom:20px; left:20px;}
#edEmailErr {left:310px;bottom:37px;}
#edPassErr {bottom:37px;}
#entErr {bottom:10px;}

.profWrap {height:200px;}
.profile input {float:right;}
.profile label {margin-top:10px;}
*:first-child+html label{margin-top:0;}

.api p {margin:5px 10px;}
.api p.p {margin-top:0; text-indent:20px;}
.pl {text-decoration:underline; color:#356AA0}

#simplemodal-overlay {cursor:pointer;}
#simplemodal-container {background:url(../images/background2.gif); opacity:0.95;filter: alpha(opacity=95); padding:10px;  color:#262626; font:bold 10pt Tahoma; width:620px;}
*:first-child+html .reg {height:320px; }
*:first-child+html .enter {height:200px;}
*:first-child+html .forgot {height:200px;}
*:first-child+html .support {height:410px;}
*:first-child+html .profile {height:280px;}
*:first-child+html .api {height:320px;}

#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a.modalCloseImg {background:url(../images/hos.png) no-repeat -99px -345px; width:100px; height:32px; display:inline; z-index:3200; position:absolute; top:34px; right:20px; cursor:pointer;}
#simplemodal-container a.modalCloseImg:hover {background:url(../images/hos.png) no-repeat 0 -345px;}
#simplemodal-container #modalcont, #simplemodal-container #modalcontitem, #simplemodal-container #modalcontsmall {padding:8px;}


/*unsopport by PP*/
#browsercontentbody {background:#fff; }
#browsercontent {width:970px; padding:42px 50px 15px 50px; color:#222;}
#browsercontent h1 {margin-bottom:25px}
#browsercontent p {margin-bottom:35px}
#browsercontent #browserlogo {width:261px; height:112px; margin:0 0 35px 0; background:url(../images/a.png) 0 -550px no-repeat}
#browsercontent .browserfooter {font-size:0.85em; color:#555; margin:0 0 5px 0; text-align:left; line-height:1em}
#browsercontent .browserfooter a {color:#555}
#browsercontent ul {display:block; list-style-type:none; margin:0; padding:0 0 5px 0; overflow:hidden}
#browsercontent ul li {float:left; display:inline; width:343px; padding:0; margin:0 34px 35px 0; min-height:100px}
#browsercontent ul li div {margin:0 0 15px 0}
#browsercontent ul li a {font-size:1.25em; font-weight:bold; color:#356AA0}
#browsercontent ul li.rh {margin-right:0}
#browsercontent #explorer {padding:0 0 0 125px; background:url(../images/explorer.png) 0 0 no-repeat}
#browsercontent #firefox {padding:0 0 0 125px; background:url(../images/firefox.png) 0 0 no-repeat}
#browsercontent #opera {padding:0 0 0 125px; background:url(../images/opera.png) 0 0 no-repeat}
#browsercontent #chrome {padding:0 0 0 125px; background:url(../images/chrome.png) 0 0 no-repeat}
* html #browsercontent ul li {height:100px}
#performancestat a {text-decoration:none; color:#818491; font-size:.85em}
#performancequeries {display:none; position:absolute; color:#666; font-size:.85em; background:#fff; border:1px solid #c0c0c0; height:auto; padding:15px 15px 2px 15px; margin-top:2em; width:500px; max-height:500px; overflow:auto; text-align:left}
#performancestat {position:relative; color:#777; margin:0 0 3px 0; text-align:center; line-height:1em}
#performancestat a {color:#777}
#performancequeries p {font-size:1em; text-align:left; margin-bottom:0; line-height:1.25em; color:#666}
#performancestat, #innerbody #performancequeries, #performancestat, #performancequeries {position:absolute; top:5px; right:-240px; z-index:1000011; font-size:12px}
#innerbody #performancequeries, #performancequeries {right:-240px; top:0}

/* miniStat*/
.stat {position:absolute; left:20px; top:20px; width:300px;}
.stat a {}
.stat h3 {text-align:center; margin-bottom:10px;}
.dpMiniStat {margin-right:15px; margin-bottom:10px;}
#dpFrom, #dpTill {width:75px; margin-top:10px; background:transparent; height:16px; border:1px solid #3c3c3c; color:#eee; padding:3px 5px;}
#miniStatSubmit {background:url(../images/hos.png) no-repeat -353px -93px; height:22px; width:15px; display:block; float:left; margin:9px 0 9px 12px; padding:4px 9px;text-decoration:none;}


/*datepicker*/
#datepicker_div, .datepicker_inline {font-size: 12px;padding: 0;margin: 0;width: 185px;  }

#datepicker_div {background:url(../images/background2.gif); opacity:0.95;filter: alpha(opacity=95); padding:10px; display:none; color:#262626; font:bold 10pt Tahoma;z-index: 10; }

.datepicker_inline {float: left;display: block;border: 0;}
.datepicker_dialog {padding: 5px !important;border: 4px ridge #DDD !important;}
button.datepicker_trigger {width: 25px;}
img.datepicker_trigger {margin: 2px;vertical-align: middle;}
.datepicker_prompt {float: left;padding: 2px;background: #DDD;color: #eee;}
*html .datepicker_prompt {width: 185px;}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {clear: both;float: left;width: 100%;color: #FFF;}
.datepicker_control {background:#ebebeb;   padding:4px 0px;}
.datepicker_links {background:#ebebeb;padding: 4px 0px; margin:0 auto; border-top:2px solid #262626}
.datepicker_control, .datepicker_links {font-weight: bold;font-size: 80%;letter-spacing: 1px;}
.datepicker_links label {padding: 2px 5px;color: #eee;}
.datepicker_clear, .datepicker_prev {float: left;width: 34%;}
.datepicker_current {float: left;width: 30%;text-align: center;}
.datepicker_close, .datepicker_next {float: right;width: 34%;text-align: right;}
.datepicker_header {background:#8c8c8c; padding:3px 10px; font-weight: bold;height: 17px; width:246px;}
.datepicker_header select {background:#8c8c8c;color: #eee;border: 0px;font-weight: bold;}
.datepicker {background: #CCC; text-align: center;font-size: 100%;}
.datepicker a {display: block;width: 100%; text-align:center; background:black;}
.datepicker .datepicker_titleRow {background: #4D82AA;color: #eee;}

.datepicker .datepicker_daysRow {background: #FFF;color: #666; border-bottom:5px solid #d4d4d4;}
.datepicker_weekCol {background: #B1DB87;color: #eee;}
.datepicker .datepicker_daysCell {color: #eee;border: 1px solid #DDD;}

.datepicker .datepicker_weekEndCell {background: #356AA0;}
.datepicker .datepicker_daysCellOver {background: #FFF;border: 1px solid #777;}
.datepicker .datepicker_unselectable {color: #888;}
.datepicker_today {background: #14A5E0 !important;}
.datepicker_currentDay {background: #007AC1 !important;}
#datepicker_div a, .datepicker_inline a {cursor: pointer;margin: 0;padding:4px 10px;background: none; color:#262626; text-align:center;}
#datepicker .datepicker_daysCell a {display: block; padding:0 !impotrant; b}
.datepicker_inline .datepicker_links a {padding: 4px 5px !important;}
.datepicker_control a, .datepicker_links a {padding: 4px 5px !important;}
.datepicker_titleRow a {color: #fff !important;}
.datepicker_control a:hover {background: #356AA0 !important;color: #eee !important; }
.datepicker_links a:hover, .datepicker_titleRow a:hover {background: #356AA0 !important;color: #eee !important;}
.datepicker_multi .datepicker {border: 1px solid #83C948;}
.datepicker_oneMonth {float: left;width: 185px;}
.datepicker_newRow {clear: left;}
.datepicker_cover {display: none;display/**/: block;position: absolute;z-index: -1;filter: mask();top: -4px;left: -4px;width: 193px;height: 200px;}

.datepicker .datepicker_titleRow a {display:block !important; padding:4px 0 !important;}
.datepicker .datepicker_titleRow a:hover {background:#eee !important; color:#356AA0 !important; padding:3px 0 !important;}


#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}