/*------------------------------------------------------*/
/*DateTimepicker Styles*/
/* the div that holds the date picker calendar */
.dpDiv {
	width=200;
	height=195;
	}


/* 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;
	height=195;
	width=200;
	}


/* 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: white;
	width=1%;
	}


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



a {
	color:#003366;
	text-decoration:none;
}

a.current {
	color:#999999;
}

a:hover {
	text-decoration: underline;
}

input {
	color:#333333;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;

}


ul {
	font-size:60%;
	color:#666666;
	line-height: 1.5em;
	list-style: none;
}

h1 {
	color:#FF9933;
	font-weight:bold;
	padding-left: 0.5em;
	padding-top: 0.2em;
}

h2 {
	color:#FF9933;
	font-size:80%;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Verdana;	
	border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E5E5E5; 
}

h3 {
	color:#FF9933;
	font-size:70%;
	font-weight:bold;
}

h3 a{
	color:#FF9933;
}

p {
	text-align:justify;
	color:#777777;
	font-size: 60%;
	line-height: 1.5em;
}

.orange {
	color: #FF9933;
	
}

.blue {
	color: #003366;
}

.green {
	color: #DFFFBE;
}

.gray {
	font-weight:normal;
	font-size:70%;
	color: #F0F0F0;
}

/* ----- Superior Bar -----  */
div.supBar {
	vertical-align: middle;
}

div.search {
	width: 20em;
	float: right;
	clear: right;
	color:#003366;
	font-size: 70%;
	margin: 1.5em 1em 0em 1em;
}

.searchbox {
	color:#666666;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
}

/*.Ora {
color: #FF9933;
}*/

/* ----- Menu -----*/
div.menu {
	width: auto;
	vertical-align: middle;
	font-size:80%;
	background-color:#003366;
	padding: 1em 1em 1em 1em;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
	text-align: right;
	color:#FFFFFF;
}

div.menu a{
	color:#FFFFFF;
}
div.menu a:hover{
	font-style:italic;

}

/* ----- right Info - News -----*/

div.newsContainer{
	float: left;
	clear: left;
	width: 12em;
	margin: 0.5em 0.5em 0em 0.5em;
}

div.news1{
	width: 12em;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
}

div.news2{
	width: 12em;
	background-color:#DFFFBE;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

/* ----- main Container ----- */
div.mainContainer{
	margin: 0em 0em 0em 14em;
}

div.rightInfo{
	float: right;
	clear: right;
	width: 12em;
	background-color:#FFFFFF;
	border-style:solid; border-width:1px; border-color:#FFF3CE;
	
	margin: 0.5em 0.5em 0.5em 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.rightInfo h2{
	color:#FFFFFF;
	background-color:#FF9933;
	border-style:solid; border-width:1px; border-color:#FF9933;
}

div.mainInfo{
	width: auto;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	
	margin: 0.5em 14.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.mainInfo h3 a{
	color:#003366;
}

div.image {
	float:left;
	width: 80px;
	height: 80px;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background-color:#F0F0F0;
	border-style:dotted; border-width:1px; border-color:#F0F0F0;
}

div.image h3{
	color:#CCCCCC;
}

/* ----- sub Compainer ----- */
div.subContainer{
	clear:both;
	width: auto;
	font-size:60%;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
	margin: 0em 0em 0em 0em;
	padding: 1em 0.5em 1em 0.5em;
}

div.copyright {
	color: #999999;
	text-align:right;
	margin-left:20em;
	margin-right:0.5em;
	font-size:80%;
}

div.copyright a{
	color:#999999;
}

div.subLinks{
	float:left;
	clear:left;
	color:#777777;
	margin-left:2em;
}

div.subLinks a{
	color:#777777;
}
/*----------------------------------*/
.search {
	width: 20em;
	float: right;
	clear: right;
	color:#003366;
	font-size: 70%;
	margin: 1.5em 1em 0em 1em;
}


.FlatTextBox {
	color:#666666;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
}
.Logintextbox {
	border-style:solid; border-width:1px; border-color:#CCCCCC;
	font-size:65%;
	margin-bottom:0.0em;
	margin-left:0.5em;
	color:#FF9933;

}
#loginbox {
	width: 10em;
	float: right;
	clear: right;
	background-color:#FFFFFF;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
}
.loginbutton { 
	border-style:solid; border-width:1px; border-color:#CCCCCC;	width:50;
	font-size:65%;
	color:#FF9933;
	margin-left:7.5em;
	background-color: #EAEAEA;  font-weight:bold;
	cursor:hand;
}
h5{
	color:#FF9933;
	font-size:65%;
	font-weight:bold;
	margin-bottom:0.2em;
	padding-bottom:0.0em;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FF9933;
}
h4{
	color:#FF9933;
	font-size:70%;
	font-weight:bold;
	margin-bottom:0.2em;
	padding-bottom:0.0em;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FF9933;
}
#fields{
}

.inputtable{
width:100%;
font-family:"Trebuchet MS", Arial, Verdana;font-size:80%;
border:thin;

}
	
TABLE.inputtable TD {	}


#inputbox {
	text-align:center
	width: 95%;
	xfloat: left;
	clear: right;
	background-color:#FAFAFA;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border-style:solid; border-width: 1px ; border-color:#E5E5E5;
	
}

#otherbox {
	text-align:center
	width: 10em;
	float: right;
	clear: right;
	background-color:#FAFAFA;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border-style:solid; border-width: 1px ; border-color:#E5E5E5;
	
}

.inputerrors{
	color:#FF3333;
	font-size:70%;
	font-weight:normal;
	margin-bottom:0.6em;
	padding-bottom:1em;	
	font-family: Verdana;	
}


.FooterTable
{
font-family:"Trebuchet MS", Arial, Verdana;	font-size:80%;
border:thin;
}
TABLE.FooterTable TD {BORDER-BOTTOM: #c1cdd8 1px solid; background-color:#FAFAFA;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
}


.ListTable
{
font-family:"Trebuchet MS", Arial, Verdana;	font-size:80%; 
}
TABLE.ListTable TD {BORDER-BOTTOM: #c1cdd8 1px solid; xbackground-color:#FAFAFA;
	padding: 0.3em ; padding:0.01em ; 
}


.submitbutton
{
	border-style:solid; border-width:1px; border-color:#CCCCCC;	
	font-size:70%;
	background-color: #EAEAEA;  font-weight: 300;
	cursor:hand;
}
.inputtitles
{ text-align:right; vertical-align:top; font-size:90%;	color:#444444;
}

.firstlistcol
{
	background-color:#CCCCCC;
}

#listbox {
	xwidth: 10em;
	float: left;
	clear: right;
	width:100%;
	background-color:#FAFAFA;
	padding: 0.3em 0.3em 0.3em 0.3em;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
}

.inputcombo
{  
  	text-align:left; 	 
   	color:#444444;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;}

.mnuitm 
	{
	text-align:left; 	 
   	color:#444444;
	font-weight:700;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	}
	
	
/* ADDED WHEN WORKING OUT LAHACIENDA */
	
.englishtext
{

	font-size:14px;	
	font-family:"Trebuchet MS";
	line-height:1.3;
	xfont-family:AGOpus;
	margin: 1em;
	 	
}

/* ADDED WHEN WORKING OUT LAHACIENDA  -- MENU */
.thismenuitem
{
font-family:Verdana, Arial, Helvetica, sans-serif;
xfont-family:AGOpus;
color:#CCCCCC;
/*color:#390207;*/
font-size:12px;
}
.thismenuitem a
{
font-weight:normal;
/*color:#00FFFF;*/
color:#FFFFFF;
/*color:#390207;*/
font-weight:normal;
text-decoration:none;
}
.thismenuitem a:hover
{
font-weight:normal;
color:#FFFFFF;
/*color:390207;*/
text-decoration:underline;
}
.thismenuitem a:active
{
font-weight:normal;
color:#FFFF99;
/*color:390207;*/
text-decoration:none;
}

.noborder
{
	border:none;
	border-style:none;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}