/*STRUCTURAL STYLES*/

html, body { height: 100%; }

body
{
        font-family:arial, tahoma, helvetica,sans-serif;
        font-size:13px;
        margin: 40px 0 0 0;
        padding: 0;
        background: #ddd;  
}



#adminContainer
{
        float: left;
        width: 90%;        
        margin: 0 0 40px 40px; 
        padding: 10px 10px 60px 10px;
        background-color: #fff;
        min-height: 100%;
        height: auto !important;              
        height: 100%; 
        display: inline;      
}




#adminMasthead
{
        float: left;
        margin: 0 0 30px 0;
        width: 100%;
        background: #369 url(../images/bg_masthead.gif) repeat-x 0 -8px; 
        border: 1px solid #369;
}


#adminMasthead h1 
{       
        float: left;
        font-size: 120%;
        color: #fff;
        padding: 15px;
}

#adminMasthead #adminLogo
{
        float: right;
        padding: 15px;
}





#adminWorkarea
{       
        float: right;
        width: 81%; 
}



/*MENU STYLES*/


#adminMenuContainer
{
        float: left;
        width: 17%;   
        display: inline;  
}


.adminMenu p
{
        margin: 0 0 30px 0;
        font-size: 11px;
        color: #888;
        line-height: 15px;
        border: 1px solid #ddd;
        border-top: none;
        padding: 3px;
}


p
{
        margin: 0 0 12px 0;
        font-size: 11px;
}

/*heading style for menu sidebar*/
#adminMenuContainer h2
{
        padding: 4px 3px 6px 3px;
        color: #000;          
        border: 1px solid #ccc;        
        border-bottom: none;
        background: #fff url(../images/bg_gradient.gif) repeat-x 0 0 !important;        
        background: #fff url(../images/bg_gradient.gif) repeat-x 0 1px;
}


.adminMenu
{
        margin-bottom: 30px;
        padding: 0;
}

.adminMenu ul
{
        margin: 0;
        padding: 0;
        list-style: none;   
}

.adminMenu li
{       
        display: inline;
}

.adminMenu li a
{
        display: block;
        width: auto;    
        text-decoration: none;
        padding: 1px 4px 1px 3px;    
        border: 1px solid #ddd;
        border-top: none;
        color: #444;
        line-height: 13px;
        background-color: #f1f1f1;
}


.adminMenu li a:hover { background-color: #e6e6e6; color: #000; }
.adminMenu li.menuOn a { color: #fff; background-color: #369;  }
.adminMenu li.menuOn a:hover { color: #fff; background-color: #369; }


/*GENERIC CONTENT STYLES*/

iframe
{
        border: 1px solid #ddd;
        border-top: none;
        margin: 0;
        padding: 0;
        height: 130px;

}

/*class for the iframe document body*/
.iframeBody
{
    background-color: #fff;
    margin: 15px 5px;
}

.iframeBody input
{
    margin: 0 0 8px 0;
    font-size: 90%;
    float: none;    
    display: block;
}

/*button for copy to clipboard function*/
#copyClipboard
{
    width: auto;
    font-size: 90%;
}


img
{
        border: 0;
}

ul,li
{
        padding:0;
        margin:0;
        list-style:none;
}

h1, h2, h3, h4, h5, h6
{
        font-family:arial, tahoma, helvetica,sans-serif;
        font-size: 13px;
        color: #333;
        padding: 0;
        margin: 0;
}


a
{
    color: #333;
}

a:visited
{
    color: #333;
}

a:hover
{
    color: #888;
}


/*TABLE STYLES*/

table
{
        width: 100%;
        margin: 4px 0 18px 0;
        border-collapse: collapse;
        empty-cells: show;
}

caption
{
        padding: 4px 2px 4px 0;
        text-align: left;
        font-size: 11px;
}


th, td
{
        padding: 2px 5px;
        border-bottom: 1px solid #ddd;    
        border-left: 1px solid #ddd;        
        font-size: 12px;
        text-align: left;
}

th
{
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        background: #efefef url(../images/bg_gradient.gif) repeat-x 0 0;  
        padding: 4px 5px;
}

th a
{
        color: #036;
}

th.actionCol
{
        width: 30px;
        border-left: none;
}

td.editButton
{
        padding-left: 0;
        border-left: none;
}

td.editButton a
{
        display: block;
        width: 95%;
        text-align: center;
        border: 1px solid #cecec3;
        font-size: 80%;
        background-color: #ccc;
        text-decoration: none;
        color: #000;
        margin: 1px 0;
        padding: 1px 1px; 
}

td.editButton a:hover
{
        background-color: #369;
        color: #fff;
}

tr.rowOver
{
        background-color: #f1f1f1;
}


tfoot td
{
        font-size: 10px;
        color: #666;
        border: none;
}

.filters table, .filters td
{
	border-width: 0px ;
	width:auto;
    padding-bottom: 3px;    
}

.filters select, .filters option
{
	width:500px;
}

div.thumbnailTool {
        
        height: 250px;
        padding: 8px 0px 10px 8px;
        overflow: auto;
        border: 1px solid #ccc;
        background-color: #edeae7;
        margin: 0 0 20px 0;
        width:620px;
        
}

.thumbnailTool table {
        
        width:500px;
        
}



.thumbnailTool td.thumb{
        
        width:100px;
        padding:0 0 6px 0;
        margin:0;
}

.thumbnailTool td, .thumbnailTool.tr {
        
        border-width:0;
        
}








/*FORM STYLES*/

form *
{
        margin: 0;
        padding: 0;
}

form a
{
        display: inline;
}

form br
{
        clear: both;
}

fieldset
{
        border:none;
        margin-bottom: 20px;
}

label
{
        display: block;
        color: #222;
        width: 50em;
        font-size: 11px;
        font-weight: bold;
        margin: 0 0 1px 0;
}

.filters {

	margin:11px 0 12px 0;

}

.filters .active {

	background-color:#ccc;

}

.filters label {

	display:inline;

}

.filters select, .filters input {

    margin: 0;  
	float:none;

}

label.heading
{
    font-weight:bold;
    margin: 30px 0 0 0; 
    font-size: 13px;
}

select
{
    font-family:arial, tahoma, helvetica,sans-serif;
    margin: 0 3px 20px 0;    
}

input,textarea
{
    margin: 0 3px 20px 0;
    float: left;
}

input#submit,input#reset
{
    width:120px;
}

checkbox
{
    border: 1px solid;
}



textarea
{
        height:300px;
        width:600px;
        font-family:arial, tahoma, helvetica,sans-serif;
}

textarea.mceNoEditor
{
        height:125px;
}

input
{
        width: auto;        
}

input.widthSmall, select.widthSmall, select.widthSmall option{ width: 150px; }
input.widthMedium,select.widthMedium, select.widthMedium option { width: 300px; }
input.widthLarge, select.widthLarge, select.widthLarge option{ width: 600px; }


.radioButtons
{
        margin-bottom: 20px;
}

.radioButtons input
{
        margin: 0 3px 0 0;
}

* html .radioButtons input
{
        margin: -3px 3px 0 0;
}









#statusMessage
{
        margin: 0 0 15px 0; 
        height: 25px;
}

#statusMessage h3
{
        color: #036;
        float: left;
        margin: 0;
}

.success
{
    color: #fff;
    padding: 5px;
    background-color: #369;
}

.failure
{
    color: #fff;
    padding: 5px;
    background-color: #900;
}

.errorDiv
{
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    width: 585px;
}

.errorDiv p 
{
    margin: 0;
    border: 0;
    color: #900;
    font-size: 100%;
}


#sortField
{
    float: right;
    text-align: right;
    padding: 0;
    margin: 0;
    border: 0;
    color: #333;
}

.utility
{
        margin: 0 0 15px 0;
        height: 25px;
}


.error
{
        background-color:#900;
        color:#fff;
        padding:2px 2px 2px 2px;
}

.currentGroup, .currentGroup a
{
        font-weight:bold;
        text-decoration:none;
        color:#666;
        margin-right:18px;
}

.group,.group a
{
        margin-right:18px;
}

.sortby
{

}

.mceEditor
{
        width:600px;
}

.button
{
        width:100px;
        margin:6px 6px 0 0;
        display:inline;
}

.addMenu
{

}





/*UTILITY STYLES*/
/* from positioniseverything.com */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
div
{
        border:solid 1px #eee;
}
*/







/*DATEPICKER STYLES*/

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	width:200px;
    margin: 0;
    padding: 0;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
        
noscript p {width:600px;border:solid 1px #f99;background-color:#fcc;font-size:12px;padding:12px;}
        
/* Sortable list styles */        
.orderingList li{border:solid 0px #333;border-width:1px 0 0 0;padding:4px 4px;}
.orderingList {background-color:#eee;width:600px;border:solid 1px #333;border-width:0 1px 1px 1px;margin:4px 0 18px 0;}
li span.nonPublished {font-style:italic;color:#f00;}

select optgroup
{
        margin-top: 8px;
        font-weight: bold;
}

.listing-filters select
{
        margin-bottom: 8px;
}

textarea.noEditor
{
        height: 100px;
}

form p em a:link,
form p em a:visited
{
        color: #009;
}