body, form, div,  img, a { margin: 0; padding: 0; border: 0; }

body { font-family: "Trebuchet MS",Verdana,Arial,Sans-serif; font-size: 13px; line-height: 1.4; }
    body#search { text-align: center; }
    body#search label { font-size: 18px; }
    body#result {}

a { color: #0000EE; }

body#search .top {
	display: table;
	width: 100%;
	margin-top: 45px;
	margin-bottom: 20px;
}
body#websearch .top {
	display: table;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.logo {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 120px;
}
div.small_logo {
	display: block;
	margin-bottom: 10px;
	margin-top: 2px;
	height: 40px;
    float: left;
}
div.center_logo { text-align: center; width: 100%; }

.login { float: right; position: absolute; right: 15px; top: 2px;}

img.logo { max-height: 120px; max-width: 300px; }
img.logo_m { max-height: 40px; max-width: 200px; }

body#results .top { margin-left: 15px; }
body#results.modern .logo { text-align: left !important; padding-left: 0px; float: left; clear: left; overflow: hidden; }
body#results.modern .form { float: left; clear: right; padding-left: 5px; overflow: hidden; margin-top: 6px; }

body.classic div.top { margin-left: 0 !important; }

form ul { list-style-type: none; margin: 0; padding: 0; }
form ul li { margin: 0; padding: 0; }

.form { margin-bottom: 6px; }
    .where, .what, .search { display: inline; }
        label { font-size: 18px; padding: 2px; color: #666666; }
        input { font-size: 18px; color: #666; border: 1px solid #aaa; }
            .where input, .what input { padding: 2px 0 2px 3px; margin: 0 3px; }
            .search input {  background-color: #f8f8f8; width: 80px; margin-left: 3px; }

    .has_what .where, .has_what .what { text-align: left; }
        .has_what .where input, .has_what .what input { width: 180px; }


/*
        .has_what ul { overflow: hidden; display: block; }
        .has_what ul li { display: block; float: left; overflow: hidden; }
        .has_what label { clear: both !important; display: inline; }

        body#search .has_what form ul { width: 610px; margin: 0 auto 0 auto; }
        body#results .has_what ul { width: auto;}
*/
		/*body#results .where input, body#results .what input { width: 280px; }*/

    /*.no_what .search label { display: none; }*/

    .tip { text-align: center; color: #666666; }


/* http://matthewjamestaylor.com/blog/ultimate-2-column-right-menu-pixels.htm */
/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both; float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column right menu settings */
.rightmenu {}
	.rightmenu .colleft { float:left; width:200%; margin-left:-600px; position:relative; right:100%; }
    .rightmenu .col1wrap { float:left; width:50%; position:relative; left:50%; padding-bottom:1em; }
	.rightmenu .col1 { margin:0 15px 0 615px; overflow:hidden; }
    .rightmenu .col2 { float:right; width:585px; position:relative; left:585px; }

.results { list-style-position: outside; margin-left: 0; padding-left: 30px;  }
.result { background-color: #ffffff; margin: 0; padding-left: 0; padding-bottom: 4px; clear: both;}
    .result .c {  padding: 2px 0 2px 4px; clear: both;}
    .result.premium .c { background-color: #fff8dd; }
    .result.active .c { background-color: #fcffcd; }
    .result .directions { display: none; }
    .directions { margin-top: 3px; }
    .directions label { display: block; }
    .directions label, .directions input { font-size: 13px; margin-right: 3px; }
    .directions #saddr { }
    .title { margin: 0; padding: 0; display: inline; font-size: 14px; }
    .pin { margin-left: 3px; }
    .pin img { vertical-align: bottom; border: 2px solid #ffffff; padding: 1px 2px 1px 2px;}
    .pin.distance img { width: 16px; height: 17px; }
    .pin.simple img { width: 12px; height: 20px; }
    .result.premium .pin img { border: 2px solid #fff8dd;}
    .result.active .pin img { border: 2px solid #fcffcd;}
    .pin img.active { border: 2px dashed gray !important;}
    .location { color: #008000; }
    .location a { text-decoration: none; color: #008000; }
    .location a:hover { text-decoration: underline; }
    .phone { color: #666; clear: both; }
    .price { color: #003300; margin-left: 5px; }
    .distance { display: inline; color: #666; margin-left: 7px;}
    .reviews { color: #666; margin-left: 5px; }
    .attr { color: #666; margin-right: 5px; }
    .score { color: #33e; margin-right: 5px; }

    .stars { width: 50px; height: 10px; margin-top: 2px; margin-bottom: 2px; }


.lat, .lon { display: none; }

.clear { clear: both !important; overflow: hidden; }
.hidden { display: none; }
.center { margin: 0 auto 0 auto; }

#mapdiv { border: 2px dashed gray; height: 590px; width: 590px; padding: 0; margin: 0;}
#mapdiv .pin { display: none; }

h3.no-results { margin-left: 20px; margin-top: 20px; }

#footer { margin-top: 35px; margin-bottom: 20px; text-align: center; clear:both; float:left; width:100%;}
#footer a { color: #325800; }
div.center { width: 405px; }

.formsbox { margin-bottom: 20px; }
.formsbox li { margin-bottom: 5px; }
/*.formsbox label { display: block; }*/
.formsbox input, .formsbox  textarea { width: 95%; clear: right; }
.formsbox input.submit { width: auto; background-color: #f8f8f8; }
.formsbox .checkboxinput { width: auto; }

.basic_form li { display: block; margin-bottom: 10px; margin-left: 0; list-style: none; }
    .basic_form label { display: block; font-weight: bold; color: #555; }
    .basic_form input, .basic_form select, .basic_form textarea {
        font-family: Verdana; font-size:18px;
        border: 2px solid #CCC; color:#666;
        margin-left: 20px; margin-right: 5px;
        padding: 2px;
    }
    .basic_form input { width: 300px; }
        .basic_form input.submit { background-color:#F8F8F8;  width:auto; }
    .basic_form select { padding: 1px 0 1px 1px; }
    .basic_form textarea { height: 140px; }

    .basic_form .booleanfield, .basic_form .radioselect, .basic_form .checkboxselectmultiple { width: auto; display: inline; }

    .basic_form .errorlist, .basic_form .errorlist li { margin-bottom: 0px; color: red; }

    .basic_form input.error, textarea.error, select.error { background-color: #fdf7f4; }

    .hiddeninput { display: none !important; }

	.basic_form .help_text { display: block; margin-left: 20px;}

ul.errorlist, ul.errorlist li { margin-bottom: 0; padding-bottom: 0; }
ul.errorlist { margin-top: 10px; color: #d44;}

.add_listing li.submit { padding-left: 210px; }
.add_listing .help_text { display: block; margin-left: 20px; clear: both; }
.add_listing textarea { height: auto; overflow: hidden; }

.quicksearch { margin-top: 10px; margin-bottom: 5px; }
.quicksearch span { padding: 2px 3px 4px 3px; display: block; float: left; margin-left: 3px; }
.quicksearch span.active { background-color: #E6E9FF; }
.quicksearch span a { }

.app-promo { margin-top: 30px; }

.action-links-top, .action-links-bottom { margin-left: 15px; }
.action-links-top { margin-bottom: 10px; }
.action-links-bottom { margin-top: 20px; }

.left { float: left; }
.down30 { margin-bottom: 30px; }

.shout {
	background-color: #FFFFCC;
	border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC;
	font-size: 16px; padding: 10px;
}
.shout a { display: block; width: 100%;}

.developer-teaser p { font-size: 20px; }
.developer-teaser p span {
	font-size: 30px;
	text-transform: uppercase;
}