/*=============================
basics
    - Most styles will be defined in style.css
=============================*/
body { font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif!important;}
h1 {

}
h3 {
    font-size:1.3em!important;
    color:#222!important;
    margin:0 0 1em!important;
    font-weight:normal!important;
}
h4 {
    color:#222!important;
    font-weight:bold!important;
    font-size:1.2em!important;
    margin:0 0 1em!important;
}
strong {font-weight:bold;}
/*=============================
layout
=============================*/
.topBanner {
    display:block;
    width:100%;
    margin:0 0 1em;
}
.sidebar {
    width:400px;
}
.sidebar .adblock img {
    margin:0 0 1em;
}
#content-wrapper {
    padding:0!important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
#content-main {
    width:495px!important;
    float:left;
}
#content-main.xrewardsWide {
    width:auto!important;
    float:none;
    padding:0!important;
}
#content-main.optout {
    float:none;
    width:100%!important;
}
.ajaxpanel { margin:0 2em;}
.frmMid, .frmTop, .frmBot { width:456px; }
.frmMid {
    background-image:url(/img/bg-form-fieldset-mid.gif);
    background-repeat:repeat-y;
}
.frmTop {
    background-image:url(/img/bg-form-fieldset-top.gif);
    background-repeat:no-repeat;
    background-position:left top;   
    height:20px;
    padding:10px;
}
.frmBot {
    background-image:url(/img/bg-form-fieldset-bot.gif);
    background-repeat:no-repeat;
    background-position: left bottom;
    height:39px;
    padding:0 0 5px;
}
/*=============================
Landing Page
=============================*/
.XRewardsChoices {
    margin:0 auto;
    padding:0 20%;
    text-align:center;
}
.XRewardsChoices input {
    float:left;
}
.XRewardsChoices input:first-child {
    margin:0 2em 0 0;
}
/*=============================
Step 2
=============================*/
.step {
    margin:0 0 1em;
}
.step fieldset {
    padding:0 10px!important;
    width:435px;
    text-align:center;
}
.step fieldset .frmItem {
    display:block;
    margin:0 0 1em;
    width:415px;
    text-align:center;
    vertical-align:middle;
    clear:both;
}
.step fieldset .frmItem span:first-child {
    float:left;
    width: 160px;
    margin:2px 1em 0 0;
    text-align:right;
    font-weight:bold;
}  
.step fieldset .frmItem span {
    float:left; 
    width:160px;
    margin:2px 0 0 0;
    font-weight:normal; 
    text-align:left;
}
.step fieldset .frmItem input {
    float:left;
    width: 150px;
    text-align:left;
}
.step fieldset .frmItem .RadComboBox {
    float:left;
}
.step fieldset hr { 
    color:#0E79B9;
    background-color:#0E79B9;
    border:none;
    height:1px;
    clear:both;
}
.step a.btn, .step .btn {
    display:block;
    margin:0 auto;
    background-image:url(/img/btn-form-input-sprite.png);
    background-repeat:no-repeat;
    background-position:left top;
    height:26px;
    width:118px;
    cursor:pointer;
}
.step .clearfix a.btn {
    float:left;
    margin:0 0 0 6em;
}
.step a.btnAccept {
    background-position:0 top;
}
.step a.btnAccept:hover {
    background-position:0 -25px;
}
.step a.btnDecline {
    background-position:0 -52px;
}
.step a.btnDecline:hover {
    background-position:0 -78px;
}
.step fieldset .pnlEmailFriend {
    border:1px solid #0F7ABA;
    padding:5px 5px 0;
    margin:0 0 1em;
    text-align:left!important;
}
.step fieldset .pnlEmailFriend .frmItem {
    position:relative;
}
.step fieldset .pnlEmailFriend .frmItem .uxEmailMessage {
    position:absolute;
    right:-5px;
    top:-2px;
    height:22px;
    width:90px;
    text-align:right;
}
.step fieldset .btnEmailFriend {
    float:none!important;
    position:absolute;
    right:-5px;
    top:-2px;
    height:26px;
    width:92px!important;
    background-position:-337px top;
    opacity:1.0;
}
.step fieldset .btnEmailFriend:hover {
    background-position:-337px -26px;
}

.step .alert-correct, .step .alert-incorrect {
    background-position:center center;
    background-repeat:repeat-y;
    color:#FFFFFF;
    display:block;
    font-size:1em;
    font-weight:bold;
    margin:5px auto;
    text-align:left;
    width:434px;
}
.step .alert-correct span, .step .alert-incorrect span {
    position:relative;
    left:10px;
}
.step .alert-correct a, .step .alert-incorrect a {
    color:#fff;
    text-decoration:underline;
}
.step .alert-correct {
    background-image:url(/img/bg-form-alert-correct-mid.gif);
    text-align:center;
}
.step .alert-correct .top {
   background-image:url(/img/bg-form-alert-correct-top.gif);
    height:15px;
}
.step .alert-correct .bot {
   background-image:url(/img/bg-form-alert-correct-bot.gif);
    height:15px;
}
.step .alert-incorrect {
    background-image:url(/img/bg-form-alert-incorrect-mid.gif);
}
.step .alert-incorrect .top {
    background-image:url(/img/bg-form-alert-incorrect-top.gif);
    height:15px;
}
.step .alert-incorrect .bot {
    background-image:url(/img/bg-form-alert-incorrect-bot.gif);
    height:15px;
}
.step input.correct {
    border:1px solid #94B542;
    color:#fff;
    background-color:#B1C87A;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
}
.step .pnlEmailFriend input.correct {
    text-transform:capitalize;
    font-weight:normal;
}
.step label.correct, .step span.correct {
    color:#94B542;
}
.step input.incorrect {
    border:1px solid #CC5933;
    color:#222;
}
.step label.incorrect, .step span.incorrect {
    color:#CC5933;
}
.pnlEmailFriend .loading-sm {
    background-image:url(/img/loading-sm.gif);
    background-repeat:no-repeat;
    height:20px;
    width:20px;
    position:absolute;
    right:60px;
    top:0;
}
span.uxEmailMessage1, span.uxEmailMessage2, span.uxEmailMessage3 {
    color:#FD8B0E;
    float:none!important;
    font-weight:bold!important;
    border:1px solid #FD8B0E;
    background-color:#FFEBAF;
    padding:0 5px;
    width:92px!important;
    display:none;
    opacity:0.0;
}
.uxEmailMessage1.show, .uxEmailMessage2.show, .uxEmailMessage3.show {
    display:inline;
    opacity:1.0;
}
.step .check {
    left:-25px;
    position:relative;
}

/*=============================
Opt Out
=============================*/

.optout h2 {padding:0.5em;}

.optout .header {
    cursor:pointer;
}
.optout .selected {
    background-color:#EFFAFF;
}
.optout .selected h2 {color:#0E7ABA;}

.optout .left {width:400px;}
.optout #content1, .optout #content2 {
    float:left;
    width:auto;
}
.optout .step {
    margin: 0 2.4em;
}
.optout .btnBreastCancer {
    background-image:url(/img/btnBreastCancer.gif);
    background-repeat:no-repeat;
    background-position:center top;
    width:60px;
    height:auto; 
    display:block;
    float:left; 
    padding-top:77px;      
}
.optout .btnTestCancer {
    background-image:url(/img/btnTestCancer.gif);
    background-repeat:no-repeat;
    background-position:center top;  
    width:60px;
    height:auto;  
    display:block;
    float:right;
    padding-top:77px;
}

/*=============================
Location Search
=============================*/
.RadComboBoxDropDown_Default {
    border-color:#0E7ABA!important;
}
.provinceComboBoxItem table {
    margin:0;
    border-bottom:1px solid #0E7ABA;
}
.provinceComboBoxItem table:hover {
    background-color:#eee;
}
.provinceComboBoxItem table td { padding: 2px;}
.provinceComboBoxItem .td1 {
    width:35px;
    font-size:1.3em;
    font-weight:bold;
    color:#0E7ABA;
    text-align:center;
}
.provinceComboBoxItem .td2 {
    text-align:left;
    font-weight:bold;
}
.standardComboBoxItem { padding:2px; border-bottom:1px solid #eee;}
.standardComboBoxItem:hover { background-color:#eee;}
.standardComboBoxItem span {
    text-align:left;
    font-weight:bold;
}