﻿* { margin:0; padding:0; }

body
{
    margin-bottom:10px;
}

body, textarea, input
{
    font-family:Verdana, Arial, Verdana, Sans-Serif;
}

a
{
    color:#1d7fc6;   
}

body
{
    background-color:#eee;
}

#firstone
{
    margin:10px auto;
    width:980px;
    background-color:#fff;
    border:1px solid #bbb;
    padding:5px;
    margin-bottom:0;
}

#header
{
    background-color:#4ab1e3/*192329*/;   
    padding-top:4px;
}

#top
{
    border-top:1px solid #313e45;
    background-color:#334552/*#202b33*/;
    padding:0 10px;
    font-size:12px;
}

#top .right, #top .left 
{
    line-height:50px;
}

#top .right a
{
    color:#bbb;
    margin-left:10px;
}

#top h1
{
    font-weight:normal;
    font-size:12px;
}

#top h1 a
{
    color:#fff;
    text-decoration:none;
}

#top ul
{
    display:block;
    width:100%;
}

#top ul li
{
    float:left;
    list-style-type:none;
    padding:10px 15px;
    margin-right:5px;
    background:#142129 url(s/menu-right-border.gif) top right no-repeat;
    border-bottom:none;
}

#top ul li a
{
    color:#fff;
}

#top ul li a:hover
{
    color:#fff;
}

#bread
{
    margin:0 10px;
    padding:10px 0;
    font-size:12px;
    line-height:27px;
    border-bottom:1px dotted #ccc;
}

#bread .langs
{
       line-height:normal;
    padding:0;
    margin:0;
    padding-top:7px;
}

#bread .langs a
{
    display:inline-block;
    height:11px;
    width:16px;
    font-size:xx-small;
    background: #fff url(i/lang.png) left top no-repeat;
    margin:0;
    padding:0;
    text-decoration:none;
    margin-left:5px;
    border:1px solid #eee;
}

#bread .langs a#langru
{
    background-position:100% top;
}

.greenbutton
{
    background:#fff url(s/bg_button_div.gif) left top no-repeat;
}

.greenbutton a
{
    background:transparent url(s/bg_button_a.gif) right top no-repeat;
    line-height:27px;
    display:block;
    padding:0 20px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}

#editbuttoncontainer
{
    margin-bottom:5px;
}

#editbuttoncontainer .left
{
    color:#333;
    font-size:21px;
}

.lightbutton
{
    background:transparent url(s/btnlightleft.gif) left top no-repeat; 
    display:inline-block;  
    text-decoration:none;
}

.lightbutton span
{
    background:transparent url(s/btnlightright.gif) right top no-repeat;   
    padding:6px 10px;
    display:inline-block;
    cursor:pointer;
    font-weight:bold;
}

.redbutton
{
    background:transparent url(s/btnredleft.gif) left top no-repeat; 
    display:inline-block;  
    text-decoration:none;
    color:#fff;
}

.redbutton span
{
    background:transparent url(s/btnredright.gif) right top no-repeat;   
    padding:6px 10px;
    display:inline-block;
    cursor:pointer;
    font-weight:bold;
}

#footer
{
    font-size:12px;
    color:#333;
    padding:10px 10px;
}

h2
{
    font-size:19px;
    font-weight:lighter;
}

#content
{
    padding:13px 10px;
    font-size:12px;
    margin:0 auto;
    margin-top:5px;
    /*width:900px;*/
}

#first, #second, #third, #listing, #pages-form-div
{
    min-height:25px;
    background: transparent url(s/loader.gif) left top no-repeat;
}

#third
{
    min-height:150px;
}

.block-title
{
    background-color:#768e9d;
    padding:7px 10px;
    border-bottom:2px solid #b8c6ce;
    color:#fff;
    font-weight:bold;
}

.block-inner
{
    padding:5px 10px;
    border:1px solid #ccc;
    border-top-color:#b8c6ce;
    line-height:18px;
}

.half
{
    width:49.5%;
}

.divitem
{
    border-bottom:1px dotted #ddd;
    padding-bottom:5px;
    margin-bottom:4px;
    line-height:19px;
}

.itable
{
    border-collapse:collapse;
    width:100%;
    margin-bottom:5px;
}

.itable tr td
{
    line-height:18px;
    border-bottom:1px dotted #ccc;
    padding:5px 10px;
    vertical-align:top;
}

.itable tr td.firsttd
{
    width:115px;
}

.block-title-valid, .block-title-orange
{
    background-color:#b7e6e6;
    padding:7px 10px;
    padding-bottom:2px;
    color:#000;
}

.block-title-orange
{
    background-color:#ff9400;
    color:#fff;
    font-weight:bold;
}

.valid, .invalid, .orangevalid
{
    border:5px solid #b7e6e6;
    background-color:#e1f4f4;
    padding:10px;
    margin-bottom:10px;
}

.orangevalid
{
    border-color:/*ffbb03*/#ff9400;
    background-color:#ffffe0;
}

.invalid
{
	background-color:#a60000;
	border-color:#820000;
	color:#fff;
}

.valid h3, .invalid h3
{
    font-size:16px;
    margin-bottom:10px;
    font-weight:normal;
}

.valid ul, .invalid ul
{
    margin-left:20px;
}

.invalid a
{
    color:#fff;
}

.vtable
{
    font-size:12px;
    border-collapse:collapse;
}

.vtable tr td
{
    padding:2px 0;
    vertical-align:top;
    line-height:20px;
}

#fixsize
{
    width:604px;
}

* html #fixsize textarea, 
*+html #fixsize textarea
{
    height:75px;
}

.vtable tr td.firsttd
{
    width:165px;
}

.firsttdsmall
{
    width:100px;
}

.vtable tr td input[type="text"], .vtable tr td .input, .vtable tr td input[type="password"]
{
    width:250px;
    padding:2px;
}

.vtable tr td select
{
    width:256px;
    padding:1px;
    border-style:inset;
}


input[readonly="readonly"], .readonly
{
    background-color:#ddd;
}

.vtable tr td textarea
{
    width:400px;
    padding:2px;
}

textarea
{
    font-size:13px;
}

.wym
{
    width:100%;
}

.buttonlight
{
    padding:2px 10px;
}

.reg-steps
{
    line-height:18px;
    border-bottom:1px dotted #ccc;
    padding-bottom:30px;
}

#reg-step1
{
    background: #fff url(s/reg1.jpg) left top no-repeat;
    margin-bottom:30px;
}

#reg-step2
{
    background: #fff url(s/reg2.jpg) left top no-repeat;
    margin-bottom:30px;
}

#reg-step3
{
    background: #fff url(s/reg3.jpg) left top no-repeat;
    border-bottom:0;
    padding-bottom:0;
}

#reg-step-remind
{
    background: #fff url(s/remind.jpg) left top no-repeat;
    border-bottom:0;
    padding-bottom:0;
    padding-left:8px;
}

.reg-step-last
{
    border-bottom:0;
    padding-bottom:0;
}

.reg-steps tr td
{
    text-align:right;
    padding:0 5px;
    width:200px;
}

.reg-steps div
{
    margin-bottom:10px;
    padding-left:75px;
}

.reg-steps h3
{
    font-size:16px;
    font-weight:normal;
    margin-bottom:5px;
}

.submitrbutton
{
    margin-left:144px;
}

.submitrbutton input, input.submitrbutton
{
    padding:5px 0;
    width:206px;
}

.reg-steps .submitrbutton
{
    padding-top:10px;
}

.table-form input
{
    padding:2px;
    width:200px;
}

.cdesc
{
    color:#999;
    padding-left:10px;
    font-size:11px;
    display:block;
}

#file-container .cdesc { display:inline;}


.site-member-item
{
    background-color:#eee;
    border:1px solid #bbb;
    width:150px;
    margin:5px 0;
    float:left;
    margin-right:10px;
}

.site-member-item div.pic
{
    height:120px;
    background: #eee url(i/user_big.png) center center no-repeat;
}

.site-member-item div.desc
{
    text-align:center;
    padding:5px;
}

#c-ul li
{
    float:left;
    width:24%;
    margin-right:1%;
    min-height:70px;
    list-style-type:none;
    padding:0;
    padding-left:76px;
    background-color:#fff;
    background-position:left top;
    background-repeat:no-repeat;
    margin-top:10px;
    margin-bottom:5px;
}

#c-ul li span
{
    display:block;
    font-size:11px;
}

#c-ul li span a
{
    font-size:15px;
    display:block;
    padding-bottom:5px;
}

.gallery-item
{
    width:120px;
    height:22px;
    padding-top:121px;
    background-color:#fff;
    background-position:top center;
    background-repeat:no-repeat;
    float:left;
    margin-right:5px;
    border:1px solid #ddd;
    margin-top:2px;
    margin-bottom:2px;
}

.gallery-item div
{
    background-color:#f7f7f7;
    padding:0 4px;
    text-align:right;
}

#map_canvas
{
    width: 405px; height: 300px;
    margin-top:4px;
    border:1px solid #aaa;
}

* #search-map-button
{
    padding:0;
    margin:0;
    width:145px;
}

#pages-tree
{
    width:30%;
    float:left;
}

.page-item .right a /* drag and drop */
{
    font-size:12px;
    padding:1px 5px;
    background-position:center center;
    text-decoration:none;
}

.page-item li
{
    list-style:none;
}

#pages-tree-div
{
    padding:10px;
    border:1px solid #ccc;
}

#pages-tree-div li
{
    list-style-type:none;
    line-height:22px;
}

#pages-tree-div li .left a, #pages-tree-div li .left span
{
    background-image:url(i/application_double.png);
}

#pages-tree-div li .left span
{
    color:#333;
}

#pages-tree-div li ul
{
    /*margin-left:21px;*/
}

#pages-tree-div li li div.sort-handle:hover,
#pages-tree-div li li div.hovered
{
    background-color:#f1f1f1;
}

#pages-tree-div li li div.hovered
{
    background-color:#f1f1f1;
}

#pages-tree-div li li .left a
{
    background-image: url(i/application_view_gallery.png);
    display:inline-block;
}

#pages-tree-div .right .ico
{
    padding:1px 5px;
    text-decoration:none;
    background-position:center center;
}

#pages-tree-div li li div:hover,
#pages-tree-div li li .hovered
{
    cursor:move;
}


#pages-tree-div li li div:hover .right,
#pages-tree-div li li .hovered .right,
#pages-tree-div li li .right
{
    cursor:default;
}

#pages-tree-div li li div:hover .right a, 
#pages-tree-div li li .hovered .right a
{
    
}

.page-list
{
    display:block;
}

* .helper
{
    font-size:11px;
    border:1px dashed #000;
    background-color:#ddd;
    padding:4px;
    line-height:20px;
}

#pages-form-div .helper
{
    padding:0;
}

.page-item
{
    font-size:12px;
    line-height:20px;
}


#pages-tree-div li li .right a
{
}

li .page-item .right a
{
}

#page-help
{
    line-height:20px;
    padding:8px 10px;
    border:1px solid #ccc;
    margin-top:10px;
}

#page-title-ico
{
    background:#fff url(i/page-title.gif) left center no-repeat;
    padding-left:80px;
}

#page-help span
{
    padding-top:3px;
    padding-bottom:2px;
}

#page-help ol
{
    margin-left:19px;
}

#page-help ol li
{
    margin-top:2px;
    margin-bottom:2px;
}

#pages-form-div-start
{
    width:69%;
    float:right;
}

#pages-form-div
{   
}

#pages-form-div .edit-page-el
{
    background-color:#eaf3fd;
    border:1px solid #bbb;
    margin-bottom:5px;
}

* html #pages-form-div .edit-page-content-el .edit-page-el, 
*+html #pages-form-div .edit-page-content-el .edit-page-el
{
    margin-bottom:0;
}

#pages-form-div .wbig, 
#pages-form-div .wsmall
{
    min-height:177px;
}

#pages-form-div .wbig
{
    width:66.1%;
}


* html #pages-form-div .wbig, 
*+html #pages-form-div .wbig
{
    width:66%;
}

#pages-form-div .wsmall
{
    width:33%;
}

.edit-page-el-title
{
    padding:5px;
    font-weight:bold;
    color:#006699;
}

.edit-page-el-title span
{
    color:#fff;
    background-color:#ff9400;
    padding:2px 5px;
}

.edit-page-add-block
{
    margin:5px;
    padding:5px;
    margin-top:0;
}

.edit-page-add-block a:hover
{
    color:#006699;
}

.edit-page-el ul li
{
    list-style:none;
    margin:5px;
    margin-top:0;
}

.page-block-div
{
    background:#67a7e3 url(i/move.gif) center top no-repeat;
    padding:1px;
    padding-top:9px;
    cursor:move;
}

.page-block-div div
{
    cursor:move;
}

.page-block-div div p
{
    font-size:10px;
    background:#fff;
    padding:5px;
    cursor:default;
}

.page-block-div div .page-block-title
{
    font-size:12px;
    border-bottom:1px dotted #ccc;
    cursor:move;
}

#visualhelp
{
    margin-top:10px;
}

#elementpreview
{
    background-position:center center;
    background-repeat:no-repeat;
    width:290px; 
    height:203px; 
}

#pageeditform
{
    height:203px; /*dlja fiksacii razmera dlja ff*/
}

a.lighter
{
    color:#999;
}

.site-note
{
    width:97.5%;
    overflow:auto;
    margin-bottom:5px;
    height:131px;
    padding:5px;
}

* html .site-note,
*+html .site-note
{
    margin-top:-1px;   
    height:130px;
}

.logo-preview
{
    background-color:#eee;
    background-position: center center;
    background-repeat:no-repeat;
    width:400px;
    height:120px;
    border:1px solid #bbb;
    margin-left:60px;
}

#template-navigation
{
    margin-bottom:10px;
}

#template-navigation li
{
    margin-right:20px;    
    background-color:#eee;
    list-style-type:none;
    display:inline-block;
    padding:7px;
}

* html #template-navigation li,
*+html #template-navigation li
{
    padding:3px 5px;
    line-height:26px;
    padding-bottom:4px;
    display:inline;
}

#template-navigation li a
{
    font-size:15px;
    color:#777;
}

#TemplateCategories
{
    margin-left:10px;
}

#template-category-select, #template-listing
{
    padding-bottom:10px;
    border-bottom:1px dotted #ccc;
}

#template-listing
{
    padding-top:10px;
    margin-bottom:10px;
    line-height:18px;
}

.template-el, .header-el
{
    background:#fff;
    float:left;
    margin-top:5px;
    margin-right:10px;
    margin-bottom:5px;
    width:145px;
    padding:5px;
    border:3px solid #ddd;
}

.template-el:hover, .header-el:hover
{
    border-color:#4ab1e3;
}

.template-el .small-preview
{
    border:1px solid #ccc;
    background-color: #ddd;
    background-position:center center;
    background-repeat:no-repeat;
    height:111px;
    margin-bottom:5px;
}

.zoom
{
    background-image:url(i/zoom.png);
    padding:0;
    position:absolute;
    width:16px;
    height:16px;
}

.zoom a
{
    text-decoration:none;
    display:block;
}

.template-el .zoom
{
    margin-top:89px;
    margin-left:124px;
    padding-left:0;
}

#template-listing .i-premium 
{
    padding:0;
    position:absolute;
    margin-top:-25px;
    margin-left:120px;
    width:45px;
}

* html #logo-block input[type="file"],
* html #background-block input[type="file"],
*+html #logo-block input[type="file"],
*+html #background-block input[type="file"]
{
    padding:2px;
    font-size:13px;
}

#background-preview
{
    background-color:#eee;
    background-position: center center;
    background-repeat:no-repeat;
    height:250px;
    border:1px solid #bbb;
    margin-bottom:10px;
}

#header-listing
{
    margin-top:10px;
    padding-top:10px;
    border-top:1px dotted #ccc;
}

.header-el
{
    width:200px;   
}

.header-el .bg-preview
{
    height:61px;
    background-position:center top;
    background-repeat:no-repeat;
}

.header-el .bg-preview .zoom
{
    margin-left:180px;
    margin-top:61px;
    padding-left:0;
}

.nicEdit-main
{
    width:100%;
    background-color:#fff;
    padding:10px;
}

.nicEdit-main ul, .nicEdit-main ol
{
    margin-left:20px;
}

#email-info-page ul
{
    margin-top:10px;
    margin-left:20px;
}

#email-info-page ul li
{
    list-style-type:none;
}


#copypagetable
{
    border:1px solid #ccc;
    width:100%;
    background-color:#f6f6f6;
    padding:5px;
    font-size:11px;
    border-collapse:collapse;
}

#copypagetable th
{
    text-align:left;
    font-size:12px;
    padding:5px;
    background-color:#eee;
    font-weight:normal;
}

#copypagetable td
{
    border-top:1px solid #ddd;
    padding:5px;
}

.payment-option
{
    line-height:18px;
    margin-bottom:18px;
    padding-left:190px;
    
    border-top:1px dotted #ccc;
    padding-top:15px;
}

#payment-mb
{
    background: #fff url(s/moneybookers_cc.gif) left 20px no-repeat;
}

#payment-w2p
{
    background: #fff url(s/webtopay_cc.gif) 10px 23px no-repeat;
}

#payment-sms
{
    background: #fff url(s/sms_cc.jpg) 40px 15px no-repeat;
}

.pay-button-wrapper
{  
    margin-top:10px;
    line-height:normal;
}

.pay-button-wrapper ol
{
    margin-left:35px;
    line-height:20px;
}

#sms-code, #sms-phone
{
    background-color:Green;
    padding:2px 3px;
    color:#fff;
    font-weight:bold;
}

#sms-phone
{
    background-color:red;
}

#CSSCode, #HTMLCode
{ 
    width:100%;
    height:150px;
}

.template-style
{
    float:left;
    text-align:left;
    border:1px solid #ccc;
    background-color:#fff;
    margin-right:5px;
    margin-bottom:5px;
    padding:5px;
}

.template-style:hover, .template-style-selected
{
    background-color:#f1f1f1;
}

.template-style label
{
    display:inline-block;
    width:100px; 
    height:100px;
    background: #fff url(s/template-1.gif) center center no-repeat;
    margin:0 auto;
    margin-left:21px;
}

.template-style input { position:absolute; margin-top:44px; margin-left:2px;}

*+html .template-style input,
*+html .template-style input { margin-left:-1px; margin-top:40px;}

.ts1 label { background-image: url(s/template-1.gif);}
.ts2 label { background-image: url(s/template-2.gif);}
.ts3 label { background-image: url(s/template-3.gif);}
.ts4 label { background-image: url(s/template-4.gif);}
.ts5 label { background-image: url(s/template-5.gif);}
.ts6 label { background-image: url(s/template-6.gif);}
.ts7 label { background-image: url(s/template-7.gif);}
.ts6 label { background-image: url(s/template-6.gif);}
.ts8 label { background-image: url(s/template-8.gif);}
.ts9 label { background-image: url(s/template-9.gif);}
.ts10 label { background-image: url(s/template-10.gif);}

#tag-table
{
    margin-top:10px;
    border-collapse:collapse;
    width:100%;
}

#tag-table tr td
{
    background-color:#fff;
    padding:5px;
    border-bottom:1px solid #ccc;
}

/**/

.ico 
{
    padding-left:21px;   
    background-color:Transparent;
    background-position:left center;
    background-repeat:no-repeat;
    padding-bottom:1px;
    padding-top:1px;
}

.i-premium
{
    background-image:url(i/badge.png);
    height:60px;
    padding-left:50px;
}

.i-layers
{
    background-image: url(i/layers.png);
}

.i-useredit
{
    background-image: url(i/user_edit.png);
}

.i-layoutleft
{
    background-image: url(i/layout_left.png);
}

.i-cartgo
{
    background-image: url(i/cart_go.png);
}

.i-css
{
    background-image: url(i/css.png);
}

.i-folderpage
{
    background-image: url(i/folder_page.png);
}

.i-html
{
    background-image: url(i/html.png);
}

.i-layoutright
{
    background-image: url(i/layout_right.png);
}

.i-layoutwide
{
    background-image: url(i/layout_wide.png);
}

.i-layoutcontent
{
    background-image: url(i/layout_content.png);
}

.i-picture
{
    background-image: url(i/picture.png);
}

.i-rainbow
{
    background-image: url(i/rainbow.png);
}

.i-accept
{
    background-image: url(i/accept.png);
}

.i-lightbulb
{
    background-image: url(i/lightbulb.png);
}

.i-lightbulboff
{
    background-image: url(i/lightbulb_off.png);
}

.i-arrowright
{
    background-image: url(i/arrow_right.png);
}

.i-add
{
    background-image: url(i/add.png);
}

.i-email
{
    background-image: url(i/email.png);
}

.i-emailgo
{
    background-image: url(i/email_go.png);
}

.i-emailopen
{
    background-image: url(i/email_open.png);
}

.i-lockbreak
{
    background-image: url(i/lock_break.png);
}

.i-house
{
    background-image: url(i/house.png);
}

.i-linkgo
{
    background-image: url(i/link_go.png);
}

.i-comments
{
    background-image: url(i/comments.png);
}

.i-applicationside
{
    background-image: url(i/application_side.png);
}

.i-info
{
    background-image: url(i/info.png);
}

.i-lockgo
{
    background-image: url(i/lock_go.png);
}

.i-vcardadd
{
    background-image: url(i/vcard_add.png);
}

.i-change
{
    background-image: url(i/change.png);
}

.i-appadd
{
    background-image: url(i/app_add.png);
}

.i-appformadd
{
    background-image: url(i/app_form_add.png);
}

.i-tableedit
{
    background-image: url(i/table_edit.png);
}

.i-cross
{
    background-image: url(i/cross.png);
}

.i-bulletblue
{
    background-image: url(i/bullet_blue.png);
}

.i-bulletgreen
{
    background-image: url(i/bullet_green.png);
}

.i-appdouble
{
    background-image:url(i/application_double.png);
}

.i-arrowout
{
    background-image:url(i/arrow_out.png);
}

.i-help
{
    background-image:url(i/help.png);
}

#c-maps
{
    background-image:url(i/c_maps.gif);
}

#c-js
{
    background-image:url(i/c_js.gif);
}

#c-pages
{
    background-image:url(i/c_pages.gif);
}

#c-news
{
    background-image:url(i/c_news.gif);
}

#c-banners
{
    background-image:url(i/c_banners.gif);
}

#c-gallery
{
    background-image:url(i/c_gallery.gif);
}

.pages-help h3
{
    font-weight:normal;
    font-size:17px;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}

.pages-help ul
{
    margin-top:7px;
    line-height:25px;
}

.pages-help ul li
{
    list-style-type:none;
}

#pages-cat-example
{
    background:#fff url(s/catexample.jpg) left center no-repeat;
    height:170px;
}

/* ispolozuetsa tolko v siteedit */
#SiteDomain 
{
    background: #fff url(s/www.gif) left center no-repeat;
    padding-left:71px;
    width:181px;
    border-style:inset;
}

#EmailLogin
{
    width:150px;
    text-align:right;
}

#reg-step2 #SiteName, #sitename-field #SiteName
{
    background: #fff url(s/www-lv.gif) left center no-repeat;
    padding-left:110px;
    width:92px;
    border-style:inset;
}

input[type="text"],
input[type="password"],
select,
textarea
{
    border:1px solid #bbb;
    border-style:inset;
}

.reverse { unicode-bidi:bidi-override; direction:rtl; }

.w40 {width:40px;}
.w85 {width:85px;}
.w120 { width:120px;}
.w180 { width:180px;}
.w620 {width:580px;}

.mb5 { margin-bottom:5px;}
.mt10 { margin-top:10px;}
.ml20 { margin-left:20px; }
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.ml15 {margin-left:15px;}
.ml25 { margin-left:25px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pt10 { padding-top:10px;}
.ptb10 { padding:10px 0;}
.pb10 { padding-bottom:10px;}
.pr23 { padding-right:23px;}

.pt0 { padding-top:0;}
.ps10 { padding-left:10px; padding-right:10px;}
.nsp { padding-left:0; padding-right:0;}

.underline { text-decoration:underline;}
.border-red { border-color:Red;}
.lh20 { line-height:20px;}
.light { color:#999;}
.small { font-size:11px;}
.w750 { width:750px; margin:0 auto;}
.bgwhite { background-color:#fff; background-image:none;}
.alright { text-align:right;}
.alcenter { text-align:center;}
.hidden {display:none;}
.displayinline { display:inline;}
.bold {font-weight:bold;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.cleft {clear:left;}
.inline { display:inline;}