/******************************    MILEATHON CSS STYLES    ******************************/
#mileathonContiner{
	font-family:Arial, Verdana, sans-serif;
	background-color:#FFFFFF;
	width:924px;
	min-height:650px;
	background-image:url(/web/format/img/onepass/mileathon/mile_backgrad.gif);
	background-repeat:repeat-x;
	color:#333333;
	padding:0 0 20px 0;
	float:left;
	}

#mileathonContiner h1, #mileathonContiner h2, #mileathonContiner h3 {
	background-image: none;
}

#mileathonContiner h1{
	background-image:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#FFFFFF;
	font-size:170%;
	line-height:100%;
	}
	
#mileathonContiner td, #mileathonContiner th, #mileathonContiner div{
	font-family:Arial, Verdana, sans-serif;
	}
	
#mileathonLogo{
	font-size:300%;
	font-weight:bold;
	padding:26px 0 0 18px;
	}
	
#mileathonTitle{
	font-size:200%;
	padding:43px 0 0 0;
	float:right;
	}
	
#mileathonLeft{
	width:442px;
	padding:2px 0 0 18px;
	font-size:110%;
	float:left;
	}
	
#mileathonLeftOne{
	width:550px;
	padding:2px 0 0 18px;
	font-size:110%;
	float:left;
	}
	
#mileathonLeft p, #mileathonLeftOne p {
	margin:0px 0px 20px 0px;
	padding:0px 20px 0px 0px;
	line-height:150%;
	}
	
#mileathonLeft h1, #mileathonLeftOne h1 {
	margin:37px 0px 20px 0px;
	background: 0 none;
	}
	
#mileathonLeft h2, #mileathonLeftOne h2 {
	font-size:110%;
	margin:0px;
	padding:0px;
	color:#333333;
	background: 0 none;
	}


ul.mileList {
	margin:0px 0px 15px 0px;
	padding:0px 20px 0px 0px;
	color:#333333;
	list-style:disc;
	list-style-image:none;
	}


ol.mileList  {
	margin:0px 0px 15px 0px;
	padding:0px 20px 0px 0px;
	color:#333333;
	list-style-image:none;
	}
	
ul.mileList li, ol.mileList li {
	margin:0px 0px 0px 20px;
	padding:0px 0px 10px 0px;
	color:#333333;
	}
	
#mileathonRight{
	font-size:110%;
	width:462px;
	float:right;
	}
	
#mileathonRightOne{
	text-align:right;
	margin-top:2px;
	font-size:110%;
	width:356px;
	float:right;
	}
	
#mileathonLogin{
	margin-left:17px;
	}
	
.mileathonFlash{
	padding:30px 0 0 0;
	}

	
/************* FOOTER INFO ***************/

#mileathonFooter{
	width:880px;
	font-size:95%;
	padding-top:20px;
	padding-left:20px;
	clear:both;
	}
	
#mileathonFooter a{
	color:#333333;
	text-decoration:none;
	}
	
#mileathonFooter a:hover{
	text-decoration:none;
	}
	
#mileathonFooter p{
	margin:0px 0px 10px 0px;
	}
	
#mileathonFooter h3{
	color:#000000;
	margin:10px 0px 0px 0px;
	font-weight:bold;
	font-size:105%;
	}
	
	
/************* DASHBOARD USER INFO ***************/
	
#mileathonUser{
	margin:25px 0px 25px 0px;
	}
	
#mileathonUser td{
	color:#333333;
	line-height:150%;
	}
	
#mileathonUser td a{
	color:#014480;
	text-decoration:underline;
	}
	
#mileathonUser td a:hover{
	color:#014480;
	text-decoration:none;
	}
	
#mileathonUser h2{
	font-size:105%;
	font-weight:bold;
	}
	
#mileathonUser h3{
	margin:0px;
	padding:0px;
	color:#333333;
	line-height:105%;
	}
	
#mileathonUser p{
	margin:0px;
	padding:0px;
	font-size:95%;
	}
	
.dottedLine{
	clear:both;
	padding:20px 0px 20px 0px;
	}
	
.dottedLine2{
	clear:both;
	padding:0px 0px 20px 0px;
	}

.dottedLine3{
	clear:both;
	padding:10px 0 15px;
	}
	
.mileathonMessage{
	background:transparent url(/web/format/img/onepass/mileathon/v11/message_box_mid_v11.gif) 0 0 repeat-y;
	padding:0
	}

.mileathonMessage div {
	background:transparent url(/web/format/img/onepass/mileathon/v11/message_box_top_v11.gif) 0 0 no-repeat;
	padding:1em 1em 0;
	font-size:110%;
}

.mileathonMessage div p small {
	line-height:1.25em;
}

.rewardOptionRadio {
	float:left;
	margin:.25em 0;
	padding-right:.5em;
	width:auto;
	border-right:1px solid #efefef;
}
.rewardOptionRadio li {
	margin:0 0 .5em;
}
.rewardOptionRadio label {
	font-weight:bold;
}
	
/************* ERROR BOX ***************/
	
.mileathonError{
	background-image:url(/web/format/img/onepass/mileathon/mileathon_error_box.gif);
	background-repeat:no-repeat;
	width:487px;
	height:131px;
	color:#333333;
	font-size:108%;
	margin-top:28px;
	padding:16px 15px 10px 48px;
	font-weight:bold;
	}
	
.mileathonError p{
	margin:0px 0px 10px 0px;
	line-height:120% !important;
	}
	
.mileathonError a{
	color:#014480;
	text-decoration:underline;
	}
	
.mileathonError a:hover{
	text-decoration:none;
	}
	
/************* REGISTERATION PAGE ***************/
	
.mileathonReg{
	margin:20px 0 20px 0px;
	}
	
.mileathonReg td{
	color:#333333;
	line-height:140%;
	font-size:80%;
	}
	
.mileathonReg td.arrows{
	padding:0 10px 0 20px;
	}
	
.mileathonReg td a.white{
	color:#333333;
	font-size:90%;
	}
	
.mileathonReg td a:hover.white{
	color:#333333;
	text-decoration:none;
	}
	

/************* + - BOX DISPLAY & TREMS ***************/
	
.hiddenDiv{
	visibility:hidden;
	margin: 0px 0px 0px 0px;
	display: none;
	}
	
.hiddenDiv2{
	width:413px;
	visibility:hidden;
	display: none;
	margin: 0px 0px 0px 2px;
	padding: 5px 8px 5px 8px;
	background-color:#faf3d1;
	color:#000000;
	font-size:80%;
	}
	
.hiddenDiv2 table{
	margin-top:5px;
	}
	
.hiddenDiv2 table td{
	margin-top:5px;
	padding:2px 0px 2px 0px;
	}
	
.hiddenTemp {
	display:block;
	visibility:visible;
}

#Terms p a{
	text-decoration:underline;
	}


/************* STRETCH MESSAGE STYLE ***************/
.mileathonAd{
	clear:both;
	padding:0px 0px 0px 9px;
	}
	
.mileathonAdText{
	background-image:url(/web/format/img/onepass/mileathon/v11/mileathon_ad_box_grad_v11.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	margin:0 auto;
	}
	
.mileathonAdText a{
	color:#014480;
	}
	
.mileathonAdText h2{
	color:#3a3a3a;
	font-size:105%;
	margin:5px 0px 8px 0px;
	padding:0px;
	text-transform:none;
	font-weight:bold;
	}
	
.mileathonAdText td{
	color:#5d5d5d;
	font-size:90%;
	margin:0px;
	padding:0px 20px 0px 20px;
	text-transform:none;
	}
	
.mileathonAdText td p{
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
.mileathonAdText ul{
	list-style-image:none;
	}


/************* TOOLTIP ***************/
	
#progressBar ul{
	background-repeat:no-repeat;
	width:433px;
	height:34px;
	list-style-type:none;
	list-style-image:none;
	margin:3px 0 0 0;
	padding:0;
	}
	
#progressBar li {
	margin:0;
	padding:0;
	float:left;
	width:39px;
	font-size:90%;
	}

a.tooltip{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none;
	}

a.tooltip:hover{
	margin:0px;
	z-index:25;
	font-size:37px;/* This needs to be set to pixels for Fire Fox to the correct absolute position in the hover state*/
	}

a.tooltip span{
	display: none;
	font-size:30%;
	}

a.tooltip:hover span{
	text-align:center;
    display:block;
    position:absolute;
    top:-59px;
	left:0px;
	width:120px;
	height:60px;
	padding:5px 10px 5px 10px;
	color:#333333;
	background-image:url(/web/format/img/onepass/mileathon/tooltip_back.gif);
	background-repeat:no-repeat;
	margin:0px;
	}
	

/*********** TABED TABLES ************/

#mileathonInfo {
	width:433px;
	margin:5px 5px 0 8px;
	}
	
#mileathonInfo2 {
	width:433px;
	margin:5px 5px 0 0;
	}
#mileathonTabs, #mileathonTabs2 {
	width:422px;
	overflow:hidden;
	padding:0 0 0 11px;
	margin:0 0 0 0;
	list-style-type:none;
	list-style-image:none;
	}
	
#mileathonTabs ul, #mileathonTabs2 ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#mileathonTabs li, #mileathonTabs2 li {
	margin:0px 2px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	line-height:24px;
	width:165px;
	text-align:center;
	font-size:90%;
	}
	
#mileathonTabs a, #mileathonTabs2 a {
	display:block;
	height:24px;
	width:165px
	}
	
#mileathonTabs .active, #mileathonTabs2 .active {
	background-image:url(/web/format/img/onepass/mileathon/mileathon_tab1.gif);
	background-repeat:no-repeat;
	}
	
#mileathonTabs .inactive, #mileathonTabs2 .inactive {
	background-image:url(/web/format/img/onepass/mileathon/mileathon_tab1.gif);
	background-repeat:no-repeat;
	background-position:-165px 0px;
	}
	
#mileathonTabs .inactive a, #mileathonTabs2 .inactive a {
	color:#7a7a7a;
	text-decoration:none;
	
	}
#mileathonTabs .active a, #mileathonTabs2 .active a {
	color:#014480;
	text-decoration:none;
	}
	
#divMilestoneRewards, #divCreditEarning{
	display:block;
	background-color:#014480;
	width:433px;
	float:left;
	}

.tableTop{
	padding:0;
	border:none;
	background-color:#0072b4;
	}
	
.tableInside{
	margin: 0 auto;
	}
	
.tableInside th{
	padding-bottom:5px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:90%;
	}
	
.tableInside td{
	background-color:#FFFFFF;
	padding:3px 0px 3px 0px;
	text-align:center;
	border-bottom:1px solid #d4d4d4;
	font-size:85%;
	}
	
.tableInside td.tdBlue{
	background-color:#e0e8f0;
	}
	
.tableInside td.tdBlueNoBorder{
	border:none;
	background-color:#e0e8f0;
	border-bottom:1px solid #e0e8f0;
	}
	
.tableInside td.noBorder{
	border:none;
	border-bottom:1px solid #FFFFFF;
	}
	
.tableInside2{
	margin: 0 auto;
	}
	
.tableInside2 th{
	padding: 0px 2px 5px 2px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:90%;
	}
	
.tableInside2 td{
	background-color:#FFFFFF;
	padding:3px 2px 3px 2px;
	border-top:1px solid #d4d4d4;
	font-size:85%;
	border-bottom:1px solid #FFFFFF;
	}
	
.tableInside2 td a{
	text-decoration:none;
	color:#000000;
	}
	
.tableInside2 td a:hover{
	text-decoration:none;
	color:#000000;
	}
	
.tableInside2 .small{
	color:#666666;
	font-size:90%;
	}
	
.tableInside2 .small a{
	text-decoration:underline;
	color:#0033cc;
	}
	
.tableInside2 .small a:hover{
	text-decoration:underline;
	color:#0033cc;
	}
	
.tableInside2 td.tdBlue{
	background-color:#e0e8f0;
	border-bottom:1px solid #e0e8f0;
	text-align:center;
	}
	
.tableInside2 td.tdBlueNoBorder{
	border:none;
	background-color:#e0e8f0;
	border-bottom:1px solid #e0e8f0;
	border-top:1px solid #e0e8f0;
	text-align:center;
	}
	
.tableInside2 td.noBorder{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFFFFF;

	}
	
.tableInside2 td.noBorderPlus{
	border:none;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	vertical-align:top;
	padding-top:5px;
	}
	
.tableInside2 td.borderPlus{
	vertical-align:top;
	padding-top:5px;
	}
	
.milestoneTotal{
	background-position:right;
	height:23px;
	vertical-align:text-top;
	text-align:right;
	background-color:#FFFFFF;
	color:#FFFFFF;
	padding:2px 32px 0px 0px;
	background-image:url(/web/format/img/onepass/mileathon/v11/milestone_total_v11.gif);
	background-repeat:no-repeat;
	}
	
/*********** Non Flash ************/

.mileathonFlash{
	padding:30px 0 0 0;
	}

.nonFlash {
	margin-top:36px;
	margin-left:8px;
	}	


.nonFlash td {
	margin:0 0 8px 0;
	}

.nonFlash h2 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#000000;
	font-size:90%;
	font-weight:bold;
	text-transform:none;
	}

.nonFlash p {
	margin:0 0 8px 0;
	color:#333333;
	font-size:85%;
	}

.nonFlash a {
	margin:0;
	color:#014480;
	text-decoration:underline;
	font-size:85%;
	}

.nonFlash a:hover {
	text-decoration:none;
	}

/******************************    MILEATHON 11 CSS STYLES    ******************************/
.m11 #mileathonContiner {color:#000;background:#fff url(/web/format/img/onepass/mileathon/v11/mile_backgrad_v11.gif) 0 0 repeat-x}
.m11 #mileathonRightOne {text-align:left}
.m11 #mileathonLeftOne h2, .m11 #mileathonLeft h2 {color:#000}
.m11 .mileathonFlash {margin:0;padding:0}
.m11 #mileathonRightOne .nonFlash h2 {margin:0 0 0 0;padding:0 0 0 0;color:#000000;font-size:90%;font-weight:bold;text-transform:none}
.m11 #mileathonRightOne .nonFlash p {color:#000}
.m11 #mileathonRightOne .nonFlash a {margin:0;color:#014480;text-decoration:underline;font-size:85%}
.m11 #mileathonFooter a, .m11 #mileathonFooter h3 {color:#000}
.m11 .mileathonReg td {color:#000}
.m11 .mileathonReg a {color:#333}
.m11 .mileList li {color:#000}
.m11 .mileathonError {background-image:url(/web/format/img/onepass/mileathon/v11/mileathon_error_box_v11.gif);}
.m11 .mileathonError {color:#000}
.m11 .mileathonError a {color:#014480}
.m11 #mileathonTabs .active, #mileathonTabs2 .active {background-image:url(/web/format/img/onepass/mileathon/v11/mileathon_tab1_v11.gif);}
.m11 #mileathonTabs .inactive, #mileathonTabs2 .inactive {background-image:url(/web/format/img/onepass/mileathon/v11/mileathon_tab1_v11.gif);}
.tease #mileathonLeftOne {width:444px}
.tease #mileathonRightOne {width:462px;text-align:left;}

/******************************    MILEATHON 12 CSS STYLES    ******************************/
.m12Counter{background-image:url(/web/format/img/onepass/mileathon/v12/m12r_counter.gif); background-repeat:no-repeat; width:192px; height:82px; display:block; margin:0 0 0 13px; padding:12px 0 0 32px; font:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF;}
.m12CounterNubmers{font-size:53px; margin:0 0 0 10px;}
.m12CounterDays{font-size:24px; margin:0 0 0 10px;}
.m12CounterLabel{text-align:center; font-size:13px; margin:0 0 15px 13px; font-weight:bold; color:#000000; width:224px;}
.m12CalDownload{margin:0 0 0 0; background-image:url(/web/format/img/onepass/mileathon/v12/m12r_cal_arrows.gif); background-repeat:no-repeat; height:82px; padding:23px 0 0 50px; font-size:14px; font-weight:bold; }
.m12CalDownload a{font-size:14px; font-weight:bold; color:#666666; text-decoration:none; }
.m12CalDownload a:hover{font-size:14px; font-weight:bold; color:#244e95; text-decoration:underline;}