@charset "utf-8";
html {height:100%;}
body {height:100%; min-width:1000px;}
*:first-child+html body {height:100%;}
* html html {overflow:auto;}
* html body {height:100%; }
.headerwrap {position:relative; z-index:99;}
.globalwrap {min-height:100%;
height:auto  !important;
height:100%;
position:relative;}
div.globalwrap1 {background:url(../../i/index/globalwrap1.png) 50% 272px no-repeat; }
div.globalwrap2 {background-position:50% 9px;
min-height:100%;
height:auto  !important;
height:100%;
position:relative;}
/*шапка*/ 
div.header {width:936px; margin:0 auto; position:relative; padding-top:104px;}
.logo {left:-12px; top:10px;}
/*облако тэгов*/
div.cloudtags {height:83px; position:relative; z-index:99; left:6px;z-index: 100;}
* html div.cloudtags {background:url(../../i/index/ie6/cloud.gif) 50% 50% no-repeat;}
/*div.cloudtags span {display:block;}*/
div.popup1, div.popup2, div.popup3, div.popup4 {position:absolute; border:1px solid red;}
div.cloudtags p {font-size:14px; background-color:#FFF; padding:5px;}
*:first-child+html div.cloudtags p {padding-bottom:0px;}
* html div.cloudtags p {padding-bottom:0px;}
div.cloudtags p a {color:#2168b1; text-decoration:underline;}
div.cloudtags p a:hover {text-decoration:none;} 
/*попап1*/
div.popup1 {bottom: 0; left:0; display: block;  }
* html div.popup2 {width:385px;}
div.popup1 span.popuptop {background:url(../../i/index/PopUp/top01.png) 100% 0 no-repeat; height:16px; margin-left:5px; margin-right:5px;}
* html div.popup1 span.popuptop {background:url(../../i/index/ie6/top01.gif) 100% 0 no-repeat;}
div.popup1 span.popupbuttom {background:url(../../i/index/PopUp/bottom01.png) 50% 100% repeat-x; height:5px; margin-left:5px; margin-right:5px;}
* html div.popup1 span.popupbuttom {background:url(../../i/index/ie6/bottom01.gif) 50% 0 repeat-x;}
div.popup1 span.popupleft {background:url(../../i/index/PopUp/left01.png) 0 50% repeat-y; padding-left:5px;}
* html div.popup1 span.popupleft {background:url(../../i/index/ie6/left01.gif) 0 50% repeat-y;}
div.popup1 span.popupright {background:url(../../i/index/PopUp/right01.png) 100% 50% repeat-y; padding-right:5px;}
* html div.popup1 span.popupright {background:url(../../i/index/ie6/right01.gif) 100% 50% repeat-y;}
/*попап2*/
div.popup2 {bottom:0; left:30%; display:none; }
* html div.popup2 {width:385px;}
div.popup2 span.popuptop {background:url(../../i/index/PopUp/top02.png) 0 0 no-repeat; height:16px; margin-left:5px; margin-right:5px;}
* html div.popup2 span.popuptop {background:url(../../i/index/ie6/top02.gif) 0 0 no-repeat;}
div.popup2 span.popupbuttom {background:url(../../i/index/PopUp/bottom01.png) 50% 100% repeat-x; height:5px; margin-left:5px; margin-right:5px;}
* html div.popup2 span.popupbuttom {background:url(../../i/index/ie6/bottom01.gif) 50% 0 repeat-x;}
div.popup2 span.popupleft {background:url(../../i/index/PopUp/left01.png) 0 50% repeat-y; padding-left:5px;}
* html div.popup2 span.popupleft {background:url(../../i/index/ie6/left01.gif) 0 50% repeat-y;}
div.popup2 span.popupright {background:url(../../i/index/PopUp/right01.png) 100% 50% repeat-y; padding-right:5px;}
* html div.popup2 span.popupright {background:url(../../i/index/ie6/right01.gif) 100% 50% repeat-y;}
/*попап3*/
div.popup3 {bottom:-140%; left:-15%; display:none; }
* html div.popup3 {width:385px; bottom:-190%;}
div.popup3 span.popuptop {background:url(../../i/index/PopUp/top03.png) 50% 0 repeat-x; height:5px; margin-left:5px; margin-right:5px;}
* html div.popup3 span.popuptop {background:url(../../i/index/ie6/top03.gif) 50% 100% repeat-x;}
div.popup3 span.popupbuttom {background:url(../../i/index/PopUp/bottom02.png) 100% 100% no-repeat; height:16px; margin-left:5px; margin-right:5px;}
* html div.popup3 span.popupbuttom {background:url(../../i/index/ie6/bottom02.gif) 100% 100% no-repeat;}
div.popup3 span.popupleft {background:url(../../i/index/PopUp/left01.png) 0 50% repeat-y; padding-left:5px;}
* html div.popup3 span.popupleft {background:url(../../i/index/ie6/left01.gif) 0 50% repeat-y;}
div.popup3 span.popupright {background:url(../../i/index/PopUp/right01.png) 100% 50% repeat-y; padding-right:5px;}
* html div.popup3 span.popupright {background:url(../../i/index/ie6/right01.gif) 100% 50% repeat-y;}
/*попап4*/
div.popup4 {bottom:-140%; left:30%; z-index:1000; display:none; }
* html div.popup4 {width:385px; bottom:-190%;}
div.popup4 span.popuptop {background:url(../../i/index/PopUp/top03.png) 50% 0 repeat-x; height:5px; margin-left:5px; margin-right:5px;}
* html div.popup4 span.popuptop {background:url(../../i/index/ie6/top03.gif) 50% 100% repeat-x;}
div.popup4 span.popupbuttom {background:url(../../i/index/PopUp/bottom03.png) 0 100% no-repeat; height:16px; margin-left:5px; margin-right:5px;}
* html div.popup4 span.popupbuttom {background:url(../../i/index/ie6/bottom03.gif) 0 100% no-repeat;}
div.popup4 span.popupleft {background:url(../../i/index/PopUp/left01.png) 0 50% repeat-y; padding-left:5px;}
* html div.popup4 span.popupleft {background:url(../../i/index/ie6/left01.gif) 0 50% repeat-y;}
div.popup4 span.popupright {background:url(../../i/index/PopUp/right01.png) 100% 50% repeat-y; padding-right:5px;}
* html div.popup4 span.popupright {background:url(../../i/index/ie6/right01.gif) 100% 50% repeat-y;}

*:first-child+html div.popup1 span.popuptop, *:first-child+html div.popup2 span.popuptop, *:first-child+html div.popup3 span.popuptop, *:first-child+html div.popup4 span.popuptop, *:first-child+html div.popup1 span.popupbuttom, *:first-child+html div.popup2 span.popupbuttom, *:first-child+html div.popup3 span.popupbuttom, *:first-child+html div.popup4 span.popupbuttom {width:585px;}
/*левая колонка*/
div.contentwrap {overflow:hidden; width:936px; margin:0 auto;}
div.leftcolumn {float:left; width:320px; padding-top:17px;}
div.leftcolumn h1 {
    font-family:Times New Roman;
    font-size:50px;
    font-weight:normal;
    margin-bottom:2px;
    margin-top:6px;
    width:105px;
}
/* div.leftcolumn {float:left; width:320px; padding-top:36px;} */
/* div.leftcolumn h1 {background:url(../../i/index/vhod.gif) 50% 50% no-repeat; width:105px; height:40px; text-indent:-9000px; margin-bottom:8px;} */
div.leftcolumn p {font-size:12px; color:#545454; margin-bottom:22px;}
div.leftcolumn p a {color:#2168b1; text-decoration:underline;}
div.leftcolumn p a:hover {text-decoration:none;}
/*форма левой колонки*/
div.leftcolumn form label {font-size:12px; font-weight:900; color:#000; margin-bottom:3px;display: block;}
div.leftcolumn input {display:block;}
input.login, input.password {height:31px; width:318px; font-size:24px; color:#000; font-family:Georgia, "Times New Roman", Times, serif; background:#fff;border: 1px solid #e3e3ed;border-top: 1px solid #acadb2;}
input.login {margin-bottom:11px;}
input.password {margin-bottom:16px;}
div.checkbox {overflow:hidden; margin-bottom:30px;}
div.checkbox input.checkboxies {float:left; margin-right:8px; margin-top:2px;}
* html div.checkbox input.checkboxies {margin-top:0;}
*:first-child+html div.checkbox input.checkboxies {margin-top:0;}
div.checkbox p {float:left;}
* html div.checkbox p {margin-top:4px;}
*:first-child+html div.checkbox p {margin-top:4px;}
div.checkbox span.blue {color:#7EB9F2; font-weight:900;}
div .checkbox span {font-size:12px; color:#545454; font-weight: normal;}
div.kot {width:288px; height:98px; background:url(../../i/index/kot.png) 100px 50% no-repeat;}

input.submit {background:url(../../i/index/submit.gif) 50% 50% no-repeat; width:122px; height:35px;}
/*центральная колонка*/
div.centercolumn {float:left; width:426px; height:428px; position:relative; z-index:1;}
div.centercolumn img {display:block; clear:both;}
div.girlwrap, div.boywrap {position:absolute; z-index:2;}
div.boywrap {top:143px;left: 226px;width: 120px;width: 150px;}
div.girlwrap {left:80px; top: 130px;}
/*тултип*/
div.tooltip1 {margin-bottom:2px; margin-left: -32px;position: relative;}
div.tooltip2 {margin-bottom:7px; float: right;}
td.top-left {background:url(../../i/index/top-left.png) 0 0 no-repeat; width:4px; height:4px;}
td.top-middle {background-color:#ff880d; height:4px;}
td.top-right {background:url(../../i/index/top-right.png) 0 0 no-repeat; width:4px; height:4px;}
td.contenttooltip {background-color:#ff880d; text-align:center; color:#FFF; font-size:12px; padding:2px 0;width: 97px;}
td.bottom-left {background:url(../../i/index/bottom-left.png) 0 0 no-repeat; width:4px; height:4px;}
td.bottom-middle {background-color:#ff880d; height:4px;}
td.bottom-right {background:url(../../i/index/bottom-right.png) 0 0 no-repeat; width:4px; height:4px;}
td.content-left, td.content-right {background-color:#ff880d; width:4px;}
td.treug-left {width:4px; height:6px;}
td.treug-right {width:4px; height:6px;}
div.tooltip1 td.treug-middle {height:6px; background:url(../../i/index/tooltip1-bottom.gif) 97% 0 no-repeat;}
div.tooltip2 td.treug-middle {height:6px; background:url(../../i/index/tooltip2-bottom.gif) 5% 0 no-repeat;}
/*правая колонка*/
/* div.rightcolumn {width:190px; float:right; padding-top:33px;} */
/* div.rightcolumn h1 {background:url(../../i/index/online.gif) 50% 50% no-repeat; width:142px; height:37px; text-indent:-9000px; margin-bottom:12px;} */
div.rightcolumn {
    float:right;
    padding-top:23px;
    width:190px;
}

div.rightcolumn h1 {
    font-family:Times New Roman;
    font-size:50px;
    font-weight:normal;
    margin-bottom:0;
    margin-top:0;
    width:142px;

}

div.rightcolumn p {color:#545454; font-size:12px; margin-bottom:10px;}
div.rightcolumn p span.counter {background-color:#ff880d; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; padding:0 3px 3px;}
/*форма правой колонки*/
div.rightcolumn form div.selectwrap {background:url(../../i/index/locationchat.gif) 50% 50% no-repeat; padding:3px; margin-bottom:7px;}
div.rightcolumn form select {display:block; width:184px; height:17px; font-size:11px; color:#000;}
*:first-child+html div.rightcolumn form select {height:23px;}
div.rightcolumn form option {padding-left:2px;}
div.rightcolumn form input.searhuser {background:url(../../i/index/locationchat.gif) 50% 50% no-repeat; width:181px; height:17px; display:block; font-size:11px; color:#000; padding:3px; padding-left:6px; color:#949494;}
/*чат*/
div.chatwrap {margin-bottom:35px;padding-top: 10px;}
div.chat-top {background:url(../../i/index/chat-top.png) 0 0 no-repeat; height:5px;overflow: hidden;}
div.chat-bottom {background:url(../../i/index/chat-bottom.png) 50% 100% no-repeat; height:5px;}
div.chat-middle {padding-right:5px; background-color:#FFF; overflow-y:scroll; height:350px;}
div.chat-middlewrap {background-color:#FFF; padding-bottom:10px; padding-top:5px; overflow:auto; min-height:287px;}
div.chat-middle ul.userList li {overflow:hidden; margin-bottom:4px; padding-left:5px;}
div.chat-middle ul.userList li a {color:#1D9E03; text-decoration:underline; font-weight:900; font-size:12px;white-space:nowrap;}
div.chat-middle ul.userList li span {display:block; height:20px;}
div.chat-middle ul.userList li img {vertical-align:middle;}
div.chat-middle ul.userList li a.male img,
div.chat-middle ul.userList li a.female img {background:url(../../i/index/etc/ic_user_male.gif); width:18px; height:18px; margin-right:5px;}
div.chat-middle ul.userList li a.female img {background:url(../../i/index/etc/ic_user_female.gif);}
div.chat-middle ul.userList li a.female img.noPhoto {background:url(../../i/index/etc/ic_user_female_nophoto.gif);}
div.chat-middle ul.userList li a.male img.noPhoto {background:url(../../i/index/etc/ic_user_male_nophoto.gif);}
div.chat-middle ul.userList li img.clanLogo {display:none;}
/*футер*/
div.footer {height:97px; margin-top:-97px;
 position:relative; clear:both; min-width:1000px;}
.protect{ height: 97px; width:100%;
 clear: both;
}
div.footerwrap {width:936px;}
/*my-popup*/
.my-popup {
    position: absolute;
    left: 0;
    top: 100px;
    width: 720px;
    display: none;
    z-index: 100;
}
.my-popup p {
    padding: 0 0 15px!important;
    line-height: 21px !important;
}
.my-popup p strong {font-weight:bold; display: inline;}
.my-popup p span {display: inline;}
.my-popup .popup-top, .my-popup .popup-middle, .my-popup .popup-bottom {
    overflow: hidden;
    padding: 0 5px;
}
.my-popup .popup-top, .my-popup .popup-bottom {height: 5px;}
.my-popup .left {
    float: left;
    width: 5px;
    height: 100%;
    margin-left: -5px;
    display: inline;
}
.my-popup .right {
    float: right;
    width: 5px;
    height: 100%;
    margin-right: -5px;
    display: inline;
}
.my-popup .center {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.my-popup .popup-top .left {background: url(../../i/index/PopUp/bg-popup-top-left.png) no-repeat;}
.my-popup .popup-top .right {background: url(../../i/index/PopUp/bg-popup-top-right.png) no-repeat;}
.my-popup .popup-top .center {background: url(../../i/index/PopUp/bg-popup-top.png) repeat-x;}
.my-popup .popup-bottom .left {background: url(../../i/index/PopUp/bg-popup-bottom-left.png) no-repeat;}
.my-popup .popup-bottom .right {background: url(../../i/index/PopUp/bg-popup-bottom-right.png) no-repeat;}
.my-popup .popup-bottom .center {background: url(../../i/index/PopUp/bg-popup-bottom.png) repeat-x;}
.my-popup .popup-middle {position: relative;height: 1%;}
.my-popup .popup-middle .left {
    background: url(../../i/index/PopUp/bg-popup-left.png) repeat-y;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}
.my-popup .popup-middle .right {
    background: url(../../i/index/PopUp/bg-popup-right.png) repeat-y;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}
.my-popup .popup-middle .center {background: #fff;}
.my-popup .btn-close {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 17px;
    height: 17px;
    background: url(../../i/index/PopUp/close.gif) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}
.my-popup .btn-close:hover {background-position: 0 100%;}
.my-popup h1 {
    font: 24px Georgia, "Times New Roman", Times, serif;
    color: #ff880d;
    margin: 0 0 12px;
	text-indent: 0;
	position: static;
}
/*popup-content*/
.my-popup .popup-content {padding: 10px 14px 11px;}
.my-popup .learn-more {
    font-size: 14px;
    color: #2068b0;
    line-height: 21px;
    text-decoration: underline;
}

.my-popup .learn-more2 {
    font-size: 14px;
    color: #2068b0;
    line-height: 21px;
    text-decoration: none;
}

* html.my-popup .learn-more:hover {text-decoration: underline;}

.my-popup .learn-more:hover {text-decoration: none;}

/*popup-corner*/
.my-popup .popup-corner {
    width: 18px;
    height: 16px;
    position: absolute;
    overflow: hidden;
}
.my-popup1 .popup-corner {
    background: url(../../i/index/PopUp/img-popup-corner2.png) no-repeat;
    right: 9px;
    bottom: -11px;
}
.my-popup2 .popup-corner {
    background: url(../../i/index/PopUp/img-popup-corner1.png) no-repeat;
    left: 9px;
    bottom: -11px;
}
.my-popup3 .popup-corner {
    background: url(../../i/index/PopUp/img-popup-corner3.png) no-repeat;
    right: 9px;
    top: -11px;
}
.my-popup4 .popup-corner {
    background: url(../../i/index/PopUp/img-popup-corner4.png) no-repeat;
    left: 9px;
    top: -11px;
}


div.chat-middle ul.userList li a.goAway   {
    color:#CDBE72;
}
.contenttooltip a,.contenttooltip a:visited{
    color:white;
    text-decoration:underline;
}
