html, body {
    margin: 0;
    padding: 0;
}

body {
    font: 16px Georgia, Arial, sans-serif;
    color: #561745;
    /*color: #76124a;*/
    background: #ca93c8;
}

a {
    color: #76124a;
    /*outline: none;*/
}

a:link, a:visited {
    text-decoration: underline;
}
a:hover, a:active {
    text-decoration: none;
}
a img {
    border: none;
}
.clearer{
    clear: both;
}


#wrapper {
    background: url(../images/mainbg.jpg) no-repeat 50% 0;
    /*width: 1002px;*/
    width: 100%;
    height: 1352px;
    margin: 0 auto;
    min-width: 1002px;
    max-width: 1654px;
}



/* шапка сайта */
#header {
    height: 275px;
    width: 830px;
    margin: 0 auto;
    position: relative;
}
/* Логотип */
#logo {
    display: block;
    width: 286px;
    height: 258px;
    background: url(../images/logo.jpg) no-repeat 0 0;
    position: relative;
    top: 8px;
    left: -1px;
    margin: 0 auto;
}


/* Левые кнопки в шапке */
#leftBtns {
    width: 220px;
    height: 275px;
    position: absolute;
    top: 0;
    left: 0;
}
a#btn1 {
    display: block;
    width: 200px;
    height: 88px;
    height: 90px;
    background: url(../images/btns1/leftbtn1.png) no-repeat 0 0;
    position: relative;
    top: 14px;
    left: 14px;
}
a#btn1:link, a#btn1:visited {
    background: url(../images/btns1/leftbtn1.png) no-repeat 0 0;
}
a#btn1:hover, a#btn1:active {
    background: url(../images/btns/leftbtn1.png) no-repeat 0 -88px;
    background: url(../images/btns1/leftbtn1.png) no-repeat 0 -90px;
}

a#btn2 {
    display: block;
    width: 200px;
    height: 88px;
    height: 90px;
    background: url(../images/btns1/leftbtn2.png) no-repeat 0 0;
    position: relative;
    top: 5px;
    left: 14px;
}
a#btn2:link, a#btn2:visited {
    background: url(../images/btns1/leftbtn2.png) no-repeat 0 0;
}
a#btn2:hover, a#btn2:active {
    background: url(../images/btns/leftbtn2.png) no-repeat 0 -88px;
    background: url(../images/btns1/leftbtn2.png) no-repeat 0 -90px;
}
a#btn2-1 {
    display: block;
    width: 200px;
    height: 88px;
    height: 90px;
    background: url(../images/btns1/leftbtn2-1.png) no-repeat 0 0;
    position: relative;
    top: 5px;
    left: 14px;
}
a#btn2-1:link, a#btn2-1:visited {
    background: url(../images/btns1/leftbtn2-1.png) no-repeat 0 0;
}
a#btn2-1:hover, a#btn2-1:active {
    background: url(../images/btns/leftbtn2-1.png) no-repeat 0 -88px;
    background: url(../images/btns1/leftbtn2-1.png) no-repeat 0 -90px;
}

a#btn3 {
    display: block;
    width: 200px;
    height: 88px;
    height: 90px;
    background: url(../images/btns1/leftbtn3.png) no-repeat 0 0;
    position: relative;
    top: -4px;
    left: 14px;
}
a#btn3:link, a#btn3:visited {
    background: url(../images/btns1/leftbtn3.png) no-repeat 0 0;
}
a#btn3:hover, a#btn3:active {
    background: url(../images/btns/leftbtn3.png) no-repeat 0 -88px;
    background: url(../images/btns1/leftbtn3.png) no-repeat 0 -90px;
}



/* Правые кнопки в шапке */
#rightBtns {
    width: 220px;
    height: 275px;
    position:absolute;
    top: 0;
    right: 0;
}
a#btn4 {
    display: block;
    width: 200px;
    height: 88px;
    height: 90px;
    background: url(../images/btns1/rightbtn1.png) no-repeat 0 0;
    position: relative;
    top: 14px;
    left: 0;
}
a#btn4:link, a#btn4:visited {
    background: url(../images/btns1/rightbtn1.png) no-repeat 0 0;
}
a#btn4:hover, a#btn4:active {
    background: url(../images/btns/rightbtn1.png) no-repeat 0 -88px;
    background: url(../images/btns1/rightbtn1.png) no-repeat 0 -90px;
}

a#btn5 {
    display: block;
    width: 200px;
    height: 88px;
    height: 90px;
    background: url(../images/btns1/rightbtn2.png) no-repeat 0 0;
    position: relative;
    top: 5px;
    left: 0;
}
a#btn5:link, a#btn5:visited {
    background: url(../images/btns1/rightbtn2.png) no-repeat 0 0;
}
a#btn5:hover, a#btn5:active {
    background: url(../images/btns/rightbtn2.png) no-repeat 0 -88px;
    background: url(../images/btns1/rightbtn2.png) no-repeat 0 -90px;
}

a#btn6 {
    display: block;
    width: 200px;
    height: 88px;
    height: 90px;
    background: url(../images/btns1/rightbtn3.png) no-repeat 0 0;
    position: relative;
    top: -4px;
    left: 0;
}
a#btn6:link, a#btn6:visited {
    background: url(../images/btns1/rightbtn3.png) no-repeat 0 0;
}
a#btn6:hover, a#btn6:active {
    background: url(../images/btns/rightbtn3.png) no-repeat 0 -88px;
    background: url(../images/btns1/rightbtn3.png) no-repeat 0 -90px;
}


/* контейнер основного контента */
#cw {
    width: 780px;
    height: 816px;
    margin: 16px auto 0 auto;
    position: relative;
}

/* уголки в рамке с контентом */
#cornerLU {
    background: url(../images/corners.png) no-repeat 0 0;
    width: 107px;
    height: 123px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:10;
}
#cornerRU {
    background: url(../images/corners.png) no-repeat -107px 0;
    width: 107px;
    height: 123px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index:10;
}
#cornerLB {
    background: url(../images/corners.png) no-repeat 0 -123px;
    width: 107px;
    height: 123px;
    position: absolute;
    top: 694px;
    left: 0px;
    z-index: 10;
}
#cornerRB {
    background: url(../images/corners.png) no-repeat -107px -123px;
    width: 107px;
    height: 123px;
    position: absolute;
    top: 694px;
    right: 0;
    z-index:10;
}





/* основной контент */
#content {
    width: 780px;
    height: 816px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#content h1 {
    font-size: 25px;
    color: #76124a;
    text-align: center;
}
#content h2 {
    font-size: 22px;
    font-weight: normal;
    text-align: center;
}
#content h3 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}
#content p {
    line-height: 21px;
}
#content p.small {
    font: 16px Georgia, Arial, sans-serif;
    margin: 15px 0 5px 35px;

}
/* буквица */
#content .letter {
    float: left;
    margin: 5px 0 0 0;
}
#content .letter20px {
    float: left;
    margin: 5px 0 0 20px;
}
#content .letter40px {
    float: left;
    margin: 5px 0 0 40px;
}
#content .centerBtn {
    margin: 0 40%;
}




/* подвал со счетчиками и ссылками */
#footer {
    width: 830px;
    height: 109px;
    margin: 76px auto 0 auto;
    padding: 39px 0 0 0;
    background: url(../images/footerbg.png) no-repeat 0 0;
}
#footer #lf {
    font: 16px Georgia, Arial, sans-serif;
    width: 238px;
    margin: 7px 0 0 30px;
    padding: 0;
    float: left;
}
#footer #rf {
    font: 16px Georgia, Arial, sans-serif;
    margin: 7px 33px 0 1px;
    padding: 0;
    float: right;
}
#counters {
    width: 100px;
    margin: 0 19px 0 0;
    float: right;
}



#footer1 {
    width: 830px;
    height: 31px;
    margin: -25px auto 0 auto;
    text-align: right;
}
#footer1 img {
    background-color: #fff;
}


/* элементы форм */
#regForm label,
#loginForm label,
#resetForm label,
#userProfileForm label,
#getElectroDiplom label,
#activateForm label,
#purchaseForm label,
#robokassaPurchaseForm label,
#sendLetterForm label
{
    display: block;
    margin: 15px 0 5px 35px;
    font-weight: bold;

}


#content #regForm input,
#content #loginForm input,
#content #resetForm input,
#content #userProfileForm input,
#content #getElectroDiplom input,
#content #activateForm input,
#content #purchaseForm input,
#content #robokassaPurchaseForm input,
#content #sendLetterForm input
/*, #wlpeActivate input*/ {
    /*background: #fefbf6;*/
    background: url("../images/input/text.png") no-repeat;
    border: 0px;
    outline: none;
    /*border-top: 2px solid #aa7831;*/
    /*border-left: 2px solid #aa7831;*/
    /*border-right: 2px solid #fbee92;*/
    /*border-bottom: 2px solid #fbee92;*/
    color: #561745;
    font-size: 14px;
    font-family: Georgia, Arial, sans-serif;
    width: 200px;
    height: 42px;
    padding: 0 64px 2px 64px;
    margin: 0px 0 5px 0;

}

#content #inputBg {
    background: transparent url("../images/input/text2.png") no-repeat;
    border: 0px;
    outline: none;
    display: block;
    width: 265px;
    height: 42px;
}

#content #filterGamer {
    background: #fefbf6;
    color: #561745;
    font-size: 14px;
    font-family: Georgia, Arial, sans-serif;
    width: 138px;
    height: 19px;
    padding: 0;
    margin: 10px 0 0 -3px;
    line-height: 21px;
    outline: none;
    border: 0;
}




#content #filterGamerClear {
    background: url("../images/checkbox/clear.png") no-repeat 0 0;
    width: 12px;
    height: 12px;
    position: relative;
    right: -185px;
    top: -15px;
    display: block;
}

#content #sendLetterForm #selectBg,
#content #getElectroDiplom #selectBg,
#content #selectBg {
    /*background: #fefbf6;*/
    background: url("../images/input/text.png") no-repeat;
    border: 0px;
    outline: none;
    width: 328px;
    height: 42px;
    display: block;
}
#content #sendLetterForm #subject,
#content #sendLetterForm #source,
#content #getElectroDiplom #TypeDiplom,
#content #filterTurnir {
    color: #561745;
    background: #fefbf6;
    font-size: 14px;
    font-family: Georgia, Arial, sans-serif;
    width: 200px;
    height: 19px;
    padding: 0;
    margin: 12px 0 0px 63px;
    border: 0px;
}


#content #selectBg {
    background: url("../images/input/text1.png") no-repeat;
    border: 0px;
    outline: none;
    display: block;
    width: 288px;
    height: 42px;
}
#content #filterTurnir {
    width: 160px;
    height: 19px;
    padding: 0;
    margin: 10px 0 0px -3px;
}

#content #sendLetterForm #textareaBg {
    background: url("../images/checkbox/textarea.png") no-repeat;
    border: 0px;
    outline: none;
    width: 253px;
    height: 120px;
    display: block;
    margin: 5px 0px 5px 36px;
    padding-top: 1px;
}
#content #sendLetterForm #text {
    color: #561745;
    background: #fefbf6;
    font-size: 14px;
    font-family: Georgia, Arial, sans-serif;
    display: block;
    border: 0;
    outline: none;
    resize: none;
    margin: 4px 6px 6px 6px;
    width: 238px;
    height: 108px;
    padding: 0px;
}

#content #regForm input:focus,
#content #loginForm input:focus,
#content #resetForm input:focus,
#content #userProfileForm input:focus,
#content #getElectroDiplom input:focus,
#content #activateForm input:focus,
#content #purchaseForm input:focus,
#content #robokassaPurchaseForm input:focus,
#content #sendLetterForm input:focus {
    outline: none;
}

#content #regForm .CheckBoxClass,
#content #loginForm .CheckBoxClass,
#content #userProfileForm .userProfileStatusSpan input,
#content #userProfileForm .userProfileGenderSpan input,
#content #regForm .regGenderSpan input,
#content #questionForm .answerSpan input,
#content #acceptpurchase .answerSpan input,
#content #purchaseForm .CheckBoxClass,
#content #robokassaPurchaseForm .CheckBoxClass  {
    display: none;
}

#content #regForm .CheckBoxLabelClass,
#content #loginForm .CheckBoxLabelClass,
#content #purchaseForm .CheckBoxLabelClass,
#content #robokassaPurchaseForm .CheckBoxLabelClass {
    background:url("../images/checkbox/uncheck.png") no-repeat;
    padding-left: 24px;
    padding-top: 3px;
    height: 26px;
    margin: 15px 5px 0 35px;
    display: block;
}

#content #regForm .LabelSelected,
#content #loginForm .LabelSelected,
#content #purchaseForm .LabelSelected,
#content #robokassaPurchaseForm .LabelSelected {
    background: url("../images/checkbox/check.png") no-repeat;
}

#content #userProfileForm .userProfileStatusSpan,
#content #userProfileForm .userProfileGenderSpan,
#content #regForm #regGenderDiv .regGenderSpan,
#content #questionForm .answerSpan,
#content #acceptpurchase .answerSpan {
    background:url("../images/radiobtn/uncheck.png") no-repeat;
    padding-left: 30px;
    padding-top: 3px;
    min-height:26px;
    height:auto !important;
    height:26px;
    margin: 15px 5px 0 35px;
    display: block;
}
#content #regForm #regGenderDiv .regGenderSpan {
	float: left;
}

#content #userProfileForm .LabelSelected,
#content #regForm #regGenderDiv .LabelSelected,
#content #questionForm .LabelSelected,
#content #acceptpurchase .LabelSelected {
    background: url("../images/radiobtn/check.png") no-repeat;
}


#content div.errors p {
    font-size: 20px;
    color: #90201c;
    text-align: center;
}

#content .inputRed {
}
#content .inputGreen {
}


#userPhotoDecor {
    background: url(../images/decor.png) no-repeat;
    width: 150px;
    height: 200px;

    padding: 43px 36px 43px 35px;
    margin: 15px 0 5px 36px;
}



/* кнопка Выбери картинку  */
#content #userProfileForm #userProfilePhotoLabel {
    background: url("../images/input/choosepicture.png") no-repeat;
    width: 292px;
    height: 32px;
    margin: 0 0 0 34px;
    display: block;
    border: 0;
    outline: none;
    /*float: left;*/
    overflow:hidden;
    cursor:pointer;
}
#content #userProfileForm #userProfilePhotoLabel:focus, #content #userProfileForm #userProfilePhotoLabel:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    height: 30px;
    outline: none;
}
#content #userProfileForm #userProfilePhoto {
    opacity:0;
    filter:alpha(opacity:0);
    font-size:199px;
    cursor:pointer;
    padding:0px;
    margin:0px;
    border:none;
    /*margin-left:-450px;*/
}


/* кнопка Войти */
#content #loginForm #loginButton {
    background: url("../images/input/enter.png") no-repeat;
    width: 204px;
    height: 30px;
    margin: 0 0 0 34px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #loginForm #loginButton:focus, #content #loginForm #loginButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Отмена */
#content #userProfileForm #profileDoneButton {
    background: url("../images/input/cancel.png") no-repeat;
    width: 204px;
    height: 30px;
    /*margin: 0 149px 15px 15px;*/
    margin: 0 0px 15px 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #userProfileForm #profileDoneButton:focus, #content #userProfileForm #profileDoneButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Сохранить */
#content #userProfileForm #saveProfileButton {
    background: url("../images/input/save.png") no-repeat;
    width: 204px;
    height: 30px;
    margin: 0 0 15px 150px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #userProfileForm #saveProfileButton:focus, #content #userProfileForm #saveProfileButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Удалить аккаунт */
#content #userProfileForm #profileDeleteButton {
    background: url("../images/input/delete.png") no-repeat;
    width: 292px;
    height: 30px;
    /*margin: 0px 5px 0 15px;*/
    /* margin: 0 105px 15px 15px;*/
    margin: 0 0px 15px 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #userProfileForm #profileDeleteButton:focus, #content #userProfileForm #profileDeleteButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Выйти */
#content #userForm #logoutButton,
#content #userProfileForm #profileLogoutButton {
    background: url("../images/input/logout.png") no-repeat;
    width: 204px;
    height: 30px;
    margin: 0 168px 15px 15px;
    margin: 0 0px 15px 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #userProfileForm #profileLogoutButton {
    margin: 0 0 15px 106px;
}
#content #userForm #logoutButton:focus, #content #userForm #logoutButton:hover,
#content #userProfileForm #profileLogoutButton:focus, #content #userProfileForm #profileLogoutButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}
/* кнопка Профиль */
#content #userForm #profileButton {
    background: url("../images/input/profile.png") no-repeat;
    width: 204px;
    height: 30px;
    margin: 0 0 15px 168px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #userForm #profileButton:focus, #content #userForm #profileButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}
/* кнопка мои награды */
#content #userForm #myAwardsButton {
    background: url("../images/input/myawards.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 0 0 15px 80px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #userForm #myAwardsButton:focus, #content #userForm #myAwardsButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}
/* кнопка мои ларец с жемчужинами */
#content #userForm #myCasketButton {
    background: url("../images/input/mycasket.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 0 80px 15px 15px;
    margin: 0 0px 15px 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #userForm #myCasketButton:focus, #content #userForm #myCasketButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}
/* кнопка пригласи друга */
#content #userForm #myInviteButton {
    background: url("../images/input/invite.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 0 80px 15px 15px;
    margin: 0 auto 15px auto;
    display: block;
    border: 0;
    outline: none;
}
#content #userForm #myInviteButton:focus, #content #userForm #myInviteButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}







/* кнопка Способ выбора оплаты */
#content #purchaseForm #showPM {
    background: url("../images/input/paymentmethod.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 20px 0px 15px 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}

#content #robokassaPurchaseForm #showPM1 {
    background: url("../images/input/robokassa.png") no-repeat;
    width: 204px;
    height: 29px;
    margin: 20px 0px 15px 132px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #robokassaPurchaseForm #showPM {
    background: url("../images/input/rbkmoney.png") no-repeat;
    width: 204px;
    height: 29px;
    margin: 20px 0px 15px 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #purchaseForm #showPM:focus, #content #purchaseForm #showPM:hover,
#content #robokassaPurchaseForm #showPM1:focus, #content #robokassaPurchaseForm #showPM1:hover,
#content #robokassaPurchaseForm #showPM:focus, #content #robokassaPurchaseForm #showPM:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}
/* кнопка Перейти к оплате */
#content #acceptpurchase #goToThePayment {
    background: url("../images/input/gotothepayment.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 20px 0px 15px 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #acceptpurchase #goToThePayment:focus, #content #acceptpurchase #goToThePayment:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}



/* кнопка Забыл пароль? */
#content #loginForm #loginForgotPass {
    background: url("../images/input/forgotpass.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 0px 5px 0 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #loginForm #loginForgotPass:focus, #content #loginForm #loginForgotPass:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Зарегистрироваться */
#content #regForm #regButton {
    background: url("../images/input/register.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 0 0 0 34px;
    margin: 0 auto;
    display: block;
    border: 0;
    outline: none;
}
#content #regForm #regButton:focus, #content #regForm #regButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Послать пароль */
#content #resetForm #resetButton {
    background: url("../images/input/resetpass.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 15px 0 0 34px;
    display: block;
    border: 0;
    outline: none;
}
#content #resetForm #resetButton:focus, #content #resetForm #resetButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Активировать новый пароль */
#content #activateForm #activateButton {
    background: url("../images/input/passactivation.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 15px 0 0 34px;
    display: block;
    border: 0;
    outline: none;
}
#content #activateForm #activateButton:focus, #content #activateForm #activateButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}



/* кнопка Да! Удалить аккаунт */
#content #profileDeleteForm #confirmDeleteButton {
    background: url("../images/input/confirmdelete.png") no-repeat;
    width: 292px;
    height: 30px;
    /*margin: 0px 5px 0 15px;*/
    margin: 0 0px 15px 82px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #profileDeleteForm #confirmDeleteButton:focus, #content #profileDeleteForm #confirmDeleteButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}


/* кнопка Нет! Оставить аккаунт */
#content #profileDeleteForm #cancelDeleteButton {
    background: url("../images/input/canceldelete.png") no-repeat;
    width: 292px;
    height: 30px;
    /*margin: 0px 5px 0 15px;*/
    margin: 0 83px 15px 15px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #profileDeleteForm #cancelDeleteButton:focus, #content #profileDeleteForm #cancelDeleteButton:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}




#content input.goBattle {
    width: 292px;
    height: 30px;
    /*margin: 0px 5px 0 15px;*/
    margin: 0 auto;
    display: block;
    border: 0;
    outline: none;
}
#content input.goBattle:focus, #content input.goBattle:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}
/* кнопка Перейти к разминочному бою */
#content input.warm {
    background: url("../images/input/fightwarmup.png") no-repeat;
}
/* кнопка Перейти к основному бою */
#content input.main {
    background: url("../images/input/fightmain.png") no-repeat;
}
/* кнопка Перейти к финальному бою */
#content input.final {
    background: url("../images/input/fightfinal.png") no-repeat;
}


/* кнопка Развернуть награды */
#content input#openAwards {
    background: url("../images/input/open.png") no-repeat;
    width: 204px;
    height: 30px;
    margin: 5px auto;
    display: block;
    border: 0;
    outline: none;
}
#content input#openAwards:focus, #content input#openAwards:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Свернуть награды */
#content input#closeAwards {
    background: url("../images/input/close.png") no-repeat;
    width: 204px;
    height: 30px;
    margin: 5px auto;
    display: block;
    border: 0;
    outline: none;
}
#content input#openAwards:focus, #content input#openAwards:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}



/* кнопка Пополнить ларец */
#content input#fillcasket {
    background: url("../images/input/fillcasket.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 5px auto;
    display: block;
    border: 0;
    outline: none;
}
#content input#fillcasket:focus, #content input#fillcasket:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}




/* кнопка Ответить на вопрос */
#content #questionForm #getAnswer {
    background: url("../images/input/getanswer.png") no-repeat;
    width: 204px;
    height: 30px;
    margin: 20px auto;
    display: block;
    border: 0;
    outline: none;
}
#content #questionForm #getAnswer.withHint {
    margin: 20px 15px 20px 106px;
    float: left;
}
#content #questionForm #getAnswer:focus, #content #questionForm #getAnswer:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}


/* кнопка Сокровищница знаний */
#content #questionForm  input.showHint {
    background: url("../images/input/treasury.png") no-repeat;
    width: 292px;
    height: 30px;
    /* margin: 20px 105px 20px 0px;*/
    margin: 20px 0px 20px 0px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content #questionForm  input.showHint:focus, #content #questionForm input.showHint:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}




/* кнопка Получить электронный диплом */
#content input#sendOffer {
    background: url("../images/input/getdiploma.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 10px 15px 10px 61px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content input#sendOffer:focus, #content input#sendOffer:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}

/* кнопка Очистить форму  */
#content input#resetForm {
    background: url("../images/input/clearform.png") no-repeat;
    width: 292px;
    height: 30px;
    /*margin: 10px 62px 10px 0px;*/
    margin: 10px 0px 10px 0px;
    display: block;
    border: 0;
    outline: none;
    float: left;
}
#content input#resetForm:focus, #content input#resetForm:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}








/* кнопка Отправить письмо (Форма обратной связи) */
#content #sendLetterForm #sendMail {
    background: url("../images/input/sendmail.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 5px auto;
    display: block;
    border: 0;
    outline: none;
}
#content #sendLetterForm #sendMail:focus, #content #sendLetterForm #sendMail:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}



/* капча */
#content .imgcaptcha {
    border: 1px solid #76124a;
    margin-left: 36px;
}
/* ссылка для смены текста капчи */
#content .reloadvw {
    border-bottom: 1px #76124a dashed;
    margin-left: 36px;
    cursor: pointer;
}




/* кнопка Карта сражений */
#content input.map {
    background: url("../images/input/map.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 10px auto;
    display: block;
    border: 0;
    outline: none;
}
#content input.map:focus, #content input.map:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}



/* кнопка Правила рейтинга */
#content input.ratingrules {
    background: url("../images/input/ratingrules.png") no-repeat;
    width: 292px;
    height: 30px;
    margin: 10px auto;
    display: block;
    border: 0;
    outline: none;
}
#content input.ratingrules:focus, #content input.ratingrules:hover {
    /*margin:11px 4px 0 36px;*/
    border: 1px solid transparent;
    outline: none;
}


#content div.pagin {
    margin: 10px auto;
    width: 650px;
    text-align: right;
}
#content div.pagin a {
    padding: 0 5px;

}
#content div.pagin span.currentpage {
    padding: 0 5px;
    font-weight: bold;

}



#content #hallOfFame {
    width: 685px;
    margin: 0;
    padding: 0;
    border: 2px solid #a52a2a;
}
#content #hallOfFame td {
    vertical-align: top;
    padding: 2px;
    margin: 0;
}
#content #hallOfFame td.op {
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    margin: 0;
}
#content #hallOfFame td.fp {
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    margin: 0;
    font: 24px Georgia, Arial, sans-serif;
    color: #561745;
    background-color: #DAA520;
}
#content #hallOfFame td.sp {
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    margin: 0;
    font: 21px Georgia, Arial, sans-serif;
    color: #561745;
    background-color: #C0C0C0;
}
#content #hallOfFame td.tp {
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    margin: 0;
    font: 18px Georgia, Arial, sans-serif;
    color: #561745;
    background-color: #B87333;
}
#content #hallOfFame td.ava {
    vertical-align: top;
    text-align: center;
    padding: 2px;
    margin: 0;
}
#content #hallOfFame td.rtd {
    vertical-align: top;
    text-align: right;
    padding: 2px;
    margin: 0;
}
#content #hallOfFame td.rtd p {
    margin: 5px 0;
    padding: 0;
}
#content #hallOfFame td.rtd a {
    padding: 0px 5px;
}




#content a.method {

}
#content a.slq {
    text-decoration: none;
}

#content p.methodtext,
#content div.methodtext {
    display:none;
}


#invitecode input,
#inviteurl input {
    background: transparent;
    border:0;
    width: 250px;
    font: 16px Georgia, Arial, sans-serif;
    color: #561745;
    font-weight:bold
}
#inviteurl input {
    width: 460px;
}

/*
#wlpeUser textarea {
    background: #F6F3EA;
    color: #696767;
    font-size: 12px;
    font-family: Tahoma, Arial;
    width: 420px;
    height: 100px;
}

#wlpeUser #userProfileStatusDiv input {
    width: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#wlpeUser #userProfileStatusDiv span.userProfileStatusSpan {
    width: 200px;
    display: block;
    float: left;
}

*/










/***************/
/*.tt-wrapper{
    //padding: 0;
    //width: 435px;
    //height: 70px;
    //margin: 80px auto 30px auto;
}*/

/*.tt-wrapper li a{*/
.tt-wrapper td a{
    /*display: block;*/
    /*width: 100px;*/
    /*height: 100px;*/
    /*margin: 0;*/
    /*padding: 0;*/
    outline: none;
    /*background: #abc;*/
    text-indent: -9000px;
    position: relative;
}



/*.tt-wrapper li a span{*/
.tt-wrapper td a span{
    width: 150px;
    height: auto;
    line-height: 20px;
    padding: 10px;
    left: 50%;
    margin-left: -85px;

    /*/font-family: 'Alegreya SC', Georgia, serif;
//font-weight: 400;
//font-style: italic;
//font-size: 14px;
//color: #76124a;
//text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);*/
    text-align: center;
    border: 2px solid #76124a;
    border: 2px solid #e8bf53;
    background: rgba(255,255,255,0.9);
    text-indent: 0px;
    border-radius: 5px;
    position: absolute;
    bottom: 70px;
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    /*    -webkit-transform: translate(35px) rotate(25deg) scale(1.5);
        -moz-transform: translate(35px) rotate(25deg) scale(1.5);
        -o-transform: translate(35px) rotate(25deg) scale(1.5);
        -ms-transform: translate(35px) rotate(25deg) scale(1.5);
        transform: translate(35px) rotate(25deg) scale(1.5);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;*/
    z-index: 1;


    /*    bottom: 100px;*/
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;












    width: 140px;
    height: auto;
    line-height: 20px;
    padding: 10px;
    left: 50%;
    margin-left: -84px;
    font-family: 'Alegreya SC', Georgia, serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    color: #719DAB;
    color: #561745;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 4px solid #fff;
    background: rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.9);
    text-indent: 0px;
    border-radius: 5px;
    position: absolute;
    pointer-events: none;
    bottom: 100px;
    opacity: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*.tt-wrapper li a span:before,
.tt-wrapper li a span:after{*/
.tt-wrapper td a span:before,
.tt-wrapper td a span:after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.1);




    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.1);
}




/*.tt-wrapper li a span:after{*/
.tt-wrapper td a span:after{
    bottom: -11px;
    margin-left: -10px;
    border-top: 10px solid #e8bf53;




    bottom: -14px;
    margin-left: -10px;
    border-top: 10px solid #fff;
}




/*.tt-wrapper li a:hover span{*/
.tt-wrapper td a:hover span{
    /* visibility: visible;
     opacity: 0.9;
     -webkit-transform: translate(0px) rotate(0deg) scale(1);
     -moz-transform: translate(0px) rotate(0deg) scale(1);
     -o-transform: translate(0px) rotate(0deg) scale(1);
     -ms-transform: translate(0px) rotate(0deg) scale(1);
     transform: translate(0px) rotate(0deg) scale(1);*/


    background: rgba(255,255,255,0.9);

    opacity: 0.9;
    bottom: 70px;
}




/**
 * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter
 * @author <a href="mailto:dylan@dyve.net">Dylan Verheul</a>
 * @license MIT | GPL | Apache 2.0, see LICENSE.txt
 * @see https://github.com/dyve/jquery-autocomplete
 */
.acResults {
    padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
}

.acResults ul {
    margin: 0px;
    padding: 0px;
    list-style-position: outside;
    list-style: none;
}

.acResults ul li {
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}

#content #filterGamer.acLoading {
    background: url('../images/indicator.gif') right center no-repeat;
}

.acSelect {
    background-color: Highlight;
    color: HighlightText;
}