/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.navbar { 
	zoom:1;
	transform: transform-function || none; /* can list multiple, space-separated */
	margin-bottom: 0px;
}
section {
	background: #ffffff;
	min-height: 430px;
	width: 100%;
}
.div.button-wrapper {
	display: inline-block;
}
/* Top header - this is the grey bar at the top of the web pages */
.logged-in-top {
	background:#bfc1c2;	
	width: 100%;
	height:auto;
	color: #ffffff;

}
.buffer { height:0px;}
.not-bold { font-weight: normal;}
.logged-in-top ul li a { color: #ffffff;}
.logged-in-top ul {
	margin-bottom:0px;
	font-size: 80%;
     
}
.logged-in-top li.name {
	border-right:1px solid #ffffff;
}
.logged-in-top li.pointsIntro {
	font-weight:bold;
}
.logged-in-top li.pointsAmount {
	padding:10px; 
	background: #a6a7a9;
	font-size: 135%;
}
.logged-in-top li.profileLink {
	border-right:1px solid #ffffff;
}
.logged-in-top li.logoutLink {
	padding:10px; 
}
.logged-in-top form {
	padding: 3px;
}
/* Main header styles */
header {
	background: url(../images/header-background.png) center top no-repeat;	
	padding-top: 0px;
}
.logoHolder {
	padding-bottom: 20px;
}
.headerHolder {
	position: relative;
	width:100%;
	height:85px;	
} 
.headerHolder ul {
	position: absolute;
	right:15px;
	bottom: 0px;
	margin-bottom:0px;
}
.navigation-div {
	position: relative;
	height: 85px;
}
.navigation-div li a {
	font-size: 105%;
}
.curent {
	border-bottom: 5px solid #50b948;
}
.nav-pad {
    padding-bottom: 5px;
}
/* Footer styles */

footer {
	background:#50b948;
	padding: 15px 0px 60px 0px;
	font-size:75%;
	color: #ffffff;
}
footer a {
	color: #ffffff; 
	text-decoration: underline;
}
.sub-footer {
	background:#ffffff url(../images/footer-before-bg.png) top center no-repeat;
	height:105px;	
	width: 100%;
}

/*Page Headers styles*/

.header-content {
	background: #EFF3F6;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	/*height: 170px;*/
	height: auto;
	position: relative;
}

.header-content-img {
	position: relative;
	bottom: 0;
	right: 0;
}

.header-content h1 {   
	text-transform: uppercase;                                  
	letter-spacing: -4px;
	font-size: 45px;
	text-shadow: 2px 0 0 #EFF3F6, -2px 0 0 #EFF3F6, 0 2px 0 #EFF3F6, 0 -2px 0 #EFF3F6, 1px 1px #EFF3F6, -1px -1px 0 #EFF3F6, 1px -1px 0 #EFF3F6, -1px 1px 0 #EFF3F6;  
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #EFF3F6;	
}

.header-underline { border-bottom: 5px #50B948 solid; } 

.main-content h2,
.main-content h3 {
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 0px;
}
.main-content h2 {
	padding-bottom: 4px;
	border-bottom: 3px #50B948 solid;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 25px;
	margin-bottom: 10px;
}

.main-content ul { padding: 5px 15px; }

.main-content li { color: #50B948; }

.main-content li span { color: #666666; }

.main-content a {
	color: #50B948;
	font-weight: bold;
 }
 
.main-content a:hover { text-decoration: underline;  }

/* -- Shared Styles -- */

hr {
	margin: 10px 0;
	color: #50B948;
	background-color: #50B948;
	height: 3px;
}
 
.breadcrumb { background: none; }

.breadcrumb a { color: #666666; }

.breadcrumb a:hover { color: #50B948; }
  
.lead { font-size: 16px; }

.well {
	background: #eff3f6 !important;  
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
  
.well h3 { margin: 0; }  

.table td { table-layout:fixed; }

.table-responsive { border: none; }

.table-responsive > .table { background: none;  }
.table-responsive > .table.winners { background:#ffffff; } 
.form-control {
	font-size: 12px;
	border-radius: 0;
	box-shadow: none;
}

/*News styles*/

.header-underline { border-bottom: 5px #50B948 solid; } 

.ellipsis {
	overflow: hidden;
	height: 160px; 
}

.ellipsis:before {
	content:"";
	float: left;
	width: 5px; 
	height: 165px; 
}

.ellipsis > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px;
}		

.ellipsis:after {
	content: "\02026";  
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right;
	position: relative;
	top: -25px; 
	left: 100%; 
	width: 3em; 
	margin-left: -3em;
	padding-right: 5px;
	text-align: right;
}

.news-item { margin-bottom: 15px; }

.news-item h2 { margin: 0 0 10px 0; }

.news-panelist a {
	color: #666666;
	font-weight: normal;
	letter-spacing: -1px;
  }
  
.news-panelist a:hover {
	text-decoration: none;     
	color: #50B948;
}

/* FAQs */

.faqs .panel {
	margin: 0!important;
	border-radius: 0!important;
	box-shadow: none;
	border: 0;
	border-top: 2px #50b948 solid; 
}

.faqs .panel-title span { 
	color: #50b948;
	font-size: 12px;
	vertical-align: text-top;
 }
 
 .faqs .panel-heading {
	background: #eff3f6; 
	border: none!important;
	padding: 5px 15px;
}
  
.faqs .panel-heading h4 { font-size: 12px; }
  
 .faqs a { 
	font-weight: normal;
	color: #666666;
	text-decoration: none!important;
}
.panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color:#ffffff;}
/*Surveys*/

.survey-frame {
	height: 400px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch; 
	margin-top: 20px;
}
  
.survey-frame a { 
	color: #666666; 
	font-weight: normal;
	text-decoration: underline;
 } 

.survey-frame a:hover { color: #50B948; }      
  
.survey-frame ul {
	list-style-type: none;
	padding: 0;
	font-size: 14px;
}

.survey-frame ul li { padding: 10px; }

.survey-total {
    padding: 10px 0;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 26px;
}
  
.survey-total span, 
.survey-table span { color: #50B948; } 

/*Sweepstakes + Survey Tables*/

.survey-table-wrapper { 
	padding: 10px 15px;
}

.winners tbody > tr > td,
.survey-table tbody > tr > td { border-top: 2px #50B948 solid!important; background: #ffffff!important; }

.winners thead > tr > th,
.survey-table thead > tr > th,
.survey-table tr:last-child { border-bottom: 2px #50B948 solid!important; background: #ffffff!important;} 

.winners tbody > tr > td,
.winners thead > tr > th,
.survey-table tbody > tr > td,
.survey-table thead > tr > th { border-right: 2px #50B948 solid!important; background: #ffffff!important;}
  
table#participants td, table#participants th  { background: none !important;}


.winners td:last-child,
.winners th:last-child,
.survey-table td:last-child,
.survey-table th:last-child { border-right: 0!important; } 
.table-responsive {background: #ffffff!important;}
.table-responsive.addMemeber {background: #ffffff!important;}


.survey-table-wrapper {background: #ffffff!important;}
/* contact */

#memberYes,
#memberNo {
	display: none;
}

.radio-inline, 
.checkbox-inline {
	padding-left: 0px;
}

.lighter {
	font-weight: normal;
}

.page-header {
	padding-bottom: 0px;
	margin: 10px 0 20px;
	border-bottom: 2px #50B948 solid;

}

/* @media */

@media (max-width: 320px) {
	
	.header-content h1 {   
		letter-spacing: 0px;
		font-size: 18px;
		margin-top: 10px;
		-webkit-text-stroke-width: 0px;
	}
	
	.header-underline { border-bottom: 2px #50B948 solid; }
	
	.header-shorter { font-size: 16px; }
	
}
@media (max-width: 360px) {

	.header-shorter { font-size: 16px; }
}
@media (max-width: 480px) {
	.header-shorter { font-size: 16px; }
}
@media (max-width: 640px) {
	
	.header-content h1 {   
		letter-spacing: 0px;
		font-size: 24px;

	}
	
	.header-underline { border-bottom: 3px #50B948 solid; }
	
}

/* Extra small devices - Phones less than 768px wide - called col-sm in bootstrap...*/
@media (max-width: 768px) {
	.logged-in-top {
		padding: 10px;
	}
	.header-content h1 {   
		letter-spacing: 0px;
		-webkit-text-stroke-width: 0px;
	}
	.survey-table-wrapper {padding:0px;}
	
	.news-panelist h2 { 
		margin-top: 10px; 
		text-align: center;
	}
	
	.news-item img { margin: 0 auto; }
	.logged-in-top.visible-xs { background: #ffffff; color: #666666; padding: 10px 10px 3px;}
	.logged-in-top.visible-xs label { font-size: 18px; font-weight: normal;}
	#homepageSlider { margin-top:35px;}
	.loggedIn #homepageSlider { margin-top:0px;}

	.logged-in-top.visible-xs div.button-wrapper {
		height: auto; 
		background: url("../images/btn-bg-after.png") no-repeat scroll right 25px;
		  display: inline-block;
	}
}
/* Small devices  Tablets equal to or greater than 768px wide - called col-sm in bootstrap... */
@media (min-width: 768px) and (max-width: 992px) {

	body {margin-top:40px;}
	
.buffer { height:0px;}

	.logged-in-top {
		position: absolute;
		left:0px;
		top: 0px;
		right:0px;
	}
	
	.news-panelist h2 { 
		margin-top: 0px; 
		text-align: left;
	}
	.ellipsis {
		height:150px;
	}
	.ellipsis:before { height:155px;}
	
	.news-item img { margin: 0 auto; }
	
	.header-shorter	{ font-size: 24px; letter-spacing: -2px; }

	.btn {
		margin-top: 0px;
	}
/* ends */
}
/* Medium Devices - Desktops equal to or greater than 992px wide - called col-md in bootstrap... */
@media (min-width: 993px) and (max-width: 1200px) {

	body {margin-top:40px;}

	.buffer { height:0px;}
	
	.logged-in-top {
		position: absolute;
		left:0px;
		top: 0px;
		right:0px;
	}

	.btn {
		margin-top: 0px;
	}
	
/* ends */
}
/* Large Devices - Desktops equal to or greater than 1200px wide  - called col-lg in bootstrap... */
@media (min-width: 1200px) {

	body {margin-top:40px;}

	.buffer { height:0px;}
	
	.logged-in-top {
		position: absolute;
		left:0px;
		top: 0px;
		right:0px;
	}
	
	.btn {
		margin-top: 0px;
	}
	
/* ends */
}
.bx-wrapper .bx-controls-direction a { z-index: 2 !important;}
#mainSlider a {
	text-decoration: none;
	outline:none;
}
#resultsNull { padding-bottom: 10px;}
#accordion h2 { border:0px none;}
.show-cat-head {display:block !important;}
label.error { color: red;}

/*Message*/
#messagebox, #messageboxfail {
    text-align:center; 
    color: DodgerBlue;
    font-size:larger;
}
#messageboxfail {
    color: FireBrick;
}

/*list styles*/
.list-disc {
    list-style: disc;
}
.list-circle {
    list-style: circle;
}
.list-square {
    list-style: square;
}

.oneline {
   white-space: nowrap;
}