/* 					   SKIN : STEEL									*/
/* 				(C) TREADY / SMARTBLUE 2008 							*/
/* 		     NOT TO BE COPIED WITHOUT PERMISSION 						*/

/* ################################################### 							ELEMENTS													 */


body{
	background-color:#afaeae;
	color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:top center;
	background-image:url(images/bg_body.jpg);
	background-attachment: fixed;
	font-weight: bold;
}
a{
	color:#FFFFFF;
	
}
a:hover{
	color:#FF6600;
}

h1{
	color:#FFFFFF;
}
h2{
	color:#fdbb7a;
}
h3{
	color:#fdbb7a;
}
h4{
	color:#cbcaca;
	text-transform: uppercase;
}

hr{
	background-color: #818181;
}

/* ################################################### 							PAGE STYLE													 */


#frame_fill{
	background-image:url(images/bg_page.jpg);
	background-repeat:repeat-y;
}

#header div{
	width:1000px;
	height: 160px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header #banner1{
	background-image:url(images/bg_header_temp.jpg);	
}



#content{
	background-image:url(images/bg_content_top.jpg);
	background-repeat:no-repeat;
}

#footer{
	color: #FFFFFF;
}
#footer a{
	color:#FFFFFF
}
#footer a:hover{
	color:#ff4e06;
}
#footer-logos{
	background:url(images/bg_footer_fill.jpg) center repeat-y;
	}
#footer-logos-top{
	background:url(images/bg_footer_top.jpg) center top no-repeat;
	}
#footer-logos-bottom{
	background:url(images/bg_footer_bottom.jpg) center bottom no-repeat;
	}
#contact-box{

}
#contact-box-bg{
	
	
}
#contact-box-inner{
background-image: url(images/bg_login.png);
}

#contact-box li{
	list-style-image:url(images/bullet_contacts.gif);
	
}
#login{
	background: url(images/bg_login.jpg) center top no-repeat;
}
.login .client-logo{
	background: url(/local/client-logo.png) center top no-repeat;
}
.login .system-logo{
	background: url(images/login-smartblue.png) center top no-repeat;
}
#style-box{
	display: none;
}
#style-box .title{
	background-image:url(images/bullet_styles.gif);
	background-position:center right;
	background-repeat:no-repeat;
	color: #660000;
	
}



.text-status{
	color:#5E5E5E;
}
.row-odd .text-status{
	color:#333;
}
.row-even .text-status{
	color:#555;
}
.text-status.bright{
	color:#910F00
}


.droplist{
	border: 1px solid #7A7A7A;
	color: #7A7A7A;
}
.droplist:hover{
	border: 1px solid #FF6600;
	color: #FF6600;
}
.droplist .dropicon{
	background-image: url(/images/dropdown.png);
}
/* ################################################### 							MENU													 */


#menu{	
	background-image:url(images/bg_menu.jpg);
}
#menu-content{
	color:#FFFFFF;
}

#menu-content a{
	color:#FFFFFF;
}
#menu-content a:hover{
	color:#fa1e15;
}


.col-50.border{
	border-right: 1px solid #AAA9A8;
}
.date{
	color: #CCCCCC;

}
.title{
	color: #000000;
}


.cell-good{
	background-color: #339900 !important;
	padding: 0px !important;
	
}
.cell-warning{
	background-color:#FF6600 !important;
	padding: 0px !important;
}
.cell-bad{
	background-color:#FF0000 !important;
	padding: 0px !important;
}

.changeLink{
	size: 0.8em;
	color:#333;
}

.row-odd td{
	background: #555555;
}
.row-even td{
	background: #333333;
}
.row-odd.row-new td{
	background: #ff5e17;
}
.row-even.row-new td{
	background: #d24b10;
	
}

.row-odd td .expired{
	color: #000000;
	font-size: 1.2em;
	text-transform: uppercase;
}
.row-even td .expired{
	color: #000000;
	font-size: 1.2em;
	text-transform: uppercase;
}

.row-odd-new td .new{
	color: #000000;
	font-size: 1.2em;
	text-transform: uppercase;
}
.row-even-new td .new{
	color: #000000;
	font-size: 1.2em;
	text-transform: uppercase;
}
.row-odd-new td a:hover{
	color: #000000;
}
.row-even-new td a:hover{
	color: #000000;
}
.row-underline td{
	border-bottom: 1px solid #666666;
}
.row-highlight td {
	color: #000000;
	text-transform: uppercase;
	background: #d24b10;
}
.row-unathorised td{
	background:#800000;
	
}
.row-overtime td{
	background:#606;
}
.row-late td{
	background:#036;
}
.row-ignore td{
	background:#333;
	color:#999;
}
.row-normal td{
	background:#030;
}

.unathorised-colour{
	background:#800000 !important;
}

.overtime-colour{
	background:#606 !important;
}
.late-colour{
	background:#036 !important;
}
.ignore-colour{
	background:#333 !important;
	color:#999;
}
.normal-colour{
	background:#030 !important;
}
.row-title td{
 	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#000000;
 }


.tooltip:hover span{
	background-color:#333333;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

.tooltip.left:hover span{
	background-color:#333333;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
}


/* ################################################### 							FORM INPUTS													 */


.field-info{
	background-color:#6699FF;
	border: 1px solid #0033CC;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
.field-error{
	background-color:#FF9797;
	border: 1px solid #FF3333;

}


/* ################################################### 							LOGIN													 */

.login{
 	background:#AFAEAE url(images/bg_body.jpg) no-repeat fixed center top;
	color:#FFFFFF;
	font-weight:bold;
 }
/* ################################################### 							PAGES														 */

#pages_content{

}
#pages_menu{
	
}
#pages_menu h3{
	color:#660000;
}
#pages_menu ul{
	list-style: none;
}
#pages_menu ul ul{
	list-style-image:url(images/bullet_page_menu.gif);
}
#pages_menu .header{

}
#pages_menu .footer{

}
#pages_menu .small-print{
	color:#666666;
}
/* ################################################### 							CALENDAR													 */

#calendar h1{
	color: #eaafa0;
	}

#calendar .next_month{
		
}
#calendar .next_month a{
	font-weight: bold;
	text-decoration:none;
}
#calendar .previous_month{
	font-weight: bold;
	
}
#calendar .previous_month a{
	font-weight: bold;
	text-decoration:none;
}

.cal_table td a{
	text-decoration: none;
}
.cal_daytitle{
	text-transform:uppercase;
	color: #000000;
}
.calendar_row_even{

}
.calendar_row_odd{
	

}


.cal_date{
	color: #000000;
	background-image: url(images/bg_calendar_dates.jpg);
}
.cal_date a{
	color: #FFFFFF;
}
.cal_date .calendar_access{
	color:#FFFF00;
}
.cal_today{
	color: #ff5b06;
	background-image: url(images/bg_calendar_dates.jpg);
}
.cal_today a{
	color: #ff5b06;
}
.cal_hidden{
	color:#858483;
	background-image: url(images/bg_calendar_dates.jpg);
}
.cal_today .calendar_access{
	color:#003399;
}
.cal_details{
	color: #595959;
	text-align: center;
	overflow:hidden;
	border-bottom: 2px solid #FFFFFF;
}
.cal_details.first{
	border-top: 2px solid #FFFFFF;
}
.cal_details.sunday{
	border-right: 2px solid #FFFFFF;
}
.cal_details a{
	color: #4a181a;
}



/* ################################################### 							EVENTS	TITLES												 */
.event_detail_box{
	border:#DD6B2D 2px solid;
	color:#FFFFFF;

}



/* ################################################### 							TIMELINE													 */
.timeline_inedit{
	background-color: #ff6600 !important;
}






/* ################################################### 							INDEX MODULES													 */


/* Gallery Scroller */
.index_gallery_scroller{
	height: 273px;
	width: 210px;
	background: url(images/bg_gallery_selector.jpg) no-repeat;
	position: relative;
	}
.index_gallery_scroller .preview{
	position: absolute;
	top: 40px;
	left: 50px;
}
.index_gallery_scroller .scrollbox{
	position: absolute;
	height: 73px;
	left: 3px;
	top: 193px;
	width: 199px;
	overflow: auto;
	font-size: 0.9em;
}
.index_gallery_scroller .scrollbox.js{
	position: absolute;
	height: 300px;
	left: 5px;
	top: 196px;
	width: 170px;
	font-size: 0.9em;
	overflow: hidden;
	white-space: nowrap;
}
.index_gallery_scroller .scrollbox em{
	float: left;
	clear: both;
	display: block;
	width: 50px;
}
.index_gallery_scroller .scrollbox a{
	float: left;
	display: block;
	width: 120px;
}
#gallery_scroller_track{
	position: absolute;

	width: 11px;
	height: 45px;
	top: 198px;
	left: 191px;
} 
#gallery_scroller_handle{
	height: 19px;
	width: 11px;
	background-image: url(images/handle_gallery_scroller.jpg);
	cursor: move;
}
/* GUESTLIST */

.guestlist li{
	margin-top: 5px;
}
.guestlist .count{
	color: #ff4e06;
}
.guestlist .date{
	color: #a9a9a9;
}

#online-list{
	background-image: url(images/bg_onlinelist.png);
	background-position: center top;
	background-repeat: repeat-y;
	color:#CCCCCC;
}

/* FORUM */
.question{
	border: 3px solid #cc6f2b;
	
}
.question .message{
	min-height: 110px !important;
}
.question .post .info, .question  .post .message{
	border-right: 3px solid #cc6f2b;
}
.post-odd{
	border: 3px solid #555555;
	background-image: url(images/forum-fade.png);
}
.post-odd .post .info, .post-odd  .post .message{
	border-right: 3px solid #555555;
}
.post-reported, .post-deleted{
	border: 3px solid #da1430;
	text-align: center;
	padding: 10px 0px;
}
.post-reported{
	background: url(images/forum-reported.png) no-repeat 7px 6px;
}
.post-reported .post, .post-deleted .post{
	text-align: left;
	padding-left: 20px;
	width: 77% !important;
}
.post-even{
	border: 3px solid #333333;
	background-image: url(images/forum-fade.png);
}
.post-even .post .info, .post-even  .post .message{
	border-right: 3px solid #333333;
}
.post-odd .foot{
	background: #555555;
}
.post-even .foot{
	background: #333333;
}

.bestanswer .post-odd, .bestanswer .post-even{
	border: 3px solid #cc6f2b;
	
}
.bestanswer .post .info, .bestanswer  .post .message{
	border-right: 3px solid #cc6f2b;
}

.bestanswer .post-odd .foot{
	background: #cc6f2b;
}
.bestanswer .post-even .foot{
	background: #cc6f2b;
}