/**********************************************************/
/* General styles (shared by all versions of the form)    */
/*														  */
/* DO NOT put anything in this section that is not common */
/* to all versions or overridden in every version         */
/**********************************************************/

.cssAssessmentForm
{
    font-family: Verdana, Arial;
    color: #cbace4;
    position: relative;
    z-index: 100;
}

.cssAssessmentForm .content
{
    font-weight: bold;
    font-size: 9pt;
}

.cssAssessmentForm .heading
{
    font-family: Arial;
    font-size: 16pt;
    font-weight: bold;
    color: #ffda47;
    text-align: center;
}

.cssAssessmentForm .desiredLocation
{
    _height: 1%;		/* IE6 */
}

.cssAssessmentForm div.line
{
    border-color: #CFA4F3;
}

.cssAssessmentForm .field
{
    padding: 0;
}

.cssAssessmentForm .field .caption
{
    float: left;
    text-align: right;
    margin-right: 5px;
    padding-top: 4px;
}

.cssAssessmentForm .field input, .cssAssessmentForm .field select
{
    font-family: Arial;
}

.cssAssessmentForm .field input
{
    font-size: 9pt;
}

.cssAssessmentForm .field select
{
    width: auto;
    font-size: 9pt;
    margin-top: 1px;
}

.cssAssessmentForm .field.phone input#phone_areacode,
.cssAssessmentForm .field.phone input#phone_prefix
{
    width: 30px;
}

.cssAssessmentForm .field.phone input#phone_suffix
{
    width: 40px;
}

.cssAssessmentForm .labelCell, .cssAssessmentForm .inputCell
{
    color: Black;
}

.cssAssessmentForm .error
{
    display: none;
    margin-top: 3px;
    color: #ffda47;
    font-size: 8pt;
    font-weight: normal;
}

.cssAssessmentForm .error.visible
{
    display: block;
}

.cssAssessmentForm button, .assessmentSubmitButton
{
    display: block;
    clear: both;
    margin: 0 auto;
    width: 233px;
    height: 50px;
    padding: 0 0 3px 0;
    z-index: 100;
    border: none;
    font-family: Arial;
    font-weight: bold;
    font-size: 13.5pt;
    color: #fff;
    cursor: pointer;
    background: url(button-bg.png) no-repeat left top;
    _background-image: url(button-bg.gif);		/* IE6 */
}

.cssAssessmentForm button:hover, .assessmentSubmitButton:hover
{
    background-position: left -50px;
}

.cssAssessmentForm button.disabled, .assessmentSubmitButton.disabled
{
    background-position: left -100px;
    color: #5f5f5f;
    cursor: default;
}

.cssAssessmentForm button[disabled],		/* disabled input w/o class - only happens in FF */
.assessmentSubmitButton[disabled]
{
    background-position: left -100px;
    color: #5f5f5f;
    cursor: default;
}

.cssAssessmentForm #trustGuard
{
    width: 100px;
}

.cssAssessmentForm #trustInfo
{
    text-align: left;
}


/****************************************/
/* Horizontal Forms (standard and wide) */
/****************************************/

.horizontalAssessmentForm .field
{
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
}

.horizontalAssessmentForm .desiredLocation .field
{
    margin-bottom: 0px;
}

.horizontalAssessmentForm .desiredLocation .error
{
    text-align: center;
}

.horizontalAssessmentForm .field.checkbox input
{
    float: none;
    margin: 0;
    vertical-align: middle;
    width: 13px;
    height: 13px;
}

.horizontalAssessmentForm .field.checkbox .caption
{
    float: none;
    text-align: left;
    vertical-align: middle;
    margin: 0 0 0 5px;
    padding-top: 1px;
}

.horizontalAssessmentForm .field.city
{
    width: 180px;
}

.horizontalAssessmentForm .field.city input
{
    width: 116px;
}

.horizontalAssessmentForm .field.firstName,
.horizontalAssessmentForm .field.lastName,
.horizontalAssessmentForm .field.email,
.horizontalAssessmentForm .field.phone
{
    width: 230px;
}

.horizontalAssessmentForm .field.city .caption,
.horizontalAssessmentForm .field.state .caption,
.horizontalAssessmentForm .field.firstName .caption,
.horizontalAssessmentForm .field.lastName .caption,
.horizontalAssessmentForm .field.email .caption,
.horizontalAssessmentForm .field.phone .caption
{
    width: 50px;
}

.horizontalAssessmentForm .field.firstName input,
.horizontalAssessmentForm .field.lastName input,
.horizontalAssessmentForm .field.email input
{
    width: 160px;
}

.horizontalAssessmentForm .field.firstName .error,
.horizontalAssessmentForm .field.lastName .error,
.horizontalAssessmentForm .field.email .error,
.horizontalAssessmentForm .field.phone .error
{
    padding-left: 55px;
    _padding-left: 58px;		/* IE6 */
}

.horizontalAssessmentForm .field.state select
{
    width: 135px;
}

.horizontalAssessmentForm .field.zip
{
    margin-right: 0px;
    width: 90px;
}

.horizontalAssessmentForm .field.zip .caption
{
    width: 30px;
}

.horizontalAssessmentForm .field.zip input
{
    width: 44px;
}

.horizontalAssessmentForm .field.source
{
    clear: left;
    width: 462px;
    margin-bottom: 10px;
}

.horizontalAssessmentForm .field.source .caption
{
    width: 231px;
}

.horizontalAssessmentForm .field.source select
{
    width: 175px;
}

.horizontalAssessmentForm .field.source .error
{
    margin-left: 236px;
}

.horizontalAssessmentForm .field.lookingForJob, .horizontalAssessmentForm .field.senior-guide
{
    clear: left;
    width: 100%;
    text-align: left;
    margin: 5px 0 10px 52px;
}

.horizontalAssessmentForm #trustInfo
{
    padding: 0 30px;
    width: 535px;
    margin-top: 5px;
    border: none;
}


/*****************************/
/* PPC Width Horizontal Form */
/*****************************/

.horizontalAssessmentForm.ppcWidth
{
    width: 535px;
}

.horizontalAssessmentForm.ppcWidth .top
{
    height: 35px;
    background: url(horizontal-ppc-width-top.png) no-repeat top left;
    _background-image: url(horizontal-ppc-width-top.gif);			/* IE6 */
    padding: 22px 17px 0 8px;		/* 10px added except bottom */
}

.horizontalAssessmentForm.ppcWidth .content
{
    background: url(horizontal-ppc-width-middle.png) repeat-y top left;
    _background: url(horizontal-ppc-width-middle.gif) repeat-y top left;
    min-height: 136px;
    _height: 142px;		/* min-height */
    padding: 5px 27px 0 18px;		/* 10px added all around */
}

.horizontalAssessmentForm.ppcWidth .bottom
{
    height: 49px;
    background: url(horizontal-ppc-width-bottom.png) no-repeat bottom left;
    _background-image: url(horizontal-ppc-width-bottom.gif);		/* IE6 */
    padding: 0 27px 27px 18px;		/* 10px added except top */
    _margin-top: -1px;		/* IE6 */
}


/**************************************/
/* Main Content Width Horizontal Form */
/**************************************/

.horizontalAssessmentForm.contentWidth
{
    width: 594px;
}

.horizontalAssessmentForm.contentWidth .top
{
    height: 23px;
    background: url(horizontal-content-width-top.jpg) no-repeat top left;
    padding: 37px 17px 0 8px;		/* 10px added except bottom */
}

.horizontalAssessmentForm.contentWidth .content
{
    color: #fff;
    background: url(horizontal-content-width-middle.jpg) repeat-y top left;
    min-height: 136px;
    _height: 136px;		/* min-height */
    padding: 20px 57px 0 48px;		/* 10px added all around */
}

.horizontalAssessmentForm.contentWidth .bottom
{	
    height: 51px;
    background: url(horizontal-content-width-bottom.jpg) no-repeat bottom left;
    padding: 0 27px 25px 18px;		/* 10px added except top */
    _margin-top: -1px;		/* IE6 */
}


/*****************/
/* Vertical Form */
/*****************/

.verticalAssessmentForm
{
    width: 319px;
}

.verticalAssessmentForm .top
{
    background: url(vertical-top.jpg) no-repeat left top;
    height: 61px;
    padding: 35px 35px 0 17px;
}

.verticalAssessmentForm .content
{
    color: #fff;
    background: url(vertical-content.jpg) repeat-y left top;
    padding: 5px 35px 1px 17px;
}

.verticalAssessmentForm .bottom
{
    height: 46px;
    padding: 10px 35px 24px 17px;
    background: #fff url(vertical-bottom.jpg) no-repeat left top;
    _margin-top: -1px;		/* IE6 */
}

.verticalAssessmentForm .heading
{
    text-align: center;
    color: #FFDA47;
    margin: 0 0;
}

.verticalAssessmentForm .desiredLocation.highlightBox
{
    background: url(vertical-desired-location-box.jpg) no-repeat left top;
    margin-top: -4px;
}

.verticalAssessmentForm .desiredLocation.highlightBox
{
    padding: 9px 0;
}

.verticalAssessmentForm .desiredLocation.highlightBox .line
{
    border: none;
}

.verticalAssessmentForm .desiredLocation.highlightBox .error
{
    padding-top: 9px;
}

.verticalAssessmentForm .field
{
    padding-bottom: 8px;
    _padding-bottom: 7px;		/* IE6 */
    margin-bottom: 0;
}

.verticalAssessmentForm .field .caption
{
    width: 70px;
    margin-right: 8px;
}

.verticalAssessmentForm .field.city input,
.verticalAssessmentForm .field.firstName input,
.verticalAssessmentForm .field.lastName input,
.verticalAssessmentForm .field.email input
{
    width: 165px;
}

.verticalAssessmentForm .field.state select,
.verticalAssessmentForm .field.source select
{
    width: 169px;
}

.verticalAssessmentForm .field.zip
{
    padding-bottom: 0;
}

.verticalAssessmentForm .field.zip input
{
    width: 82px;
}

.verticalAssessmentForm .field.phone input#phone_areacode,
.verticalAssessmentForm .field.phone input#phone_prefix
{
    width: 36px;
}

.verticalAssessmentForm .field.phone input#phone_suffix
{
    width: 49px;
}


.verticalAssessmentForm .field.source select
{
    margin-top: 15px;
}

.verticalAssessmentForm .error
{
    margin: 3px 0 0 0;
    padding-left: 78px;
    _padding-left: 81px;		/* IE6 */
    text-align: left;
}

.verticalAssessmentForm #trustInfo
{
    padding: 10px 15px;
    border: none;
    width: 269px;
    margin: 0 1px;
}

.verticalAssessmentForm #trustPrivacy
{
    width: 160px;
}

.family-intro
{
    font-style: italic; 
    font-size: 1.2em; 
    padding-right: 10px;
    margin-left: 130px;
    color: #FFFFFF;
}

#familyPropertyList
{
    margin-top: 10px;
    margin-left: 120px;
    color: #FFFFFF;
}

.family-property-image
{
    height: 41px; 
    margin-left: 10px;
    margin-right: 5px;
    float: left; 
    text-align:right;
}

.family-property-information
{
    font-style: italic; 
    line-height: 41px;  
    vertical-align: middle;   
    padding-bottom: 2px;
}

#thatsNotMe
{
    font-style:italic; 
    color: #CBACE4; 
    font-size: .55em;  
    text-decoration: underline; 
    cursor: pointer;
}

#familyAdvisorImage 
{
    float: left;
}


/* Google map control styles (used in /assess/location) */

.googleMap .debugSelectedLocation
{
    width: 100%;
    margin-bottom: 5px;
    font-family: Arial;
    font-size: 8pt;
}

.googleMap .debugSelectedLocation .latLng
{
    float: right;
    width: 150px;
    text-align: right;
}

.googleMap .mapCanvas
{
     width: 100%;
     cursor: pointer;
     border: 1px solid #c0c0c0;
}

.googleMap .mapCanvas .mapMessage
{
    position: relative;
    top: 50%;
    width: 40%;
    margin: 0 auto;
    padding: 5px;
    font-size: 9pt;
    text-align: center;
}

.googleMap .jumpToLocation
{
    margin-top: 10px;
}

.googleMap .jumpToLocation input
{
    width: 300px;
}