@charset "utf-8";
/* CSS Document */

body, html {margin: 0; padding: 0; height: 108%;}
input {margin: 0; padding: 0;}
.mainParent {background-image: url(/Content/Images/App/mainBg.png); background-repeat: repeat-x; background-position: 0px 105px; width: 100%; height: 100%; min-height: 900px;}
.header {margin: 0 auto; width: 940px; height: 35px; background-image: url(/Content/Images/App/logo.gif); background-repeat: no-repeat; background-position: 0px 20px; text-align: right; padding: 70px 20px 0 0; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;position:relative;}
.header a {color: #002440; margin: 0 3px; }
.subParent {width: 960px; margin: 0 auto; min-height: 200px;}
.leftColumn {width: 181px; background-color: #5a96c8; float: left; padding-top: 28px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: white; min-height: 670px; /*1050px;*/}
.leftColumn a {font-size: 10px; font-style: italic; color: white; text-align: right; display: block; margin: 5px 15px 10px 0;}
.leftColumn img {margin-top: 30px;}
.leftColumnLogin {border: none; height: 18px; width: 153px; border-right: 1px solid #9cc0de; border-top: 1px solid #9cc0de; padding-top: 1px;}
.rightColumn {float: right; width: 179px; min-height: 670px; /*200px;*/ background-image: url(/Content/Images/App/rightBg.jpg); background-repeat: repeat-x; background-position: left 62px}
.rightColumn2 {float: right; width: 179px; min-height: 200px; background-image: url(/Content/Images/App/rightBg.jpg); background-repeat: repeat-x;}
.content {min-height: 200px; width: 601px; width: 600px !IE7; margin: 0 auto; background-color: white;}
.subContent {width: 580px; margin: 30px auto 0 auto; padding-top: 250px; background-image: url(/Content/Images/App/headerContent.jpg); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; min-height: 430px;}
.subContent h1 {margin: 15px 0 7px 0; padding: 0; font-size: 14px; font-weight: bold;}
.subContent h2 {font-size: 26px; font-family: "Times New Roman", Times, serif; font-weight: bold;}
.subContent h2 .mpupdated {float:right; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; width:280px;border: 1px dotted #aaa; background-color:yellow; padding: 8px;}
.subContentSpacer{font-size:1px;line-height:1px;height:4px;margin:0;padding:0;background-color: #5A96C8;}
.topNavSpacer{font-size:1px;line-height:1px;height:4px;margin:0;padding:0;background-color: #DCD0D4;}

.sideButton {width: 180px; height: 31px; background-image: url(/Content/Images/App/sideButton_bg.png); background-repeat: no-repeat; border: none; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 10px; padding-left: 10px;}
a.sideButton {width: 180px; height: 23px; background-image: url(/Content/Images/App/sideButton_bg.png); background-repeat: no-repeat; border: none; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 10px; padding-left: 16px; color: #000; font-style: normal; text-decoration:none; padding-top:8px; font-size:12px;margin:0px;}
a.sideButton.current {color:blue; cursor: pointer;}

.topNav { margin-left: 3px; margin: -1px 0 0 2px !IE7;}
.topButton {display:inline-block; width: 147px; height: 21px; border: none; border-bottom: 1px solid gray; background-color: #7d7a61; text-align: center; color: white; font-weight: bold; font-size: 13px; border-left: 1px solid white; border-right: 1px solid white; cursor: pointer; font-family: Arial,Helvetica,sans-serif;text-decoration:none;padding-top:8px;vertical-align:top;}
.active {background-color: #b3af8e;}

.sidenavHeader {height: 41px; background-image: url(/Content/Images/App/headerBg.jpg); background-repeat: repeat-x; text-align: center; padding-top: 21px; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 13px;padding-top: 21px;}
.loginHeader {text-align:left; width: 153px; font-size: 10px; margin: 15px auto 4px;}
.welcome {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: white; margin-bottom: 13px;}
.loginButton {display:block; text-align: right; margin-right: 14px;}
.requestPayment {}
.requestPaymentForm{margin: 20px auto 100px auto;}
.requestPaymentForm p {font-size: 16px;}

.testimonial {font-style: italic; font-size: 12px; margin: 12px 12px 12px 12px; padding-bottom: 20px; border-bottom: 2px dotted black; line-height: 17px;font-family:Arial,Helvetica,Sans-Serif;}
.testimonial b {font-weight: bold; font-style: normal; display: block; text-align: right; margin-top: 12px;}
.testimonial2 {font-style: normal; font-size: 12px; margin: 12px 12px 12px 12px; padding-bottom: 20px; border-bottom: 2px dotted black; line-height: 17px;font-family:Arial,Helvetica,Sans-Serif;}
.topButton:hover {background-color: #b3af8e;}
.sideButton:hover {color:blue; cursor: pointer;}
.thermometer {width: 151px; height: 290px; background-image: url(/Content/Images/App/thermometer_bg.jpg); background-repeat: no-repeat; margin: 10px auto 20px auto; padding-top: 55px; vertical-align: bottom; position: relative;}
.mercury {width: 21px; height: 190px; background-image: url(/Content/Images/App/mercury.png); margin: 0 0 0 59px; margin-left: -16px !IE7; position: absolute; bottom: 60px;}
.thermometer2 {width: 238px; height: 479px; background-image: url(/Content/Images/App/thermometer_bg2.jpg); background-repeat: no-repeat; margin: 0; padding-top: 55px; vertical-align: bottom; position: relative;}
.mercury2 {width: 34px; height: 190px; background-image: url(/Content/Images/App/mercury2.png); margin: 0 0 0 92px; margin-left: -27px !IE7; position: absolute; bottom: 85px;}

.offerBox {height: 126px; background-image: url(/Content/Images/App/offer_bg.jpg); background-repeat: repeat-x; width: 100%; border: 2px ridge #d1cfbb; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif;  font-size: 12px;}
.offerBox img {float: left; margin: 10px 0 0 10px; width: 120px; height: 60px; border-width: 0;}
.offerText {margin: 30px 0 0 155px; width: 295px; }
.offerText a {color: #3264c8; display: block; font-weight: bold; font-size: 14px; margin-bottom: 5px;}
.earning {float: right; font-size: 32px; margin: 44px 15px 0 0; font-family: "Times New Roman", Times, serif; font-weight: bold; text-align: center; width: 100px;}
.earning a, .earning a:hover, .earning a:visited {color: #000; text-decoration: none;}
.getStarted {margin: 30px auto 20px; text-align: center;}
.getStarted img {margin-top: 20px;}

.earningsHeader {width: 530px; margin: 100px auto 10px; background-color: #b3af8e; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: white; height: 25px; line-height: 25px;}
.cat {display: inline; margin: 0 248px 0 18px;}
.count {display: inline; margin-right: 50px;}
.earned{display: inline}
.earningsItem {width: 490px; margin: 0 auto; border-bottom: 1px solid black; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 25px; line-height: 25px; position: relative;}
.total {font-weight: bold; border: 0; padding-bottom: 425px;}
.itemName {display: inline;}
.itemCount {float: right; text-align: center; position: absolute; display: inline; right: 136px;}
.itemEarned {display: inline; float: right; margin-right: -4px; text-align: center; width: 73px; }

.profileHeader {display: block; background-color: #b3af8e; padding: 5px; color: white; margin: 5px;}
.lineContainer {display: block; position: relative; width: 563px; margin: 10px auto;}
.lineContainer input, .lineContainer select {display: inline; background-color: white; border: 1px solid #4b7a9f; margin-right: 11px; /*height: 20px;*/}
.lineContainer input {padding: 3px 1px 3px 1px;}
.lineContainer select {/*height: 20px;*/}
.lineContainer div {display: inline-block; font-size: 11px; font-weight: bold; margin: 0 4px 0 25px;}
.small {width: 40px;}
.medium {width: 90px;}
.large {width: 165px;}
.xlarge {width: 250px;}
.xl {width: 300px;}
.phone {margin-right: 5px !IMPORTANT;}
a.change {background-color:#7D7A61 !important;color:white;display:inline-block;font-size:11px;height:17px !important;padding-bottom:3px;padding-top:7px;text-align:center;text-decoration:none;width:147px;}
/*a.change:hover {background-color: #b3af8e !important;}*/

.submit {text-align: center; padding-bottom: 150px;}

.oops {float: right; width: 269px; margin: 75px 22px 0 0; font-family: Arial, Helvetica, sans-serif; text-align: center; }
.oops h1 {font-size: 18px; margin-top: 40px;}
.oops h2 {font-size: 16px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif;}
.amount {font-size: 34px; margin-top: 10px; color: #698028; font-weight: bold;}

.more {color: #ff0000; font-size: 14px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.more a {color: #1111CC;}
.footer {width: 600px; margin: 0 auto; text-align: center; color: #004377; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 20px; clear: both;}
.footer a {color: #004377; text-decoration: none; }

.field-validation-error {font-size:12px; color: #FF0000; /*color:#FFEC1F;*/}
a.nohighlight, a.nohighlight img {border-width:0;}

div.infodisplay-large {display:inline-block; width:165px;}
div.infodisplay-medium {display:inline-block; width:90px;}

.formButton { width: 149px; height: 30px; border: none; border-bottom: 1px solid gray; background-color: #7d7a61; text-align: center; color: white; font-weight: bold; font-size: 11px; border-left: 1px solid white; border-right: 1px solid white; cursor: pointer;}
.formButton:hover {background-color: #b3af8e;}
.profileFormLeft {width:110px;}

.validation-summary-errors {color: #FF0000;}
.input-validation-error {border-color: #FF0000 !important; border-width:2px !important; margin-right:0px !important;}
.homeLink {display:block;display:inline-block;height:105px;left:0;position:absolute;text-decoration:none;top:0;width:411px;}

.leftBoxBullets {float: left; margin-left: 40px;}
.rightBoxBullets {float: right; margin-right: 80px;}
.leftBoxBullets ul, .rightBoxBullets ul {list-style-type: none; margin-top: 24px;}
.leftBoxBullets li, .rightBoxBullets li {line-height: 17px;margin: 0 0 10px;}
.leftBoxBullets input, .rightBoxBullets input {border: 1px solid #000;margin: 0 15px 0 0;}

.clearleft {clear:left;}

.comments {margin-top:20px; padding: 8px; font-family: Arial, Helvetica, Sans-Serif; border-top:1px solid #CFCFCF;}

#dialog p {font-family: Arial, Helvetica, Sans-Serif; font-size:14px;}
#dialog p.popup_header{font-size:16px;}
#dialog p a {color: #1F54DF;}
#dialog .popup_footer {font-size: 12px;}
.ListNavigation {text-align: center;}
.ListNavigation a, .ListNavigation a:visited {color: #0E4BEF; text-decoration: none; font-weight: bold;}