/** 
 * HTML Definitions
 */
* { font-size: 100%;}

html, body {
	margin: 0;
	padding: 0;
	background-color: #EBEFFB;
	background-image:  url("../images/template/background.jpg");
	background-repeat: repeat-x;
}

body {  
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
}

a, a:link, a:visited, a:active { 
	color: #333366;
}
a:hover { 
	color: #8888BB;
}

img, form, fieldset { padding: 0; border: 0; margin: 0;}

p {
	margin: 0;
	margin-bottom: 1em;
	line-height: 1.3em;
}

/**
 * Layout Definitions
 */
#mainDiv {
	margin: 8px auto;
	border: 2px solid #FFFFFF;
	padding: 0;
	width: 740px;
	background-color: #FFFFFF;
}

#header {
	background-image:  url("../images/template/header.gif");
	background-repeat: no-repeat;
	height: 105px;
}
#header h1 {
	display: none;
}
#loginBox {
	float: right;
	margin: 8px;
	padding: 5px;
	width: 165px;
	background-color: #A1ADC9;
}
#mainNav {

}

#footer {
	background-color: #A1ADC9;
	text-align: center;
	padding: 4px;
	margin: 0;
	margin-top: 5px;
}
#footer a:hover { 
	color: #FFFFFF;
}

#mainTable {
	clear: both;
	margin: 0;
	border: 0;
	width: 100%;
	margin-top: 5px;
}
#leftColumn {
	vertical-align: top;
	padding: 5px;
	width: 140px;
}
#centreColumn {
	vertical-align: top;
	padding: 5px;
	width: auto;
}
#rightColumn {
	vertical-align: top;
	padding: 5px;
	width: 140px;
}

.heading {
	margin: 0;
	padding: 6px;
	background-color: #A1ADC9;
	color: #DCE3F8;
	text-transform: uppercase;
	letter-spacing: -1px;
}
#mainTable .box {
	padding: 5px;
	background-color: #CFD9F4;
}

.box h1, .box h2, .box h3 {
	margin: 0;
	margin-bottom: 0.2em;
	font-weight: bold;
}
.box h1 {
	font-size: 1.6em;
}
.box h2 {
	font-size: 1.5em;
}
.box h3 {
	font-size: 1.2em;
}
.box a:hover { 
	color: #FFFFFF;
}


#popupDiv {
	margin: 8px;
	border: 2px solid #FFFFFF;
	padding: 8px;
	background-color: #CFD9F4;
}

/**
 * Form Definitions
 */
.default input, .default textarea, .default select {  
	padding: 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333333;

	background-color: #FFFFFF;
	width: 280px;
	border: 1px solid #333333;
}

.default select {
	width: auto;
}

.default textarea { 
	height: 85px;
}

.default .input_radio {
	width: auto;
	border: 0;
	background-color: transparent;
}

.default .input_checkbox {
	width: auto;
	border: 0;
	background-color: transparent;
}

.default .input_submit { 
	background-color: #D0D0D0;
	font-weight: bold;
	color: #727272;
	cursor: pointer;
}

.default .input_button { 
	background-color: #D0D0D0;
	font-weight: bold;
	color: #727272;
	cursor: pointer;
}

/** 
 * Table Definitions
 */
.cmsList {
	width: 100%;
	margin-bottom: 1em;
	border: 1px solid #595959;
	border-collapse: collapse; 
	border-spacing: 0px;
	background-color: #FFFFFF;
}
.cmsList td { 
	padding: 4px;
	border: 1px solid #AEAEAE;
	vertical-align: top;
	font-size: 0.9em;
}
.cmsList .alt { background-color: #E0E0E0}
.cmsList thead th {
	padding: 4px;

	background-color: #898989;

	border-bottom: 1px solid #595959;
	
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
}
.cmsList tfoot td {
	background-color: #E0E0E0;
}

.cmsForm {
	width: 100%; 
	margin-bottom: 1em;
	background-color: #E0E0E0;
	border: 1px solid #595959;
	border-collapse: collapse; 
	border-spacing: 0px;
}
.cmsForm td {
	padding: 4px;
	font-size: 0.9em;
}
.cmsForm thead th {
	padding: 4px;

	background-color: #898989;

	border-bottom: 1px solid #595959;

	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
}

.cmsForm a:hover, .cmsList a:hover {
	color: #A1ADC9;
}

/**
 * Custom Definitions
 */
.adminNav {
	margin: 8px auto;
}

.status, .error {
	margin-bottom: 1em;
	border: 1px solid #DD0000;
	padding: 4px;
	width: 97%;
	
	color: #DD0000;
}

.larger { font-size: 1.1em;}
.smaller { font-size: 0.9em;}

.inactive, .inactive a, .inactive a:link, .inactive a:visited, .inactive a:active { color: #AAAAAA;}
.inactive a:hover { color: #A1ADC9;}

.warning, .warning a, .warning a:link, .warning a:visited, .warning a:active { color: #DD0000;}
.warning a:hover { color: #A1ADC9;}

.ok, .ok a, .ok a:link, .ok a:visited, .ok a:active { color: #00B000;}
.ok a:hover { color: #A1ADC9;}

/**
 * For XStandard
 */
.underline {
	text-decoration: underline;
}
.strikethrough {
	text-decoration: line-through;
}
.indent {
	margin-left: 50px;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/** 
 * Calendar styles
 */
.calendarTable {
	width: 100%;
	margin-bottom: 1em;
	border: 1px solid #595959;
	border-collapse: collapse; 
	border-spacing: 0px;
	background-color: #FFFFFF;
}
.calendarTable th, .calendarTable td {
	padding: 4px;
	width: 14%;
	text-align: center;
	font-size: 0.9em;
}
.calendarTable th {
	background-color: #898989;
	border-bottom: 1px solid #595959;
	font-weight: bold;
	color: #FFFFFF;
}
.calendarTable td { 
	border: 1px solid #AEAEAE;	
}
.calendarTable a, .calendarTable a:link, .calendarTable a:visited, .calendarTable a:active { 
	border: 1px solid #595959;
	background-color: #898989;
	color: white;
	text-decoration: none;
	padding: 1px;
}
.calendarTable a:hover { 
	background-color: white;
	color: #898989;
	text-decoration: none;
}

.calendarTitle {
	text-align: center;
	padding-bottom: 6px;
}
.calendarTitle a {
	text-decoration: none;
}

.calendarDate {
	margin: 4px 0;
	padding-bottom: 2px;
	font-size: 0.9em;
	border-bottom: 1px solid #595959;
}
.calendarEntryTitle {
	margin: 4px 0;
	font-size: 11px !important;
}
.calendarEntry {
	padding: 6px;
}

.datesContainer {
	background-color: white;
	border: 1px solid #595959;
	height: 300px;
	overflow-y: scroll;
}
.datesContainer a:hover { 
	color: #8888BB;
}