body {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	padding:20px;
 	font-size:11px;
	background-color:#fff !important;
}

table {
	padding: 0;	
	border: 0;
}
td {
	vertical-align: top
}

a {
	color:#3B5998;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	cursor: pointer;
}

.list {
	list-style:square;
	padding-left:16px;
	width:500px;	
}

.list li{
	padding:2px;
	font-size:8pt;
}

.tab-content{
	visibility:hidden;
}


.details .x-btn-text {
    background-image: url(../images/details.gif);
}

.ratings {
	border-style: none;
	font-family: "Courier New", Courier, mono;
	font-size: 15px;
	font-weight: bold;
}

.error_message {
	background:#FFEBE8 none repeat scroll 0%;
	border:1px solid #DD3C10;
	margin: 10px 0px 10px 0px;
	padding:10px;
}

.success_message {
	background:#E8FFF4 none repeat scroll 0%;
	border:1px solid #00B37D;
	margin: 10px 0px 10px 0px;
	padding: 10px;	
}

.search-box {
	width: 205px;
	
}

.search-form-text {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
}

.search-form-button {
	margin-top: 10px;
}

.grid {
	background: #ffffff;
	border:1px solid #99bbe8;
	overflow: hidden; 
	width: 680px;
	height: 375px;
}

.legend {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	font-size:11px; 
}

#leftbar {
	width: 200px;	
}

#map_area {
	height: 435px;
	width: 725px;
	overflow:hidden;
}

#navigator {
	width: 960px;
	height: 30px; line-height: 30px;
	background-image: url("../images/header.gif"); background-repeat: repeat-x;
}

#navigator ul {		
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#navigator li {
	float:left;
	margin:0px 10px 0px 0px;
	font-size: 11px;
}

#tabs1 {
	width:730px;
	margin-bottom: 15px;	
	overflow: hidden;
}

#tabs1 .x-tabs-body {
	height:435px;
	overflow: hidden;
}

#tabs1 .x-tabs-item-body {
	display:none;
	padding:10px;
	font-size:11px;
	overflow: hidden;
}

#vertgraph {                   
    width: 171px;
    height: 122px;
    position: relative;
    background: url("../images/g_backbar.gif") no-repeat;
    overflow: hidden;
}
#vertgraph .graph-area {
    width: 100%;
    top: 11px;
    height: 93px;
    position: relative;
}
#vertgraph ul {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    list-style-type: none;
}
#vertgraph ul li { 
    position: absolute;
    width: 15px;
    height: 160px;
    bottom: 0px;
    padding: 0 !important;
    margin: 0 !important;
    background: url("../images/g_colorbar3.jpg") no-repeat !important;
    text-align: center;
    font-weight: bold;
    color: white;
    line-height: 1.5em;
}

#vertgraph .label { 
	position: absolute;	
	font-size: 9px; 
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	color: white;
}

#vertgraph li.poor {
	left: 10px; 
	background-position: 0px bottom !important;
}

#vertgraph li.fair {
	left: 44px; 
	background-position: -28px bottom !important;
}

#vertgraph li.average {
	left: 77px; 
	background-position: -56px bottom !important;
}

#vertgraph li.good {
	left: 113px; 
	background-position: -84px bottom !important;
}

#vertgraph li.excellent {
	left: 144px; 
	background-position: -112px bottom !important;
}

.msgBoxCss{
	font-size: 12px;
}

.x-grid-row td {
    white-space:normal;
}