/* App custom styles below */
/*********************** YUI fonts ***********************/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:11px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}


/*********************** EOF YUI ***********************/

  body {
    margin:0;
    padding:2px 2px;
    text-align:center;
    background-color:#DADADA;
	font-family:verdana,tahoma,helvetica;
    font-size:11px;
  }


  /* content - holder for header, main content, footer. 
  -------------------------------------*/
  .content {
    width:975px;
    /* Used to make center indend
    * margin:0 auto;
    */
    margin:0;
    text-align:left;
    background-color: #ffffff;
  }

  /* Page Header 
  -------------------------------------*/
  .header {
    background-color:#C7C78F;
    margin:0 0 0;
    padding: 2px 0 10px 0;
    color: #000;
    border: 1px solid #FFFFFF;
    border-bottom: 3px solid #878756;
  }
  .header h1 {
    margin:0;
    padding:7px 30px 3px;
    /*font-size:200%;*/
    line-height:1.2em;
  }
  .header a {
    text-decoration:none;
    color:#fff;
  }
  .header p {
    margin:0;
    padding:3px 30px 5px;
    font-size:94%;
    line-height:1.5em;
  }
  
  /* Page Footer
  -------------------------------------*/
  .footer {
    clear:both;
    margin:0 0 0;
    padding:8px 0 5px 0;
    color: #000;
    /* Deprecated for DC 
    background-color:#C7C78F;
    border: 1px solid #FFFFFF;
    border-top: 3px solid #878756;
    */
  }
  .footer p {
    margin:0;
    padding:5px 30px 5px;
    font-size:94%;
    line-height:1.5em;
  }



	/* Tooltip */
	.tooltip {
		background-color:#ffffff;
		width: 200px;
		/* Create border */
		border: 1px solid #DCD9C8;  
		padding: 2px;
	}

	.tooltip h1
	{	
		font-size: 105%;
		font-weight: bold; 
		margin: 0;
		padding: 0 0 0.2em 0;
		background-color:#DCE5ED;
		border-bottom: 1px solid #395190;
	}
	.tooltip p
	{	
		padding: 0.2em 0 0 0;
		margin: 0;
	}

	/* Use tooltipImageContainer and tooltipImage to crop image in a tooltip preview */
	.tooltipImageContainer {
		width: 100%;
		height: 120px;
		overflow: hidden;
	}
	
	.tooltipImageContainer .tooltipImage{
		width: 200px;
	}
	/* EOF Tooltip */
	
	.details {
		margin-top: 0.2em;
	}

/* Contact Us Form Elements  */
#divContactUsError {
	dispaly: none;
	color: red;
}

#Message {
	width: 320px; 
	height:200px;
}

#mapLegend {
	margin-top: 0.2em;
}
/* *************************************************************************************** */
/* Tabs */

/* We are using height attribute to avoid tabsContainer collapsing on page loading */
#tabsContainer {
	/* height:530px; */
	height: 100%;
}
/* hide the tab content while loading */
.tab-content{display:none;}

#tab1 {
	width:480px;
	float: left;
}
#tab2 {
	width:475px;
	margin-left: 0px;
	float: left;
}
#tab1 .x-tabs-body, #tab2 .x-tabs-body {
	/* height:530px; */
	height: 100%;
	overflow:auto;
	/* hide left, right, bottom borders */
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
#tab1 .x-tabs-item-body, #tab2 .x-tabs-item-body {display:none;padding:10px; font-size:100%;}

/* Increase tab title font size */
#tab1 .x-tabs-text, #tab2 .x-tabs-text {font-size:100%;}

/* Make tab title size equal */
#tab1 .x-tabs-strip a {width: 80px;}

/* default loading indicator for ajax calls */
.loading-indicator {
	font-size:8pt;
	background-image:url('../../resources/images/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
}

#tab-panel1 .x-tabs-body {height:300px;overflow:auto;}
#tab-panel1 .x-tabs-item-body {padding:10px;}








/* *************************************************************************************** */
/* Grid */

#listingGrid{
	/* height: 680px; */
	height: 10px;
	overflow: hidden;
}


/****************************************************/

 /*****  NEW NAVIGATION STYLE CLASSES 04-22-08  *****/

/****************************************************/



#info img {border:0;}

.image_holder {width:88px; height:150px;}

.image_holder a {display:block; width:0; height:0; position:relative;}

.image_holder a img {position:absolute; left:0; top:0; border:0;}

.image_holder a:active {background:#eee;}

.image_holder a:active img, .image_holder a:focus img {background:#eec url(../graphics/arrow.gif) no-repeat top left;}



.button {width:150px; height:50px; background:transparent url(../graphics/ready.gif); position:relative; margin-bottom:3em;}

.button a {display:block; width:150px; height:50px;}

.button a img {display:none;}

.button a:hover {background:url(../graphics/steady.gif);}

.button a:active, .button a:focus {position:absolute; width:0; height:0; top:0; left:0;}

.button a:active img, .button a:focus img {display:block; width:150px; height:50px;}







 ul#on 

 {

 	list-style-type:none; 

 	padding:0; 

 	margin:0; 

 	width:37em; 

 	height:5em; 

 	margin:0 auto;

 }



 ul#on li 

 {

 	float:left; 

 	margin-right:0em;

 }



 ul#on a 

 {

 	display:block; 

 	width:7em; 

 	height:1.5em; 

 	text-decoration:none; 

 	color:#071438; 

 	border-bottom:0.5em solid #071438;

 }



 ul#on a:hover 

 {

 	border-bottom:0.5em solid #c00;

 	BACKGROUND: #669

 }



 ul#on a:active, ul#on a:focus 

 {

 	border-bottom:0.5em solid #00c; 

 	color:#00c;

 	BACKGROUND: #ccc;

 }

 

 ul#off 

 	{

 	list-style-type:none; 

 	padding-left:10px;

 	padding-right:0px;

 	margin:0px; 

 	width:700PX; 

 	height:20px;

 	text-align:center;

 	}

 	

 ul#off li 

 	{

 	display:block; 

 	width:7em; 

 	height:20px; 

 	float:left; 

 	margin-right:0.2em;

 	text-align:center;

 	}

 	

 ul#off a 

 	{

 	display:block; 

 	width:7em; 

 	height:20px; 

 	position:relative; 

 	text-decoration:none;

 	text-align:center;

 	}

 	

 ul#off a em 

 	{

 	display:block; 

 	font-style:normal; 

 	width:7em; 

 	height:20px; 

 	color:#071438; 

 	/*border-bottom:0.5em solid #07eeff; */

 	position:relative; 

 	top:0; 

 	left:0; 

 	cursor:pointer;

 	text-align:center;

 	}

 	

 ul#off a:hover 

 	{

 	color:#FFFFFF;

 	Background: #666399;

 	}

 	

 ul#off a:hover em 

 	{

 	color:#FFFFFF;

 	/*border-bottom:0.5em solid #ec9933;*/

 	}

 	

 ul#off a:active, ul#off a:focus 

 	{

 	width:0; 

 	height:0;

 	}

 	

ul#off a:active em, ul#off a:focus em 

	{

	/*border-bottom:0.5em solid #00c; */

 	color:#FFFFFF;

	}

	

DIV#header 

	{

	border-bottom:1px solid #333333;

	}





/****************************************************/