* { font-family: Tahoma,Verdana,Arial; font-size: 10pt; line-height: 1.3em; }
html, body { height:100%; background:#E3ECFF; padding: 0; }

body {
    margin: 10px 0 30px 0;
    text-align: center;
}

h1 { font-size: larger; }

h2, h2.left, h2.right {
font-size: large;
line-height: 1em;
padding-bottom: 5px;
border-bottom: 2px solid #dadada;
letter-spacing: -1px;
color: #2A2A2A;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
}

h2.right {
    text-align: right;
}

h4 { margin: 0; padding: 0;}

.floatLeft { float: left; }
.floatRight { float: right; }
.hidden { display: none;}
.min30 { width: 30px; }
.min100 { width: 100px; }
.relative { position: relative; }
.clearBoth { clear: both; height: 0; width: 0; margin: 0;}
.center { text-align: center; }
a,a:hover,a:visited { color: blue; }

a.dudLink, a.dudLink:hover { text-decoration: none; color: black; }
.topRight { position: absolute; top: 5px; right: 5px;}
.minHeight80 { min-height: 80px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.imageLink:hover { text-decoration: none; }

div#wrapper {
        min-height:100%;
        /*height:100%;*/
        width: 800px !important;
        margin: 0 auto;
        border-left:0;
        border-right:0;
        padding: 0px 10px 0px 10px;
}

div#header {
    position: relative; height: 100px;
    background: #fff url('../images/crap-parking-dot-com.png') top left no-repeat;
    padding: 0;
}

div#tabs{padding-top:10px; margin: 0; height: 25px; overflow: hidden;}
div#tabs ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}

div#tabs ul#nav li{float:left;margin-right: 3px;text-align: center; }
div#tabs ul#nav a{float:left;width: 6em;padding: 5px 0;background: #D6E0E7;text-decoration:none;color: #666; font-size: 10pt;height: 25px; border:0;}
div#tabs ul#nav a:hover{background: #9cce31;color: #FFF}
div#tabs ul#nav li.activelink a,div#tabs ul#nav li.activelink a:hover{background: #FFF;color: #003; }

div#main {
    background-color: #fff;
    padding: 10px;
    text-align: left;
    height: 100%;
    min-height: 100%;
    /*overflow: hidden;*/
    -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px;
}

div#bookmarks {
    float: right;
}

div#bookmarks a {
    text-decoration:none;
}

div#bookmarks a img {
    padding-bottom:1px;
    border: 0;
}

#youtube {
    height: 40px;
    background: url(../images/youtube.png) top left no-repeat;
    text-align: right;
    margin-bottom: 10px;
}

#youtube:hover {
    cursor: pointer;
}

/* Dropdown places search */
div#searchArea { float: right; }
div#searchArea * { vertical-align: middle;}

a#aSearch {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url('../images/search.png');
    background-repeat: no-repeat;
}

a#aSearch:hover {
    cursor: pointer;
    background-position: -22px 0;
}

textarea:focus, input:focus {
	border: 2px solid #09f;
}

#searchText { border:1px solid #ccc; width:200px; background:#fff; }
ul.autocompleter-choices { position:absolute; /*width:339px*/; padding:0; list-style:none; z-index:50; background:white/*#3b5998*/; border:1px solid #3b5998; top:0; }
ul.autocompleter-choices li { margin:0; list-style:none; padding:0px 10px; cursor:pointer; font-weight:normal; white-space:nowrap; color:black; font-size:11px; text-align: left; width:auto; }
ul.autocompleter-choices li:hover { background:#eceff5; color:#3b5998; }
.search-working { background:url('../images/move-spinner.gif') top right no-repeat; }

/*div#main h2.title { margin: 5px 0 5px 0; padding-bottom: 10px; border-bottom: 1px solid;}*/
form { margin: 0; padding: 0px;}

div#leftHome {
    float: left;
    overflow: hidden;
    width: 73%;
}

div#rightHome {
    width:25%;
    float:right;
    min-height: 100%;
    height: 100%;
    border: 0;
    padding-left: 10px;
    margin-bottom: 10px;
}

div#ad { position: relative; height: 40px;}
div#ad img { position: absolute; top: 0; left: 0;}

div#footer {
    width: 100%;
    background: #586695 url('../images/footer2.gif') bottom right no-repeat;
    margin-top: 5px;
    padding: 10px 0;
    overflow: hidden;
    color: #FFF;
    text-align:right;
    font-weight: bold;
}

div#footer p{margin:0 10px 0 0; }

.blueHeader, .greenHeader, .blackHeader, .purpleHeader {
    padding: 5px;
    font-size: 10pt;
    margin: 5px 0 5px 0;
    text-align: center;
    color: #fff;
}

/* This won't work in IE or certain other browsers */
.rounded { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.roundedTop { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
.roundedBottom { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}
.roundedLeft { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }
.roundedRight { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }
.roundedTopLeft, .roundedTL { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; }
.roundedBottomLeft, .roundedBL { -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; }
.roundedTopRight, .roundedTR, ul#nav li a { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
.roundedBottomRight, .roundedBR { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }

.greenHeader { background-color: #9cce31; }
.blueHeader { background-color: #0077FF; }
.blackHeader { background-color: #000; }
.purpleHeader { background-color: #8a2be2; }
.blackHeader { background-color: #000; }
.coolBlueBlack { background: #E3ECFF; }
.silver { background-color: #aaa; padding: 5px; color: #fff; }

img.double-border { border:1px solid #ccc; padding:2px; background:#eee; }

div.coolBlueBlack { padding: 5px; margin-bottom: 5px; }

div.userMsg { background-color: #9cce31; padding: 10px; margin-bottom: 5px; text-align: center; }
div.errorMsg { background-color: #f00; padding: 10px; margin-bottom: 5px; text-align: center; color: white;}
div.infoMsg { background-color: #DD0; padding: 10px; margin-bottom: 5px; text-align: center; color: white;}

.odd, .even { margin-top: 5px; padding:5px; }
.odd { background-color: #dddddd; }
.even { background-color: #D6E0E7; }
.pointer:hover { cursor: pointer; }

img.floatLeft {
    float: left;
    margin-right: 5px;
}

img.floatRight {
    float: right;
    margin-left: 5px;
}

label.floatLeft {
    float: left;
    text-align: right;
    margin-right: 15px;
    width: 100px;
}

/* rating */
ul.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url('../images/star-matrix.gif') no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
ul.nostar {background-position:0 0}
ul.onestar {background-position:0 -16px}
ul.twostar {background-position:0 -32px}
ul.threestar {background-position:0 -48px}
ul.fourstar {background-position:0 -64px}
ul.fivestar {background-position:0 -80px}

ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}

ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;
	background: url('../images/star-matrix.gif') no-repeat 0 0;
}
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}

/*
Nice div
background:none repeat scroll 0 0 #EDEDED;
border:1px solid #E1E1E2;
clear:both;
color:#626163;
line-height:1.6;
margin:0 0 15px;
padding:8px 12px;
*/

.blue_gradient_container
{
	border: #B8CAD7 1px solid;
	padding-bottom:5px;
	margin-right:10px;
}

.blue_gradient_header
{
	height:25px;
	padding-left:5px;
	padding-top:5px;
	background-color:#B8CAD7;
	font-weight:bold;
}
.blue_gradient_body
{
	padding: 5px;
}

#displayLeft { float: left; width: 35%;}
#displayRight { float: left; margin-left: 10px; width: 60%;}