/* !Sets and Resets test */
/* ---------------------------------------- */

html {
	position: relative;
	}

div, form, ul, li, figure, img, figcaption {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
	}

* { margin: 0; padding: 0; line-height: 26px; }


/* !Shared Styles */
/* ---------------------------------------- */

body {
	background-color:#E1E1D7;
	font-family: "proxima-nova-n4", "proxima-nova", 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color:#3F5042;
	background-image: url('../img/paper-bg-4.jpg');
	background-repeat: repeat;
	font-size:14px;
	line-height:18px;
	overflow:auto;
	}

p {
  margin: 0 0 0px;
  }

p.instructions {
	font-size:0.9em;
	line-hieght:1.0em;
	font-weight:400;	
	text-align: left;
	margin-bottom:10px;
	}
		      
.message {
	color:red;
	}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	font-family: "proxima-nova-n3", "proxima-nova", 'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:300;
	font-style:normal;
	text-shadow: #F1F1E9 2px 2px 1px;	
	}

h1 {	
	font-weight:700;
	font-style:normal;
	}

a {
	}
	
a:hover {
	color:#EEA33F;
	text-decoration: none;
	}

a.tip {
	color:#C2BEAE;
	}

a.tip:hover {
	color:#333;	
	}	
	
.hidden {
	visibility:hidden;
	}
	
.visible {
	visibility: visible;		
	}

.outline {
	padding:3px;
	border: 2px solid #0D6836;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		
	}

strong {
	font-weight:700;
	font-style:normal;
	}
	
.inactive {
	opacity:0.5;
	}	
	
.raised.panel {
	padding:10px;
  	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);	
	border: 1px solid rgba(0,100,58,0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	}

.attached.panel {
	position:relative;
	padding:5px;
	text-align:center;
	margin:auto;
	margin-top:0px;
	border: 1px solid rgba(0,100,58,0.5);
	background-color: #E6E6DF;
	background-color: rgba(193,201,188,0.1);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	}

.attached.panel p {
	text-align:center;
	margin:5px;
	}

.attached.panel p strong {
	font-size:1.1em;
	font-weight: 400;
	font-style: normal;
	}

.attached.panel a {
	font-weight: 700;
	font-style: normal;
	}

.attached.panel label {
	margin-right:5px;
	margin-left:5px;
	}
	
.attached.panel input {
	margin-right:5px;
	margin-left:5px;
	}	

table + .attached.panel, .panel + .attached.panel {
	width:98%;
	border-top:0px;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius: 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
	}

table + .attached.panel {
	margin-top:-17px;	
	}
	


	
.panel-heading {
	padding:0px;
	text-align:center;
	background-color: #969E94;
	margin:-10px;
	}
	
	.panel-heading h2 {
		color:#ECEBE6;
		text-transform: uppercase;
		font-size:1.3em;
		text-shadow: none;	
		}
	


.panel .submit {
	text-align:center;
	padding:10px;
	}

.panel .submit input:hover {
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	}
	
#busy-indicator { 
	display:none; 	
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	bottom:0;
	right:0;
	background-color:#E3E4DB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top:8px;
	text-align:center;
		
	}

#preload {
	display:none;
	}	
	
legend {
	border-bottom:none;	
	}	

/* !Header */
/* ---------------------------------------- */

img.logo {
	max-width: none;
	}

#Header {
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
	}

#Header a {
	text-transform:uppercase;
	margin-left:15px;
	margin-top:5px;
	}			
	
#Header input {
	margin-right:10px;
	}	
	
#Header .page-login {
	text-align:right;
	padding-bottom:0px;
	height:33px;
/* 	border-bottom:2px solid #0D6836; */
	}	

#Header .logged-in {
	text-align:right;
	font-size:1.1em;
	line-height:1.1em;
	padding-bottom:0px;
	height:33px;
/* 	border-bottom:2px solid #0D6836; */
	}	
	
#Header .username {
	display:inline;
	margin-right:10px;
	margin-top:10px;
	}	

#Header a.nav {
	display:block;
	float:left;
	margin-right:10px;
/* 	margin-top:10px; */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:4px;
	border:1px solid #0D6836;
	color:#0D6836;
		
	}	

#Header a.nav:hover {
	background-color:#0D6836;
	color:#F1EFE3;		
	}
#Header a.active {
	background-color:#0D6836;
	color:#F1EFE3;	
	}		

.greeting {
	font-size:1em;
	line-height:2.0em;
	font-weight:400;
	text-align:right;
	text-transform: uppercase;
	}
	
.greeting em {
	font-size:1.5em;
	font-weight:700;
	font-style: normal;		
	text-transform: none;
	}

a.dashboard {
	float:right;		
	font-size:1.0em;
	font-weight:400;
	margin-right:10px;
	}	
		
a.logout {
	float:right;		
	font-size:1.0em;
	font-weight:400;
	}	

	
/* !Footer */
/* ---------------------------------------- */
	
#footer {
	margin-top:40px;
	margin-bottom:20px;
	}
		
#footer p {
	font-family: "proxima-nova-condensed";
	font-weight: 400;	
	font-size:0.8em;
	line-height:1.2em;	
	margin-left:35px;
	}	

#footer img.footer-logo {
	margin:20px;
	margin-top:0px;
	float:left;
	}


/* !Forms */
/* ---------------------------------------- */
	
/* Bootstrap Style Overwrites and additions
----------------------------------------- */

input,
textarea,
select,
.uneditable-input {
/*
	display: inline-block;
	width: 210px;
	min-height: 18px;
	padding: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 18px;
	background-color: rgba(255,255,255,0.7);
	color: #555555;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
		
*/
	}

label {
	font-family: "proxima-nova-n7", "proxima-nova", 'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-style:normal;
	color:#0D6836;
	}	

.btn-custom {
  color: #C23337 !important;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;
  	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;		
	
}


.btn-custom-alt {
	background-color: hsl(0, 0%, 16%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828));
	background-image: -moz-linear-gradient(top, #5b5b5b, #282828);
	background-image: -ms-linear-gradient(top, #5b5b5b, #282828);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828));
	background-image: -webkit-linear-gradient(top, #5b5b5b, #282828);
	background-image: -o-linear-gradient(top, #5b5b5b, #282828);
	background-image: linear-gradient(#5b5b5b, #282828);
	border-color: #282828 #282828 hsl(0, 0%, 11%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	}

/* SIGNUP AND LOGIN */ 


#signup, #login {
	margin-top:20px;
	}
	
@media (min-width: 780px) {

	#signup .signup-wrapper, #login .login-wrapper {
		margin-top:40px;
		}
	}	

		
	
.signup-wrapper, .login-wrapper {
	max-width:600px;
	margin:auto;
	}	
	
#signup form, #login form {
	margin:auto;
	padding:10px;
	width:450px;
	max-width:100%;
	}

#login legend, #signup legend {
	font-weight:700;
	text-transform:uppercase;
	background-image: url("../img/underline_black.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	border-bottom:0px;	
	max-width:100%;
	}

form .error {
	position:relative;
	}
	
form .validation.alert {
	display: block;
	visibility: visible;
	padding: 5px;
  	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  	position:absolute;
  	top:0px;
  	left:-60px;	
  	width:210px;
  	height:38px;
  	line-height:1em;
	}		

#login .control-label, #signup .control-label {
	width:35%;
	padding-right:10px;
	text-align:right;
	line-height:30px;
	}

#login .controls, #signup .controls {
	margin-left:35%;
	width:65%;
	padding-left:10px;
	text-align: left;
	height:30px;
	}
	
#login .control-group {
	text-align:center;
	}
	
#login input.input-text, #signup input.input-text {
	padding:10px;
	background-color: rgba(255,255,255,1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
  	-webkit-box-shadow: inset 0 0px 5px rgba(232, 232, 224, 1);
  	-moz-box-shadow: inset 0 0px 5px rgba(232, 232, 224, 1);
  	box-shadow: inset 0 0px 5px rgba(232, 232, 224, 1);		
	}

#login input.input-text  {
	font-size:1.2em;
	width:300px;
	}

#signup input.input-text  {
	max-width:100%;
	}
	
#login .submit, #signup .submit {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	}
	
#login label {
	display:none;
	}

placeholder {
	color:#E8E8E3;
	}

.panel .instructions {

	}


.table th, .table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align:middle;
  border-top: 1px solid rgba(0,100,58,0.5);
  }

.table th {
	font-family: "proxima-nova-condensed";
	font-weight: 700;
	font-size:1.0em;
	color:#405043;
	text-align:center;
	}

.table tr:first-child th {
	border-bottom:double;
	}

.table td { font-weight:400; }	
.table thead td {
	text-align:center;
	text-transform:uppercase;
	font-size:0.8em;
	border-bottom:1px solid #006638;
	}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
	background-color: #E6E6DF;
	background-color: rgba(193,201,188,0.1);
	}	

.table-bordered {
	border: 1px solid rgba(0,100,58,0.5);
	border-collapse: separate;
	*border-collapse: collapsed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
		
	}
.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
	border-left: 1px solid rgba(0,100,58,0.5);
	}

::-webkit-input-placeholder  {	font-family: "proxima-nova-n4", "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:400; color:#C7C5C1; }
input:-moz-placeholder { font-family: "proxima-nova-n4", "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:400; color:#C7C5C1; }

form {
	margin: 0px;
	}
	
a.btn-danger {
	color:#FFF;
	}

/* STYLE MODIFIERS */	

.inset {
  	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5);
  	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5);
  	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5);		
	}
	
.rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
	}
	
.raised {
  	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);				
  	}

.shadow {
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	}
  	
.bordered {
	border: 1px solid rgba(0,100,58,0.5);	
	}  	
	
.shaded {
	background-color: #E1E0D9;
	background-color: rgba(219,217,210,0.5)	;
 	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25);
  	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25);
  	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25);		
	}