/*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(../images/star1.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(../images/star2.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}



body {
  color: #666666;
  background-color: #22558c;
  font-family: Arial, sans-serif;
  font-size: 12px;
  margin: 0;
}

.zip {
  color: #666666;
  font-family: Arial, sans-serif;
  font-size: 9px;
  margin: 0;
}

textarea{
	background-color: #22558c;
	width: 100%;
	height: 200px;
	color: #d1e5fe;
}

.commentbox{
	background-color: #ffffff;
	width: 100%;
	height: 60px;
	color: #333333;
}

.commentviewbox{
	background-color: #ffffff;
	width: 100%;
	color: #333333;
	font-size: 11px;
	margin-bottom: 5px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
}

.commentusername{
	background-color: #22558c;
	width: 100%;
	color: #ffffff;
	font-size: 11px;
	margin-bottom: 5px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
}

.textinput{
	background-color: #22558c;
	width: 100%;
	color: #d1e5fe;
	font-size: 11px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
}

.submitbutton{
	background-color: #cccccc;
	width: 100%;
	color: #22558c;
	font-size: 11px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
}

.logintable{
	background-color: #ffffff;
	width: 100%;
	color: #22558c;
	font-size: 11px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
    padding-left: 2px;
}

.navtable{
	background-color: #ffffff;
	width: 100%;
	color: #22558c;
	font-size: 11px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
    padding-left: 1px;
}

.toptable{
	background-color: #ffffff;
	width: 99%;
	color: #444444;
	font-size: 11px;
    margin-bottom: 6px;
    padding: 6px;
}

.floatright{
	float: right;
	position: relative;
	padding-left: 8px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.signuptable{
	background-color: #ffffff;
	width: 100%;
	color: #333333;
	font-size: 14px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
    padding-left: 2px;
}

.navbutton{
	background-color: #22558c;
	width: 100%;
	color: #ffffff;
	font-size: 11px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
    padding-left: 3px;
}

.navbuttonselected{
	background-color: #ffffff;
	width: 100%;
	color: #ffffff;
	font-size: 11px;
	border-bottom: 1px solid;
    border-right: 1px solid; 
    border-left: 1px solid;
    border-top: 1px solid; 
    border-color: #000000; 
    padding-left: 7px;
}


.headertable{
	color: #ffffff;
	font-size: 14px;
}

pre{
	background-color: #22558c;
	width: 96%;
	color: #d1e5fe;
	border-bottom: 1px solid;
    border: 1px solid; 
    border-color: #000000; 
    padding: 10px;
}

.datalisttitle{
	font-size: 12px;
    font-weight: bold;
    background-image: url('../images/titletop.jpg');
    border-bottom: 1px solid;
    border-right: 1px solid; 
    border-color: #cccccc; 
    padding-left: 7px;
	color: #0b333c;
}  

.datalistitem{
	font-size: 12px;
	color: #0b333c;
    border-right: 1px solid;
    border-color: #dddddd; 
    padding-left: 7px;
 	padding-top: 2px;
  	padding-bottom: 4px;
} 

a{
color: #22558c;
}

h2{
	font-size: 24px;
	color: #22558c;
	margin: 0px;
	padding: 0px;
} 

.navlink{
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
} 

.navlinkselected{
	font-size: 11px;
	color: #000000;
	text-decoration: none;
} 

.datalisttable{
	font-size: 12px;
	background-color: #ffffff;
    border:1px solid;
    border-color: #b7babc;
    margin-top: 3px;
    margin-bottom: 3px; 
    margin-left: 3px;
    margin-right: 3px;
	width: 100%;
} 

.mainnav{
	font-size: 16px;
    background-image: url('../images/titletop.jpg');
    border-bottom: 1px solid;
    border-right: 1px solid; 
	padding-left: 5px;
	margin-left: 3px;
	margin-top:1px;
	padding-right: 5px;
    border-color: #cccccc; 
	color: #0b333c;
    border:1px solid;
    border-color: #b7babc;
}

.textbutton{
	font-size: 12px;
	color: #0b333c;
	background-image: url('../images/titletop.jpg'); 
    border:1px solid;
    border-color: #b7babc;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    text-decoration: none;
}

.textbutton:hover{
	font-size: 12px;
	color: #000000;
	background-image: url('../images/titletop.jpg'); 
    border:1px solid;
    border-color: #000000;
    padding-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    text-decoration: none;
}