@charset "utf-8";
/* 
Title: adminLayout.css
Updated: 200801122
By: Michael Evangelista www.mredesign.com
Parent Application: SocketWrench CMS www.socketwrenchcms.com
Function: Base layout structure for admin application
*/
/* ------- BASE STYLES ------- */

/* ------- FLEXIBLE LAYOUT CONTAINERS ------- */
#panel-wrapper-container{
padding:0 340px;
}
#panel-wrapper{
width:auto;
border:1px solid #FFF;
margin:0 -340px;
min-width:920px;
position: relative;
}
/* --- container hack for ie - do not change! ---*/
/* \*/
* html #panel-wrapper-global, * html #panel-wrapper, * html #panel-inside {height: 0;}
/* */

/* ------- BASE LAYOUT PANELS ------- */
#panel-top{
clear:both;
}
#panel-left{
clear:both;
float:left;
}
#panel-center{
float:left;
}
#panel-center{
width:1px;
}
#panel-right{
display:none;
}
#panel-bottom{
clear:both;
}
/* ------- PANEL LINERS ------- */
#panel-center .inside{
padding:0 0 23px 0;
}
#panel-left .inside{
width:180px;
padding:0;
}
#panel-right .inside{
width:293px;
padding:0 6px 0 0;
overflow:auto;
}
#panel-top .inside, #panel-bottom .inside{
padding:0 0 3px 0;
}
#panel-bottom-content{
margin:105px 10px 0 0;
}
/* ------- TAB CONTAINER -------*/
ul.tab-list{
	margin-top:14px;
	}
}
/* ------- LAYOUT CLASSES ------- */
.admin-table-wrapper{
/*overflow-x:auto !important;*/
overflow-x:hidden !important;
}
.cleardiv{
clear:both;
height:.01px;
width:100%;
}
.holder{
display:none;
}
#panel-bottom .inside{
overflow-x:scroll;overflow-y:hidden;
}
#panel-bottom #data-debug{
height:640px;
overflow:scroll;
padding:12px 24px;
}
#panel-bottom #data-debug .debug-info{
margin:6px 0 6px 11px;
padding:8px;
border:2px solid #4444CC;
}
/* --------  CFDUMP TABLES  ------- */
#panel-bottom #data-debug table{
margin:12px 6px 0 12px;
}
/* ------- FORM ELEMENTS & LINKS ------- */
.admin-form a.url-verify{display:none; background-image:none;}
.admin-form label.required img{border:none; margin:1px;}

/* -------- REMOVE FOCUS BORDER --------- */
:focus, *:focus{
outline:0;
}
/* -------- LEFT PANEL --------- */
#panel-left-content{
width:178px;
}
#panel-left .admin-logo-small{
margin:0 8px 6px 14px;
}

/* ------ CONFIG MENU STYLE ------- */
/*
 #menu-config{
margin:0;
}
#menu-config a{
display:block;
padding:2px;
float:left;
width:163px;
}
.menu-1 , .menu-2{
display:none;
}
.parent-open a{
background-position:92% 50%;
background-repeat:no-repeat;
}
.parent-closed a, .parent-open .parent-closed a{
background-position:92% 50%;
background-repeat:no-repeat;
}
 */

/* ------- dashboard ------- */
#dashboard{
padding:0 13px 3px 13px;
text-align:right;
/* min-width here holds the screen open */
min-width:920px;
height:23px;
}
#dashboard a.toplink{
float:right;
margin:2px 8px 4px 8px;
}
#dashboard #dashboard-session-links{
	display:block;
text-align: right;
width:425px;
float:right;
padding-right:25px;
}
#dashboard #dashboard-logout{
margin-left:22px;
}
#dashboard #dashboard-login-name{
margin:0 ;
padding:1px 0 0 7px;
display:block;
font-size:12px;
text-align:right;
}
#dashboard #dashboard-global-links{
	width:460px;
	display:block;
	float:left;
	text-align:left;
		margin-top:3px;
}
#dashboard #dashboard-global-links a{
	margin-right:13px;
	}
#message-area .message-box{
	width:647px;
}


/* ------- login page and form ------- */
#login-panel .inside{
margin:0;
padding:3px;
border:none;
}
#login-panel .fieldtip{
display:none;
}
#login-form{
width:340px;
margin:auto;
}
#login-form #submitbutton{
cursor:pointer;
}
.login-form-wrapper{
padding-top:10px;
}
/* ------- loading graphic ------- */
#loading-wrapper{
width:100%;
text-align:center;
clear:both;
height:156px;
display:none;
}
#file-loading #loading-wrapper{
height:44px !important;
}
#loading{
margin:8px auto 7px;
}
/* ------- file upload and preview ------- */
a.file-preview{
margin-top:12px;
margin-left:18px; 
float:left;
}
#filepreview #preview-wrapper{
height:135px !important;
}
#file-select-wrapper{
height:132px;
width:574px;
margin:13px 0 0 0;
padding-left:11px;
padding-top:7px;
overflow-x:hidden;
overflow-y:scroll;
}
#file-select-wrapper ul#file-select-filenames li{
cursor:pointer;
list-style:none;
list-style-type:none;
text-indent:0;
display:block;
margin:0 0 8px 98px;
}
#file-select-area{
display:none;
}
/* ------- image upload and preview ------- */
#preview-wrapper{
width:100%;
text-align:center;
clear:both;
padding:7px 0 8px 0;
height:225px;
}
#norecord #preview-wrapper{
height:135px !important;
}
#preview-wrapper .window-close, 
#cancel-wrapper .window-close{
float:right;
cursor:pointer;
margin:0 11px;
}
#preview-image{
padding:5px;
clear:both;
}
.form-image-wrapper{
padding:4px 22px;
}
img.form-image{
width:50px;
}
#form-upload-area{
margin-top:25px;
display:none;
}
#image-select-area{
display:none;
}
#image-select-wrapper{
height:162px;
width:570px;
margin:3px 0 0 0;
padding-left:11px;
padding-top:8px;
overflow-x:hidden;
overflow-y:scroll;
}
#image-select-wrapper-handlers{
float:left;
clear:both;
}

#image-select-wrapper-handlers a{
float:left;
text-align:left;
margin:0 18px 12px 16px;
font-weight:900;
}
#image-select-wrapper ul#image-select-thumbs li{
list-style:none;
list-style-type:none;
text-indent:0;
display:block;
float:left;
margin:0 0 8px 8px;
height:66px;
}
#image-select-wrapper ul#image-select-thumbs li img{
width:64px;
/*float:left;*/
cursor:pointer;
}
#image-select-wrapper ul#image-select-filenames li{
cursor:pointer;
list-style:none;
list-style-type:none;
text-indent:0;
display:block;
margin:0 0 8px 8px;
}
#selector-links, #norecord-selector-links{
text-align:center;
padding:9px;
}
#norecord-selector-links{
margin-top:23px;
}
#selector-links a, #norecord-selector-links a{
margin:0 8px 3px 8px;
color:#232323;
padding:6px 9px;
}
#selector-links a.current-link{
font-weight:900;
}

/* -------- MAP SELECTION WINDOW ------- */

/* -------- top button wrapper ------- */
#map-button-wrapper{
width:100%;
text-align:right;
clear:both;
padding:4px 0 2px 0;
}
/* -------- address text ------- */
div#address-text{
clear:both;
text-align:left;
font-weight:900;
padding:0 0 6px 0;
}
/* -------- cancel button------- */
#map-button-wrapper .window-close{
float:right;
cursor:pointer;
margin:0 11px;
}
/* -------- coords fields ------- */
#mapcoordsform{
float:left;
padding:10px 0 0 0;
}
/* -------- reset button ------- */
#mapcoordsform .reset{
cursor:pointer;
margin:0 4px 0 12px;
}
/* ------- admin logo ------- */
.admin-logo-large{
margin:67px auto 3px auto;
}
.admin-logo-large-wrapper{
text-align:center;
}


/* ------- tooltips ------- */
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
/*	opacity: 0.90;*/
}
#tooltip h3, #tooltip div { 
	margin: 0;
	font-weight:100;
	font-size:12px;
	 }