/* This is the stylesheet used by the FarCry admin area*/

body {
		margin:0px 0px 0px 0px;
		background:#FFF;
		height: 100%;
		
		/* scrollbars for IE 5.5+ browsers */		
		scrollbar-arrow-color: #999;
		scrollbar-face-color:  #FAFAFA;
		scrollbar-base-color:  #DDD;
		scrollbar-3dlight-color: #BBB;
		scrollbar-darkshadow-color: #BBB;
		scrollbar-shadow-color: #E9E9E9;
		font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

}

table, td, div {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

br {
	line-height: 50%;
}

form {
	margin: 0px;
}

#header {
		border:0px solid #FFF;	
		padding:10px 20px 0px 20px;  		
  		background:#789;
		border-bottom: 1px solid #666;		  	 
}

#login {
	position:absolute;
	left:50%;
	width:500px;
	margin-top:140px;
	margin-left:-266px;
	border:1px solid #333;
	background-color:#eee;
}

#loginheader {
	padding: 5px 5px 5px 5px;
	background-color: #999;
	color: #fff;
	text-align: center;
}

#loginbody {
	padding: 15px 15px 15px 15px;
	height: 140px;
	vertical-align: middle;
	background-color: #789;
}	

.title {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#F96;
		font-size:18px;
		font-weight:bold;
		letter-spacing: .1em;
}

.description {
		font-family:verdana, arial, sans-serif;
		color:#CCC;
		font-size:10px;
		font-weight:bold;
		letter-spacing:.2em;
  		background:#789;
  		text-transform: uppercase;	
		}	

.BorderTable {
	border-collapse : collapse;
	border: #FFF 1px solid;
}

.BorderTable TD, .BorderTable TH {
	border-color: black;
	padding: 3px;
}

TH {
	 font-weight : bold;	
}

TD {
	 font-weight : normal;	
}

.thColumn {
	 text-align : right;
	 vertical-align : top;
	 padding-right : 10px;
}

.thRow {
	 text-align : center;
	 vertical-align : top;
}

/* begin: TABLE classes (data related table layout) */
.dataTable {
	border: 0px;
}

.dataHeader {
	background-color : #666;
	color: #ededed;
}

.dataOddRow {
	background-color : #ccc;
	color: #333;
}

.dataEvenRow {
	background-color : #ededed;
	color: #333;
}
/* end: TABLE classes (data related table layout) */

		.buttn {font-size: 10px; width: 60px; }
		.normalbttnstyle {background-color: EeEeE5; border-bottom-width: 2px; border-color: 666655; border-left-width: 2px; border-margin: 2px; border-right-width: 2px; border-style: solid; border-top-width: 2px; border-width: 1; color: black; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; }
		.overbttnstyle {background-color: 999995; border-bottom-width: 2px; border-color: 666655; border-left-width: 2px; border-margin: 2px; border-right-width: 2px; border-style: solid; border-top-width: 2px; border-width: 1; color: fffff5; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; }
		.unavailablebttnstyle {background-color: ccccc5; border-bottom-width: 1px; border-color: 999999; border-left-width: 1px; border-margin: 1px; border-right-width: 1px; border-style: solid; border-top-width: 2px; border-width: 1; color: 999999; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; width: 45px; }
		.unavailablepressedbttnstyle {background-color: ccccc5; border-bottom-width: 1px; border-color: 999999; border-left-width: 1px; border-margin: 1px; border-right-width: 1px; border-style: solid; border-top-width: 2px; border-width: 1; color: 999999; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; width: 45px; }
		.pressedbttnstyle {background-color: ccccc5; border-bottom-width: 1px; border-color: 999999; border-left-width: 1px; border-margin: 1px; border-right-width: 1px; border-style: solid; border-top-width: 2px; border-width: 1; color: 999999; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; width: 45px; }
		.downbttnstyle {background-color: ccccc5; border-bottom-width: 1px; border-color: 999999; border-left-width: 1px; border-margin: 1px; border-right-width: 1px; border-style: solid; border-top-width: 2px; border-width: 1; color: 999999; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0; width: 45px; }	

.OpenLayerFieldSet {

}

.OpenLayerDIV {
	text-align : left;
}

.OpenLayerDIV OL {
	margin-top : 5px;
}

.OpenLayerDIV OL UL {
	list-style-type : disc;
}

/* New classes added by Brendan */

.FormTitle {
		font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#666;
  		text-transform: uppercase;
		letter-spacing: .1em;
		padding: 0px 0px 15px 0px;
}	

.FormSubTitle {
		font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color:#000;
		text-transform: uppercase;
		padding: 0px 0px 10px 0px;
}	

.FormTable {
	background-color : #EEE;
	padding : 5px 5px 5px 5px;
	margin: 0px 0px 20px 30px;
	border : 1px solid #666;
	width : 420px;
}

.FormTableClear {
	padding : 5px 5px 5px 5px;
	margin: 0px 0px 10px 30px;
	width : 420px;
}

.FormLabel {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.FormField {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormTextBox {
	width : 250;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormSelectList {
	width : 250px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormTextArea {
	width: 250px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormFileBox {
	width: 250px;	
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.FormSubHeading {
	font-weight: bold;
}

.LeftFrame {
	border-right-style:outset;
	border-right-width : thin;
}

.TopFrame {
	border-bottom-style:outset;
	border-bottom-width : thin;
}
.frameMenuBullet {
	color: #FF6600;
	font-weight: bold;
}

a.frameMenuItem {
	color: blue;
}

input, select {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* styles from dynamic_data.css */
.HEADER {background-color: #ddddD0; color: #000000; font-family: arial,sans-serif; font-size: 11px; }
.text-cellheader {font-size: 11px; }
td.rows {background-color : #FFFFF9;font-size: 11px; }

td.tableheader{background-color:#999999;font-size:11px;}

td.rowsheader{background-color:#DFDFDF;font-size:11px;}

.BorderTable TD, .BorderTable TH {border-color: black;padding: 3px;}

.normalbttnstyle{background-color: EeEeE5; border-bottom-width: 2px; border-color: 666655; border-left-width: 2px; border-margin: 2px; border-right-width: 2px; border-style: solid; border-top-width: 2px; border-width: 1; color: black; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0;  }

.overbttnstyle {background-color: 999995; border-bottom-width: 2px; border-color: 666655; border-left-width: 2px; border-margin: 2px; border-right-width: 2px; border-style: solid; border-top-width: 2px; border-width: 1; color: fffff5; font-family: sans-serif; font-size: 10px; font-weight: normal; height: 18px; margin: 2px; margin-bottom: 0; margin-left: 1px; margin-right: 1px; margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; padding-top: 0;  }

div.countDown {
	background-color:#789;
	font-size: 10px;
	border : none;
	color:#F96;
	text-align : right;
	width:250px;
	position : absolute;
	right:8px;
	top:8px;
	height:50px;
}

.counter {
	background-color:#789;
	font-size: 10px;
	border : none;
	color:#F96;
	text-align: right;
}

.overviewdraft {
	background-color:#FFCCCC;
}

.overviewpending {
	background-color:#99CCFF;
}

.overviewapproved {
	background-color:#99CCCC;
}

.error {
	color:red;
}

a.referer {
	text-decoration:none;
	color:#333;
}

a.referer:hover {
	text-decoration:underline;
	color:#333;

}

#htmlareawrapper {
	width: 600px;
	margin-bottom: 20px;
	border: 1px solid black;
}