
/*
@author Vadim
@copyright Hire-Experts LLC
@version Pages 3.1
*/

.he_content {
	border:1px solid #eee;
	background:#fbfbfb;
}
.he_display_none { position:absolute; top:-1000px; left:-1000px; }
.he_leftside {
	width:600px;
	padding:0 12px;
}
.he_rightside h3 {
	background:#f0f0f0;
	font-size:11px;
	margin:12px 12px 0 0;
	padding:4px 6px;
}
.he_rightside .block { padding:0 6px; }
ul.he_pages_catlist {
	margin:0px 0px 10px;
	padding:3px 5px;
	background:#fbfbfb;
	border:1px solid #ddd;
	font-weight:bold;
	list-style:none;
}
ul.he_pages_catlist li { padding:2px 3px; }
ul.he_pages_catlist li label { line-height:22px; }
ul.he_pages_catlist li.active a { color:#00c; }
ul.he_pages_catlist li label:hover { text-decoration:none; }
ul.he_pages_fieldlist {
	margin:10px 0px;
	padding:3px 5px;
	background:#fbfbfb;
	border:1px solid #ddd;
	font-weight:bold;
	list-style:none;
	width:auto;
}
ul.he_pages_fieldlist li { padding:2px 3px; }
ul.he_pages_fieldlist li.active a { color:#00c; }
ul.he_pages_fieldlist li label:hover { text-decoration:none; }

/* VIEW PAGES */
td.he_pages_leftside { width:234px; }
td.he_pages_rightside { padding-left:10px; }
div.he_pages_block {
	border:1px solid #ddd;
	padding:4px;
	margin:5px 0;
}
div.he_pages_block h3 { margin:0 0 12px 8px; }
.he_pages_fieldlist { padding:4px; width:80px; line-height:14px; border-top:1px solid #eee; }
.he_pages_valuelist { padding:4px; border-top:1px solid #eee; }
div.he_pages_block img.photo {
	margin:0 0 6px 0;
	border:1px solid #ccc;
}
.he_pages_usermenu { margin:0; padding:0; }
.he_pages_usermenu li {
	margin:2px 0;
	padding:2px 0 5px 12px;
	border-bottom:1px solid #ccc;
	list-style:none;
}
.he_pages_pagefields dt { font-weight:bold; }
.he_pages_pagefields dl { padding-left:12px; margin-bottom:8px; }
ul.he_pages_tabs { 
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	position:relative;
	margin-bottom:0px;
	margin-left:10px;
}
.he_pages_tabs li.item {
	float:left;
	margin:0 3px;
	padding:6px 9px 7px;
	background:#e9e9e9;
	border:1px solid #e1e1e1;
	border-bottom:none;
	list-style:none;
	font-weight:bold;
}
.he_pages_tabs li.active_item {
	float:left;
	margin:0 3px;
	padding:6px 9px 7px;
	background:#e9e9e9;
	border:1px solid #e1e1e1;
	border-bottom:none;
	list-style:none;
	font-weight:bold;
}
.he_pages_tabs li.empty{ clear: both; width:0px; height: 0px; list-style:none;}
.he_pages_tabs li.active { background:#fff; z-index:999; }
.he_pages_content {
	padding:12px;
	border:1px solid #ddd;
}
.he_paging { list-style:none; }
.he_paging li { float:left; }
.he_paging li a {
	display:block;
	padding:2px 6px;
	margin:0 3px;
	border:1px solid #ccc;
}
.he_paging li a:hover { background:#eee; }
.he_paging li a.active { background:#eee; }
hr.he_pages_hr { height:0; border: none; border-top:#ddd solid 1px; margin:10px 12px 10px 0; }
.he_page_upload{ text-align: right; }
.he_page_upload .upload_photo_title { padding-right:10px; }
#upload_form_container .hide_loading {
	background-image:url(./images/icons/he_pages_loading.gif);
	background-position:right 2px;
}

/* BROWSE PAGES */
.he_page_browse_title{ display:block; font-size:13px; font-weight:bold; margin-bottom:5px; }
.he_loading { display:none; }
.he_load_order { float:right; margin-right:290px; }
.he_load_paging { float:left; margin-left:10px; }
.he_load_filter { float:right; width: 20px; margin-top:8px; }
#filter_submit{ float: right; margin:3px 0 0 15px; }
div.he_pages_toplinks{ margin-bottom: 5px; }
div.he_pages_toplinks a { color:#666; }
div.he_pages_toplinks a.active { color:#369; }
div.he_pages_ordering {  }
div.he_pages_ordering a { color:#666; }
div.he_pages_ordering a.active { color:#369; }
div.he_pages_ordering span{ font-size:12px;  }
div.he_pages_ordering span.unactive { color:#666; }
.sort_by_seq_display { display:none; }
div.he_pages_pagelist { border:1px solid #ddd; padding:5px; margin:8px 5px; height:150px; }
.he_pages_title { font-size:16px; font-weight:bold; }
.he_pages_info { margin:6px 0; font-size:10px; line-height:1.5em; }
.he_pages_desc {
	font-size:12px;
	max-height:36px;
	overflow:hidden; 
}
.he_pages_submitted { margin:6px 0 0 0; font-size:10px; color:#666; }
#view_list{ margin-top: 5px; }
.he_pages_filters{ background:#fbfbfb; border:1px solid #ddd; padding:4px 5px; margin:8px 5px 12px; }

.he_pages_featured_block { border-bottom:1px solid #ddd; margin-bottom:12px; padding-bottom:12px; }


/* EDIT PAGES */
.he_page_title { margin:6px 0; }
.he_page_desc {margin-bottom:3px;}
.he_page_section {
	position:relative;
	padding:0 0 0 12px;
	margin:12px 0;
	background:#fff;
	border:1px solid #ddd;
}
.he_page_section input { outline:none !important; }

.he_page_section .row_descr { font-weight:bold; text-align:right; vertical-align:top; padding:6px 0; }
.he_page_section .row_input { padding:3px 12px; }
.he_page_section .row_input input.text, .he_page_section .row_input .textarea { width:350px; }
.he_pages_editmenu {
	position:absolute;
	right:0; top:0;
	padding:5px;
	background:#f3f3f3;	
}
.he_pages_editmenu img {
	width:16px;
	border:none;
	cursor:pointer;
	margin:0 3px;
}
.he_pages_editmenu a { outline:none; }

.he_pages_block_content { background:#fff; border:1px solid #F0F0F0; margin-right:12px; padding:3px; }


/* PAGES VIDEO TAB */
.pages_video_player {
	float: left;
	width: 450px;
	min-height: 300px;
}
.pages_video_info {
	float: left;
	width: 160px;
	margin-left: 8px;
	min-height: 300px;
	max-height: 400px;
}
.pages_videos_list {
	overflow: hidden;
	position: relative;
	width: 492px;
	height: 112px;
	margin: auto;
}
.video_length {
	background-color:#000000;
	color:#FFFFFF;
	display:inline-block;
	font-size:11px;
	margin:3px;
	opacity:0.7;
	padding:2px 5px;
	position:absolute;
}
.pages_videos_gate .video {
	border:1px solid #CCCCCC;
	float:left;
	margin: 2px 3px;
}
img.video_thumb {
	margin: 3px;
}
.pages_videos_gate {
	width: 1000px;
	position: absolute;
}
.pages_new_video {
	margin: auto;
	padding-top: 15px;;
}
.pages_new_video .video_provider_div {
	width: 120px;
	padding-right: 20px;
}
.pages_new_video .video_url {
	width: 250px;
	margin: 5px 0px;
}
.pages_new_video .youtube_video {
	background-image: url("../images/he_wall_youtube_icon.png");
	background-repeat: no-repeat;
	background-position: right center;
}
.pages_new_video .vimeo_video {
	background-image: url("../images/he_wall_vimeo_icon.png");
	background-repeat: no-repeat;
	background-position: right center;
}
.pages_new_video .new_video_provider {
	width: 120px;
}

/* styled checkboxes */
.he_styled_checkbox, .he_styled_radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url("../images/he_pages_checkbox.gif") no-repeat;
	display: block;
	clear: left;
	float: left;
}
.he_styled_radio {
	background: url("../images/he_pages_radio.gif") no-repeat;
}
.he_styled_select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url("../images/he_pages_select.gif") no-repeat;
	overflow: hidden;
}









/* he_pages_items */
.he_pages_items { padding:15px 0 0 15px; }

.he_pages_items .he_title { font-weight:bold; margin-bottom:6px; text-align:left; }
.he_pages_items .he_title_descr { color:#999; font-weight:normal;	}

#he_items_list { height:432px; overflow:auto; position:relative; }

.he_pages_items .he_pages_items_content .he_item {
    display:block;
    float:left;
    height:64px;
    width:270px;
    margin:0 0 8px 3px;
    overflow:hidden;
	outline:none;
	background:url(../images/he_pages_item_bg.png) no-repeat;
}
.he_pages_items .he_pages_items_content .active,
.he_pages_items .he_pages_items_content .he_item:hover { background:url(../images/he_pages_item_checked_bg.png) no-repeat; text-decoration:none; }

.he_pages_items .he_pages_items_content .active .inner {
    background:url(../images/he_pages_item_checked.gif) no-repeat bottom left;
    display:block;
	bottom:0px; left:0px;
    height:20px;
    width:20px;
}
.he_pages_items .he_pages_items_content .photo {
    display:block;
    float:left;
    margin:5px 3px 0;
}
.he_pages_items .he_pages_items_content .photo img{ border:none; }
.he_pages_items .he_pages_items_content .photo img{ border:none; }
.he_pages_items .he_pages_items_content .name {
    display:block;
    margin-top:5px;
	padding-left:5px;
    overflow:hidden;
}

td.he_pages_fieldlist{
	border-right: none;
}
td.he_pages_valuelist{
	border-left: none;
}

