html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

html, body, #aspnetForm { height: 100%; }

body {
background: #e2e2e2 url(../images/sidebg.png) repeat-y left;
font-family: verdana, sans-serif;
font-size: 12px;
color: #000000;
line-height: 1;
}

a   { color: #206a1c; }
p   { line-height: 18px; padding: 0 0 18px 0; }
img { border: none; }
.cl { clear: both; }


/* BUILT BY BOX ******************************************/

.builtby {
position: fixed;
bottom: 10px;
right: 10px;
padding: 5px 10px;
background: #f5f5f5;
border: 1px solid #9b9b9b;
}
	
	.builtby .text {
	float: left;
	width: 50px;
	line-height: 35px;
	font-size: 10px;
	color: #808080;
	}

	.builtby .img {
	float: left;
	width: 90px;
	height: 35px;
	}




/* SIDEBAR *******************************************/

.sidebar {
width: 235px;
margin-right: 2px;
background: url(../images/leftbg.png) repeat-x top;
}

	.sidebardiv {
	position: absolute;
	width: 235px;
	}

	.sidebar .logo { margin-left: 10px; }
	.sidebar ul    { padding-top:   20px; list-style: none; }
	.sidebar ul li { height: 30px; overflow: hidden; }
	.sidebar .companyLogo { margin-left: 25px; }
	.sidebar li a {
	display: block;
	padding-left: 17px;
	border-bottom: 1px solid #dcdcdc;
	line-height: 29px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	text-decoration: none;
	}
	
	.sidebar li a:hover { background: #3a9636; border-bottom: 1px solid #247521; color: #fff; }
	
	
/* MAIN COLUMN *******************************************/
/* MAIN COLUMN *******************************************/
	
.maincol { height: 100%;}

	.maincoldiv { position: absolute; padding: 0 0 0 20px; }

	.maincol h1 {
	width: 800px;
	padding: 0 0 0 20px;
	line-height: 70px;
	font-size: 24px;
	color: #7c7c7c;
	font-family: arial, helvetica, sans-serif;
	}
	
	
	/* TABS ******************************/
	
	.maincol .tabbar {
	width: 874px;
	height: 32px;
	margin-right: 20px;
	padding-left: 10px;
	background: url(../images/tabbg.gif) repeat-x;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #919191;
	font-family: arial, helvetica, sans-serif;
	}
		
		.maincol .tabbar .tcurrent {
		float: left;
		padding: 0 10px;
		margin-right: 2px;
		border-bottom: 1px solid #fff;
		border-top:    1px solid #9b9b9b;
		border-left:   1px solid #9b9b9b;
		border-right:  1px solid #9b9b9b;
		background: #fff;
		}
		
		.maincol .tabbar .tlink {
		float: left;
		padding: 0 10px;
		margin-right: 2px;
		border-bottom: 1px solid #9b9b9b;
		border-top:    1px solid #bebebe;
		border-left:   1px solid #bebebe;
		border-right:  1px solid #bebebe;
		background: #f1f1f1;
		}
		
		.maincol .tabbar .tlink a       { color: #368b35; text-decoration: none; }
		.maincol .tabbar .tlink a:hover { color: #54ac53; }
	
	
	/* CONTENT BOX *************************/
	
	.maincol .content-box {
	margin: 0 20px 20px 0;
	width: 942px;
	padding: 20px;
	background: #fff;
	border: 1px solid #9b9b9b;
	}
	
	.maincol .content-tab {
	margin: 0 20px 20px 0;
	width: 942px;
	padding: 40px 20px 20px 20px;
	background: #fff;
	border-color: #9b9b9b;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	}
	
		.maincol h2 {
		border-bottom: 1px solid #9b9b9b;
		margin-bottom: 20px;
		padding: 20px 0 0 10px;
		font-size: 14px;
		font-family: arial, helvetica, sans-serif;
		color: #454545;
		}
		
		.maincol .separator {
		height: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #9b9b9b;
		}
		
		.maincol .breadcrumb { line-height: 30px; }
		
		.maincol .pagination        { padding: 30px 0 10px 0; line-height: 14px; }
		.maincol .pagination .right { float: right; }
		.maincol .pagination .left  { float: left; }
		.maincol .pagination .alink  { margin-right: 8px; }
		.maincol .pagination img    { position: relative; top: 3px; }
		.selected { color:Red; font-weight:bold; text-decoration:none; }
		.maincol .buttonrow         { float: right; padding: 0 0 20px 20px; }
		
		.maincol .buttonlink {
		border: none;
		background: none;
		text-decoration: underline;
		color: #3a9636;
		line-height: 25px;
		cursor: pointer;
		text-align: left;
		}
		
		


/* TABULAR DATA ***********************************/

.td_control {
padding: 0 10px 0 10px;
background: #1e691b;
}

.td_head {
padding: 10px;
background: #3a9636;
font-family: arial, helvetica, sans-serif;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}

.td_cell {
padding: 0 10px 0 10px;
background: #e8e8e8;
border-top: 2px solid #fff;
vertical-align:middle;
}

.titlelink {
display: block;
padding-top: 16px;
position: relative;
top: -8px;
float: left;
text-decoration: none;
color: #000;
}
		
.td_cell .subcategory {
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
color: #8f8f8f;
text-align: right;
}

.td_cell .subcategory .count {
color: #000;
font-size: 14px;
font-weight: bold;
}



/* FORMS ******************************************/

.formtabrow {
height: 32px;
overflow: hidden;
line-height: 32px;
}

.formtabrowTextArea {
height: auto;
overflow: hidden;
}

.formleft  { float: left; width: 500px; }
.formright { float: left; width: 260px; }


.formleft .tabcon { width: 300px; }

	.tablab {
	float: left;
	width: 200px;
	line-height: 28px;
	color: #919191;
	font-size: 10px;
	}

	.tabcon { float: left; width: 740px; }

	.textbox,
	.textboxsmall,
	.dropdown {
	width: 244px;
	}

	/* search form date stuff */
	.textboxsmall { float: left; width: 100px; }
	.enquirytext  { float: left; padding: 8px 10px 0; }
	.calenderlink { float: left; margin-left: -26px; display: block; }
	/* search form date stuff */

	.dropdown { width: 250px; height: 26px; }
	.checkbox, .radio { margin-top: 6px; }

	.selectlarge {
	float: left;
	width: 250px;
	height: 200px;
	margin-bottom: 10px;
	}

	.selectlargebuttons {
	float: left;
	width: 45px;
	height: 45px;
	padding: 10px 0 0 10px;
	}
	
	.greenbutton {
	display: block;
	float: left;
	background: #3a9636;
	border: 1px solid #1e691b;
	padding: 0;
	margin-right: 10px;
	height: 33px;
	line-height: 31px;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	}

	.greenbutton:hover { background: #54ac53; }
	
	.redbutton {
	display: block;
	float: left;
	background: #963636;
	border: 1px solid #963636;
	padding: 0;
	height: 33px;
	line-height: 31px;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	}

	.redbutton:hover { background: #b55252; }
	
	a.greenbutton, a.redbutton {
	height: 14px;
	line-height: 14px;
	padding: 9px 0;
	}
	
	.buttonrow .greenbutton { margin: 0 0 0 10px; }
	
	.borderFCK {
	width: 700px;
	margin-bottom:10px;
	border: 1px solid #808080;
	}


/* FORM ERRORS *************************************************/
/* FORM ERRORS *************************************************/

.divErrorPanel {
padding: 10px;
margin-bottom: 20px;
background: #ffcdce;
border: 2px solid #c40001;
color: #8f0000;
}

	.divErrorPanel ul {
	margin: 10px 0 0 20px;
	list-style: square;
	}
	
	/****************************ADMIN CALENDAR**************************/
	
	/* 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;
	}


/* 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: #ffffff;
	}


/* 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;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}