/* ------------------------------ GLOBAL -------------------------------------- */
html {height:100%;}
body {height:100%; margin:0; padding:0; color:#000; /*#434241 = grey; 97b3cc = map blue*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
/*	line-height: 1.5em; */
	background: #000000 url(/images/gradient_bg.jpg) repeat-x;
/*    font:normal 12px Arial, Helvetica, sans-serif;*/
/*    font:normal 12px Verdana, "Trebuchet MS", "Verdana", sans-serif;*/
}

img {behavior: url(/javascripts/iepngfix/iepngfix.htc);}
a, a:link, a:visited {color:#1061bb; outline:none; text-decoration:none;}
a:hover {text-decoration:underline; color:#d30;} /* background-color:#1061bb; */
fieldset {border:medium none;}

/* ------------------------------ HEADER FOOTER ------------------------------- */
/* header */
#header {width:926px; margin:0px auto 0pt; color:black;}
#header img {vertical-align:top; margin-right:0.25em;}

#banner {padding:4px 4px 0px 4px;}
#logo {font-size:30px; padding:10px;}
h1#logo a {text-decoration:none;}
#bannavlinks {color:black; font:12px Verdana;}
#bannavlinks a {color:black; text-decoration:underline; font-weight:bold;}

.text_logo a { font:bold 20px "Trebuchet MS"; background-color:#EEEEEE; border:1px solid #999999; padding:10px 20px 10px 20px; color:black; }
.text_logo a:hover { text-decoration:none; color:0; }
.text_logo { margin:10px; padding:10px 0px 10px 0px; }

/* header links */
#prinav
#prinavlinks {text-align:center;vertical-align:bottom;margin-left:0px;background:url(/images/subnavbg.png) repeat-x; padding:4px;font-size:13px; font-weight:bold; font-family:Trebuchet MS,Helvetica,Arial; margin:0px;}
#prinavlinks a {color:black; padding:4px 20px 4px 20px; text-decoration:none;border-right:1px solid #8E8E8E;}
#prinavlinks a.selected {color:white; background-color:#BFCAF4;background:url(/images/subnavbg-reverse.png) repeat-x;}
#prinavlinks a:hover {text-decoration:none; color:white;background:url(/images/subnavbg-reverse.png) repeat-x;B}
#prinavlinks a.selected:hover {color:white; background-color:#2B2B2B;}

#secnav {padding:8px 10px 8px 14px; border-bottom:1px solid #DDD;}
#secnavlinks {font-size:15px; font-weight:bold; font-family:Trebuchet MS,Helvetica,Arial;}
#secnavlinks a {padding:4px 20px 0px 0px; text-decoration:underline;}
#secnavlinks a.selected {color:black; background-color:white; text-decoration:none;}
#secnavlinks a.edit {font:normal 10px Verdana; padding:4px; text-decoration:underline;}

#subnav {color:black; padding:8px 10px 8px 14px;}
#subnavlinks {font-size:13px; font-weight:bold; font-family:Trebuchet MS,Helvetica,Arial;}
#subnavlinks a {padding:4px 20px 0px 0px; text-decoration:underline;}
#subnavlinks a.selected {color:black; background-color:white; text-decoration:none;}
#subnavlinks a.edit {font:normal 10px Verdana; padding:4px; text-decoration:underline;}

/*
#subnav {background-color:white;color:white; padding:10px 0px 0px 0px;}
#subnavlinks {font:bold 13px Arial; padding:3px; color:black;}

#subnavlinks a {color:#BFCAF4; padding:4px 8px 4px 8px; margin-left:8px; text-decoration:none;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;	
	}
#subnavlinks a.selected {color:black; background-color:white;}
#subnavlinks a:hover {background-color:white;opacity:0.7;color:black;}
*/

/* li subnav */
#subnav #subject_pages LI {display:inline;}

/* small header */
.bigbanner {font-size:24px; font-family:Helvetica, Arial;}

/* footer */
#footer {margin:0px auto 0pt; width:926px; text-align:center; font-size:10px;}
#footerlinks a {color:#CCCCCC; padding:4px 8px 4px 8px; text-decoration:none;}
#footerlinks a:hover {text-decoration:underline;}

/* cloud background */
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv3 span, #extraDiv4, #extraDiv5, #extraDiv6, #extraDiv6 span {position:absolute;}
#extraDiv1 {background:url(/images/clouds.jpg) repeat-x; top:0px; right:0px; width:100%; height:104px; z-index:-10;}
#extraDiv2 {background:url(/images/water_edge.jpg) repeat-x; top:104px;	right:0px; width:100%; height:75px; z-index:-10;}
#extraDiv6 {left:0px; width:100%; z-index:-9;}
#extraDiv6 span {background:url(/images/seafloor.jpg) no-repeat; top:0px; left:0px;	width:633px; height:426px; z-index:-9;}
#extraDiv7 {background:url(/images/partial-header.png); top:4px; right:41px; width:992px; height:35px; z-index:-10; position:relative;} 


/* ------------------------------ LAYOUT CONTAINER ---------------------------- */
/* container DIV for body */
#container {margin:0px auto 0pt; position:relative; width:992px; background:url(/images/bg.png);}
#container_footer {width:992px; margin: 0px auto 0pt;}

/* container DIVs setting widths for columns */
#content_1, #content_2, #content_3 {/*min-width:820px;*/ width:924px; text-align:left;
    margin:0px auto 0px; padding:0px;
}
#a-col {border:0px solid blue; width:200px;	padding:12px 0px 0px 12px;}
#b-col {width:460px; padding:12px 12px 40px 12px;}
#c-col {border:0px solid red; width:200px; padding:12px 12px 0px 0px;}
#content_1 #b-col {width:900px;}
#content_2 #b-col {width:656px; border-right:0px solid #BBBBBB;}
#content_2 #c-col {width:232px;}
#main {padding:0px;}
.column {border:0px dashed black; float:left;}

/* content containers */
p {margin:0px 0px 12px 0px;}
.col_section, .adm_section, .description {border:1px solid #BBBBBB; background-color:#F3F3F3; padding:5px; margin:0px 0px 12px 0px;}
.adm_section {border:1px solid red;}
.description {background:#EEEEEE; border:1px solid #BBBBBB;}
.description .mainphoto {margin-right:8px;}

/* Round containers */
.round {border-radius:8px; -moz-border-radius:8px;
    background-position:100% 0, 100% 100%, 0 0, 0 100%; background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;}
.midround {border-radius:16px; -moz-border-radius:16px;
    background-position:100% 0, 100% 100%, 0 0, 0 100%; background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;}
.biground {border-radius:32px; -moz-border-radius:32px;
    background-position:100% 0, 100% 100%, 0 0, 0 100%; background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;}

/*  
	background-image:url(/images/app/corners/tr32.png), url(/images/app/corners/br32.png), url(/images/app/corners/tl32.png), url(/images/app/corners/bl32.png);
    background-image:url(/images/app/corners/tr16.png), url(/images/app/corners/br16.png), url(/images/app/corners/tl16.png), url(/images/app/corners/bl16.png);
    background-image:url(/images/app/corners/tr.png), url(/images/app/corners/br.png), url(/images/app/corners/tl.png), url(/images/app/corners/bl.png);
*/

/* Icons and special character formatting */
.rating_count {display:block; color:#93883F; background-color:#FFF3B0; min-height:20px;	padding:2px 0px 2px 0px; 
    margin-right:10px; margin-right:10px; text-align:center; text-decoration:none;	width:40px;	float:left;	font:bold 16px Arial;}


/* ------------------------ ALIGNMENT SPACING --------------------------------- */
.nomargin {margin:0px;}
.btmargin {margin-bottom:16px;}
.spadded {padding:2px;}
.padded {padding:5px;}
.pad10 {padding:10px;}

/* Aligning DIVs and clearing */
.hide {display:none;}
.vat {vertical-align:top;}
.floatleft {float:left;}
.floatright {float:right;}
.clear, reset {clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* ------------------------------ TABLES -------------------------------------- */
/* Pagination */
.pages {float:right; padding-bottom:2px;}
.page_links {font-weight:bold;}

/* Default table */
table {border-collapse:collapse; border:1px solid #ddd; margin:0px 0px 12px 0px;}
table.wide {width: 100%;}
table tr.even {background:white;}
table tr.odd {background:white;}
table tr th {background:#425D86; color:white; font-weight:normal; padding:4px 5px 4px 5px; border:1px solid #BBBBBB;}
table tr td {padding:4px 5px 4px 5px;}
table tr td.vat {vertical-align:top;}
table tr td.nowrap {white-space:nowrap;}
table.rows tr td {border-bottom:1px solid #ddd;}
table.grid tr td {border:1px solid #ddd;}

/* Table alignment */
.la {text-align:left;}
.ca {text-align:center;}
.ra {text-align:right;}

/* Common columns */
td.message_col, th.message_col {width:200px;}
td.accept_col, th.accept_col {width:80px; text-align:center;}
td.reject_col, th.reject_col {width:80px; text-align:center;}
td.photo_col {width:70px; text-align:center;}


/* ------------------------------ CONTENT ------------------------------------- */
/* content headings */
h1 {color:#333333; font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;}
h1 {font-size:20px; font-weight:bold; margin:-2px 0px 8px 0px;}
h1.nomargin {margin:0px;}
h1 a {color:#10206F;}
h1 a:visited {color: #10206F;}
h2 {color:#555; margin:0px 0px 8px 0px; font:bold 16px "Trebuchet MS", Tahoma, Verdana, sans-serif;
    border-bottom:1px solid #BBBBBB; padding-bottom:1px;}
h2 a {color:#1A3F75;}
h2 a:visited {color: #1A3F75;}
h3 {color:#405531; margin:0px 0px 0px 0px; font:bold 14px "Trebuchet MS", Tahoma, Verdana, sans-serif;}

/* common font styles */
.warn {color:orange;}
.red {color:#990000;}
.green {color:green;}
.admin {color:#c00;}
.help, .optional {font-size:10px; color:#666;}
.xsmall {font-size:10px;}
.hl {font-weight:bold; color:black; background-color:#DCF0C9;}
.highlight {font-weight:bold; color:#800; padding-left:2px; padding-right:2px;}
.date_title {text-transform:uppercase; letter-spacing:0.2em; color:#888;}
.time_duration {font-weight:normal; font-size:11px; color:#888;}
.postedby {font:normal 11px Arial, Helvetica, sans-serif; color:#666;}

/* Lists */
ul.nodecoration, ol.nodecoration {list-style-image:none; list-style-position:outside; list-style-type:none; padding:0px; margin:0px;}

/* notices, errors */
.info {background:#E3F1FF; border:1px solid #6A3; padding:10px; margin:0px 0px 12px 0px; color:#346;}
.notice {background:#DCF0C9; border:1px solid #6A3; padding:10px; margin:0px 0px 12px 0px; color:#460;}
.errorExplanation {background:#fee url(/images/app/icons/no.png) 5px 5px no-repeat; border: 1px solid #faa;
    padding:10px 10px 10px 50px; margin:0px 0px 12px 0px; color:#333;}
div.errorExplanation ul {list-style:none; margin:5px 0;}
div.errorExplanation h2, div#error h2 {background:transparent; border:0; padding:0;}

/* comments boxes */
.comment {margin-bottom:12px;}
.comment_head {border-top:1px solid #ccc; width:550px; padding-left:5px;}
.comment_body {border-top:1px solid #ccc; margin-top:5px; }
.comments {font-size:10px; background: url('/images/comments.gif') 0px 0px no-repeat; padding: 2px 2px 2px 19px; margin-top:2px;}
.comment_textarea {width:600px;}

/* getting_started boxes used for large instructions on landing pages */
.getting_started {background:#fcf0e0; border:1px solid #BBBBBB; padding:10px; margin-bottom:12px; font-size:11px;}
.getting_started ul, .getting_started ol {list-style-position:outside; list-style-type:disc; line-height:20px;}
.getting_started .mainphoto {margin-right:8px;}
.getting_started .leftcol {margin-left:10px; width:47%;}
.getting_started .rightcol {margin-right:10px; width:47%;}
.getting_started .gsphoto {margin:0px 0px 4px 16px;border:1px solid black;}
.getting_started ul.explore {list-style-position:outside; list-style-type:disc; line-height:24px; font-size:18px;}


/* bread crumbs */
.crumbs {font:normal 16px Arial; margin:0px 0px 12px 0px;}
span.arrow {font-size:14px; color:#999;}


/* ------------------------------ FORMS --------------------------------------- */
.form_section{background:#EEEEEE; border:1px solid #BBBBBB; padding:15px 10px 40px 10px; margin:0px 0px 12px 0px;
    border-radius:8px; -moz-border-radius:8px;
    background-image:url(/images/app/corners/tr.png), url(/images/app/corners/br.png), url(/images/app/corners/tl.png), url(/images/app/corners/bl.png);
    background-position:100% 0, 100% 100%, 0 0, 0 100%; background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;}
.formrow:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.formrow {display:inline-block; margin:0px 0px 10px 0px;}
/* Hide from IE Mac \*/
.formrow {display:block;}
/* End hide from IE Mac */
.formrow .editleft {float:left; width:100px; text-align:right; padding:4px 12px 0px 0px;}
.formrow .editright {float:left; width:400px; padding:0px;}
.formrow .editright_narrow {float:left; width:250px; padding:0px;}
.formrow .contentright {float:left; width:400px; padding:4px 12px 0px 0px;}
.formrow .formError {margin:4px 0px 4px 112px; width:392px; padding:4px; background:#fee; color:#333; border:1px solid #faa;} 
label {font-weight:bold;}
input.primary {width:336px;	font-size:24px;	line-height:28px; font-weight:bold;	padding:3px;}
input.text {width:200px;}
input.submit {border:0; padding:1px 0 0 0; margin:0px 0 0 10px;}
textarea {height:160px; width:400px;}
textarea#post_body, textarea#topic_body {height:300px; width:600px;}

table.form {border:0px solid #bbb;}
table.form .formError {color:red;} 
table.form th, table.form td {padding-bottom:8px;}
table.form th {text-align:right;background:0;color:black;border:0px solid #bbb;}
table.form td label {font-weight:normal;}
table.form tr td {border-bottom:0px solid #bbb;}
input, textarea, select {border:1px solid #888; background:#ffc;}
input:hover {border:1px solid #00f; background:#ff6;}
input.pbutton {border:1px solid #006; background:#b9f75b;}
input.pbutton:hover {border:1px solid #f00; background:#6f6;}
input.sbutton {border:1px solid #006; background:#faa;}
input.sbutton:hover {border:1px solid #f00; background:#f66;}
input.tbutton {border:1px solid #006; background:#fcc;}
input.tbutton:hover {border:1px solid #f00; background:#fee;}


/* ------------------------------ BUTTONS ------------------------------------ */
/* ---- Default Button ---- */
.btn {background:none; margin:0px 2px 0px 2px; display:block; text-align:center;}
.btn A {text-decoration:none;}
.btn_data {display:block; background:#ABC6EB; color:#183154;}
.btn_title {padding:2px; padding-left:5px; background:url( '/images/bluegrad.gif' ) 0px 0px repeat-x; background-color:#d8e5f6; font:bold 13px Helvetica, Arial, Verdana; white-space:nowrap; }
.btn_title b {font:bold 14px Helvetica;}
.btn_title IMG {vertical-align:middle;}
.btn_t, .btn_b {display:block; background:transparent; font-size:1px;}
.btn1, .btn2, .btn3 {display:block; overflow:hidden;}
.btn1, .btn2, .btn3 {height:1px;}
.btn2, .btn3 {background:#ABC6EB; border-left:1px solid #DEE9F7; border-right:1px solid #DEE9F7;}
.btn1 {margin:0 3px; background:#ABC6EB; background-color:#7387AF;}
.btn2 {margin:0 2px; border-width:0 1px;}
.btn3 {margin:0 1px;}
.btn_t .btn2, .btn_t .btn3 {background:#DEE9F7;}
.btn_data, .btn2, .btn3 {border-left:1px solid #7387AF; border-right:1px solid #7387AF;}
.btn A:hover {cursor:pointer; background:url('/images/blank.gif');}
.btn A:hover .btn1 {background-color:#000;}
.btn A:hover .btn_data, .btn A:hover .btn1, .btn A:hover .btn2, .btn A:hover .btn3 {border-left:1px solid #000; border-right:1px solid #000;}
.btn A:hover .btn_t .btn2, .btn A:hover .btn_t .btn3 {background:#ABC6EB;}
.btn A:hover .btn_title {background: url( '/images/bluegrad.gif' ) 0px -70px repeat-x; background-color:#DEE9F7;}

/* ---- Red Button ---- */
.btn A.red .btn_title {background:url( '/images/redgrad.gif' ) 0px -0px repeat-x; background-color:#FFE4E0;}
.btn A.red .btn_data {color:#183154;}
.btn A.red .btn_data, .btn A.red .btn1, .btn A.red .btn2, .btn A.red .btn3 {background:#FF9196; border-left:1px solid #7387AF; border-right:1px solid #7387AF;}
.btn A.red .btn_t .btn2, .btn A.red .btn_t .btn3 {background:#FFE4E0;}
.btn A.red .btn1 {background-color:#7387AF;}
.btn A.red:hover .btn_data, .btn A.red:hover .btn1, .btn A.red:hover .btn2, .btn A.red:hover .btn3 {border-left:1px solid #000; border-right:1px solid #000;}
.btn A.red:hover .btn_title {background: url( '/images/redgrad.gif' ) 0px -70px repeat-x; background-color:#FFE4E0;}
.btn A.red:hover .btn_t .btn2, .btn A.red:hover .btn_t .btn3 {background:#FF9196;}
.btn A.red:hover .btn1 {background-color:#000;}

/* ---- Green Button ---- */
.btn A.green .btn_title {background:url( '/images/greengrad.gif' ) 0px -5px repeat-x; background-color:#b9f75b;}
.btn A.green .btn_data {color:#183154;}
.btn A.green .btn_data, .btn A.green .btn1, .btn A.green .btn2, .btn A.green .btn3 {background:#b9f75b; border-left:1px solid #7387AF; border-right:1px solid #7387AF;}
.btn A.green .btn_t .btn2, .btn A.green .btn_t .btn3 {background:#E5FFDC;}
.btn A.green .btn1 {background-color:#7387AF;}
.btn A.green:hover .btn_data, .btn A.green:hover .btn1, .btn A.green:hover .btn2, .btn A.green:hover .btn3 {border-left:1px solid #000; border-right:1px solid #000;}
.btn A.green:hover .btn_title {background: url( '/images/greengrad.gif' ) 0px -65px repeat-x; background-color:#b9f75b;}
.btn A.green:hover .btn_t .btn2, .btn A.green:hover .btn_t .btn3 {background:#b9f75b;}
.btn A.green:hover .btn1 {background-color:#000;}

/* silver round button with text link */
.hbutton_shell {float:left; background:url(/images/button_active.png) no-repeat bottom -30px; margin:-2px 0px 1px 0px;}
.hbutton {float:left; display:block; color:#777; text-decoration:none; background:url(/images/button.gif) no-repeat;}
.hbutton .tr {background:url(/images/button.gif) no-repeat top right;}
.hbutton .bl {background:url(/images/button.gif) no-repeat bottom left;}
.hbutton .br {background:url(/images/button.gif) no-repeat bottom right;}
.hbutton span.plus {background:url(/images/button_plus.gif) no-repeat 9px center; display:block; padding:3px 9px 5px 22px;
    color:#333; font-size:3px; font-weight:bold;}
.hbutton span {color:#333; font-size:11px; font-weight:bold; display:block; padding:3px 9px 5px 9px; /*text-shadow: white 0px 1px 1px;*/}
.hbutton:hover {color:#333; text-decoration:underline;}
.hbutton:active, .hbutton:active .tr, .hbutton:active .bl, .hbutton:active .br {background-image:url(/images/button_active.gif);}
.hbutton_align {margin-top:0px}

/* Icon buttons */
img.icon {vertical-align: bottom;}
h1 img.icon, h2 img.icon, h3 img.icon {vertical-align: middle;}

/* Links */
a.edit {font:normal 10px Verdana; text-decoration:underline;}
.miniavatar {vertical-align:middle;}
.continuedlink {font-size:11px;}
.postedby .user {font-size:11px;}
.morelink {font-weight:bold;}

/* ----------------------------- HOME PAGE ------------------------------------ */
.home_page_index #content_2 #b-col {width:500px;}
.home_page_index #content_2 #c-col {width:388px;}

/* ----------------------------- PHOTOS --------------------------------------- */
/* photos */
.mainphoto img {margin:0px; border:1px solid #333;}
.mainphoto a:hover img {border:1px solid #d30;}
.thumbnails img {padding:2px; margin:0px; border:1px solid #999; background-color:white;}
.thumbnails a:hover img {border:1px solid #1061bb; background-color:white;}
.photo400box {width:400px; margin:0px; border:1px solid #333;}
.photo640box {width:654px; margin:0px; border:1px solid #333;}
.placeholder {text-align:center; padding:60px 0px 68px 0px;}
.photo {margin:10px;}
.photos {padding:4px; margin:8px; border:1px solid #999;}
img.photos {padding:6px; margin:0px; border:1px solid #B4BDC8; background-color:white;} 
div.photo_caption {font-size:1em; padding: 0px 5px 2px 5px; border: 0px solid black; width:132px; height:1em;
    overflow:hidden; text-align:center;}
div.photo:hover .photo_caption {font-size:1em; padding: 0px 5px 2px 5px; border: 0px solid black; width:132px;
	height:auto; overflow:visible; text-align:center; background-color:#D4DFEE;}
.photo_header {font-weight:bold;}
div.album {text-align:center; margin:5px; width:170px; height:200px;}
.album .subheading {font-size:12px;}
.album_title {border:0px solid black; font-weight:bold;	color:rgb(77,77,77);}
.album_title .count {font-weight:normal; color:rgb(127,127,127);}

/* ------------------------------ USERS --------------------------------------- */
.avatar {margin:0px;}
td.avatar_col {width:35px; text-align:center;}
#bio {background-color:white; border:1px solid #CCC; width:494px; padding:8px; margin-left:12px;}
 
/* ------------------------------ BOATS --------------------------------------- */
#boat_specs table {width:240px;}
.boatblock {margin-bottom:16px;}

/* ------------------------------ DERBIES ------------------------------------- */
.derby_banner a { background-color:#EFF; border:1px solid #9CC; padding:10px;}
.derby_banner { margin:5px 0px 5px 0px; padding:10px;}
.derby_badge { border:1px solid #9CC; margin-bottom:10px;}

/* ------------------------------ ANIMALS ------------------------------------- */
h1 .scientificname {font:normal 18px Georgia;}
div#subspecies_list {overflow:auto; max-height:200px;}

/* ------------------------------ FORUMS -------------------------------------- */
img.reply {background:#696; background-image:url(/images/clearbits/bg_rounded.gif); background-repeat:no-repeat;}

table tr .activitycol {vertical-align:top; width:16px; padding-top:8px; text-align:center;}
table tr .maincol a:visited {color:#70c;}
table tr .maincol a:hover {color:#d30;}
table tr .statcol {text-align:center;}
table tr .lastpostcol {text-align:right;}
table tr td.lastpostcol {font-size:10px; line-height:130%; color:#333; padding:2px 5px 2px 0px;}

table.forums {width:100%;}
table.forums tr td {border:1px solid #eee;}
table.forums tr td.lastpostcol {background:#eee; border:1px solid #ddd;}
table.forums tr td .title {font-size:16px;}
table.forums tr td div.desc {margin:4px 0px 0px 0px;}

table.topics {width: 100%;}
table.topics tr td {border:1px solid #eee;}

table.posts {width:100%;}
table.posts tr th {text-align:center;}
table.posts tr.spacerrow td {height:10px; background:#10257F;}

.post td.authorcol {background:#eee; color:#333; font-size:11px; width:140px; vertical-align:top;}
.post td.authorcol .user {font-weight:bold;}
.post td.messagecol {padding:0px; vertical-align:top;}
.post .messagehead {padding:2px; font-size:11px; border-bottom:1px solid #eee;}
.post .messagebody {padding:5px; min-height:118px; font:normal 13px "Trebuchet MS", Tahoma, Verdana, Arial;}
.post .messagefoot {padding:2px; font-size:11px; border-top:1px solid #eee;}

.messagebody blockquote {
	font-size:12px; background:#eee; padding: 5px 10px;
    border:1px solid #ccc; border-left:3px solid #ddd; border-right:0;
}
/*
blockquote:before {content:open-quote; font-size:25px; height:0; margin-left:-1.55em;}
blockquote:after {content:close-quote; font-size:25px; height:0; margin-left:-1.55em;}
*/
#edit_post_body {height:100%;width:100%;}

/* ----------------------------- SPOTS LOCATIONS ------------------------------ */
.correct_spot {font-size:1.2em; color:green;}
.location_ancestors {list-style-image:none;list-style-position:outside;list-style-type:none;padding-left:12px;margin:0px;}
.areas_select {width:190px;}
div#subarea_list {overflow:auto; max-height:390px;}


/* ----------------------------- PAGE FRAGMENTS ------------------------------- */
.fragment_add_image {width:196px; margin-left:12px;}

/* ------------------------------ TRIPS --------------------------------------- */
.perm_Private {font-weight:normal; background: url('/images/lock.gif') 0px 0px no-repeat; padding: 2px 2px 2px 19px; margin-top:2px; }
#edit_visit_body {height:100%;width:100%;}

/* trip list */
.tripsort {text-align:right; padding:4px;}
.catch_description {font-size:11px;}

/* trip list row */
.tripblock {margin-bottom:16px;}
.tripblock A.name {font:bold 15px "Trebuchet MS", Tahoma, Verdana, Arial;}
.tripblock .location {font-size:11px; color:#C76724;}
.tripblock .summary {padding-bottom:4px; border-bottom:solid 1px #ccc; font:normal 13px "Trebuchet MS", Tahoma, Verdana, Arial;}
.tripblock .views {font-size:11px; color:#666;}

/* trip view */
.visitblock .summary {padding-bottom:4px; margin-bottom:4px; font:normal 13px "Trebuchet MS", Tahoma, Verdana, Arial;}

/* trip map */
table#map, table#map tr td, table#map tr {margin:0px; padding:0px; border: 0px; overflow-y:hide;}
.visit_location {font-weight:bold; margin-top:8px; font-size:16px;}
#map_canvas * { behavior: url(); }


/* ------------------------------ PHOTO --------------------------------------- */
img {border:medium none;}
img.left {float:left; margin:2px 20px 16px 0pt;}
img.right {float:right; margin:2px 0pt 16px 20px;}
img.across {margin:2px 0pt 16px;}
img.flushleft {margin-left:-20px;}
img.flushright {margin-right:-20px;}
div.photo_slab {width:128px; height:128px; background-color:white; float:left; margin:4px 4px 0px 0px; padding:2px;}
img.photo_picker {float:left; padding:1px;}

.gray {color:white;	font-weight:bold; font-size:15px; background-color:gray; padding:8px;}

.selected {border:2px solid #FFE514; padding:2px;}
a.selected {border:0px;}
.unselected {border:2px solid white; padding:2px;}
.unselected:hover {border:2px solid grey; padding:2px;}

#ContinueLink {display:none;}


/* ------------------------------ CLEAN UP ------------------------------------- */

/* @group Utilities */
* {outline:none;}
.overlay {position:fixed; top:0; left:0; width:100%; z-index:99999; height:100%; display:block; text-align:left;}
.overlay-content {background:url(/images/app/sheet-bottom-wide.png) bottom left no-repeat; line-height: 100%;
    margin:0 auto 0 auto; padding: 3px; padding:0 0 0 0; color:#333; border-top:0; width:618px;}
.overlay-form {background: url(/images/app/sheet-wide.png) bottom left repeat-y; margin:0px; padding:0 7px 10px 6px;}

/* My Comment */
.overlay-form h2 {border-bottom:1px solid #bbb;margin-top:0px; margin-right:8px; padding:10px; text-shadow:2px 2px #fff;}
#profile-pic {float:right;}
.rform {margin:0px;	padding:0px; background-color:#eee;}
.rform form {padding:0 8px 20px 6px;}
.rform h2 {padding:10px; border-bottom:1px solid #bbb; text-shadow:2px 2px #fff;}
.oform {padding:0 7px 20px 6px;}
div.oform p label {display:block !important; margin-top:10px; padding:5px 0; font-weight:bold; text-shadow:2px 2px #fff;}
.oform p {padding:0px 20px;}
.oform textarea {width:99%; border:1px solid #ccc;}
.oform form {padding:20px;}
.oform fieldset {border:none;}
input.big {font-size:150%; width:95%;}
.primary_value {font-size:130%;	font-weight:bold;}
p.btns {margin:0px; padding:10px 25px 15px 20px; text-align:right;}
.imgbtn, .cancelbtn {cursor:pointer; border:none;}

#plugins li a {display:block; border-bottom:1px solid #ccc; border-top:1px solid #f7f7f7;
    padding:5px 0 5px 25px; background-repeat:no-repeat; background-position:0 50%; font-weight:bold;}
#pictures li {list-style:none; display:block; float:left; margin-right:30px; margin-bottom:30px;}

.visit {padding:8px; margin-bottom:8px;}
#monitor_topic a {color: #666;}

.button_or {color:#666; padding-left:0.5em;}
.button_or a {color:#c00;}
form.dialog {margin-top:3em; background:#eee; width:300px; padding:15px;}
p.online {margin-bottom:0;}
img.orange {background-color:darkorange;}
img.grey {background-color:#ccc;}
img.darkgrey {background-color: #999;}
img.green {background-color: #0c0;}

div.editbox {background: url(/images/reply_background.png); border:2px solid #333; border-width:2px 0;
    padding:6px 0 7px; position:fixed; bottom:0; left:0; width:100%; z-index:50;}
div.editbox .container {margin:0 auto; width:92%; min-width:760px;}
div.editbox p {margin:0.5em 0;}
div.editbox textarea {width:100%; background:white; opacity:1; font-size:0.8em;}
div.editbox .button_or a {color:#ccc;}
div.editbox table td {border:0;}
div.editbox a.utility {margin-top:0.2em; padding:2px 5px 4px; display:block; float:right;
    text-align:right; color:#f99; font-size:0.65em;}
div.editbox h5 {margin:0.2em 0 0.5em; padding:2px 10px 3px; background:#222; color:white; font-size:0.7em;}
div.editbox p.help span, div.editbox ul.help span {color: #666;}
div.editbox p.help, div.editbox ul.help {padding:3px 10px; font-size:0.75em; font-family: Arial, Helvetica, sans-serif; color:#ccc;}
div.editbox ul.help {margin-left:-30px;}
div.editbox ul.help {list-style-type: none;}

div.auto_complete {width:350px; background:#fff; z-index:500;}
div.auto_complete ul {border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none;}
div.auto_complete ul li {margin:0; padding:3px;}
div.auto_complete ul li.selected {background-color: #ffb;}
div.auto_complete ul strong.highlight {color: #800; margin:0; padding:0;}

#primaryintro td a {display:block; padding:75px 26px 6px 26px; text-align:center; text-decoration:none;
	line-height:110%; font-family:"Trebuchet MS", Arial;}
#primaryintro { padding-bottom:30px;}
#primaryintro table { border:0px solid black; }
#primaryintro td a strong {font-size:120%;}
#tour-book { background:transparent url(/images/icons/book.png) no-repeat scroll center top;}
#tour-chart { background:transparent url(/images/icons/chart.png) no-repeat scroll center top;}
#tour-photo { background:transparent url(/images/icons/photo.png) no-repeat scroll center top;}		
#tour-email { background:transparent url(/images/icons/email.png) no-repeat scroll center top;}

#ribbonnav td a {border:2px solid white; display:block;	padding:75px 26px 6px 26px;
    text-align:center; text-decoration:none; line-height:110%; font-family:"Trebuchet MS", Arial;}
#ribbonnav td a:hover {background: url(/images/icons/book.png);}
#ribbonnav td a.selected { color:black; border:2px solid #CF6;}
#ribbonnav td a:hover { border:2px solid #d30;}

#ribbonnav table {border:0px solid black;margin:0;padding:0;}
#ribbonnav table tr td {padding:0px;}
#ribbonnav {border-width:0px;}

#tour-book { background:transparent url(/images/icons/book.png) no-repeat scroll center top;}
#tour-chart { background:transparent url(/images/icons/chart.png) no-repeat scroll center top;}
#tour-photo { background:transparent url(/images/icons/photo.png) no-repeat scroll center top;}		
#tour-email { background:transparent url(/images/icons/email.png) no-repeat scroll center top;}

#mystuff {color:black;}
#mystuff a {text-decoration:underlined; color:#1061bb;}
#mystuff a:hover {text-decoration:none;background-color:#1061bb; color:white;} 

.calendar_date_select {
  color:white;
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  font-weight:bold;
  background-color: #aaa;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
  color: white !important;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #555;
}

.calendar_date_select .cds_footer {
  background-color: black;
  padding:3px;
  font-size:12px;
  text-align:center;
}

.calendar_date_select table {
	border-collapse: separate
}

.calendar_date_select table th {
	padding:0px;
	margin:0px;
	border:0px;
}
.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}

.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}
.calendar_date_select .cds_buttons a {
  color: white;
  font-size: 9px;
}

.calendar_date_select td {
  padding:0px;
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
  border-left: 1px solid #eee;
}
.calendar_date_select td.weekend {
  background-color: #eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td {
  border-bottom: 1px solid #ddd;
}
.calendar_date_select td.selected {
  background-color:#2256A1;
  
}

.calendar_date_select td:hover {
  background-color:#85C5FF;
}

.calendar_date_select td.today {
  border: 2px solid red;
  color:white;
}


.calendar_date_select td.disabled div {
  color: #e6e6e6;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}