/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; outline: 0; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a { text-decoration: none; }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

body, html {height:100%;}
body {
	background: #111;
	color: #494949;
	font: 13px Arial, Helvetica, sans-serif;

}

ol, ul {
	list-style: none;
}

.padded-box {
	padding: 10px;
}

/* Tell the browser to render HTML 5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

a {
	color: rgb(6, 77, 165); /*color:#784421;*/
	background-color:transparent;
	text-decoration:none;
	/*text-shadow: 0 1px 0 #fff;*/
}
a:hover {color:#fefefe; background-color:transparent; text-decoration:none;}

p, h1, h2, h3 {
	margin-bottom: 10px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, sans-serif;
	text-shadow: 0 1px 0 #fff;
color: #cccccc;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
	margin-bottom: 15px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-weight: normal;
	font-size: 14px;
}

.heading_solid {
	border-bottom:1px solid #064DA5;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
}
.heading_solid img {
	margin: -5px 10px 0px 0px;
	vertical-align: middle;
}

.status-failure {
	background: url(../img/cancel.png) no-repeat 10px center;
	background-color: rgba(255, 235, 232, 0.5);
	border: 1px solid #C00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 5px 6px 35px;
	margin-bottom: 10px;
}
.status-failure a {
	color: #494949;
}
.status-ok {color:green;background-color:#dfFFda;border:1px solid green;padding:4px;margin:5px;}

label span.error {
	color:red;
	position:relative;
	right:-10px;
	font-size: 10px;
}

.logout {
	position: absolute;
	top: 32px;
	right: 0;
}

/* ------ CLIENT Feedback WINDOW ------ */
.container {
	position:relative;
	margin:10px;
}
.centered_container {
	margin:10px auto;
	border:1px solid red;
	padding:10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.inline {display:inline;}
.small_text {font-size:11px;}
.red { color:red;}
.pale_brown {
	background-color: transparent; /* #f5eee9; */
	border: 0px solid #d5c6bb;
}
.response_sum {	
	font-size:10px;
	color:#555;
}
.contact {
	width:360px;
	margin-top:20px;
}

.copyright {
	width: 135px;
	padding: 5px;
}

.facebook {
	width: 80px;
	padding: 5px;
}

.text_block {
	padding:10px 5px 5px 10px;
}

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0 }
	.coda-slider { background: #fff }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 100%; overflow: auto !important; padding-right: 20px; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 360px; border-radius: 0 5px 5px 5px; box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);  z-index: 2;}
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 350px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #fff; z-index: 3;}
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { overflow: hidden; padding: 0; margin: 0; list-style: none; }
	.coda-nav ul li { float: left; margin-left: -2px; }
	.coda-nav ul li a { 
		position: relative;
		background: #d2b39f;
		background-image: -moz-linear-gradient(top, #784421 0%, #cc8658 100%); 
		background-image: -webkit-linear-gradient(top, #784421 0%, #cc8658 100%); 
		background-image: -o-linear-gradient(top, #784421 0%, #cc8658 100%); 
		background-image: -ms-linear-gradient(top, #784421 0% ,#cc8658 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8658', endColorstr='#cc8658',GradientType=0 ); 
		background-image: linear-gradient(top, #784421 0% ,#cc8658 100%);
		padding: 8px 20px;
		float: left;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		text-shadow: 0 1px 0 rgba(0,0,0,.8);
		border-radius: 10px 10px 0 0;
		box-shadow: 0 2px 2px rgba(0,0,0,.4);
	 }
	 
	 .coda-nav ul li a:hover,
	 .coda-nav ul li a:hover::after,
	 .coda-nav ul li a:focus,
	 .coda-nav ul li a:focus::after{
	   background: #fff;
	   color: #333;
	   text-shadow: 0 1px 0 rgba(255,255,255,.8);
	 }
	 
	 .coda-nav .current {
	 	color: #333;
	 	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	 }
	 
	 .coda-nav ul li a:focus{
	   outline: 0;
	 }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; }
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative; }
	

#content
{
    background: #111;
    padding: 2em;
    height: 100%;
    position: relative;
    z-index: 2;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

/* ------ FORMS ------- */
.thin { width: 280px; }
.wide { width: 380px; }
label {
	font-size:15px;
	margin:0px 0px 0px 10px;
}
.input_field {
	margin:5px 0px 8px 10px;
	background-color: #fff;
	color: #444;
	padding: 6px;
	border: 1px solid #d5c6bb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	letter-spacing: normal;
	-moz-transition:  all 0.2s linear;
	-o-transition:  all 0.2s linear;
	transition:  all 0.2s linear;
	font: normal 500 12px/1.5em Verdana, sans-serif;
}
.input_field:focus, .input_field:hover {
	-webkit-box-shadow: 0 0 4px #d5c6bb;
	-moz-box-shadow: 0 0 4px #d5c6bb;
	box-shadow: 0 0 4px #d5c6bb;
}
.button {
text-decoration:none; text-align:center; 
padding:6px 15px; 
border:solid 1px #000; 
-webkit-border-radius:5px;
-moz-border-radius:5px; 
border-radius: 5px; 
font-size: 14px;
color:#ffffff; 
background-color:#784421; 
background-image: -moz-linear-gradient(top, #784421 0%, #cc8658 100%); 
background-image: -webkit-linear-gradient(top, #784421 0%, #cc8658 100%); 
background-image: -o-linear-gradient(top, #784421 0%, #cc8658 100%); 
background-image: -ms-linear-gradient(top, #784421 0% ,#cc8658 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8658', endColorstr='#cc8658',GradientType=0 ); 
background-image: linear-gradient(top, #784421 0% ,#cc8658 100%);   
-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
opacity:0.7; 
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
filter: alpha(opacity=70); 
 text-shadow: 1px 1px 1px #333; 
 filter: dropshadow(color=#333, offx=1, offy=1);
 -webkit-transition: all 0.1s linear;
 -moz-transition:  all 0.1s linear;
 -o-transition:  all 0.1s linear;
 transition:  all 0.1s linear;
}
 
.button:hover{
 opacity:1; 
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); 
 filter: alpha(opacity=1);
 color: #fff;
 background-color:#784421; 
 background-image: -moz-linear-gradient(top, #784421 0%, #cc8658 100%); 
 background-image: -webkit-linear-gradient(top, #784421 0%, #cc8658 100%); 
 background-image: -o-linear-gradient(top, #784421 0%, #cc8658 100%); 
 background-image: -ms-linear-gradient(top, #784421 0% ,#cc8658 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8658', endColorstr='#cc8658',GradientType=0 ); 
 background-image: linear-gradient(top, #784421 0% ,#cc8658 100%);
}
.button_right {
	margin-top: 10px;
	text-align: right;
}
#starify {
	float: left;
	width: 380px;
	margin: 5px 0 5px 10px;
}
.rate-result {
	float: left;
	width: 380px;
	margin: 5px 0 5px 10px;
}

.clear {
	clear: bloth;
}

/* Star Rating */
#starify .stars, #starify .stars-cancel {float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer;}
#starify .stars a, #starify .stars-cancel a {width:28px;height:26px;display:block;background:url('../img/stars.png') no-repeat 0 0;}
#starify .stars a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}
#starify .stars-cancel-hover a{background-position:0 -28px;}
#starify .stars-disabled, #starify .stars-disabled a, #starify .stars-cancel-disabled a{cursor:default!important;}


#starify .frown a {width:28px;height:26px;display:block;background:url('../img/rate_bad.png') no-repeat 0 0;}
#starify .frown a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .nothappy a {width:28px;height:26px;display:block;background:url('../img/rate_nothappy.png') no-repeat 0 0;}
#starify .nothappy a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .neutral a {width:28px;height:26px;display:block;background:url('../img/rate_neutral.png') no-repeat 0 0;}
#starify .neutral a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .happy a {width:28px;height:26px;display:block;background:url('../img/rate_happy.png') no-repeat 0 0;}
#starify .happy a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .superhappy a {width:28px;height:26px;display:block;background:url('../img/rate_superhappy.png') no-repeat 0 0;}
#starify .superhappy a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .one a {width:28px;height:26px;display:block;background:url('../img/rate_one.png') no-repeat 0 0;}
#starify .one a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .two a {width:28px;height:26px;display:block;background:url('../img/rate_two.png') no-repeat 0 0;}
#starify .two a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .three a {width:28px;height:26px;display:block;background:url('../img/rate_three.png') no-repeat 0 0;}
#starify .three a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .four a {width:28px;height:26px;display:block;background:url('../img/rate_four.png') no-repeat 0 0;}
#starify .four a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

#starify .five a {width:28px;height:26px;display:block;background:url('../img/rate_five.png') no-repeat 0 0;}
#starify .five a {background-position:0 -56px;}
#starify .on a {background-position:0 -84px;}
#starify .hover a {background-position:0 -112px;}

/* Navigation */
nav {
	float: left;
	position: relative;
	width: 350px;
	padding: 5px 0 5px 0;
	margin-bottom: 20px;
}
.topcat, .subcat {
	float: left;
	width: 140px;
	margin: 0 20px 5px 0;
}
.topcat a, .subcat a {
	display:block;
	text-decoration:none;
	color:#212121;
	text-transform: uppercase;
	padding: 0 16px;
}
.topcat img, .subcat img {
	border: none;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -1px;
}
.topcat a, .subcat a {
	height:28px;
	line-height: 28px;
	font-size: 12px;
	border: 1px solid #b8b8b8;
	-webkit-transition: background 0.1s;
	-moz-transition: background 0.1s;
	transition: background 0.1s;
	background-color: #f0f0f0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px; 
	border-radius: 5px;
	width: 120px;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.topcat a:hover, .subcat a:hover {
	color: #212121;
	background-color: #d8d8d8;
}
.topcat .active, .subcat .active {
	background-color: #d8d8d8;
}
#feed_form, #fnlwrapper {
	display: none;
}
#pollWrap{
	width: 300px;
	margin-top: 10px;
}
#pollWrap ul {
	margin: 0;
	padding: 0 0 0 5px;
	list-style:none;
}
#pollWrap li {
	padding: 0;
	margin: 2px 0;
	overflow:hidden; /*for our lovely friend IE6 to behave nicely*/
}
#pollWrap li span {
	font-size: 11px;
}
.pollChart {
	height: 10px;
	width:1px;
	/*Adding rounded corners to the graphs - Optional - START*/
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	/*Adding rounded corners to the graphs - Optional - END*/
}
#pollSubmit {
	margin-top: 5px;
}
#pollMessage {
	color:#C00;
}