body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background-color: #fdf8d3;
  background-image:url(../images/pbackground.png);
  background-repeat:repeat-x;
  font-size:11px;
}

/****************** Either mozilla.css or ie.css *******************************/

#outer {
	width:960px;
	margin:auto;
	border: #666666 2px solid;
  	background-color: White;	
  	background-image:url(../images/contentbackground.png);
 	background-repeat:repeat-x;
	margin-top:15px;


	
	/* Do rounding (native in Firefox and Safari) */
    -moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px; 
	-webkit-border-top-right-radius: 20px;
	

}

#header {
	height:160px;
	width: 940px;
	margin:auto;
	margin-top:10px;
	position:relative;	
}

#logo img, #sitetitle img {
	border:none;
	cursor:pointer;
}

#sitetitle {
	font-size:48px;
	font-weight:bold;
	font:"trebuchet MS";
	color:#003366;
}

#headerright {
	 height: 40px;
}	
#buttons {
	float:right;
}	

#sitesubhead {
	width:500px;
	font-size:18px;
	font-weight:bold;
	font:"trebuchet MS";
	color:#003366;
}

#extra {
	float:right;
	text-align:right;
}

#menubar {
	position:absolute;
	left:126px; top:95px;		
	width:804px; height: 24px;
	background-image:url(../images/button.png);
	background-repeat:repeat-x; 
	
	/* Do rounding (native in Firefox and Safari) */
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px;
}

#searchform {
	position:absolute;
	left:126px; top:95px;		
}

#breadcrumbinner {
	float:right;
}

#main {
	width:920px;
	margin:auto;
	margin-bottom:10px;

}

#sidebar {
	float:left;
	width:120px;		
}
	.banners {
		border: lightgrey 2px solid;
		padding:2px;
	}
	
#content {
	float:right;
	width:775px;
	/* border-left: lightgrey 0.01em solid; border-top: lightgrey 0.01em solid; */
	padding-left:10px; padding-right:5px;
	min-height:580px;

}

#bottom {height:15px;}

#footer, #footer a {
	width:940px;
	margin:auto;
	padding: 5px;
	font-size:11px;
	color:#003366;
	text-decoration:none;	
	cursor: pointer;
}

.icons {
	height:18px;
	padding:0px margin:0px;
	padding-left:3px;
	cursor:pointer;
	
}

.footerlinks a:hover {
	text-decoration:underline;
}

p,li {
	color:black;
	font-size:11px;
	line-height:120%;
	margin:0px; padding:0px;
	padding: 0px 5px 0px 5px; 
	text-align:left;
}

a {
	color:#003366;
}

h1 {
	font-family:"trebuchet MS";
	font-size:18px;
	color:#003366;
	margin:0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
}

h2 {
	font-family:"trebuchet MS";
	font-size:16px;
	color:#003366;
	margin:0px 0px 5px 0px;
	padding: 0px 0px 3px 3px;
	border-top: #003366 0.01em solid;
	border-bottom: #003366 0.01em solid;
}

h3 {
	font-family:"trebuchet MS";
	font-size:14px;
	color:#003366;
	margin:0px 0px 5px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: #003366 0.01em solid;
}

h4 {
	font-family:"trebuchet MS";
	font-size:16px;
	color:#003366;
	margin:0px;
	padding: 0px 0px 0px 3px ;
}

h6 {
	font-family:"trebuchet MS";
	font-size:12px;
	color:#003366;
	margin:0px; padding: 0px;
	text-decoration:none;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#003366;
	font-weight:bold;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#003366;
	font-weight:bold;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.box1 {
	padding: 3px;
	border-right: #003366 2px solid; BORDER-TOP: Black 2px solid; BORDER-LEFT: Black 2px solid; BORDER-BOTTOM: Black 2px solid;
	background-color:#FFb600;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 0px 10px 0px 10px;
	border-right: #003366 1px solid; BORDER-TOP: Black 1px solid; BORDER-LEFT: Black 1px solid; BORDER-BOTTOM: Black 1px solid;
}

.hvr {
	color:black; 
	font-size:12px; 
	cursor:pointer;
}

.hvr:hover, .hvr:focus, .hvr:active {
	color:#003366;
}

.mainhelp {color:#000000;}
.mainhelp img {height:12px; }

/**********************************************************  Forms  *********************************************************/

#formidheader {
	padding-top:10px;
}

#formidhelp {
	float:right;
	cursor:help;
}

#formidbuttons {
	float:right;
	padding-right:10px;
}

#formidtitle {
	float:left;
	padding-left:10px;
}

.formtitle {
	font-size:20px;
}

#formidsubhead {
	float:left;
	clear:both;
	padding-left:10px;
	padding-right:10px;
}

.formsubhead {
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	height: -20px;
	height:auto !important;
}

#hiddenformhelp h1{
	font-size: 14px;
	padding:5px;
	margin:0px;
}

#hiddenformhelp p {
	font-size: 11px;
}

#formidcontent, #formprocessmessages {
	MARGIN: 10px;
	margin-top:0px !important;
	PADDING:3px; 
	clear:both !important;
	border-collapse: true;
}

.labeltext {
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: text-top;
}

.currencysymbol {
	margin-left: 5px;
	vertical-align: text-top;
	font-size:12px;
}

form {
	vertical-align:middle;
}


fieldset {
	PADDING: 5px 5px 10px 5px;
	COLOR: #003366;
	margin-bottom: 0px 0px 20px 0px;
	border: #003366 1px solid; /* Do rounding (native in Firefox and Safari) */
	
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
legend {
	border: #003366 1px solid;
	margin:5px 0px 5px 5px;
	padding: 5px;
	font-size: 12px; font-weight:bold; 
	background-image:url(../images/button.png); background-repeat:repeat-x;	
	color: White; 
	vertical-align: middle;
	text-align: center;
	width: auto;
	display: inline;
	cursor: pointer;
	azimuth: center;
	overflow: visible; /* Do rounding (native in Firefox and Safari) */
	
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

label {
	FLOAT: left;
	VERTICAL-ALIGN: middle;
	WIDTH: 150px;
	COLOR:	#004080;
	TEXT-ALIGN: right;
	padding-top: 5px;
	padding-right: 5px;
}

label.error {
	float: none; 
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
	font-size: 16px;
}

.errormessage {
	float: none; 
	color: maroon; 
	padding-left: .5em; 
	vertical-align: top; 
	font-size: 16px;
}

em { font-weight: bold; padding-right: 1em; vertical-align: top; }

select {
	margin-bottom:5px;
	BORDER-TOP: #003366 1px dashed; PADDING-TOP: 3px; 
	BORDER-RIGHT: #003366 1px dashed; PADDING-RIGHT: 3px; 
	BORDER-BOTTOM: #003366 1px dashed; PADDING-BOTTOM: 3px;
	BORDER-LEFT: #003366 1px dashed; PADDING-LEFT: 3px; 
	BACKGROUND-COLOR: White; BACKGROUND-IMAGE: none; 
	FONT-SIZE: 11px; 
	COLOR: Black; 
}

select:focus, select:hover {
	BORDER-TOP: #003366 1px solid; 
	BORDER-RIGHT: #003366 1px solid;  
	BORDER-BOTTOM: #003366 1px solid; 
	BORDER-LEFT: #003366 1px solid; 
	BACKGROUND-COLOR: #FFF2D9;
}

select:invalid {
	BORDER-TOP: Red 1px solid; 
	BORDER-RIGHT: #Red 1px solid;  
	BORDER-BOTTOM: Red 1px solid; 
	BORDER-LEFT: Red 1px solid; 
	BACKGROUND-COLOR: Yellow;
	color:Grey;
}

input, textarea {
	margin: 0px 0px 5px 0px;
	padding: 5px;
	border: #003366 1px dashed; 
	background-color: #fdf8d3;
	font-size: 11px; 
	color: Black; 
}

input:focus, input:hover, textarea:hover {
	BORDER-TOP: #003366 1px solid; 
	BORDER-RIGHT: #003366 1px solid;  
	BORDER-BOTTOM: #003366 1px solid; 
	BORDER-LEFT: #003366 1px solid; 
	BACKGROUND-COLOR: #FFF2D9;
}

input:invalid {
	BORDER-TOP: Red 1px solid; 

	BORDER-RIGHT: Red 1px solid;  
	BORDER-BOTTOM: Red 1px solid; 
	BORDER-LEFT: Red 1px solid; 
	BACKGROUND-COLOR: Yellow;
	color:Grey;
}

input[type=checkbox] {
	width:16px;
	padding:0px;
	border: #FFFF94 1px solid;
	background-color: #FFFF94;
	font-size: 16px; 
	vertical-align: middle;
}

input[type=radio] {
	width:16px;
	padding: 0px;
	border: #FFFF94 1px solid;
	background-color: #FFFF94;
	FONT-SIZE: 16px; 
	margin:3px;
	vertical-align: middle;
}

input.fixedtext, input.fixedtext:hover, input.fixedtext:focus {
	margin-bottom:5px;
	BORDER-TOP: 0px; PADDING-TOP: 4px; 
	BORDER-RIGHT: 0px; PADDING-RIGHT: 4px; 
	BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px;
	BORDER-LEFT: 0px; PADDING-LEFT: 4px; 
	BACKGROUND-COLOR: #FFF2D9; BACKGROUND-IMAGE: none; 
	FONT-SIZE: 12px; 
	COLOR: Maroon; 
	font-weight:bold;
}


.formradiogroup {
	width:540px;
	display:inline;	
}

.formcheckboxgroup {
	width:540px;
	display:inline;	
}

.required {
	BORDER-TOP: #003366 1px solid; 
	BORDER-RIGHT: #003366 1px solid;  
	BORDER-BOTTOM: #003366 1px solid; 
	BORDER-LEFT: #003366 1px solid; 
}

.preview {
	font-size:11px;
	line-height:110%;
}

.readonly {background-color:#CCCCCC;}

.btn, .bigbtn {
	border-right: #003366 0.01em solid; BORDER-TOP: #003366 0.01em solid; BORDER-LEFT: #003366 0.01em solid; BORDER-BOTTOM: #003366 0.01em solid;
    -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	text-align:center; width: auto; display:inline; cursor: pointer; azimuth:center; overflow:visible;
	background-image:url(../images/button.png); background-repeat:repeat-x;	
	color: White; 
}

.btn {font-size:10px; font-weight:normal;}
.bigbtn {font-size:14px; font-weight:bold;}

.btn:hover, .bigbtn:hover {
	text-decoration:underline;
}

div.cmf-skinned-select {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

/*******************************************  Cluetip  ******************************************************************/

/* global */

#cluetip-close, #cluetip-title {
	display:none;
}

#cluetip-inner {
  display: inline-block;
}

#cluetip-outer {
  	position: relative;
	margin:0px; padding:0px;
}

#cluetip-extra {
  	display: none;
}

.cluetip-jtip {
  	background-color: #fdf8d3;
  	border: #003366 0.01em solid;  
  	position: relative;	 
	text-align:left;
  	padding: 5px 5px 10px 10px;
  	text-align:left;
 	color: #003366;
  	font-size:11px;	
	
	/* Do rounding (native in Firefox and Safari) */
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px;	
}

/******************************************* jqAlerts  *********************************************/

/* 
	Red = #e92500;
	Body backround = #FFF9F2;
	Orange = #ff9900;
*/

#popup_container {
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
 	background-color: #fdf8d3;
	font-size: 11px;
	min-width: 200px; /* Dialog will be no smaller than this */
	max-width: 450px; /* Dialog will wrap after this width */
  	border: #003366 3px solid; 
	color: #003366;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height:20px;
	color: #CC3333;
	background: #ff9900 url(../images/title.gif) top repeat-x;
	border-bottom: solid 1px #CC3333;
	cursor: default;
	padding: 0px; margin: 0px;
}

#popup_content {
	background-image: url(../images/ojleft_sm.png);
	background-repeat:no-repeat;
	padding: 5px 10px 5px 5px;
	margin: 1em; margin-bottom:10px;
}

#popup_content.alert {
	background-image: url(../images/helpblue.gif);
}

#popup_content.confirm {
	background-image: url(../images/helpblue.gif);
}

#popup_content.prompt {
	background-image: url(../images/helpblue.gif);
}

#popup_message {
	padding-left:90px;
	margin-left:0px;
}

#popup_panel {
	text-align:left;
	padding-left:90px;
	margin-left:0px;
}

#popup_panel input {
	font-size:10px;
}

#popup_prompt {
	margin: .5em 0em;
	width:120px;
}

.alertbutton {
	border: 1px solid #003366;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin: 0px; margin-right:10px; padding: 4px; font-size: 11px; 
	vertical-align: top; text-align:center; width: auto; display:inline; cursor: pointer; azimuth:center; overflow:visible;
	background-image:url(../images/button.png); background-repeat:repeat-x;	
	color: White; font-weight:bold; 
}

/*****************************************  Page Specific *********************************************/

/* Maintain */

.seccontent {margin-top:10px; width:650px; float:left;}
.maintbtn {float:right; width:80px; margin-right:20px; padding:5px; margin-top:10px; text-align:right;}
.clb {clear:both;}


/****************************************  Listings Pages  *******************************************/

#tablecontent, #datagrid {
	width:100%;
	padding:5px;
}
	#tablecontent img {
		display:inline; 
		clear:none;
		background: transparent;
	}
	
	#tablecontent a {
		text-decoration: none;
		color:Black;
		border:0px;
	}	
	
	.reversetitle {
		color:Whte;
		background-image:url(../images/button.png);
		background-repeat:repeat-x;
		padding: 5px 0px 5px 10px;
		text-align:left;
		margin-bottom:5px;
		
		/* Do rounding (native in Firefox and Safari) */
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px; 
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px; 
		-webkit-border-bottom-right-radius: 5px;
	}
	
	#tablecontent td, #datagrid td {
		font-size:11px;
		padding:5px 5px 5px 15px;
	}
	
	.altrow, #datagrid tr.altrow  {
		background-color: #fdf8d3;
	}	
	
	.listimg {
		border: 0px;
		padding: 3px 0px 3px 10px;
		max-width:40px;
		max-height:50px; 
	}
	
	.whitearrow {
		height:16px;
		border:0px;
	}
	
	#tablecontent tr:hover, #datagrid tr:hover {
		background-color: #FFCC33;
	}		

/*******  Filter Properties  ***************************/
#categories {
	font-size: 12px;
	margin: 0 0 10px 0;
}
.filter {
	background-color: #fdf8d3; 
	color:#003366; 
	margin: 2px 0px 5px 2px; 
	padding:3px; 
}

.filteritem {
	list-style:none;
	padding: 4px 2px 4px 5px;
	cursor:pointer;
}

.filteritem:hover {
	background-color:#fdf8d3;
}

/******* Table Pagination *****************/

#navbar {
	color:Whte;
	background-image:url(../images/navbar.png);
	background-repeat:repeat-x;
	padding: 5px;
	height:20px;
	margin-top:5px; margin-bottom:15px;
	text-align:center;
	
	/* Do rounding (native in Firefox and Safari) */
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px;
}
	#navbar_left {
		float: left;
		width:60%;
		margin:-4px 0px 0px 0px; padding:4px 0px 4px 15px;
		vertical-align:middle;	
		text-align:left;
	}
		
	#navbar_right {
		float: right;
		width:30%;
		margin:0px; padding:0px;
		vertical-align:middle;
		padding-top:4px;
	}
	
	#navbar_right img {
		display:inline; 
		clear:none;
		background: transparent;
		margin:0px; padding:0px;
		vertical-align:middle;
		padding-top:2px;
		margin-top: -4px;
		padding-left:3px; padding-right:3px; height:16px;
	}
	
	.tbl-nav {
		color:White;
	}
		
	input.pagination_select {padding-top:3px; border:1px solid #CC0000;}
	input.pagination_input {margin-top:-3px;}

/****************************** Flipping Book *************************************/

#fbFooter {
	height: 30px;
	background-color: #003366;
}

.fbPaginationMinor {
	color: White;
	margin-left: 10px;
}

#fbContents {
	float: left;
	margin-left: 15px;	
}

#fbContentsMenu {
	margin-top: 3px;
}

#fbMenu {
	float: right;
	margin-right: 15px;
	margin-top: 7px;
}

#fbMenu img {
	height: 18px;
	cursor: pointer;
}

#altmsg { 
	position: absolute;
	background-color: White;
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-align:center;
}
#altmsg:hover { 
	opacity: 0.8;
	filter: alpha(opacity=80);
}
a.altlink:link {
	color: #FFFFFF;
}

a.altlink:visited {
	color: #DDDDDD;
}

a.altlink:hover{
	color: #FFFFFF;
}