@charset "utf-8";
/* MVP Club Module Styles
   Created: 	Wed 12.Decemeber 2007
   Author:    Anne Stahl for Web Associates 
	 Contact: 		astahl@webassociates.com
	 Contents: 	MVP Layout 
   						MVP Font / Type
   						MVP Tables
							MVP Forms
							MVP Misc (images, lists, etc.)
*/

/* =MVP Layout
   ----------------------------------------------------*/
#mvp #content .bucket.main,#mvp .sidebar { font-family: Arial, Helvetica, sans-serif }
#mvp #content .bucket.main {
	float: right;
	margin-top: 15px;
	padding: 0;
	width: 609px
}
#mvp #content .bucket-inner { padding: 20px }
#mvp .sidebar {
	float: left;
	margin: 10px 30px 15px 15px;
	text-align: left;
	width: 219px
}
#mvp .sidebar #editAcct { text-align: center }
#mvp .sidebar .logo { margin-bottom: 10px }
#mvp .acctInfo { padding: 0 }
.benefits2 {
	border-top: thin solid #333;
	padding-top: 15px
}
#mvp .bucket h3 {
	font-size: 11px;
	font-weight: 700;
	margin-bottom: 1em
}
.mobileOnly,.mobileSiteHeader { display: none }
/* =MVP Font / Type
   ----------------------------------------------------*/
#mvp .sidebar h3 {
	font: 700 normal 12px/15px Arial, Helvetica, sans-serif;
	text-transform: uppercase
}
#mvp h4 {
	font-size: 12px;
	font-weight: 700
}
#mvp .sidebar p {
	color: #666;
	font-size: 11px;
	line-height: 1.36
}
#mvp h2.mvp,#mvp .subtitle,#mvp .mvpSeatingNote {
	margin: 0;
	padding: 0
}
#mvp h2.mvp { color: #f00 }
#mvp .subtitle { margin-bottom: 25px }
#mvp .mvpSeatingNote { margin-top: 5px }
#mvp h4.mvpSeatingNote {
	color: #fff;
	display: inline;
	font-size: 11px;
	font-weight: 700
}
/* =MVP Tables
   ----------------------------------------------------*/
table.seating caption { display: none }
table.seating th,table.seating td { border: 1px solid #666 }
table.seating th {
	background: #666 url(../images/th_bg.gif) repeat-x;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 8px;
	text-align: left
}
table.seating td {
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px 8px
}
table.seating tr.shaded td { background-color: #242424 }
table.seating tr.subheader td { font-weight: 700 }
table.search,table.mvpsearch { width: auto }
table.mvpsearch td { padding: 0 10px 0 0 }
#seatConfirmation { margin-bottom: 20px }
/* =MVP Forms
   ----------------------------------------------------*/
#mvp .select,#mvp button.backBtn {
	border-style: none;
	padding: 0;
}
#mvp .select {
	margin: 0;
	vertical-align: top
}
#mvp button.backBtn {
	background: url(../images/btn_back.gif);
	cursor: pointer;
	height: 21px;
	text-indent: -999em;
	width: 96px
}
#mvp .form select,#mvp .form input {
	background-color: #000;
	color: #999;
	height: 18px;
	width: auto
}
#mvp .form input.radioButton,#mvp .form input.checkbox { height: auto }
#mvp .form input.radioButton {
	margin-bottom: -3px;
	margin-top: 6px
}
#mvp .form input.inline,form.login dl dd,#mvp form.login #loginBtn,form.login #remindBtn,#profile_basics.form dd { float: left }
#mvp .form input.inline { display: inline }
form.login dt { width: 75px }
form.login dl dd { width: auto }
form.login input.textfield { width: 200px }
#mvp .form input.formElement {
	background: #000;
	border: 1px solid #333;
	color: #ccc
}
#mvp form.login #loginBtn {
	height: 21px;
	margin-left: 5px;
	margin-top: -2px;
	width: 84px
}
form.login #remindBtn {
	height: 21px;
	margin-left: 5px;
	margin-top: -2px;
	width: 146px
}
fieldset#weekDays,fieldset#weekDays label { padding: 0 }
fieldset#weekDays {
	border: none;
	margin-top: 0;
}
fieldset#weekDays label {
	display: block;
	margin: 0
}
fieldset#weekDays input.radio {
	height: 18px;
	margin: 0 4px -5px 0
}
#profile_basics.form dd { width: 200px }
#profile_basics.form select,#mvp #profile_basics.form input { width: 100% }
#profile_basics.form.password,#profile_basics.form.password dt,#profile_basics.form.password dd {
	margin: 0;
	padding: 0
}
#birthday.form dd {
	float: left;
	width: auto;
}
form.search { width: 450px }
form.search dl dt { width: 150px }
.form#confirmInfo dl dt {
	float: none;
	color: #F00;
	margin: 0;
	padding: 0;
	width: auto;
}
.form#confirmInfo dl dd {
	float: none;
	padding-bottom: 20px;
	width: auto;
}
.form#confirmInfo dl dd input.textfield { width: 280px }
.form#confirmInfo dl dd span {
	font-weight: bold;
	display: block;
	padding: 3px 0;
}
.form#confirmInfo label { color: #fff }
.form#confirmInfo input.radio {
	margin: 0 5px -2px 0;
	height: 12px;
}
.form#confirmInfo input.checkbox {
	margin: 0 10px 1px 0;
	height: 12px;
}
#infoBox {
	float: right;
	width: 425px;
	margin-bottom: 15px;
}
/* =MVP Misc
   ----------------------------------------------------*/
ul.bulleted li {
	background: url(../images/bullet_square.png) no-repeat 0 5px;
	padding-left: 8px;
}
img.selectBtn { margin: -2px 0 -3px 5px }


/* Buttons
--------------------------------------------------------*/
#inputImageEnter { 
	width: 84px;
	height: 21px;
	background: url(../images/button_enter.gif);
	float: left;
	margin-top: -2px;
	margin-left: 5px;
}
#inputImageRemindMe { 
	width: 84px;
	height: 21px;
	background: url(../images/button_remind.gif);
	float: left;
	margin-top: -2px;
	margin-left: 5px;
}
#inputImageSearch { 
	width: 84px;
	height: 21px;
	background: url(../images/button_search.gif);
	float: left;
	margin: -2px 0 20px 0;
}
#inputImageSubmit { 
	width: 146px;
	height: 21px;
	background: url(../images/btn_submit.gif);
	float: left;
	margin: -2px 0 20px 0;
}
#inputImageSubmit.cancel { 
	background: url(../images/btn_cancel.gif);
}
.inputButton { 
	text-indent: -99999px;
	display: block;
	cursor: pointer;
	background-repeat: none;
}
#linkBack { 
	width: 146px;
	height: 21px;
	background: url(../images/btn_backZone.gif);
	clear: both;
	margin: 15px 0 10px;
}
#linkGoBack { 
	width: 96px;
	height: 21px;
	background: url(../images/btn_back.gif);
	clear: both;
	margin: 5px 0 10px;
}
#linkEdit { 
	width: 102px;
	height: 21px;
	background: url(../images/btn_edit.gif);
	clear: both;
	margin: 5px 0 10px;
}
#linkTryAgain { 
	width: 146px;
	height: 21px;
	background: url(../images/btn_tryagain.gif);
	clear: both;
	margin: 5px 0 10px;
}
#linkRegister { 
	width: 146px;
	height: 21px;
	background: url(../images/button_register.gif);
	clear: both;
	margin: 5px 0 10px;
}
#linkTerms { 
	width: 146px;
	height: 21px;
	background: url(../images/terms.gif);
	clear: both;
	margin: 5px 0 10px;
}
#linkYes { 
	width: 41px;
	height: 21px;
	background: url(../images/button_yes.gif);
	clear: both;
	margin: 0 10px 10px 0;
	float: left;
}
#linkNo { 
	width: 41px;
	height: 21px;
	background: url(../images/button_no.gif);
	clear: none;
	margin: 0 0 10px;
	float: left;
}
#linkUpdate { 
	width: 146px;
	height: 21px;
	background: url(../images/button_update.gif);
	clear: both;
	margin: 5px 0 10px;
}
.linkButton a { 
	text-indent: -99999px;
	display: block;
	cursor: pointer;
	background-repeat: none;
	height: 21px;
}

/* data containers
--------------------------------*/
div.dataContainer {
	float: left;
	padding: 0 10px 5px 0;
}

div.dataContainer .dataLabel {
	margin: 0 0 5px;
}

.red {
	display: inline;
}

/* fake table layout
---------------------------------*/

div.fakeTableContainerMobile {
	display: none;
}

div.fakeTableContainer {
	border-right: 1px solid #666;
	float: left;
}
div.fakeTableContainer div.multiColumn {
	float: left;
}
div.fakeTableContainer div.fakeTableSubHeader {
	border: 1px solid #666;
	border-top: 0;
	border-right: 0;
	height: 16px;
	padding: 4px 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 96px;
}
div.fakeTableContainer div.fakeTableCol {
	background: transparent url(../images/th_bg.gif) repeat-x 0 0;
	float: left;
}
div.fakeTableContainer div.fakeTableHeader {
	padding: 1px 8px;
	background: #666 url(../images/th_bg.gif) repeat-x;
	font-weight: bold;
	color: #fff;
	text-align: left;
	border: 1px solid #666;
	border-top: 0;
	border-right: 0;
	font-size: 11px;
	min-width: 76px;
}

div.fakeTableContainer div.fakeTableData {
	border: 1px solid #666;
	border-top: 0;
	border-right: 0;
	height: 16px;
	padding: 4px 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	min-width: 96px;
}
div.fakeTableContainer div.fakeTableData.short {
	min-width: 76px;
}
div.fakeTableContainer div.fakeTableHeader.short2 {
	min-width: 60px;
	width: 60px;	
}
div.fakeTableContainer div.fakeTableData.short2 {
	min-width: 60px;
}
div.fakeTableContainer div.fakeTableHeader.shortest {
	min-width: 45px;
	width: 45px;	
}
div.fakeTableContainer div.fakeTableData.shortest {
	min-width: 45px;
	width: 45px;
}
div.fakeTableContainer.columns4 div.fakeTableData {
	min-width: 125px;
	width: 125px;	
}
div.fakeTableContainer div.fakeTableData.shaded { background-color: #242424 }

#mvp h4.block {
	display: block;
}

img.actionButton {
	margin-top: -2px;
	margin-bottom: 1px;
}

div.columns div.left {
	width: 55%;
	float: left;
	padding-right: 20px;
	border-right: 1px solid #333;
}
div.columns div.right {
	width: 37%;
	float: right;
}

/* form fake table
----------------------------------------------------*/
div.formFakeTable {
	clear: both;
	margin: 10px 0 0;
}
div.formFakeTable div.question {
	float: left;
	width: 170px;
	margin-right: 15px;
}
div.formFakeTable div.answer {
	float: left;
}

div.checkboxContainer {
	float: left;
	margin-right: 15px;
}
div.checkboxText {
	float: left;
}
div.invalidLogin {
	margin: 55px 0 125px;
}