body {
	position: relative;
	margin: 0;
	padding-bottom: 200px;
	min-height: 100%;

	background: #fff;
    font: 14px/21px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

h1 {
	color:#EB7D1E;
	letter-spacing: -2px;
    font-size: 36px;
    line-height: 110%;
	font-weight:normal;
}

h2 {
	color:#EB7D1E;
    font-size: 22px;
    line-height: 110%;
}
h3 {
	color:#1E1E1E;
    font-size: 12pt;
    line-height: 110%;
}

div {
	box-sizing: border-box;
}
p {
	font-size: 17px;
    line-height: 150%;
    color: #777;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	max-width: 900px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	padding:20px 0;
}
@media screen and (max-width: 960px) {
	.container {
		padding-left: 15px;
	}
}

@media screen and (max-width: 768px) {


	.col35, .col45, .col60 {
		width: 100%;
	}
	.lcol50 {
		width: 100%;
		float: left;
		vertical-align: top;
	}
}


.masthead {
	background-image: url(images/MasterLabsurveys.png);
	background-repeat: no-repeat;
	height: 88px;
	width: 100%;
	padding:20px 0px 0px 400px;
	border-bottom:1px solid #dddddd;
}

hr {
	height:1px;
	border: 0;
	background:#dddddd;
}

.TopNav li {
    padding: 0 0px 13px 22px;
    display: inline;
    list-style: none;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    /* letter-spacing: -1px; */
}

.TopNav li a:visited {
    color: #EB7D1E;
}

.TopNav li a {
    text-decoration: none;
    color: #EB7D1E;
}
a, a:visited {
    color: #333;
    outline: 0;
}

@media screen and (max-width: 930px) {
	.masthead {
		padding: 80px 0px 10px 20px;
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	.masthead {
		padding: 80px 0px 10px 20px;
		height: auto;
	}
}



@media screen and (max-width: 533px) {
	.masthead {
		padding: 80px 0px 10px 20px;
		height: auto;
	}

	.TopNav ul {
		-webkit-padding-start: 0px;
    padding: 0;
	}
}

.staticfooter
{
	background: #1E1E1E;
    padding-bottom: 20px;
    color: #eee;
	width: 100%;
	text-align:center;
}


.footer
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: #1E1E1E;
    padding: 0px 0 80px 0;
    color: #eee;
	width: 100%;
	text-align:center;
	vertical-align:middle;
	font-size:10pt;
}

.footer a, .footer a:visited,
.staticfooter a, .staticfooter a:visited {
    color: #EB7D1E;
}

.altheading {
    color: #684745;

}

.BiggerText {
    font-size: 64px;
    letter-spacing: -5px;
    line-height: 120%;
}
.BlackTxt {
    color: #1e1e1e;
}

.MainIntro_left p {
    font-size: 17px;
    line-height: 150%;
    color: #777;
	vertical-align:middle;
}


textarea {
	width:100%;
}

.redhighlight {
	color:#aa0000;
}
.SRS_LightBrown {
	
    background-color: #f1eae0;
	width:100%;
	padding-top:30px;

}
.SRS_LightBrown_section {
	
    background-color: #f1eae0;
	height:80px;
	width:100%;
}
.SRS_Band2 {
	
    background-color: #dcd5ca;
}

.button {
	background-color: #EB7D1E;
	border:0;
    font-weight: bold;
    font-size: 14px;
	padding: 5px 10px;
    color: #ffffff;

}
.button:hover {
	background-color: #c2731e;
}

.fakebutton {
	background-color: #888888;
	border:0;
    font-weight: bold;
    font-size: 14px;
	padding: 5px 10px;
    color: #ffffff;

}
.fakebutton:hover {
	background-color: #666666;
}


a.SRSTextLink
{
    font-weight: bold;
    font-size: 14px;
	padding: 5px 10px;
    color: #ffffff;
	text-decoration: none;
	margin:3px;
}
.orange { 
    background-color: #EB7D1E;
}
a.orange:hover {
	background-color: #c2731e;
}

a.SRSTextLinkSmall
{
    font-weight: bold;
    font-size: 12px;
	padding: 2px 6px;
    color: #ffffff;
	text-decoration: none;
	margin:3px;
}

.blue { 
    background-color: #508fcb;
}
a.blue:hover {
	background-color: #235381;
}
.green { 
    background-color: #8bc35f;
}
a.green:hover {
	background-color: #5f9039;
}
.grey { 
    background-color: #999999;
}
a.grey:hover {
	background-color: #666666;
}
.red { 
    background-color: #b93737;
}
a.red:hover {
	background-color: #990000;
}
.SRSListCell
{
    font-size: 14px;
    color: #666666;
    background-color: #f1eae0;

}

.SRS_Testimony p {
    color: #767066;
    font: italic 32px/120% 'Volkhov', Georgia, serif;
    padding-bottom: 40px;
}

/* http://www.echo-peri.com/ */

/*======= OLD =======*/

.SRBListCell
{
    font-size: 8pt;
    color:black;
}
.SRBListHead
{
    font-size: 14pt;
    color:black;
}
.SRSsmaller
{
    font-size: 8pt;
}
.rssheading
{
    font-weight: bold;
	font-size: 10pt;
}
.Navigation
{
	height: 29px;
	width: 400px;
}
.Indent
{
	font-size: 12px;
	color: #ffffff;
	text-indent: 17px;
	text-align: right;
	vertical-align: middle;
}

.SRScompulsory
{
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
}
.SRSListHead
{
    font-weight: bold;
    font-size: 14px;
    color: #000000;
}

.SRSListCellBad
{
    font-size: 12px;
    color: #666666;
    background-color: #ffcccc;
}
.SRSListCellSmall
{
    font-size: 10px;
    color: #666666;
    background-color: #f4f5e7;
}
.SRSListCellWhite
{
    font-size: 12px;
    color: #484a40;
    background-color: #ffffff;
}
.rssFormCell
{
    font-size: 8px;
    color: #81A311;
	}

.OwnerLink
{
    font-weight: bold;
    font-size: 10px;
	color: #666666;
}
.SRSFormCellTitle
{
    font-weight: bold;
    font-size: 12pt;
    color: #1e1e1e;
	padding-bottom:10px;
}


.SRS_QNum {
	padding-right:10px;
	float:left;
	width:10%;
}
.SRSPageTitle
{
    font-size: 18px;
    color: #990000;
}
.SRSRedButton
{
    font-size: 8pt;
    color: #ffffff;
    background-color: #cc0000;
}
.SRSBlueButton
{
    color: #ffffff;
    background-color: #0000cc;
}
.SRSBlackButton
{
    color: #ffffff;
}
.SRSRenderCell
{
    color: #000000;
    padding-bottom: 30px;
}
.SRSRenderSubText
{
    color: #000000;
}
.SRSRenderCellPage
{
    font-weight: bold;
    color: #000099;
}
.SRSRenderCellQuestion
{
    font-weight: bold;
    color: #000000;
    padding-bottom:10px;
}
.SRSSurveyBorder
{
    background-color: #ffffff;
    margin: 15px;
    padding:20px;
	border: 3px solid #235381;
}

.SRSBlackForm {
    background-color: #1e1e1e;
    padding:20px;
}
.SRSBlackForm td {
	color: #fff;
	font-size:100%;
	padding: 3px 10px 3px 5px;
}
.SRSBlackForm input[type=text] {
    width: 100%;
    height: 35px;
    border: #000 solid 2px;
    background: #423e37;
    color: #eee;
	padding: 1px 5px;
}

.SRSDemoCell
{
    border: #ffff00 solid;
    margin: 2px;
    background-color: #000000;
    color: #ffff00;
    font-weight: bold;
    font-size: 14px;
}

.padchoiceYes, .padchoiceNo, .padchoiceNone {
	border-radius:10px;
	text-align:center;
	vertical-align:middle;
	margin:0 10px 10px 10px;
	padding: 3px 0 3px 0;
	height:60px;
    font-size:12pt;
	display: inline-block;
    *display: inline;
}
.padchoiceYes {
	color: #449944;
}
.padchoiceNo {
	color: #994444;
}
.padchoiceYes {
    background-color:#ccffcc;
    border: 3px solid #aaffaa;
}
.padchoiceNo {
    background-color:#ffcccc;
    border: 3px solid #ffaaaa;
}
.padchoiceNone {
    background-color:#eeeeee;
    border: 3px solid #cccccc;
}
.padchoiceNo:hover {
    background-color:#eebbbb;
    border: 3px solid #aaffaa;
}
.padchoiceNone:hover {
    background-color:#dddddd;
    border: 3px solid #bbbbbb;
}


@media screen and (max-width: 533px) {

	.container {
		width: 100%;
	}

	.SRSSurveyBorder
	{
		border: 0px #ffffff solid;
		margin: 0;
		padding:15px;
	}

}



.padring1 {
	border:2px solid #b93737;
	margin:0 2px 0 0;
	text-align:center;
	border-radius:10px;
	padding-bottom:10px;
}
.padring2 {
	border-left:2px solid #b93737;
	border-top:2px solid #b93737;
	border-bottom:2px solid #b93737;
	border-radius:10px 0 0 10px;
	margin:0 0 0 2px;
	text-align:right;
	padding-bottom:10px;
}
.padring3 {
	border-right:2px solid #b93737;
	border-top:2px solid #b93737;
	border-bottom:2px solid #b93737;
	text-align:left;
	border-radius:0 10px 10px 0;
	padding-bottom:10px;
}
.height110 {
	height:105px;
}

@media screen and (max-width: 525px) {
	.padring1, .padring2, .padring3  {
		text-align:center;
	}
	.padring2 {
		margin: 0 0 3px 0;
	}
	.padring2 {
		border-left:2px solid #b93737;
		border-right:2px solid #b93737;
		border-bottom:0;
		border-top:2px solid #b93737;
		margin:3px 0 0 0;
		border-radius:10px 10px 0 0;
		padding-bottom:0px;
	}
	.padring3 {
		border-left:2px solid #b93737;
		border-right:2px solid #b93737;
		border-top:0;
		border-bottom:2px solid #b93737;
		border-radius: 0 0 10px 10px;
	}
	.height110 {
		height:150px;
	}
}
.meetchoiceYes, .meetchoiceNo, .meetchoiceMaybe, .ticketchoiceYes, .ticketchoiceNo, .ticketchoiceNone  {
    border-radius:15px;
    text-align:center;
	display: inline-block;
    *display: inline;
    margin:0 10px 0 10px;
}
.ticketchoiceYes, .ticketchoiceNo, .ticketchoiceNone {
    font-size:12pt;
    width:95%;
	padding: 3px 0 3px 0;
}
.meetchoiceYes, .meetchoiceNo, .meetchoiceMaybe {
    font-size:12pt;
    width:29%;
    height:120px;
	padding-top: 20px;
    float:left;
}
.ticketchoiceYes {
	color: #449944;
}
.ticketchoiceNo {
	color: #994444;
}
.meetchoiceYes, .ticketchoiceYes {
    background-color:#ccffcc;
    border: 3px solid #aaffaa;
}
.meetchoiceNo, .ticketchoiceNo {
    background-color:#ffcccc;
    border: 3px solid #ffaaaa;
}
.meetchoiceMaybe, .ticketchoiceNone {
    background-color:#eeeeee;
    border: 3px solid #cccccc;
}
.meetchoiceYes:hover, .ticketchoiceYes:hover {
    background-color:#aaffaa;
    border: 3px solid #99ee99;
}
.meetchoiceNo:hover, .ticketchoiceNo:hover {
    background-color:#eebbbb;
    border: 3px solid #ffaaaa;
}
.meetchoiceMaybe:hover, .ticketchoiceNone:hover {
    background-color:#dddddd;
    border: 3px solid #bbbbbb;
}


