/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
#sidebar {width:195px; padding:10px; background: white; height:250px; right:0; top:50; border:1px solid #82ab31;font-size:10px;}

#sidebar_rec {width:195px; padding:10px; background: white; height:400px;  right:0; top:50; border:1px solid #82ab31;font-size:10px;overflow:auto;}
			


.checkbox {
	font-size: 12px;
}

body .pricing-stack .well .price {
  color: #6a9b00;
  /* primary colour */

}
body .pricing-stack .well.active {
  border-color: #6a9b00;
  /* primary colour */

}
body .pricing-stack .well.active .price {
  background: #6a9b00;
  /* primary colour */

  border-color: #6a9b00;
}

body .pricing-stack .well.active .btn {
margin-top: 10px;
}

#navigation .navbar .nav#main-menu li a {
	font-family: 'Varela', sans-serif;
}

#navigation .navbar-inner {
	
}


.title-divider {
	font-family: 'Varela', sans-serif;

	text-align: left;
	margin-bottom: 1em;
	/*background: #ffffff url(../img/bg_divider.png) left center repeat-x;*/
	padding: 0;
}

span.bodytext {
	font-family: 'Lato', sans-serif;


}

.navbar-inner {
	background: #6a9b00;
}

.nav nav-list {
	font-family: 'Varela', sans-serif;
}


section-menu ul.nav-list li.active > a, .section-menu ul.nav-list li.active > a:hover {
	border-left: 4px solid #003c51;
	border-right-color: #ffffff;
	margin: 0 -1px 0 0;
	background: #ffffff;
	color: rgba(36, 36, 36, 0.8);
}

a {
	color: #003c51;
}	

a:hover {
	color: #003c51;
	text-decoration: underline;
}

ul, menu, dir,li,select {
font-family: 'Lato', sans-serif;
}

body {
	font-family: 'Lato', sans-serif;
}

h1, h2, h3,h4,h5 {
font-family: 'Varela', sans-serif;
}

select {
	font-size:12px;
}
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
font-family: 'Lato', sans-serif;
font-size:12px;
}
.section-menu ul.nav-list li a {
color: rgba(36, 36, 36, 0.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-weight: bold;
font-size: 12px;
border: 1px solid #e6e6e6;
border-top: none;
margin: 0 -1px 0 3px;
-webkit-box-shadow: 1px 1px 1px #ffffff;
-moz-box-shadow: 1px 1px 1px #ffffff;
box-shadow: 1px 1px 1px #ffffff;
background: #fafafa;
text-shadow: none;
padding: 8px 15px;
position: relative;
}

body #navigation .navbar .nav > li > .btn.btn-primary, body #navigation .navbar .nav > li > .btn-navbar.btn-primary, body #navigation .navbar .nav > li > .btn.btn-navbar, body #navigation .navbar .nav > li > .btn-navbar.btn-navbar, body #navigation .navbar .nav > li > .btn:focus, body #navigation .navbar .nav > li > .btn-navbar:focus {
font-family: 'Varela', sans-serif;
}

h2 small {
font-family: 'Lato', sans-serif;
}



@media (max-width: 480px) {
	
	#hiddenarea {
	


	
		visibility: visible;

	}

	#sidebar {
	

		display: none;

	}

	#bbform {
	

		display: none;

	}
	
	div #divpage336 {
	

		display: none;

	}
	


	
}

	#hiddenarea {
		


			visibility: hidden;

	}



.pricing-stack .well.active .price {
background: #6a9b00;
background-color: #6a9b00;

filter: none;

}


body #navigation .navbar .nav > li > .btn.btn-primary, .btn.login, body #navigation .navbar .nav > li > .btn-navbar.btn-primary, body #navigation .navbar .nav > li > .btn.btn-navbar, body #navigation .navbar .nav > li > .btn-navbar.btn-navbar, body #navigation .navbar .nav > li > .btn:focus, body #navigation .navbar .nav > li > .btn-navbar:focus {
 background: #003c51;
background-color: 2f7593;

filter: none;

}

.themechans {
	font-size: 10px;

}

body {


	color: #000000;
	font-size: 16px;


}

.icon-signal,.icon-fire, .icon-envelope {
       color: #6a9b00; 
   }


.navbar .navbar-inner {
    text-align: center;
	font-size: 14px;
}
.navbar .navbar-inner .nav {
    float: none;
    display:inline-block;
	font-size: 14px;
}


#navigation .navbar .nav#main-menu li a {
	font-size: 14px;
}

#navigation .navbar .nav#main-menu .dropdown-menu li a.menu-item {
	font-size: 14px;
}

.section-menu ul.nav-list li a {
	font-size: 16px;
}

.subfooter li a {
font-size: 18px;
}


.navbar .nav > li > a {
  color: #FFFFFF;  /* <--- change the rgba to hex (white) */
  opacity:0.7; /* <-- add for the opacity */
  filter:alpha(opacity=70); /* <--add for opacity in IE8 For IE8 bug */
}

#footer a {
  color: #ffffff;
}

/** Mobile **/
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {


	#surveylink {
		display: none;
	}
}

/** Tablet **/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#surveylink {
	/**	display: none; **/
	}


}

/** Tablet (landscape) **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	#surveylink {
		display: none;
	}

}

}