/*
 *	Title:		guidebooks.css
 *	Author:		(c) Peter Sterling
 *	URI:		http://www.sterling-adventures.co.uk/blog/
 *	Date:		11 January 2010
 *	Version:	1.0 Initial version.
 *	Purpose:	Styling for the Climbers' Club routes database.
 */

body {
	position: relative;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

.main_frame {
	padding-left: 30px;
	padding-right: 30px;
}

td, th {
 	margin: 10px;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

.hidden {
	display: none;
}

h1 {
	display: block;
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}

h2 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	margin: .83em 0;
}

h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}

crag, guide {
  display: inline;
  color: blue;
  font-size: 1.2em;
  font-weight: bold;
}

guide {
  color: blue;
  font-size: 1.2em;
}

.voting_popup {
	border-collapse: collapse;
	clear: both;
	margin-top: 3px;
}

.voting_popup .crag_change, .voting_popup .box {
	border: 1px solid grey;
}

.widefat {
	border: 1px solid grey;
	border-collapse: collapse;
	clear: both;
	margin: 0;
}

.widefat td, .widefat th, .voting_popup td {
	padding: 3px;
	vertical-align: top;
}

.widefat .list_icon {
	vertical-align: middle;
}

.login_form {
	border: 1px solid grey;
	clear: both;
	margin: 10px;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: Seashell;
}

.readonly {
	color: SlateGray;
}

.widefat thead, .thead, .widefat tfoot {
	background-color: #464646;
	color: #d7d7d7;
}

.table-rule {
	border-top: solid 1px #464646;
}

.filter {
	background: Cornsilk;
	color: black;
}

.route_filter {
	padding: 10px;
	margin-left: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid grey;
}

th {
	font-weight: bold;
}

th a {
	color: #d7d7d7;
}

th a:hover {
	color: red;
}

.normal { background-color: #f3f3f3; }
.alternate { background-color: #e3e3e3; }

.crag_change {
	color: black;
	background-color: PowderBlue;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}

.row_summary {
	background-color: #464646;
	color: #d7d7d7;
	font-weight: bold;
	padding: 5px;
}

.crag_change td, .route_name, span.route_grade, span.route_len {
	font-size: 14px;
	font-weight: bold;
}

.route_grade, .route_len, .readonly_label {
	color: grey;
}

.unpublished {
	color: white;
	background-color: red;
	font-size: 9px;
	padding: 2px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.route_dets .unpublished {
	position: relative;
	top: -2px;
}

.route_fa {
	font-size: 0.7em;
}

.route_dets {
	margin-top: 10px;
}

.vote_radio {
	display: block;
	float: left;
	clear: both;
	margin-left: 10px;
}

.route_dets td {
	padding: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

bar {
	float: right;
	padding-right: 10px;
}

.bar_empty {
	width: 40px;
	padding: 0;
	margin-top: 5px;
	background: #D9D9D9;
	display: block;
	border: 1px solid grey;
}

.bar_full {
	background: #5EAA5E;
	height: 8px;
	display: block;
}

.bar_votes {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

.bar_label {
	display: block;
	float: left;
	clear: both;
	margin-top: 3px;
	margin-left: 10px;
}

.vote_label {
	clear: both;
	padding-top: 5px;
	font-weight: bold;
}

.new {
	background-color: PaleGreen;
}

.edit {
	background-color: #99ffff;
	padding: 10px;
}

.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }

iframe {
	border: none;
}

.button {
	cursor: pointer;
	width: 80px;
	display: block;
	clear: both;
	margin-top: 5px;
}

.buy_button {
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: rgb(33, 117, 155);
	background-image: url(images/button-grad-active.png);
	background-repeat: repeat-x;
	border: 1px solid rgb(41, 140, 186);
	color: rgb(234, 242, 250);
	cursor: pointer;
	margin: 1px;
	padding-bottom: 3px;
	padding-top: 2px;
	font-size: 10px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px;
	width: 80px;
	font-weight: bold;
}

.buy_button, .buy_button:visited, .buy_button:hover {
	text-decoration: none;
}

.buy_button:hover {
	background-image: url(images/button-grad.png);
	border: 1px solid rgb(19, 69, 91);
}

.buy_description des {
	color: rgb(36, 132, 198);
	font-size: 10px;
	text-align: right;
	font-weight: normal;
}

.smalls {
	color: rgb(36, 132, 198);
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

.notes {
	padding: 6px;
	margin: 0 auto 0;
	width: 60%;
}

.product-title, .product-attr-code, .product-price {
	font-weight: bold;
	color: black;
}

.product-title {
	color: rgb(36, 132, 198);
	font-size: 12px;
}

red, .red {
	color: red;
}

cc_color {
	color: rgb(36, 132, 198);
}

.warning {
	background: #ffebcd;
	width: 60%;
	padding: 6px;
	margin: 10px auto 0;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	text-align: center;
}

.copy {
	background: rgb(36, 132, 198);
	width: 20%;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	border: none;
	padding: 3px;
}

small {
	font-size: 0.7em;
	font-weight: normal;	
}

.copy a {
	color: white;
}

.del {
	color: red;
}

#main_page_content {
	background-image: url(cc-images/wrap.gif);
	width: 953px;
	padding-left: 10px;
	padding-right: 10px;
}

#main_page_content_stretch {
	clear: both;
	background-color: #FFFFFF;
	background-image: url(cc-images/wrap.gif);
	border: 2px #FFFFFF solid;
	border-top: 1px #FFFFFF solid;
	margin: 0 auto;
	text-align: left;
	min-width: 976px;
}

.header_bottom_guides {
	clear: both;
	height: 1px;
	background: url(cc-images/header-bottom.gif) repeat-x;
	min-width: 980px;
}

.nav_bottom_guides {
	clear: both;
	height: 12px;
	background: url(cc-images/header.jpg) repeat-x;
	min-width: 976px;
}

.header_spacer {
	background: url(cc-images/header-spacer.jpg) repeat-x;
	height: 172px;
	width: 100%;
}

.header_guides {
	width: 100%;
	border-spacing: 0;
}

#navigation {
	width: 100%;
}

.foot {
	background-color: #001E30;
	clear: both;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	height: 50px;
	width: 980px;
}

.buy_cell {
	width: 180px;
	text-align: center;
}

.info_popup {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	background: white;
	width: 925px;
	padding: 10px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; 
	border: 6px solid rgb(36, 132, 198);
}

.widefat td td {
	padding: 0;
	vertical-align: middle;
	padding-right: 3px;
}

#map_list {
	float: left;
	margin-left: 10px;
	width: 200px;
}

#map_image {
	margin-right: 10px;
	float: right;
	border: 1px solid grey;
}

.ref, .guide {
	color: rgb(36, 132, 198);
	font-size: 12px;
	line-height: 125%;
}

.ref, .name_bold { font-weight: bold; }
.guide { padding-left: 10px; }

.user_bar {
	background: Khaki;
	margin-top: 5px;
	padding: 3px;
	padding-top: 1px;
}

.user_error {
	background: red;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-top: 5px;
	padding: 3px;
}

.message {
	text-align: center;
	margin: 10px auto 10px;
	padding: 5px;
	width: 80%;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.urgent_message {
	background: red;
	border: 3px solid orange;
	color: white;
}

.normal_message {
	background-color: PaleGreen;
	border: 3px solid gray;
}

select, input { float: none; }

.hide_map {
	font-size: 10px;
	color: rgb(36, 132, 198);
}

.publisher_select {
	vertical-align: middle;
	margin-bottom: 3px;
	color: rgb(36, 132, 198);
	font-size: 12px;
	line-height: 125%;
}

.publisher_span {
	float: right;
}

.product-image {
	position: relative;
	z-index: 10;
}

.product-new-label {
	position: relative;
	z-index: 11;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -10px;
}

.tag {
	vertical-align: -5px;
	height: 18px;
}

a .go_up {
	border: none;
}

#tooltip-control {
	background: white;
	border: 2px solid blue;
	padding: 3px;
	position: absolute;
	text-align: center;
	width: 110px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.os_ref { color: green; }

#overDiv tr { vertical-align: top; }

.ski { width: 18px; height: 18px; display: block; text-align: center; padding-top: 3px; position: relative;  }
.ski_R	{ color: white; background: url(images/ski_red.gif) no-repeat; }
.ski_K	{ color: white; background: url(images/ski_black.gif) no-repeat; }
.ski_B	{ color: white; background: url(images/ski_blue.gif) no-repeat; }
.ski_G	{ color: white; background: url(images/ski_green.gif) no-repeat; }
.ski_	{ color: black; background: url(images/ski_white.gif) no-repeat; }

textarea, input[type="text"] {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

manage_heading {
	display: block;
	margin-top: 6px;
	margin-bottom: 2px;
	font-weight: bold;
}

blockquote {
	display: block;
	clear: both;
	margin: 10px 10px 0px;
	padding: 5px;
	border: 1px solid #ddd;
	background-color: white;
}

cite {
	display:block;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 0.9em;
	float: right;
}