* { padding: 0; margin: 0; }

body {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #E1E1FF;
}

a:link {
	color: #369;
}
a:visited {
	color: #369;
}
a:hover {
	color: #099;
}
a:active {
	color: #369;
}
h1 a {
	color:#069;
}
p {
	padding-bottom:6px;
	padding-top:6px;
}
ul{
	list-style:inside;
	list-style-type:circle;
}
li{
	padding-top:1px;
	padding-bottom:1px;
}
h1{
	font-size:20px;
	color:#369;
	padding-bottom:6px;
}


INPUT 
{
 background-color: white; 
 border: 1px solid silver;
 font-size: 11px;
}

SELECT
{
 background-color: white; 
 border-color: silver;
 font-size: 11px;
}



.button 
{
 border: outset 1px silver;
 font-weight: bold;
 background-color: white;
}



.incomplete
{
 border-color: red;
}

.required
{
 border-color: red;
}

.nav { }

.suggest
{
 border: 1px solid silver;
}



.commentposter
{
 background-color: #D9DCE4;
 border: 1px solid silver;
}

.comment
{
 padding: 5px;
 background-color: #E4EAF3;
 border: 1px solid silver;
}

.commentposteralternate
{
 background-color: #D9DCE4;
 border: 1px solid silver;
}

.commentalternate
{
 padding: 5px;
 background-color: #E4EAF3;
 border: 1px solid silver;
}

.commentdate
{
 font-size: 9px;
 font-style: italic;
}



.grouping
{
 border: 1px inset silver;
 padding: 5px;
 margin: 5px;
}

.important
{
 font-weight: bold;
}

.columnheader 
{
 background-image: url('../images_default/columnheader.png');
 background-repeat: repeat-x;
}

.labelscolumn
{
 width: 30%;
 background-color: #D9DCE4;
 border: 1px solid silver;
 vertical-align: top;
 padding: 5px;
}

.optionscolumn
{
 width: 70%;
 background-color: #D9DCE4;
 border: 1px solid silver;
 vertical-align: top;
 padding: 5px;
}

.evencolumns
{
 background-color: #D9DCE4;
}

.oddcolumns
{
 background-color: #D9DCE4;
}



.info
{
 display: block;
 border: 1px solid #D2D5D8;
 background-color: white;
 padding: 5px;
}

.editedby
{
 font-size: 9px;
}

.searchhighlight
{
 background-color: yellow;
}

.title
{
 font-size: 14px;
 padding: 3px;
 font-weight: bold;
 text-align: center;
}



.quote
{
 padding: 3px;
 border: 1px solid WhiteSmoke;
 background-color: #EEEEF3;
 margin: 3px;
}

.quoteby
{
 font-size: 10px;
 font-style: italic;
}

.posthistory
{
 overflow: auto;
 width: 100%;
 height: 300px;
}

.deletions
{
 width: 50%;
 background-color: silver;
 padding: 5px;
 border: 1px solid black;
 margin: 0 auto;
 text-align: center;
}



.code
{
 font-family: monospace;
 font-size: 10px;
 background-color: WhiteSmoke;
 padding: 2px;
 border: 1px solid #CCDED1;
 margin: 10px;
 overflow: scroll;
 width: 600px;
}

.areaheader
{
 background-color: #D9DCE4;
}

.areafooter
{
 background-color: WhiteSmoke;
}







.smiliebox
{
 border: 1px dotted silver;
 background-color: silver;
 padding: 10px;
 width: 140px;
}

.linktools
{
 font-size: 11px;
 color: gray;

}

.linktools a

{
 text-decoration: none;
 color: gray;
}

.subcatsmainpage
{
 font-size: 10px;
 margin: 0;
 padding: 3px;
}

.login
{
 font-size: 10px;
 background-color: #D9DCE4;
 border: 1px solid #7090F0;
 float: right;
 padding: 5px;
 margin-bottom: 10px;
}

.sort
{
 padding: 5px;
 margin: 5px;
 border-left: 1px solid silver;
 border-right: 1px solid silver;
 background-color: whitesmoke;
}

.box
{
 background-color: #E4EAF3; 
 margin-bottom: 10px;
}

.boxtitle
{
 background-color: #113366;
 cursor: pointer;
 font-weight: bold;
 color: white;
}

.boxbody
{
 padding: 5px;
}

.newlinks { }

.bullet
{
 vertical-align: middle;
}

.minilabels
{
 font-style: italic;
}

.tableheader
{
 background-color: #113366;
 border: 1px solid #111133;
 color: white;
 padding-left: 5px;
}



.flatbutton
{
 border-style: solid;
 background-color: white;
}

.threadbottom
{
 border-width: 0;
 background-color: #EEEEF3;
}

.threadtools:link { text-decoration: none; }

.threadtools img
{
 vertical-align: middle;
 border-width: 0;
}

.quotations
{
 border-width: 1px;
 border-style: solid;
 background-color: #EEEEF3;
 border-color: silver;
 width: 500px;
 padding: 5px;
 margin: 0 auto;
 text-align: center;
}

.shoutbg
{ 
 background-color: #E4EAF3; 
 background: #E4EAF3; 
 color: black;
} 

.whiteboard
{
 background-color: white;
 border: 1px solid silver;
 margin: 10px;
 padding: 5px;
}

.homenav, .homenav:link, .homenav:visited
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #D9DCE4; 
 color: #113366;
 padding: 5px;
 margin: 5px;
 text-decoration: none;
 font-weight: bold;
}

.homenav:hover, .homenav:link:hover, .homenav:visited:hover
{
 background-color: #113366;
 color: white;
 text-decoration: none;
}

.navbutton
{
 float: right;
 padding: 0;
 margin: 0;
 text-decoration: none;
 text-align: center;
}

.navbutton a
{
 text-decoration: none;
 background-color: #D9DCE4;
 border: 1px solid silver;
 color: #113366;
 padding-left: 8px;
 padding-right: 8px;
 margin-left: 4px;
}

.navbutton a:hover
{
 text-decoration: none;
 background-color: #113366;
 border: 1px solid silver;
 color: white;
 padding-left: 8px;
 padding-right: 8px;
 margin-left: 4px;
}

.linkdiv
{
 float: left; 
 width: 45%;
 padding: 10px;
 border-bottom: 1px dotted silver;
 background-color: WhiteSmoke;
}

.statimage
{
 float: left;
 width: 40px;
}

.floatleft
{
 float: left;
}

.floatright
{
 float: right;
}

.internalreply
{
 border: 1px black solid;
 padding: 5px;
}

.clear
{
 clear: both;
}


.posttextarea
{
 width: 97%;
}

.redirect

{
 padding: 20px;
 margin: 40px;
 background-color: #EEEEF3;
 border: 1px solid #D9DCE4;
 font-weight: bold;

}

.legend
{
 padding: 10px;
 margin: 10px;
 border: 1px solid #007788;
 width: 250px;



}

.ratingresponse

{
 background-color: white;
}

.thumbshot
{
 float: left;

 padding: 2px;
}

.floatattach
{
 float: left;
 margin: 5px;
}

.denialpage
{
 border: 2px solid #FFAAAA;
 background-color: #EEEEF3;
 color: black;
 padding: 5px;

 margin: 5px;
 font-size: 14px;




}

.unit-rating
{
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 100px;
 height: 20px;
 position: relative;
 background: url('../images_default/ajaxstar.gif') top left repeat-x;		
}
.unit-rating li
{
 text-indent: -90000px;
 padding: 0px;
 margin: 0px;
 float: left;
}
.unit-rating li a
{
 display:block;
 width:20px;
 height: 20px;
 text-decoration: none;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
 padding: 0px;
}
.unit-rating li a:hover
{
 background: url('../images_default/ajaxstar.gif') left center;
 z-index: 2;
 left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 20px; }
.unit-rating a.r2-unit { left: 20px; }
.unit-rating a.r2-unit:hover { width: 40px; }
.unit-rating a.r3-unit { left: 40px; }
.unit-rating a.r3-unit:hover { width: 60px; }
.unit-rating a.r4-unit { left: 60px; }	
.unit-rating a.r4-unit:hover { width: 80px; }
.unit-rating a.r5-unit { left: 80px; }
.unit-rating a.r5-unit:hover { width: 100px; }
.unit-rating li.current-rating
{
 background: url('../images_default/ajaxstar.gif') left bottom;
 position: absolute;
 height: 20px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
}	

.bait { visibility: hidden; width: 0; height: 0; display: none; }



.toolsbar
{
 padding: 10px;
 margin-top: 10px;
 font-size: 18px;
 text-align: center;
}

.toolsbar a
{
 padding: 10px;
 margin-right: 10px;
 border: 1px dotted gray;
 text-decoration: none;
}

.articlebar
{
 float: right;
}

.articlebar a
{
 display: block;
 padding: 5px;
 margin: 10px;
 border: 1px inset black;
 text-decoration: none;
}

.popup
{
 padding: 5px;
 margin: 5px;
 background-color: #EEEEF3;
 border: 1px solid #D9DCE4;
 font-weight: bold;
}

.actionrow
{
 background-color: #C4C9CF;
 border-color: #E4E9EF;
 padding: 5px;
}

.alert
{
 padding: 10px;
 margin: 10px;
 background-color: #C4C9CF;
 border: 1px solid red;
}



.memberstatus
{
 float: right;
 width: 30%;
 background-color: WhiteSmoke;
 border: 1px solid silver;
 padding: 7px;
}

.statussection
{
 font-size: 14px;
 background-color: #E4E9EF;
 padding: 2px;
 margin-bottom: 5px;
 margin-top: 2px;
 margin-left: 0;
 margin-right: 0;
 display: block;
}






.ac_results
{
/* Autocomplete possibilities list */
 background-color: #ffffff;
 border-color: #000000;
 border: 1px solid;
 padding: 0px;
 overflow: hidden;
 z-index: 99999;
}

.ac_results ul
{
/* Autocomplete possibilities list element set */
 width: 100%;
 list-style-position: outside;
 list-style: none;
 padding: 0;
 margin: 0;
}

.ac_results li
{
/* Autocomplete possibilities list element */
 margin: 0px;
 padding: 2px 5px;
 cursor: default;
 display: block;
 font-family: sans-serif;
 font-size: 12px;
 line-height: 16px;
 overflow: hidden;
}

.ac_loading
{
/* Autocomplete loading indicator */
 background-color: #ffffff;
 background: url('../images_default/indicator.gif') right center no-repeat;
}

.ac_odd
{
/* Autocomplete odd numbered rows */
 background-color: #eeeeee;
}

.ac_over
{
/* Autocomplete */
 background-color: #0A246A;
 color: #ffffff;
}


.submitbutton
{
/* Submit buttons.*/
 background-color: #F0FFF0;
 border: 1px outset #000000;
 color: #004400;
 font-size: 16px;
 margin: 5px;
 padding: 5px;
 font-weight: bold;
}

.submitbutton:hover
{
/* Mouseover of submit buttons.*/
 background-color: #007744;
 color: #ffffff;
}



.gobutton
{
/* Go buttons.*/
 background-color: #F0F0FF;
 border: 1px outset #000000;
 color: #000022;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

.gobutton:hover
{
/* Mouseover of go buttons.*/
 background-color: #000022;
 color: #FAFAFF;
}

.gobutton img, .bigbutton, img, .previewbutton img, .submitbutton img, .biglink img
{
/* Vertrically centered images within various elements.*/
 vertical-align: middle;
}

.bigbutton:hover
{
/* Mouseover of generic large buttons.*/
 background-color: #ffffff;
 color: #000000;
}

.ratingscontainer
{
/* The container for each entire rating in the ratings list.*/
 background-color: #EEF1F5;
 padding: 10px;
 margin: 10px;
}

.ratingsbyline
{
/* The rating by x on date y line in the ratings list.*/
 border-bottom: 1px solid;
 border-bottom-color: #dddddd;
 font-weight: bold;
 padding-bottom: 10px;
 margin-bottom: 10px;
}

.ratingsstars
{
 /* The area with the star graphics in the ratings list.*/
}

.ratingscomment
{
/* The textual comment left by the rater, in the ratings list.*/
 margin-top: 5px;
}

.incompleteblock
{
/* The area describing why a form submission failed and prompting to try again. Note it's a table.*/
 background-color: #FFEEEE;
 border: 1px solid;
 border-color: #FF0000;
 padding: 5px;
 margin: 10px;
 width: 95%;
 align: center;
}

.incompleteblock td
{
/* Table cells for the incomplete form submission area.*/
 vertical-align: middle;
 font-size: 17px;
 padding-left: 15px;
}

.requiredmarker
{
/* The red asterisk by required fields.*/
 color: #FF0000;
 font-weight: bold;
 vertical-align: top;
}





.postrating
{
/* The comment rating 'x of y found this helpful' area.*/
 font-size: 11px;
}

.oddrow, .oddrow td
{
/* For tables where rows need to stand out, the odd numbered ones.*/
 background-color: #DCFAFF;
 color: #000000;
 font-size: 14px;
 padding: 4px;
}

.evenrow, .evenrow td
{
/* For tables where rows need to stand out, the even numbered ones.*/
 background-color: #C0E0F0;
 color: #000000;
 font-size: 14px;
 padding: 4px;
}

#confirmModalOverlay
{
/*Modal yes no confirmation dialog overlay.*/
 background-color: #eeeeee;
 cursor: wait;
}

#confirmModalContainer
{
/*Modal yes no confirmation dialog container.*/
 height: 140px;
 width: 420px;
 font-family: Verdana;
 font-size: 16px;
 text-align:left;
 background: #ffffff;
 border: 2px solid;
 border-color: #336699;
}

#confirmModalContainer .header
{
/*For the modal yes no confirmation dialog.*/
 height: 30px;
 width: 100%;
 background: url('../images_default/confirm_header.png') repeat-x;
 color: #ffffff;
 font-size: 1.1em;
 font-weight: bold;
 line-height: 30px;
}

#confirmModalContainer .header span
{
/*For the modal yes no confirmation dialog.*/
 padding-left: 8px;
}

#confirmModalContainer .message
{
/*For the modal yes no confirmation dialog.*/
 color: #004400;
 text-align: center;
 margin: 0;
 padding: 12px 4px;
 font-size: 1em;
}

#confirmModalContainer .buttons
{
/*For the modal yes no confirmation dialog.*/
 width: 160px;
 float:right;
 padding:10px 8px 0;
} 

#confirmModalContainer .buttons div
{
/*For the modal yes no confirmation dialog.*/
 float: right;
 margin-left: 8px;
 width: 70px;
 height: 26px;
 color: #505050;
 font-weight: bold;
 text-align: center;
 background: url('../images_default/confirm_button.png') repeat-x;
 border: 1px solid;
 border-color: #C0C0C0;
 cursor:pointer;
} 

#confirmModalContainer a.modalCloseX, #confirmModalContainer a.modalCloseX:link, #confirmModalContainer a.modalCloseX:active, #confirmModalContainer a.modalCloseX:visited
{
/*For the modal yes no confirmation dialog.*/
 text-decoration: none;
 font-weight: bold;
 font-size: 1.1em;
 position: absolute;
 top: -1px;
 left: 400px;
 color: #dddddd;
}

#confirmModalContainer a.modalCloseX:hover
{
/*For the modal yes no confirmation dialog.*/
 color: #9bb3b3;
}



.nowrap
{
/*For use on table cells that shouldn't do wordwrap.*/
 white-space: nowrap;
}

.lefticons
{
/*Little icons on the left of big boxes.*/
 float: left;
 padding: 5px;
}




.directionsbox
{
/*The driving directions address input for google maps.*/
 display: none;
}

.selecteddirection, a.selecteddirection:hover
{
/*Whichever of 'directions to' or 'directions from' is selected, if either.*/
 text-decoration: none;
 font-weight: bold;
 color: #000000;
}

.categoryandsearchmap
{
/*The map div for categories and searches.*/
 width: 710px;
 height: 350px; padding-bottom:20px;
}

.categoryandsearchdirections
{
/*The map directions div for categories and searches.*/
 width: 710px; padding-bottom:20px;
}

.detailsmap
{
/*The map div for the details page.*/
 width: 500px;
 height: 300px;
}

.detailsdirections
{
/*The map directions div for the details page.*/
 width: 500px;
}

.menubullets
{
/*Bulleted menu item lists.*/
 list-style-image: url('../images_default/bullet.png');
 margin: 0;
 padding: 0;
 padding-left: 17px;
}

.menubullets li
{
/*The actual menu items.*/
 padding: 1px;
 margin: 0;
}


/*end of wsn.*/


#wrapper {
	width: 990px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #8080FF;
	background-color: #FFF;
}
#header {
	color: #333;
	width: 978px;
	border: 1px solid #ccc;
	height: 117px;
	margin: 5px;
	background-color: #369;
	background-image: url(images/bannerimage.jpg);
	background-repeat: no-repeat;
}
#navigation {
	float: left;
	width: 970px;
	color: #333;
	background-color: #369;
	margin: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#navigation ul{
	list-style:none;
	list-style-position:inside;
}
#navigation li{
	display:inline;
	margin-right:10px;
	font-size:14px;
}
#navigation li a{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

#leftcolumn {
	color: #333;
	width: 236px;
	float: left;
	margin: 5px;
}
#content {
	float: right;
	color: #333;
	width: 726px;
	display: inline;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
}



#footer {
	width: 970px;
	color: #333;
	margin: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	clear: both;
	text-align: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.contentitemblock {
	padding: 6px;
	width: 710px;
	border: 2px solid #DDD;
	float: left;
	margin-bottom: 15px;
}

.pagenav {
	padding: 6px;
	width: 710px;
	border: 2px solid #E8E8E8;
	float: left;
	margin-bottom: 10px;
	font-size:11px;
}

.leftinputfields{
	border:solid 1px #069;
	font-size:14px;
	width:216px;
	margin-bottom:6px;
}

.leftmenuheader {
	background-color: #369;
	width: 224px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-size: 14px;
	color: #FFF;
	border: 1px solid #369;	
}

.leftmenuarea {
	width: 224px;
	font-size: 13px;
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #369;	
}

.leftmenuarea ul{
	list-style:inside;
	list-style-type:none;
}

.leftmenuarea li a{
	padding-bottom:1px;
	padding-top:1px;
	padding-left:1px;
	display:block;
	text-decoration:none;
	color:#000;
	margin-bottom:1px;
}
.leftmenuarea li a:hover{
	display:block;
	color:#069;
	background-color: #CCC;
}


#logo {
	color: #FFF;
	margin-top: 18px;
	margin-left: 18px;
}

#logo h1{
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
}

#googmap {
	float: right;
	height: 220px;
	width: 300px;
}


.imagewrap {
	padding: 3px;
	float: right;
	width: 300px;
	border: 1px solid #69C;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.imagewraplabel {
	padding: 2px;
	float: right;
	width: 292px;
	border: 1px solid #999;
	font-size:9px;
	text-align: center;
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 2px;
}
.footmenu {
	float: left;
	width: 209px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
}
.listingmain {
	float: left;
	width: 440px;
	margin-right: 20px;
}
.listingright {
	float: right;
	width: 250px;
}

.litingtitle {
	font-size: 16px;
	font-weight: bold;
	color: #069;
	padding-bottom: 8px;
}
.listingsurround {
	float: left;
	width: 710px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 10px;
	padding-bottom: 20px;
}
.subcatlink {
	float: left;
	width: 225px;
	margin-right: 10px;
	padding-top: 2px;
	padding-bottom: 6px;
}
.distancefrom {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-color: #FFE1E1;
	padding: 2px;
	border: 1px solid #F66;
}