/* --------------------- Default --------------------- */ html, body { height:100%; width:100%;} body { min-height:100%; height:auto !important; height:100%; position:absolute; text-align:center; margin:0px;padding:0;} a { color:#00ACC5; text-decoration:underline;} a:hover { color:#00ACC5; text-decoration:none;} input[type="file"] { margin:0; font:11px Tahoma; padding:3px; color:#6E6E6E; background:#fff; border:1px solid #586995;} input[type="text"] { margin:0; font:11px Tahoma; padding:3px; color:#6E6E6E; background:#fff; border:1px solid #586995;} input[type="password"] { margin:0; font:11px Tahoma; padding:3px; color:#6E6E6E; background:#fff; border:1px solid #586995;} input[type="button"] { margin:0; font:11px Tahoma; padding:3px; color:#6E6E6E; background:#fff; border:1px solid #586995;} input[type="submit"] { margin:0; font:11px Tahoma; padding:3px; color:#6E6E6E; background:#fff; border:1px solid #586995;} textarea { margin:0; padding:3px; color:#6E6E6E; font:11px Tahoma; background:#fff; border:1px solid #586995;} select { margin:0; padding:3px; color:#6E6E6E; font:11px Tahoma; background:#fff; border:1px solid #586995;} div { margin:0; padding:0; font-family:Tahoma; font-size:11px; color:#6E6E6E; line-height:18px;} em, i { font-style:normal;} img { border:0;} label { margin:0; padding:0;} p { margin:0; padding:12px 0;} ul { margin:0; padding:0; list-style:none;} li { margin:0; padding:0; line-height:normal;} h1 { color:#7C7C7C; font:21px Tahoma; margin:0; padding:0;} h2 { color:#7C7C7C; font:18px Tahoma; margin:21px 0; padding:0;} h3 { color:#7C7C7C; font:16px Tahoma; margin:21px 0; padding:0;} #dialog_status {font-weight:bold;display:none;} .head2 { color:#7C7C7C; font:18px Tahoma; margin:21px 0; padding:0; display:block;} .head3 { color:#7C7C7C; font:18px Tahoma; margin-bottom:21px; padding:0; display:block;} h1 a.title {background:#FFF1DD;color:rgb(124, 124, 124);} .yandex-direct-vertical {clear:both;width:236px;margin-left:0px;margin-top:15px;font-family:Tahoma;font-size:13px;} .yandex-direct-horizontal {clear:both;width:989px;margin-left:0px;margin-top:5px;font-family:Tahoma;font-size:13px;} .page-description {clear:both;width:236px;margin-left:0px;} .page-description h2{padding:0px; margin:0px;font-size:16px;} .page-description strong{font-weight:normal;} .opisanie {margin:0px;padding:0 0 10px 0;} .adv{padding:15px;margin-top:10px;border:2px solid #E9F8FB;font-size:13px;} .adv h2{margin:0px; padding:0px;} .adv li{padding-top:10px;font-weight:bold;font-size:12px;} .adv .sub{margin-left:25px;} .pay_place{border:2px double #E9F8FB;background:#FDFDFB;width:450px;margin-bottom:40px;padding:15px 15px 0px 15px;font-size:13px;} .pay_place h2{margin-bottom:15px;color:#FC9209;} .pay_place td{padding-bottom:5px;} .pay_place .price{color:#FC9209;} .pay_place input{padding:1px;font-size:14px;} .pay_place .f_descr_plc img{cursor:pointer;} .pay_place textarea{width:400px;font-size:14px;} .pay_place .im{float:right;} .pay_place .copy{font-size:11px;display:none;} .adv_link{text-decoration:none;color:#6E6E6E;} .adv_link:hover{text-decoration:underline;color:#6E6E6E;} .advdescr{position:absolute;left:256px;top:0px;z-index:100000;background:white;padding:20px;font-size:14px;width:500px;display:none;min-height: 200px;/* FF, Opera, IE7 */height:expression(this.scrollHeight < 200? "200px" : "auto" ); /* IE 5 - IE 6 */} .advdescr a{font-size:12px;} .advdescr .close{position:absolute;top:5px;left:520px;} .advdescr i{font-style:italic;} .advdescr li{margin:0 0 5px 0;} .advdescr ul { padding:0 0 0 40px;margin:10px 0 10px 0; list-style:disc;} .adv_active{z-index:100000;background:white;position:relative;left:-20px;padding-left:20px;top:-20px;padding-top:20px;padding-bottom:20px;} .errmsg{background:url('images/error.gif') no-repeat;padding-left:25px;font-weight:bold;font-family:Tahoma;font-size:11px;color:red;margin-top:3px;padding-top:3px;} /* top right bottom left */ .about {margin-top:12px;padding:10px 0 21px 21px; background:#fdfdfb; border:2px solid #e9f8fb;font-size:1.3em;} .about h1 {margin:0px;display:inline;} .about h2 {display:inline;} .about ul {padding:0 0 0 40px;margin:16px 0 16px 0;list-style:url('images/tick_sm.gif');} .about ul ul {padding:0 0 0 40px;margin:16px 0 16px 0;list-style:url('images/dot_sm.gif');} .about li { margin:0 0 16px 0; padding:0 0 0 0;} .about .lnk {font-size:18px;margin-left:35px;background:#FFF1DD;padding:5px;} .about .tab {font-size:18px;padding:10px;} .about .active {background:#FFF1DD;} .about .close {float:right;cursor:pointer;margin:-10px 5px 0 0;padding:0 0 0 15px;background:url('images/delete.gif') 0px 2px no-repeat;} .spacer {width:100%;height:1px;margin:0px;padding:0px;background:url(images/my_message_line.gif) 100% 0 repeat-x;} .sub_info td {width:100px;} .smimg{vertical-align:middle;} .desc li {padding:5px;} .description ul {padding:0 0 0 40px;margin:16px 0 16px 0;list-style:url('images/dot_sm.gif');} .description li {margin:0 0 16px 0; padding:0 0 0 0;font-size:1.3em; } .feedback td {padding:0 0 15px 0; vertical-align:top;} .error{font-family:Tahoma;font-size:11px;color:red;} .error b{font-weight:normal;} .categories {border:1px solid #c1d0d3;} .list ul {margin:0 0px 0 0px;} .list li {margin: 0 0px 10px 0px; list-style:disc;} .blog_text {display:block; color:black; font-size:1.083em;font-family:Verdana;font-weight:normal;} .blog_tools {width:600px; margin-left:20px;margin-top:15px;padding:5px; background:#fdfdfb; border:2px solid #e9f8fb;} .blog_tools td {padding:10px;} .cats h2 a.title {background:#FFF1DD;} .cats h2 {margin-top:15px;} .postContent h2{font-size:2.167em;font-family:Verdana;} .blog_title {font-size:2.167em;font-family:Verdana;background:#FFF1DD;display:inline;} .blog_text a{text-decoration:underline;} .blog_text a:hover{text-decoration:none;} .dialog {font-size: 14px;position: fixed;text-align:center;padding: 10px;top: 35%;left: 35%;width: 35%;color: black;border-style: solid;border-width: 4px;border-color: #d8d7e7;background-color: #f8f8fa;z-index: 100000;display:none;} .dialog div{padding: 0px;margin: 0px;} .date {clear:both;border-bottom:1px solid #dbdbdb;background:#f7f7f7;padding:4px 25px 4px 8px;color:#666666;font-family:Tahoma;font-size:11px} .humanMsg {font-size: 24px;position: fixed;padding-top: 10px;padding-bottom: 10px;top: 50%;left: 40%;width: 20%;color: black;border-style: solid;border-width: 4px;border-color: #d8d7e7;background-color: #f8f8fa;text-align: center; z-index: 100000;display:none;} .humanMsg div{padding: 0px;margin: 0px;} #bg{position: absolute;display: block;margin: 0;padding: 0;top: 0px;left: 0px;z-index: 998;height: 100%; width: 100%;background-color: rgb(0, 0, 0);opacity: 0.60;display:none; } #container { width:989px;margin:0 auto; text-align:left;} /* ********************* Header ********************* */ #header {} #logo{height:100px;} #logo .img { margin:5px 0 1px 0; float:left;} #logo .sign {position:relative;top:5px;left:-150px;display:inline;color:#537B85;font-size:13px;} #logo .sign a{text-decoration:none;color:#537B85;} #logo .sign h1{font-size:13px;display:inline;color:#537B85;font-size:13px;} #logo .link {position:relative;top:-80px;right:0px;color:#537B85;text-align:right;} #logo .link a{text-decoration:none;color:#537B85;} #logo .link a:hover{text-decoration:underline;} #logo .banner {position:relative;top:12px;right:-65px;display:inline;} #logo .socials {position:relative;top:-80px;right:0px;color:#537B85;text-align:right;} #register { height:34px; padding-top:10px; padding-left:13px; border:1px solid #EEEEEE;} #register .form { width:148px; height:17px; margin:0 14px 0 10px; padding:3px 3px 0; border:1px solid #586995;} #register .form:hover { border-color:#000; background:#F4F4F4;} #register .form:active { border-color:#000; background:#F4F4F4;} #register a { font:13px Tahoma; font-weight:bold; margin:0 35px 0 0;} #register em { margin:0 23px 0 6px;} #news { height:60px;} #news .left { width:353px; float:left; padding:15px 0 0;} #news .left em { display:block;} #news .left a { font-size:11px; text-decoration:none; font-weight:bold;} #news .right { width:705px; float:right; text-align:left;} #news .right a {text-decoration:none;color:#fca20d;} #news .right a:hover {text-decoration:underline;color:#fca20d;} .indent_ban {} .indent_ban .right { padding:10px 0 0;} /* #menu { height:25px; padding:0 30px; background:url(images/px_menu.gif) 0 bottom repeat-x #4F7B82;} */ #menu { height:25px; padding:0 30px; background:url(images/px_menu.gif) no-repeat #4F7B82;} #menu li { float:left; padding:5px 3px 0 0;} #menu li a { font:12px Tahoma; color:#fff; font-weight:bold; text-decoration:none; height:30px; padding:5px 14px 0;} #menu li .zakaz a { color:#fba20d !important;} #menu li a:hover { text-decoration:underline;} /* ******************** Content ********************* */ #content {} /* ---------------------------------- Left Navigation */ #left_nav { width:236px; float:left;} #catalog_menu {} #catalog_menu li { background:url(images/arrow_menu.gif) 10px 9px no-repeat #EEEEEE;border-top:1px solid white;} #catalog_menu .subCat li { border-top:0px;} #catalog_menu li.active { background:url(images/arrow_menu_over.gif) 10px 9px no-repeat #DDDBDB;} #catalog_menu li a { padding:7px 0 7px 31px; font-size:13px; font-weight:bold; text-decoration:none; display:block;} #catalog_menu .subCat li a { padding:3px 0 3px 20px; font-size:13px; text-decoration:none; display:block;} #catalog_menu li a:hover { background:url(images/arrow_menu.gif) 10px 9px no-repeat #DDDBDB;} #catalog_menu li ul li { background:#F8F8F8;} #catalog_menu li ul li a { font-weight:normal; font-style:normal;} #catalog_menu li ul li a:hover { background:#F4F3F3; color:#FCA20D;} #catalog_menu li ul .active_sub a { background:#F4F3F3; color:#FCA20D;} #catalog_blog li { background:#F8F8F8;} #catalog_blog li a{ padding:7px 0 7px 31px; font-size:16px; font-family:Tahoma; text-decoration:none; display:block;} #catalog_blog li a.lnk{ padding:0 0 0 0; display:block;} #catalog_blog li.active { background:#F4F3F3; font-weight:bold;} #catalog_blog ul li a { font-weight:normal; font-style:normal;} #catalog_blog li a:hover { background:#F4F3F3; color:#FCA20D;} .hover a{color:#FCA20D;} /* ---------------------------------------- Item Pro */ .item_pro { margin:0 0 32px; width:100%; float:left;} .item_pro .avatar { width:72px; float:left; padding:3px 0 0;} .item_pro .avatar img { width:50px; height:50px;} .item_pro .online {background:url(images/status_online.gif) 56px 4px no-repeat;} .item_pro .offline {background:url(images/status_offline.gif) 56px 4px no-repeat;} .item_pro .info { width:160px; float:left;overflow:hidden;} .item_pro .info .img { margin:0 0 0 8px; vertical-align:middle;} .item_pro .info .b{font-weight:bold;} /* --------------------------------- Right Navigation */ #right_nav { width:736px; float:right;} /* --------------------------------- Search Project */ #search_project { width:100%; float:left;} #search_project .info_article { height:25px; background:url(images/bg_top.gif) 0 0 no-repeat #C2C2C2;} #search_project .info_article .left { float:left; color:#fff; padding:4px 49px 0;} #search_project .info_article .left a {background:url(images/px_link.gif) 0 bottom repeat-x; padding:0 0 1px; margin:0 12px; text-decoration:none;} #search_project .info_article .left a:hover { background:none;} #search_project .info_article .right { padding:5px 40px 0 0; float:right; background:url(images/bg_top.gif) 100% 0 no-repeat;} #search_project .text { background:#EEEEEE; padding:17px 0 20px 30px;} #search_project .text .empty { height:1px; clear:both;} #search_project .text .left { width:370px; float:left;} #search_project .text .left strong { margin:0 0 14px; display:block;} #search_project .text .left ul { width:180px; float:left;} #search_project .text .left li { line-height:24px;} #search_project .text .right { width:330px; float:left;} #search_project .text .right p { padding:23px 0;} #search_project .text .right .inp { width:64px; margin:0 10px 0 7px; height:17px; padding:3px 5px 0; border:1px solid #586995;} #search_project .text .right .sel { width:46px; margin:0 0 0 10px;} #search_project .text .right .sel_1 { width:146px;} #search_project .text .right .sel_2 { width:146px; margin:0 0 0 34px;} #search_project .text .right ul { margin:0 0 17px;} #search_project .text .right li { line-height:20px;} /* --------------------------------- Freelancer Info */ .freelancer_pro { width:100%; float:left; margin:0 0 25px;} .freelancer_pro .info_article { height:25px; background:url(images/bg_top.gif) 0 0 no-repeat #FCA20D;font-weight:bold;} .freelancer_pro .info_article .bg_top { height:25px; background:url(images/bg_top.gif) 100% 0 no-repeat;} .freelancer_pro .info_article .rating, .response, .hour_price, .project_price { color:#fff; font-size:12px; padding:3px 0 0;font-weight:bold;} .freelancer_pro .info_article .empty { width:360px; float:left;} .freelancer_pro .info_article .rating { width:52px; text-align:center; float:left;} .freelancer_pro .info_article .response { width:92px; text-align:center; float:left;} .freelancer_pro .info_article .hour_price { width:102px; text-align:center; float:left;} .freelancer_pro .info_article .project_price { width:102px; text-align:center; float:left;} .freelancer_pro .info { height:86px; background:#FFF1DD; border-top:1px solid #fff;} .freelancer_pro .info .add { width:29px; float:left;} .freelancer_pro .info .add p { padding:25px 0 0 10px;} .freelancer_pro .info .add .img { margin:12px 0 0; display:block;} .freelancer_pro .info .avatar { width:58px; float:left; padding:20px 0 0;} .freelancer_pro .info .avatar img { width:50px; height:50px;} .freelancer_pro .info .service { width:273px; float:left; padding:17px 0 0;} .freelancer_pro .info .service .lg { font-weight:bold;} .freelancer_pro .info .service .img { margin:0 7px 0 9px; vertical-align:middle;} .freelancer_pro .info .service .online { color:#FC9209;} .freelancer_pro .info .service .offline { color:#00809F;} .freelancer_pro .info .service .busy { color:#CB004D;} .freelancer_pro .info .rating { width:52px; text-align:center; float:left; font-size:12px; padding:32px 0 0; color:#6E6E6E;font-weight:bold;} .freelancer_pro .info .response { width:95px; text-align:center; float:left; font-size:12px; padding:32px 0 0; color:#6E6E6E;} .freelancer_pro .info .response a { color:#A3A3A3; text-decoration:none;} .freelancer_pro .info .response a:hover { text-decoration:underline;} .freelancer_pro .info .response .plus { color:#FCA20D; margin:0 7px 0 0;} .freelancer_pro .info .response .minus { color:#00ACC5; margin:0 0 0 7px;} .freelancer_pro .info .hour_price { width:83px; text-align:center; float:left; font-size:12px; padding:32px 0 0; color:#6E6E6E;} .freelancer_pro .info .project_price { width:130px; text-align:center; float:left; font-size:12px; padding:32px 0 0; color:#6E6E6E;} .freelancer_pro .portfolio { padding:5px 0 0 50px;} .freelancer_pro .portfolio div { width:222px; float:left; margin:0 4px 0 0;} .freelancer_pro .portfolio div ul { margin:12px 0;} #page { padding:40px 0 0; text-align:center; clear:both;} #page a { font-size:14px; font-weight:bold; padding:3px 4px; margin:0 3px;} #page a:hover { background:#A3A3A3; color:#fff; text-decoration:none;} #page a.active { background:#A3A3A3; color:#fff; text-decoration:none;} /* ********************* Page 1 *********************** */ .publish_project {} .publish_project .left { float:left;} .publish_project .right { float:right; padding:15px 0 0;} .publish_project .right a.link {background:url(images/px_link.gif) 0 bottom repeat-x; padding:0 0 1px; text-decoration:none; font-weight:bold;} .publish_project .right a:hover.link { background:none;} /* --------------------------------- Freelancer Project */ .freelancer_project { padding:0 0 0 20px; overflow:hidden; zoom:1; clear:both;} .freelancer_project .prj_descr { color:#000; font-weight:normal;font-size:14px;display:block;padding:0px;margin-top:10px;margin-bottom:10px;} .pay_project { border:1px solid #95B0B4;} .pay_project .prj_descr { font-weight:bold;} .freelancer_project .project_info { width:532px; float:left; padding:5px 0 20px;} .freelancer_project .pay { width:147px; height:22px; padding:5px 0 0; margin:0 0 10px; display:block; color:#fff; font-weight:bold; text-decoration:none; text-align:center; background:url(images/pay_project_link.gif) 0 0 no-repeat;} .freelancer_project .project_info .prj_title { font-size:18px; font-weight:normal; margin:0 0 18px; padding:0;} .freelancer_project .project_info img { vertical-align:top; margin:0px 4px 0 0;} .freelancer_project .project_info a:hover { color:#FCA20D;} .freelancer_project .project_info em { color:#010000; display:block;} .freelancer_project .project_info .indent { height:10px; display:block;} .freelancer_project .project_info .img { margin:0 0 0 11px; vertical-align:middle;} .freelancer_project .project_info .img1 { margin:0 0 0 15px;} .freelancer_project .project_budget { width:180px; float:right; text-align:right; font-size:18px; padding:0 5px 0 0;} .freelancer_project_empty { height:5px; width:100%; float:left; background:url(images/my_message_line.gif) 100% 0 no-repeat;} #prj_title {font-weight:bold;} /* ********************* Page 2 *********************** */ /* ----------------------------- Publish Project Option */ .publish_project_options { background:#FFFFFF; border:1px solid #95B0B4; clear:both; padding:0 0 0 15px;} .publish_project_options .empty { height:30px; clear:both; } .publish_project_options .row { width:100%; float:left; padding:14px 0 0;} .publish_project_options .row .left { width:125px; float:left; padding:1px 0 0;} .publish_project_options .row .right { width:570px; float:left;} .publish_project_options .row_close { width:100%; background: #FFF1DD; float:left; padding:30px 0 0;} .publish_project_options .row_close .left { width:125px; float:left; padding:1px 0 0; } .publish_project_options .row_close .left1 { width:305px; float:left;} .publish_project_options .row_close .right { width:285px; float:left; padding:1px 0 0;} .publish_project_options .indent { padding:7px 0 25px; display:block;} .publish_project_options .sel { width:184px; margin:0 21px 0 0;} .publish_project_options .sel1 { width:184px; margin:0 21px 0 11px;} .publish_project_options .sel2 { width:46px; margin:0 78px 0 14px;} .publish_project_options .sel3 { width:66px; margin:0 0 0 14px;} .publish_project_options .inp { width:200px; height:17px; padding:3px 3px 0; background:#fff; border:1px solid #D6D6D6;} .publish_project_options .inp1 { width:64px; height:17px; padding:3px 3px 0; background:#fff; border:1px solid #586995;} .publish_project_options .inp2 { width:528px; height:17px; padding:3px 3px 0; background:#fff; border:1px solid #586995;} .project_heading { margin:21px 0 21px 47px;} .page_2 { margin:0 0 5px;} /* ********************* Page 3 *********************** */ /* ----------------------------------- Offer Project */ .offer_project { padding:17px 0 0 20px; clear:both;} .offer_project_active { background:#EEEEEE;} .offer_project_active .info em { font-size:10px;} .offer_project_active .info a { color:#FCA20D;} .offer_project_heading { margin:21px 20px;} .offer_project .avatar { width:73px; float:left;} .offer_project .online {background:url(images/status_online.gif) 56px 4px no-repeat;} .offer_project .offline {background:url(images/status_offline.gif) 56px 4px no-repeat;} .offer_project .info { width:170px; float:left;} .offer_project .info em { color:#A3A3A3; display:block;} .offer_project .info .img { margin:0 0 0 8px; vertical-align:middle;} .offer_project .text { width:705px; float:left;} .offer_project .empty { height:30px; clear:both;} .offer_project .empty a { font-size:13px; font-weight:bold;} .offer_project .empty .left { float:left;} .offer_project .empty .right { float:right; padding:0 20px;} .offer_project .article {} .offer_project .article h3 { color:#010000; font:16px Tahoma; font-weight:bold; margin:0;} .offer_project .article h3 em { color:#A3A3A3;} .offer_project .article .left { float:left;} .offer_project .article .right { float:right;} .offer_project .text .cont { color:#010000; padding:0 120px 0 0; clear:both;} .offer_project .text .cont em { padding:27px 0 12px; display:block;} .offer_project .text .cont em img { margin:0 8px 0 0; vertical-align:middle;} .offer_project .text .cont em .a { margin:0 21px 0 0;} .offer_project_line { height:20px; margin:0 21px 0 20px; border-top:1px solid #E1E1E1; display:block;} /* ------------------------------- Comment Project */ .comment_project { padding:0 0 0 20px;} .comment_project strong { margin:8px 0 2px; display:block;} .comment_project .inp { width:64px; height:17px; padding:3px 3px 0; margin:0 10px 0 7px; background:#fff; border:1px solid #586995;} .comment_project .inp1 { width:500px; height:17px; padding:3px 3px 0; background:#fff; border:1px solid #586995;} .comment_project .inp2 { width:220px; height:17px; padding:3px 3px 0; background:#fff; border:1px solid #586995;} .comment_project .sel { width:46px; margin:0 10px;} .comment_project .sel1 { width:66px; margin:0 10px;} /* ********************* Page 4 *********************** */ .my_message_heading { margin:21px 30px;} /* ---------------------------------- Freelancer Menu */ .freelancer_menu { height:39px; background:#EEEEEE; padding:0 0 0 30px; border-right:1px solid #4F7B82;border-left:1px solid #4F7B82;} .freelancer_menu a { font-size:12px; text-decoration:none; } .freelancer_menu a:hover { text-decoration:underline; } .freelancer_menu .img { margin:0 2px 0 0; vertical-align:middle;} .freelancer_menu .img1 { margin:0 0 0 2px; vertical-align:middle;} .freelancer_menu .name, .message, .account, .balance, .edit { padding:10px 0 0; font-size:12px;} .freelancer_menu .name { width:100px; float:left; text-decoration:underline; font-weight:bold;} .freelancer_menu .message { width:150px; float:left;} .freelancer_menu .account { width:300px; float:left;} .freelancer_menu .balance { width:160px; float:left;} .freelancer_menu .edit { width:120px; float:left;} .freelancer_menu .exit { float:left; padding:9px 0 0;} /* ---------------------------------- My Message Info */ .my_message_info { height:22px; clear:both; padding:0 0 0 30px; margin:0 0 7px; background:url(images/bg_top.gif) 0 0 no-repeat #C2C2C2;} .my_message_info .bg_top { height:22px; background:url(images/bg_top.gif) 100% 0 no-repeat;} .my_message_info div { font-size:12px; color:#fff;} .my_message_info .from, .theme, .time_date { padding:2px 0 0;} .my_message_info .from { width:410px; float:left;} .my_message_info .theme { width:325px; float:left;} .my_message_info .time_date { float:left;} /* ---------------------------------- My Messages */ .my_message { padding:14px 0 0 30px; margin:0 0 15px; clear:both; background:url(images/my_message_line.gif) 100% 0 no-repeat;} .my_message_active { background:#FFF1DD;} .my_message .empty { overflow:hidden; zoom:1; height:15px; clear:both;} .my_message .avatar { width:73px; float:left;} .my_message .online {background:url(images/status_online.gif) 56px 4px no-repeat;} .my_message .offline {background:url(images/status_offline.gif) 56px 4px no-repeat;} .my_message .info { width:280px; float:left;} .my_message .info .img { margin:0 0 0 8px; vertical-align:middle;} .my_message .info em { color:#A3A3A3; display:block;} .my_message .up_down { width:60px; float:left;} .my_message .text { width:300px; padding:0 20px 0 0; float:left;} .my_message .text strong a { color:#00ACC5; font-size:12px; display:block; text-decoration:none;} .my_message .text strong a:hover { text-decoration:underline;} .my_message .msg_date { width:200px; float:left; padding-top:15px; font-size:12px;} .my_message .select { width:5px; float:left; padding:15px 0 0;} /* ---------------------------------- My Messages Page */ #my_message_page { padding:25px 0 0 30px; clear:both; background:url(images/my_message_line.gif) 100% 0 no-repeat;} #my_message_page .left { float:left;} #my_message_page .left a { font-size:14px; font-weight:bold; padding:3px 4px; margin:0 3px;} #my_message_page .left a:hover { background:#A3A3A3; color:#fff; text-decoration:none;} #my_message_page .left a.active { background:#A3A3A3; color:#fff; text-decoration:none;} #my_message_page .right { float:right; padding:0 40px;} #my_message_page .right .inp { margin:0 20px 0 0;} .read_msg { width:100%; margin:5px 0 0;} .read_msg .info { height:86px; padding-left:15px; background:#FFF1DD; border-top:1px solid #fff;} .read_msg .avatar { width:73px; float:left; padding:15px 0 0;} .read_msg .info .avatar img { width:50px; height:50px;} .read_msg .online {background:url(images/status_online.gif) 56px 15px no-repeat;} .read_msg .offline {background:url(images/status_offline.gif) 56px 15px no-repeat;} .read_msg .info .service { width:300px; float:left; padding:11px 0 0;} .read_msg .info em { color:#A3A3A3; display:block;} .read_msg .info .service .img { margin:0 7px 0 9px; vertical-align:middle;} .read_msg .info .service .online { color:#FC9209;} .read_msg .info .service .offline { color:#00809F;} /* ********************* Page 5 *********************** */ .offer_project_active1 { background:#EEEEEE;} .offer_project_active1 .empty { padding:0 0 15px;} .portfolio_image { margin:32px 0 0; clear:both; text-align:center;} .comment_work_wrapper { padding:0 50px;} .comment_work_wrapper .inp { width:568px; height:17px; padding:3px 3px 0; background:#fff; border:1px solid #586995;} /* ----------------------------------- Comment Work */ .comment_work { padding:35px 0 0; margin:0; clear:both; background:url(images/px.gif) 0 0 repeat-x;} .comment_work .avatar { width:73px; float:left;} .comment_work .online {background:url(images/status_online.gif) 56px 4px no-repeat;} .comment_work .offline {background:url(images/status_offline.gif) 56px 4px no-repeat;} .comment_work .info { width:170px; float:left;} .comment_work .info em { color:#A3A3A3; display:block;} .comment_work .info .img { margin:0 0 0 8px; vertical-align:middle;} .comment_work .text { width:620px; float:left; color:#000000;} .comment_work .empty { height:30px; clear:both;} .comment_work h3 { color:#010000; font:16px Tahoma; font-weight:bold; margin:0;} .comment_work_line { height:1px; clear:both; background:url(images/px.gif) 0 0 repeat-x;} /* ********************* Page 6 *********************** */ /* --------------------------------- My Portfolio Info */ .my_portfolio_info { padding:25px 0 0 20px; background:#FFF1DD;} .my_portfolio_info .avatar { width:125px; float:left; } .my_portfolio_info .online {background:url(images/status_online.gif) 107px 4px no-repeat;} .my_portfolio_info .offline {background:url(images/status_offline.gif) 107px 4px no-repeat;} .my_portfolio_info .info { width:250px; float:left;} .my_portfolio_info .info .name { font-size:13px; display:inline;} .my_portfolio_info .info .status { font-size:18px; display:block; margin:5px 0 5px;} .my_portfolio_info .specialisation { width:190px; float:left;} .my_portfolio_info .specialisation em { color:#000;} .my_portfolio_info .specialisation .img { margin:0 8px 0 0; vertical-align:middle;} .my_portfolio_info .rating { width:270px; float:left; line-height:22px;} .my_portfolio_info .rating em { color:#000;} .my_portfolio_info .option { width:300px; float:left;} .my_portfolio_info .empty { height:20px; clear:both;} .opinion { width:100%; padding-top:15px;} .opinion .avatar { width:73px; float:left; padding:15px 0 0;} .opinion .avatar img { width:50px; height:50px;} .opinion .online {background:url(images/status_online.gif) 56px 15px no-repeat;} .opinion .offline {background:url(images/status_offline.gif) 56px 15px no-repeat;} .opinion .service { width:800px; float:left; padding:11px 0 0;} .opinion em { color:#6E6E6E; display:block;} .opinion .service .img { margin:0 7px 0 9px; vertical-align:middle;} /* --------------------------------- My Portfolio Info */ .bookmark_menu { margin:15px 0 0; clear:both; height:43px;} .bookmark_menu li { height:42px; float:left; display:block;} .bookmark_menu li a { height:42px; display:block; font-size:16px; text-decoration:none; background:url(images/px_bookmarkmenu.gif) 0 0 repeat-x;} .bookmark_menu li a:hover { cursor:pointer; color:#FCA20D;} .bookmark_menu li a b { height:42px; display:block; background:url(images/px1.gif) 0 31px repeat-x;} .bookmark_menu li a b b { height:42px; display:block; background:url(images/bg_menu_l.gif) 0 0 no-repeat;} .bookmark_menu li a b b b { height:31px; padding:11px 20px 0; font-size:16px; text-decoration:none; display:block; background:url(images/bg_menu_r.gif) 100% 0 no-repeat;} .bookmark_menu li a.active b { color:#7C7C7C; background:url(images/bg_menu_active.gif) 0 0 no-repeat #FFF1DD;} .bookmark_menu li a.active b b { background:none;} .bookmark_menu li a.active b b b { background:none;} .bookmark_menu li a.last b b b { background:url(images/bg_menu_r1.gif) 100% 0 no-repeat;} /* --------------------------------- My Portfolio Work */ .my_portfolio_work { margin:15px 0 0;} .my_portfolio_work .info { background:url(images/bg_top.gif) 0 0 no-repeat #C2C2C2; overflow:hidden; zoom:1; clear:both;} .my_portfolio_work .info .bg_top {background:url(images/bg_top.gif) 100% 0 no-repeat; padding:5px 0 5px 20px;} .my_portfolio_work .info .service { width:335px; float:left; color:#fff;} .my_portfolio_work .info .description { width:500px; float:left; color:#000;} .my_portfolio_work .info .arrow_up { width:50px; float:right; padding:5px 0 0;} .my_portfolio_work .info .empty { height:1px; clear:both; overflow:hidden; zoom:1;} .my_portfolio_work .portfolio { clear:both; padding:0 0 0 20px;} .my_portfolio_work .portfolio .work { width:230px; float:left; margin:18px 0 7px; font-size:12px;} /* ********************* Page 7 *********************** */ /* --------------------------------- My Portfolio Info */ .my_portfolio_description { padding:25px 0 0 20px; background:#FFF1DD;} .my_portfolio_description .avatar { width:125px; float:left;} .my_portfolio_description .online {background:url(images/status_online.gif) 107px 4px no-repeat;} .my_portfolio_description .offline {background:url(images/status_offline.gif) 107px 4px no-repeat;} .my_portfolio_description .info { width:260px; float:left;} .my_portfolio_description .info .name { font-size:13px;} .my_portfolio_description .info .status { font-size:18px; display:block; margin:12px 0 5px;} .my_portfolio_description .specialisation { width:240px; float:left;} .my_portfolio_description .specialisation em { color:#000;} .my_portfolio_description .specialisation .img { margin:0 8px 0 0; vertical-align:middle;} .my_portfolio_description .form { width:150px; background:gray; float:left; padding:29px 0 0;} .my_portfolio_description .specialisation input { width:58px;} .my_portfolio_description .specialisation span { padding:8px 0 0; display:block;} .my_portfolio_description .description { width:335px; float:left; font-size:12px;} .my_portfolio_description .description .cont { padding:7px 11px; margin:17px 0 0; display:block; font:11px tahoma; background:#fff; border:1px solid #586995;} .my_portfolio_description .description .button { padding:37px 0 0; text-align:right;} .my_portfolio_description .empty { height:20px; clear:both;} /* --------------------------------- Section Comment */ .section_comment { margin:15px 0 0; padding-top:1px; background:url(images/bg_top.gif) 0 0 no-repeat #C1D0D3;} .section_comment .bg_top {padding:12px 0 12px 20px; background:url(images/bg_top.gif) 100% 0 no-repeat;} .section_comment .arrow { width:23px; float:left; padding:50px 0 0;} .section_comment .arrow img { display:block; margin:0 0 10px;} .section_comment .text { width:360px; float:left; font-size:12px;} .section_comment .text textarea { width:318px; height:53px; font:11px tahoma; background:#fff; border:1px solid #586995;} .section_comment .text .white { color:white; display:block; margin:0 0 3px;} .section_comment .price { width:350px; float:left; padding:18px 0 0;} .section_comment .price input { width:58px; height:17px; padding:3px 3px 0; margin:0 10px 0 7px; background:#fff; border:1px solid #586995;} .section_comment .price .sel { width:66px;} .section_comment .save { width:180px; float:left; padding:18px 0 0;} .section_comment .empty { height:1px; clear:both; overflow:hidden; zoom:1;} /* --------------------------------- Add New Work */ .add_new_work { padding:25px 0 0 30px; margin:0 0 30px; clear:both; background:#EEEEEE;} .add_new_work .left { width:520px; float:left;} .add_new_work .left select { width:450px;} .add_new_work .left input[type="text"] { width:440px; height:17px; padding:3px 3px 0; background:#fff; border:1px solid #586995;} .add_new_work .left strong { margin:12px 0 7px; display:block;} .add_new_work .left textarea { width:440px; height:54px; padding:3px; font:11px tahoma; background:#fff; border:1px solid #586995;} .add_new_work .left .inp { width:40px;} .add_new_work .right { width:380px; float:left; padding:32px 0 0;} .add_new_work .right span { margin:5px 0 7px; display:block;} .add_new_work .right .inp { width:268px; height:17px; padding:3px 3px 0; background:#fff; border:1px solid #586995;} .add_new_work .right .inp1 { width:58px; height:17px; padding:3px 3px 0; margin:0 10px 0 24px; background:#fff; border:1px solid #586995;} .add_new_work .empty { height:21px; clear:both;} /* --------------------------------- Edit Work */ .edit_work { margin:14px 0 0; padding:0 0 15px 20px; border-bottom:1px solid #E6E6E6; overflow:hidden; zoom:1;} .edit_work .arrow { width:23px; float:left; padding:6px 0 0;} .edit_work .arrow img { display:block; margin:0 0 10px;} .edit_work .text { width:430px; float:left; font-size:12px;} .edit_work .text span { margin:14px 0 0; display:block;} .edit_work .save { width:330px; float:left;} .edit_work .save .inp { width:58px; height:17px; padding:3px 3px 0; margin:0 10px 0 24px; background:#fff; border:1px solid #586995;} .edit_work .save .sel { width:66px;} .edit_work .save .save_button { padding:0 0 0 135px;} .edit_work .edit { width:150px; float:left;} .edit_work .edit .img { margin:0 14px 0 0; vertical-align:middle;} .edit_work .select { width:20px; float:left; padding:11px 0 0;} .button_block { clear:both; margin:34px 0 0; padding:0 50px; text-align:right;} .button_block .inp { margin:0 20px;} /* ********************* Footer *********************** */ #empty { height:121px; clear:both;} #footer { height:120px; position:absolute; width:100%; bottom:0; left:0; color:#000;} #footer .cont { width:989px; margin:0 auto; text-align:left; color:#000;} #footer .cont p { padding:50px 0 0;} /* ----------------------- IE ------------------------- */ * html #menu li { width:1px; white-space:nowrap;} * html #catalog_menu li a { height:1px;} * html #search_project .info_article .right { padding:10px 40px 0 0;} * html #search_project .text .left li { height:24px;} * html #search_project .text { padding:17px 0 0 30px;} * html #search_project.page_2 .right { padding:5px 40px 0 0;} * html .offer_project .empty { height:1px; clear:both;} * html .my_message .empty { height:1px;} * html .freelancer_menu .name, .message, .account, .balance, .edit { padding:12px 0 0;} * html .comment_work .empty { height:1px;} /* ---------------------------------------------------- */