body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* --------------- */
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:800px;min-width:800px;}

#doc2 {
	width:950px;min-width:950px;}

#doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}

	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;}




#doc.yui-t2, #doc3.yui-t2, #doc2.yui-t2 {
  margin: 0 auto;
}

#doc.yui-t7 {
  width: 800px;
}

#doc3 {
  width:expression(document.body.clientWidth < 820 ? "700px" : "100%" );
  margin:auto 0px; /* override the 10px side margins */
  min-width:700px;
}

sup { vertical-align: baseline; };

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  float: none;
}
div.flash {
  text-align: center;
  padding: 5px;
  border: 3px solid #ccc;
  font-weight: bold;
  font-size:12px; 
  color: #444;
  background-color: #000000;
}

/* tiny yellow corners */

.yellow-blob-l {background: url(../reg/images/yellow_blob_l.gif) 0 0 no-repeat}
.yellow-blob-r {background: url(../reg/images/yellow_blob_r.gif) 100% 0 no-repeat}

.crumbs {
	font-size:145%;
	margin-bottom: 0.7em;
	margin-top: 0.3em;
}
.crumbs a {}
.crumbs a:hover {}

span.arrow {
	font-weight:normal;
	color:#999;
}

#big_map_and_list {
  position: relative;
  height: 400px;
  border-left: 1px solid #eee;
}


#map_bar {
  position: relative;
  -height: 1%;
  background-color: #D0F7FD;
  padding: 4px 13px;
  text-align: left;
  font-size: 70%;
  font-weight:bold;
  color: #000000;
  font-family: "Arial Rounded MT Bold", arial, sans-serif;
  -font-weight: bold
}

#map_bar .hide-show {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding:1px;
}

#map_bar .hide-show a {
  color: #FF6600;
  font-weight:bold;  
  text-decoration: none;
}

#map_bar .hide-show img {
  vertical-align: bottom;
  margin: 0 4px;
}

#map_bar .hide-show a:hover {
  color: #586a1e;
}

#top_help {
  height: 5em;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 0.3em 0.5em;
  font-size: 92%;
  color: #444;
  background-color: #f3f3f3;
}
div.maps {
  position: relative;
/*  overflow: hidden;*/
}

div.maps img {
  position: absolute;
  /*  display: block;*/
  top: 0;
  left: 0;
}

div.maps div.marker {
  -width: 1%;
  text-align: center;
  font-size: 80%;
  margin: -0.5em 0 0 -0.5em;
  font-family: verdana;
  z-index: 550;
}

div.maps div.marker div.count {
  text-align: center;
  height: 15px;
  white-space: nowrap;
  line-height: 15px;
  min-width: 8px;
  padding: 0;
  margin: 0 4px;
  background-color: #FFC10E;
}

div.maps div.marker div.count a {
  text-decoration: none;
  color: black;
}

div.maps div#map_overlay {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 400px;
}

div.maps img.overlay {
  z-index: 200;
}

div.maps img.background {
  z-index: 50;
}

/* region selector */

.frontend-map-and-list {
  position: relative;
  height: 400px;
}

.backend-map-and-list {
  position: relative;
  height: 306px;
}

.map-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 400px;
  overflow: hidden;
}

.backend-map-and-list .map-container {
  width: 306px;
  height: 306px;
}

.list-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
}

.list-container .scroller {
  margin-left: 400px;
  background-color: #FFFFFF;
  height: 400px;
  overflow: auto;
}


.backend-map-and-list .list-container {
  height: 306px;
}

.backend-map-and-list .list-container .scroller {
  margin-left: 306px;
  height: 306px;
}

.list-container h4 {
  font-size: 100%;
  margin: 0.7em 0 0.4em 0.6em;
}

.list-container ul {
  margin: 0.7em 0.8em;
  padding: 0;
  font-size: 85%;
}

.list-container ul li {
  margin-bottom: 0.2em;
}


.list-container table {
  width: 100%;
}

.list-container table span.zero {
  color: #999;
}

.list-container table td.count {
  width: 1%;
  text-align: center;
}

.list-container table td.name {
  width: 99%;
}

.list-container table td {
  font-size: 85%;
}
.list-container table th {
  font-weight: bold;
  background-color: #AAAAAA;
  color: white;
  font-size: 92%;
  padding: 4px 6px;
}

.list-container table th.count {
  text-align: center;
}

.list-container a {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 0.3em 0.8em 0.2em 0.6em;
}

.list-container a:hover, .list-container a.hover {
  background-color: #FFC10E;
  color: black;
}
.hide_map_link
{
 font-family:verdana; 
 font-weight: bold;
 font-size: 12px;
 padding-buttom:5px;

}

#advertise_side_box {
  background-color: #F4B704;
  color: white;
  margin-top: 1em;
}

#advertise_side_box p {
  margin: 5px 8px;
  color: #333;
}

#advertise_side_box h3 {
  color: white;
  margin: 5px 8px;
}

#advertise_side_box a {
  display: block;
  margin: 5px 8px 7px 8px;
}

/* login/signup box */
/* map class end/



/* @override http://localhost:3000/stylesheets/reset-fonts-grids.css */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* --------------- */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/

/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% verdana,arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}





/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/

/* for all templates and grids */
body{text-align:center;}
#ft{clear:both;}
/**/
/* 800 centered, and backward compatibility */
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:800px;min-width:800px;}
/* 950 centered */
#doc2 {
	width:950px;min-width:950px;}
/* 100% with 10px viewport side matting */
#doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}

/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;}

#yui-main {width:100%;}
.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b {
	float:left;
    width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{
    margin-left:13.3207em;*margin-left:13.0106em;
}

.yui-t2 .yui-b {
	float:left;
    width:200px;} /* MADE WIDER */
.yui-t2 #yui-main .yui-b {
    margin-left:200px;
}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.5197em;}
.yui-t3 #yui-main .yui-b {
    margin-left:23.0759em;*margin-left:22.5197em; /* PATCHED */
}

.yui-t4 .yui-b {
	float:right;
    width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b {
    margin-right:14.8456em;*margin-right:14.512em;
}

.yui-t5 .yui-b {
	float:right;
    width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b {
    margin-right:19.4608em;*margin-right:19.016em;
}

.yui-t6 .yui-b {
	float:right;
    width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b {
    margin-right:24.0759em;*margin-right:23.52em;
}

.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
#yui-main .yui-b {float:none;width:auto;}
/* GRIDS (not TEMPLATES) */
.yui-g .yui-u,
.yui-g .yui-g,
.yui-gc .yui-u,
.yui-gc .yui-g .yui-u,
.yui-ge .yui-u,
.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first,
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first,
.yui-ge div.first,
.yui-gf div.first{float:left;}
.yui-g .yui-u,
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u,
.yui-gc .yui-u,
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first,
.yui-gc div.first,
.yui-gd div.first{margin-left:0;}
.yui-gc div.first,
.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first,
.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,
.yui-g:after,
.yui-gb:after,
.yui-gc:after,
.yui-gd:after,
.yui-ge:after,
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g,
.yui-gb,
.yui-gc,
.yui-gd,
.yui-ge,
.yui-gf{zoom:1;}

/* @override 
	http://www.rentability.com:3746/stylesheets/shared.css
	http://localhost:3000/stylesheets/shared.css
*/

body {
  background: #fff;
  color: #333;
  min-width: 700px;
}

#doc.yui-t2, #doc3.yui-t2, #doc2.yui-t2 {
  margin: 0 auto;
}

#doc.yui-t7 {
  width: 800px;
}

#doc3 {
  width:expression(document.body.clientWidth < 820 ? "700px" : "100%" );
  margin:auto 0px; /* override the 10px side margins */
  min-width:700px;
}

sup { vertical-align: baseline; };

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  float: none;
}

h1, h2, h3, h4, h5 {
  font-family: arial, sans-serif, verdana;
  margin: 0.7em 0 0.4em 0;
  padding: 0;
  font-weight: bold;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 160%;
}

h3 {
  font-size: 130%;
}

h4 {
  font-size: 115%;
}

h5 {
  font-size: 100%;
}

a {
  color: #345469;
}

a:hover {
  color: #5B7A9A;
  text-decoration: none;
}

a:active {
  color: black;
}

a:visited:hover {
  
}

p {
  margin: 0.8em 0;
}

#header {
  margin: 0;
  text-align: center;
}

#header h1 {
  font-size: 285%;
  margin: 0;
}

#header a {
  color: black;
  text-decoration: none;
}

h1#logo {
  text-align: center;
  margin: 0.4em 0;
}

/* deprecated - use .b */

h1.title, h2.title, h3.title, h4.title {
  margin-top: 0;
}

h2.title {
  font-size: 220%;
  font-family: "Arial Rounded MT Bold", arial, sans-serif;
  font-weight: normal;
  -font-weight: bold;
}

.b, .begin {
  margin-top: 0;
}

.e, .end {
  margin-bottom: 0;
}

.centered {
  text-align: center;
}

#flashes {
  position: absolute;
  z-index: 999;
  top: 7em;
  width: 100%;
}

#flashes .gutter {
  padding: 0 20%;
}

div.flash {
  text-align: center;
  padding: 5px;
  border: 3px solid #ccc;
  font-weight: bold;
  font-size: 150%;
  color: #444;
  background-color: #eee;
}

#flash-warning {
}

#flash-message {
}

#flash-notice {
}



#edit_overlay_badge:active {
  filter: alpha(opacity=60);
  -moz-opacity: .60;
  opacity: .60;
}

#sidebar .gutter {
  padding: 10px 0 10px 10px;
}

#content .gutter {
  padding: 10px 15px;
}

#content .central-gutter {
  padding: 10px 14px 14px 14px;
}

#content .right-col-gutter {
  padding: 8px;
}

.content-box {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #F4F4F4;
  border: 1px solid #ccc;
}

.content-box h3.box-title {
  background-color: #969696;
  color: white;
  padding: 0.3em 0.6em;
  font-size: 114%;
  margin: -10px -10px 0.6em -10px;
}

.box {
  margin: 1em 0 0 0;
  padding: 0;
  color: white;
  clear: both;
}

.box div.content {
  background-color: #ddd;
  color: #272727;
  font-size: 95%;
  padding: 4px;
}

.box h3 {
  margin: 0px;
  padding: 4px 9px 4px 8px;
  color: white; /*#444; /*#A6CC2C;*/
  font-size: 135%;
  background-color: #27AAD5; /*#F1F1F1; /*#B8BC09;*/
  font-family: "Arial Rounded MT Bold", arial, sans-serif;
  font-weight: normal;
  -font-weight: bold;
}

.box a {
  text-decoration: none;
}

.box a:hover {
  text-decoration: underline;
}

.box p {
  margin: 0;
  padding: 0.6em;
  line-height: 1.3em;
}

.box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.box ul li {
  padding: 0.3em;
}

.box-alt1 {
}

.box-alt1 h3 {
  /*background-color: #27AAD5;*/
}

.box-alt2 h3 {
  background-color: #95B02A;
}

.box-alt2 {
}

/* thin round corners */



/* tiny yellow corners */




/* For firefox and others */

select, textarea {
  border: 1px solid #aaa;
}

/*input[type='submit'] {
  background: #ddd;
}*/

input, textarea {
  padding: 0.2em 0.3em;
}

/* For WinIE */

input {
  /*border: expression(
    this.type == "submit" ? '1px solid #aaa' : 'normal'
  );*/
  font-size: expression(
    this.type == "submit" ? '100%' : 'normal'
  );
  background-color: expression(
    this.type == "submit" ? '#ddd' : 'normal'
  );
  /*padding: expression(0);*/
}

/*
p.choices {
  text-align: right;
}

p.choices a {
  font-size: 180%;
  font-weight: bold;
  font-family: "trebuchet ms";
  text-decoration: none;
}*/

table.form {
  border-collapse: collapse;
  width: 100%;
  margin-top: 0.5em;
}

table.form th {
  text-align: right;
  padding: 7px 0.5em 3px 0.5em;
  width: 25%;
  /*border-bottom: 1px solid #ddd;*/
}

table.form th.top {
  vertical-align: top;
}

table.form th label {
  display: block;
  white-space: nowrap;
}

table.form th.top label {
  margin-top: 0.2em;
}

table.form thead th {
  text-align: left;
  padding: 0.5em;
}

table.form td {
  padding: 4px 0.5em 3px 0;
  /*border-bottom: 1px solid #ddd;*/
}

table.form tr.submit td {
  border-bottom: 0;
  padding-top: 6px;
}

table.form td p {
  font-size: 85%;
  color: #666;
  font-style: ;
  margin: 0.3em 0 0.5em 0;
  clear: both;
}

table.data {
  border-collapse: collapse;
  width: 100%;
  empty-cells: show;
}

table.data tbody tr {
  background-color: #fff;
}

table.data tbody td.leftmost {
  border-left: 1px solid #bbb;
}

table.data tbody td.rightmost {
  border-right: 1px solid #bbb;
}

table.data tbody {
}

table.data tbody td {
  border-bottom: 1px solid #bbb;
}

table.data thead tr th {
  text-align: left;
  color: white;
  font-family: "Arial Rounded MT Bold", arial, sans-serif;
}

table.data thead tr {
  background-color: #BE007B;
  border-left: 1px solid #BE007B;
  border-right: 1px solid #BE007B;
}

table.data thead tr th.action {
  text-align: center;
}

table.data th, table.data td {
  padding: 0.3em 0.5em;
}

table.data td.action {
  width: 1%;
  white-space: nowrap;
}

table.data td.image {
  width: 1%;
}

table.data td.image img {
  border: 1px solid #333;
}

/* Our own autoselect divs */

div.select-list {
  margin: 0.6em 0 0.5em 0;
  padding-left: 0.4em;
  padding-bottom: 0.2em;
  border-left: 3px solid #ddd;
}

div.select-list h4 {
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}

div.select-list ul {
  list-style: square;
  margin: 0 0 0 1.3em;
  padding: 0;
  font-size: 90%;
}

div.select-list ul li {
  margin: 0.2em;
}

/* Commonly used styles */

p.none-msg {
  text-align: center;
  font-style: italic;
  margin: 1.3em 0;
  color: #444;
}

td. p.none-msg {
  margin: 0.6em 0;
}

span.none-msg {
  font-style: italic;
  color: #444;
}

span.required-field {
  color: #e00;
  font-size: 85%;
  white-space: nowrap;
}

span.flags img {
  margin-right: 4px;
}

span.flags img.todo {
  filter: alpha(opacity=50);
  -moz-opacity: .50;
  opacity: .50;
}

#lang_chooser {
  font-size: 80%;
  color: #3D210D;
  margin: 0 0 0.4em 0.4em;
}

/* breadcrumbs */

.crumbs {
	font-size:145%;
	margin-bottom: 0.7em;
	margin-top: 0.3em;
}
.crumbs a {}
.crumbs a:hover {}

span.arrow {
	font-weight:normal;
	color:#999;
}
/*
#beta_msg {
  position: fixed;
  bottom: -1px;
  left: 10px;
  background-color: #399AE0;
  border: 1px solid #24628F;
  color: white;
  padding: 0.3em 0.5em 0.4em 0.3em;
  font-size: 85%;
  z-index: 20;
}

#beta_msg a {
  color: white;
  background: transparent url(/images/icons/comment.gif) left no-repeat;
  padding-left: 19px;
}*/

#top_links {
  margin-bottom: 0.4em;
}

#top_links a {
  padding-left: 0.5em;
}

#top_links a {
  color: #666;
  text-decoration: none;
  font-size: 85%;
}

#top_links a:hover {
  color: #BE007B;
  text-decoration: underline;
}

/*input.done-button {
  display: block;
  margin: 1em auto;
}*/

/* fake file input css */

div.fileinputs {
	position: relative;
	height: 1.8em;
	white-space: nowrap;
}

div.fileinputs input {
  border: 1px solid #bbb;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 80;
}

input.file {
	position: absolute;
  left: 0;
  top: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 90;
}

span.more-info-link {
  font-size: 92%;
  white-space: nowrap;
  margin-left: 0.25em;
}

span.more-info {
  display: inline;
}

/* see application.js */
input.empty {
  color: #999;
}


#advertise_side_box {
  background-color: #F2FAFE;
  color: white;
  margin-top: 1em;
}

#advertise_side_box p {
  margin: 5px 8px;
  color: #333;
}

#advertise_side_box h3 {
  color: white;
  margin: 5px 8px;
}

#advertise_side_box a {
  display: block;
  margin: 5px 8px 7px 8px;
}

/* login/signup box */

#login_signup {
  background-color: #ccc;
  padding: 5px 7px;
  margin-top: 1em;
  text-align: center;
  font-size: 93%;
  -font-size: 92%;
}

#login_signup .advertisers {
  color: #666;
  font-size: 92%;
}

.cornered #login_signup {
  position: absolute;
  top: 1em;
  left: 1em;
  margin-top: 0;
  background-color: #ddd;
  -width: 17em; /* round corners force it 100% wide on IE6 */
}

#copyright {
  margin: 3em 0;
  text-align: center;
  color: #999;
  font-size: 95%;
}

#copyright a {
  color: #718896;
}


/* feedback form at bottom of each page */

#feedback {
  font-size: 85%;
  margin-top: 4em;
  background: #ddd;
  padding: 10px;
  color: #333;
}

#prompt {
  margin: -4px -2px;
  font-size: 110%;
  text-align: center;
}

#feedback_form {
}

#feedback_form label {
  font-size: 115%;
  display: block;
  margin-bottom: 0.4em;
  font-weight: bold;
}

#feedback_form p {
  margin: 0.4em 0;
}

#feedback textarea {
  width: 90%;
  height: 7em;
  margin: 0 auto;
}


/* beta banner */

#beta_banner {
  width: 117px;
  height: 119px;
  position: fixed;
  -position: absolute;
  top: 0;
  right: 0;
}

#beta_banner .msg {
  width: 20em;
  background-color: #ff1d00;
  position: absolute;
  top: 50px;
  right: 50px;
  padding: 10px;
  font-size: 88%;
  color: #fff;
}


/* assets */

.video-thumb {
  position: relative;
  height: 70px;
}

.video-thumb img.video-icon {
  position: absolute;
  top: 3px;
  right: 1px;
  margin: 0;
  padding: 0;
}

#fixedtipdiv {
  position: absolute;
  width: 200px;
  padding: 2px 3px;
  color: #444;
  visibility: hidden;
  z-index: 600;
  text-align: left;
  font-weight: bold;
  font-size: 85%;
  white-space: nowrap;
}

#fixedtipdiv span.tip-contents {
  background-color: white;
  padding: 1px 2px;
}

div.balloon {
  position: absolute;
  background: url(../images/balloon.png) no-repeat;
  -background: url(../images/balloon_ie.gif) no-repeat;
  width: 172px;
  height: 117px;
  z-index: 500;
}

div.balloon .gutter {
  width: 146px;
  height: 83px;
  margin: 10px auto;
  overflow: hidden;
  text-align: left;
}

div.blue-green-bottom {
  background: url(../images/blue_green_bg.gif) repeat-x;
}

span.translation-key {
  font-size: 11px;
  font-weight: normal;
  color: black;
  background-color: yellow;
  font-family: geneva;
  border: 1px solid #444;
  padding: 0 1px;
  text-transform: none;
  font-style: normal;
}



pre {
  background-color: #eee;
  padding: 10px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  /*display: table;*/
  float: left;
}

.validation-failed {
  border: 2px solid red;
}

.validation-advice {
  font-size: 85%;
  background-color: #999;
  color: white;
  padding: 4px 7px;
  margin-top: 4px;
}

.errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  margin: 0 auto;
}

.errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
  font-size: 115%;
}

.errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

.errorExplanation ul li {
  list-style: square;
  margin-left: 2em;
  padding: 0.2em 0;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* @override http://localhost:3000/stylesheets/dialog.css */

#dialog {
  background-color: black;
  opacity: 0.4;
  filter:alpha(opacity=40);
  -moz-opacity: 0.4;
}

#dialog-box {
  /*width:500px;*/
  padding:1em;
  background-color: #fff;
  border: 8px solid #444;
  text-align: left;
}

#dismiss_result a {
  display: block;
  margin-top: 1.3em;
  text-align: right;
}

/* @override http://localhost:3000/stylesheets/date-picker.css */

/* 
  datepicker styles
  David Lee 2005
  all parts user servicable
*/
.date_picker {
  /* comment out this line to show by default: */
  display: none;
  /* comment out this line to prevent calendar 'floating' over page: */
  position: absolute;
  background-color: #586a1e;
  padding: 5px;
  margin-top: 20px;
  z-index: 999;
}

.date_picker table {
  width: normal;
  width: 126px;
  border: 0;
}
.date_picker table thead th {
  font-size: 110%;
  color: #fff;
  text-align: center;
  padding: 2px 3px;
  font-weight: bold;
  background-color: #586a1e;
}

.date_picker .day_labels th {
  font-size: 80%;
  font-weight: normal;
  padding: 2px 4px;
  text-align: center;
}

.date_picker table tr td.day, .date_picker table tr td.cancel {
  background-color: #fff;
  font-size: 90%;
  text-align: center;
  padding: 0;
  height: 1.6em;
  border-bottom: 1px solid #bbb;
}

.date_picker table th a {
  color: white;
  font-size: 110%;
  text-decoration: none;
  border-bottom: 1px dotted silver;
}

.date_picker table tbody td a {
  text-decoration: none;
  color: #333;
  text-align: center;
  display: block;
  padding: 2px;
  width: 1.8em;
}

.date_picker table tfoot td {
  border: 0;
}

.date_picker a:hover   { color:white ; background-color: black}

.date_picker .cancel_butt {
	text-align: right;
	margin: 4px;
}
.date_picker .cancel_butt a {
  border: 0;
  font-size: 90%;
  color: #555;
  font-family: verdana, sans-serif;
  text-decoration: none
}
.date_picker .cancel_butt a:hover {
  background-color: gray;
  color: white;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*   *{padding: 0; margin: 0;}  */

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* @override 
  http://localhost:3000/stylesheets/page-border.css
*/

#page_border {
  border: 2px solid #e0e1ce;
  width: 790px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: left;
}

b#page_border_top,
b#page_border_top  b,
b#page_border_bottom,
b#page_border_bottom  b {
  display: block;
  height: 7px;
  font-size: 1px;
  background: url(../images/frontpage/pageBorderCorners.gif) no-repeat;
  position: relative
}


b#page_border_top {
  top: -2px;
  left: -2px
}

b#page_border_top  b {
  background-position: 100% -7px;
  left: 4px
}

b#page_border_bottom {
  background: #e0e1ce url(../images/frontpage/pageBorderCorners.gif) no-repeat 0 -14px;
  margin-top: -2px;
  top: 2px;
  left: -2px;
}

b#page_border_bottom  b {
  background-position: 100% -21px;
  left: 4px;
}

/** this draws the orange copyright and menu divider line and feedback form **/

div #orangeLine {
  background-color: #e6ae20;
  padding-top: 9px;
  padding-bottom: 11px;
  text-align: center;
  color: #475b29;
  font-size: 12px;
}

div #orangeLine a {
  text-decoration: none;
  color: #475b29;
}

div #orangeLine #feedback_form {

}

div #orangeLine #feedback_form label {
  margin-top: 10px;
}

div #orangeLine #feedback_form textarea {
}

div #orangeLine #feedback_form form p {
  margin-right: 150px;
  margin-left: 150px;
  margin-top: 10px;
  text-align: center;
}


/** this stuff draws the site menu at the bottom of the page **/

div #footerBlock {
  background: #e0e1ce url(../images/frontpage/footerGradient.png) repeat-x left top;
  padding-left: 40px;
  color: #a0a197;
  font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
  height: 1%;
}

div #footerBlock li {
  margin-top: 2px;
}

div #footerBlock div {
  float: left;
  width: 20%;
  font-size: 11px;
}

div #footerBlock h3 {
  color: #a0a197;
  font: bold 12px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
  text-transform: uppercase;
}

div #footerBlock b {
  height: 16px;
  display: block;
  clear: both;
}

div #footerBlock a {
  text-decoration: none;
  color: #a0a197;
  font-size: 10px;
}

div #footerBlock a:hover {
  color: #000;
}

/* @override http://localhost:3000/stylesheets/logo-n-login.css */

h1#rentability_logo {
  position: absolute;
  left: 26px;
  top: 10px;
  z-index: 500;
}

div #loginBlock {
  text-align: right;
  top: 50px;
  position: absolute;
  right: 40px;
  z-index: 201;
}

#loginBlock h3 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  color: #c6e24d;
}

#loginBlock #login_links {
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #c2c8a6;
  top: -7px;
  margin-top: 1px;
}

#loginBlock #login_links a {
  text-decoration: none;
  color: #c2c8a6;
}

#loginBlock #login_links a:hover {
  color: #000;
}