/*
    Author: Andy Atkinson
    Site: Chapter Eight

    This stylesheet controls the main look and
    feel for the website, the styles controlling
    layout can be found in layout.css

*/

/*******************************************
Custom elements
*******************************************/

.message { background-color: #DEF2F6; border: 1px dashed #87A9CB; padding: 5px; margin-bottom: 10px; }
.message p { font-weight: bold;}
.message .ok    { padding: 3px 2px 0 20px; background: url(/images/ok.png) no-repeat; }
.message .error { padding: 3px 2px 0 20px; background: url(/images/error.png) no-repeat ; }
.message .info  { padding: 3px 2px 0 20px; background: url(/images/info.png) no-repeat ; }

/*******************************************
Tables
*******************************************/

/* table */
/*#sortable {margin: 0; padding: 0;}*/

.listing        { width: 99%; border: 0; padding: 0 0 5px 0; margin-top: 10px; color: #3b4024; margin-bottom: 10px; margin-right: 0; }
.listing img    { vertical-align:middle; }
.listing td,th  { text-align: left; }
.listing a      { font-weight: bold; text-align: left; }
.listing th     { color: #3b4024; background: #EEE; padding: 2px 5px 2px 5px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-bottom: 1px solid gray; }
.nosort         { text-align: left; border-right: 0;}
.listing th.az  { text-align: right; border-left: 0;  }
.odd_row td     { background: #FFF; border-left: 1px solid #dddddd; padding: 2px 5px; border-bottom: 1px solid #dddddd;}
.even_row td    { background: #FFF; border-left: 1px solid #dddddd; padding: 2px 5px; border-bottom: 1px solid #dddddd;}
.sep_row td     { background: #FFF; border-left: 1px solid #dddddd; padding: 2px 5px; border-bottom: 1px solid gray}

.table_blue td  { background: #FFF; border-left: 1px solid #dddddd; padding: 2px 5px; border: 1px solid #e1e1e1;}
.table_dblue td { background: #FFF; border-left: 1px solid #dddddd; padding: 2px 5px; border-bottom: 1px solid white;}

/*******************************************
Panels
*******************************************/

.side-panel { background-color: #EEE; border: solid #CCC; border-width: 3px 1px 1px 1px; padding: 5px; margin-bottom: 10px; }
.side-panel .button { padding: 0; }
.side-panel a { font-weight: bold; }
.side-panel ul { font-weight: normal; padding-bottom: 3px; color: #1E9EBD; list-style-type: disc;}

.service_panel { float: left; width: 50%; }
.service_panel ul { padding: 5px 0 5px 75px; }

#right-column dd { background: #eee; color: #444 border: solid #ccc; border-width: 3px 1px 1px 1px; padding: 5px; }

.edit-panel a {				
	text-align: center;
	background: #EEE;
	display: block;
	padding: 3px;
	border: 1px solid #CCC;
	float: left;
	font-weight: bold;
}

.edit-panel a.selected { color: #CCC; }

#edit-mode-left {
	margin: 5px 3px 3px 0;
	width: 89px;
	
}

#edit-mode-right {
	margin: 5px 0 3px 3px;
	width: 89px;						
}
			
.edit-panel { 
	background-color: #FFF; 
	border: 0;
	border-top: 3px solid #CCC; 
	padding: 0; 
	padding-bottom: 10px; 
}
			

/*******************************************
Form Elements
*******************************************/

.edit-form label,

.edit-form label { display: block; float: left; text-align: right; padding-right: 10px; padding-top: 4px; margin-bottom: 0; width: 100px; }

.edit-form h4 { margin: 3px 0 10px 0; margin-left: 115px; }

.edit-form h5 {
  background-color: #FFF3F1;
  border: 1px dashed #C00;
  padding: 3px;
  margin-left: 115px;
  display: block;
  width: 400px;
}

.edit-form p { clear: left; }

.edit-form textarea { width: 405px; }

.edit-form textarea table { border: 2px solid black; }

.edit-form strong { padding-top: 4px; display: block; height:10px; text-align: top; }

#sub-header h4 { font-weight: normal; color: #777; font-size: 11px;}

#sort-actions { float: right; height:10px; }
#sort-actions select { float:left; }

/** Used by the image upload field */
.image-upload-sizes {
    margin-left: 120px;
	width: 400px;
}

.image-upload-sizes p {
    float: left;
    width: 30%;
}

/*******************************************

*******************************************/

#tablist {
    padding: 4px 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.1em;
    font: bold 9px Verdana;
}

#tablist li {
    list-style: none;
    display: inline;
    margin: 0;
}

#tablist li a {
    text-decoration: none;
    padding: 4px 0.5em;
    margin: 0 1px 0 0;
    border: 1px solid #D5D2D5;
    background-color: #EEE ;
}

#tablist li a:link, #tablist li a:visited {
    color: #777777;
}

#tablist li.right { float:right; }
#tablist li.right a { 
	margin-right: 0;
    border-bottom: 1px solid white;
    background-color: #FFFFFF;
}

#tablist li a.current {
    border-bottom: 1px solid white;
    background-color: #FFFFFF;
}

#tablist li.system{
    list-style: none;
    float: right;    
    margin: 0;
    position: relative;
	top: -22px !important;          
	top: -25px;          	
}

#tablist .system a {
	color: #1E9EBD !important;
	background-color: #EEE !important;
	display: block;	
}

#tabcontentcontainer {
    padding: 10px;
    border:1px solid #D5D2D5;
    margin-top: 0;
}

.tabcontent {
    display:none;
}

a.lightbutton {
	background-color: #EEEEEE;
	border: 1px solid #D5D2D5;
	padding: 1px 4px 1px 4px;
	font-size: 11px;
	font-weight: normal;
	margin : 0 4px 0 0;	   
}

/*******************************************
Date Picker
*******************************************/

.dpDiv {
    }

.dpTable {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #ece9d8;
    border: 1px solid #AAAAAA;
    }

.dpTR {
    }

.dpTitleTR {
    }

.dpDayTR {
    }

.dpTodayButtonTR {
    }

.dpTD {
    cursor: pointer;
    }

.dpDayHighlightTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    cursor: pointer;
    }

.dpTitleTD {
    }

.dpButtonTD {
    }

.dpTodayButtonTD {
    }

.dpDayTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    color: white;
    }

.dpTitleText {
    font-size: 12px;
    color: gray;
    font-weight: bold;
    }

.dpDayHighlight {
    color: 4060ff;
    font-weight: bold;
    }

.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    padding: 0px;
    }

.dpTodayButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    }


/*******************************************
State Colours
*******************************************/

.unpublished, .rejected, .published { }
/**
.unpublished { color: #920000; }
.submitted   { color: #920000; }
.rejected    { color: #920000; }
*/
.published   { color: #1A8338; }

#form-actions { float: left; }
#changestate {
    float:left;
}