/* Body style 8?
/* IE does not seem to comply so I will need to work this */
body {
	background-color:  white;
	color: gray;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
} 

#main {
	height: 98%;
	width: 98%;
	left: 1%;
	top: 1%;
	position: relative;
}
/*
.dojoTabPaneWrapper {
  padding : 0px 0px 0px 0px;
  overflow: hidden;
}


.dojoTabPaneWrapper {
  padding : 10px;
  border : none;
  overflow: hidden;
}

.dojoAlignClient {
  border : none;
}
*/

.dojoTabPaneWrapper {
  border : none;
  padding : 10px;
}

.dojoTabPaneWrapper dojoAlignClient {
  border : none;
}

.dojoDialog {
	background : #eee;
	border : 2px solid black;
	-moz-border-radius : 15px;
	padding : 0px;
	margin: 0px;
	overflow: auto;
}

.tt { 
	border-bottom: 1px dotted black; 
	cursor: pointer; 
}

body .dojoTooltip { 
	background: #FFCC55;
	border : 1px solid blue;
	-moz-border-radius : 15px;
	padding: 4px;
	color: blue; 
	z-index: 1000;
}

.outerbar {
	background-color: #666;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}


#map {
	width: 265px; 
	height: 200px;
	overflow: hidden;
}


#smallmap {
	width: 280px; 
	height: 280px;
	overflow: hidden;
}


#largeMap {
	width: 600px; 
	height: 550px;
	overflow: hidden;
}

/*  this definition is causing the double scrollbars on IE in the details page 
.dojoTabPane {
	overflow: auto;
}
*/

#mainTab4 {
	overflow: hidden;
}

.dojoTabLabels-buzzfizz {
	position : absolute;
	top : -24px;
	left : 280px;
	overflow : visible;
	margin-bottom : -1px;
	width : 100%;
	font-size: 16px;
	color: gray;
	z-index: 2;	/* so the bottom of the tab label will cover up the border of dojoTabPaneWrapper */
}
.dojoTabLabels-buzzfizz {
	overflow : visible;
	margin-bottom : -1px;
	width : 100%;
	z-index: 2;
}


/* rating and comments box */ 

.commenthead {
	border : 2px solid blue;
	padding: 		1em;
	height:			20px;
	width:			580px;	
	left:			45px;
}

.commentbody {
	position:	relative;
	border : 2px solid #0099ff;
	padding: 		10px;
	margin:			5px;
	min-height:		40px;
	width:			580px;
	left:			15%;
}


.commentbodyleft {
	position:	relative;
	border : 2px solid blue;
	padding: 		10px;
	margin:			5px;
	min-height:		40px;
	width:			45%;
	left:			5%;
}


.commentbodyright {
	position:	relative;
	border : 2px solid blue;
	padding: 		10px;
	margin:			5px;
	min-height:		40px;
	width:			45%;
	left:			55%;
}

.commentbody block {
	display:block;
	color: white;
	border-bottom-width:1px;
	border-bottom-style:solid;
	font-size:120%;
	background-color:#0099ff;
	border-bottom-color:#e2e4ce;
	margin:-5px -5px 1em -5px;
	padding:5px 10px .3em 10px;
	text-align: center;
}

/*  form style  */

.formQuestion {
		background-color:#d0e3f5;
		padding:0.3em;
		font-weight:900;
		font-family:Verdana, Arial, sans-serif;
		font-size:0.8em;
		color:#5a5a5a;
	}
	.formAnswer {
		background-color:#f5eede;
		padding:0.3em;
		margin-bottom:1em;
		width: 100%;
	}
	.pageSubContentTitle {
			color:#8e8e8e;
			font-size:1em;
			font-family:Verdana, Arial, sans-serif;
			margin-bottom:0.75em;
	}
	.small {
		width: 2.5em;
	}
	.medium {
		width: 10em;
	}
	.long {
		width: 20em;
	}

	span.invalid, span.missing {
		display: inline;
		margin-left: 1em;
		font-weight: bold;
		font-style: italic;
		font-family: Arial, Verdana, sans-serif;
		color: #f66;
		font-size: 0.9em;
	}

	.noticeMessage {
		display: block;
		float: right;
		font-weight: normal;
		font-family:Arial, Verdana, sans-serif;
		color:#663;
		font-size:0.9em;
	}

	.errorMessage {
		font-weight:bold;
		font-family:Arial, Verdana, sans-serif;
		color:#ff0000;
		font-size:0.9em;
	}
	.warningMessage {
		font-weight:bold;
		font-family:Arial, Verdana, sans-serif;
		color:#ff9900;
		font-size:0.9em;
	}
/*
	.noticeMessage {
		font-weight: normal;
		font-family:Arial, Verdana, sans-serif;
		color:#663;
		font-size:0.9em;
	}

*/


/* end of form styles  */


.label {
	border: 1px solid black;
	background: lightblue;
/*	color: #fff;  */
	font-weight: bold;
}

.label :hover {
	cursor: pointer;
}

.hidden{
	display: none;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

div.container {
	background-color: white;
	border: 2px solid black;
	width: 200px;
	height: 600px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.label , .content {
	width: 80%;
}

.label {
	background: grey;
	height: 20px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.content {
	background: #eeeeee;
}




#registerDialog {
	display: none;
	padding: 0px 10px 10px 5px;
	text-align: center;
}

.dojoDialog {
	background : whitesmoke;
	border : 1px solid blue;
	-moz-border-radius : 5px;
	padding: 20px;
	margin: 0px;
}


#topFeedbackLine {
	color: green;
	font-size: 14px;
	text-align: left;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}


.green{
	color: green;
}
.error {
	display: inline;
	color: red;
	text-align: center;
}

.accBody {
	background: #ededed;
	overflow: auto;
}

#lightgreyBackground {
	background: lightgrey;
}

body.center {
	display: block;
    text-align: center;
	vertical-align: middle;
}

table, h3.center, p.center {
	text-align: center;
}

td.vtop {
	vertical-align: top;
}

a.center {
	text-align: center;
	vertical-align: middle;
}

h1.margin, h2.margin, h3.margin, p.margin, li.margin {
	margin: 2% 4% 3% 4%;
}

p.rss, img.rss, a.rss:visited, a.rss:link {
	text-decoration: none;
	vertical-align: middle;
	margin: 2% 4% 3% 4%;
	font-size: 10px;
	height: 12px;
	border: none;
	cursor: pointer;
}

h {
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	color: gray;
	margin: 0px;
	padding: 0px;
}

h1, h2 {
	color: black;
}

h3 {
	color: blue;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}


/* used for rounding off the coners of the boxes  */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:whitesmoke; border-left:1px solid lightgrey; border-right:1px solid lightgrey;}
.xb1 {margin:0 5px; background:lightgrey;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/*
table {
	font: normal Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border: 3px solid #f0f8ff;
}
*/
table.border, td.border  {
	border: 1px solid gray;
	border-collapse: collapse;
}

table tr.odd  {
	background: #F0F8FF;
}

table tr.even  {
	background: white;
}

table td.right  {
	text-align: right;
}

table td.left  {
	text-align: left;
}

table.center, td.center  {
	text-align: center;
	vertical-align: middle;
}

a.reddot {
	background:url("/images/reddot-20x20.gif") no-repeat left top;
	text-align: left;
	text-decoration: none;
	height: 20px;
	vertical-align: middle;
	overflow: visible;
}

a.cup {
	background:url("/images/cup-16x16.png") no-repeat left top;
	text-align: left;
	text-decoration: none;
	height: 20px;
	vertical-align: middle;
	overflow: visible;
}

#notifyText {
	display: none;
	background: lightyellow;
	color: green;
	text-align: center;
	overflow: auto;
}

#inputFont {
	color: blue;
	font-size: 12px;
}

#warningFont {
	color: red;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#errorFont {
	color: red;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#updateFont {
	color: green;
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
}

#notifyFont {
	color: red;
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
}


/* end of report table styles
*/


#breadcrumbAciveFont {
	color: gray;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#breadcrumbFutureFont {
	color: lightgray;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#helpFont {
	color: gray;
	font-size: 12px;
	font-weight: normal;
}

#helpFont p {
	color: gray;
	font-size: 11px;
	font-weight: normal;
}
/* Used to set the font for the display data */
#displayFont {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* Tabbed menu */
#header 
{
	float:left;
/*	width:100%;
	background:#DAE0D2 url("/images/tabs/bg.gif") repeat-x bottom;*/
	font-size:93%;
	line-height:normal;
  }
  
#header ul 
{
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}
  
#header li 
{
	float:left;
	background:url("/images/tabs/left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}

#header a 
{
	float:left;
	display:block;
	background:url("/images/tabs/right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:gray;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover 
{
	color:blue;
}

#header #current 
{
	background-image:url("/images/tabs/left_on.gif");
}

#header #current a 
{
	background-image:url("/images/tabs/right_on.gif");
	color: blue;
	padding-bottom:5px;
}

/* Definition of the page menu */
#topMenu a, #topMenu a:link, #topMenu a:visited {
	color: gray;
	cursor: pointer;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}


#pageMenu {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

#pageMenu li {
	display: inline;
}

#pageMenu a, #pageMenu a:link, #pageMenu a:visited {
	color: gray;
	cursor: pointer;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
}

#pageMenu a:hover {
	color: blue;
	text-decoration: underline;
}

/* style defintions for the favorites display */
#favorites ol li a
{
	color: gray;
	display: block;
	text-decoration: none;
}

#favorites ol li a:hover
{
	color: blue; 
	text-decoration: underline;
}

/* width: 220px;  same width as dataBox */

#favorites ol
{
	color: gray;
	width: 70%;
}

#favorites ol li
{
	float: left;
	width: 8em;  /* width of the widest item name */
	list-style-type: none;
}

/* style defintions for the data display */
ol li a
{
	color: gray;
	display: block;
	text-decoration: none;
}

ol li a:hover
{
	color: blue; 
	text-decoration: underline;
}

/*
width: 460px;   same width as dataBox */

ol
{
	color: gray;
	width: 70%;
}

ol li
{
	float: left;
	width: 8em;  /* width of the widest item name */
	list-style-type: none;
}


ol li.wide
{
	float: left;
	width: 12em;  /* width of the widest item name */
	list-style-type: none;
}


/* stop the floating after the list */
br
{
  clear: left;
}



/*             styles for the star rater                */
/*             http://komodomedia.com/blog/samples/star_rating/example1.htm                */	

	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(/images/star_rating.gif) top left repeat-x;		
	}
	.star-rating li{
		text-align: right;
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/images/star_rating.gif) left center;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:30px;
	}
	.star-rating a.two-stars{
		left:30px;
	}
	.star-rating a.two-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 60px;
	}
	.star-rating a.three-stars:hover{
		width: 90px;
	}
	.star-rating a.four-stars{
		left: 90px;
	}	
	.star-rating a.four-stars:hover{
		width: 120px;
	}
	.star-rating a.five-stars{
		left: 120px;
	}
	.star-rating a.five-stars:hover{
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url(/images/star_rating.gif) left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}