/* generic styles */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 

	Development Styles
	Layout
	Typography and Inline Elements
		Message Boxes
	Forms
	Tables
	Expand/Collapse
*/

/* Development Styles */
.developingNote {
	color: #333333;
	border: 2px solid #FF6600;
	text-align: center;
	margin: 0.5em 0px 0.5em 0em;
	font-size:.8em;
}
#warningBox {display:none;} /* temp to hide warning message on Google calendar */


/* Layout */
/* *************************************************************************************** */
* {margin:0;padding:0;} /* Reset all elements to zero margin and padding */

body, textarea {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
   line-height:1.75em;
}
.left {float:left; margin:0 1em 1em 0}
.right{float:right; margin: 0 0 1em 1em}

#siteinfo {font-size: 0.8em; line-height: normal;}
.vcard {border-top: 1px dotted #999999;}
.clear {float:none;clear:both;}


/* Typography and Inline Elements */
/* *************************************************************************************** */
h1, h2, h3 {
	color: #5A5A45;
	font: bold 1.8em Georgia, "Times New Roman", Times, serif;
	letter-spacing: .125em;
}

h1 {
	font-size:1.4em;
	margin:0 0 .5em;
	border-bottom: .125em solid #5A5A45;
}
h2 {font-size:1.2em; margin:1.75em 0 .5em;}
h3 {font-size:1em; margin:0 0 .5em;}
p {margin:0 0 1em} /* Default bottom padding for paragraphs that can't handle styles below (yes IE6)*/

a:link {
	color: #6C869B;
}
a:visited {
	color: #30485E;
}
a:hover, a:active {
	color: #99987F;
}
a img {border:none}

#content a[href^="http:"], a[href^="https:"] {
	background:url(images/external.gif) no-repeat right top;	padding-right:14px; margin-right:4px;
}
#content a[href^="http://www.highplainsflyfishing.com"], #content a[href^="http://dev.highplainsflyfishing.com"], #content a[href^="#"] {
	background-image:none !important;
	margin-right:0;
	padding-right:0;
}


#content #high_country_ad a[href^="http://"], a[href^="https://"] {
	background:transparent;
	margin-right:0;
	padding-right:0;
}



ul, ol {
	margin: 0 0 1em;
	list-style: inside;
}
li {}

.instructions {font-size:.7em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#6C869B}
.finePrint {
	font-size: 0.8em;
	line-height: 1.2em;
	margin-top: 2em;
}

/* Message Boxes - from mattvarone.com */
.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }


/* Forms */
/* *************************************************************************************** */
form {
	width:auto;
	margin: 0 0 1em 0;
}
.formRow {clear:both; background-color:#F4F4F2}
.formRow:hover {background-color:#ECEBDF;}
#content .formRow {margin:0 0 .5em; padding:0}
label {
	display:block;
	float:left;
	text-align:right;
	width:38%;
	margin:0 15px 0 0;
}

textarea, input, select {margin:0 .25em 0 0;}
textarea, input {padding:0 0 0 .5em;}

form div.buttons,#container form .counter {
	text-align:left;
	display:block;
	float:none;
	clear:both;
	margin: 0 0 0 15px;
	padding:0 0 .5em 8px;
}
#container form div.buttons {margin:0 0 0 39.5%;}
* > #container form div.buttons {margin:0 0 0 39%;}


form div.buttons input {
	background:transparent url(images/btnBg.gif) no-repeat center center;
	border-style:none;
	color:#FFFFFF;
	cursor:pointer;
	height:auto;
	letter-spacing:0.125em;
	line-height:normal;
	text-transform:lowercase;
	width:auto;
	padding: .25em 2em;
	font-weight: bold;
}
form div.buttons input:hover, form div.buttons input:active, form div.buttons input:focus {
	background-position:left bottom;
}

.formRow .note {display:block; padding:0 0 0 33%}
p.validationError {text-align:center;color:#ed8224;}
.formRow .validationError {
	display:block;
	color:#ed8224;
	font-size:.9em;
	float:none;
	clear:both;
	margin:0 0 0.7em;
	padding:0 0 0 44%;
	background: url(images/validationErrorArrow.gif) no-repeat 41.5% 5px;
}
* > .formRow .validationError {
	padding:0 0 0 43%;
	background: url(images/validationErrorArrow.gif) no-repeat 40.5% 5px;
}
.formRow label .note {display:inline; padding:0}


a.help {cursor:help; text-decoration:none}
a.help:hover {overflow:visible;color:#333333}
a.help span{
	display:none;
	padding:0 2em 0 44%;
	background: url(images/questionPointer.gif) no-repeat 41.5% 5px;
}
* > a.help span {
	padding:0 0 0 43%;
	background: url(images/questionPointer.gif) no-repeat 40.5% 5px;
}
a.help:hover span, .help span:hover{display:block}

.required {
	color: #FF0000;
	font-size: 1.3em;
	line-height: 0em;
	font-weight: bold;
	padding-right: 0.125em;
	padding-left: 0.125em;
}

/* Tables */
/* *************************************************************************************** */
table {border-collapse:collapse;}
thead tr, thead tr:hover {
	background: #5A5A45;
	font-weight: bold;
	color: #FFFFFF;
}
tr {}
td {
	padding:.125em .25em 0;
	border-bottom: 1px solid #CCCCCC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
tr:hover {
	background: #F4F4F2;
}
table.pricelist {
	width:48.5%;
	display: table;
	float: left;
	margin:0px 1.5% 1.5em 0;
}
* > table.pricelist {margin:0px 0.75% 1.5em;}

.pricelist td + td {text-align:right}

/* Expand/Collapse */
/* *************************************************************************************** */
/* Default State */
/* the <div> tag is open by default unless JavaScript is on. */
h2.expand {margin-bottom:0;}
h2.expand a:link, h2.expand a:visited {text-decoration:none; color:#5A5A45}
h2.expand a:hover, h2.expand a:focus, h2.expand a:active {text-decoration:none; color:#99987F}
div.expand {
	padding: 0.5em 1em .25em;
	margin-bottom: 1em;
	border: 1px dotted #999999;
}
div.expand.thumbnails {
	padding: 0;
	border:none;
	margin-top:1em;
} 
.instructions {font-size:.7em;}

h2.expand.closed, h2.expand.open {cursor:pointer;}
h2.expand.closed:hover, h2.expand.open:hover {background-position:left -98px}

/* Closed State */
/* .closed only gets applied by the JavaScript */
h2.expand.closed {margin-bottom:1em;}
div.expand.closed {display:none;}

/* Open State */
/* .open only gets applied by the JavaScript */
h2.expand.open {margin-bottom:0;}
div.expand.open {margin-bottom:1em;}