#facebox .b {
  background:url(/facebox/b.png);
  width: 10px; height: 10px;
  border: none;
}

#facebox .tl {
  background:url(/facebox/tl.png) 100% 0% no-repeat;
  width: 10px; height: 10px;
  border: none;
}

#facebox .tr {
  background:url(/facebox/tr.png) 0% 0% no-repeat;
  width: 10px; height: 10px;
  border: none;
}

#facebox .bl {
  background:url(/facebox/bl.png) 100% 0% no-repeat;
  width: 10px; height: 10px;
  border: none;
}

#facebox .br {
  background:url(/facebox/br.png) 0% 0% no-repeat;
  width: 10px; height: 10px;
  border: none;
}

#facebox {
  width: 680px;/*IE6*/
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100 !important;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  _padding: 0px; /* IE6 Hack */
  background: #fff;
  width: auto;
}


#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .feedbackFooter {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  _padding-right: 10px;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99 !important;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  width: expression( document.body.clientWidth < 1260 ? "1260px" : "auto" ); /* set min-width for IE */
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight < 900 ? 900 : document.body.offsetHeight + 'px');
}

/* CSS for the feedback form **/
div#feedbackContent { float: left; width: 620px; padding: 10px 10px 0px 10px; _margin-bottom: -30px; }
div#feedbackBanner { float: left; width: 660px; background-color: #000000; margin: -20px 0px 0px -20px; text-align: center; }
*html div#feedbackBanner { margin-top: -10px; margin-left: -5px; }
div#feedbackBanner img { float: left; }
*html div#feedbackBanner img { float: left; margin: 0px -10px 0px 10px; }
div#feedbackContent h1 { font-family: Arial; position: relative; float: left; width: 340px; border: none; margin: 0px 0px 0px 0px; text-transform: none; }
div#feedbackBanner h1 { font-family: Arial; color: #FFFFFF; width: 500px; margin: 30px 20px 0px 20px; font-size: 30px; padding-left: 15px; _padding-left: 0px; float:right;}
div#feedbackContent p { font-family: Arial; float: left; display: inline; width: 620px; margin: 10px 0px 0px 0px; padding-left: 0px !important; font-size: 12px; }
div#feedbackContent p#feedbackClear { display: none; }
div#feedbackContent p#feedbackClearShow { display: block; }
div#feedbackContent a { color: #3399FF; text-decoration: none; }

p.feedbackError { color: #FF0000; }

label { font-family: Arial; font-size: 12px; }
input.savingsAppFormCancel { border: none; height: 24px; text-align: left; color: #414141; font-weight: bold; padding-bottom: 3px !important; }
input#btnSubmitFeedback { clear: both; float: left; padding-left: 10px; margin: 20px 0px 20px 433px; width: 151px; background: transparent url(/_assets/css/images/btnFeedbackSubmit.png) no-repeat scroll 100% 0 }
* html input#btnSubmitFeedback { position:relative; top:-60px; }
input#btnContinueApplication { width: 175px; background: transparent url(/_assets/css/images/btnContinueApplication.png) no-repeat scroll 100% 0 }
input#btnFeedbackForm { width: 156px; background: transparent url(/_assets/css/images/btnFeedbackForm.png) no-repeat scroll 100% 0 }
input#btnExitApplication { width: 146px; background: transparent url(/_assets/css/images/btnExitApplication.png) no-repeat scroll 100% 0 }
p.feedbackThankyou { margin-bottom: 40px;}

span.errorIcon 
{
    float: left;
    margin-left: 7px;
    width: 23px;
    height: 24px;
    background: transparent url(/_assets/css/images/imgIconError.png) no-repeat 0px -3px;
}


div#savingsFeedback { float: left; }

div#savingsApplyExitBanner { float: left; width: 701px; background-color: #000000; margin: -50px -10px 0px -10px; text-align: center; }
div#savingsApplyExitBanner img { float: right; }

div#savingsFeedback h1 { float: left; display: block; width: 570px; height: 30px; color: #FFFFFF; font-size: 25px; font-weight: bold; margin: 0px 10px 0px 10px; padding: 10px 0px 20px 10px; border: none; text-transform: none; clear: both; text-align: center;}
div#savingsFeedbackContent { float: left; display: block; width: auto; -width: 685px; }
div.contentSquare { float: left; width: 300px; height: 150px; margin: 0px 0px 0px 0px;}
div.contentSquare h2 { float: left; width: 280px; margin: 15px 20px 5px 20px; font-weight: bold; color: #353B3B; font-size: 1em; text-transform: none; border: none; }
div.contentSquare p { float: left; margin: 0px 20px 10px 0px; }

select#sltFeedbackType { font-size: 13px; width: 304px }

.leftArea { float: left; text-align: right; width: 270px; }
.rightArea { float: left; width: 200px; margin-left: 10px; }
#remainingChars { float: left; margin-top: 0px !important; margin-left: 280px !important; margin-bottom: 10px !important; width: 330px !important; }
* html #remainingChars { margin-left: 80px !important; width: 250px !important; }
div#somewarningcontainer { _margin-top: 50px; }
div#somewarningcontainer p { color: #FF0000; text-align: left; clear: both; _margin-top: 10px;}

/*** Mobile Overrides ***/
@media only screen and (max-device-width: 480px)
{
    form#frmFeedbackJSDisabled
    {
        height: 1%;
        overflow: hidden;
    }
    
    select#sltFeedbackType
    { 
        width: 95%;
    }
    
    .feedbackFormNoJSrightArea
    {
        width: 95% !important;
    }
    
    #btnSubmitFeedbackNoJS
    {
        float: right;
        color: #FFFFFF;
        background-color: #666666;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#CCCCCC), to(#333333));
        margin-top: 10px;
        padding: 3px 10px 5px 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        font-weight: bold;
        display: table;
        vertical-align: middle;
    }
}

/*** Communicator Pop Up ***/

body.communicatorBody
{
	background: #FFFFFF;
}

div#communicatorContent { float: left; width: 620px; height: 1%; overflow: hidden; padding: 10px 10px 0px 10px; _margin-bottom: -30px; background: url('communicatorBg.png') no-repeat 10px 10px;}


div#communicatorContent h1
{
	font-size: 360%;
	font-family: FoundrySans-NormalRegular;
	text-align: left;
	margin-left: 130px;
	margin-bottom: 40px;
}

div#communicatorContent p
{
	text-align: left;
	margin-bottom: 10px;
}

div#communicatorContent iframe
{
	width: 100%;
	height: 80px;
	_margin-bottom: 50px;
}