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

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

.main-admin-stuff { }
.main-admin-stuff h1 {color:#1597a3;
	font-size:1.4em;
	margin:0 0 10px 0;
	padding:0; }
.main-admin-stuff h2 {color:#363c74;
	font-size:1.1em; }
.main-admin-stuff p { font-size: 0.9em; margin-bottom: 10px; }
.main-admin-stuff { }
.main-admin-stuff { }
    

/* Menu Administration */
ul.jqueryMenuTree {
    font-family: Arial, Helvetica;
    font-size: 11px;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
}

ul.jqueryMenuTree li {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    white-space: nowrap;
}

ul.jqueryMenuTree a { 
    padding: 0px 5px;
}

ul.jqueryMenuTree .selector {
    color: #333;
    text-decoration: none;
}

ul.jqueryMenuTree a:hover {
    text-decoration: underline;
}

ul.jqueryMenuTree li.expandible { background: url(/images/fileicons/directory.png) left top no-repeat; }
ul.jqueryMenuTree li.empty { background: url(/images/icons/folder_open.png) left top no-repeat; }
ul.jqueryMenuTree li.expanded { background: url(/images/fileicons/folder_open.png) left top no-repeat; }
ul.jqueryMenuTree li.wait { background: url(/images/fileicons/spinner.gif) left top no-repeat; }
ul.jqueryMenuTree li.draggable a.title { padding: 2px; border: 1px dotted #999999; }
        
        
/* 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 #000000; 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: -22px 20px 0px 0px;
	/*background-image:url(/images/admin/add_template_bg.gif);*/
	background-repeat: repeat-x; 
	background-color:#223466;
	border-top:solid 1px #999999;
	float:left;
	background-image: url("../images/main_nav_bg.jpg");
	background-repeat:repeat-x;
}

#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: 161px;
	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 { margin: 0 0 0 20px; }
#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: -5px 0 15px 0;
	background-image: url("../images/main_nav_bg.jpg");
	background-repeat: repeat-x; 
	background-color:#223466;
	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 5px 5px;
		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
{
    font-size: 0.9em;
	color: #000000;
	width: 900px;
	background-color: #ffffff;
	margin: 10px 0px 5px 0px;
}

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

.admin-table .admin-table-header a
{
	color: #fff;
}
.admin-table .admin-table-header a:hover
{
	color: #ccc;
}
.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 
{
    font-size: 0.8em;
	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; }