/**
  * Etravco
  *
  * @category	Etravco
  * @package	Htdocs_Css
  * @copyright	Copyright (c) 2008 Kaaterskil Management, LLC
  * @version	$Id: km.css,v 1.6 2010/07/21 00:28:50 Blair Exp $
  */

@CHARSET "ISO-8859-1";

 /*------------------------------------------------------------
 CORE STYLES
 ------------------------------------------------------------*/
 body, button, select {
	font-family: Arial, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: 1.5em;
	color: #333333;
 }
 
 body {
 	margin: 0px;
 	background-color: #ffffff;
 }
 
 a, a:link, a:visited, a:active {
 	color: #000066;
 }
 
 a:hover {
 	color: #ff6600;
 }
 
 h1 {
 	margin-bottom: 2px;
 	font-weight: normal;
 	color: #003366;
 }
 
 h2 {
 	margin-top: 2px;
 	font-weight: normal;
 	font-size: 1.5em;
 	color: #666666;
 }
 
 ul {
 	list-style: none outside none;
 }
 
 ul li *, li li {
	font-size: 1em;
 }
 
 li {
 	line-height: 1.25em;
 }

 /*------------------------------------------------------------
 HEADER / FOOTER STYLES
 ------------------------------------------------------------*/
 #main_header {
 	position: relative;
 	padding-bottom: 2px;
 	border-bottom: 1px solid #cccccc;
 } 
 #main_header h2, #main_header h1 {
 	margin-top: 2px;
 	margin-bottom: 0px;
 	padding-bottom: 20px;
 	font-size: 1.5em;
 }
 #footer {
 	padding: 10px 20px;
 	border-top: 1px solid #cccccc;
	clear: both;
 } 
 #footer ul {
 	margin: 0px;
 	padding: 0px;
 }
 #footer li {
 	padding: 0px 9px;
 	font-size: 0.917em;
 	color: #666666;
 	border-left: 1px solid #999999;
 	float: left;
 }
 #footer li.first {
 	padding-left: 0px;
 	border-left: none;
 }
 #footer li a {
 	color: #666666;
 }
 #footer li a:hover {
 	color: #ff6600;
 }

 /*------------------------------------------------------------
 MENU STYLES
 ------------------------------------------------------------*/
 #nav_public {
 	position: relative;
 	height: 20px
 }
  
 #nav_public ul {
 	margin: 0;
 	padding: 0;
 	background-color: #ffffff;
 }
 #nav_public a {
 	display: block;
 	margin-right: 20px;
 	padding: 3px;
 	color: #003399;
 	text-decoration: none;
 }
 #nav_public a:hover {
 	color: #ff6600;
 }
 #nav_public li li a {
 	margin: 0;
 	padding: 0.3em 2em 0.3em 0.5em;
 }
 #nav_public li {
 	float: left;
 	margin: 0;
 	padding: 0;
 }
 #nav_public li li {
 	float: none;
 	margin: 0;
 }
 #nav_public li ul {
 	position: absolute;
 	left: -999em;
 	margin: 0;
 	border: 1px solid #006699;
 }
 #nav_public li:hover ul ul {
 	left: -999em;
 }
 #nav_public li:hover ul, #nav_public li.km_hover ul {
 	left: auto;
 }
 #nav_public li li a:hover {
 	background-color: #efefef;
 }

 /*------------------------------------------------------------
 CONTENT STYLES
 ------------------------------------------------------------*/
 #content_container {
	position: relative;
	width: 800px;
	left: 50%;
	margin: 20px 0px 20px -400px;
	padding-bottom: 30px;
	border: 1px solid #cccccc;
 }
 * html #content_container {
 	height: 600px;
 }
 
 #main_container {
 	position: relative;
 	right: 700px;
 	width: 800px;
 	padding-top: 0px;
 	border-right: 1px solid #cccccc;
 	float: left;
 }
 
 #tower {
 	position: relative;
 	left: 60px;
 	width: 80px;
 	min-height: 600px;
 	margin: 10px 0px;
 	background-image: url('../img/lhotse_shar.jpg');
 	background-repeat: no-repeat;
 	overflow: hidden;
 	float: left;
 }
 
 #content {
 	position: relative;
 	left: 820px;
 	width: 650px;
 	min-height: 300px;
 	overflow: visible;
 	padding: 30px 0px 0px;
 	float: left;
 }
 
 .story {
 	margin-top: 20px;
 	color: #333333;
 	clear: both;
 }
 .story h1, .story h2, .story h3 {
 	color: #003399;
 	line-height: 1.25em;
 }
 .story ul {
 	padding-left: 10px;
 }
 .story li {
 	list-style: none outside none;
 	background-image: url('../img/admin/bullet.gif');
 	background-repeat: no-repeat;
 	background-position: 0.5em 0.4em;
 	padding-left: 1.75em;
 	padding-bottom: 1em;
 	line-height: 1.5em;
 }
 
 .upload_above_left {}
 .upload_above_right {
 	text-align: right;
 }
 .upload_float_left {
 	margin-top: 1.25em;
 	margin-right: 10px; 
 	margin-bottom: 10px; 
 	float: left;
 }
 .upload_float_right {
 	margin-top: 0.8em;
 	margin-left: 10px;
 	margin-bottom: 10px;
 	float: right;
 }
 .upload_below_left {
 	margin: 10px;
 	float: left;
 }
 .upload_below_right {
 	margin: 10px;
 	float: right;
 }
 
 .story h3.comment_header {
 	margin-bottom: 5px;
 	padding-bottom: 5px;
 }
 .story h3.comment_form {
 	padding-top: 10px;
 	border-top: 1px solid #cccccc;
 	clear: both;
 }
 .comment_container {
 	border-top: 1px solid #cccccc;
 }
 .comment_post {
 	position: relative;
 	width: auto;
 	height: auto;
 	float: left;
 	padding: 5px 0px 15px 0px;
 }
 .comment_meta {
 	position: relative;
 	width: 100px;
 	height: auto;
 	left: 0px;
 	float: left;
 	margin-right: 10px;
 	padding: 5px 0px 15px 1px;
 	font-size: 0.9167em;
 }
 .comment_author {
 	font-weight: normal;
 }

 /*------------------------------------------------------------
 LOGIN STYLES
 ------------------------------------------------------------*/
 #header {
 	position: relative;
 	width: 962px;
 	left: 50%;
 	margin-top: 12px;
 	margin-left: -480px;
 }
 
 #header_row1 {
 	height: 50px;
 }
 #logo_container {
 	float: left;
 }
 
 #header h2 {
	position: relative;
	top: 3px;
	left: 30px;
 }
 .user_item {
 	padding: 0px 5px;
 	font-size: 11px;
 	text-transform: lowercase;
 	border-left: 1px solid #000000;
 	float: right;
 }
 
 #header_row2 {
 	height: 30px;
 	position: relative;
 	background-image: url('../img/km_menu_background.gif');
 	background-repeat: repeat-x;
 	border: 1px solid #9999cc;
 }
 #header_menu {
 	position: relative;
 	padding-left: 45px;
 }
 #header_menu ul {
 	margin: auto;
 }
 #header_menu li {
 	position: relative;
 	float: left;
 }
 #header_menu a {
 	padding-left: 3px;
 	padding-right: 30px;
 	font-family: Arial,Sans-Serif;
 	font-size: 1em;
 	font-weight: bold;
 } 
 
 #header_row3 {
 	height: 20px;
 	padding: 5px 10px 1px;
 	border-color: #9999cc;
 	border-style: solid;
 	border-width: 0px 1px 1px 1px;
 }
 
 #login_container {
	position: relative;
	width: 960px;
	height: auto;
	min-height: 500px;
	left: 50%;
	margin-left: -480px;
	background-color: #ffffff;
 	border-color: #cccccc;
 	border-style: solid;
 	border-width: 0px 1px 1px 1px;
	clear: both;
 }
 * html #login_container {
 	height: 600px;
 }
 
 #login_content {
 	width: 480px;
 	padding: 20px;
	min-height: 460px;
 	border-right: 1px solid #cccccc;
 }
 #login_form {
 	position: relative;
 	margin: 10px 0px;;
 	padding: 10px 0px;
 	border-top: 1px solid #cccccc;
 	border-bottom: 1px solid #cccccc;
 }

/*------------------------------------------------------------
  FORM STYLES
------------------------------------------------------------*/
/* forms */
form, .form_confirm {
	position: relative;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.subform {
	width:650px;
}
.form_confirm {
	width: 450px;
}

form#post_comment input[type=text], form#post_comment textarea {
	width: 400px;
}

/* form elements */
input, button, select, textarea {
	margin: 2px;
	font-family: Arial, sans-serif;
	font-size: 1em;
	border: 1px solid #999999;
}
input[type=radio] {
	border: none;
}

input[type=checkbox] {
	border:none;	/* This is for IE67 or greater */
}

input, button, textarea {
	padding: 2px;
}
.element_container {
	position: relative;
	clear: left;
}
.radio{
	margin: 2px 5px 10px 0px;
	border: none;
	float: none;
}
.radio_group {
	position: relative;
	left: 120px;
	clear: both;
}

/* labels */
.required, .optional, .required_wide, .optional_wide {
	width: 120px;
	padding: 4px 0px;
	float: left;
}
.required_wide, .optional_wide {
	width:200px;
}
.required, .required_wide {
	color: #ff0000;
}

.confirm, .confirm_body {
	padding: 4px 0px;
	font-weight: bold;
	float: left;
}
.confirm_body {
	font-weight: normal;
}

/* buttons */
.form_button {
	margin: 10px 10px 20px 10px;
	padding: 3px 10px;
	clear: left;
	float: right;
}
.form_button_left {
	margin: 10px 10px 2px 2px;
	padding: 3px 10px;
}