﻿bomw
/* Global 
-----------------------------------------------------------*/
hr      { margin: 20px 0; background-color: #EFEFEF; color: #EFEFEF;  }
img     { border: 0; }
form    { display: inline; }

/* Fonts: 
-----------------------------------------------------------*/
.amount-due     { font-size: 24px; font-weight: bold; }
.past-due       { color: #FF0000; }
.pending-cancel { color: #FF0000; }
.current        { color: Green; }
.cancelled      { color: #FF0000; }

/* Table overrides
-----------------------------------------------------------*/
td.label      { font-weight: bold; 
                color: #333;
                text-align: left;
                }

/* Input fields
-----------------------------------------------------------*/
input[type=text], input[type=password], select, textarea  
{
    padding: 4px 10px; 
    margin: 2px 0; 
    border: solid 1px #ccc; 
    color: #666; 
    font-size: 11px;
}

input.fname         { width: 90px; }
input.lname         { width: 90px; }
input.fullName      { width: 190px; }
input.ck_fullName   { width: 160px; }
input.ck_accountnum { width: 160px; }
input.ck_routingnum { width: 160px; }
input.ck_bankname   { width: 160px; }
input.email         { width: 220px; }
input.password      { width: 100px; }
input.policy        { width: 100px; }
input.premium       { width: 50px; }
input.address       { width: 190px; }
input.city          { width: 75px; }
input.state         { width: 38px; }
input.zip           { width: 60px; }
input.date          { width: 60px; }
input.long          { width: px; }
input.expmonth      { width: 15px; }
input.expyear       { width: 25px; }
input.creditcard    { width: 140px; }
input.phone         { width: 100px; }
input.nickname      { width: 190px }
input.accountnum    { width: 180px }
input.cvv           { width: 40px; }
input.password      { width: 140px; }

textarea.comments   { width: 400px; height: 150px; }

/* Positioning: 
-----------------------------------------------------------*/
.full           { width: 100%; }
.center         { text-align: center; }
.left           { text-align: left; }
.right          { text-align: right; }
.top            { vertical-align: top; }
.bottom         { vertical-align: bottom; }
.middle         { vertical-align: middle; }
.strong         { font-weight: bold; }
.hidden         { display: none; }
.rounded        { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
.invisible      { height:0; width:0; border:0; margin:0; }

.wrapper        { overflow: hidden; }
.float-left     { float: left; }
.float-right    { float: right; }
.clear-all      { clear: both; height: 0px; margin:0; padding: 0; }
.clear-left     { clear: left; }
.clear-right    { clear: right; }


/* Core.css overrides */
.normal-p p   { line-height: normal; }

/* User Agreement
-----------------------------------------------------------*/
.user-agreement     { height: 300px; overflow: scroll; padding: 10px; border: solid 1px #EFEFEF; margin: 15px 0; }

/* Messages
-----------------------------------------------------------*/
.message-body           { padding: 20px 8px; margin: 10px 0; border: solid 2px LightSteelBlue; }
.temp                   { display: none; }

/* Boxes
-----------------------------------------------------------*/
.box                    { padding: 8px; margin: 0 0 14px 0; border: solid 1px #ddd; }
.message-box-info       { padding: 15px; margin: 0 0 14px 0; border: solid 1px #ddd; background: #EFEFEF; }
.message-box-info p     { padding: 0px; margin: 0; }
.message-box-error      { padding: 8px; margin: 10px 0; border: solid 1px #dd1500; color: #dd1500; }
.message-box-error ul   { margin: 0 15px; }
.message-box-error li   { color: #dd1500; font-weight: normal; }
.message-box-error h3   { margin: 6px 0; text-transform: none; color: #dd1500;}
.message-box-error p    { color: #dd1500; margin: 4px 0; }


/* Home Page
-----------------------------------------------------------*/

/** homepage header **/
div#homepage-header {
    margin-bottom:8px;
    }

div#homepage-header .left{ 
    float:left; 
    width:421px; 
    height:195px; 
    background:transparent url('img/designimages/HomepageBannerLeft.png') 0 0 no-repeat;
    padding:0px;
    margin:0px;
}

div#homepage-header .right{ 
    padding:0px;
    margin:0px;
    width:529px;
    float:right;
}

div#homepage-header .header-text 
{
    padding:10px 15px;
	width:386px;	
}
    
div#homepage-header h2 
{
    font-size:19px;
    letter-spacing:0px;
	color:#fff;
	font-weight:bold;
	padding: 15px 0 10px 0;
	line-height: 0.8em;
	margin-bottom:5px;
}


div#homepage-header p {
	color:#fff;
	font-weight:normal;
	padding-bottom: 0;
	margin: 0;
	font-size:12px;
}

/** BecomeAnAgent Page **/
div#formSection fieldset p label {	
	width:250px;
}

div#formSection hr{       
    margin-top:0px;     
    float:none;
}

div#formSection h3{
    padding-top:8px;    
    margin-bottom:4px;
}

div#formSection td{
    border:none;
    padding:0px;
}

div#formSection th{
    background:none;
    color:#333333;
    font-weight:bold;
    border:none;
}

div#formSection .mainTable{
    width:100%; 
    margin:0px;
}

div#formSection .mainTable tr{    
    text-align:left;
}

div#formSection .mainTable th{
    width:200px;
    text-align:left;
}

div#formSection .mainTable td{
    width:500px;
    text-align:left;
}

div#formSection input[type=text]{
    width:200px;
}

/** Search box */
div.search-box                      { background:url(../../img/search-box-bg.gif) no-repeat; width: 241px; height: 25px; }
div.search-box input[type=text]     { border: none; background: transparent; width: 200px; padding:1px; margin: 4px 9px; }

#home-left-box    {
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    padding: 20px; 
    margin: 0 0 14px 0; 
    border: solid 1px #ddd;
    background: #FFF;
    width: 30%;
    padding: 20px;
    float:left;
    height: 170px;
}

#home-right-box    {
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    padding: 20px; 
    margin: 0 0 14px 0; 
    border: solid 1px #ddd;
    background: #FFF;
    width: 60%;
    padding: 20px;
    float:right;
    height: 170px;
}
#home-right-box ul { margin-bottom: 10px; }

#home-right-box #homepage-login  {
    width:260px; 
    float:left;
    margin-top:6px;
    padding-right:30px; 
    border-right: 1px dotted gray;   
}

#home-right-box #homepage-login-or    {
    float:left;     
    width:40px; 
    height:30px; 
    padding-top:5px; 
    position:relative; 
    top:54px; 
    left:-14px; 
    font-size:large; 
    background-color:white
}

#home-right-box #homepage-expressAccess    {
    float:left;     
    width:235px; 
    height:80px;
    text-align:left; 
}

/* Content pages with image on the left side
-----------------------------------------------------------*/
#content-wrapper    {    
    margin: 0 0 14px 0; 
    border: solid 1px #ddd;
    background: white;    
    padding: 0px;    
    font-size:13px;   
}

#content-left-box    {   
    margin: 0;        
    padding: 0;      
    border:0;    
    background-color:#e8ebf0;
    width:240px;
    float:left;
    height:100%;
    overflow:hidden;
}

#content-right-box     {   
    margin: 0;       
    padding: 20px;  
    width:70%;
    background: #FFF;
    float:right;
}


/* Policy Detail
-----------------------------------------------------------*/
.agency-info    { padding: 10px; font-size: 11px; }
.contact-info   { padding: 10px; font-size: 11px; }

/* Temporary Message
-----------------------------------------------------------*/
.confirmation-message   { background: #fffba7 ; 
                          border: solid 1px #999; 
                          -moz-border-radius: 10px; 
                          -webkit-border-radius: 10px; 
                          overflow: hidden; }



/* Account
-----------------------------------------------------------*/
#account-menu ul               { list-style: none; margin: 0; padding: 0 }
#account-menu ul li            {
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
    background: #EEEFFF url(/Content/img/icons/icon-arrow.png) no-repeat 200px 10px;
    border: solid 1px LightSteelBlue; 
    margin: 4px 0; 
    padding: 8px; 
    }
#account-menu ul li:hover      { background-color: #FFF; color: LightSteelBlue; }
#account-menu ul li a          { text-decoration: none; font-weight: normal; color: SteelBlue; font-size: 11px; font-weight: bold; }

/* Validation
-----------------------------------------------------------*/
.field-validation-error             { color: #dd1500; }
.field-validation-valid             { display: none; }
.input-validation-error             { border: 1px solid #dd1500 !important;}
.validation-summary-errors
{
    font-weight: normal;
    color: #dd1500;
    font-size: 1em;
    border: 1px solid #FF513F;
    background-color: #FCFDF0;
    margin: 10px 0px;
    padding: 10px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
.validation-summary-errors ul {
    margin: 0px 0px 0px 20px;    
}
.validation-summary-errors span     { display:block; margin: 0 0 10px 0; font-size: 14px; font-weight: bold; }
.validation-summary-valid           { display: none; }


/* Payment Confirmation Page
-----------------------------------------------------------*/
#paymentConfirmationTable
{
    font-size: 1.2em;
    width:400px; 
    margin-top:20px; 
    margin-left:20px
    }

/* Printer Friendly
-----------------------------------------------------------*/
.print
{
    display: none;
    }

/* Become agent
-----------------------------------------------------------*/