html {
    background: #efefef;
}
body {
    padding:    0;
    margin:     0;
    color:      #3f3f3f;
    font:       12px/18px Arial;
    background: #efefef;
}
a {
    color:           #5d9dc5;
    outline:         none;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
img{
    border:         0;
    vertical-align: middle;
}
input, textarea {
    outline:        none;
    vertical-align: middle;
    font:           12px/16px Arial;
}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,td {
    border:         0;
    margin:         0;
    padding:        0;
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
    color:           #666;
    font-weight:     700;
    text-decoration: none;
}
h1{ font-size: 130%;}
h2{ font-size: 120%;}
h3{ font-size: 110%;}
h4{ font-size: 100%;}
h5{ font-size: 90%;}
h6{ font-size: 80%;}

#screen {
    background: none repeat scroll 0 0 #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1101;
}

/*-- __General checkboxes and radio toggles end
-----------------------------------------------------------------------*/
 input.hiddenToggle{
    position:absolute;
    left:-10000px;
}

label.prettyToggle.checkbox{
    background: url(../../images/checkbox2.png) no-repeat scroll 0 0 transparent;
	padding-left: 25px !important;
    height: 19px;
}
label.prettyToggle.checkbox:hover{
	background: url("../../images/checkbox2.png") no-repeat scroll 0 -19px transparent !important;
	cursor: default;
}
.prettyToggle.checkbox.checked:hover{
    background: url("../../images/checkbox2.png") no-repeat scroll 0 -38px transparent !important;
	cursor: default;
}
label.prettyToggle.checkbox.checked{
	background: url("../../images/checkbox2.png") no-repeat scroll 0 -38px transparent;
}

label.prettyToggle.radio{
    background: url("../../images/radio.png") no-repeat scroll 0 0 transparent;
	padding-left: 25px !important;
    height: 19px;
}
label.prettyToggle.radio:hover{
	background: url("../../images/radio.png") no-repeat scroll 0 -19px transparent;
	cursor: default;
}
label.prettyToggle.radio.checked{
	background: url("../../images/radio.png") no-repeat scroll 0 -38px transparent;
}

.prettyToggle.radio.checked:hover{
    background: url("../../images/radio.png") no-repeat scroll 0 -38px transparent !important;
	cursor: default;
}
/*-- __General checkboxes and radio toggles end
-----------------------------------------------------------------------*/

/*-- __Login begin
-----------------------------------------------------------------------*/
#login { width: 359px; margin: 100px auto 0; background: url(../../images/login-bottom.png) no-repeat 0 100%; }
#login div.login-inner { background: url(../../images/login-top.png) no-repeat 0 0; padding: 10px; }
#login div.section-1 { padding: 10px 0; border-bottom: solid 1px #e6e6e6; }
#login div.section-1 span { display: block; width: 299px; height: 87px; margin: 0 auto; text-indent: -10000px; background: url(../../images/logo-big.png) no-repeat 0 0; }
#login div.section-2 { padding: 20px 15px; border-bottom: solid 1px #e6e6e6; border-top: solid 1px #fff; text-align: right; }
#login div.section-2 label { color: #7b7b7b; font-size: 14px; font-weight: 700; }
#login div.section-2 input { outline: none; font-size: 14px; color: #000; font-weight: 400; margin: 5px 0; border: 0; margin-left: 10px; width: 217px; height: 27px; padding: 0 5px; background: url(../../images/input-medium.png) no-repeat 0 0; }

#login div.section-2 input.error { background-position: 0 -27px; }
#login div.section-2 input.active { background-position: 0 -54px; color: #234e8a; }
#login div.section-2 div.check { text-align: left; padding: 5px 0 10px 85px; display: none; }
#login div.section-2 div.check input { width: auto; background: none; height: auto; padding: 0; }
#login div.section-2 div.check label { color: #929292; font-size: 12px; font-weight: 400; }
#login div.section-3 { padding: 20px 15px; border-bottom: solid 1px #e6e6e6; border-top: solid 1px #fff; }
#login div.section-3 span { color: #959595; width: 170px; display: block; }
#login div.section-3 span a { color: #336bab; text-decoration: none;  }
#login div.section-3 span a:hover { text-decoration: underline; }
#login div.section-3 div.image { float: right; }
#login div.section-3 div.image img { border: solid 1px #959595; margin-bottom: 8px;  }
#login div.section-3 div.image input { outline: none; border: 0; width: 93px; height: 21px; padding: 2px 3px 0; background: url(../../images/input-captcha.png) no-repeat 0 0; }
#login div.section-4 { padding: 25px 15px 25px 100px; position: relative;  }
#login div.section-4 button { border: 0; width: 57px; height: 30px; position: absolute; top: 20px; left: 15px; background: url(../../images/buttons.png) no-repeat 0 -258px; }
#login div.section-4 a { color: #336bab; text-decoration: none; }
#login div.section-4 a:hover { text-decoration: underline; }
#login div.section-4 a.red { color: #a72709; }
#login div.section-5 { padding: 10px 15px; }
#login div.section-5 label.hint { color: #7b7b7b; font-size: 11px; font-weight: 400; display: block; padding: 0 0 0 45px; }
#login div.section-5 label { color: #7b7b7b; font-size: 14px; font-weight: 700; }
#login div.section-5 input { outline: none; font-size: 14px; color: #000; font-weight: 400; margin: 5px 0; border: 0; width: 217px; height: 22px; padding: 5px 5px 0; background: url(../../images/input-medium.png) no-repeat 0 0; }
#login div.section-5 input.error { background-position: 0 -27px; }
#login div.section-5 input.active { background-position: 0 -54px; color: #234e8a; }
#login div.section-5 button { border: 0; margin-right: 10px; width: 56px; height: 30px; background: url(../../images/buttons.png) no-repeat 0 -228px; }
#login div.section-5 span.red { color: #a72709; font-weight: 700; }
#login div.section-6 { padding: 20px 5px 20px 0; border-top: solid 1px #fff; text-align: right; }
#login div.section-6 label { color: #7b7b7b; font-size: 12px; font-weight: 700; }
#login div.section-6 input { outline: none; font-size: 14px; color: #000; font-weight: 400; margin: 5px 0; border: 0; margin-left: 5px; width: 217px; height: 22px; padding: 5px 5px 0; background: url(../../images/input-medium.png) no-repeat 0 0; }
#login div.section-6 input.error { background-position: 0 -27px; }
#login div.section-6 input.active { background-position: 0 -54px; color: #234e8a; }
#login div.section-6 input#tos { width: auto; padding: 0; margin: 0 4px; }
#login div.section-6 label.prettyToggle { float: left; font-weight: 400; margin-left: 10px; padding: 0 0 0 10px; }
#login div.section-6 div.submit { text-align: left; padding: 0 0 0 110px; }
#login div.section-6 div.submit input { border: 0; width: 57px; height: 30px; margin-right: 10px; background: url(../../images/buttons.png) no-repeat 0 -288px; }
#login div.section-7 { padding: 20px 15px; color: #666; font: 12px/16px Arial; }
#login div.section-7 h5 { color: #4651c4; font: 700 14px/18px Arial; padding: 0 0 3px; }
/*logout page*/
#login div.section-8 {  padding: 10px 15px; height: 145px;}
#login div.section-8 span{ color: #7B7B7B;font-size: 14px; font-weight: 700; line-height: 35px; display:block;}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
/*-- __Login end
-----------------------------------------------------------------------*/