html {margin:0;	padding:0;min-height:100%;height:100%; background:#E5E5E5;}
body {margin: 0px; padding: 0px; height:100%; min-height:100%; font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
img {border:0}

img {border:0px;}
h1 {font: bold 20px/24px Helvetica, Arial, sans-serif; color:#F89828; margin:10px 0px 0px 0px; padding:0px; }
h2 {font: bold 14px/18px Helvetica, Arial, sans-serif; color:#444; margin:10px 0px 0px 0px; padding:0px;}
h3 {font: bold 14px/18px Helvetica, Arial, sans-serif; color:#f89828; margin:10px 0px 0px 0px; padding:0px;}
h4 {font: bold 14px/16px Helvetica, Arial, sans-serif; color:#F89828; text-align:left; margin:0px; padding:0px;}
h5 {font: 18px/30px Helvetica, Arial, sans-serif; color:#FFF; margin:0px; padding:0px;}
h6 {font: 12px/14px Helvetica, Arial, sans-serif; color:#FFF; margin:5px 20px 0px 20px; padding:0px;}
p {font: 12px/16px Helvetica, Arial, sans-serif; color:#333; text-align:left; margin:0px 0px 10px 0px; padding:0px;}
a {text-decoration:none; color:#333; font-size: 12px;}
ul {list-style-type:disc; padding:0px; margin:0px 0px 0px 10px;}
li {font: 12px/18px Helvetica, Arial, sans-serif; color:#333; text-align:left; text-decoration:none;}
ul li a {font: 12px/20px Helvetica, Arial, sans-serif; color:#666; text-align:left; text-decoration:none;}
ul li a:hover {color:#F89828}
a,a:link,a:visited{ color:#f90; cursor:pointer; text-decoration:underline; }
a:hover { color:#f90; }

#container {margin:0;padding:0; background:#E5E5E5; clear:both; width:auto; height:auto; text-align:center}
#body #content.centered{margin:0px auto 0px auto; width:580px;}
#body #content{width:690px; margin:0px auto; height:auto }
#content {width: 800px !important; margin: 0px auto 0px auto; text-align:left}
#footer {text-align:center; padding:10px 0 0 0; font:12px/18px Helvetica, Arial, sans-serif; color:#666;}
#footer a {color:#666;}
#footer #copyright{font-size:10px; margin-top:4px; color:#999}
#footer.offCenter{width:940px; margin:auto;}
#homeRegister {float: right; height:400px; width: 400px; margin-left: 20px;background-image:url(../images/home_wheel.gif);}
#homeLogin { margin: 10px 0 10px 50px; }

/* Start Header & Top Nav Formating */
#header {height:75px; padding:10px 0 10px 0; background:#444; border-bottom:solid 6px #FF9900; /*margin:8px 0px 16px 0px; */;}
#headerBody {width:800px; height:100%; margin:0 auto 0 auto; padding:0;}
#headerLogo {float:left; width:150px; height:100%; margin:0; padding:0;}
#headerLogo img {margin:0; padding:0; border:0}
#headerLinks {float:right; margin:0; width:640px; height:85px; padding:0; }
#headerLinks ul {margin:0; padding:16px 0 5px 0px; height:35px}
#headerLinks li {list-style:none; float:left; display:inline; padding: 15px 18px 0 0;}
#headerLinks li a, .sideNav a, .sideNav a:visited {color:#FFF; text-decoration: none; font: bold 16px/18px Helvetica, Arial, sans-serif;}
#headerLinks li a:hover, #headerLinks li a.selected, #subheaderLinks li a:hover, #subheaderLinks li a.selected .sideNav a:hover, #footer a:hover {color:#FF9900;}
#subheaderLinks {margin:0; padding:0}
#subheaderLinks ul {margin:0; padding:0; clear:both; line-height:14px; height:18px}
#subheaderLinks li {list-style:none; float:left; display:inline; font:13px/16px Helvetica, Arial, sans-serif; padding:0 15px 0 0}
#subheaderLinks li a {color:#FFF; text-decoration: none; font: 12px/14px Helvetica, Arial, sans-serif;}
#welcomeLinks {float:right; font:bold; color:#FFF; font:bold 13px/18px Helvetica, Arial, sans-serif;}


#body {margin: 16px auto 0 auto; /*margin: 16px 5% 0 5%;*/ clear:both;}
#body ul.sideNav, #body div.sideNav {margin:0; padding:0; float:left; width:130px; font-weight:bold; list-style: none; }
#body ul.sideNav li, div.sideNav ul li {padding:5px 11px 4px 0px;}
.login {width:100%; padding:10px auto 10px auto; text-align:center;}
.spacer{clear:both; font-size:1px; line-height:1px}

/* white boxes w/ round corners */
.contentCornerBox {margin-bottom:3px;}
.contentCornerBox div.content {background-color:#FFF; padding:15px 30px 15px 30px; width:auto;}
.contentCornerBox div.content ul {list-style: disc;	margin:16px 16px 16px 32px;}
.contentCornerBox div.top {background:url(../images/w_corner_333_tl.gif) top left no-repeat; height:5px; font-size:1px; line-height:1px}
.contentCornerBox div.top div {	background:url(../images/w_corner_333_tr.gif) top right no-repeat; height:5px;}
.contentCornerBox div.top div div {margin:0 5px 0 5px; height:5px; background-color:#FFF; background-image:none;}
.contentCornerBox div.bottom {background:url(../images/w_corner_333_bl.gif) top left no-repeat; height:5px; font-size:1px; line-height:1px}
.contentCornerBox div.bottom div {background:url(../images/w_corner_333_br.gif) top right no-repeat; height:5px;}
.contentCornerBox div.bottom div div {margin:0 5px 0 5px; height:5px; background-color:#FFF; background-image:none;}

.titleCornerBox {margin-bottom:3px;}
.titleCornerBox div.content {background-color:#FFF; padding:10px 30px 10px 30px; width:auto;}
.titleCornerBox div.content ul {list-style: disc;	margin:16px 16px 16px 32px;}
.titleCornerBox div.top {background:url(../images/w_corner_333_tl.gif) top left no-repeat; height:5px; font-size:1px; line-height:1px}
.titleCornerBox div.top div {	background:url(../images/w_corner_333_tr.gif) top right no-repeat; height:5px;}
.titleCornerBox div.top div div {margin:0 5px 0 5px; height:5px; background-color:#FFF; background-image:none;}
.titleCornerBox div.bottom {background:url(../images/w_corner_333_bl.gif) top left no-repeat; height:5px; font-size:1px; line-height:1px}
.titleCornerBox div.bottom div {background:url(../images/w_corner_333_br.gif) top right no-repeat; height:5px;}
.titleCornerBox div.bottom div div {margin:0 5px 0 5px; height:5px; background-color:#FFF; background-image:none;}


#PopupWipe{display:none;position:absolute;left:0px;top:0px;width:100%;height:100%; z-index:10}
#pageWipe{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:.60;filter: alpha(opacity=60);background-color:#000;}
#pageWipeBox{width:699px;display:block;position:absolute;left:50%;margin-left:-25%;top:80px;background:none;}

#pageWipeBox .contentCornerBox.loginPopup{margin:auto; width:320px}
#pageWipeBox .contentCornerBox.loginPopup #loginCol{width:auto; float:none }
#pageWipeBox .contentCornerBox.loginPopup #register{ display:none}
#pageWipeBox .contentCornerBox.loginPopup #loginCol h1{ font-size:24px; color: #FF9900 }

div.tooltip-content {border: 1px solid #888; background: #efefef; color: #000; padding: 4px; font-size: 10px}
a.tooltip{ font-size:11px; text-decoration:none; letter-spacing:1px }
#helpBubble{ position:absolute; top:20px; left:30px; width:200px; height:auto; font-size:1px; line-height:1px; background:url(../images/help_bubble_stem.gif) no-repeat center left; padding-left: 21px; margin-left:18px; display:none; color:#FFF;}
#helpBubble .hbTop{ position:relative;height:4px;}
#helpBubble .hbTL{background:url(../images/help_bubble_tl.gif) no-repeat top left; height:4px; width:4px; position:absolute; top:0px; left:0px;}
#helpBubble .hbTR{background:url(../images/help_bubble_tr.gif) no-repeat top left; height:4px; width:4px; position:absolute; top:0px; right:0px;}
#helpBubble .hbTC{ background:#a1a1a1; margin-left:4px; margin-right:4px; height:4px}
#helpBubble .hbBottom{position:relative;height:4px;}
#helpBubble .hbBL{background:url(../images/help_bubble_bl.gif) no-repeat bottom left; height:4px; width:4px; position:absolute; top:0px; left:0px;}
#helpBubble .hbBR{background:url(../images/help_bubble_br.gif) no-repeat bottom right; height:4px; width:4px; position:absolute; top:0px; right:0px;}
#helpBubble .hbBC{ background: #a1a1a1; margin-left:4px; margin-right:4px; height:4px}
#helpBubble .hbContent{
	font-size:13px; line-height:21px; background:#a1a1a1; padding:2px 10px; position:relative; vertical-align:middle;
	min-height:60px; height:auto !important; height:60px;
}

td { font-size: 12px; }

/* restored */
.alertBox{ padding:10px; background:#ff9; border:1px solid #ccc; }
.alertMsg{ color: #FF0000 }
.alertBoxMsg{ padding:10px; background:#ff9; border:1px solid #ccc; color: #FF0000; }
.requiredIcon{color: #FFCC00; font-size:16px}
.b{ font-weight:bold }
.center{ text-align:center }
.clear{clear:both}
.noDisplay{ display:none }
.center{text-align:center}
.right{text-align:right}
.floatR{float:right}
.floatL{float:left}
.noUL{text-decoration:none}
.minNoHeader {min-height:260px;	height:auto !important;	height:260px;}
.min {min-height:200px;	height:auto !important;	height:200px;}
div#error-text {padding-top: 20px; font-weight: bold}
div.spacer {clear: both; line-height: 0px; padding: 0px; height: 0px; font-size: 0px}
.error {color: #f00}
select option {padding-right:8px}
.note{ font-size:11px }
.small{ font-size:12px }
.faint{ color:#666}
.medium { width: 350px; }
.short{ width: 200px; }
.tiny { width: 50px; }
div.spacer {clear: both; line-height: 0px; padding: 0px; height: 0px; font-size: 0px}

#body #content #balance{ float:right; text-align:right}
#body #content #topMessage{ margin:12px 0px 0px 0px; color:#666; line-height:18px}

#keywordsInterface .keywordField{ width:100px; }
#keywordsInterface .promoTypeField{ width:100px; }
#keywordsInterface .keywordCommentsField{ width: 240px; }

div#ccmCalendar.div-style {
	border:2px solid #999;
	width:226px;
	overflow:hidden;
	background-color:#fff;
}

#ccmCalendar table.table-style{ background:#fff; overflow:hidden; width:220px;}
#ccmCalendar table.table-style .body-style{padding:0px; width:220px;}
#ccmCalendar table.table-style table.body-style td{text-align:center}
#ccmCalendar table.table-style table.body-style td {padding:0px;}
#ccmCalendar table.table-style table.body-style tr.header td{background:#fafafa; border:1px solid #f6f6f6}
#ccmCalendar .title-control-normal-style{border:none 0px}
#ccmCalendar .title-control-select-style{border:none 0px; color:#000}

.formArea .fieldPair{margin:0px 0px 16px 0px}
.formArea .fieldPair label{display:block; margin-bottom:2px; margin-right:4px;}
.formArea .fieldPair label.sameLine{ float:left; width:25%}
.formArea .fieldPair .note{font-size:11px; color:#999}
.formArea .fieldPair .note2{font-size:11px; color:#666}
.formArea .fieldPair .field{width:90%}

table.standard td{ padding:4px 2px 4px 2px; vertical-align:middle;}
.content table.data, .content table.standard { width:610px;}
.content.min table.data, .content.min table.standard { width: 750px;}

#pageWipeBox table.standard {width:500px;}

table.data, table.standard { font-size: 12px; }
table.data .label td { font-weight:bold; border:0px none}
table.data .tinyHeader td { color:#999; font-size:11px; padding:1px 0px 1px 0px; border-bottom:1px solid #bbb}
table.data td {padding:6px 2px 6px 2px; vertical-align:top; border-bottom:1px solid #ccc}
table.data td.lineBreak{padding:0px;border-bottom:1px solid #FFF;}
table.data tr.odd{ background:#eee }
table.data td.pagination{border:none 0px}

table.plain{width:auto; font-size: 12px;}
table.plain td{padding:4px 2px 2px 2px; vertical-align:top;}
table.plain td.label{ color:#666; }
table td.sectionHeader{font-weight:bold; padding-top:16px; border-bottom:1px solid #999; color:#FF9900}

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

#ajaxLoaderPopup{display:none}

.stateRow {margin:6px 0 0 0}
.stateRow .stateName{ float:left; width:50%; font-size: 12px;}

#phonesimulation { float: right; padding: 0; margin: 0; }

th.form_section_header { text-align:left; font-size:14px; padding: 20px 0px 8px 0px; color: #FF9900}
table.login_form_table td {padding:4px}
th.form_label {text-align: left; font-weight:normal; font-size: 12px;}
div.buttons-reg {padding-top: 10px}
table.login_form_table  .extra-long{width:99%}

.panelBox { background:#eee; padding:10px; border:1px solid #ccc;}
.panelBoxOff {background:#fff; padding:10px; border: none; }

#taxLocationsTable { width: 50%; }

#wizardForm #subTitle{float:right; font-size:14px;}
#wizardForm #nextPreviousButtons{height:28px; text-align:center;}
#wizardForm .content, .padded {
	/*padding-left: 95px; padding-right: 95px;*/
	padding: 15px 30px;
}
#wizardForm .preview { padding-left: 20px; padding-right: 0; }
#wizardForm #campaignReviewTable { width: 375px; float:left; }

input.bigButton,input.bigButtonWide,input.bigButtonWidish,input.bigButtonShort,input.tinyButton,input.tinyWideButton,input.tinyXtraWideButton {width:137px; height:32px; color:#000; font-size:12px; text-align:center;	background: url(../images/b_orange_bg.gif) top left no-repeat;	border:none; cursor:pointer;}
a.bigButton,a.bigButtonWide,a.bigButtonWidish,a.bigButtonShort,a.bigButton:hover,a.bigButtonWide:hover,a.bigButtonWidish:hover,a.bigButtonShort:hover {color:#000 !important; text-decoration:none !important;}
input.bigButtonWide {background: url(../images/b_orange_bg_wide.gif) top left no-repeat; width:206px;}
input.bigButtonWidish {background: url(../images/b_orange_bg_widish.gif) top left no-repeat; width:177px; height:32px;}
input.bigButton.back {background: url(../images/b_gray_bg.gif) top left no-repeat; width:140px;}
input.bigButtonShort{ background: url(../images/b_orange_bg_short.gif) top left no-repeat; width:112px;}
input.bigButtonShort.back{ background: url(../images/b_gray_bg_short.gif) top left no-repeat; width:112px;}

a.bigButton {width:137px; height:32px; color:#000; font-size:14px; text-align:center; background: url(../images/b_orange_bg.gif) top left no-repeat; border:none; cursor:pointer; padding: 10px auto 15px auto; text-decoration: none;}
a.bigButtonb {width:137px; height:32px; color:#000; font-size:12px; text-align:center; background: url(../images/b_orange_bg.gif) top left no-repeat; border:none; cursor:pointer; padding: 10px 20px 15px 15px; text-decoration: none;}
a.button_addCampaign {width:137px; height:32px; color:#000; font-size:14px; text-align:center; background: url(../images/b_addCampaign.gif) top left no-repeat; border:none; cursor:pointer; padding: 10px 137px 15px 0px; text-decoration: none;}


div.buttons { text-align:center;}
div.buttons input { margin: 3px 20px 3px 20px; }
div.campaignType {height:1% !ie}

.icon {float:left; width:15%; padding:0 15px 30px 0;}
.caption {float:right; width:375px; height:350px;}
.caption img {border:0;}
.b {font-weight:bold;  }


/* Mobile Clubs */
#create_mobile_club {
	position: relative;
	left: 185px;
	top: -25px;
}



#mc th {
    text-align: left;
    font-size: 12px;
}

.name {
    width: 270px;
}
/*
.status {
    width: 100px;
}
*/
td.status {
	font-size: 11px;
}


tr.disabled {
    display: none;
}

tr.disabled td {
    background-color: #ccc;
    font-style: italic;
}

.blasts {
    display: none;
}

.blasts table {
    width: 100%;
}

#clubs tbody tr td {
    border-top: 1px solid #ccc;
    padding: 5px 0;
}

#clubs tbody tr.blasts td {
    border-top-width: 0;
}

#clubs tbody tr.blasts .name {
    padding-left: 30px;
    /*width: 240px;*/
}

#clubs a {
	font-size: 11px;
}

.toggle {
    cursor: pointer;
}

tr.disabled table tr.enabled td {
    background-color: #fff !important;
}

#paging {
	text-align: right;
	margin: 15px 0;
	color: #666;
}

#paging input, #paging button{
	width: 30px;
}

#paging_results {
	float: left;
	width: 200px;
}

.red {
	color: #f00;
}
.std-field-width {
	width: 172px;
}
.field_error_message {
	margin-left: 30%;
	color: #f00;
}

.text-counter {
	width: 200px;
	font-size: 11px;
	color: #999;
	position: relative;
	/*left: 181px;*/
	left: 31%;
	color: #666;
}

.too-many .text-counter {
	color: #f00;
}

.left {
	float: left;
	width: 65%;
}

.right {
	float: right;
	width: 35%;
}

.left h3 {
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
}

.bottom {
	clear: both;
}

option[value="Helvetica"] span {
	font-family: Helvetica;
}

#colorpicker, #background_colorpicker {
	display: none;
	position: relative;
	left: 170px;
}
/*
table .text-counter {
	left: 132px;
}*/

#members #paging {
	margin: 0;
}

#member_delete {
	position: relative;
	left: 130px;
	top: 20px;
}

div.steps {
	float: right;
	height: 28px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#step_1_of_2,
#step_2_of_2 {
	width: 66px;
}

#step_2_of_3 {
	background-image: url(/images/icons/wizard_step_2.gif);
}



#step_1_of_3,
#step_2_of_3,
#step_3_of_3 {
	width: 103px;
}

#step_1_of_2,
#step_1_of_3 {
	background-image: url(/images/icons/wizard_step_1.gif);
}

#step_2_of_2,
#step_2_of_3 {
	background-image: url(/images/icons/wizard_step_2.gif);
}

#step_3_of_3 {
	background-image: url(/images/icons/wizard_step_3.gif);
}
