/*initialize tags/sizes*/
body { width:expression(this.parentNode.offsetWidth<=990? 990:'auto');font-size: 76%; font-family: Tahoma, arial, helvetica, sans-serif; padding: 0; margin: 0; background: url(../images/bkgd_leftnav.gif) repeat-y left top}
body.lEnroll { font-size: 76%; font-family: Tahoma, arial, helvetica, sans-serif; padding: 0; margin: 0; background:none}
ul, ol {font-size: .9em;margin-top:0}
p {font-size: .9em; margin-top:0;}
h1, h2, h3, h4, h5 {display:block; font-weight: bold; padding:0; margin: 0;color:#343434;position:relative}
h1 {font-size: 1.6em;margin-top:.5em}
h2 {color: #343434; font-size: 1.2em;}
h3 {font-size: 1em;}
h4 {}
a {color:#3c577a;}
a:visited{color:#3c577a;}
a:hover{color:#3c577a;text-decoration:none}
a:active{color:#3c577a;}
form{margin:0;padding:0}

.lightgrey {color: lightgrey}
.success { font-weight: bold; color: green; margin: .2em 0 .8em; border: 1px solid green;padding: .5em .5em .5em 25px; background: #fff}
.s{clear:left;padding:.3em;color:red; border:1px solid red}
.sTwo .s{clear:none}
.s strong{display:block}
.alert{clear:both;padding:.3em; border:1px solid #06c; padding: .5em .5em .5em 25px;background: #fff url(../images/icn_attention.gif) no-repeat 5px 5px}
div.s, p.s, p.errors, div.errors { color:#ff0000; font-weight:bold; margin: .2em 0 .8em; border: 1px solid red;padding: .5em .5em .5em 25px; background: #fff url(../images/icn_attention.gif) no-repeat 5px 5px;}
div.row p.errors { margin: .2em 0 0 315px; background: none; padding: 0;border-width:0}

input.btn{background:#f60;font-weight:bold;color:#fff;border-width:1px}

p.success { margin: .2em 0 .8em; border: 1px solid green;padding: .5em .5em .5em 25px; background: #fff}
img{border-width:0}

/*clear floats*/
.clearfix:after, .section:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix, .section {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html .section {height: 1%;}
.clearfix, .section {display: block;}
/* End hide from IE-mac */
#login p {font-size: 1.2em; color: #112f47;  font-weight:bold  }
#login p.loginborder {font-size: 1.2em; color: #112f47;  font-weight:bold;border-top: 2px solid #96afba; margin-top: 20px;padding-top: 11px; margin-right: 15px  }
#login a {font-size: .88em; color:#fff; margin-left: 3em; text-decoration: underline}
#login input.submit {  background:  url(../images/bkgd_button.jpg) repeat-x top left;margin-right: 10px; }
.clear {clear:both}
.field {float:left;  padding:0; margin:0}
.field input {width: 120px; margin: 0 0 15px 0;_margin: 0 0 15px -12px; padding:0}
.field label {font-size: .88em; clear:both; color:#fff;margin-left:3px}
/*layout*/
.lEnroll {}
#wrapper {clear:both;}
#headercontainer { float:right; width:300px;padding: 0 0 0 0; margin:0; }
#container {width: 100%;float: right;margin-left: -187px;}
#content {margin-left: 167px; margin-bottom:0; padding: 10px 5px 0 16px; background:#ffffff; }
.lEnroll #container {width: 100%;float: right;margin-left: -40px;}
.lEnroll #content {margin-left: 20px; margin-right:0; margin-bottom:0; padding: 10px 5px 0 16px; background:#ffffff; }

/*Footer*/
#footer {margin: 0;padding: 30px 0 20px 16px; background: #fff;  border-left: 167px solid #6f858f; clear:both}
body.lEnroll #footer {border-left:20px solid #fff}
#footer p.links {font-family: Tahoma; font-size:.8em; color: #939393; margin:3px 0}
#footer p.copyright {font-family: Tahoma; font-size:.8em; color: #939393; margin:3px 0}
#footer p span{display:block;text-align:right;margin-top:-1em;}
#footer p.links a, #footer p.links a:visited, #footer p.links a:active {text-decoration:none}
#footer p.links a:hover {text-decoration:underline}
body.lPlain {margin:1em}

/*Header Stuff */
#header {position: relative;background: #728993 url(../images/bkgd_header.jpg) no-repeat left top; }
#programLogo{display:block; float:left;padding:20px 0 10px 45px;color:#fff;font-weight:bold;text-decoration: none; }
#login { padding-top: 10px; padding-bottom: 10px; margin-left: 14px; }
#status {background:  url(../images/bkgd_status.gif) no-repeat left bottom;float:right; height: 69px;  margin-top: 7px; vertical-align:middle; margin-right: 12px; width: 271px }
#status p {color:#000; margin:0; padding: 5px 10px 0 10px;}
#status span {font-size: 1.4em}
#tMember span span{padding:2px 0 2px 15px;background: url(../images/icn_member.gif) no-repeat}
#tAccts span span{padding:2px 0 2px 11px;background: url(../images/icn_accounts.gif) no-repeat}
#tComm span span{padding:2px 0 2px 18px;background: url(../images/icn_communications.gif) no-repeat}
#tAct span span{padding:2px 0 2px 17px;background: url(../images/icn_activities.gif) no-repeat}
#tAwards span span{padding:2px 0 2px 20px;background: url(../images/icn_awards.gif) no-repeat}
#tPromos span span{padding:2px 0 2px 20px;background: url(../images/icn_promos.gif) no-repeat}
a.enrollLk{padding:2px 0 2px 15px;background: url(../images/icn_member.gif) no-repeat}
.resetLk a {background:url(../images/icn_resetpwd.gif) no-repeat left center;padding:5px 3px 5px 20px}
.logLk a{background:url(../images/icn_login.gif) no-repeat left center;padding:5px 3px 5px 20px}

/*minornav */
#minornav {font-family:verdana; background:  url(../images/minornav_corner.gif) no-repeat left top; margin-left: 167px  }
#minornav ul {list-style: none;  padding:0; margin:0 0 0 10px; background-color:#000;display:block }
#minornav ul li {display:inline; font-size: .98em; line-height: 20px; color: #939393;  padding: 0 8px 0 12px;border-left: 1px solid #fff;  margin:0; }
#minornav ul li.first {border: none;}
#minornav ul li a, #minornav ul li a:visited, #minornav ul li a:active {text-decoration:none;color: #fff; padding: 0 }
#minornav ul li a:hover {text-decoration:underline;}
#minornav ul li a.first:hover {text-decoration:underline;}


/*Sidebar*/
#sidebar {width: 167px;float: left; padding:0; border-top: 1px solid #9dabbc;  }
#sidebar ul {list-style: none; padding:0; margin:15px 5px 0 15px; font-size: .88em; color:#fff; }
#sidebar ul li { color: #112f47;padding-left: 10px; background: url(../images/arrow.gif) no-repeat left 1em;font-size: 1.0em;   font-weight:bold; padding-top:6px; }
/*#sidebar ul.sub li {font-size: 1.1em;  padding-left: 10px; background: url(../images/arrow.gif) no-repeat left .6em; padding-top:2px; _padding-top:0;font-weight:normal; color: #fff; }*/

#sidebar ul li a, #sidebar ul li a:visited, #sidebar ul li a:active {color:#fff; text-decoration: none}
#sidebar ul li a:hover { text-decoration: underline}
/*#sidebar ul.sub li a, #sidebar ul.sub li a:visited, #sidebar ul.sub li a:active {color:#fff; text-decoration: underline}
#sidebar ul.sub li a:hover {text-decoration: none}*/



/*Content Area */
div#highlight {width: 767px; min-height: 150px;background:  url(../images/bkgd_avatar.jpg) no-repeat left top; padding:13px 16px}
div#avatar {margin:-15px 0 0 10px; padding:0; float:right; padding-bottom:5px}
div#bottom {background:  url(../images/bkgd_avatar_bottom.jpg) no-repeat left top;height: 17px; width:799px; padding:0; margin:0}
div#highlight h1 {margin:0; padding:0}
div#highlight img {margin:-15px 0 0 10px; padding:0; float:right}
div.col1, div.col2, div.col3 {float:left; width:230px; margin:0; padding:0 16px 16px 16px; height: 10em}
div.col2, div.col3 {border-left: 2px solid #728993 }
div#welcome {width: 799px; height:129px; background:  url(../images/bkgd_welcome.jpg) no-repeat right top; padding:0 0 20px 0}
div#welcome h1 {margin:0; padding:0}
div.h2 { width: 799px; background:  url(../images/bkgd_h2.jpg) no-repeat left top; padding:0 0 30px 0}
div.h2 h2 {padding:5px 0 10px 10px}
div.h2 p {padding:5px 5px 10px 12px}
div.h2 ul {padding:10px 10px 10px 20px}
div.container {width:799px; height: 200px; margin-top: 25px}

#content p {margin:.5em 0}
#zonechart #content img {float:none; padding:5px; clear:right}
#content img {float:right; padding:5px; clear:right}
div.row {padding:.2em 0;}
div.row label, div.row .label{display:block;font-weight:bold;}
div.row em{display:block;}
div.reverse label, div.reverse .label{display:inline;font-weight:normal;}
div.row em.info {display:block}
div.row textarea{width:100%;_width:48%;margin-left:0}
div.action{}
div.small{float:left;width:48%}
div.adjust{float:left;width:24%}
#index div.row label, #index div.row .label{text-align:right;float:left;width:200px;font-weight:bold;padding-right:.5em}
#index div.action{margin-left:0;padding-left:.5em}
#Comm div.row label{display:inline}
#Search h1{font-size: 1.25em;}
#Search .section{border-top:1px dashed #ccc;}
#Search div.row{_height:1%}
#Search div.row label, #Search div.row .label{text-align:right;float:left;width:150px;font-weight:bold;padding-right:.5em}
#Search div.row em{margin-left:150px;padding-left:1em}
#Search div.action{margin-left:150px;padding-left:.5em}
#Search .first{border-top:1px solid #B3D9F0}
#Search .first h2{font-size:1em}
#Search .sTwo{position:relative}
#Search .sTwo h2{padding-left:20px}
#Search .sTwo img{position:absolute;left:-15px;_left:-47px; top:-20px}
#Acts h1{border-bottom:1px solid #B3D9F0}
#Acts form{margin:0}
#Acts .section{margin-top:1em}
#Acts div.row{padding:0;}
#Acts div.row label, #Acts div.row .label{display:inline;font-weight:bold;}
#Awards table.displayOnly{float:left}
#Awards h1{border-bottom:1px solid #B3D9F0}


form #options {float:left; width:200px}
form #log {margin-left:200px}

/*tables*/
table{border:1px solid #939393;width:100%;margin-top:.7em; font-size:.9em}
table.display{border-width:0;margin-top:0;width:90%}
table.logindisplay{border-width:0;margin-top:0;width:50%}
table.displayOnly{width:auto; }
table.chart{width:75%; font-size: .9em; border:1px solid #939393;}
td, th{padding:.3em .5em;text-align:left;}
table.chart td.center, table.chart th.center {text-align:center;}
th{background:#343434; color:#fff}
th a{text-decoration:underline}
th a:hover{text-decoration:none}
.display th{padding-right:2em;background-image:none;color:#000}
tr.on td{background:#ddd}
tr.focus td{background:#99CCFF}
td.choice{text-align:center}
td.id{white-space:nowrap}
.num, .pts{text-align:right}
#Accts .act{width:5em;}
/* Sortable tables */
table.sortable a.sortheader {
    color:#fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable a.sortheader:hover {
    color:#ddd;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
background: #343434 url(../images/arrows_sort.gif) no-repeat 50% 50%;
    color: 343434;
    text-decoration: none; padding-right:20px; 
}
table.sortable span.up {
background: #343434 url(../images/arrow_up.gif) no-repeat 50% 50%;
    color: 343434;
    text-decoration: none; padding-right:20px
}
table.sortable span.down {
background: #343434 url(../images/arrow_down.gif) no-repeat 50% 50%;
    color: 343434;
    text-decoration: none; padding-right:20px
}



table.sortable {font-size: 1em; padding:0 0 10px 0; margin:0; width:100%;}
td.name, th.name, td.agr, th.agr{padding:3px;vertical-align:middle; text-align:left;  }
th.email, td.email {padding:3px;  vertical-align:middle; text-align:left; }
td.statusbox {padding:3px;  vertical-align:middle; text-align:left; width: 20px; }
th.status{padding:3px;  vertical-align:middle; text-align:left; width: auto; }
td.statuspending, td.statusinactive {vertical-align:middle; text-align:left; width: auto; margin-right: 10px; background: url(../images/box_yellow.gif) no-repeat 75% 50%;}
td.statuspending p { margin-right: 20px; }
tr.on td.statuspending, tr.on td.statusinactive {vertical-align:middle; text-align:left; width: auto;  padding-right: 3px; background: #ddd url(../images/box_yellow.gif) no-repeat 75% 50%;}
td.statusactive {vertical-align:middle; text-align:left; width: auto;  padding-right: 3px; background: url(../images/box_green.gif) no-repeat 75% 50%;}
tr.on td.statusactive {vertical-align:middle; text-align:left; width: auto;  padding-right: 3px; background: #ddd url(../images/box_green.gif) no-repeat 75% 50%;}
/*pager*/
ul.pager {text-align:right;padding:.5em 0 .1em 0}
ul.pager li{display:inline;border-left:1px solid #000;padding:0 .5em }
ul.pager li.numbers{padding-left:0; border-width:0;}
ul.pager li.disabled{border-left:1px solid #000; color:#666}



.scroll{overflow-x:auto;padding:0;margin-top:.7em;_width: expression(this.parentNode.offsetWidth-10);}
.section > .scroll{overflow:auto;}
.scroll table{margin:0; _margin-bottom:1.5em}

form { padding: 0; margin: 0;}
div.row, div.instr {clear:left;text-align: left; position: relative; margin-bottom: .7em; }
div.2colcontainer {clear:right}
div.row2col {float:left;text-align: left; position: relative; margin-bottom: .7em; margin-right: 20px }
div.row input, div.row textarea, div.row select{font-size:1em}
div.row textarea{width:300px}
div.row span.elements { float: left; text-align: left; }
div.checkBox {margin-left: 200px;border:1px solid #fff; clear:both}
div.full input, div.checkBox input, div.radios input { width: auto; }
div.row label, div.row span.label { font-weight: bold; float: left; width: 200px; text-align: right; padding: 0 .5em 1em 0; }
#Enroll1 div.row label { font-weight: bold; float: left; width: 300px; text-align: right; padding: 0 .5em 1em 0; }
#Contact div.row label, #Contact div.row span.label, #forgotPWD div.row label { font-weight: bold; float: left; width: 100px; text-align: right; padding: 0 .5em 1em 0; }
p.contact {padding-left:110px}
div.row strong {font-weight: normal; font-size:1em; float: left; width: 300px; text-align: left; padding: 0 .5em .5em 0;}
div.full label { display: inline; float: none; font-weight:normal;width:auto}
div.radios label { display: inline; float: none; font-weight:normal;width:auto}
#Contact div.radios label { display: inline; float: none; font-weight:normal;width:auto}
div.checkBox label { float: left; width: auto; padding: 0 0 .2em;font-weight:normal}
div.checkBox input {font-weight: bold; float: left; text-align: right; padding: 0 .5em 1em 0;}
div.row em{display:block;font-size:.95em;color:#000;margin-left:155px}
div.full em{margin-left:20px}

fieldset {position:relative; width: 90%; margin: 0 0 20px 0; padding: .7em;border:1px solid #ccc}
fieldset p { border: none; margin-top: 0; padding: 0; }
fieldset h3{clear:left}
legend{color:#3c577a;font-weight:bold;font-size:1em;_margin-bottom:.5em}
div.action input {margin-left:307px; background:  url(../images/bkgd_button.jpg) repeat-x top left; color: #000; }
#Enroll2 div.action input, #Enroll3 div.action input {margin:10px 0 0 315px; background:  url(../images/bkgd_button.jpg) repeat-x top left; color: #000; }
#Contact div.action input {margin-left:115px; background:  url(../images/bkgd_button.jpg) repeat-x top left; color: #000; }
#Enroll4 div.action input, #Enroll5 div.action input, #ManageTrav div.action input, #InviteTrav div.action input, #ReferTrav div.action input, #Home div.action input, #Index div.action input, #Redeem div.action input, #Cart div.action input {margin-left:0; background:  url(../images/bkgd_button.jpg) repeat-x top left; color: #000; }
form#managetravelers div.buttoncontainer div.action input, form#managetravelers div.buttoncontainer div.action2 input, form#enrollForm div.buttoncontainer div.action input, form#enrollForm div.buttoncontainer div.action2 input, form#managetravelers_conf div.buttoncontainer div.action input, form#managetravelers_conf div.buttoncontainer div.action2 input{float:left; background:  url(../images/bkgd_button.jpg) repeat-x top left; color: #000;  margin-right:10px; margin-left:0; }
form#managetravelers_conf div.buttoncontainer, form#enrollForm div.buttoncontainer {float:left; margin-top:5px; clear:both}
form#index div.action input {margin:0}
div.buttoncontainer {float:left; margin-top:-25px}
form#managetravelers {padding-bottom:20px}
#reqMsg, .required { font-weight: bold; color:#3c577a }
div.row a{float:left; margin-left: 450px; margin-top:-1em;  padding-left:18px}
#Enroll2 div.row a{float:none; margin-left: 0; margin-top:-1em;  padding-left:0}
ul.steps {clear:both; text-align:right;float:right; color:#3c577a;display:inline;margin-top:.2em;}
.steps li{text-align:right;display:inline;border-left:1px solid #939393;padding:0 .5em}
.steps li.first{border-width:0}
.steps .on {color: #000;font-weight:bold}
.callout {width: 150px; border: 2px solid #343434; font-size: 1.2em; float:right; padding: 0 0 5px 5px; margin: 0 0 0 10px}
input#qty {text-align:center}
/* Redeem */
#Redeem table.redeem{padding:3px;position:relative;
	margin-top:0;
	margin-bottom:30px;
	background:#EEEEEE;
	width:70%;
	voice-family: "\"}\"";
  	voice-family:inherit;
  }html>body #Redeem table.redeem{width:100%}
  
  #Cart table.redeem{padding:3px;position:relative;
	margin-top:0;
	margin-bottom:30px;
	background:#EEEEEE;
	width:70%;
	voice-family: "\"}\"";
  	voice-family:inherit;
  }html>body #Cart table.redeem{width:100%}

#Redeem table.redeem td, #Cart table.redeem td {line-height:1.1em;text-align:right; border-bottom:1px dashed #369;}
#Redeem table.redeem td.last, #Cart table.redeem td.last {border-bottom:none}
#Redeem table.redeem td.subhead, #Cart table.redeem td.subhead {text-align:left; padding-top:5px;border-width:5px;border-bottom-width:0;}
#Redeem table.redeem th, #Cart table.redeem th{background:none;font-size:1.2em; text-align:left;color:#3c557a;margin:0;padding-left:10px; border-bottom:1px dashed #369;}
#Redeem table.redeem th.qty, #Redeem table.redeem td.qty, #Cart table.redeem th.qty, #Cart table.redeem td.qty{text-align:center;padding-left:10px;}
#Redeem table.redeem th.right, #Cart table.redeem th.right{position:relative;text-align:right; white-space:nowrap;}
#Redeem img, #Cart img {display:block;}

#itin table td { vertical-align: top; }

#itin h3 {border-top:1px dotted #FFB770; padding:5px 0;color:#FFB770;}

#Redeem table.redeem td.desc, #Cart table.redeem td.desc {text-align:left; padding-left:15px;}
#Redeem table.redeem td, #Cart table.redeem td {font-size:100%;}
#Redeem .action, #Cart .action {text-align:left;padding-left:10px;}
#Redeem .memId, #Cart .memId {text-align:left; padding-left:15px;}
#Redeem .hide, #Cart .hide {border-bottom-width:0;}
#Redeem .actionRight, #Cart .actionRight {padding-right:25px; white-space:nowrap;}


#cart table {border:none; padding:3px;
	margin-top:0;
	margin-bottom:30px;
	width:70%;
	voice-family: "\"}\"";
  	voice-family:inherit;
  }html>body #cart table {width:100%}
#cart th, #cart tr.cartTotal, #cartVerify th{font-size:.9em; text-align:left;color:#FFF;margin:0;background:#343434;}
#cart th.pts {text-align:right;}
#cart th.qty {text-align:center;}
#cart th.total {text-align:right;}
#cart td.pts {text-align:right;}
#cart td.qty {text-align:center;}
#cart td.total {text-align:right;}

.ptsRem {font-size: 85%;text-align:center;}
.ptsRem strong{font-weight:normal}
#cart .address, #cartVerify .address{padding-left:25px;}
#cartVerify .address {margin-top:.5em;}
#cartVerify table {padding:3px;
	margin-top:0;
	margin-bottom:30px;
	width:55%;
	voice-family: "\"}\"";
  	voice-family:inherit;
  }html>body #cartVerify table {width:75%;}
#cart label{font-weight:bold;}
#content p.back {float:right; margin: -2em 10px 0 0; padding:0 }
p.test {border: 1px solid red}
div#faq1, div#faq2, div#faq3, div#faq4, div#faq5, div#faq6, div#faq7, div#faq8,div#faq9, div#faq10,div#faq11, div#faq12,div#faq13, div#faq14,div#faq15, div#faq16,div#faq17, div#faq18,div#faq19, div#faq20,div#faq21, div#faq22,div#faq23, div#faq24,div#faq25, div#faq26,div#faq27, div#faq28,div#faq29, div#faq30{margin: 0; padding-bottom:10px;display: none;}
body#FAQ p a {font-weight:bold}
body#FAQ div#footer a {font-weight:normal}
div.topic.on {background-color: #b9bdbc;padding:0 5px; margin:0}
div.topic.on p.question {padding-top: 5px}
p.question {font-weight: bold; }
div.answers {font-size: 0.9em; padding-bottom:10px; }
sup.reg {font-size:.8em}