/* Administration Styles */
/* --------------------- */

/* Admin */
/* ------------------------------------------------------------------------- */



/* Column Header */
.column-header { background-color: #3b393b;}
.column-header div { float: left; }
.column-editor { display: none; }
.column-editor ul { list-style: none; }
.column-editor ul li { cursor: pointer; }
.column-editor ul li:hover { color: #ff0000; }
.section-header-editor { background-color: #3b393b; color: #ffffff; font-size: 0.8em;}
.section-content-toolbar {	height: 28px;	line-height:28px; 
                          	padding-left: 0.6em;	cursor: move;	float: left;	width: 180px; }             	

.section-content-remove {	float: right;	width: 20px;	padding:5px 0px 0px 0px;}
.empty-section { border: 1px dashed #ffffff; height: 50px; }
#content .empty-section { border: 1px dashed #000000; height: 50px; }

/* template editor */
.edit-links { background-color: #3b393b; font-size: 0.8em; }
.edit-links a { color: #ffffff; text-decoration: none; }
.edit-links a:hover { text-decoration: underline; }

/* admin mode button */

.activate-admin { display: block; width: 250px; height: 28px; background-image: url(/images/admin/button-activate.gif);	background-repeat: no-repeat;  }
.activate-admin:hover { background-image: url(/images/admin/button-activate-over.gif);}
.activate-admin span { display: none; }
.deactivate-admin { display: block; width: 250px; height: 28px; background-image: url(/images/admin/button-deactivate.gif);	background-repeat: no-repeat;  }

.deactivate-admin:hover { background-image: url(/images/admin/button-deactivate-over.gif);}

.deactivate-admin span { display: none; }

.admin-active-img { padding: 0px 5px 0px 0px; }



/* Page editor */
#node-editor {
	width:960px;
	height: 100px;
	margin: 0 20px 0 20px;
	background-image:url(/images/admin/add_template_bg.gif);
	background-repeat: repeat-x; 
	background-position: bottom;
	background-color:#3b393b;
	border-top:solid 1px #999999;
	float:left;
}

#node-editor .node-editor-item { 
	float: left;  
	margin: 10px 5px 0 10px;  
	width: 176px;
	height:34px;
	font-size:.85em;
	background-image:url(/images/admin/node_editor_item_bg.gif);
	background-repeat: repeat-x; 
	background-position: top; 
}

#node-editor .node-editor-icon-plus	{
	background-image:url(/images/admin/icon_plus.gif);
	background-repeat:no-repeat;
	background-position:right;
	width: 170px;
	height:34px;
}

#node-editor .node-editor-icon-publish {
	background-image:url(/images/admin/icon_publish.gif);
	background-repeat:no-repeat;
	background-position:right;
	width: 170px;
	height:34px;
}

#node-editor .node-editor-icon-select {
	background-image:url(/images/admin/icon_select.gif);
	background-repeat:no-repeat;
	background-position:right;
	width: 170px;
	height:34px;
}

#node-editor .node-editor-icon-submit {
	background-image:url(/images/admin/icon_submit.gif);
	background-repeat:no-repeat;
	background-position:right;
	width: 170px;
	height:34px;
}


#node-editor .node-editor-item a { 
	cursor: pointer;  
	display:block; 
	width: 155px;
	height:19px;  
	padding:10px 5px 5px 10px;
	color:#FFFFFF;
	text-decoration:none;  
}


#node-editor .node-editor-item	a:hover	{ 
	width: 161px; 
	background-image:url(/images/admin/node_editor_item_bg_over.gif); 
	background-repeat:repeat-x;
}


.node-editor-item .node-editor-icon-discard{ 
	background-image:url(/images/icon_discard.gif);
	background-position:right top; 
	background-repeat:no-repeat;
	display:block; 
}

.node-editor-locked { float: left; width: 940px;  margin: 10px 10px 10px 10px;  
                      background-repeat:repeat-x; background-color:#666666; color: #ffffff }

/* Node Administration */
#node-admin { width: 760px; padding: 30px 30px 30px 30px; background-color: #deddde; 
          background-image: url(/images/panels/gradient_bg.jpg); 
          background-position: left top; background-repeat: repeat-x;}
#node-admin ul {  }
#node-admin li {  margin: 10px 0px 10px 0px; }

#node-admin .droppable_node span {  }
#node-admin .draggable_node span {  }

#node-admin .liPlaceHolder { height: 30px; border: 1px dashed #999999;}
#node-admin .draggable_node .expander_node_title span { margin: 3px 5px 3px 5px; padding: 3px 5px 3px 5px; border: 1px dashed #999999; cursor: pointer; }

/* Template Selector */

#add-template {	
	width:960px;
	padding: 0;
	margin: 0 0 0 20px;
	border-top:solid 1px #999999;
	background-image:url(/images/add_template_bg.gif);
	background-repeat: repeat-x; 
	background-position: bottom;
	background-color:#3b393b;
	border-bottom:solid 1px #999999;
	font-size:.85em;  
}

#add-template .add-template-outer{ padding: 5px 5px 5px 5px;	margin: 5px 5px 5px 5px;}

#add-template .add-template-header { padding: 5px 5px 5px 5px;	margin: 5px 5px 5px 5px;}

#add-template .add-template-body { 
		height: 160px; 
		margin: 5px 0 15px 15px;
		overflow: auto; 
		display: none; }

#add-template .add-template-image{ position: absolute;	width: 300px;	height: 100px; display: none; }



.add-template-item { 
	cursor: pointer; 
	padding: 10px 5px 5px 10px;	
	margin:10px 14px 0px 0px;	
	float: left;
	width: 155px;
	height:24px;	
	background-image: url(/images/add_template_item_bg.gif); 
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block; 
}

.add-template-item :hover	{  background-image:url(/images/add_template_item_bg_over.gif); background-repeat:repeat-x;	}



/*

#add-template .add-template-item { cursor: pointer; padding: 5px 5px 5px 5px;	margin: 5px 5px 5px 5px;	float: left;	

                                  	width: 150px;	background-image: url(/images/admin/add-template-item-bg.gif); background-repeat:repeat-x; }

#add-template .add-template-item :hover	{  background-image:url(/images/admin/add-template-item-bg_over.gif); background-repeat:repeat-x;	}

*/



/* Edit Areas */

.edit-page { margin: 5px 5px 5px 5px;	padding: 5px 5px 5px 5px;	border: 1px solid #ffff00;	}

.edit-column {	margin: 5px 5px 5px 5px;	padding: 5px 5px 5px 5px;	border: 1px solid #0f0f0f;	}

.edit-column ul li {	list-style: none;	float: left;}

.edit-template ul li {	list-style: none;	float: left;}

.edit-links	{ padding:5px 0px 5px 5px;	}

/* Admin pages */
.admin-table
{
	color: #000000;
	width: 900px;
	background-color: #ffffff;
	margin: 10px 0px 5px 0px;
}

.admin-table-header
{
	background-color:#e9e9e9;
	font-weight: bold;
}

.admin-table a {
	color: #000000 ;
	text-decoration: none;
	font-weight: bold;
}

.admin-table a:hover {
	color: #999999;
	text-decoration: none;
}

.admin-table td 
{
	padding: 2px 5px 2px 5px;	
}

.admin-table-item
{
	background-color: #FFFFFF;
}

.admin-table-item-alt
{
	background-color:#f9f9f9;
}

/* Menu Administration */
.node-inactive { color: #ff0000; }


/* Paging Control */
.paging {
	background-position: left top;
	background-repeat: no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 10px;
	height: 20px;
	width: 600px;
}

.paging .paging-page {
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 0px 20px 5px 5px ;	
}

.paging .paging-buttons {
	float: right;
	margin: 0px;
	padding: 0px;	
}

.paging ul {
	padding: 0px;
	margin: 0px;
}

.paging ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.paging ul li a {
	margin: 0px;
	padding: 5px 5px 5px 5px;
	display: block;
}

/* Modal Area */
#modalBackground
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: 9;
	background-color:#333333;
	display: none;
	opacity: 0.40;
	filter: alpha(opacity=40)
}
#modalWindow
{
    position: fixed;
    left: 0;
    top: 0;

	z-index: 10;
	background-color: white;
	display: none;
	width: 20em;
	height: 10em;
	border: 1px solid blue;
}
/* Layout selector */
#select-layout { display: none; }
#select-layout #select-layout-inner { padding: 10px 10px 10px 10px; width: 800px; }
#select-layout .select-layout-item { padding: 5px 10px 5px 5px; float: left; width: 380px;  }
#select-layout .select-layout-item a {}
#select-layout .select-layout-item a:hover { text-decoration: underline; color: #000000;}
#select-layout .select-layout-item-img { float: left; width: 140px; padding: 5px 10px 5px 5px; }
#select-layout .select-layout-item-text { float: left; width: 200px; padding: 0px 0px 0px 20px; }