/* Classic mode - legacy {{{
 */

/*
 * Left rail: 12.5em
 * Right rail: 15em
 */

body#classic .rightitem,
body#classic .leftitem {
  padding: 0.7em;
}

#leftrail {
  float: left;
  width: 12.5em;
  margin-left: -12.5em;
  position: relative;
}

#rightrail {
  float: right;
	width: 15em;
	margin-right: -15em;
	position: relative;
}

#middlerail {
  float: left;
	width: 100%;
  margin-right: -100%;
  background: url('hatched_bg.gif') repeat;
}

.middleitem {
  padding: 0.7em;
}

body#editfriends div#header,
body#teamdetail div#header,
body#classic div#header {
  margin-left: -12.5em;
  margin-right: -15em;
}

div#container {
  background-color: #ffffff;
	float: left;
	width: 100%;	
	border-left: 12.5em solid #dfe0d2; /* The width and color of the left rail */
	border-right: 15em solid #dfe0d2; /* The width and color of the right rail */
	margin-left: -12.5em;
	margin-right: -15em;
	display: inline; /* So IE plays nice */
  min-height: 800px;
}

/* }}} */
/* Macro layout - columns {{{
 */

body.plustheme
{
	min-width: 770px;
}

body#editfriends,
body#teamdetail,
body#classic {
  margin: 0;
  padding: 0 15em 0 12.5em;
  min-width: 500px;
  font-size: 0.85em;
  font-family: arial, "bitstream vera sans", sans-serif;
  background: #dfe0d2;
}

div#header {
	background: #ffffff;
  height: 3.1em;
	border-bottom: 1px solid #765;
}

#footer {
  clear: both;
}

.footeritem {
  background: #e0e0e0;
}

#leftrail h1, 
#rightrail h1 {
	margin: 0;
  margin-bottom: 4pt;
	padding: 0 4pt 0;
	font-size: 1em;
	letter-spacing: 1.5pt;
	border-bottom: 1px solid #bbb;
}

body#classic h1,
body#classic span.h1 {
	font-weight: bold;
}

body#classic #middlerail h1, 
body#classic #middlerail span.h1 {
	font-size: 1.75em;
}


/* }}} */
/* Macro layout - plus columns {{{
 *
 * Left rail: 12.5em
 */

body.plustheme
{
  font-family: arial, "bitstream vera sans", sans-serif;
  background: url('hatched_bg.gif') repeat;
  font-size: 0.85em;
	margin: 0;
}

body.plustheme .rightitem
{
	margin-top: 0.2em;
	margin-left: 0.2em;
}

div#plusright {
	float: right;
  width: 17.8em;
  padding-left: 0.3em;
}

div#recent_history {
	display: inline;
}

div#recent_history td {
	white-space: nowrap;
}

#plusleft {
	margin-right: 18.0em;
}

#plusleft h1 {
	margin: 0;
}

/* }}} */
/* Style - Fonts, margins, spacing, etc. {{{
 */
h1, span.h1 { font-size: 1.5em; }
h2, span.h2 { font-size: 1.25em; }
h3, span.h3 { font-size: 1.1em; }

h1, h2, h3, h4, span.h1, span.h2, span.h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
}

img { border: 0; }
.smaller { font-size: 80%; }
/* }}} */
/* Tabs {{{
 */

#tabs {
	float: left;
  font-size:93%;
  line-height: normal;
}

#tabs ul {
  margin: 0;
  padding-top: 16px;
	padding-left: 1em;
	xxpadding-right: 8em;
  list-style: none;
}

#tabs li {
  float:left;
  background:url("tab_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 7px;
}

#tabs a {
  float:left;
  display:block;
  background:url("tab_right.gif") no-repeat right top;
  padding:5px 13px 4px 4px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
#tabs a:hover {
  color:#333;
}

body#classic #tab-classic,
body#plusmode #tab-plusmode,
body#posts #tab-posts,
body#mysteps #tab-mysteps,
body#editfriends #tab-editfriends,
body#preferences #tab-preferences,
#tabs #current {
  background-image:url("tab_left_on.gif");
}

body#classic #tab-classic a,
body#plusmode #tab-plusmode a,
body#posts #tab-posts a,
body#mysteps #tab-mysteps a,
body#editfriends #tab-editfriends a,
body#preferences #tab-preferences a,
#tabs #current a {
  color:#333;
  padding-bottom:5px;
  background-image: url("tab_right_on.gif") !important;
}

/* }}} */
/* Right hand usertools bar {{{
 */

#usertools {
	float: right;
  padding-top: 0.9em;
}

#usertools ul {
  margin: 0;
  padding: 0;
  list-style:none;
	padding-left: 0;
}

#usertools li {
  float:left;
  background: none;
  margin: 0;
  padding-right: 1em;
}

#usertools img {
	vertical-align: middle;
}

#usertools a {
  float: inherit;
  background: none;
  padding: 0;
  text-decoration: none;
  font-weight: normal;
  color: #900;
}

/* }}} */
/* Tables {{{
 */

table {
	empty-cells: show;
}

table.zebra {
  border: 1px solid #666666;
	}
table.zebra tbody tr td, table.zebra thead tr td {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 8pt;
  padding: 3px 8px;
  border-left: 1px solid #d9d9d9;
	vertical-align: top;
}
table.zebra thead tr td {
	font-weight: bold;
	background-color: #cccccc;
	}
table.zebra tr.odd {
  background-color: #edf3fe;
	}
table.zebra tr.even {
  background-color: #fff;
	}
table.zebra tbody tr.selected td
{
  background-color: #3d80df;
  color: #ffffff;
  font-weight: bold;
  border-left: 1px solid #346DBE;
  border-bottom: 1px solid #7DAAEA;
}
table.zebra tbody tr.selected td a:visited
{ color: #ffffff; }
table.zebra tbody tr.selected td a:link 
{ color: #ffffff; }

table.zebra a img {
	margin: 1px;
	border: 0;
	}
table.zebra a:hover img {
	margin: 0;
	border: 1px solid #f00;
	}
table.zebra td.nowrap {
	white-space: nowrap;
}

/* }}} */

table.nowrap td {
	white-space: nowrap;
}

body#preferences fieldset {
	margin-top: 1em;
}

.indented {
	margin-left: 1.5em;
	padding-left: 0.5em;
	font-weight: bold;
  color: #787878;
}

tr.selected .indented {
	color: #000000;
}

#enter_steps_wait {
	float: right;
	display: none;
}

.awardbox {
  background-color: #66ff66;
  border: 1px solid black;
  font-family: verdana, arial, san serif;
  font-size: 0.8em;
	vertical-align: center;
}

div#enter_steps {
	xx-float: left;
  xx-max-width: 40em;
}

textarea#in_mets_note {
	width: 25.5em;
}

div#enter_steps td.label {
  width: 4.0em;
}

div#enter_steps td.input input {
  width: 5.0em;
  margin-right: 0.3em;
}

#post_search_input {
	width: 9em;
}

input#m_desc_text_field {
	width: 25em;
}

div#admin_console {
	font-size: 0.9em;
}

div.adsense {
	margin-top: 2px;
	/*margin-left: -5px;*/
}

div#userbio td {
	vertical-align: top;
}

div#notifications {
	border: 3px solid red;
  margin-left: 1.0em;
  margin-right: 1.0em;
}

div#notifications img#delete {
	float: right;
}

table#addsteptable tr {
	font-size: 0.9em; 
	}

a:link { color: #900; }
a:visited { color: #48468f; }
a:hover { color: #f20; }

a img {
	margin: 1px;
	border: 0;
	}
a:hover img {
	margin: 0;
	border: 1px solid #f00;
	}
a img.noborder {
	margin: 0;
	border: 0;
	}
a:hover img .noborder {
	margin: 0;
	border: 0;
	}
#addstepsection form {
	padding: 0;
	margin: 0;
	}
#leftitem h2 {
	font-size: 0.9em;
}

td.number {
	text-align: right;
	white-space: nowrap;
}

span.searchterm {
	background-color: #ffff33;
}

span.attribution {
  font-size: 0.7em;
	font-style: italic;
}

div#headerlogo {
  float: left;
  padding-left: 10px;
  padding-top: 2px;
}

span.recentlog_esteps {
	font-style: italic;
	color: #606060;
	}
.selectedoption {
	font-size: 1.1em;
	font-weight: bold;
}

table#addsteptable tr td, table#addsteptable tr td input, table#addposttable tr td select {
	font-size: 0.9em;
  font-family: "lucida grande", verdana, sans-serif;
}

table#addsteptable tr td textarea, table#addposttable tr td textarea {
	font-size: 0.9em;
  font-family: "lucida grande", verdana, sans-serif;
}

dl#yourstats dt {
  margin: 0;
  font-family: "lucida grande", verdana, sans-serif;
	font-size: 0.8em;
}

dl#yourstats dd {
  margin-left: 10px;
  font-family: "lucida grande", verdana, sans-serif;
	font-size: 2.2em;
}

table#top10 thead tr td {
	font-size: 0.9em;
}

span.hotkey {
	text-decoration: underline;
}

span.warning {
  color: red;
	text-transform: uppercase;
}

a.info {
	position: relative;
  white-space: normal;
  z-index: 24; 
}

a.info:hover {
	z-index: 25;
}

a.info span {
	display: none;
}

a.info:hover span {
	display: block;
	position: absolute;
	top: 3em;
	left: 0em; 
	width: 30em;
	border: 1px solid black;
  padding: 4px;
	background-color: #cff;
	color: #000;
	text-align: left;
	text-decoration: none;
}

a.info:hover span img {
  float: left;
	border: none;
  margin: 0.1em;
  margin-right: 0.3em;
}

a.info:hover span.newuser {
	width: 16em !important;
}
/*
a#newuser:hover span {
*/

a#spreadem:hover span {
	top: 2em;
  left: -29em;
}

a#posthelp:hover span {
  left: -29em;
}

a#stephelp:hover span {
  left: -29em;
}

a.info:hover span.notehelp {
	top: 2em;
  left: -29em;
}

textarea#postbox {
	width: 15em;
  height: 15em;
}
			 
.break {
	clear: both;
}

.clearright {
	clear: right;
}

.clearleft {
	clear: left;
}

div#logininfo ul {
	padding-top: 0;
	margin-top: 0;
	padding-left: 1em;
}

body#intropage,
body#signup {
	padding: 0;
  width: 800px;
}

div#intro_content,
div#signup_content {
	background: #ffffff;
  min-height: 600px;
	padding-bottom: 1em;
	padding-left: 1em;
	margin-top: 1em;
	margin-left: 1em;
}

div#problems {
	border: 3px solid red;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

div#learnmore h1 {
	margin-bottom: 0;
}

div#learnmore p {
	margin-top: 0;
}

div#loginlogo {
	padding-top: 1em;
}

div#loginlogo table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div#loginlogo table td {
	padding: 1em;
}

div#tagline {
	font-style: italic;
	font-size: 2em;
	margin-top: 0;
}

div#loginlogo h1 {
  font-size: 5em;
	margin-bottom: 0;
}

div#intro_col1 {
  float: left;
  width: 26%;
  padding: 10px;
  }
div#intro_col2 {
  float: left;
  width: 31%;
  padding: 10px;
  }
div#intro_col3 {
  float: left;
  width: 32%;
  padding: 10px;
  }

div#disclaimers {
  clear: both;
  text-align: center;
  color: #a0a0a0;
}

div#disclaimers a:link,
div#disclaimers a:visited {
  color: #a0a0a0;
}



div#login, div#intropage {
	margin: 1.0em;
}

#toptrainsters {
	padding-top: inherit;
}

#toptrainsters form {
	margin-top: 0;
}

#walklog_textarea {
	width: 13.5em;
	height: 6em;
}

#editwalklog_textarea {
	width: 35em;
	height: 8em;
}

#samplescreenshot {
	width: 3in;
	background: #9f9;
	min-height: 10em;
	}
#samplescreenshot p {
	margin: 5px;
	}
#samplescreenshot img {
	margin: 5px;
	}
div#whytrainster {
	width: 3in;
	background: #ffff99;
  color: black;
  }
div#whytrainster p {
	margin-left: 5px;
	margin-right: 5px;
}

#createteam input {
	margin-left: 1em;
	width: 10em;
	}
#createteam textarea {
	margin-left: 1em;
	width: 10em;
	height: 8em;
	}

#deleteteam form, #transferownership form, #removeuser form {
	margin-left: 1em;
	}
#deleteteam form input, #transferownership input, #removeuser input {
	width: 5em;
	}

#newuser_addstep {
	display: block;
	position: absolute;
	right: 16em;
	width: 200px;
	background: #9f9;
	border: 1px solid black;
	padding: 0.4em;
	}

div.usericon {
	float: left;
	width: 22px;
}

.hand {
	cursor: pointer;
}

.dim {
  opacity: 0.40;
}

div.userpopup {
	font-size: 0.9em;
}
div.userpopup img {
	float: left;
	border: none;
}

/* jtip {{{ */

#JT_arrow_left{
	background-image: url(arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip {
	cursor: default;
}

/* jtip }}} */
/* jquery.autocomplete {{{ */

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
.ac_loading {
	background : url(autocomplete_indicator.gif) right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/* }}} jquery.autocomplete */
/* jquery.tablesorter {{{
 */
table.tablesorter {
	font-family: arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(tbl_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(tbl_asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(tbl_desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
/* }}} */
/* jquery.tablesorter.pager {{{
 */
div.tablesorterPager {
	padding: 10px 0 10px 0;
	background-color: #D6D2C2;
	text-align: center;
}
div.tablesorterPager span {
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}
#mets_user_rankings_pager input.pagedisplay {
	width: 2em;
}
/* }}} */
/* greybox {{{
 */
#GB_overlay {
  background-image: url(overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}
/* }}} */

.table_up_arrow {
	float: left;
}

div.roundtest {
	background: #ccc;
}

#quick_user_rankings table,
#quick_team_rankings table
{
	border: none;
}

.nowrap {
	white-space: nowrap;
}

.sincelast {
	/*background-color: #99ccff;*/
	background-color: #d8d8d8;
}

div#firsttime {
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
}

div#plus_alert {
	margin-left: 1em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

/* jquery.corner {{{
 * http://www.malsup.com/jquery/corner/
 */
div.rounded { 
  margin: 0; 
  background: #dfe0d2;
  padding: 10px;
	padding-top: 4px;
  border: 0;
  zoom: 1;
}


#plusright .outer,
div.outer_plusright { 
	margin-top: 0.2em; 
	margin-right: 0.2em; 
  background: #445566; 
  width: 234px;  /* same width as google half banner */
}

#plusleft .outer,
div.outer_plusleft { 
	margin-top: 0.2em; 
	margin-right: 0.2em; 
	margin-left: 0.2em;
  background: #445566; 
}
/* }}} */
/* jquery.ui.datepicker {{{
 * http://marcgrabanski.com/code/ui-datepicker/
 */

/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_rtl {
	direction: rtl;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.datepicker_control {
	background: #400;
	padding: 2px 0px;
}
.datepicker_links {
	background: #000;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
	float: right;
	text-align: right;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
	float: left;
	text-align: left;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker_titleRow {
	background: #777;
}
.datepicker_daysRow {
	background: #eee;
	color: #666;
}
.datepicker_weekCol {
	background: #777;
	color: #fff;
}
.datepicker_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.datepicker_daysCell a{
	display: block;
}
.datepicker_weekEndCell {
	background: #ddd;
}
.datepicker_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #fcc !important;
}
.datepicker_currentDay {
	background: #999 !important;
}
.datepicker_status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.datepicker_titleRow a {
	color: #eee !important;
}
.datepicker_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #777;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* }}} */

/*.embed_calendar + img { position: relative; left: -21px; top: -1px; }*/

/* vim: ts=2 foldmethod=marker 
 */