@import url("reset.css");

/* layout styles */
html
{
    height: 100%;
}
body
{
    width:100%;
    font-family:Arial, Helvetica;
    font-size:80%;
    min-width:600px;        /* Minimum width of layout */
    width:expression(document.body.clientWidth > 600 ? "100%" : "600px");   /* The min-width property does not work in old versions of Internet Explorer */
	color: #666666;
    height: 100%;
}

body.fullSize
{
	min-width: 0;
}

/* START: Main layout */
#SiteFrame
{
    width:100%;
}

/* column container */
.colmask
{
    position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;	/* This chops off any overhanging divs */
}

/* --- for 2-column layout -- */
.rightBack
{
    /* Right column background colour here */
}

.rightBack .mainBack
{
    float:left;
    width:200%;
    margin-left:-200px; /* Width of right column */
    position:relative;
    right:100%;
    /* Centre column background colour here */
}

.rightBack .leftBack
{
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:400px;         /* Left column width + right column width */
}

.rightBack .leftSectionWrap
{
    float:left;
    width:50%;
    position:relative;
    right:200px;        /* Width of left column */
    padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */
}

.rightBack .mainContent
{
    margin:0 215px;     /* Centre column side padding:
                        Left padding = left column width + centre column left padding width
                        Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
}

.rightBack .leftSection
{
    float:left;
    float:right;	/* This overrides the float:left above */
    width:170px;        /* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;         /* Width of the left-hand side padding on the left column */
}

.rightBack .rightBlock
{
    float:left;
    float:right;	/* This overrides the float:left above */
    width:170px;        /* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;  /* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

.leftmenu
{
    background: url('bg.png') 15px 0 repeat-y #ffffff;
    min-height: 100%;
    /* Left column background colour here */
}

/* --- for 2-column layout -- */
.leftmenu .colright
{
    float:left;
    width:200%;
    position:relative;
    left:205px;
    background:#fff;
}

.leftmenu .leftSectionWrap
{
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}

.leftmenu .mainContent
{
    margin:0 15px 0 220px;
    position:relative;
    right:100%;
    overflow:hidden;
    border: 1px solid transparent; /* for IE7, otherwise .list4columns does not work correctly (#2313) */
}

.leftmenu .leftSection
{
    float:left;
    width:170px;
    position:relative;
    right:190px;
    padding: 5px 10px;
}

input[type="checkbox"]
{
	margin: 0;
	padding: 0;
}
input[type="submit"]
{
	color: #444;
	font-weight: bold;
	text-shadow: 1px 1px 1px #eee;
	border: 1px outset #ccc;
}

h1 {font-size:170%;}
h2
{
	font-size:140%;
	margin: 20px 0 0 0;
}
h3 {font-size:120%;}
h4 {font-size:110%;}
h5 {font-size:105%;}

a
{
	color: #666666;
}
a:visited
{
	color: #551A8B;
}
.posted
{
	font-family: monospace;
	font-size: 110%;
}

.adminInfo h1
{
	font-size: 150%;
}
.adminInfo .version
{
	font-size: 90%;
}

.leftMenu
{
	margin: 20px 0 0 0;
}
.leftMenu li
{
	margin: 0 -22px 0 4px;
	height: 25px;
	line-height: 25px;
}
.leftMenu .caption
{
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	color: #1772DA;
	background: url('menu_caption_arrow.png') left center no-repeat;
	padding: 0 0 0 15px;
	cursor: pointer;
}
.leftMenu .caption.active
{
	background: url('active_menu_caption_arrow.png') left center no-repeat;
}

.leftMenu a
{
	display: block;
	padding-left: 11px;
}
.leftMenu a,
.leftMenu a:active,
.leftMenu a:visited
{
	color: #444444;
	text-decoration: none;
}
.leftMenu a:hover
{
	text-decoration: underline;
}
.leftMenu li.active
{
	padding: 0 14px 0 0;
	background: url('active_menu_item_arrow.png') no-repeat right center;
}
.leftMenu a.active,
.leftMenu a.active:hover
{
	background: url('active_menu_item_bg.png') repeat-x left;
	color: #fff;
	text-decoration: none;
}

.userManualAndLogoutWrapper a,
.userManualAndLogoutWrapper a:visited,
.copyright a,
.copyright a:visited
{
	color: #444444;
}

.copyright
{
	margin: 20px 0 0 0;
}

.authWrapper
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.auth
{
	width: 420px;
	height: 180px;
	position: relative;
	left: 50%;
	top: 40%;
	margin-left: -200px;
	margin-top: -90px;
	border: 1px solid #ccc;
}
.auth .errors
{
	padding-top: 5px;
	min-height: 25px;
}
.auth .title
{
	padding: 0 5px;
	height: 25px;
	line-height: 25px;
	background: url('auth_title_bg.png') repeat-x left center;
	color: #fff;
}
.auth .logo
{
	margin: 35px 10px 0 0;
	float: left;
}
.auth td
{
	padding: 0 5px 5px 5px;
}
.auth .copyright
{
	position: absolute;
	bottom: 2px;
	left: 5px;
	font-size: 85%;
}

.warning,
.error
{
	color: #f00;
}
.success
{
	color: #008000;
}
.asterisk
{
	color: #f00;
}

.selected
{
	font-weight: bold;
}

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

a.itemControls.edit,
a.itemControls.edit:visited
{
	color: #FF6600;
}
a.itemControls.delete,
a.itemControls.delete:visited
{
	color: #cc0000;
}
.categories h2
{
	margin: 20px 0 10px 0;
}
th
{
	font-weight: bold;
}

.hint
{
	margin: 3px 0 10px 0;
	padding: 5px 10px;
	/*background: #FFFFD2;*/
	background: #FFFFB0;
	width: 750px;
	border: 1px solid #F0F0F0;
}
.hintNoWidth
{
	width: auto;
}

table.log
{
	border-collapse: collapse;
}
table.log td,
table.log th
{
	padding: 3px 15px 3px 0;
}

table.items
{
	margin: 10px 0 0 0;
	border-collapse: collapse;
}
table.items td,
table.items th
{
	padding: 3px 15px 3px 5px;
	border-top: 1px solid #eee;
}
table.items tr.head
{
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url("active_menu_item_bg.png");
    color: #fff;
}
table.items tr.head,
table.items tr.head:hover
{
	background-color: #1772DA;
}
table.items tr.head a,
table.items tr.head a:active,
table.items tr.head a:visited,
table.items tr.head a:hover
{
	color: #fff;
}
table.items tr.groupCaption
{
	background-color: #E5FFD8;
}
table.items tr.odd
{
	background-color: #fff;
}
table.items tr.even
{
	background-color: #D9E6FE;
}
table.items tr:hover,
table.items tr.highlighted
{
	background-color: #FFFFB0;
}

table.items.payments
{
	margin: -1px 0 0 0;
	float: left;
	width: 100%;
}
table.items.payments tr.head
{
	background-color: #1772DA;
	background-image: none;
}

table.properties
{
	margin: 10px 0;
}
table.properties > tr.highlighted,
table.properties > tbody > tr.highlighted
{
	background-color: #FFFFB0;
}
table.properties > tr > td,
table.properties > tbody > tr > td
{
	padding: 3px 10px 3px 0;
}

.displayListing .listingDetails table.properties > tr:hover,
.displayListing .listingDetails table.properties > tbody > tr:hover
{
    background-color: #FFFFB0;
}

.categoryFields .success,
.categories .success
{
	margin: 10px 0 0 0;
}

.editCategory .info
{
	margin: 10px 0 0 0;
}
.editCategory .browsingFieldSelector
{
	margin: 10px 0;
}
.editCategory .browsingFieldSelector select
{
	width: 200px;
}
.addCategory .properties input[type=text],
.editCategory .properties input[type=text]
{
	width: 300px;
}
.addCategory .properties textarea,
.editCategory .properties textarea
{
	width: 600px;
	height: 4em;
}

.editTreeValueForm,
.addTreeValueForm
{
	float: left;
}
.treeValuesControls
{
	clear: both;
}
.editTreeValueForm
{
	margin: 0 20px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #ddd;
}

.editTreeValues h2
{
	margin: 0;
}

.searchResultItem
{
	padding: 5px 0 0 0;
	clear: both;
	border-top: 1px solid #ddd;
	overflow: auto;
}
.searchResultItem .checkboxWrapper
{
	float: left;
	width: 20px;
}
.searchResultItem .pictures
{
	margin: 0 10px 0 0;
	float: left;
	width: 100px;
}
.searchResultItem .details
{
	float: left;
	width: 500px;
}
.searchResultItem .details h2
{
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}
.searchResultItem .metadata
{
	float: left;
	width: 250px;
	margin: 0 0 0 10px;
}
.searchResultItem .fieldValueModerationStatus
{
	text-transform: lowercase;
}

.fieldValueActive.active,
.fieldValueModerationStatus.approved,
.fieldValueTrustedUser.trusted,
.paymentStatus.completed
{
	color: #00aa00;
}
.fieldValueActive.inactive,
.fieldValueModerationStatus.pending,
.fieldValueTrustedUser.untrusted,
.paymentStatus.pending
{
	color: #FF6600;
}
.fieldValueModerationStatus.rejected,
.paymentStatus.failed
{
	color: #cc0000;
}

.searchForm h2
{
	padding: 0 0 0 15px;
	background: url('menu_caption_arrow.png') left center no-repeat;
	color: #1772DA;
	cursor: pointer;
}
.searchForm h2.active
{
	background: url('active_menu_caption_arrow.png') left center no-repeat;
}
.searchForm input[type=text],
.searchForm select
{
	width: 250px;
}

.searchResultControls .pageSelectorAndItemsPerPageSelectorWrapper
{
	float: right;
}
.searchResultControls .pageSelector,
.searchResultControls .itemsPerPageSelector
{
	margin: 0 5px 0 40px;
	float: left;
}

.searchResultControls
{
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
	background: url("active_menu_item_bg.png") repeat-x left top #1772DA;
	color: #fff;
	line-height: 30px;
	z-index: 20;
}
.searchResultControls.bottom
{
	z-index: 1;
}
.searchResultControls a,
.searchResultControls a:active,
.searchResultControls a:visited,
.searchResultControls a:hover
{
	color: #fff;
	text-decoration: none;
}

.searchResults
{
	min-width: 885px;
	clear: both;
	float: left; /* for ie7 */
	width: 100%; /* because of float: left */
}

.listingControls ul
{
	overflow: auto;
}
.listingControls li
{
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: url('separator.png') left center no-repeat;
	float: left;
}
.listingControls li:first-child
{
	background: none;
	padding: 0;
}
.displayListing a.itemControls,
.editListing a.itemControls,
.managePictures a.itemControls
{
	text-decoration: underline;
}
.displayListing .listingStatusInfo
{
	clear: both;
	margin: 10px 5px 0 0;
}
.displayListing .listingActions
{
	margin: 10px 0 0 0;
}
.editListing .listingStatusInfo,
.managePictures .listingStatusInfo
{
	clear: both;
	margin: 10px 5px 10px 0;
}
.editListing .listingActions,
.managePictures .listingActions
{
	margin: 10px 0;
}
.editListing .info
{
	margin: 10px 0 0 0;
}
.displayListing .listingStatusInfo .fieldValueActive,
.displayListing .listingStatusInfo .fieldValueModerationStatus,
.editListing .listingStatusInfo .fieldValueActive,
.editListing .listingStatusInfo .fieldValueModerationStatus,
.managePictures .listingStatusInfo .fieldValueActive,
.managePictures .listingStatusInfo .fieldValueModerationStatus
{
	text-transform: lowercase;
}
.displayListing .listingStatusInfo,
.editListing .listingStatusInfo,
.managePictures .listingStatusInfo
{
	float: left;
}
.displayListing .listingDetails,
.editListing .listingDetails
{
	margin: 0 50px 0 0;
	float: left;
	width: 650px;
	clear: both;
}
.displayListing .listingDetails td
{
	border-top: 1px solid #eee;
}
.listingPackageDetails,
.userBalance
{
	padding:0 10px;
	float:left;
	background:#EBF2FF;
}
.fieldCaption
{
	font-weight: bold;
}

/* jquery ad gallery styles */

.ad-gallery .ad-nav .ad-forward,
.ad-gallery .ad-nav .ad-back
{
	background-position:center;
}
.ad-gallery .ad-nav .ad-back
{
	left:0;
}
.ad-gallery .ad-nav .ad-forward
{
	right:0;
}
.ad-gallery .ad-nav .ad-thumbs
{
	margin:0 17px;
	width:auto;
}

.pictures .ad-gallery
{
	width: 350px; /* Image width */
}
.pictures .ad-gallery .ad-image-wrapper
{
    height: 350px;  /* Image height */
}
.pictures .ad-gallery .ad-image-wrapper
{
    border:1px solid #ccc;
    margin-bottom:5px;
}
.pictures .ad-gallery .ad-nav {
    padding: 3px 0;
    border:1px solid #ccc;
}
.pictures .ad-gallery .ad-nav .ad-forward,
.pictures .ad-gallery .ad-nav .ad-back
{
    height:100px;
}

.membershipPlans .items th
{
	white-space: nowrap;
}

.editUser .userInfo
{
	margin: 0 50px 0 0;
	float: left;
	width: 400px;
}
.editUser .userInfo form
{
	margin: 0 0 20px 0;
}
.userInfo .changeUserGroup
{
	display: block;
    margin-bottom: 10px;
}
.editUser .userInfo .hint
{
	margin: 5px 0 0 0;
	width: 90%;
}
.userBalance h3
{
	color: #1772DA;
	font-weight: bold;
}

.editTemplate .info .fieldValue
{
	font-weight: bold;
}
.editTemplate .info .fieldCaption
{
	font-weight: normal;
}
.editTemplate .template
{
	margin: 0 20px 0 0;
	float: left;
}
.editTemplate .template textarea
{
	display: block;
	height: 450px;
	width: 700px;
}
.editTemplate .codeInsertForm
{
	float: left;
}
.ipBlockList
{
	width: 900px;
}
.ipBlockList .searchResultItem .details
{
	width: 400px;
}
.ipBlockList .searchResults
{
	min-width: 0;
}
.ipBlockList .searchResultControls ul.leftBlock > li
{
	margin: 0 15px 0 0;
}
.ipBlockList .searchResultControls .pageSelector,
.ipBlockList .searchResultControls .itemsPerPageSelector
{
	margin: 0 5px 0 10px;
}

.addPhrase textarea,
.editPhrase textarea
{
	width: 400px;
	height: 100px;
}

input.articleTitle
{
	width: 99%;
}

.editBusinessCatalogRecord textarea
{
	width: 100%;
}

.multilevelMenu > ul ul
{
	display: none;
	left: 210px;
	top: 0;
	line-height: 20px;
	padding: 5px 10px;
	position: absolute;
	background: #fff;
	z-index: 10;
	border: 1px solid #1772DA;
	color: #1772DA;
	width: 200px;
}
.multilevelMenu li
{
	position: relative;
}
.multilevelMenu a,
.multilevelMenu a:active,
.multilevelMenu a:visited,
.multilevelMenu a:hover
{
	color: #1772DA;
	text-decoration: none;
}
.multilevelMenu a.caption
{
	background: url("menu_caption_arrow.png") right center no-repeat;
	padding: 0 10px 0 0;
}
.multilevelMenu > ul > li
{
	float: left;
	padding: 0 5px;
	margin: 0 35px 0 0;
}
.multilevelMenu > ul > li.active
{
	background: #fff;
	border-top: 1px solid #1772DA;
	height: 30px;
}
.multilevelMenu > ul > li > a,
.multilevelMenu > ul > li > a:active,
.multilevelMenu > ul > li > a:visited,
.multilevelMenu > ul > li > a:hover
{
	color: #fff;
}
.multilevelMenu > ul > li > ul
{
	left: -1px;
	top: 30px;
	border-top: 1px solid #fff;
}
.multilevelMenu > ul > li > a.caption
{
	padding: 0 0 0 15px;
	background: url('menu_caption_arrow_light.png') left center no-repeat;
}
.multilevelMenu > ul > li.active > a.caption
{
	color: #1772DA;
	background: url('active_menu_caption_arrow.png') left center no-repeat;
}

.searchResultItem .actionList > li
{
	margin: 0 5px 0 0;
	padding: 0 0 0 6px;
	background: url('separator.png') left center no-repeat;
	float: left;
}
.searchResultItem .actionList > li:first-child
{
	padding: 0;
	background: none;
}
.searchResultItem .actionSelector > a.caption,
.searchResultItem .actionSelector > a.caption:active,
.searchResultItem .actionSelector > a.caption:hover,
.searchResultItem .actionSelector > a.caption:visited
{
	color: #1772DA;
}
.searchResultItem .actionSelector > a.caption
{
	text-decoration: none;
	padding: 0 0 0 15px;
	background: url("menu_caption_arrow.png") left center no-repeat;
}
.searchResultItem .actionSelector > a.caption.active
{
	background: url("active_menu_caption_arrow.png") left center no-repeat;
}

.moduleFunctionParamsContainer
{
	padding: 0 0 10px 0;
}
.parameter,
.additionalParameter
{
	padding-top: 2px;
}
.parameter .paramLabel,
.additionalParameter .paramNameControl
{
	display: inline-block;
	width: 170px;
}
.parameter .paramControl,
.additionalParameter .paramValueControl
{
	display: inline-block;
}
.parameter .paramControl input
{
	width: 400px;
}
.additionalParameter .paramNameControl input
{
	width: 155px;
}
.additionalParameter .paramValueControl input
{
	width: 330px;
}
.additionalParameter .paramActions
{
	display: inline-block;
	padding-left: 5px;
}

.adminInfo
{
	padding: 5px 10px;
}
.settingsTabs
{
	width: 900px;
}

.settingsTabs > ul
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #1772DA;
}
.settingsTabs > ul > li
{
	margin: 0 3px;
	float: left;
	line-height: 25px;
}
.settingsTabs > ul > li > a
{
	border: 1px solid #1772DA;
	border-bottom: none;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	padding: 0 10px;
	display: block;
	text-decoration: none;

}
.settingsTabs > ul > li > a.active
{
	background: url("active_menu_item_bg.png") repeat-x top left #1772DA;
	color: #fff;
}
.settingsTabs > div
{
	clear: both;
}
.settingsTabs .hint
{
	width: auto;
}
.settingsTabs table.properties
{
	margin: 0;
}
.settingsTabs table.properties th
{
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #999;
}
.settingsTabs table.properties td:first-child
{
	padding-left: 10px;
	white-space: nowrap;
}

.dashboard h2
{
	margin-top: 10px;
}
.dashboard table.items
{
	margin-top: 5px;;
}
.dashboard .freshStats
{
	float: left;
	margin: 0 40px 0 0;
}
.dashboard .freshStats table
{
	margin-bottom: 20px;
}
.dashboard .freshStats table tr.head th
{
	text-align: center;
}
.dashboard .freshStats table tr.head th.forTheLastHeader
{
	text-align: right;
	padding-right: 0px;
}
.dashboard .freshStats table td
{
	text-align: center;
	vertical-align: middle;
	width: 80px;
}
.dashboard .statistics
{
	clear: both;
}
.dashboard .statCount a,
.dashboard .statCount a:visited
{
	color: #666666;
}
.dashboard .listingStats,
.dashboard .userStats,
.dashboard .paymentStats
{
	float: left;
	margin: 0 60px 0 0;
}
.dashboard .listingStats td,
.dashboard .userStats td,
.dashboard .paymentStats td
{
	padding: 2px 10px 2px 0;
	border-bottom: solid #ddd 1px;
}
.dashboard .listingStats h2,
.dashboard .userStats h2,
.dashboard .paymentStats h2,
.dashboard .freshStats h2
{
	color: #1772DA;
}
.dashboard .listingStats .statCount,
.dashboard .userStats .statCount,
.dashboard .paymentStats .statCount
{
	font-weight: bold;
}
.dashboard .newsAndPublicationsBlock
{
	clear: both;
	width: 800px;
	padding-top: 20px;
}
.dashboard .newsAndPublicationsBlock h2
{
    margin: 25px 0 5px 0;
	color: #444444;
}
.dashboard .newsAndPublicationsBlock .newsTitle
{
	margin-right: 10px;
}
.dashboard .newsAndPublicationsBlock .newsDescription
{
	margin-bottom: 10px;
}

.hideDates
{
	display: none;
}

.watermarkInputControl
{
	padding: 2px 0;
}

.comment .comment
{
	padding-left: 5%;
}
.addCommentForm .commentPosted
{
	font-family: monospace;
	font-size: 110%;
}
.addCommentForm blockquote
{
	border-left: 1px solid #DDDDDD;
	margin: 5px 0 0 10px;
	padding-left: 10px;
}
.listingComments .comment
{
	clear: both;
}
.listingComments .comment .commentBody
{
	padding: 0 0 10px 5px;
}
.listingComments .comment .commentBody .checkboxWrapper
{
	margin: 3px 0 0 0;
	float: left;
}
.listingComments .comment .commentBody .commentHeader,
.listingComments .comment .commentBody .hiddenCommentTooltip,
.listingComments .comment .commentBody .commentAuthor,
.listingComments .comment .commentBody .commentText
{
	margin: 0 0 0 20px;
}

.listingComments .comment .commentHeader
{
	margin: 10px 0 10px 0;
	border-top: 1px solid #DDDDDD;
}
.listingComments .comment .commentHeader .commentTitle
{
	font-weight: bold;
	color: #1772DA;
}
.listingComments .comment .commentHeader .commentPosted
{
	font-family: monospace;
	font-size: 110%;
	padding-right: 10px;
}
.listingComments .listingCommentsTitleAndActionsWrapper > h2
{
	display: inline;
	margin: 0 20px 0 0;
}
.listingComments .listingCommentsActions
{
	display: inline-block;
	float: right;
	padding: 5px 0 5px 5px;
}
.listingComments .listingCommentsTitleAndActionsWrapper
{
	padding: 0 0 5px 5px;
	clear: both;
}
.listingComments .actionList
{
	display: inline-block;
}
.listingComments .commentTitle
{
	padding-right: 10px;
}
.hiddenCommentTooltip
{
	font-size: 90%;
	color: red;
}

.sitePageForm input[type=text],
.sitePageForm textarea,
.sitePageForm select
{
	width: 300px;
}

*[lang="ru"] .searchResultControls .pageSelector, .searchResultControls .itemsPerPageSelector
{
    margin-left: 10px;
}
*[lang="ru"] .multilevelMenu > ul > li
{
    margin-right: 10px;
}
*[lang="ru"] .searchResultControls .pageSelector, .searchResultControls .itemsPerPageSelector
{
    margin-left: 10px;
}
*[lang="ru"] .multilevelMenu > ul ul
{
    width: 240px;
}

.customSettings .hint
{
	margin-top: 10px;
}