/* - - - - - - - - - - - - - - - - - - - - -
Title : 		GLOBAL.CSS style sheet
Author : 		David Hund - Valued Standards
URL : 			http://valuedstandards.com
Modified : 		$LastChangedDate$ - SVN: $Revision$

INDEX:
	C1:		Reset, Fixes, etc
	C2:		Broad Generics (body etc)
	C3:		Typography
	C4:		Generic Classes
	C5:		Headers
	C6:		Hyperlinks
	C7:		Logo
	C8:		Images
	C9:		Lists
	C10:	Base Structure (Div frame)
	C11:	Tables
	C12:	Forms
- - - - - - - - - - - - - - - - - - - - - */
/* -----------------------------------------
	C1: RESET [start from scratch]
	Based on Eric Meyer, adapted to HTML5
	http://code.google.com/p/html5resetcss/downloads/list
----------------------------------------- */
/* html5doctor.com Reset Stylesheet, v1.4 2009-07-27, Author: Richard Clark - http://richclarkdesign.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/* -----------------------------------------
	SIMPLER CLEARING?
	1.2: GENERIC FIXES [fixes clearing issues with floats]
	http://www.quirksmode.org/css/clearing.html
----------------------------------------- */
.clearfix {
	overflow: auto;
	/* overflow: hidden; *//* If you need IE/MAC or when there's scrollbars due to extra padding/marging/borders etc: */
	/* width: 100%; */ /* FIX: IE 6+ -> hasLayout, Opera fix too? */
	zoom: 1;/* IE: Avoid width issues? */
}
/* slightly older clearfix: for when you need items outside you containr (and overflow messes with that) see: http://is.gd/4YP2s */
.floatwrap {display: inline-block; zoom:1; }
.floatwrap:after { content: " "; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.floatwrap { display: block; }


/* 	We ASSUME some auto-fixes such as the #main-navigation UL and other horizontal lists */
.clearfix, .columns, #main-navigation, #header, nav, .nav, .box, footer, .footer, #footer, .top-pick, .partners, .feature {
	overflow: auto;
	zoom: 1;
}

/* -----------------------------------------
	C2: GENERICS [Generic type, .classes, etc]
----------------------------------------- */
body {
	background: url('../img/bg_body.jpg') repeat-x 0 0;
	color: #111;
	font-size: 62.5%;
	font-family: 'Trebuchet MS',  Arial,  Helvetica,  sans-serif;
}

/* -----------------------------------------
	C3: TYPOGRAPHY
----------------------------------------- */
div, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { font-size: 1em; }
p, dl, td, th, li, pre, code, kbd, samp, pre, tt, input { font-size: 1.4em; }
p { line-height: 1.5; margin-bottom: 1.5em; }
strong { font-weight: 700; }
em { font-style: italic; }
cite { font-style: italic; }
abbr, acronym { cursor: help; text-transform: uppercase; font-size: 85%; letter-spacing: .1em; border-bottom: 1px dotted #111; }
sub, sup { font-size: .777778em; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
pre { white-space: pre; }
pre * { font-size: 1.4em; line-height: 1.5; white-space: pre; }
blockquote { border-top: 1px solid #693800; border-bottom: 1px solid #693800; color: #693800; }
blockquote > : before { content: "\201C"; }
blockquote > :after { content: "\201D"; }
q { quotes: \201C \201D \2018 \2019; }
address, blockquote { margin: 1.1em 0; font-size: 1.4em; line-height: 1.5; }
blockquote p { margin: .7em; }
hr { display: block; background: #693800; color: #693800; width: 100%; height: 1px; border: none; }

/* Cascading font size should remain same! */
td td, li ul li, li ol li, td p, blockquote p, dd p, li p, ul li ul li, ul li ul li p, ol li ol li, ol li ol li p {
	font-size: 1em!important;
	line-height: 1.5em!important;
}

/* -----------------------------------------
	C4: GENERIC CLASSES
----------------------------------------- */
.accessibility {
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style-type: none;
	position: absolute;
	left: -999em;
}
.hidden { display: none; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.float-right { float: right; }
.float-left { float: left; }

.intro { font-weight: 700; }
.readmore {
	text-align: right;
	font-weight: 700;
	margin: 0;
}
ul + .readmore { margin-top: -1.5em; }

/* ROUNDED CORNERS */
.corners {
	-khtml-border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.topcorners {
	-khtml-border-top-left-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	-o-border-top-left-radius: 3px;
	-o-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.bottomcorners {
	-khtml-border-bottom-left-radius: 3px;
	-khtml-border-bottom-right-radius: 3px;
	-o-border-bottom-left-radius: 3px;
	-o-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* MESSAGES */
.message {
	background-color: #FFC;
	color: #111;
	border-top: 1px dotted #F90;
	border-bottom: 1px dotted #F90;
	padding: .5em;
	margin: 0 0 1.3em;
	line-height: 2em;
	text-align: left;
}

.error {
	background-color: #ffd0d0;
	color: #C33;
	border-color: #C33;
}

.success {
	background-color: #9E9;
	color: #060;
	border-color: #060;
}

.top-pick { margin-top: 1.4em; }
.top-pick a:hover h3 { color: #ab100b; }

.feature {
  background-color:#fffaeb;
  border:1px solid #f0ebe6;
  padding:10px;
  margin-bottom:1.4em;
}
p.feature {
  font-weight:bold;
  text-align:center;
}
.feature dl {
  width:36%;
  float:left;
  margin:0;
}
.feature dl dt {
  color:#693800;
  margin:0;
  float:left;
  width:90px;
}
.feature a:link { color:#ab100b; }
.feature a:hover { color:#693800; }
.feature dd ul {
  list-style-type:none;
  list-style-position:outside;
  clear:both;
  margin:2em 0 0 0;
  width:70%;
}
.feature dd ul li {
  float:left;
  margin:0 10px 0px 0;
  padding:0;
}
.feature dd ul li a { display:block; }
.feature dd ul li a img {
  display:inline;
  margin:0;
  float:none;
}
.no { color:#ab100b; }
.yes { color:#006600; }

/* -----------------------------------------
	C5: HEADERS
----------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS',  Arial,  Helvetica,  sans-serif;
	font-weight: 400;
	color: #111;
	margin: 1em 0 .5em;
}

h1, .h1 { font-size: 2.4em; background-color: #ab100b; color: #FFF; padding: 2px 10px 4px 0; }  
h2, .h2 { font-size: 1.8em; background-color: #ffc838; color: #693800; padding: 6px 10px; margin: 1em 0 .35em; }  
h3, .h3 { font-size: 1.4em; color: #111; font-weight: 700; margin: 0 0 .5em; }  
h4, .h4 { font-size: 1.4em; color: #111; font-weight: 700; margin: .8em 0 .75em; }  
h5, .h5 { font-size: 1.3em; color: #111; font-weight: 700; font-style: italic; margin: 0 0 .8em; }  
h6, .h6 { font-size: 1.3em; color: #111; font-weight: 700; margin: 0 0 .8em; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, 
h1.first, h2.first, h3.first, h4.first, h5.first, h6.first { margin-top: 0; }

.col1 h1,
.col1 .h1 {
	background: #ab100b url('../img/bg_h1.gif') no-repeat 0 100%;
	margin-left: -20px;
	padding-left: 20px;
	padding-bottom: 14px;
	margin-bottom: 0;
}

.threecol .col1 h1, .threecol .col1 .h1, .leftmenu .col1 h1, .leftmenu .col1 .h1, .doublepage .col1 h1, .doublepage .col1 .h1 {
	background-image: none;
	margin-left: 0;
	margin-bottom: .5em;
	padding-left: 10px;
	padding-bottom: 4px;
}

#header h1, #header h2 {
	background: transparent;
	color: #ab100b;
	margin: 0 0 .1em;
	padding: 0;
	font-size: 4.2em;
}

#header h2 {
	color: #444;
	font-size: 2em;
	line-height: 1.2;
	margin: 0 0 .5em;
}
.box h2 { margin: -10px -10px .65em; }

#top-picks h2, #news-events h2 {
	background-color: #f0ebe6;
	color: #693800;
	margin-bottom: 1em;
}
#submenu h2 { margin: 0; }

.feature h2 {
  background:transparent;
  padding-left:0;
  margin-left:162px;
}

.top-pick h3, #footer h3 {
	font-size: 1.4em;
	font-weight: 700;
	background: none;
	padding: 0;
}

#footer h3, #footer h4 {
	color: #FFF;
	margin-bottom: .5em;
}

.top-pick a h3 { color: #693800; }

/* -----------------------------------------
	C6: LINKS
----------------------------------------- */
a:link img, a:visited img, a:hover img, a:active img { border: 0; text-decoration: none; }
a:link, a:visited, a:hover, a:active { color: #693800; text-decoration: underline; }
a:hover, a:active { color: #ab100b; }

.top-pick a:link, .top-pick a:visited, .top-pick a:hover, .top-pick a:active { text-decoration: none; }
.top-pick a:link img, .top-pick a:visited img, .top-pick a:hover img, .top-pick a:active img { border: 1px solid #693800; }
.top-pick a:hover img, .top-pick a:active img { border-color: #ab100b; }

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #FFF; }
#footer a:hover, #footer a:active { color: #ffc838; text-decoration: none; }

/* RSS Feed icon */
.feed { float: right; }

/* 
	Special cases: icons
	Mini Icons 2 from Brand Spanking New: 
	http://www.brandspankingnew.net/archive/2006/12/hohoho.html
 */
/*.col1 a[href^="http:"], .col1 a[rel~=external], a.external {
	padding-right: 13px;
	background: url('../img/icons/globe.gif') no-repeat 100% 50%;
}*/

.col1 a[href$=".gif"], .col1 a[href$=.jpg], .col1 a[href$=.png], a.img {
	padding-right: 13px;
	background: url('../img/icons/image.gif') no-repeat 100% 50%;
}

.col1 a[href$=".pdf"], a.pdf {
	padding-right: 13px;
	background: url('../img/icons/document.gif') no-repeat 100% 50%;
}

.col1 a[href$=".zip"], a.zip {
	padding-right: 13px;
	background: url('../img/icons/drop_box.gif') no-repeat 100% 50%;
}

.col1 a[href^="mailto:"], .col1 a.email {
	padding-right: 13px;
	background: url('../img/icons/mail.gif') no-repeat 100% 50%;
}


/* BUTTONS */
/* 
	FIX: IE6 DOES NOT(!) DISPLAY .BUTTON CORRECTLY BECAUSE IT TRIPS OVER THE [TYPE=""]
	That's why we have to assign them twice! :-/
	If IE6 support is not needed: group rules
 */
/* FIX: Duplicated for IE :-( */
input.button, a:link.button, a:visited.button, a:hover.button, a:active.button {
	background: #ab100b;
	padding: .2em 2em;
	line-height: 1.5!important;
	color: #FFF;
	text-decoration: none;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	-o-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
	display: 0;
	display: inline-block;
	zoom: 1;
	_display: inline;
	-khtml-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

input[type='button'], input[type='submit'], input[type='reset'] {
	background: #ab100b;
	padding: .2em 2em;
	line-height: 1.5!important;
	color: #FFF;
	text-decoration: none;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	-o-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
	display: 0;
	display: inline-block;
	zoom: 1;
	_display: inline;
	-khtml-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover, input:hover.button {
	color: #FFF;
	text-shadow: none;
}
/* FIX: Duplicated for IE :-( */
a:hover.button, a:active.button {
	color: #693800;
	background-color: #ffc838;
	text-shadow: none;
}

input[type='button']:focus, input[type='submit']:focus, input[type='reset']:focus, input:focus.button {
	border-color: #6495ed;
	outline: none;
	-moz-box-shadow: 0 1px 2px #6495ed;
	-webkit-box-shadow: 0 1px 2px #6495ed;
	-o-box-shadow: 0 1px 2px #6495ed;
}

/* FIX: Duplicated for IE :-( */
a:focus.button {
	border-color: #6495ed;
	outline: none;
	-moz-box-shadow: 0 1px 2px #6495ed;
	-webkit-box-shadow: 0 1px 2px #6495ed;
	-o-box-shadow: 0 1px 2px #6495ed;
}

a:active.button {
	-moz-box-shadow: none;
	outline: none;
	border-color: #770b08;
}

input[type='submit'] {
	background-color: #a6f16c;
	color: #060;
	text-shadow: 0 1px 0 #CCC;
	border: 1px solid #62e200;
}

/* FIX: Duplicated for IE :-( */
input.submit {
	background-color: #a6f16c;
	color: #060;
	text-shadow: 0 1px 0 #CCC;
	border: 1px solid #62e200;
}

/* .continue and .stop buttons */
a:link.continue, a:visited.continue, a:hover.continue, a:active.continue {
	background-color: #a6f16c;
	color: #060;
	text-shadow: 0 1px 0 #CCC;
	border: 1px solid #62e200;
}

input[type='submit']:hover {
	border-color: #060;
}

a:hover.continue, a:active.continue {
	border-color: #060;
}

input[type='reset'] {
	background-color: #fa7080;
	color: #750f0d;
	text-shadow: 0 1px 0 #CCC;
	border: 1px solid #a40004;
}

input.reset {
	background-color: #fa7080;
	color: #750f0d;
	text-shadow: 0 1px 0 #CCC;
	border: 1px solid #a40004;
}

input.stop, a:link.stop, a:visited.stop, a:hover.stop, a:active.stop {
	background-color: #fa7080;
	color: #750f0d;
	text-shadow: 0 1px 0 #CCC;
	border: 1px solid #a40004;
}

input[type='reset']:hover {
	border-color: #C33;
}

a:hover.stop, a:active.stop, input:hover.stop {
	border-color: #C33;
}

/* -----------------------------------------
	C7: LOGO
----------------------------------------- */
#logo a:link img, #logo a:visited img, #logo a:hover img, #logo a:active img {
	float: none;
	margin: 0;
	vertical-align: baseline;
}

#logo {
	width: 160px;
	margin-right: 10px;
	float: left;
}

/* -----------------------------------------
	C8: IMAGES
----------------------------------------- */
p img { vertical-align: top; }
p img, .top-pick img, p img.left, .feature img {
	float: left;
	margin-right: 1em;
}

p img.right { float: right; margin-left: 1em; }

#content p img, 
.feature img { border:1px solid #693800; }
.feature img {
	margin-top:-28px;
	margin-right:20px;
}
.pics img {
	width: 48px;
	float: left;
	margin: 0 1px 2px;
}

.partners img {
	width: 85px;
	float: left;
	margin: 0 8px 10px 2px;
}

.partners img.last { margin-right: 0; }

/* -----------------------------------------
	C9: LISTS
----------------------------------------- */
ul, ol {
	list-style-type: disc;
	list-style-position: outside;
	margin: 2.5em 0;
	margin-left: 6em;
}

ol { list-style-type: decimal; }
ul li, ol li { margin: .5em 0; }
ul li ul, ol li ol, ul li ol, ol li ul { margin: .3em 1.4em; }
ul li ul li, ol li ol li, ul li ol li, ol li ul li { margin: 0; }

#top-picks ul, #news-events ul, .box ul, .col2 ul {
	list-style-type: none;
	margin: 0 0 2em;
	line-height: 1.8;
}

#top-picks ul li, #news-events ul li, .box ul li, .col2 ul li { margin: 0; }

/* Submenu */
#submenu { padding: 0; }
#submenu ul { margin: 0; }
#submenu ul li { padding: .2em 10px; border-bottom: 1px solid #FFF; }
#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:hover, #submenu ul li a:active { text-decoration: none; }
#submenu .active a:link, #submenu .active a:visited, #submenu .active a:hover, #submenu .active a:active { font-weight: 700; }


/* horizontal lists */
.horizontal li:last-child, .horizontal li:last-child a, #main-navigation ul li:last-child, #main-navigation ul li:last-child a, #breadcrumb li:last-child, #breadcrumb li:last-child a, #footer nav ul li:last-child, #footer nav ul li:last-child a { border-right: 0; }
.horizontal li, #main-navigation ul li, #breadcrumb li, #footer nav ul li {
	display: inline;
	float: left;
	margin-right: 1em;
}
.horizontal .last a, #main-navigation ul .last a, #breadcrumb .last a, #footer nav ul .last a { border-right: 0; }
.horizontal, #main-navigation ul, #breadcrumb, #footer nav ul {
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
}

/* -----------------------------------------
	NAVIGATION
----------------------------------------- */
#breadcrumb li { margin: 0 .5em 1em 0; }
#breadcrumb .current a:link, #breadcrumb .current a:visited, #breadcrumb .current a:hover, #breadcrumb .current a:active { color: #ab100b; text-decoration: none; }

#main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active {
	display: block;
	padding: 0 1em 0 0;
	text-decoration: none;
}
#main-navigation ul li a:hover, #main-navigation ul li a:active { color: #ab100b; }
#main-navigation ul li { border-right: 1px solid #693800; }
#main-navigation ul .active a:link, #main-navigation ul .active a:visited, #main-navigation ul .active a:hover, #main-navigation ul .active a:active { font-weight: 700; }

/* Dropdown: suckerfish principle: http://htmldog.com/articles/suckerfish/dropdowns/ */
#main-navigation ul ul {z-index:1000;}
#main-navigation ul li ul {
	position: absolute;
	min-width: 10em;
	top: 2.2em;
	left: -999em;
	background: #ffc838;
	border-top: 1px solid #f6f3f0;
	margin-left: -1em;
	padding-top: 0;
}
#main-navigation ul li ul li {
	margin: 0;
	padding: .2em 1em;
	float: none;
	border: none;
	border-bottom: 1px solid #f6f3f0;
	display: block;
}
#main-navigation ul li ul li a:link, #main-navigation ul li ul li a:visited, #main-navigation ul li ul li a:hover, #main-navigation ul li ul li a:active { padding: 0; }
/* Show Dropdown */
#main-navigation ul li:hover ul, #main-navigation ul li.sfHover ul, #main-navigation ul li ul:hover { left: auto; }


#footer .nav ul { margin: -.5em 0 0; }

/* definition lists */
dl dt { font-weight: 700; margin: 1em 0 0; }
dl { margin: 0 0 1em; line-height: 1.5; }


/* -----------------------------------------
	C10: BASE STRUCTURE (Div frame)
----------------------------------------- */
.wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#main-navigation {
	background: #ffc838;
	border-top: 3px solid #ab100b;
	padding: 0 10px;
}

#intro-video {
	width: 300px;
	height: 168px;
	float: right;
	background: #111;
}

#header, header[role='banner'], .header[role='banner'] {
	padding: 20px 10px 10px;
	background: transparent url('../img/header_swirls.jpg') no-repeat 0 100%;
}

/* FIX: Duplicated for IE6 :-( */
#header {
	padding: 20px 10px 10px;
	background: transparent url('../img/header_swirls.jpg') no-repeat 0 100%;
}

#page-heading {
	width: 400px;
	float: left;
	margin-left: 20px;
	padding: 10px 0 0 20px;
	border-left: 1px solid #d2c4b3;
}

#page-heading p { margin: 0; }

#header .sub {
	width: 700px;
	border: none;
	margin-left: 21px;
	padding-bottom: 1.5em;
}

.sub .cta {
	float: right;
	margin-top: -2.5em !important;
}

#content {
	background: #FFF;
	padding: 10px 10px 0;
}

/* Fixes to allow the H1 to go 'outside the box' */
.col1, .colmask { overflow: visible; }

/* Generic column stuff */
.column { float: left; margin: 0 20px 0 0; }
.u3 { width: 300px; }
.u4 { width: 220px; }
.u6 { width: 140px; }
.column .column:last-child, .right, .last { margin-right: 0; float: right; }
/* FIX: Duplicated for IE6 :-( */
.last { margin-right: 0; float: right; }

.box { padding: 10px; margin-bottom: 1.4em; }
.featured { background-color: #f6f3f0; }

#top-picks, #news-events { margin-top: 1.4em; }
#top-picks p, #top-picks li, #news-events p, #news-events li, 
.aside p, .aside li { font-size: 1.2em; }

/* Member profile pic */
.pics { width: 100px; float: left; margin-right: 10px; }
/* Prevent IE Staircase bug */
.pics ul li, .partners ul li { display: inline; }

footer, .footer, footer[role='contentinfo'], .footer[role='contentinfo'] {
	padding-top: 1em;
	text-align: right;
	clear: both;
}
/* FIX: Duplicated for IE6 :-( */
.footer {
	padding-top: 1em;
	text-align: right;
	clear: both;
}

#content footer, #content .footer, #content footer[role='contentinfo'], #content .footer[role='contentinfo'] { text-align: left; }
/* FIX: Duplicated for IE6 :-( */
#content .footer { text-align: left; }

#footer {
	background-color: #ab100b;
	color: #FFF;
	border-top: 3px solid #ffc838;
	padding: 10px 10px 0;
}

#footer p, #footer li {
	font-size: 1.2em;
	color: #FFF;
}

/* -----------------------------------------
	C11: TABLES
----------------------------------------- */
table caption {
	margin-bottom: -1em;
	margin-top: 2em;
	font-style: italic;
	font-size: 1.2em;
	color: #693800;
	text-align: right;
}

table thead tr {
	background: #693800;
	color: #FFF;
}

table thead tr th, table tbody tr th, table tfoot tr th {
	background: #693800;
	color: #FFF;
	/*border-bottom: 1px solid #693800;*/
	padding: .2em .5em;
	font-weight: 700;
}

table thead tr td, table tfoot tr td, table tfoot tr th {
	padding: .2em .5em;
	/*border-bottom: 1px solid #693800;*/
	/*border-right: 1px solid #693800;*/
}

table tbody tr th {
	padding: .2em .5em;
	/*border-bottom: 1px solid #693800;*/
	/*border-right: 1px solid #693800;*/
	font-weight: 700;
}

table tbody tr td {
	padding: .2em .5em;
	/*border-bottom: 1px solid #693800;*/
	/*border-right: 1px solid #693800;*/
}

table {
	margin: 1.4em 0 2.1em;
	width: 100%;
	/*border: 1px solid #693800;*/
	text-align: left;
}

/* -----------------------------------------
	C12: FORMS
----------------------------------------- */
form { background-color: #FFF; }

legend, label, form .help_text {
	font-family: 'Trebuchet MS',  Arial,  Helvetica,  sans-serif;
	font-weight: 400;
	display: block;
}

fieldset legend {
	margin-bottom: .5em;
	font-size: 1.4em;
	text-align: right;
}

form p {
	margin: 1em 0;
	overflow: hidden;
}

label { font-weight: 700; }

form .help_text {
	display: block;
	font-style: italic;
}

form .error { color: #C33; }

/* form .required label:after { content: "Required!"; }
form .error label:after { content: "Please correctly fill in this field!"; } */

form .error input {
	background-color: #ffd0d0;
	color: #C33;
	border: 1px solid #C33;
}

input, textarea {
	width: 200px;
	margin: 0;
	font-family: 'Trebuchet MS',  Arial,  Helvetica,  sans-serif;
	font-size: 1em;
	background: #FFF;
	color: #111;
	padding: 2px;
	border: 1px solid #693800;
}

textarea {
	width: 97%;
	height: 100px;
	overflow: auto;
}

input:focus, textarea:focus, input.focus, textarea.focus {
	border: 1px solid #6495ed;
	color: #111;
}

input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button, .button { cursor: pointer; }
input[type='hidden'] { display: none; }
input[type='button'], input[type='submit'], input[type='reset'], input[type='image'], input.button { width: auto; }

input[type='checkbox'], input[type='radio'] {
	background: transparent;
	width: auto;
	float: left;
	border: none;
	margin: 0;
}

input.checkbox, input.radio {
	background: transparent;
	width: auto;
	float: left;
	border: none;
	margin: 0;
}

form p.checkbox label, form p.radio label { margin-left: 1.68em; }
form p.checkbox input, form p.radio input { margin-top: -1.4em; }
form p.required label { color:red; }
select { color: #111; }