body {
  font-family:Verdana,'Lucida Grande',Arial,Sans-Serif;
  font-size: 12px;
  background: #7bb5cb; /* #e8eef7 #7bb5cb;*/
  background-image:url('/images/bgr-gradiant.gif');
  background-repeat:repeat-x;
  margin: 0;
  overflow-y: scroll;
  text-align: center;
  behavior:url("/csshover3.htc");
  

  
  /* text-align: center; */
}

#photo_gallery_iframe{

width: 100%; /* Set to a minimum height as per your needs */ 
height: 500px;
} 


#content {
	
  /* height: auto; */
  min-height:400px;
  height:auto !important;
  background:  #fff;
  margin: 0;
  padding: 0em 1em 1em 1em;
  position: relative;
/*  used margin instead of padding, padding not compatible with IE */
}


img {
	border: 0px;

}

#whole_page { /* # for div id */
  width: 980px;
  margin: 0 auto;
  padding: 0 0 0 0;
  text-align: left;
  /*
  border-width:  0 0px 0px 0px;
  border-color:  gray;
  border-style:  solid;*/
    
  background: #fff;  
}


#whole_page_for_preview{
  width: 680px;
  margin: 0 auto;
  padding: 0 0 0 0;
  text-align: left;
  /*
  border-width:  0 0px 0px 0px;
  border-color:  gray;
  border-style:  solid;*/
    
  background: #fff; 
}

/* facebook button style */
.fb_share_link { 
	padding:0px 0px 0px 0px;
	height:16px;	
}

html h1{	
	color: #666;
	font-size: 20px;
	margin-top: 0em;
	margin-bottom: 8px;
}

html h2{
	color: #DD0000;
	font-size: 15px;
}

#header {
  color: white;
  background: url(/images/header_bgr.gif) no-repeat top left;
 
  
 

 padding-left: 0em;
 padding-right: 0em;
  /* padding-bottom: 49px;  padding is not considered before displaying content in IE */
 height: 47px;
 #height: 44px;
 /* large bottom padding to cover menu plus margin before content 
  * content always has 1em padding around, but tab5(menu) has its own padding
  * that removes the padding of other div around itself
  * hence when header div is removed and only tab5 is inserted, the content div's
  * top 1em padding gets lost and thus content texts starts right after the menu with no gap
  * thus tab div is inserted within header div, which can then have this padding-bottom
  * to ensure content div's 1em padding starts right after the end of tab5 div
  */

  margin-bottom: -3px;
  #margin-bottom: 0px;

 
  
  /* font-size: 7pt;
  font-weight: bold;
  
 
  text-align: left;
   */
}


#header_for_clientpg{
  color: white;
  background: url(/images/header_bgr.gif) no-repeat top left;
 
  padding-left: 0em;
 padding-right: 0em;

 height: 27px;
 #height: 24px;


  margin-bottom: -3px;
  #margin-bottom: 0px;

}

.roundtop { 

	background: url(/images/tr.gif) no-repeat top right; 
	clear:both;
	background: #fff;
}

.roundbottom {
	background: url(/images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}





/* all nav css styles are no longer needed */
#nav {
  color: white;
  font-size: 11pt;
  font-weight: bold;
  background: #2F9261;
  padding: 0.5em;
}

#nav a, #nav a:visited  {
  color: white;
  text-decoration: none;
}

#nav a:hover {
  border-bottom: 2px dashed white;
}






#formbox{

	margin-top:1em;
	padding: 1em 1em 1em 1em;
	background: #F4EBC5;

	font-size: 12px;
}
html fieldset {
	position: relative;
}


html legend {
	position:absolute;
	top: -1em;
	left: .5em;
	font-size: 11px;
}

html fieldset{
	position: relative;

}

fieldset{
	position: relative;	
	margin-top:1em;
	padding-top: 0em;
	padding-bottom:1em;	
	background: #F4EBC5;
	position: relative;
	font-size: 12px;

}


legend{
	color: red;
	font-weight: bold;
	background: #F0C413;
	padding: 0.2em 1.5em;
	border: 1px solid gray;
}






label{
	width: 11em;
	float: left;
	text-align: right;
	margin-right: 0.2em;
	display: block;
	

}


/* where is this used?? paul wrote it */
.form_fields{
	font-size: 15px;
}




.checkbox_form_row{ /* # for div class */
	white-space:nowrap;
	padding-bottom: .3em;
	margin-left: 4em;
	font-size: 11px;
}

.form_row{ /* # for div class */
	font-size: 11px;
	padding-bottom: .3em;
}
.submit{	
	margin-left: 19em;
}

.form_submit{
	margin-left: 15em;
	padding-bottom: .3em;
}

.debug_dump{
	text-align: left;
	border-top: 1px dashed black;
	background: #ccc;
	margin: 0;
	padding: 0.5em
}


.fieldWithErrors{
	margin: 0px;
	padding: 2px;
	background-color: #c00;
	display: table; 
	
	
}



#errorExplanation{
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	font-size: 11px;
}

#errorExplanation h2{
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 11px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}

#errorExplanation p{
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#errorExplanation ul li{
	font-size: 11px;
	list-style: square;
	padding: 1px;
}

#notice{
	border: 1px solid #ffcc33;/* #ffcc33; */
	padding: 0.5em;	
	margin-bottom: 0.7em;
	background-color: #fff1a8; /* #ffffcc; */
	font: bold 12px sans-serif;
	
}


#mainContentContainer {	
	width: 100%;	
/*	margin-top: 30px;
    margin-right: 30px;
*/
}

/* debug style */

#debug{
	margin-top: 1em;
	margin-left: auto;
	text-align: center;
	font-size: 11px;
	
}

//*
#debug a, #debug a.visited{
	text-decoration: none;
	color: maroon;
}
*/

fieldset.debug_info{
	text-align: left;
	margin: 1em;
	background: #eee;
}

/* Community Styles */

a {
	color: #0000ee;
	text-decoration: none;
}

a:visited{
	color: #551a8b;
	text-decoration: none;
}

a:hover{
	color: red;
	text-decoration: none;
}



/* letter styles are also no longer needed */

.letter, .letter_current {
	width: 1em;
	text-align: center;
	border: 1px solid gray;
	background: #fff;
	padding: 5px 2px 1px 2px;
	float: left;
	margin: 2px;
}

.letter:hover{
	background: #fe4;
}

.letter_current {
	background: #fe4;
	font-weight: bold;
	border: 1px solid black;
}




/* End styles for hover effects */

#tips {
	text-align: center; 
	font-size:10px
}

#psst {
	text-align: center;
	font-style: italic;
	font-size: 10px;
}

#indent {
	margin-left: 20px;
}

#staticpg td{
	vertical-align: top;
}

#staticpg2 td{
	vertical-align: top;
	text-align: center;
}

#imgborder img{
	border: solid gray 1px;
	margin: 15px;
	float: left;
}


#imgborder2 img{
	border: solid gray 1px;
	margin: 5px;
	float: left;
}

#imgborder3 img{
	border: solid gray 1px;
	margin: 0px 10px 10px 10px;
	float: left;
}

#imgborder4 img{
	border: solid gray 1px;
	margin: 0px;
	float: left;
}

#noimgborder img{
	border: 0;
	margin: 0 1em 1em 1em;
	float: left;
}

#todo_left{
	float: left;
	width: 650px;
}
#todo_left h2{
	margin: 0px;
}

#todo_right{
	margin-left: 660px;
}




#left_field{
overflow-y: scroll;
overflow-x: hidden;
height:420px;
}

#search_form{
font-size:11px;
margin-bottom: 25px;
#margin-top: -10px;
/*
position: relative;
top: 2px;
right: 20px;
margin: 0px;
*/

}

#mainContentContainer{
margin-top: -20px;
margin-bottom: -20px;
}

#main_left{
 width: 700px;

}

#main_fieldset{
  background-image:url('/images/main_fieldset.gif'); 
  background-repeat: no-repeat;
  padding: 25px 0 0 0;
  margin-bottom: 5px;
  
}

#main_banner{
position: absolute;
top:-15px;
right: 0px;
}

#main_description{
height: 115px;

}

#printPreviewDetails
{
	font-size: 14px;
}

/* IE table font size inheritance bug */
table{
#font-size: 13px;
}


#todo_citylist{
	font-size: 13px;
}