body,html { margin:0; padding:0; min-height:100%; _height:100%; }
body { background:#000 url(../img/index/back_top.png) 0 0 repeat-x; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#fff }
a { color:#37b1ff; text-decoration:underline }
a:hover { color:#dd0834; text-decoration:underline }
a img { border:none }
p { margin:0 0 20px 0; padding:0 }
.spacer { height:1px; overflow:hidden; clear:both; display:block }


#wrap { min-height:100%; _height:100%; background:url(../img/index/back_bottom.png) bottom left repeat-x; min-width:1000px; text-align:center }
#wrapInner { min-height:100%; _height:100%; background:url(../img/index/back_fire.jpg) 475px bottom no-repeat; width:1000px; margin:0 auto; text-align:left }

#content { position:relative; min-height:1050px; _height:1050px }

.userBar { position:absolute; top:20px; left:77px; color:#cdcdcd }
.userBar a.logout { color:#736e70 }
.userBar a.logout:hover { color:#cdcdcd }
.userBar span { padding:0 5px }

a.activateCard { display:block; width:312px; height:60px; background:url(../img/buttons.png) 0 0 no-repeat; position:absolute; top:55px; left:62px }
a.activateCard:hover { background-position: 0 -60px }
a.activateCard img { display:block; width:100%; height:100% }

a.checkBills { display:block; width:282px; height:60px; background:url(../img/buttons.png) -312px 0 no-repeat; position:absolute; top:55px; left:657px }
a.checkBills:hover { background-position:-312px -60px }
a.checkBills img { display:block; width:100%; height:100% }

a.checkBills2 { display:block; width:282px; height:60px; background:url(../img/buttons.png) -312px 0 no-repeat; position:absolute; top:55px; left:657px }
a.checkBills2:hover { background-position:-312px -60px }
a.checkBills2 img { display:block; width:100%; height:100% }


a.howItWorks { display:block; width:194px; height:35px; background:url(../img/buttons.png) 0 -120px no-repeat; position:absolute; top:790px; left:72px }
a.howItWorks:hover { background-position:0 -155px }
a.howItWorks img { display:block; width:100%; height:100% }

a.systemRight { display:block; width:194px; height:35px; background:url(../img/buttons.png) 0 -120px no-repeat; position:absolute; top:825px; left:72px }
a.systemRight:hover { background-position:0 -155px }
a.systemRight img { display:block; width:100%; height:100% }



/*.logo { position:absolute; top:128px; left:-24px }*/
.logo { width:625px;position:absolute; top:128px; left:-24px; height:180px;background:url(../img/logo.png) no-repeat}

div.text { width:472px; height:427px; background:url(../img/index/text.png) 0 0 no-repeat; position:absolute; top:342px; left:72px;
// _background:none;
// _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=img/index/text.png);
}

.cards { position:absolute; top:223px; left:657px; width:343px }
.cards a { display:block; width:284px; height:180px; margin:0 0 40px 0; position:relative; cursor:pointer }
.cards a img { display:block; padding:2px 0 0 2px }
.cards a b { display:block; width:284px; height:180px; position:absolute; top:0; left:0; background:url(../img/index/cards_border.png) 0 0 no-repeat }
.cards a i { display:block; width:59px; height:65px; position:absolute; top:59px; left:284px; background:url(../img/arrows.png) -59px 0 no-repeat }
.cards a:hover b { background-position:0 -180px }
.cards a:hover i { background-position:-59px -65px }

.footer { position:absolute; top:928px; left:0; height:70px; width:100%; }
.footer .copy { float:left; width:50%; padding:0 0 0 72px }
.footer #eXTReMe { float:left; width:50%; padding:0 0 0 72px }
.footer .copy a { color:#fff }
.footer .copy a:hover { color:#dd0834 }


.footer .cosmos { float:right; width:236px; font-size:10px; color:#9c3b5f }
.footer .ikrasivo { float:right; width:236px; font-size:10px; color:#9c3b5f }

form { margin:0; padding:0 }
span.textInput { display:block; width:351px; height:31px; background:url(../img/input.png) 0 0 no-repeat; margin:3px 0 0 0;}

span.textSelectAdd { display:block; margin:3px 6px 0px 0px; float:left;}
span.textInputAdd { display:block; width:50px; height:31px; background:url(../img/input_add.png) 0 0 no-repeat; margin:3px 0px 0 0; float:left; padding-right:6px;padding-bottom:13px}
span.textInputAdd_end { display:block; width:50px; height:31px; background:url(../img/input_add.png) 0 0 no-repeat; margin:3px 0px 0 0; float:left;padding-bottom:13px}

span.textnameAdd { display:block; width:55px; margin:0px; float:left;font-size:11px;}
span.textnameAdd_first { display:block; width:237px; margin:0px; float:left;font-size:11px;//width:240px;}

@-moz-document url-prefix() { 
span.textnameAdd_first { display:block; width:240px; margin:0px; float:left;font-size:11px;}
}

select.textInput1 { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#231f20; margin:5px 0 0 0 }

span.textInput input { width:340px; font:normal 18px/21px Arial, Helvetica, sans-serif; color:#231f20; padding:0; border:none; background:none; margin:4px 0 0 5px }
span.textInput input:focus { outline:none }
span.textInputAdd input { width:40px; font:normal 15px/21px Arial, Helvetica, sans-serif; color:#231f20; padding:3px 0 0 0; border:none; background:none; margin:4px 0 0 5px }
span.textInputAdd_end input { width:40px; font:normal 15px/21px Arial, Helvetica, sans-serif; color:#231f20; padding:3px 0 0 0; border:none; background:none; margin:4px 0 0 5px }
span.textInputAdd input:focus { outline:none }
span.textInputAdd_end input:focus { outline:none }
span.textInputError { background-image:url(../img/input_error.png) }
select.textInput { font:normal 12px/18px Arial, Helvetica, sans-serif; color:#231f20; margin:3px 0 0 0 }
.button { font:normal 15px/18px Arial, Helvetica, sans-serif }


.blind { position:absolute; top:0; left:0; z-index:0; width:100%; height:2000px; background:#000; opacity:0.5; filter:alpha(opacity=60) }

#loginForm { width:472px; height:310px; position:absolute; top:173px; left:264px; z-index:300; color:#231f20; display:none; }
#loginForm .loginFormInner { width:472px; height:310px; background:url(../img/index/login.png) 0 0 no-repeat;
// _background:none;
// _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=img/index/login.png);
}

#loginForm form { position:relative; padding:74px 50px 30px 58px; font:normal 14px/18px Arial, Helvetica, sans-serif }
#loginForm form p { margin:0 0 10px 0 }
#loginForm form .submit { padding:10px 0 0 0; margin:0 }
#loginForm form .submit .button { vertical-align:middle; margin:0 75px 0 0; width:110px }
#loginForm form a { color:#0073cb }
#loginForm form a:hover { color:#dd0834 }
#loginForm .close { display:block; width:28px; height:28px; background:url(../img/x.gif) 0 0 no-repeat; position:absolute; top:36px; right:36px; cursor:pointer; }
#loginForm form .successPass { display:none; }

#loginForm form .passRecovery { display:none; }
#loginForm form .passRecovery .submit .button { width:200px }
#loginForm .preloader { display:none; top:-244px; left:0px;position:relative;z-index:200; background: url(../img/5.gif) center center no-repeat;width:350px; height:300px; }


#activateCardForm { width:919px; height:631px; position:absolute; top:35px; left:41px; z-index:100; display:none; }
#activateCardForm .activateCardFormInner { width:919px; height:631px; background:url(../img/index/activate.png) 0 0 no-repeat;
// _background:none;
// _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=img/index/activate.png);
}

#activateCardForm form { position:relative; padding:70px 0 0 9px; font:normal 15px/20px Arial, Helvetica, sans-serif; color:#231f20; zoom:1 }
#activateCardForm form p { margin:0 0 10px 0 }
#activateCardForm form .submit { padding:10px 0 0 0; margin:0 }
#activateCardForm form .submit .button { vertical-align:middle; margin:0 95px 0 0; width:110px }
#activateCardForm form a { color:#0073cb }
#activateCardForm form a:hover { color:#dd0834 }
#activateCardForm .close { display:block; width:28px; height:28px; background:url(../img/x.gif) 0 0 no-repeat; position:absolute; top:36px; right:36px; cursor:pointer; }
#activateCardForm form div.col { float:left; padding:0 0 0 66px; width:355px; position:relative }
#activateCardForm form div.sexdate { height:60px }
#activateCardForm form div.sexdate p { float:left; padding:0 28px 0 0; margin:0 }
#activateCardForm form div.col .pin { margin:0 0 10px 0 }

#activateCardForm form div.col .activate { padding:25px 0 0 0 }
#activateCardForm form div.inputs { padding:14px 0 0 0; background:url(../img/index/activate_steps.png) 18px 0 no-repeat }

#activateCardForm form div.userLicence { padding:10px 75px 0 70px; display:none }
#activateCardForm form div.userLicence .userLicenceBody { height:390px; overflow:auto; padding:0 30px; margin:0 -30px 20px -30px; font-size:15px; line-height:18px }
#activateCardForm form div.userLicence .userLicenceBody p { margin:0 0 8px 0 }
#activateCardForm form div.userLicence .title { color:#dd0834; font-size:18px; line-height:25px; margin:0 0 15px 0 }
#activateCardForm form div.userLicence .button { width:120px; margin:0 8px }

.nocheck {clear:both; position:relative; color:#9b9698;font-size:9px;padding:0; margin:0; height:30px; top:-10px; margin-bottom:-25px}
.nocheck p {padding-left:150px; margin-bottom:-5px}


.nocheck_1 {clear:both; position:relative; color:#9b9698;font-size:9px;padding:0; margin:0; height:30px; top:-10px; margin-bottom:-25px}
.nocheck_1 p {padding-left:150px; margin-bottom:-5px}

span#tt {position: relative;font-size:11px;}
a.tooltip:hover {text-decoration:none;font-size:11px;}
*html a.tooltip:hover { display:block;text-decoration:none;font-size:11px;}
a.tooltip span { display:none; width:130px; text-align: left; font-size:11px;}
a.tooltip:hover span { display:block; position:absolute; z-index: 999; top: 20px; left: 25px; border: 1px solid #565656; padding: 5px 5px; background: #FFFFFF; color:#3A3A3A; font-size:11px;}

.rightlogin {color:#231f20;font-size:11px;line-height:12px;}
.rightlogin_ch {color:#231f20;font-size:11px;line-height:12px; padding-top:10px;}


#activateCardPrs { position:relative; padding:0px 0 0 9px; font:normal 15px/20px Arial, Helvetica, sans-serif; color:#231f20; zoom:1; }
#activateCardPrs p { margin:0 0 10px 0; }
#activateCardPrs a { color:#0073cb }
#activateCardPrs a:hover { color:#dd0834 }
#activateCardPrs .close { display:block; width:28px; height:28px; background:url(../img/x.gif) 0 0 no-repeat; position:absolute; top:36px; right:36px; cursor:pointer; }


#activateCardPrs { width:919px; height:631px; position:absolute; top:350px; left:41px; z-index:100; display:none; }
#activateCardPrs .activateCardFormInner { width:919px; height:631px; background:url(../img/index/activate_prs.png) 0 0 no-repeat;
// _background:none;
// _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=img/index/activate_prs.png);
}

#activateCardPrs div.userLicence { padding:80px 75px 0 70px;}
#activateCardPrs div.userLicence .userLicenceBody { height:450px; overflow:auto; padding:0 30px; margin:0 -30px 20px -30px; font-size:15px; line-height:18px }
#activateCardPrs div.userLicence .userLicenceBody p { margin:0 0 8px 0 }
#activateCardPrs div.userLicence .title { color:#dd0834; font-size:18px; line-height:25px; margin:0 0 15px 0 }
#activateCardPrs div.userLicence .button { width:120px; margin:0 8px }


a.prs { display:block; width:273px; height:26px; background:url(../img/prs.png) 0 0px no-repeat; position:absolute; top:830px; left:72px }
a.prs:hover { background-position:-273px 0; _background-position:-272px 0 }
a.prs img { display:block; width:100%; height:100% }


#endActiv { width:472px; height:310px; position:absolute; top:173px; left:264px; z-index:101; display:none; color:#231f20 }
#endActiv .endActivClose { width:472px; height:310px; background:url(../img/index/loginend.png) 0 0 no-repeat;
// _background:none;
// _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=img/index/loginend.png);
}


#endActiv .endActivform { position:relative; padding:74px 50px 30px 58px; font:normal 14px/18px Arial, Helvetica, sans-serif }
#endActiv .endActivform p { margin:0 0 10px 0 }
#endActiv .endActivform .submit { padding:10px 0 0 0; margin:0 }
#endActiv .endActivform .submit .button { vertical-align:middle; margin:0 75px 0 0; width:110px }
#endActiv .endActivform a { color:#0073cb }
#endActiv .endActivform a:hover { color:#dd0834 }
#endActiv .close { display:block; width:28px; height:28px; background:url(../img/x.gif) 0 0 no-repeat; position:absolute; top:36px; right:36px; cursor:pointer; }