/*-----------------------------------------
GLOBAL RESETS
-----------------------------------------*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120%  Trebuchet, Verdana, Arial, Helvetica, Sans-Serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

input, select, textarea {
	font-size: 16px;
}

/*-----------------------------------------
HTML TAG FORMATS
-----------------------------------------*/
body {
	margin: 0 10px 8px;
	text-align: center;
	letter-spacing: 0.0125cm;
	line-height: 1.05em;
	color: #454545;
	background: #fff;
}

h1 {
	margin-top: 0px;
}

h1 img {
	float: left;
}

h1.section_title {
	margin: 10px 0 0;
	font-size: 1.6em;
	color: #69bfde;
}

h2 {
	font-size: 1.2em;
	color:  #595441;
}

h2 img {
	float: left;
	margin-right: 10px;
}

h2.homepage_h2 {
	margin: 0;
	padding: 8px 0 10px;
	line-height: 1.0em;
	font-weight: normal;
	color: #666;
}

h2.sad {
	margin: 0 !important;
	padding: 0 0 0 20px !important;
	background: url(../images/sad.png) left no-repeat;
}

h2.register {
	margin: 0;
	padding: 0;
}

h2.featured_h2 {
	margin: 40px 0 0;
	padding: 0;
}

h2.list_heading {
	margin-bottom: 0;
	padding: 10px;
	color: #4a8797;
	background: #f3f1e9;
}

h3 {
	font-size: 1.0em;
	font-weight: normal;
}

h4 {
	font-size:  1.2em;
	color: #960;
}

a, a:visited {
	text-decoration: none;
	color: #cc6600;
}

a.drab {
	color: #2b2923;	
}

a.help {
	color: #4a8797 !important;
}

a:hover {
	text-decoration: underline;
}

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

textarea {
	font-family: verdana, arial, sans-serif;
}

input, textarea, select {
	padding: 4px 3px;
	color: #333;
	background: #eee;
	border: #595441 solid 1px;
}

input.submit {
	padding: 0 5px 3px;
	height: 28px;
	color: #fff;
	font-size: 16px !important;
	line-height: 1.0em;
	background: url("../images/buttons/button_bg.gif") top left repeat;
	border: #595441 solid 1px;
	cursor: pointer;
}

img {
	border: 0px;
}

ul {
	margin: 0 0 8px !important;
}

li.locations {
	float: left;
	list-style: none;
	margin-right: 20px;
	padding: 3px 0;
	width: 150px;
}

li.sitemap {
	list-style: none;
	margin: 0;
	width: 250px;
	font-size: 0.9em;
}

optgroup {
	padding: 5px 0;
	font-style: normal;
	font-weight: bold;
}

/*-----------------------------------------
GENERIC CLASS STYLES
-----------------------------------------*/
.left {float: left;}
.text_left {text-align: left !important;}

.image_submit {
	margin: 0;
	padding: 7px 0 0;
	border: 0;
	background: transparent;
}

.tight {padding: 0;margin: 0;}
.tight_top {margin-top: 0;padding-top: 0;}
.tight_bottom {margin-bottom: 0;padding-bottom: 0;}
.no_margin {margin: 0 !important;}
.top_margin {margin-top: 10px;}
.no_padding {padding: 0 !important;}

.no_border {border: 0 !important;}
.bottom_border {border-bottom: #b9b09d solid 1px;}

.left_indent {padding-left: 15px !important;}

.bold {font-weight: bold !important;}
.italic {font-style: italic;}
.bold_italic {font-weight: bold;font-style: italic;}
.super {vertical-align: top;font-size: 9px;}
.big {font-size: 1.5em !important;}
.larger {font-size: 1.3em !important;}
.small {font-size: 0.8em !important;}
.ten_percent_less, .less_ten {font-size: 0.9em !important;}
.ten_percent_more, .plus_ten {font-size: 1.1em !important;line-height: 1.1em !important;}

.black {color: #000 !important;}
.white {color: #fff;}
.dark {color: #333 !important;}
.dark_gray {color: #454545 !important;}
.gray {color: #777 !important;}
.light_gray {color: #898989 !important;}
.maroon {color: maroon !important;}
.orange {color: #f90 !important;}
.yellow {color: #ff0 !important;}
.red {color: #900 !important;}
.teal {color: #4a8797;}
.green {color: green !important;}
.blue_background {background: #e4f0f1 !important;}

/*Row Formats*/
.odd {background:  #fff !important;}
.even {background:  #f3f1e9 !important;}

.loading {
	margin: 30px 10px;
	width: 150px;
	font-size: 1.5em;
	line-height: 2.0em;
	text-align: center;
	color: #595441;
}

.posted_by {
	font-size: 0.8em;
	opacity: .7;
	-moz-opacity: .7;
	filter:alpha(opacity=7.7);
}

.code {
	padding: 10px;
	font-size: 0.9em;
	font-family: courier;
	color: #000;
	background: #eae4dc;
}

/*TOOLS TIPS*/
.custom-tip {
	color: #000;
	width: 200px;
	text-align: left;
	opacity: 0.9;
	z-index: 13000;
	overflow: hidden;
}
 
.custom-title {
	height: 0;
	overflow: hidden;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #f9b04e;
}

img.avatar, img.avatar_unknown {
	padding: 0;
	margin: 0 10px 0 0;
}

img.avatar {
	border: #f3f1e9 solid 1px;
}

img.avatar_unknown {
	padding-bottom: 30px;
	opacity: 0.6;
}

.avatar_wrapper, .avatar_wrapper_short, .culture {
	width: 210px;
}

.avatar_wrapper_short {
	height: 60px !important;
}

/*-----------------------------------------
LOGIN FORMATS
-----------------------------------------*/
.login_wrapper {
	position: relative;
	height: 100px;
	text-align: left;
	border-top: #092e36 solid 4px;
}

.logo {
	position: absolute;
	top: 10px;
	left: 0;
}

.login {
	position: absolute;
	top: -4px;
	right: 0;
	width: 520px;
	height: 0;
	text-align:  right;
	color: #333;
	background: #e4f0f1;
	border: #092e36 solid 4px;
	border-top: 0;
	overflow: hidden;
}

.account_slider {
	margin-left: 8px;
}

.account_slider input {
	float: left;
	margin: 12px 4px;
}

.account_slider label {
	float: left;
	margin: 15px 4px;
	font-size: 0.8em;
}

#sub_nav_menu {
	margin: 0 0 0 0;
	padding: 10px 5px 0 0;
	text-align: right;
	font-size: 0.9em;
}

#sub_nav_menu a {
	margin: 0 0 0 10px;
}

a.left_nav {
	margin-left: 0 !important;
}

div.login_catcher {
	padding: 20px;
}

div.register_now {
	margin: 20px 0 10px;
	padding: 10px;
	background: #eef8ff;
	border: #4a8797 solid 1px;
}

/*-----------------------------------------
FOOTER FORMATS
-----------------------------------------*/
#footer {
	clear: left;
	margin: 50px 0 0 0;
	padding: 30px 0;
	height: 200px;
	font-size: 0.8em;
	text-align: center;
	color: #333;
	background: #eae7d8;
	border-top: #6C6753 solid 5px;
}

#footer a {
	padding: 0 6px;
	font-weight: normal;
}

#footer_featured {
	padding: 20px 0;
	height: 120px;
	font-weight: normal;
	color: #333;
	background: #eee;
}

#featured_wrap {
	margin: 0 auto;
	padding-left: 20px;
	width: 780px;
	text-align: left;
}

#featured_wrap a {
	padding: 0;
	font-weight: bold;
}

#footer_wrapper {
	margin: 0 auto 20px;
	padding: 30px;
	width: 740px;
}

#powered_by {
	padding: 10px 0 50px;
	border-top: #ccc solid 1px;
}

#powered_by img {
	margin-top: 10px;
}

/*-----------------------------------------
GLOBAL FORMATS
-----------------------------------------*/
.flash_notice {
	margin: 5px 0;
	padding: 10px 0;
	min-height: 20px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	color: maroon;
}

#uppercontent {
	height: 50px;
	margin: 30px 20px 0;
	padding: 0 10px;
	text-align: left;
}

div.primary_navigation {
	height: 25px;
	background: #092e36;
	border: #092e36 solid 1px;
}

div.primary_navigation a {
	float: left;
	padding: 4px 8px 4px;
	font-weight: bold;
	font-size: 0.8em;
	color: #f7f3ed;
	background: #092e36;
}

div.primary_navigation a.tile_link_current {
	color: #092e36;
	background: #e4f0f1;
}

#centercontent {
	background:#fff;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
}

div.sectionleft {
	margin: 0 305px 0 0;
	padding: 5px 10px 5px 0;
	text-align: left;
	background: #fff;
}

div.sectionright {
	float: right;
	margin: 0 0 20px;
	padding: 0 0px 20px;
	width: 285px;
	font-size: 0.9em;
	text-align: left;
	/*background: #e4f0f1;*/
}

div.sectionright p {
	margin: 0 0 20px !important;
	padding: 10px !important;
	font-size: 0.9em;
}

div.sectionright p a {
	line-height: 1.6em !important;
}

/*HOMEPAGE CONTENT*/
#welcome_banner {
	margin: 30px 0 0;
	height: 85px;
	padding-top: 200px;
	text-align: left;
	background: url('/images/home_banner.png') top center no-repeat;
	/*border-bottom: #000 solid 5px;*/
}

#get_started {
	margin: 0 auto;
	width: 880px;
	height: 65px;
}

#get_started .get_started_wrapper {
	margin: 0 auto;
	width:880px;
}

#get_started form {
	float: left;
	margin-top: 5px;
}

#get_started .get_started_submit {
	height: 45px;
}

#new_city {
	color: #666;
}

#new_city:focus {
	color: #000;
}

/*--RECENTLY ADDED--*/
#recent {
	background: #e4f0f1;
}

#recently_added {
	margin: 0 auto;
	padding: 20px 0;
	width: 880px;
	height: 200px;
	text-align: left;
}

#recently_added h2 {
	font-size: 1.0em;
	margin: 0;
	padding: 0 0 5px 5px;
}

.recent_join {
	float: left;
	margin-top: 160px;
	padding-left: 20px;
}

.narrow {
	width: 214px !important;
}
.items {
	float: left;
	width: 100%;
	margin: 0 0 15px;
	padding: 0 0 25px;
	background: #fff;
}

.item_wrapper {
	float: left;
	padding: 5px;
	margin: 0 0 3px 3px;
	width: 219px;
	height: 177px;
	font-size: 0.9em;
	background: #f3f1e9;
}

.item_wrapper p {
	margin: 0 !important;
	padding: 0;
}

.quickview {
	position: static;
	padding: 5px 5px 0;
	height: 150px;
	line-height: 1.1em;
	background: #fff;
	border: #ddd solid 1px;
	border-bottom: 0;
	overflow: hidden;
}

.no_actions {
	height: 170px !important;
	border-bottom: #ddd solid 1px;
}

/*--CURIOUS SECTION--*/
#curious {
	text-align: left;
	background: #e4f0f1;	
}

#curious h2, #curious h3 {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}

#curious h3 {
	line-height: 1.4em;
}

#curious .heading {
	color: #B28431;
}

#curious_inner {
	margin: 0 auto;
	padding: 0;
	width: 880px;
	height: 460px;
}

#curious_inner div {
	margin: 0 0 20px;
}

#curious_inner ul {
	margin: 0 !important;
	padding: 5px 0;
	list-style-image: none;
	list-style-type: disc;
	font-size: 0.8em;
}

#curious_left {
	float: left;
	width: 400px;
	padding: 0 70px 0 5px;
}

#curious_left img.wrap {
	margin: 10px 20px 10px 0;
}

#curious_right {
	float: left;
	width: 400px;
}

#curious_right img.wrap {
	margin: 0 0 20px 20px;
}

#hot_list {
	text-align: left;
	border-top: #6C6753 solid 5px;	
}

#hot_list p {
	margin: 20px 0;
}

#hot_list .heading {
	color: #B28431;
}

#hot_list_inner {
	margin: 0 auto;
	padding: 20px 0;
	width: 880px;
	height: 470px;
}

#hot_list_left {
	float: left;
	width: 400px;
	margin: 0 70px 0 0;
}

#hot_list_right {
	float: left;
	width: 400px;
}

#hot_list_right img {
	margin: 0 0 20px 20px;
}

.homepage_button {
	margin-bottom: 10px;
	height: 40px;
	width: 120px;
	cursor: pointer;
	border: 0;
	background: url('../images/buttons/view_city.png');
}

img.tour_image {
	margin-top: 80px !important;
}

.footnote, .footnote_no_border {
	margin: 100px 12% 0 !important;
	padding: 20px 0;
	font-size: 0.85em !important;
	color: #666;
	border-top: #ccc solid 1px;
}

.footnote_no_border {
	margin-top: 70px !important;
	border: 0;
}

.footnote_span {
	font-family: courier;
	color: #6d540b;
}

.footnote a {
	padding: 0 10px;
}

img.flickr_thumbnail {
	float: left;
	margin: 0 5px 5px 0;
	padding: 2px;
	background: #333;
}

ul.city_nav {
	list-style: none;
	text-align: left;
}

ul.city_nav li {
	margin: 0;
	padding: 10px 5px;
	font-size: 1.1em;
	border-bottom: #ccc solid 1px;
}

/*-----------------------------------------
GENERIC TILE FORMATS
-----------------------------------------*/
ul.sidebar_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sidebar_list li {
	margin: 0;
	padding: 3px 0;
	border-bottom: #ccc solid 1px;
}

div.section_head {
	margin: 10px 0;
	padding: 0 10px;
	text-align: left;
}

.tile_title {
	padding: 0 5px;
	font-size: 1.3em;
	color: #4a8797;
}

span.tile_sub_title {
	color: #69bfde;
}

span.tile_header {
	text-align: left;
}

div.tile_section {
	margin: 10px 0;
}

div.tile_section_footer {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
	font-size: 0.8em;
	background: #eef8ff;
	color: #4a8797;
	z-index: 100;
}

a.tile_preview {
	text-decoration: none !important;
	padding: 2px 5px;
	color: #333 !important;
	background: #ffc;
	border: #ccc solid 1px;
}

a.tile_preview:hover {
	background: #e9debe;
}

p.tile_intro {
	margin: 10px 0 !important;
	padding: 0 5px 0 0 !important;
}

/*-----------------------------------------
COMMENTS
-----------------------------------------*/
.comments {
	padding: 30px 0 0;
}

.comment {
	margin: 10px 0 0;
	border-top: #ddd solid 1px;
}

/*-----------------------------------------
TABLE FORMATS
-----------------------------------------*/
table {
	text-align:  left;
}

th {
	padding: 0 3px;
	font-size:  0.9em;
	font-weight: bold;
	color: #454545;
}

td {
	padding:  7px 5px;
	font-size:  0.9em;
	line-height: 0.9em;
	color: #666;
}

th.header, th.header_2 {
	height: 10px;
	font-weight: bold;
    font-size: 0.9em;
	background:	#efefef;
	border: #D9DBC9 solid 1px;
	border-left: 0;
	border-right: 0;
}

th.header_2 {
	padding-top:20px;
	padding-right;5px;
	font-weight:normal;
	background:#fff;
	border-bottom:0;
}
 
th.notification, th.navigation {
	padding-bottom: 10px;
	font-weight:  normal;
	font-size:  1.1em;
	color:  #000;	
}

th.notification a {
	font-weight:  bold;
}

td.notification  {
	font-size: 1.1em;
}

table.individuals td {
	font-size: 1.0em;
}

table.plans {
	width: 740px;
	margin: 0 0 30px 30px;
	text-align: center;
	font-size: 0.9em;
	border: #999 solid 2px;
	border-bottom: #999 solid 1px;
}

table.plans th {
	height: 30px;
	font-size: 1.0em;
	font-weight: normal;
	background: #fff;
	border-bottom: #999 solid 1px;
}

table.plans th.basic {
	background: #ffc;	
}

table.plans th.fees {
	font-weight: bold;
	background: #ff9;
}

table.plans th.best_plans {
	font-weight: bold;
	background: #C9D2E0;
}

table.plans td {
	border-bottom: #999 solid 1px;
}

table.plans td.attention {
	height: 30px;
	color: #000;
	background: url('/images/attention.gif') top left repeat;
}

#global_registration {
	margin: 10px 0 0;
	padding: 20px 0px 20px 15px;
	width: 735px;
	text-align:  center;
	border: #ccc solid 1px;
	border-left: 0;
	border-right: 0;
	z-index:  100;
}

#general_container {
	padding: 20px 0px 0px 30px;
	width: 720px;
	text-align: left;
}

/*-----------------------------------------
FORM FORMATS
-----------------------------------------*/
.form_section {
	font-size:  0.9em;
	text-align: left;
}

.form_section form {
	padding: 10px 0;
}

.form_section input, select {
	font-size: 1.3em;
}

.form_section p {
	margin: 0;
	padding: 15px 0px;
	width: 95%;
	background: transparent;
}

.form_section p.guide {
	padding: 25px 0;
}

.form_section p.guide img {
	margin-right: 20px;
}

.form_section p.guide span {
	float: left;
	padding: 0;
	width: 262px;
}

.form_section p.submit_button {
	border-bottom: 0;
}

.form_section p.coupon {
	float: left;
	width: 33%;
	border-bottom: 0;
}

.form_section span {
	margin-top: 5px;
	padding-left: 117px;
	text-align: left;
	font-weight: normal;
	color: #666;
	display: block;
}

.form_section span img {
	padding-left: 20px;
}

.form_section span.no_style {
	margin-top: 0;
	padding-left: 0;
	display: inline;
}

.form_section label {
	float: left;
	margin-right: 7px;
	width: 110px;
	font-size:  0.9em;
	text-align: right;
	font-weight: bold;
	color: #4a8797;
	display: block;
}

.form_section label.align_left {
	width: 170px;
	text-align: left;
}

.form_section label.heading {
	float: left;
	margin: 20px 0;
	padding: 5px 0px 5px 10px;
	width: 95%;
	height: 20px;
	text-align: left;
	font-weight: normal;
	color: #595441;
	background: #f7f3ed;
	border: #b9b09d solid 1px;
}

.form_section b.notice {
	color: #4a8797;
}

.alert {
	color: maroon;
}

/*Small Form*/
#add_news {
	margin: 0 20px 20px 0;
	height: 0;
	overflow: hidden;
	text-align: left;
	background: #e4f0f1;
}

#add_news input:focus {
	background: #fff;
}

.small_form {
	margin: 10px 0 !important;
	padding: 10px;
}

.small_form input, textarea, select{
	font-size: 1.0em !important;
	text-align: left !important;
}

.small_form label {
	float: left;
	margin-right: 10px;
	width: 70px !important;
	font-weight: bold;
	text-align: right;
	font-size: 0.8em !important;
	color: #454545 !important;
}

label.spacer {
	color: #fff !important;
}

/*-----------------------------------------
MOODALBOX FORMATS
-----------------------------------------*/
div#moodal {
	padding: 20px;
	font-size: 0.8em;
	text-align: left;
}

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
border: 10px solid #DDD;
background-color: #FFF;
overflow: auto;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../images/loading.jpg) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}

/*Rails Specific Styles*/

#errorExplanation {
  padding: 10px;
  text-align: left;
  background: #fc6;
  border: #454545 solid 1px;
}

#errorExplanation h2 {
  margin: 0;
  text-align: left;
  font-weight: bold;
  font-size: 0.9em;
  color: #600;
}

#errorExplanation p {
  padding: 0;
  margin: 0;
  font-size: 0.8em;
  font-weight: bold;
  color: #333;
  margin: 0;
}

#errorExplanation ul li { 
  margin-left: 0;
  padding-left: 0;
  font-size: 0.8em;
  font-weight: normal;
  list-style: none;
}

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%;
}

/*Auto-Complete*/
.auto_complete {
    position:absolute;
    width:250px;
    background-color:#fff;
	border: #ccc solid 1px;
    margin:0 0 0 -1px;
    padding:0;
}

.auto_complete ul li {
    list-style-type: none;
    display:block;
 	font-size:1.2em;
	line-height: 0.8em;
 	font-weight: bold;
}

.auto_complete ul {
    list-style-type: none;
    margin:0px;
    padding:0px;
}

.auto_complete li {
	padding: 3px 0;
	border-bottom: #ccc solid 1px;
}

.auto_complete ul li.selected 
{ 
    background-color: #ff9;
}

.auto_complete span.sub_item {
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
}

/*-----------------------------------------------------------------splash_page___________________________________________*/

.keep_posted {
	background: #afc1c9;
	padding: 20px;
}