/* CSS Document */


body{
    background-color:  #eaedf2 !important;
	font-family: "museo sans",sans-serif;
	font-weight: 500;
	font-size:13px;
	color:#34455c;
}

h1 {
	font-family: "museo",sans-serif;
	text-align: center;
	font-weight: 300;
	font-size: 30px;
	letter-spacing:-1px;
	color:#00bf6f; 
	margin-top:40px;
	margin-bottom:40px;
}

a, a:link, a:visited, a:active {
	color:#00bf6f; 
}
a:hover {
    color: #00a660;
}

.footer {
	color:#afbccc;
	font-size:11px;
}

.text-sm {
	color:#afbccc;
	font-size:12px;
}


/* Navi */

nav.main_menu li {
	font-family: "museo",sans-serif;
	font-weight: 300;
}

.sidebar-nav > .selected {
	background:#75869e;
}


/* Forms */

form {
	background: #fff;
	border-radius: 6px;
    margin: 40px 0;
    padding: 20px 40px 40px 40px;
    overflow: hidden;
}

fieldset {
	clear:both;
}

label {
    color: #99a6ba;
    font-size: 12px;
	padding-top:6px;
	font-weight: 500; 
	/*text-transform:uppercase;*/
	float: left;
}

label > input { /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
  /*display:none;
  height:1px;
  width:1px;*/
}
label > input + img { /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
  padding: 10px;
  border-radius: 6px;
}
label > input:checked + img { /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #00bf6f;
}
label > input:disabled + img { /* (RADIO DISABLED) IMAGE STYLES */
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
}

.form-control {
	height: 44px;
	font-size:13px;
	margin-bottom:14px;
	color:#34455c;
	border: 1px solid #c5cfdb;
	border-radius: 6px;
}
/*
form-control:focus {
	border-color:#00bf6f;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,191,111,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,191,111,.6);
}
*/
.form-control::-moz-placeholder {
	color:#c5cfdb;
	opacity:1;
}
.form-control:-ms-input-placeholder {
	color:#c5cfdb;
}
.form-control::-webkit-input-placeholder {
	color:#c5cfdb;
}


textarea.form-control {
	height: 300px;
}

form.searchform {
    padding-bottom: 20px;
}

form.searchform .form-control {
	width: 80%;
	float: left;
	margin-bottom: 0;
}

form.searchform .btn {
	width: 18%;
	margin-top: 0;
}



/* select (dropdowns) */
select {
	/* remove standard-styles */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	font-size: 1em;
	width: 100%
} 
select {
	/* own style */
	width:100%;
	padding:.5em 3em .5em .6em;
	background-color:white;
	background-image:url(../img/select-arrow.png);
	background-size: 25px 20px;
	background-position: right 12px center;
	background-repeat: no-repeat;
	height: 44px;
	font-size:13px;
	margin-bottom:14px;
	color:#34455c;
	border: 1px solid #c5cfdb;
	border-radius: 6px;
}
select:hover {
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
select::-ms-expand {
	/* hide browser-styling (arrow) in IE10 */
	display:none;
}
.lt-ie10 select {
    background-image: none;
}
option {
	background:#fff;
	padding:.6em 2em .6em 1em;
	border-top:1px solid #c5cfdb;
}


/* Buttons */

.btn {
	width: 100%; 
	height: 44px;
  	background: #00bf6f;
  	color: #fff;
  	font-weight: 500;  
	font-size:13px;
  	padding: 10px 12px 12px 12px;
 	border-radius: 6px;
}
.btn:hover,
.btn:focus {
	background: #00a660;
	color: #fff;
	text-decoration: none; 
	outline:none;
}

form .btn {
    margin-top: 24px;
}

.toggleBtn {
	background: #eaedf2;
	color:#34455c;
	height: 44px;
	
}
.toggleBtn:hover,
.toggleBtn:focus {
	text-decoration: none; 
	outline:none;
}

/* Messages */

.successMessage, .errorMessage
{
	margin: 10px 0px;
	padding:15px 10px 15px 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius: 6px;
}

.successMessage {
	color: #00bf6f;
	background-color: #c9e7e0; /* 14% alpha on grey */
}
form .successMessage {
	color: #00bf6f;
	background-color: #dbf6eb; /* 14% alpha on white */
}

.errorMessage {
	color: #ff6666; 
	background-color: #eddade; /* 14% alpha on grey */
}
form .errorMessage {
	color: #ff6666; 
	background-color: #ffe9e9; /* 14% alpha on white */
}


tr.borderBottom td {
  	border-bottom: 1pt solid #ccc;
	padding: 1px 3px;
}
tr:first-child {
	font-weight: bold;
}