/* === Tags ======================================================================================= */
* {padding:0; margin:0;}
html {height:100%;}
body {height:100%; font:12px Tahoma, Arial, Verdana, Sans-serif, Helvetica; color:#666;}
img {border:0;}
    
table {border:none;}
table, tr, td {border-collapse:collapse;}

/*==============Links=================================================================*/
a:focus {outline:none;}

a {color:#0e8cdb; text-decoration:underline;}
a:hover {text-decoration:none;}

a.link {text-decoration:none;}
a.link:hover {text-decoration:underline;}

a.blueAjax {color:#0e8cdb; text-decoration:none; border-bottom:1px dotted #0e8cdb;}
a.blueAjax:hover {color:#0e8cdb; text-decoration:none; border-bottom:none;}
a.active {font-weight:bold;}

a.greyAjax {color:#666; text-decoration:none; border-bottom:1px dotted #666;}
a.greyAjax:hover {color:#666; text-decoration:none; border-bottom:none;}

a.blackAjax {color:#2c2c2c; text-decoration:none; border-bottom:1px dotted #2c2c2c;}
a.blackAjax:hover {color:#2c2c2c; text-decoration:none; border-bottom:none;}

a.greenAjax {color:#46a926; text-decoration:none; border-bottom:1px dotted #46a926;}
a.greenAjax:hover {color:#46a926; text-decoration:none; border-bottom:none;}

a.redAjax {color:#d10c0c; text-decoration:none; border-bottom:1px dotted #d10c0c;}
a.redAjax:hover {color:#d10c0c; text-decoration:none; border-bottom:none;}

a.cancel {color:#666; text-decoration:none; border-bottom:1px dotted #666; position: relative; top: 8px; left: 15px;}
a.cancel:hover {color:#666; text-decoration:none; border-bottom:none;}

/* === Base classes ================================================================================ */

.clear {clear:both;}
.left    {float:left;}
.right {float:right;}
.center {text-align: center;}

.relative {position:relative;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

.throught {text-decoration: line-through;}

.disabled { opacity: 0.65; filter:Alpha(Opacity=65);}
.displaynone {display: none;}
.hidden {visibility: hidden;}

/* =================================================================================================*/

.bannerTop100 {text-align: center; margin-bottom: 15px;}
#wrap {width:100%; min-height:100%; height:100%; margin-bottom:-267px; background:#fff;}
html>body #wrap {height:auto;}

.container {width:946px; margin:0 auto;}

.spaser {height:267px;}

/*========================================================================================================================================*/
h1 {margin:0; padding:0; font-size:21px; font-weight:normal; color:#333;}  
h2 {margin:0; padding:0; font-size:18px; font-weight:normal;}  
h3 {margin:0; padding:0; font-size:14px; font-weight:normal;}  
/*========================================================================================================================================*/

.separator {height:18px;}

/*====================================================================================================*/


table td {padding: 3px 0 3px 5px;}

table.info td {padding: 10px 0 10px 10px; border-bottom: 1px dotted #E8E8E8;}
table.info {border-width: 0 1px 1px 1px; border-style:solid; border-color:#E8E8E8;}
table.info th {text-align: left; background: url("../img/bgUserPanel.gif") 0 0 repeat-x; padding: 0 0 0 10px; height: 35px;}

/*====================================================================================================*/      

.black {color:#333!important;}
.grey {color:#8b8b8b!important;}
.grey2 {color:#b3b3b3!important;}
.green {color:#46a926;}
.red {color:#d10c0c;}
.red2 {color:#920e0e;}

.nobold {font-weight: normal;}
.nowrap {white-space: nowrap;}

.selectOrange {padding:0 5px 2px 5px; color:#fff; background-color:#ff6a15;}

.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px!important;}
.f13 {font-size:13px!important;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}

.padTop0 {padding-top:0px!important;}
.padTop3 {padding-top:3px!important;}
.padTop5 {padding-top:5px!important;}
.padTop8 {padding-top:8px;}
.padTop10 {padding-top:10px;}
.padTop15 {padding-top:15px;}
.padTop20 {padding-top:20px;}
.padTop25 {padding-top:25px;}
.padTop30 {padding-top:30px;}
.padTop40 {padding-top:40px;}

.padBottom41 {padding-bottom:41px;}

.margRight3 {margin-right:3px!important;}
.margRight6 {margin-right:6px!important;}
.margRight10 {margin-right:10px!important;}
.margRight20 {margin-right:20px;}
.margRight45 {margin-right:45px;}

.margLeft6 {margin-left:6px;}
.margLeft10 {margin-left:10px;}
.margLeft15 {margin-left:15px;}
.margLeft20 {margin-left:20px;}
.margLeft24 {margin-left:24px;}

.margTop10 {margin-top:10px;}
.margTop25 {margin-top:25px!important;}
.margTop37 {margin-top:37px!important;}

.w188 {width:188px!important;}
.w200 {width:200px!important;}
.w206 {width:206px;}
.w208 {width:208px;}
.w225 {width:225px;}
.w256 {width:256px;}
.w270 {width:270px;}
.w355 {width:355px;}
.w370 {width:370px;}
.w400 {width:400px;}
.w434 {width:434px;}
.w450 {width:450px!important;}
.w470 {width:470px!important;}
.w480 {width:480px!important;}
.w580 {width:580px!important;}
.w680 {width:680px!important;}
.w704 {width:704px!important;}

.greyBg {background-color:#f7f7f7;}
.blueBg {background-color:#ffffeb;}

.blue {color: #0E8CDB}
.lineHeight {line-height:1.5;}

.borderTop {border-top:1px solid #f2f2f2;}
.borderBlock {border:1px solid #e8e8e8;}

/*===================================================================================================*/

.button {cursor:pointer; display:block; vertical-align:middle; background:url(../img/bgButton.gif) 0 0 no-repeat;}
.button input {height:31px; padding:0 20px 2px 20px; font-size:12px; font-family:Tahoma; color:#333; text-align:center; cursor:pointer; border:0; background:url(../img/bgButtonRight.gif) right 0 no-repeat;}
.button input:hover {cursor:pointer;}
.button:hover {cursor:pointer; background:url(../img/bgButton.gif) 0 -31px no-repeat;}
.button:hover input {background:url(../img/bgButtonRight.gif) right -31px no-repeat;}
.button:active {cursor:pointer; background:url(../img/bgButton.gif) 0 bottom no-repeat;}
.button:active input {background:url(../img/bgButtonRight.gif) right bottom no-repeat;}
.checkbox {position: relative; top:1px}

.blueBlock .button {background:url(../img/bgButtonBlue.gif) 0 0 no-repeat;}
.blueBlock .button input {height:32px; background:url(../img/bgButtonRightBlue.gif) right 0 no-repeat;}
.blueBlock .button:hover {cursor:pointer; background:url(../img/bgButtonBlue.gif) 0 -32px no-repeat;}
.blueBlock .button:hover input {background:url(../img/bgButtonRightBlue.gif) right -32px no-repeat;}
.blueBlock .button:active {cursor:pointer; background:url(../img/bgButtonBlue.gif) 0 bottom no-repeat;}
.blueBlock .button:active input {background:url(../img/bgButtonRightBlue.gif) right bottom no-repeat;}

.buttonSmall {cursor:pointer; display:block; vertical-align:middle; background:url(../img/bgButtonSmall.gif) 0 0 no-repeat;}
.buttonSmall input {height:27px; padding:0 11px 2px 11px; font-size:11px; font-family:Tahoma; color:#333; text-align:center; cursor:pointer; border:0; background:url(../img/bgButtonSmallRight.gif) right 0 no-repeat;}
.buttonSmall input:hover {cursor:pointer;}
.buttonSmall:hover {cursor:pointer; background:url(../img/bgButtonSmall.gif) 0 -27px no-repeat;}
.buttonSmall:hover input {background:url(../img/bgButtonSmallRight.gif) right -27px no-repeat;}
.buttonSmall:active {cursor:pointer; background:url(../img/bgButtonSmall.gif) 0 bottom no-repeat;}
.buttonSmall:active input {background:url(../img/bgButtonSmallRight.gif) right bottom no-repeat;}

.buttonGreen {cursor:pointer; display:block; background:url(../img/bgButtonGreen.gif) 0 0 no-repeat;}
.buttonGreen a {display:block; height:27px; padding:10px 15px 0px 15px; font-size:14px; font-family:Arial; font-weight:bold; color:#fff; text-align:center; text-decoration:none; cursor:pointer; border:0; background:url(../img/bgButtonGreenRight.gif) right 0 no-repeat;}
.buttonGreen:hover {cursor:pointer; background:url(../img/bgButtonGreen.gif) 0 -37px no-repeat;}
.buttonGreen:hover a {background:url(../img/bgButtonGreenRight.gif) right -37px no-repeat;}
.buttonGreen:active {cursor:pointer; background:url(../img/bgButtonGreen.gif) 0 bottom no-repeat;}
.buttonGreen:active a {background:url(../img/bgButtonGreenRight.gif) right bottom no-repeat;}

.buttonGreen2 {cursor:pointer; display:block; background:url(../img/bgButtonGreen2.gif) 0 0 no-repeat;}
.buttonGreen2 a {display:block; height:24px; padding:8px 17px 0px 17px; font-size:13px; font-family:Arial; font-weight:bold; color:#fff; text-align:center; text-decoration:none; cursor:pointer; border:0; background:url(../img/bgButtonGreenRight2.gif) right 0 no-repeat;}
.buttonGreen2:hover {cursor:pointer; background:url(../img/bgButtonGreen2.gif) 0 -32px no-repeat;}
.buttonGreen2:hover a {background:url(../img/bgButtonGreenRight2.gif) right -32px no-repeat;}
.buttonGreen2:active {cursor:pointer; background:url(../img/bgButtonGreen2.gif) 0 bottom no-repeat;}
.buttonGreen2:active a {background:url(../img/bgButtonGreenRight2.gif) right bottom no-repeat;}

.inputText {height:18px; padding:2px 4px; font:12px Tahoma, Arial, Verdana, Sans-serif, Helvetica; color:#333; vertical-align:middle; border:1px solid #c7c7c7; background:#fff;}
select.inputText {height:24px; padding-right:2px; :margin-top:2px;}
select.inputText option {padding: 2px 4px 2px 7px;}
input.error, select.error, textarea.error {border:1px solid #ffbbbb;}

/*====================================================================================================*/

#header {height:116px; background: url("../img/bgOrder.gif") repeat-x scroll 0 bottom;}
#header .logo {float:left; width:350px; padding:11px 0 0 0;}
#header .logo a.title {font-size: 21px;}
#header .logo a.how {margin:-1px 0 0 6px; font-size:11px; color:#2c2c2c; text-decoration:none; border-bottom:1px dotted #2c2c2c;}
#header .logo a.how:hover {color:#2c2c2c; text-decoration:none; border-bottom:none;}

#header .login {position:relative; float:right; padding-top:43px;}
#header .login .enter {margin-right:25px; font-size:14px;}
#header .login .start {position: absolute; top:15px; right: -62px; width: 300px;}

#header .login .loginForm {position:absolute; z-index: 100; right:91px; top:35px; width:245px;}
#header .login .loginForm .top {width:225px; height:27px; padding:8px 20px 0 0; text-align:right; background:url(../img/loginFormTop.png) 0 0 no-repeat;}
#header .login .loginForm .top a {color:#2c2c2c; text-decoration:none;}
#header .login .loginForm .bottom {width:245px; height:10px; background:url(../img/loginFormBottom.png) 0 0 no-repeat;}
#header .login .loginForm .center {padding:8px 14px 8px 15px; background:url(../img/loginForm.png) 0 0 repeat-y;}

#header .login .loginInput {width:197px; height:32px; padding:0px 10px; font:13px Tahoma; vertical-align:middle; border:none; background:url(../img/loginInput.png) 0 0 no-repeat;}
@media \0screen { #header .login .loginInput {padding-top:6px; height:26px;}} 

#header .headerBottom {position:relative;}

#header .region {float:left; width:310px; padding:23px 0 0 0; color:#2b2f32;}
#header .region .dropDown {float:left; margin:2px 0 0 7px; font:14px helvetica; text-decoration:none;}
#header .region .dropDown span {border-bottom: 1px dotted #0E8CDB;}
#header .region .dropDown .down {float:right; margin:6px 0 0 5px;}
#header .region .open {position:relative; z-index:100; color:#4f514e;}
#header .region .open span {border: none; font-weight: bold; }

#header .region .openBlock {position:absolute; left:66px; top:44px; z-index:10; float:left; background-color: #fff; border: 1px solid #999; }
#header .region .openBlock .center {padding:6px 10px 6px 10px; text-align: left;}
#header .region .openBlock .center li {padding:5px 10px 5px 5px; list-style:none; font:14px helvetica;}
#header .region .openBlock .center a {color:#4f514e; text-decoration:none;}
#header .region .openBlock .center a:hover {color:#118fde; text-decoration:none;}
#header .region .openBlock .center a.blueAjax {color: #0E8CDB;}

#header .menu {float:right; padding:15px 0 9px 0; margin:0 -14px 0 0;}
#header .menu li {float:left; margin:0 0 0 -2px; list-style:none; background:url(../img/bgMenuLine.png) right center no-repeat;}
#header .menu li.last {background:none;}
#header .menu li a {display:block; padding:7px 15px 7px 16px; font-size:14px; color:#666; text-decoration:none; }
#header .menu li a:hover {text-decoration:underline;}
#header .menu li.active a {text-decoration:underline;}

.userMenu {float:left;}
.userMenu .item {float:left; margin:0 0 0 25px;}
.userMenu .hello {float:left; padding:5px 40px 8px 25px; margin:-5px 6px 0 0; border-right:1px solid #e7e7e7;}

.userPanel {height:37px; padding:12px 0 0 0; background:url(../img/bgUserPanel.gif) 0 0 repeat-x;}
.userPanel .controls {float:right;}
.userPanel .controls .item {float:left; margin:0 0 0 24px;}

/*======================================================================================================*/    
    
#main {padding:0 0 20px 0;}       

/*======================================================================================================*/        

.categories {padding:30px 0 0 0; text-align:center; font-size:18px;}
.categories a {color:#0E8CDB;}
.categories li {display:inline; padding:0; margin:0 10px; list-style:none;}
.categories li.select {display:inline-block; color:#fff; background:url(../img/catSelect.gif) center 0 no-repeat;}
.categories li.select .leftSide {display:inline-block; width:8px; height:37px; vertical-align:top; background:url(../img/catSelectLeft.gif) 0 0 no-repeat;}
.categories li.select .rightSide {display:inline-block; height:34px; padding:3px 8px 0 0; background:url(../img/catSelectRight.gif) right 0 no-repeat;}
.categories li.select a {color: #fff;}
.categories-search {padding-top: 25px; font-size: 13px; text-align: left;}
.categories-search .rightSide {line-height: 22px;}


.mainSide {margin:30px 0 0 0; border:1px solid #e8e8e8;}
.mainPad {padding:20px;}
.mainPad p, .mainSide .formPad p {margin:10px 0;}
.mainPad .title { word-wrap: break-word; }
.mainSide .formPad {padding:30px 20px 35px 20px;}
.mainSide .formPadCollapse {padding:5px 20px 15px 20px;}
.separator {height:5px; border-top:1px solid #e8e8e8;}

.formSpec ul {list-style: none;}
.formSpec ul li {padding-bottom: 4px;}

.leftBlock {float:left; width:240px; margin:30px 23px 0 0;}

/*======================================================================================================*/

.avatar {position:relative; float:left; width:53px; margin:0 14px 0 0;}
.avatar span {position:absolute; top:0; left:0; display:block; width:53px; height:53px; font-size:0; background:url(../img/mask.png) 0 0 no-repeat;}
.avatar a {text-decoration:none;}

.avatarBig {position:relative; float:left; width:101px; margin:0 14px 0 0;}
.avatarBig span {position:absolute; top:0; left:0; display:block; width:101px; height:101px; font-size:0; background:url(../img/maskBig.png) 0 0 no-repeat;}
.avatarBig a {text-decoration:none;}

.avatarSmall {position:relative; float:left; width:33px; margin:0 14px 0 0;}
.avatarSmall span {position:absolute; top:0; left:0; display:block; width:33px; height:33px; font-size:0; background:url(../img/maskSmall.png) 0 0 no-repeat;}
.avatarSmall a {text-decoration:none;}

.avatar2 {position:relative; float:left; width:83px; margin:0 14px 0 0;}
.avatar2 span {position:absolute; top:0; left:0; display:block; width:83px; height:83px; font-size:0; background:url(../img/mask2.png) 0 0 no-repeat;}
.avatar2 a {text-decoration:none;}

img.bordered {border:1px solid #f3f3f3;}

span.balance .text {display:inline-block; padding:5px 0px 6px 10px; background:url(../img/balance.png) 0 0 no-repeat;}
span.balance .rightBg {display:inline-block; width:5px; padding:5px 0px 6px 0; background:url(../img/balanceRight.png) 0 0 no-repeat;}

.price {font-size:18px; color:#59b830;}

.messageBlock {padding:5px 0;}
.messageBlock .top {height:4px; font-size:0; }
.messageBlock .top .left {height:4px; width:4px; font-size:0;}
.messageBlock .top .right {height:4px; width:4px; font-size:0;}
.messageBlock .bottom {height:11px; font-size:0; text-align:center;}
.messageBlock .bottom .left {height:11px; width:5px; font-size:0;}
.messageBlock .bottom .right {height:11px; width:5px; font-size:0;}
.messageBlock .bottom .tail {display:block; height:11px; width:15px; margin: auto; font-size:0;}
.messageBlock .center {padding:10px; text-align:center;}
.messageBlock .center ul {text-align: left; padding-left: 5%;}

.error .top {background:url(../img/errorTop.gif) 0 0 repeat-x;}
.error .top .left {background:url(../img/errorTopLeft.gif) 0 0 no-repeat;}
.error .top .right {background:url(../img/errorTopRight.gif) 0 0 no-repeat;}
.error .bottom {background:url(../img/errorBottom.gif) 0 0 repeat-x;}         
.error .bottom .left {background:url(../img/errorBottomLeft.gif) 0 0 no-repeat;}
.error .bottom .right {background:url(../img/errorBottomRight.gif) 0 0 no-repeat;}
.error .bottom .tail {background:url(../img/errorTail.gif) 0 0 no-repeat;}
.error .center {color:#d85656; border-left:1px solid #ffbbbb; border-right:1px solid #ffbbbb; background:#fff3f3;}

.success .top {background:url(../img/successTop.gif) 0 0 repeat-x;}
.success .top .left {background:url(../img/successTopLeft.gif) 0 0 no-repeat;}
.success .top .right {background:url(../img/successTopRight.gif) 0 0 no-repeat;}
.success .bottom {background:url(../img/successBottom.gif) 0 0 repeat-x;}         
.success .bottom .left {background:url(../img/successBottomLeft.gif) 0 0 no-repeat;}
.success .bottom .right {background:url(../img/successBottomRight.gif) 0 0 no-repeat;}
.success .bottom .tail {background:url(../img/successTail.gif) 0 0 no-repeat;}
.success .center {color:#666; border-left:1px solid #9ad663; border-right:1px solid #9ad663; background:#ebf9e0;}

/*======================================================================================================*/

.leftBlock .borderBlock {padding:15px 13px; margin:0 0 15px 0; border:1px solid #e8e8e8;}
.leftBlock .padBlock {padding:15px 13px;}

.questList {padding:10px 0 0 0;}
.questList li {padding:7px 0; list-style:none;}

.leftMenu {padding:10px 0 0 0;}
.leftMenu li {padding:7px 0; list-style:none;}
.leftMenu li.level2 {padding-left:13px; list-style:none;}

.performerList .item {padding:15px 0 5px 0; line-height:1.3;}
.performerList .item .avatar {margin-right:10px;}
.performerList .text {float:left; width:150px;}
.performerList .symb {position: relative; top:6px;}

/*======================================================================================================*/

.userBlock {float:left; width:656px;}
.userBlock .text {float:left; width:270px; line-height:1.5;}

.userInfo {float:left; width:234px; margin-top:-12px;}
.userInfo .item {padding:12px 8px 12px 14px; line-height:1.5;}
.userInfo .item .space, i.space {display:inline-block; width:18px;}

.tabs {padding:0 0 0 19px; background:url(../img/line.gif) 0 bottom repeat-x;}
.tabs a {float:left; color:#666; text-decoration:none; background:url(../img/bgTab.gif) 0 0 repeat-x; margin-right: 4px;}
.tabs a .link {float:left; padding:7px 8px 9px 16px; min-width:88px; text-align:center; color:#666; text-decoration:none; background:url(../img/bgTabLeft.gif) 0 0 no-repeat;}
.tabs a .rightBg {float:left; width:6px; height:30px; font-size:0; text-decoration:none; background:url(../img/bgTabRight.gif) 0 0 no-repeat;}
.tabs a:hover .link {text-decoration:underline;}
.tabs a.active {background:url(../img/bgTabA.gif) 0 0 repeat-x;}
.tabs a.active .link {background:url(../img/bgTabLeftA.gif) 0 0 no-repeat;}
.tabs a.active .rightBg {background:url(../img/bgTabRightA.gif) 0 0 no-repeat; width: 7px;}
.tabs a.active:hover, .tabs a.active:hover .link {text-decoration:none; cursor:default;}

.about {float:left; width:656px; padding:0 28px 0 0; line-height:1.5;}

.choice {padding:2px 10px 0 0;}

.userWork {float:left; width:700px;}
.userWork .control {float:left; width:50px;}
.userWork .control td {vertical-align:top;}
.userWork .text {float:left; width:583px;}
.control .upGrey, .control .upGrey2 {margin:0px 0 5px 0;}

.payService .item {padding:30px 0 10px 0;}
.payService .item .pic {float:left; width:59px; margin-right:17px;}
.payService .item .text {float:left; width:290px;}

.navigation {padding:30px 0 20px 0; text-align:center; font:13px Arial;}
.navigation a {margin:0 18px;}

.historyOperation {padding:30px 0 0 0;}
.historyOperation th {padding:20px 0 23px 55px; font-weight:normal; text-align:left; color:#000; border-top:1px solid #f0f0f0; border-bottom:1px solid #d9d9d9; background:url(../img/bgTh.gif) 0 bottom repeat-x;}
.historyOperation td {padding:20px 0 20px 55px; text-align:left; border-bottom:1px solid #e9e9e9;}
.historyOperation .greyTr {background-color:#fcfdfe;}

.filter {padding:15px 20px;}
.filter li {display:inline; list-style:none; padding:0 15px 0 0;}

.questBlock {padding:30px 20px 15px 20px; border-bottom:1px solid #e6e6e6; background:url(../img/bgQuestBlock.gif) 0 bottom repeat-x;}
.questBlock .text {float:left; width:590px;}
.questBlock .solved {padding:13px 18px; font-size:18px; color:#46a926; background-color:#f7fbf6;}
.questBlock .answer {padding:0 0 0 25px; margin:25px 0 0 0; background:url(../img/bgAnswer.png) 0 8px no-repeat;}
.questBlock span.right {text-align: left; width: 110px; padding-right: 20px;}
.questBlock span.right a {display: inline-block; padding-top: 5px;}

.pagination {padding:40px 20px 30px 20px; text-align:center; font-size:13px;}
.pagination ul {display:inline-block; width:520px;}
.pagination li {display:inline; padding:3px 9px 4px 8px; margin:0 1px; font-size:15px; list-style:none;}
.pagination li.active {color:#fff; background-color:#59b830;}

.reviewForm {padding:20px; margin:0 -1px; border:1px solid #e0e0e0; background-color:#fbfdff;}
.reviewForm .text {padding:15px 0 0 0; width:690px; line-height:1.5;}
.reviewForm .character {float:left; width:30px; padding:17px 0 0 0; height: 18px;}

.goodopinion {background: url(../img/good.png) 0 0 no-repeat;}
.neutralopinion {background: url(../img/neutral.png) 0 0 no-repeat;}
.negativeopinion {background: url(../img/negative.png) 0 0 no-repeat;}

.reviewBlock {padding:30px 20px 15px 20px; margin:0 0 -1px 0; border-bottom:1px solid #e2e2e2; background:url(../img/bgQuestBlock.gif) 0 bottom repeat-x;}
.reviewBlock .character {float:left; width:30px; padding:17px 0 0 0;}
.reviewBlock .text {float:left; width:700px;}
.reviewBlock .comment {width:680px; padding:0 0 0 20px; margin:20px 0 0 0; background:url(../img/bgAnswer.png) 0 0 no-repeat; line-height: 16px;}

.workList {margin:0 -30px 0 0;}
.workList .item {float:left; width:208px; padding:30px 25px 0 0;}
.workList .item .pic {width:198px; height:198px; padding:2px 5px 8px 5px; margin:20px 0 0 0; background:url(../img/bgWorkPic.png) 0 0 no-repeat;}

.workListEdit {padding-top: 20px;}
.workListEdit .item {padding: 20px 0;}

.addWork {border-top:1px solid #e8e8e8;}
.addWork .formBlock {float:left; width:590px; padding:25px 56px 25px 20px; border-right:1px solid #f3f5f8;}
.addWork .text {float:left; width:226px; padding:25px;}
.addWork .text p {margin:20px 0;}

.editWork .formBlock {float:left; width:667px; border-right:1px solid #f3f5f8;}
.editWork .formBlock .padBlock {padding:25px 52px 25px 25px;}
.editWork .text {float:left; width:226px; padding:25px;}
.editWork .text p {margin:20px 0;} 

.addUser .formBlock {float:left; width:667px; border-right:1px solid #f3f5f8;}
.addUser .formBlock .padBlock {padding:25px;}
.addUser .orderList {margin: 0 -8px 0 -8px;}
.addUser .text {float:left; width:226px; padding:25px;}
.addUser .text p {margin:20px 0;}  

.addForm .formBlock {width:667px; border-right:1px solid #f3f5f8; vertical-align: top;}
.addForm .formBlock .padBlock {padding:25px;}
.addForm .orderList {margin: 0 -8px 0 -8px;}
.addForm .infotext {width:226px; padding:25px; vertical-align: top;}
.addForm .infotext p {margin:20px 0;}  
.addForm .formBlock .messageBlock {width: 96%; margin: 0 auto;}  

.spesialAnswers {background:url(../img/line2.gif) 0 bottom repeat-x;}
.spesialAnswers .questions {float:left; width:694px; border-right:1px solid #e6e6e6;}
.spesialAnswers .questions .questBlock .text {width:560px;}
.spesialAnswers .rightBlock {float:left; width:209px; padding:17px 18px 20px 21px;}
.spesialAnswers .rightBlock .text {min-height:320px; padding:16px 19px; background-color:#f7f7f7;}

.workView {padding:20px 0 30px 0; margin:20px -1px 0 -1px; border:1px solid #e0e0e0; background-color:#fbfdff;}
.workView .arrow {width:25px; padding:30px 50px 0 50px;}
.workView .text {float:left; width:694px;}

.newsYear {float:left; padding:3px 0 0 45px; font-size:15px;}
.newsYear .item {margin:0 20px 0 0;}

.newsList {padding:10px 0 0 0;}
.newsList .item {padding:30px 0 0 0; font-size:13px;}
.newsList .item .date {font-size:15px; color:#333;}

.newsRead  {padding:26px 0 0 0;}

.blueBlock {padding:26px 20px 15px 19px; margin:10px 0; border:1px solid #e7ebf2; background-color:#ffffeb;}

.faqList {padding:5px 0 0 0;}
.faqList .item {padding:20px 0 0 0;}
.faqList .item .title {padding:0 0 10px 0; font-size:16px; color:#333;}
.faqList .item li {padding:3px 0; margin:0 0 0 18px; list-style:none;}

.mesListCont {border-top:1px solid #e1e1e1; background:url(../img/line2.gif) 0 bottom repeat-x;}
.mesListCont .messageList {float:left; width:687px; border-right:1px solid #e1e1e1;}
.mesListCont .messageList .item {padding:20px; border-bottom:1px solid #e1e1e1;}

.searchResult {padding:50px 0 0 0;}
.searchResult .title {float:left; width:250px; margin:0 0 0 17px; color:#333; font-size:16px; font-weight:bold;}
.searchResult .resultList {float:left; width:636px;}
.searchResult .resultList .item {padding:0 0 30px 0;}
.searchResult .resultList .item .number {float:left; width:14px;}
.searchResult .resultList .item .text {float:left; width:450px;}
.searchResult .resultList .found {margin-left:14px;}
.searchResult .resultList .answer {padding:0 0 0 25px; margin:15px 0 0 -10px; background:url(../img/bgAnswer.png) 0 8px no-repeat;}

.registerCaption .leftSide {float:left; width:568px; padding:20px 0 17px 20px;}
.registerCaption .rightSide {float:left; width:334px; padding:20px 0 17px 20px;}

.registerForm {border-top:1px solid #edf0f5;}
.registerForm .leftSide {float:left; width:548px; padding:20px 20px 17px 20px; border-right:1px solid #edf0f5;}
.registerForm .rightSide {float:left; width:316px; padding:20px 18px 17px 20px;}
.registerForm .rightSide li {padding:7px 0 7px 0px; margin:0 0 0 20px;}
.registerForm .leftSide .formLeft {float:left; width:120px; margin:0 12px 0 0; text-align:right; font-size:13px;}
.registerForm .leftSide .formRight {float:left;}

.questionList {margin:0 0 -1px 0;}
.questionList .item {padding:14px 17px 13px 17px; border-bottom:1px solid #e2e2e2; line-height:1.3;}
.questionList .item .left {padding-left: -53px;}

.workerList {margin:0 0 -1px 0;}
.workerList .item {padding:14px 17px 13px 17px; border-bottom:1px solid #e2e2e2; line-height:1.3;}
.workerList .item .text {float:left; width:450px;}
.workerList .item .status {float:right; width:110px; line-height:1.5;}
.workerList .yellowBg {}

.filterSearch {padding:25px 0 11px 11px;}
.filterSearch li {float:left; list-style:none; margin:0 20px 0 0; font-size:13px;}

.preferenceWorker {padding:30px 0 0 0;}
.preferenceWorker .arrow {width:14px; padding:17px 0 0 0;}
.preferenceWorker .prefWorkerList {float:left; width:896px; padding:0 10px;}
.prefWorkerList .item {float:left; width:214px; margin:0 5px; line-height:1.3;}
.prefWorkerList .item .avatar {margin-right:10px;}
.prefWorkerList .item .text {float:left; width:151px;}

.answerList {padding:20px 0 0 0; border-bottom:1px solid #e2e2e2;}
.answerList .item {padding:17px 20px 13px 17px; }
.answerList .myAnsw {background:#FFFFEB;}
.answerList .avatar {margin-right:10px;}
.answerList .text {float:left; width:350px;}
.answerList .bottomText {padding-left:63px;}
.answerList .solved {padding:13px 14px; font-size:18px; color:#46a926; background-color:#f7fbf6;}

.orderList {margin:0 -8px 0 -19px;}
.orderList .item {position:relative; padding:15px 8px 13px 19px; border-bottom:1px solid #eaeaea; border-top:1px solid #fff;}
.orderList .item .title {float:left; width:500px;  word-break: break-all;}
.orderList .item .text {padding:10px 0 0 0;}
.orderList .select {background:#ffffeb;}
.orderList .nail {position:absolute; top:33px; left:-1px;}
.orderList a.grey {text-decoration: none;}
.orderList a.grey:hover {text-decoration: underline;}

.userOrders {margin: 0;}
.userOrders .item {padding: 15px 20px 13px 22px;}
.userOrders .nail {left:4px;}
.userOrders h1 {display: inline-block;}
.userOrders .basket {position: relative; top:-2px; left: 10px;}

.helloBlock {margin:20px 0 0 0; font-size:16px; color:#40423e;}
.helloBlock .top {height:6px; background:url(../img/helloTop.gif) 0 0 repeat-x;}
.helloBlock .top .left {height:6px; width:6px; background:url(../img/helloTopLeft.gif) 0 0 no-repeat;}
.helloBlock .top .right {height:6px; width:6px; background:url(../img/helloTopRight.gif) 0 0 no-repeat;}
.helloBlock .bottom {height:7px; background:url(../img/helloBottom.gif) 0 0 repeat-x;}
.helloBlock .bottom .left {height:7px; width:6px; background:url(../img/helloBottomLeft.gif) 0 0 no-repeat;}
.helloBlock .bottom .right {height:7px; width:6px; background:url(../img/helloBottomRight.gif) 0 0 no-repeat;}
.helloBlock .center {padding:5px 25px 10px 25px; border-right:1px solid #aecee2; border-left:1px solid #aecee2; background:url(../img/helloCenter.gif) 0 bottom repeat-x;}

.howItWorks {position:relative; padding:20px 0 0 0; text-align:center;}
.howItWorks .close {position:absolute; right:0; top:20px; }
.howItWorks .close a {color:#787878; text-decoration:none; padding:2px 8px 4px 15px; background-color:#eaeaea;}
.howItWorks .close a:hover {color:#707070; text-decoration:none; background-color:#dedede;}
.howItWorks .switch {padding:28px 0 18px 0; font-size:16px;}
.howItWorks .switch span {padding:5px 15px 7px 15px; font-weight: bold;}

.howItWorks .itemsBlock {padding:25px 0 30px 0; border-bottom: 1px dotted #666; }
.howItWorks .itemsBlock .item {float:left; width:200px;}
.howItWorks .itemsBlock .first {margin-left:60px;}
.howItWorks .itemsBlock .second {margin-left:128px;}
.howItWorks .itemsBlock .third {margin-left:110px;}

.downOpen {/*display:block;*/ position:absolute; top:0; /*left:0;*/ z-index:10; margin:-8px -16px 0 -10px;}
.downOpen .top {height:8px;}
.downOpen .top td {height:8px; font-size:1px; padding: 0;}
.downOpen .top td.cornerLeft {height:8px; width:8px; background:url(../img/downOpen_tl.png) 0 0 no-repeat;}
.downOpen .top td.cornerRight {height:8px; width:8px; background:url(../img/downOpen_tr.png) 0 0 no-repeat;}
.downOpen .top td.topCenter {height:8px; background:url(../img/downOpen_tc.png) 0 0 repeat-x;}
.downOpen .bottom {height:11px;}
.downOpen .bottom td {height:11px; font-size:1px; padding: 0;}
.downOpen .bottom td.cornerLeft {height:11px; width:8px; background:url(../img/downOpen_bl.png) 0 0 no-repeat;}
.downOpen .bottom td.cornerRight {height:11px; width:8px; background:url(../img/downOpen_br.png) 0 0 no-repeat;}
.downOpen .bottom td.bottomCenter {height:11px; background:url(../img/downOpen_bc.png) 0 0 repeat-x;}
.downOpen .center {text-align: left; padding:0px 15px 3px 9px; border-right:1px solid #d0d9e8; border-left:1px solid #d0d9e8; background-color:#fff;}
.downOpen .center ul {padding:10px 20px 0 0;}
.downOpen .center li {float:none; margin:0; padding:6px 0; list-style:none;}
.downOpen .center li a {color:#333; text-decoration:none;}
.downOpen .center li a.active {color:#FF6A15; text-decoration:none;}
.downOpen .center li a:hover {color:#0f8ddc; text-decoration:none;}

.downOpen .center .blueAjax {color: #0E8CDB;}  
.downOpen .center .selectSpec ul {padding-top: 5px;}  
/*======================================================================================================*/        

#footer {padding:25px 0 0px 0; border-top:1px solid #e4e4e4;}

#footer .footerLink {font:13px Tahoma; color:#7c7c7c;}
#footer .footerLink a {color:#7c7c7c;}
#footer .footerLink .item {float:left; min-height:121px; margin:0 37px 0 0; background:url(../img/separ.gif) right 0 no-repeat;}
#footer .footerLink .last {margin:0; background:none;}
#footer .footerLink .item .title {font-size:15px;}
#footer .footerLink .item ul {padding-top:18px;}
#footer .footerLink .item ul li {list-style:none; padding:3px 0;}

#footer .copyright {padding-top:24px; font:13px Tahoma; color:#5b5b5b; line-height:1.6;}
#footer .counters {padding-top: 12px;}

/*=========Popups======================================================================================*/

#shadow {width:100%; height:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=70); min-height:100%; position:fixed; z-index:1000; overflow:hidden;}
* html #shadow {height:100%;}
html>body #shadow {height:auto;}

.popupCont {width:100%; position:fixed; top:75px; z-index:1009;}

.popup {position:relative; float:left;}
.popup .top {height:6px;}
.popup .top .topCenter {height:6px; background:url(../img/helloTop.gif) 0 0 repeat-x;}
.popup .top .cornerLeft {height:6px; width:6px; background:url(../img/popupTopLeft.png) 0 0 no-repeat;}
.popup .top .cornerRight {height:6px; width:6px; background:url(../img/popupTopRight.png) 0 0 no-repeat;}
.popup .bottom {height:7px;}
.popup .bottom .bottomCenter {height:7px; background:url(../img/popupBottom.png) 0 0 repeat-x;}
.popup .bottom .cornerLeft {height:7px; width:6px; background:url(../img/popupBottomLeft.png) 0 0 no-repeat;}
.popup .bottom .cornerRight {height:7px; width:6px; background:url(../img/popupBottomRight.png) 0 0 no-repeat;}
.popup .center {padding:20px 35px 10px 25px; border-right:1px solid #aecee2; border-left:1px solid #aecee2; background:#fff;}
.popup .plane {border:1px solid #aecee2; padding: 40px 10px 20px 10px;}
.popup .close {position:absolute; right:8px; top:10px;}
.popup .close a {color:#787878; text-decoration:none; padding:2px 6px 4px 0px; background-color:#eaeaea;}
.popup .close a:hover {color:#707070; text-decoration:none; background-color:#dedede;}

.popup .workImg {margin: 0 0 20px 0;}
.popup .arrow {padding: 200px 30px 0 30px; width: 25px;}
.popup .plane .text {padding:0 85px;}
.popup .plane .text p {width: 85%;}


ul.autocomplete {
    background-color: #FFFFFF;
    border: 1px solid #C7C7C7;
    display: none;
    list-style: none outside none;
    margin: -1px 0 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 1000;
}
ul.autocomplete li {
    color: #333333;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 0.3em;
    width: 100%;
}
ul.autocomplete li.selected {
    background-color: #F1F1F1;
}

.progress { background: url('../img/admin/progress-mini.gif') 0 0 no-repeat; display: inline-block; width: 32px; height: 8px; } 

.favList .item {padding:12px 0; width: 285px;}
.tama {padding-right: 38px;}
.tama img { position: relative; top: 10px; }

.stairsItems .item {border: 1px solid #E8E8E8; padding: 10px 15px; margin-top: 15px; width: 310px; position: relative;}
.stairsItems .item.extend {border: 1px solid #DCDBD9;}
.stairsItems .item a.close {position: absolute; right:10px; top:5px; text-decoration: none;}
.stairsItems .item a.close:hover {color: #000;}
.stairsItems .item h3 {padding-bottom: 12px;}
.stairsItems .item .arrow {display: block;}
.stairsItems .item .bottom {padding-top: 2px;}
.stairsItems .item .separator {border-top-style: dotted; border-color:#DCDBD9; margin:7px 0 2px 0;}
.stairsItems .item .week {position: relative; left:6px; top:3px}

.workerListPromo .item.paddingno {padding: 0 0;} 
.workerListPromo .item.paddingno .avatar {margin: 10px 10px; float: left;} 
.workerListPromo .item.paddingno .name {margin: 10px 0; float: left; width: 150px;} 
.workerListPromo .item .position {float: left; width: 100px; background-color: #EFEFEF; margin-right: 10px; height: 73px;}
.workerListPromo .item .position span {display: block; color: #5E5E5E; text-align: center;}
.workerListPromo .item .position span.step {font-size: 25px; font-weight: bold; padding-top: 10px;}
.workerListPromo .item .position span.bank {font-size: 14px; padding-top: 5px;}
.workerListPromo {margin-top: 15px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #E2E2E2 ;}

#j-sum-u{
    font-weight: normal;
}