body {
	font-family:Verdana, Arial, San-serif
	overflow:scroll;
}

#banner{
	background: url("../images/banner.png") no-repeat center;
	height: 76px;
	text-align: center;
}

#formContainer,#formNavigation,#formBody,#formHeader,#formButtons,#banner{
	width: 100%;
	margin: 5 10;
	
}

.verticalPosition
{
	z-index: 45%;
}

.fileUploadFieldCLS
{
	width : 400px;
}

.x-window{
	z-index : 100;
}

.x-form-file
{
	width : 400px;
}

/*.x-grid3-row-alt{
	background-color:#ccc;
}*/

.x-grid3-row-selected {
	background-color: #A6C2E0 !important;
}

#formBody{
	visibility:hidden;
}
.backButtonCLS{
	background: url("../images/leftGreenArrow2.png") no-repeat left !important;
	outline: none;
  	-moz-outline-style: none;	
}

.nextButtonCLS{
	background: url("../images/rightGreenArrow2.png") no-repeat right !important;
	outline: none;
  	-moz-outline-style: none;
}

.submitNewButtonCLS{
	background: url("../images/go.gif") no-repeat right !important;
	outline: none;
  	-moz-outline-style: none;
}

.submitButtonCLS{

	background: url("../images/check.png") no-repeat right !important;
	outline: none;
  	-moz-outline-style: none;
}
.mapButtonCLS{
	background: url("../images/editMap.gif") no-repeat !important;
	
}
.helpHeader{
	font-size: 14px;
	color: #15428B;
	font-weight:bold;
	background-image: url("../images/info_icon.gif");
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}

.helpText{
	font-size: 12px;
	color: #15428B;
}

#formHeader{
	background-color: white;
	/*padding-left:10px;*/
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #15428B;
}

#banner{
	 background-color: #D5E4F5;
}

#title{
	font-size: 20px;
	color: #15428B;
}
#subTitle{
	font-size: 16px;
	color: #15428B;
}

#pageNav{
	font-size: 14px;
	color: #15428B;
	white-space:nowrap;			
	cursor: pointer;
	text-align:center;	
}

#pageName{
	font-size: 14px;
	color: #15428B;
	padding-left:8px;
	padding-top: 12px;
	font-weight: bold;	
	vertical-align: middle;		
}

a.pageNo{
	font-size: 16px;
	color: #c0c0c0;
	font-weight: bold;
	text-decoration: none;
}

#pg0{
	color: #15428B;
}


/*
GOOGLE Map Styling
*/
#googleMap{
	height:600px;
	width: 800px;
}

#hand_b {
  width:31px;
  height:31px;
  background-image: url(../images/Bsu.png);
}
#hand_b.selected {
  background-image: url(../images/Bsd.png);
}
#hand_b:hover {
 cursor: pointer;
}

#placemark_b {
  width:31px;
  height:31px;
  background-image: url(../images/Bmu.png);
}
#placemark_b.selected {
  background-image: url(../images/Bmd.png);
}
#placemark_b:hover {
 cursor: pointer;
}

.x-combo-list-item  {
  white-space:normal;
}

#line_b {
  width:31px;
  height:31px;
  background-image: url(../images/Blu.png);
}
#line_b.selected {
  background-image: url(../images/Bld.png);
}
#line_b:hover {
 cursor: pointer;
}


#shape_b {
  width:31px;
  height:31px;
  background-image: url(../images/Bpu.png);
}
#shape_b.selected {
  background-image: url(../images/Bpd.png);
}
#shape_b:hover {
 cursor: pointer;
}

#clear_button{
	width:45px;
	height:31px;
	background-image: url(../images/clearAll.png);
}
#clear_button.hover{
	width:45px;
	height:31px;
	background-image: url(../images/clearAllHover.png);
}

#googleMapTools{
	position:absolute;
	top: 50px;
	left: 200px;
	z-index: 10;
	display:none;
}
#bigMapInfoBoxContent{
	background-color: white;

}

#googleMapInfo{
	background-color: white;
	border: solid;
	border-width: 1px;
	border-color: #99BBE8;
}

#helpTitle{
	font-size: 13px;
	color: #15428B;
	font-weight:bold;
	background-image: url("../images/info_icon.gif");
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}
#smallIntroLink{
	font-size: 10px;
	color: #15428B;
	text-align:center;
	padding-left:10px;
}
a.smallInfo{
	font-size: 10px;
	color: #15428B;
	text-decoration:none;
}


#toolTipHelp{
	font-size: 12px;
	color: #15428B;
}

#mapHelpHTML{
	font-size: 12px;
	color: #15428B;
}

.disabledHelp{
	background-color: #e4e4e4;
}

/* Grid styles */
.x-grid3-row-selected {
	background-color: blue;
}

/* control inputs
 * THIS IS FOR THE SEARCH COMPONENT ON THE MAP
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 * .gsc-keeper : the save link below savable results
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0;
  margin-right : 0;
  margin-bottom : 4px;
  margin-left : 0;
  width: 100%;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0;
  border-spacing : 0 0;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

td.gsc-clear-button {
  width : 14px;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0;
  border-spacing : 0 0;
  width : 100%;
}

.gsc-branding-text {
  color : #676767;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  font-size : 11px;
  margin-right : 2px;
}

div.gsc-branding-youtube td.gsc-branding-text {
  vertical-align : middle;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

div.gsc-branding-youtube td.gsc-branding-img-noclear {
  width : 55px;
}

div.gsc-branding-youtube td.gsc-branding-img {
  width : 69px;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

div.gsc-clear-button {
  display : inline;
  text-align : right;
  margin-left : 4px;
  margin-right : 4px;
  padding-left : 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/uds/css/clear.gif');
  cursor : pointer;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

/* trailing cursor section
 */
.gsc-imageResult .gsc-cursor-box {
  clear : both;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}

.gmls-clear-results{
 text-align : right;
}

.gmls-control-button{
  display : inline;
  color : #7777CC;
  cursor : pointer;
  text-decoration : underline;
  padding : 2px;
}

.gmls-results-popup-minimized .gmls-minimize-results, .gmls-results-popup-maximized .gmls-maximize-results, .gmls-results-popup-minimized .gmls-results-table{
  display : none;
}
/* END OF GOOGLE SEARCHBAR CSS */

/* GOOGLE TOOLBAR PROTOTYPE */
.hand_b {
  width:31px;
  height:31px;
 /* background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);*/
 background-image: url(../images/Bsu.png);
}
.hand_selected {
  width:31px;
  height:31px;		
  /*background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);*/
  background-image: url(../images/Bsd.png);
}
 
.placemark_b {
  width:31px;
  height:31px;
  /*background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);*/
  background-image: url(../images/Bmu.png);
}
.placemark_selected {
  width:31px;
  height:31px;	
 /* background-image: url(http://google.com/mapfiles/ms/t/Bmd.png); */
 background-image: url(../images/Bmd.png);
}
 
.line_b {
  width:31px;
  height:31px;
  /*background-image: url(http://google.com/mapfiles/ms/t/Blu.png);*/
  background-image: url(../images/Blu.png);
}
.line_selected {
  width:31px;
  height:31px;
 /* background-image: url(http://google.com/mapfiles/ms/t/Bld.png);*/
 background-image: url(../images/Bld.png);
}
 
.shape_b {
  width:31px;
  height:31px;
 /* background-image: url(http://google.com/mapfiles/ms/t/Bpu.png);*/
  background-image: url(../images/Bpu.png);
}                                                           
.shape_selected {
  width:31px;
  height:31px;	
  /*background-image: url(http://google.com/mapfiles/ms/t/Bpd.png);*/
  background-image: url(../images/Bpd.png);
}

.shape_help {
  width:31px;
  height:31px;
  background-image: url("../images/maphelp.png");
}                                                           
.shape_help_selected {
  width:31px;
  height:31px;	
  background-image: url("../images/maphelp2.png");
}
.toolIcons{
	padding-right: 5px
}

/* END GMAP TOOLBAR CSS */