/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    andy budd
email:     info@andybudd.com
website:   http://www.andybudd.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/*Class for clearing floats*/
.clear{
	clear:both;
}

ul {
	margin-left: 2em;
}

/* Remove border around linked images */
img {
	border: 0;
}
#wrapper {
	display: block;
	width: 690px;
	margin: 0 auto;
	text-align: left;
	background-image: url("../_images/banner-2.jpg");
	position: relative;
}
#bhome #wrapper {
	background: url("../_images/banner.jpg") 0 0 no-repeat;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	background: #1a2021 url("../_images/bg.jpg") 50% 0 no-repeat;
	text-align: center;
}

/* =Links
-----------------------------------------------------------------------------*/

a {
	font-weight: bold;
	padding: 1px;
}
a:link {
	color: #d23e40;
}
a:visited {
	color: #8e2628;
}
a:hover {
	background-color: #d23e40;
	color: #fff;
}
.faux_link {
	color: #d23e40;
	text-decoration: underline;
}
a.top {
	font-weight: bold;
}
#log_links {
	z-index: 3;
	position: absolute;
	font-size: 1.2em;
	top: 2px;
	right: 0;
}


/* =Branding
-----------------------------------------------------------------------------*/

#branding {
	min-height: 50px;
	position: relative;
	padding: 0 200px 0 27px;
}
#branding h1 {
	position: relative;
	width: 149px;
	height: 121px;
	margin: 0;
	overflow: hidden;
	float: left;
}
#branding h1 span {
	background: url("../_images/logo-link.jpg") 0 100% no-repeat;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
#branding h1 a:hover span {
	background-position: 0 0;
}
#branding p {
	color: #9eacae;
	font-size: 1.2em;
}
#branding #subtitle {
	color: #fff;
	margin: 10px 0 0;
	font-size: 1.8em;
	position: absolute;
	top: 60px; left: 200px;	
	letter-spacing: -1px;
	border: 0;
	font-weight: bold;
}
#bhome #branding {
	min-height: 255px;
}
#bhome #branding #subtitle {
	position: relative;
	top: 0; left: 0;
	font-size: 3em;
	letter-spacing: -2px;
	border-bottom: 1px solid #4f5657;
	clear: both;
	font-weight: normal;
}


/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {
	background: #fff;
	padding: 27px;
	clear: left;
	display: block;
}
#bhome #mainContent {
	margin-left: 27px;
	width: 407px;
	/*width: 84%;*/
	float: left;	
}
h2 {
	font-size: 2.4em;
	margin: 0 0 1em;
	letter-spacing: -2px;
}
#mainContent p {
	font-size: 1.2em;
	margin: 2em 0;
}
#mainContent table.crDetails{
	font-size: 1.2em;
	text-align: right;
	margin-top: 0.1em;
	line-height: 1.0;
	width: 100%;
	float: right;
}
#mainContent table.crDetails td.descriptor{
	width: 85%;
	font-weight: bold;
}
#mainContent table.crDetails td.value{
	width: 15%;
	font-size: 1.1em;
}
#bcustomer h2 {
	line-height: 1.2;
	margin-bottom: .5em;
	text-align: center;
}
#bcustomer h2 a {
	letter-spacing: 0;
}
#subNav {
	font-size: 1.2em;
	background: #d2e6e9; /* faded teal color */
	padding: 1px 10px;
	float: left;
	margin-bottom: 27px;
}
#bcustomer h3, caption {
	font-size: 1.8em;
}
#bmy_rewards table {
	width: 100%;
}
#bmy_rewards #availableRewards h2 {
	line-height: 0.7;
	margin-top: .8em;
	margin-bottom: 0.0em;
	text-align: left;
}
#bmy_rewards #redemptions h2 {
	line-height: 0.7;
	margin-top: .8em;
	margin-bottom: 0.0em;
	text-align: left;
}
#bcustomer table td.fieldLabel{
	font-size: 0.8em;
	width: 30%;
}
#bcustomer table td.fieldInput{
	font-size: 0.8em;
	width: 30%;
}
#bcustomer table td.fieldError{
	width: 40%;
}
#bcustomer table td.fieldInput select{
	width: 6em;
}
#bcustomer table table {
	margin-left: 15px;
	width: auto;
}
td, th {
	/*font-size: 1.2em;*/
	font-size: 1.0em;
}
td td, td th, th td, th th {
	font-size: 1em;
}
th {
	background: #376971; /* teal */
	color: #fff;
	padding: 3px 5px;
}
td {
	padding: 3px 5px;
}
tfoot td, .summary td, #availableRewards tfoot td.discounts {
	border-top: 1px solid #376971;
	font-weight: bold;
	color: #376971;
}
tfoot td span {
	font-weight: normal;
}
	
#availableRewards, #redemptions {
	clear: both;
	border-top: 1px solid #ddd;
	margin: 27px 0;
}
.odd td, .odd {
	background-color: #d2e6e9;
}
.even td {
	background: #fff;
	background-color: #edf6f7;
}
.rollup > span {
	cursor: pointer;
}

.store,.date,
#PurchaseLocation-TH {
	text-align: left;
}
.gallons, .street_price, .your_price, .savings, .rewards, .discounts {
	text-align: right;
}
td.date {
	font-weight: bold;
}

table.detail1, table.detail2 {
	border-left: 10px solid #d2e6e9;
}
th.detail1, table.detail1 td {
	background-color: #f0f7f8;
	color: #000;	
}
th.detail2, table.detail2 td {
	background-color: #fff;
	color: #000;	
}

#bfaqs {}
dl {
	clear: left;
	line-height: 2.5em;
}
dt {
	font-size: 1.4em;
	font-weight: bold;
	cursor: pointer;
}
dd {
	font-size: 1.2em;
	margin: 0 0 0 30px;
}
#bfaqs table td.fieldLabel{
	font-size: 0.8em;
	width: 30%;
}
#bfaqs table td.fieldInput{
	font-size: 0.8em;
	width: 30%;
}
#bfaqs table td.fieldError{
	width: 40%;
}
#bfaqs h2{
	text-align: center;
}
p.requiredStatement{
	color: red;
}


/* =Available rewards
-----------------------------------------------------------------------------*/

#availableRewards {
}
h3 span {
	background-color: #d2e6e9;
}
#availableRewards ul {
	list-style: none;
	margin: 0;
}
#availableRewards li {
	font-size: 1.2em;
	xpadding: 2px;
}
#availableRewards li li  {
	font-size: 1em;
	background: #fff;
	border-bottom: 1px solid #d2e6e9;
}

#availableRewards td.date {
	font-weight: bold;
	width: 50%;
}
#availableRewards td.rewards {
	color: #666;
	width: 25%;
}
#availableRewards td.discounts {
	color: #666;
	text-align: right;
	width: 25%;
}
#availableRewards .rewards strong {
	color: #000;
	font-weight: normal;
}
#availableRewards .discounts strong {
	color: #000;
}
#availableRewards .detail strong {
	color: #999;
}
#availableRewards .detail td {
	border-bottom: 1px solid #d2e6e9;
}
#availableRewards .detail .description {
	text-indent: 1em;
}
.rollup {
	cursor: pointer;
}

#availableRewards .odd td{
	background-color: #d2e6e9;
}
#availableRewards .even td {
	background-color: #edf6f7;
}
#availableRewards .highlight > td {
	background: #ffd;
}
p.total {
	font-weight: bold;
	text-align: right;
	margin-top: -1em;
}
#availableRewards p.total span {
	font-weight: normal;
	color: #666;
	padding: 0;
}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	background: #000;
	color: #606768;
	padding: 27px;
	font-size: 1.2em;
}
#bhome #footer {
	width: 407px;
	/*width: 84%;*/
	margin-left: 27px;	
}
#footer p {
	margin: 0;
	font-weight: bold;
}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	font-weight: normal;
	color: #606768;
	background: #000;
}


/* =Secondary Content
----------------------------------------------------------------------------*/

#secondaryContent {
	padding-top: 44px;
}
#secondaryContent div {
	background: #d23e40;
	padding: 15px;
	/*margin: 0 0 1px 488px;*/
	margin: 0px 0px 1px 425px;
	color: #fff;
	color: #420001;
}
#logInBox {
	font-size: 1.2em;
}
#logInBox a {
	color: #fff;
	font-size: 1.2em;
}
#logInBox a:hover {
	background: #420001;
}
#logInBox label {
	font-weight: bold;
	color: #fff;
}
#logInBox table{
	margin: 0 0 0 0;
	line-height: 0.5;
	font-size: 0.9em;
}



/* =Error
-----------------------------------------------------------------------------*/
.error {
	font-size: 0.6em;
	font-weight: bold;
	color: red;
}

/* =Menu
-----------------------------------------------------------------------------*/

#bmenu p.limit{
	font-size: 1.1em;
	text-align: left;
}
#bmenu h2{
	text-align: center;
}
#bmenu ul {
	list-style: none;
	clear: left;
	margin-left: 0;
}
#bmenu li {
	list-style: none;	
}
#bmenu label{
	font-size: 1.2em;
}
#bmenu li span.category {
	display: block;
	font-size: 1.8em;
	background: #eee;
	border-bottom: 1px solid #ccc;
}
#bmenu li li {
	list-style: none;
	font-size: 1.4em;
	font-weight: bold;
	background: url("../_images/bullets.gif") 0 1.2em repeat-x;
	margin: 1em 0;
}
span.cpg {
	float: right;
	background: #fff;
}
#bmenu li strong {
	background: #fff;
	font-size: 1.2em;
	line-height: 1;
}
span.date {
	font-weight: normal;
	color: #999;
}
#bmenu #visitedRetailerList select{
	width: 10em;
}


/* =Franchisors
-----------------------------------------------------------------------------*/
#bfranchisor h2 {
	line-height: 1.2;
	margin-bottom: .5em;
	text-align: center;
}
#bfranchisor #availableRewards h2 {
	line-height: 0.7;
	margin-top: .8em;
	margin-bottom: 0.0em;
	text-align: left;
}
#bfranchisor #redemptions h2 {
	line-height: 0.7;
	margin-top: .8em;
	margin-bottom: 0.0em;
	text-align: left;
}
#bfranchisor table {
	width: 100%;
}
#bfranchisor #availableRewards table {
	font-size: 1.2em;
}
#bfranchisor #redemptions table {
	font-size: 1.2em;
}
#availableRewards td.fran_date {
	font-weight: bold;
}
#availableRewards td.fran_description {
	font-weight: normal;
}
#availableRewards td.fran_rewards {
	color: #666;
}
#availableRewards td.fran_discounts {
	color: #666;
	text-align: right;
}
#availableRewards .fran_rewards strong {
	color: #000;
	font-weight: normal;
}
#availableRewards .fran_discounts strong {
	color: #000;
}
#bfranchisor table td.fieldLabel{
	font-size: 0.8em;
	width: 10%;
}
#bfranchisor table td.fieldInput{
	font-size: 0.8em;
	width: 20%;
}
#bfranchisor table td.fieldError{
	width: 60%;
}



/* =Franchisor Menu
-----------------------------------------------------------------------------*/
#bfranchisor ul {
	list-style: none;
	clear: left;
	margin-left: 0;
}
#bfranchisor li {
	list-style: none;	
}
#bfranchisor li span.category {
	display: block;
	font-size: 1.8em;
	background: #eee;
	border-bottom: 1px solid #ccc;
}

#bfranchisor li li {
	list-style: none;
	font-size: 1.4em;
	font-weight: bold;
	background: url("../_images/bullets.gif") 0 1.2em repeat-x;
	margin: 1em 0;
}
span.cpg {
	float: right;
	background: #fff;
}
#bfranchisor li strong {
	background: #fff;
	font-size: 1.2em;
	line-height: 1;
}
span.date {
	font-weight: normal;
	color: #999;
}



/* =Franchisor Communications
-----------------------------------------------------------------------------*/
#comm_preview table{
	padding: 0px;
}
#comm_preview td{
	font-size: 0.8em;
}
#comm_preview th{
	font-size: 0.8em;
	color: black;
	background: white;
	text-align: left;
}
#comm_nav td.button{
	width: 15%;
}
#comm_nav table.comm_nav_table{
	font-size: 1.2em;
}
#comm_nav{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #eee;
}
#comm_nav table{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#comm_preview p.comm_message{
	padding: 0px;
}
#bfranchisor a.category_type {
	display: block;
	text-decoration: none;
	font-size: 1.4em;
	background: #eee;
	border-bottom: 1px solid #ccc;
}
#bfranchisor a.category_type:hover{
	color: black;
	text-decoration: underline;
}
#comm_preview  table th.cat_header{
	width: 15%;
}
#comm_preview table.email_vars{
	padding: 0px;
}
#customer_comm_topic{
	border: 1px solid #ccc;
}
#customer_comm_topic a{
	margin-left: 5px;
}
#customer_comm_topic span{
	display: block;
	font-size: 1.4em;
	background: #eee;
}
#customer_comm_topic p{
	padding: 0px;
	margin: 10px 30px 10px 30px;
	font-style: italic;
}
#comm_form table td.comm_form_label{
	vertical-align: top;
}






/* =Admin
-----------------------------------------------------------------------------*/
#badmin #admin_subnav{
	margin: 0px 0px 15px 0px;
	font-size: 1.1em;
	text-align: right;
}
#badmin h2{
	line-height: 1.2;
	margin-bottom: .5em;
	text-align: center;
}
#badmin #admin_view{
	width: 100%;
}
#badmin #admin_view table{
	width: 100%;
}
#badmin #admin_view table td{
	font-size: 0.8em;
}
#badmin #admin_view table th{
	font-size: 0.8em;
	font-style: bold;
}
#badmin #footer #admin_last_sync table{
	font-size: 0.9em;
	color: #ffffff;
}
#badmin select{
	width: 6em;
}
#badmin #user_search_results {
	background: #F7F7F7;
	border: 1px solid #EAEAEA;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#badmin #user_search_results ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#badmin #user_search_results ul li {
	margin-bottom: 10px;
}
#badmin #user_search_form, #card_query_form {
	background: #F7F7F7;
	border: 1px solid #EAEAEA;
	padding: 10px;
}
#badmin #user_search_form table{
	font-size: 1.0em;
	padding: 0px;
	margin: 0;
}
#badmin #user_search_form table #user_search, #non_hashed{
	font-size: 0.9em;
	width: 500px;
}
#badmin #user_search_form table #search_button{
	font-size: 0.9em;
}
#badmin #user_search_form button{
	font-size: 0.9em;
}
#badmin #card_query_form table.search{
	font-size: 1.0em;
	padding: 0px;
	margin: 0;
}
#badmin #card_query_form table.search #card, #hashed{
	font-size: 0.9em;
	width: 500px;
}
#badmin #card_query_form table.search #query_button{
	font-size: 0.9em;
}
#badmin #card_query_form button{
	font-size: 0.9em;
}
div.autocomplete {
	position: absolute;
	width: 250px;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	padding: 0px;
}
div.autocomplete ul {
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
div.autocomplete ul li.selected {
	background-color: #B9DAF0;
}
div.autocomplete ul li {
	font-size: small;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}
#badmin h2 {
	line-height: 1.2;
	margin-bottom: .5em;
	text-align: center;
}
#badmin #availableRewards h2 {
	line-height: 0.7;
	margin-top: .8em;
	margin-bottom: 0.0em;
	text-align: left;
}
#badmin #redemptions h2 {
	line-height: 0.7;
	margin-top: .8em;
	margin-bottom: 0.0em;
	text-align: left;
}
#badmin table {
	width: 100%;
}
#badmin #availableRewards table {
	font-size: 1.2em;
}
#badmin #redemptions table {
	font-size: 1.2em;
}
#badmin #admin_login td.fieldLabel{
	font-size: 0.8em;
	width: 10%;
}
#badmin #admin_login td.fieldInput{
	font-size: 0.8em;
	width: 20%;
}
#badmin #admin_login td.fieldError{
	width: 60%;
}
#badmin #create td.fieldLabel{
	font-size: 0.8em;
	width: 30%;
}
#badmin #create td.fieldInput{
	font-size: 0.8em;
	width: 30%;
}
#badmin #create td.fieldError{
	width: 40%;
}
#badmin #create td.fieldInput select{
	width: 6em;
}
#badmin #footer #admin_last_sync table{
	width: 60%;
}
#badmin h3.total{
	margin: 20px 0px 0px 0px;
	font-weight: normal;
}
#badmin th.head{
	background: #ffffff; 
	color: black; 
	font-size: 1.1em;
}



/* = Flash Status
-----------------------------------------------------------------------------*/
#flash_status p.error{
	font-size: 1.2em;
	display: block;
	color: #d30505;
	background: #f3d8d8;
}

#flash_status p.success{
	font-size: 1.2em;
	display: block;
	color: #349f00;
	background: #e1f3d8;
}