/*** Admin Pages ***/

#admincontent div,span,p,form,td,th,table,li,ul,ol,img,b,em,tt{
	/* background:transparent; */
	}

#admincontent ul li,#admincontent ol li {
	list-style-image: none;
	}
#admincontent form{
	margin:0;
	padding:0;
	}
#admincontent table{
	width:auto;
	}
#admincontent a img, #mainadminpanel a img{
	border:none;
	}




/* admincontent */	

#admincontent{
	font-size:13px;
}
#admincontent h1{
	font-size:20px;
	}
#admincontent h2{
	font-size:17px;
	}
#admincontent a{
	color:#445599;
}

/* general admin */
#admincontent{}


#admincontent table.bordered{
	margin-top:1em;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
#admincontent table.bordered th{
	background-color:#ddd;
	white-space:nowrap;
	}
#admincontent table.bordered th, #admincontent table.bordered td{
	padding:5px 2em 5px 1em;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}




#admincontent .formlabel{
	text-align:right;
	font-weight:bold;
	}
	
#admincontent li{
	padding:.5em;
	}
#admincontent li a{
	text-decoration:none;
	}
#admincontent a img{
	border:none;
	}


#adminfooter{
	font-size:smaller;
	margin-top:15em;
	}


/* admin_list */

.admin_list{}

.admin_list ul{
	padding:0;
	margin:0; /* for ie */
	}
	
.admin_list h2{
	float:left;
	clear:both;
	}
	
.admin_list li{
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	padding-left:24px;
	text-decoration:none;
	
	margin:3px 0;
	padding:3px 7px !important;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius:5px;
	background:#fafafa url(../imgs/list_back.png) bottom repeat-x;
	
	text-align:right;
	width:20em;
	/* overflow:hidden; */
	float:left;
	clear:both;
	white-space:nowrap;
	}
.admin_list li:hover{
	border-color:#aaa;
	background:#efefef url(../imgs/list_back_hover.png) bottom repeat-x;
	}
.admin_list li:hover a{
	color:#445599;
	}

	
	
.admin_list li .left{
	background-position: 0 50%;
	background-repeat:no-repeat;
	padding:3px 24px;
	display:inline-block;
	float:left;
	width:10em;
	overflow:hidden;
	text-align:left;
	}
	
.admin_list li.folder .left{
	background-image: url(../imgs/folder.png);
	}
	
.admin_list li.parent .left{
	background-image: url(../imgs/arrow_up.png);
	}
	
.admin_list li.file .left{
	background-image:  url(../imgs/page_white_text.png);
	}
	
.admin_list li.img .left{
	background-image:  url(../imgs/picture.png);
	}
	
.admin_list li.add .left{
	background-image:  url(../imgs/add.png);
	}
	
.admin_list li .right{
	font-size:smaller;
	}
.admin_list li .right a{
	padding-left:1em;
	}
	
.admin_list a{
	text-decoration:none;
	}
	
.admin_list img{
	border:none;
	}	

.admin_list li.upload{
	background-color:#e1e1e1;
	border:1px solid #aaa;
	text-align:left;
	display:inline-block;
	width:auto;
	float:left;
	clear:both;
	overflow:visible;
	}
.admin_list .input, .admin_list .submit{
	border:1px solid #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius:4px;
	}
.admin_list .input{
	background-color:#f1f1f1;
	}
	
.admin_list li{
	position:relative;
	}
.admin_list li .imghover,.admin_list li .imghoverleft {
	display:none;
	}

.admin_list li:hover .imghover{
	position:absolute;
	display:block;
	top:-20px;
	left:105%;
	height:100px;
	width:100px;
	z-index:100;
	}
.admin_list li:hover .imghoverleft{
	position:absolute;
	display:block;
	top:-20px;
	left:-110px;
	height:100px;
	width:100px;
	z-index:100;
	}

#gp_upload{
	height:20em;
	overflow:auto;
}
#gp_upload_list p{}
#gp_upload_list .active input{
	display:none;
/*
	visiblitiy:hidden;
	height:1px;
	width:1px;
*/
	}
#gp_upload_list a{
	float:right;
	}
	
#gp_upload_list .name{
	position:relative;
	width:11em;
	overflow:hidden;
	white-space:nowrap;
	}
	
#gp_upload_field{
	display:none;
	}
	


/* New Expandable Menu Control */

.menu_expand_child{
	position:relative;
}

.menu_expand_child ul{
	position:absolute;
	display:none;
	}
.expand ul{
	display:block;
	}
.expand .menu_expand_child ul{
	display:none;
	}
.expand .expand ul{
	display:block;
	}
	

.hidden_options{
	visibility:hidden;
	}

.expand .hidden_options{
	visibility:visible;
	}

/* don't show any drop down menus when dragging */
.drag_active ul{
	display:none !important; 
	}
.drag_active .hidden_options{
	visibility:hidden !important;
	}

	

	

/*** new menuconfig ***/

#menuconfig{
	width:610px; /* for explorer */
}
#menuconfig li, #menuconfig ul{
	list-style:none;
	padding:0;
	margin:0;
	}

#menuconfig .level{
	position:relative;
	padding:3px 5px;
	margin:2px 2px 0 2px;
	float:left;
	white-space:nowrap;

	background:#fafafa url(../imgs/list_back.png) bottom repeat-x;

	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius:5px;
	width:200px;
	}
	
#menuconfig .hidden_element{
	background:#fcfcfc;
	border:1px solid #efefef;
	width:120px;
}
#menuconfig .last{
	width:147px;
	}
	
#menuconfig .label{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	font-weight:bold;
	width:150px;
	}
#menuconfig .clear{
	clear:both;
	}
#menuconfig a{
	text-decoration:none;
	margin:2px;
	padding:0;
	color:#555;
	font-size:13px;
	}	
	
#menuconfig img{
	margin:0;
	border:none;
	vertical-align:top;
	}
#menuconfig .options{
	float:right;
	padding:0 23px 0 0;
}
#menuconfig .menu_expand_child .options{
	background: url(../imgs/expand_arrow.png) center right no-repeat;
	}


#menuconfig .level ul, #menuconfig .simple_top_hover{
	border:1px solid #999;
	background-color:#ddd;
	background:#efefef;

	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-o-box-shadow: 2px 2px 2px #888;
	-icab-box-shadow: 2px 2px 2px #888;
	-khtml-box-shadow: 2px 2px 2px #888;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
}
	
#menuconfig .level ul{
	top:85%;
	right:0;
	z-index:99;
	padding:6px 0;
	width:110px;
	white-space:nowrap;
	}
	
/* to prevent links wrapping */
#menuconfig .level ul a{
	width:100px;
	overflow:hidden;
	white-space:nowrap;
	}	
#menuconfig .expand_right ul{
	left:90%;
	top:0;
	}
#menuconfig .expand a{
	color:#333;
}
#menuconfig .level ul li{
	padding:4px 5px;
	display:block;
	}
#menuconfig .level ul li:hover{
	background-color:#ccc;
}
#menuconfig .level ul img{
	margin-right:5px;
	}
#menuconfig .expand_right{
	background: url(../imgs/expand_arrow_right.png) right 50% no-repeat;
}	

	
	
	
	
/* menuconfig drag 'n drop */
#menuconfig .target{
	border-color:#999;
	background-color:#ddd;
	background:#efefef url(../imgs/list_back_hover.png) bottom repeat-x;
}

	
	
/**** .new_page_position ****/


.new_page_position{
	position:relative;
	width:240px;
	padding:0 15px 0 0;
	margin:-2px 0 0 0;
	background: #fff url(../imgs/expand_arrow.png) center right no-repeat;
}
.new_page_position .container{
	position:absolute;
	top:0;
	left:0;
	width:240px;
	z-index:99;
}
.new_page_position a{
	color:#222 !important;
	text-decoration:none;
	}
.new_page_position .cell{
	
	position:relative;
	padding: 1px 4px;
	white-space:nowrap;
	
	
	border:1px solid #aaa;
	background:#efefef url(../imgs/list_back_hover.png) bottom repeat-x;
	
	float:left;
	margin:0 3px 3px 0;
	width:70px;
	overflow:hidden;
	
	margin:-1px 0 0 -1px;
	cursor:pointer;
}

.new_page_position .cell:hover{
	background:#fafafa;
}

.new_page_position .selected, .new_page_position .selected:hover{
	background:#009900;
	background:#aabbff;
}

.new_page_position .hidden{
	margin: 2px 0 0 -1px;
	width:229px;
}


/* 
 * Admin Panel 
 * This is the panel of admin links that is displayed across all pages when the user is logged in
 * 
 */

	
#simplepanel{
	position:relative;
	background: #5d5d5d url(../imgs/panel_back2.png) 0 45% repeat-x;
	margin:0;
	padding:5px;
	float:left;
	clear:both;
	width:100%;
	z-index:9001;
	border-bottom:1px solid #444;
}
#simplepanel li{
	list-style:none;
	}
	
#simplepanel .right{
	float:right;
	padding:0;
	margin:0 7em 0 0;
	}
#simplepanel .left{
	float:left;
	padding:0;
	margin:0;
	margin:0 0 0 7em;
	}


#simplepanel .simple_top{
	list-style:none;
	position:relative;
	display:block;
	float:left;
	white-space:nowrap;	
	margin:0 12px 0 0;
}

#simplepanel .menu_expand_child{
	background: url(../imgs/expand_arrow.png) right center no-repeat;
	padding:3px 21px 3px 3px;
	}


#simplepanel .simple_top a{
	text-decoration:none;
	font-weight:bold;
	color:#fff !important;
	display:inline-block;
	white-space:nowrap;
	padding:4px 4px 4px 0;
	margin:0;
}

#simplepanel .simple_top img{
	float:left;
	padding-right:5px;
	}

#simplepanel .simple_top_hover{
	background-color:#4a4a4a;
	
	
	-moz-border-radius: 5px 5px 0 0;
	-o-border-radius:  5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius:  5px 5px 0 0;
	
	-o-box-shadow: 2px 3px 4px #000;
	-icab-box-shadow: 2px 3px 4px #000;
	-khtml-box-shadow: 2px 3px 4px #000;
	-moz-box-shadow: 2px 3px 4px #000;
	-webkit-box-shadow: 2px 3px 4px #000;	
	
	}
	
#simplepanel .expand ul{
	background-color:#4a4a4a;
	margin:0;
	padding: 7px 0 4px 0;
	position:absolute;
	z-index:9000;

	
	left:0;
	top:100%;
	clear:both;
	
	
	border:1px solid #4a4a4a;
	-moz-border-radius: 0 5px 5px 5px;
	-o-border-radius: 0 5px 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 0 5px 5px 5px;
	
	
	-o-box-shadow: 2px 3px 4px #000;
	-icab-box-shadow: 2px 3px 4px #000;
	-khtml-box-shadow: 2px 3px 4px #000;
	-moz-box-shadow: 2px 3px 4px #000;
	-webkit-box-shadow: 2px 3px 4px #000;
}
#simplepanel .expand ul ul{
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}



#simplepanel .expand li{
	padding:0 0 0 17px;
}
#simplepanel  .expand .menu_expand_child{
	background: url(../imgs/expand_arrow_left.png) left center no-repeat;
	}
#simplepanel .expand .expand ul{
	left:-100%;
	top:0;
	}
#simplepanel .expand ul a{
	width:11em;
	overflow:hidden;
}
#simplepanel .expand ul li:hover{
	background-color: #5d5d5d;
	color:#fff;
	}
#simplepanel li.seperator{
	border-top:1px solid #555;
}	
	

.ExtraEditLink:link, .ExtraEditLink:visited{
	float:right !important;
	clear:both !important;
	padding:4px 8px !important;
	color:#fff !important;
	background: #5d5d5d url(../imgs/panel_back2.png) 0 45% repeat-x !important;

	border: 1px solid #4a4a4a !important;
	-moz-border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
	-o-border-radius:7px !important;
	border-radius:7px !important;
	text-decoration:none !important;
	font-weight:bold !important;
	}
.ExtraEditLink:hover{
	background:#4a4a4a none !important;
	color:#fff !important;
	}

.editable_area{
	position:relative;
	}
	
.editable_area:hover .ExtraEditLink{
	position:absolute;
	top:0;
	right:0;
	}


/* 
 * Gallery Editing
 * 
 * 
 */

.gallery_current ul{
	margin:0;
	padding:0;
	float:left;
	clear:both;
}

.gallery_current li{
	position:relative;
	list-style:none;
	display:inline-block;
	float:left;
	margin: 0 1em 1em 0;
	padding:7px;
	white-space:nowrap;
	width:190px;
	overflow:hidden;
	height:100px;
	
	
	border:1px solid #ccc;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius:9px;
	background-color:#F1F1F1;
	background:#fafafa url(../imgs/list_back.png) bottom repeat-x;

	}
.gallery_current div{
	
}
.gallery_current .caption{
	white-space:normal;
	}
.gallery_current .thumb{
	float:left;
	margin-right:10px;
	}
.gallery_current li .options{
	position:absolute;
	visibility:hidden;
	}
.gallery_current li .options img{
	margin:3px;
	}
	
.gallery_current li:hover .options{
	top:0;
	left:0;
	width:196px;
	background-color:#f1f1f1;
	text-align:right;
	visibility:visible;
	padding:3px;
	
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	border:1px solid #f1f1f1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius:8px;
	
	
	}
* html .gallery_current li .options{
	position:relative;
	visibility:visible;
	}

/*

	Drag 'n Drop
*/
.draggable_element{
	cursor:move;
	}
.draggable_hidden{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.target{
	-o-box-shadow: 5px 5px 5px #888;
	-icab-box-shadow: 5px 5px 5px #888;
	-khtml-box-shadow: 5px 5px 5px #888;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	
	left:-5px;
	top:-5px;
	visibility:visible !important;
	
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
	

	


/*
 * 
 * Overlay
 */


#loading{
	color:#000;
	font-size:50px;
	font-weight:bold;
	text-align:center;
	
	background-color:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	
	padding:5em 0 100em 0;
	
	top:0;
	left:0;
	position:absolute;
	position:fixed;
	z-index:90010;
	width:100%;
	height:100%;
	}
#loading div{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
	
#loading img{
	padding:5px;
	}
	
	
div.inline_box{
	padding:2em;
	}
	
div.inline_box h2{
	margin-top:0;
	color:#333;
	}

div.inline_box td{
	padding:.5em;
	}
div.inline_box .formlabel{
	text-align:right;
	font-size:85%;
	white-space:nowrap;
	}
	
div.inline_box input, div.inline_box select, div.inline_box textarea{
	padding:3px 5px;
	}
div.inline_box .cancel{
	display:inline !important;
	}
div.inline_box li{
	list-style:none;
	}
div.inline_box label{
	display:block;
	}


/*
 * Addon
 */

.progressDone{
	background-color:#009900;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 0 1px 1px;
	}
.progressToDo{	
	background-color:#e5e5e5;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 1px 0;
	}