/*

colors to use:

#feedc8 (light tan color)
#544d3e (dark brown)





 */




/* FG.Menu.Styles */

#menuLog { font-size:1.4em; margin:10px 20px 20px; }

.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }

.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; color: #f7c55c;  }

button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
.fg-button-icon-left { padding-left: 2.1em; }

.fg-button-icon-right { padding-right: 2.1em; }

.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }

.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }


 



.demoHeaders { margin-top: 2em; }

#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}

#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

ul#icons {margin: 0; padding: 0;}

ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}

ul#icons span.ui-icon {float: left; margin: 0 4px;}

#menu-bar {
	background-color:#061904;
	padding-top:0px;
	padding-bottom:-15px;
	}

.brownbg {
	background:#ffffff;
	}

.brownbg link {
	color:#feedc8; }
		
.lightbg {
	background-image:url(../img/linen.jpg);
	background-repeat:repeat;
}
	
.darkorangebg {
	background:#cc3300;
	}
	
.lightorangebg {
	background:#e46620;
	}
	
.bluebg {
	background:#aee8e5;
	}

.whitebg {
	background:#ffffff;
	}
	

.padded10 {
	padding:10px;
	}

.padded25 {
	padding:25px;
	}

.darkerbg {
	background: #989898;
	}

/*

Dark Brown:  544d3e
Light Brown: e3dfbf
Dark Orange: cc3300
Light Orange: e46620
Blue: aee8e5
Darker Brown: #c6c19b


*/

	
.center {
	position:relative;
	margin:auto;
	text-align:center;
	}

#icon {
	position:relative;
	top:-50px;
	text-align:center;
	}	
	
.icon {
	text-align:center;
	height:120px;
	}

.indeximage_orange {
	height:150px;
	width:150px;
	border:0px solid #cc3300;
	float:left;
	background-position:center;
	margin-right:15px;
	}

.indeximage_blue {
	height:150px;
	width:150px;
	border:0px solid #aee8e5;
	float:left;
	background-position:center;
	margin-right:15px;
	}
	
.indeximage_brown {
	height:150px;
	width:150px;
	border:0px solid #544d3e;
	float:left;
	background-position:center;
	margin-right:15px;
	}	
	
.indeximage_lightorange {
	height:150px;
	width:150px;
	border:0px solid #e46620;
	float:left;
	background-position:center;
	margin-right:15px;
	}		
	
.dustybar {
	height:400px;
	overflow:visible;
	z-index:10000;
	}

.mapimage {
	overflow:visible;
	height:200px;
	background-position:center; 
	background-repeat:no-repeat;
	}

.indeximage {
	height:125px;
	background-position:center;
	margin-right:15px;
	background-repeat:no-repeat;
	
	}		


.otherimage_brown {
	height:150px;
	width:150px;
	border:0px solid #544d3e;
	float:left;
	background-position:center;
	margin-right:15px;
	}	
	
.formpadding {
	padding-left:200px;
	padding-right:200px;
}	
	
#datagrid 
	.x-grid-row td {white-space:normal; text-decoration: none;}
	.x-grid-hd-text {background-color: #544d3e; color: #feedc8;}
	.x-grid-row-over td { background:#feedc8; color:#feedc8;}
	
#tweets li {
	font-size:13px;
	background:url(../img/twitter_ul.png) no-repeat left ;
	padding-left:20px;
	margin-left:10px;
	margin-top:8px;
	list-style-type:none;
	height:17px;
}

#tweets .hash { color:#0066CC; } 

#tweets .reply { color:#0066CC; } 

#tweets a:link { text-decoration:none; color:#0066CC;}
#tweets a:active { text-decoration:none; color:#0066CC;}
#tweets a:hover { text-decoration:underline; color:#0066CC;}
#tweets a:visited { text-decoration:none; color:#0066CC;}


/* Corner radius */
.ui-corner-tl-10 { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.ui-corner-tr-10 { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
.ui-corner-bl-10 { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
.ui-corner-br-10 { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.ui-corner-top-10 { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
.ui-corner-bottom-10 { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.ui-corner-right-10 {  -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.ui-corner-left-10 { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
.ui-corner-all-10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#result_title {

	font-weight: bold;
	padding-bottom:5px;
	font-size:14pt;
	color:#544d3e;
	
	}

#result_title a:link {
	color: #e46620;
	text-decoration:none;
}

#service_heading {
	 color:#cc3300;
	 }