@charset "utf-8";
/* CSS Document */

* {
    margin:0;
    padding:0;
}

body {
    background: #e3e3e3;
    color: black;
    text-align:center;
    font:10.3pt Arial, Helvetica, sans-serif;
}

img {
    border:0px;
}

img.icon_drop
{
  position:relative;
  bottom: -3px;
}

img.middle {
  vertical-align: middle
}

a {
    color: #0857a6;
    text-decoration:none;
}
a:hover {
    color: blue;
    text-decoration:underline;
}
#header {
    width: 100%;
    color: black;
    padding-right:25px;
    padding: 10px;
    position:relative;
    clear: both;
}

#logo {
        margin:0px 0 0 21px;
}

#welcome {
        position:absolute;
        left:50%;
        top: 33%;
        height: 6%;
        text-align:center;
        margin-left: -50px;
        padding-top: 0px;
#        background-color: orange;
    }
        #hello {
            margin-top:0px;
        }
        #wmenu {
            margin-top:9px;
        }

        #wenter {
            font-weight:bold;
            margin-top: 0px;
        }

        #wenter div{ position:relative; display: inline;}

        #wenter div div.lkab, #lkab
        {
          display: none;
          width:290px;
          border:2px solid #000000;
          background-color:#FFFFFF;
          padding:10px 0px;
          margin-top: 20px;
          position: absolute;
        }

        #wenter div div.display {
         display:block;
        }
        #wenter div div.lkab p, #lkab p { margin:10px 0px}
        #wenter div div.lkab label, #lkab label { display:block; float:left; width:100px; margin-left:15px; }
        #wenter div div.lkab input, #lkab input { width:140px; line-height:12pt    }
        #wenter div div.lkab a, #lkab a { text-decoration:underline; font-weight:normal}

    #mess {
#        float:right;
        margin-top:18px;
        white-space:nowrap;
        position: absolute;
        right: 5%;
        top: 0%;
    }
        #mails {
            height:32px;
            border-bottom:1px solid #b3e8a2;
            padding:0 11px 0 35px;
            width:155px;
            line-height:32px;
            background:url(../images/mail.gif) no-repeat 6px 9px;
            white-space:nowrap;
        }

        #acct {
          height:33px;
          padding:0 11px 0 35px;
          width: 155px;
          line-height:32px;
          background:url(/images/account.gif) no-repeat 6px 6px;
          white-space:nowrap;
        }

.greenb {
    color:#178700;
    font-weight:bold;
}

#extra {
    border-top:1px solid #b3e8a2;
    clear:both;

    margin:0px 24px 0px 24px;
    text-align:center;
    padding-top:12px;
/*      */

    color: black;
}
#footer {
    color:#646464;
    padding:12px 0 3px 20px;
    margin-left: 4px;
    margin-right: 4px;
}
#extra a, #extra a:hover {
    color: black;
    margin-left: 4px;
    margin-right: 4px;
}
#footer a:hover {
    color: black;
}
#footer0 {
    background:url(/images/shad3.gif) repeat-x;
    height:10px;
    margin:0 5px 0 5px;
}
#footer00 {
    background:url(/images/shad4.gif) no-repeat right top;
    height:10px;
}

.clr {
    clear:both;
    font-size:0px;
}


/* 22.08.08 */

/* for inner */

#inner-wrapper {
 border-top:1px solid #b3e8a2;
 margin:0px 22px;
 min-height:600px;
/* *height:630px; */
}

.crumbs
{
  margin:7px 0px;
}
.crumbs, .crumbs a {color:#6c866c}
.crumbs a { text-decoration:underline }
.crumbs a:hover { text-decoration:none }
.crumbs span { padding: 0px 4px 0px 2px; }

.pages { text-align:center; color:#000000; font-weight:bold; margin-top:15px; padding-bottom:10px; }
.pages a { color:#000000; font-weight:normal; text-decoration:underline }
.pages a:hover { text-decoration:none }
.pages a, .pages span { margin:0px 2px }
.pages .prew { padding-left:25px; background:url('/images/prew.gif') 0px 5px no-repeat; }
.pages .next { padding-right:25px; background:url('/images/next.gif') right 5px no-repeat;  }

.clear {clear:both;display:block;overflow:hidden;width:100%;height:1px;}

h1 {
  color:#000000;
  font-size:17pt;
  padding-bottom: 3mm;
  padding-top: 2mm;
}

.line a { text-decoration:underline}

input, select, textarea {border: 1px solid;}

input.tx[type="radio"]
{
  border: 0px solid;
}

table table {border-collapse: collapse;}

/*
Определяет в том числе и чекбоксы
*/
.tx  {
    font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
    font-size: 11pt;
    background-color: #FFEECC;
    padding: 1px 3px;
}

input.tx[type="text"]  {
    width: 4cm;
}

input.tx[type="checkbox"]  {
    font-size: 13pt;
    height: 15px;
}

input.num, .num {
    font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
    font-size: 11pt;
    width: 1cm;
    background-color: #FFEECC;
    padding: 1px 3px;
}

select.num
{
  width: 2cm;
}

textarea.tx {
    width: 400px;
    height: 120px;
    font-size: 10pt;
}

input.tx_file
{
  font-family: Arial, Verdana, Geneva,  Helvetica, sans-serif;
  font-size: 8pt;
  padding: 1px 3px;
  background-color: #FFEECC;
}

input.tx_file[type="file"]
{
  margin-right: 10mm;
}

input.reg_pass {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12pt;
    background-color: #FFEECC;
    width: 120px;
}

input.check_code {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12pt;
    background-color: #FFEECC;
    width: 2cm;
}

/* У некоторых редакторов должны быть большие ячейки у таблиц */
table.form td
{
  padding: 5px 5px 5px 5px;
  border-color: white;
  vertical-align: top;
  background-color: white;
}

table.form td:nth-child(1)
{
  text-align: right;
}
table.form td:nth-child(2)
{
  text-align: left;
}

table.query_table
{
  width: 90%;
  background-color: white;
  margin-left: 7px;
  margin-top: 7px;
}

table.query_table td
{
  padding: 6px 6px 6px 6px;
  border-color: white;
}

table.query_table td.left
{
  padding: 6px 6px 6px 6px;
}

blockquote
{
  margin: 10px 0px 10px 20px;
}

.reg_num, input.reg_num {
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12pt;
    width: 60px;
    background-color: #FFEECC;
}

img.arrow_spacer
{
 width: 24px;
 height: 16px;
 border: 0px;
}

.cb_set label {
  font-size: 70%;
  margin-right: 15px;
  white-space: nowrap;
}

.task_editor_cb
{
  margin-right: 3px;
}

button {
  color: rgb(20, 19, 18);
	background-color: white;
  font-family: use-lang-def;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  text-indent: 0px;
  white-space: nowrap;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
	vertical-align: baseline;
	margin: 0px;
}

fieldset, .filter {
  font-family: Verdana, Tahoma, monospace, Courier New;
}

fieldset {
  padding: 7px;
  border-color: #e5e4e4;
  text-align: left;
  font-size: 0.9em;
}
/* =============================================================================
MESSAGES
============================================================================= */

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background-color: #FBE3E4; color: black; border-color: #FBC2C4; }
.notice     { background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
.info       { border:2px solid #B8E2FB; background-color:#E8F6FF;}
.done       {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* =============================================================================
MESSAGES
============================================================================= */

.msg {padding:10px; padding-left:35px; margin-bottom: 15px; margin-top: 15px;}
.msg.warning {background:url("/images/bo/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("/images/bo/ico-info.gif") 10px 50% no-repeat;background-color:#E8F6FF;}
.msg.done {background:url("/images/bo/ico-done.gif") 10px 50% no-repeat;background-color:#EAF7D9;}
.msg.error {background:url("/images/bo/ico-delete.gif") 10px 50% no-repeat;background-color: #FBE3E4;}
#query_page
{
  background: white;
  padding: 0px;
}

#container00 {
    width:836px;
    margin:0 auto;
    background:url(/images/shad1.gif) repeat-y top left;
    text-align:center;
}
#container0 {
    width:836px;
    text-align:center;
    background:url(/images/shad2.gif) repeat-y top right;
}

#container {
    width:822px;
    text-align:left;
    margin:0 auto;
    background: white;
}

#content {
    float:left;
    width: 100%;
    margin-bottom:10px;
    margin-top:10px;
}

#navigation {
    float:right;
    width:382px;
    padding:0 23px 0 6px;
    margin-bottom:10px;
}

H2
{
 font-size:14pt;
 font-weight:bold;
 color:  black;
 margin: 2px 0px 3px 0px;
}

#container_new_message H2
{
  font-size:11pt;
  font-weight: bold;
}

#pquest li, .subcategrys li,
#specialist-page .info .wrapper, #specialist-page .info .wrapper2,
.specialist .head, .specialist .footer,
.specialist .info p.answer, .specialist .info p.read, .specialist .info p.time,
.review .bneg, .review .bpoz, .review .bneyt,
#bl1,#bl2,#bl3,#bl4,#gr1,#gr2,#gr3,#gr4,#or1,#or2,#or3,#or4,#regb,#regr,#rego
{
  background: url(/images/sprite-first.gif) no-repeat top left;
}

#bl1, #bl2, #bl3, #bl4, #gr1, #gr2, #gr3, #gr4, #or1, #or2, #or3, #or4
{
  width: 5px;
  height:5px;
  padding: 0px;
  margin: 0px;
  font-size:1px;
}

    .fld {
        margin: 15px 6px 10px 23px;
    }
    #tgr, #tbl, #tor {
        height:31px;
        width:100%;
        background: #09db08;
        color:#fff;
        font-size:18pt;
        font-weight:bold;
        text-align:center;
        line-height:30px;
    }

    #gr1 {
        background-position: -59px -7px;
        float: left;
    }
    #gr2 {
        background-position: -50px -7px;
        float: right;
    }
    #bgr {
        height:5px;
        background:#09db08;
        width:100%;
    }
    #gr3 {
        background-position: -35px -7px;
        float:right;
    }
    #gr4 {
        background-position: -43px -7px;
        float:left;
    }
    #tbl {
        background:#66ccff;
        width: 100%;
    }
    #bl1 {
        background-position: 0 -7px;
        float: left;
    }
    #bl2 {
        background-position: -8px -7px;
        float: right;
    }
    #bbl {
        height:5px;
        background:#66ccff;
        width:100%;
    }
    #bl4 {
        background-position: -16px -7px;
        float: left;
    }
    #bl3 {
        background-position: -22px -7px;
        float: right;
    }
    #blb {
        border-left:1px solid #66ccff;
        border-right:1px solid #66ccff;
        padding-bottom:10px;
        background:url(/images/partn.jpg) no-repeat;
        background-position: 20px 43px; /* Положение фона */
    }

        #pquest {
            width:210px;
            margin: 0px 0px 25px 150px;
            color:#333333;
        }
        #pquest ul {
        list-style-type: none;
        }
        #pquest li {
            background-position: 0px -116px;
            padding-left: 20px;
            margin-right:10px;
            margin-top: 10px;
            font-weight:bold;
        }

    #grb {
        border-left:1px solid #09db08;
        border-right:1px solid #09db08;
        padding-bottom:12px;
        background:url(/images/beach_coding.jpg) no-repeat;
        background-position: 15px 20px; /* Положение фона */
    }

        #steps {
            width:600px;
            padding: 0px 0px 10px 280px;
        }
        .numb {
            float:left;
            font:33pt 'Arial Black';
            margin: 0px 7px 0px 0px;
            padding: 0px;
        }
        .ntxt {
            font-size:11.6pt;
            font-weight:bold;
            padding-top:15px;
            padding-left: 0px;
            margin-left:8px;
        }
        #grb .clr {
            padding-bottom:17px;
        }
        .rose {
            color:#e71b1e;
        }
        .gold {
            color:#e9871f;
        }
        .green {
            color:#09db08;
        }
        .blue {
            color:#4f4fbc;
        }

        #steps .rose a.start, #steps .gold a.start {
          font-weight: normal;
					font-size: 11px;
					text-align: right;
					width: 100%;
					color: #44a;
					margin-left: 290px;
        }

        .reg {
            text-align:center;
            padding:3px 0 8px 0;
            font-size:9pt;
            margin:0 auto;
        }

        #rego, #regr, #regb {
            line-height:29px;
            text-transform:uppercase;
            color:#ac8600;
            font-weight:bold;
            padding: 2px 1px 0px 0px;
        }
        #regr, #regb {
            width:168px;
            height:28px;
            line-height:27px;
        }
        #regb {
            background-position: -239px -27px;
        }
        #rego {
            background-position: 0 -26px;
            height: 29px;
            width:235px;
        }
        #regr {
            background-position: -414px -27px;
        }
        #rego a, #rego a:hover {
            color:#ac8600;
            text-decoration:none;
        }
        #regr a, #regr a:hover {
            color:#339933;
            text-decoration:none;
        }
        #regb a, #regb a:hover {
            color:#3399cc;
            text-decoration:none;
        }
    #tor {
        background:#fbc711;
    }
    #or1 {
        background-position: 0 -16px;
        float: left;
    }
    #or2 {
       background-position: -9px -16px;
       float: right;
    }
    #bor {
        height:5px;
        background:#fbc711;
        width:100%;
    }
    #or3 {
        background-position: -26px -16px;
        float: right;
    }
    #or4 {
        background-position: -17px -16px;
        float: left;
    }
#orb {
  border-left:1px solid #fbc711;
  border-right:1px solid #fbc711;
  padding-bottom:8px;
}
    #levels {
        padding:12px 14px 0px 14px;
    }
.lev1 {
    font-size:15pt;
    font-weight:bold;
}
.lev2 {
    font-size:9pt;
    margin-bottom:16px;
}
    .w100 {
        width:100%;
    }
#pt23 {
    padding-top:23px;
}


.guru_sort{ float:right; vertical-align:middle }
.guru_sort select { margin-left:6px; vertical-align:middle; color:#026c02; border:1px solid #026c02; width:80px}
.guru_sort input { margin:0px 5px; cursor:pointer; border: 0px; }

.subcategrys { margin:5px 0px 0px 0px}
.subcategrys ul { list-style:none; width:320px; margin-left:25px; float:left }

.subcategrys li {
  padding-left:9px;
  background-position: -283px -117px;
  margin: 10px 0px;
}
.subcategrys li a { color:#000000; font-weight:bold; text-decoration:underline }

/*
# background:url('/images/spec-bg.gif') repeat-y;
border-left:1px solid #09db08;
*/

.specialist
{
 width: 774px;
 color:#000000;
 margin:10px 0px;
 padding: 0px;
 min-height:132px
}

.specialist .body
{
  border-left:1px solid #09db08;
  border-right:1px solid #09db08;
  width: 772px;
}

.specialist .head
{
  background-position: 0 -74px;
  width: 774px;
  height: 7px;
  font-size: 0px;
}

.specialist .footer
{
  background-position: 0 -82px;
  width: 774px;
  height: 7px;
  font-size: 0px;
}

.specialist .about {
 float:left;
 width: 570px;
 font-size:10pt;
 margin: 1px 0px 1px 8px;
}
.specialist .about a { color:#000000 }
.specialist .about img.avatar { float:left; border:1px solid #527b52; margin-right: 8px;}
.specialist .about p { margin:4px 0px; margin-left:110px;  }
.specialist .about .reyt-image { vertical-align:top}
p.reyt { color:#0f8500;}
p.reyt img.star { margin-right:4px; vertical-align:middle; margin-left:2px; }
p.reyt span { height:20px; letter-spacing:2pt;}
p.reyt span strong { color:#FF0000 }
p.reyt .garanty { margin-left:0px;  margin-right:12px; vertical-align:middle}


.specialist .about p.tags a { text-decoration:underline }
.specialist .about p.tags a:hover { text-decoration:none }

.specialist .info { float:right; width:165px; margin-right:10px; font-size:8pt; color:#0f8500}
.specialist .info p img { margin-right:5px; }

.specialist .info p {
  padding-left: 27px;
  padding-top: 7px;
  padding-bottom: 0px;
  margin-top:1px;
  height: 20px;
  float: left;
  clear: both;
}

.specialist .info p.answer
{
  background-position: -755px -0px;
  padding-top: 8px;
  white-space: nowrap;
}

.specialist .info p.read
{
  margin-top:7px;
  background-position: -755px -36px;
  white-space: nowrap;
}

.specialist .info p.time
{
  background-position: -755px -97px;
  white-space: nowrap;
}

#specialist-page { margin-top:15px;  }
#specialist-page .info {
 width:229px;
 float:left;
 background:url('/images/specialist-page-ibg.gif') repeat-y;
 margin-bottom: 30px;
}
#specialist-page .info h1 { font-size:12pt; margin-left:12px; padding-top:4px; }
#specialist-page .info h1 a { color: black; text-decoration:none }
#specialist-page .info h1 a:hover { color: black; text-decoration:underline }
#specialist-page .info .wrapper
{
 background-position: 0 -64px;
 height: 4px;
 width: 229px;
 font-size: 0px;
}
#specialist-page .info .wrapper2
{
 background-position: 0 -57px;
 height: 6px;
 width: 229px;
 font-size: 0px;
}
#specialist-page .info  .avatar
{
 border:1px solid #517c51;
 margin: 10px 10px 10px 10px;
}
#specialist-page .info p.reyt { margin-left:10px; margin-bottom:15px }
p.reyt .positive {color: green; font-weight: bold;}
p.reyt .neutral  {color: gray;}
p.reyt .negative {color: red; font-weight: bold;}
#specialist-page .info dl { margin-left:10px; margin-right:5px; height:62px; color:#178700 }
#specialist-page .info dt { float:left }
#specialist-page .info dl span { display:block; padding:4px 0px; margin-left:81px; }
#specialist-page .info a { text-decoration:underline; color:#178700}
#specialist-page .info p { margin-left:10px;}

#specialist-page .content { margin-left:245px; color:#000000 }
#specialist-page .content .name { height:80px; color:#9a9a9a; font-size:14pt}
#specialist-page .content .name img { vertical-align:middle; float:left; margin-right:10px;}
#specialist-page .content p { margin-bottom:10px;}
#specialist-page .content p.header { margin:0px}

#specialist-page .content .terms { max-height:300px; overflow:auto; margin-bottom:20px;}

#specialist-page .content .questions { width:300px; height:95px; margin:10px auto; margin-top: 27px;}
#specialist-page .content .questions div { float:left; width:150px; text-align:center  }
#specialist-page .content .questions div img { margin-bottom:5px }

#specialist-page .content.reviews .all, #specialist-page .content.reviews .review  { border-bottom:1px solid #e3e3e3; padding:10px 0px}
#specialist-page .content.reviews .all span { margin-right:25px }
#specialist-page .content.reviews .all strong { margin-left:5px }
#specialist-page .content.reviews .all .neg { color:#ff0000 }
#specialist-page .content.reviews .all .poz { color:#09db08 }
#specialist-page .content.reviews .all .neyt { color:#bcbcbc }

#specialist-page .content.reviews .review p{ margin:2px 0px; padding-left:32px; }
#specialist-page .content.reviews .review p.comment{ margin-top:6px; margin-bottom:0px; padding-left:32px; }

#specialist-page .content.reviews .review strong{ color:#178700; margin-right:7px; margin-left:0px; padding-left: 0px}

#specialist-page .content.reviews .review div
{
 width: 16px;
 height: 16px;
 margin-right: 11px;
 margin-left: 5px;
 float: left;
}

.review .bneg {
 background-position: -90px 0px;
}

.review .bpoz {
 background-position: -66px 0px;
}

.review .bneyt {
 background-position: -114px 0px;
}

.section_content { margin:20px 0px; margin-top:10px; color:#000000}
.section_content p { margin-bottom:10px; }
.section_content p.question { margin:0px; margin-top:20px; font-weight:bold; color:#2b9c14; font-size:10pt}
.section_content a.partner { font-size:18pt; color:#FF0000 }
.section_content ol {
 margin-left: 20px;
 margin-top:  10px;
 margin-bottom:  10px;
}

input.select_payment_system
{
  margin-top: 0px;
  margin-bottom: 10px;
  border: 1px solid black;
}

#container_new_message {
    margin-right:9px;
    margin-top: 10px;
    text-align:left;
    background: #ffffff;
}

.registration
{
  width: 100%;
}

.registration td
{
  padding: 3px 3px 2px 3px;
}

#goog-fixurl
{
  margin: 15px 15px;
}
.other-things
{
  margin: 15px 0px;
}
#goog-fixurl input
{
margin: 0px 5px;
}

table.feedback2mail
{
  border: 0px;
  table.feedback2mail
  width: 550px;
}

.feedback2mail td
{
  padding: 3px;
  margin:  5px;
}

.feedback2mail textarea
{
  width: 520px;
  height: 250px;
}

.feedback2mail .left
{
  width: 35%;
}

/*
 Классы для помощи
 */

.help h2 {
font-size: 18px;
margin-top:15px;
margin-bottom:10px;
}

.help p {
margin-bottom:5px;
margin-top:5px;
}

.table_c ul{
padding-bottom:15px;
padding-left:15px;
list-style:square;
}

.table_c ul li{
padding-bottom:5px;
}
.ce {
font-weight: bold;
font-style: italic;
color:#666666;
}

.important {
border: dotted #666 1px;
border-left:solid #fba576 5px;
padding-left:5px;
padding-top:5px;
background:#ffefbe;
}

.important2 {
border: dotted #666 1px;
border-left:solid red 3px;
padding:15px;
width:69%;

}
.gent{
width: 100%;
background: #FFFFFF;
border:0;
}
.gent tr{
vertical-align:top;
}
.gent td:nth-child(2n+1){
padding-right:23px;
width:40%;
}
.gent td:nth-child(2n){
padding-left:23px;
width:60%
}
.im_cmd {
border-right: 1px dashed;
border-top: 1px dashed;
border-left: 1px dashed;
border-bottom: 1px dashed;
background:#f6f293;
width:100%;
padding: 10px;
font-weight:bold;
}
.im_cmd_eq {
border-right: 1px dashed;
border-top: 1px dashed;
border-left: 1px dashed;
border-bottom: 1px dashed;
background:#f6f293;
padding: 10px;
font-weight:bold;
width:37%;
}
.im_example{
border-right: 1px solid;
border-top: 1px solid;
border-left: 1px solid;
border-bottom: 1px solid;
width:99%;
}
.im_example td{
padding: 2px 1px 2px 8px;
}
.im_example tr:nth-child(2n+1){
background-color: #eaf5fc;
}
.im_example tr:nth-child(2n){
background-color: #f4feea;
}
.help img {
border: 1px solid #a3abb2;
display:block;
margin-bottom:20px;

}
.scrn_left {
float:left;
margin: 0px 15px 17px 0px;
}


.ntxt H1 {
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 3px;
  background-color: #fa9830;
  margin-right: 7px;
  margin-bottom: 10px;
}