@charset "UTF-8";

/*/////
forms.css
Mutual of Omaha Insurance Company
Corporate Site - mutualofomaha.com
/////*/



/*///// form elements /////*/
/* input, select, etc fields */
input, select, textarea { border:2px solid #d5d5d5; padding:4px 4px; font-size:12px; color:#777; }
input.focus, select.focus, textarea.focus { border-color:#b5b5b5; color:#333; }

input.no-border { border:0 solid #d5d5d5; }

.zip-attached { float:left; width:50px; border-right-width:0px; margin-top:2px; padding:6px 4px 5px 4px; color:#444; }

/* form error */
p.error { color:#C42828; }
span.error { color:#B73831; }
small span { color:#B73831; }

form td.disabled { background:url("/images/layout/loading.gif") 75% 45% no-repeat; }
.sidebar form td.disabled { background:url("/images/layout/loading.gif") 77% 45% no-repeat; }
.sidebar form td.no-loader.disabled { background:none; }
form td.show-state.disabled { background:url("/images/layout/loading.gif") 75% 45% no-repeat; }
form td.contactform.disabled { background:url("/images/layout/loading.gif") 40% 45% no-repeat; }
form td.success { background:url("/images/layout/valid.png") 75% 45% no-repeat; }
form span.success { float:left; margin:10px 0 0 10px; font-size:12px; color:#268924; }
form span.error { float:left; margin:10px 0 0 10px; font-size:12px; color:#C42828; }
.qtip-wrapper .qtipError { padding:7px 10px; line-height:15px; background-color:#FCF7DF; border:1px solid #EDC827; }
.qtip-wrapper .qtipError-btm { height:6px; margin-top:-1px; background:transparent url('/images/qtip/qtip-arrow.png') center 0 no-repeat; }

/* form tables */
#content .main .content-copy .form-centered-table { width:650px; margin-top:5px; }
#content .main .content-copy .form-centered-table small { font-size:12px; font-weight:normal; }
#content .main .content-copy .form-centered-table th { padding:7px 10px; font-size:12px; line-height:15px; font-weight:bold; background:transparent url('/images/layout/table-header-contact.jpg') repeat-x; }
#content .main .content-copy .form-centered-table td { padding:10px; }
#content .main .content-copy .form-centered-table th, #content .main .content-copy .form-centered-table td { vertical-align:middle; border:1px #E7E7E7 solid; }

/* landing index */
#landing .banner-action-box form td { padding:4px; }
#landing .banner-action-box input.email { width:214px; }
#landing .banner-action-box input.name { width:98px; }
#landing .banner-action-box select.age { float:left; width:75px; }
#landing .banner-action-box small.optional { float:left; margin:10px 0 0 5px; color:#888; }
#landing .banner-action-box input.error, #landing .banner-action-box textarea.error { background-color:#FCF7DF; border-color:#EDC827; }
#landing .banner-action-box span.success { float:left; margin-top:3px; }
#landing .banner-action-box span.success.error { margin-top:12px; color:#C42828; }
#landing .banner-action-box td.disabled { background:url("/images/layout/loading.gif") 48% 50% no-repeat; }

/* Moo index */
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm { width:330px; margin:0 0 3px 10px; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm td { padding:2px; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm input.btn { }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm input.email { width:256px; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm input.name { width:120px; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm select.age { float:left; width:75px; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm small.optional { float:left; margin:8px 0 0 5px; color:#888; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm input.error, #homepage #extras #xxx #xxx-tab-content #lifeBalanceForm textarea.error { background-color:#FCF7DF; border-color:#EDC827; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm span.success { float:left; margin-top:8px; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm span.success.error { margin-top:12px; color:#C42828; }
#homepage #extras #xxx #xxx-tab-content #lifeBalanceForm td.disabled { background:url("/images/layout/loading.gif") 80% 50% no-repeat; }

/* Main Form Content */
#content .main .content-copy form small { padding-bottom:5px; color:#888; font-size:12px; font-weight:normal; }
#content .main .content-copy form .footer p { color:#888; font-size:12px; }
#content .main .content-copy form td { margin:0; padding:5px; }
#content .main .content-copy label { display:block; margin:0 0 4px 0; font-size:14px; line-height:18px; }
#content .main .content-copy form .msg { color:#333; font-size:11px; }
#content .main .content-copy label span { padding-right:2px; color:#B73831; }
#content .main .content-copy input, #content .main .content-copy select { }
#content .main .content-copy label.left { float:left; padding:0 15px 0 4px; }
#content .main input.left { float:left; }
#content .main .content-copy select { padding:3px 3px; }
#content .main .content-copy #State, #content .main .content-copy #post_state { padding:3px 3px; width:145px; }
#content .main .content-copy input.text, #content .sidebar .content-copy textarea { width:200px; }
#content .main .content-copy input.name { width:200px; }
#content .main .content-copy input.zip { width:45px; }
#content .main .content-copy input.month, #content .main .content-copy input.day { width:25px; }
#content .main .content-copy input.phone3{ width:30px; }
#content .main .content-copy input.phone4, #content .main .content-copy input.year { width:40px; }
#content .main .content-copy select.time { width:55px; }
#content .main .content-copy input.focus, #content .main .content-copy select.focus, #content .main .content-copy textarea.focus { border-color:#b5b5b5; color:#333; }
#content .main .content-copy input.error, #content .main .content-copy textarea.error { background-color:#FCF7DF; border-color:#EDC827; }
#content .main .content-copy select.error { border-color:#EDC827; }
#content .main .content-copy input.reset { padding:8px 0 0 0; color:#2389DD; background-color:transparent; border:none; cursor:pointer; }
#content .main .content-copy input.reset:hover { border-bottom:1px solid #2389DD; }
#content .main .content-copy form tr { }
#content .main .content-copy form tr.tall { }
#content .main .content-copy form td.required { width:12px; }
#content .main .content-copy textarea { resize:none; width:425px; height:75px; }

#content .main .content-copy input.valid, 
#content .main .content-copy select.valid, #content .main .content-copy textarea.valid { color:#333;/*border:2px solid #6DB848;*/ }
#content .main .content-copy input.invalid, 
#content .main .content-copy select.invalid, #content .main .content-copy textarea.invalid { border:2px solid #edc827; }

/* Sidebar Form Content */
#content .sidebar form td { padding:0 0 5px 10px; }
#content .sidebar form label { display:block; font-size:12px; padding:3px 0; }
#content .sidebar form input.username, #content .sidebar form input.password { display:block; margin:0; padding:4px 4px; font-size:12px; color:#777; border:2px solid #d5d5d5; }
#content form #register { float:left; margin:0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:.02em; border:0px dashed #333; }
#content form #login-assist { display:block; clear:both; padding:0 0 13px 15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:.02em; border:0px dashed #333; }

#content .sidebar .toggle li .tab-content form { overflow:hidden; margin:0; background:transparent url('/images/layout/cta/cta-top-shadow.gif') top left repeat-x; background-color:#FFF; border:0px dashed #333;}
#content .sidebar .toggle li .tab-content form li { padding:7px 0 7px 10px; }
#content .sidebar .toggle li .tab-content form td { border:none; padding:0; }
#content .sidebar .toggle li .tab-content form span { padding-left:3px; }
#content .sidebar .toggle li .tab-content form p { padding:8px 0 0 10px; font-size:14px; color:#676767; }
#content .sidebar .toggle li .tab-content form p span { padding-right:3px; font-size:13px; color:#B73831; }
#content .sidebar .toggle li .tab-content form span.form-state { padding-left:6px; color:#47772F; }
#content .sidebar .toggle li .tab-content label, #content .sidebar .toggle li .tab-content input, #content .sidebar .toggle li .tab-content textarea, #content .sidebar .toggle li .tab-content select { }
#content .sidebar .toggle li .tab-content input, #content .sidebar .toggle li .tab-content textarea, #content .sidebar .toggle li .tab-content select { margin:5px 0 0 6px; }
#content .sidebar .toggle li .tab-content #contactForm label, #content .sidebar .toggle li .tab-content #contactForm input, #content .sidebar .toggle li .tab-content #contactForm textarea, #content .sidebar .toggle li .tab-content #contactForm select { margin:0; }
#content .sidebar .toggle li .tab-content #contactForm input.btn { margin-top:10px; }
#content .sidebar .toggle li .tab-content input.form-submit { display:block; width:100px; height:34px; margin:10px 0 0 0; }
#content .sidebar .toggle li .tab-content #contactForm input.view-rates-submit { display:block; width:100px; height:34px; margin:10px 0 0 0; }
#content .sidebar .toggle li .tab-content #contactForm .notSelected { color:#999; }
#content .sidebar .toggle li .tab-content label { font-size:13px; line-height:18px; }
#content .sidebar .toggle li .tab-content label span { color:#B73831; }

#content .sidebar .toggle li .tab-content input.text, #content .sidebar .toggle li .tab-content input.name, #content .sidebar .toggle li .tab-content input.zip,
#content .sidebar .toggle li .tab-content input.phone3, #content .sidebar .toggle li .tab-content input.phone4,
#content .sidebar .toggle li .tab-content select, #content .sidebar .toggle li .tab-content textarea { border:2px solid #d5d5d5; padding:4px 4px; font-size:12px; color:#777; }
#content .sidebar .toggle li .tab-content select { padding:3px 3px; width:140px; }
#content .sidebar .toggle li .tab-content input.text, #content .sidebar .toggle li .tab-content textarea { width:200px; }
#content .sidebar .toggle li .tab-content input.name { width:87px; }
#content .sidebar .toggle li .tab-content input.zip { width:40px; }
#content .sidebar .toggle li .tab-content input.phone3 { width:30px; }
#content .sidebar .toggle li .tab-content input.phone4 { width:40px; }
#content .sidebar .toggle li .tab-content select.time { width:55px; }
#content .sidebar .toggle li .tab-content input.focus, #content .sidebar .toggle li .tab-content select.focus, #content .sidebar .toggle li .tab-content textarea.focus { border-color:#b5b5b5; color:#333; }
#content .sidebar .toggle li .tab-content input.error, #content .sidebar .toggle li .tab-content textarea.error, #indAccess .error { background-color:#FCF7DF; border-color:#EDC827; }
#content .sidebar .toggle li .tab-content form tr { height:34px; }
#content .sidebar .toggle li .tab-content form tr.tall { height:54px; }
#content .sidebar .toggle li .tab-content form td.required { width:12px; }
#content .sidebar .toggle li .tab-content label.left { padding-right:15px; }
#content .sidebar .toggle li .tab-content textarea { resize:none; }

#content .sidebar .toggle li .tab-content input.valid, 
#content .sidebar .toggle li .tab-content select.valid, #content .sidebar .toggle li .tab-content textarea.valid { color:#333;/*border:2px solid #6DB848;*/ }
#content .sidebar .toggle li .tab-content input.invalid, 
#content .sidebar .toggle li .tab-content select.invalid, #content .sidebar .toggle li .tab-content textarea.invalid { border:2px solid #edc827; }

#content .sidebar #sales-career { margin-top:10px; }
#content .sidebar #sales-career td { margin:0; padding:0 0 5px 0; }
#content .sidebar #sales-career-zip { float:left; width:45px; padding:5px 4px; margin:2px 0 6px 0; font-size:13px; color:#777; background-color:#FFF; border-top:2px solid #dddddd; border-bottom:2px solid #dddddd; border-left:2px solid #dddddd; border-right:0px solid #dddddd; }
#content .sidebar #sales-career-zip.focus { color:#333; }


/* Form Specific Content */
#productList label { display: inline; }

#content .main #investment-chart td { padding:3px; color:#333; }

/* -- Forms and Service-- */
#service-policyholder { padding:30px 0 20px 20px; }
#content .main #service-policyholder table { padding:0; margin:0; }
#content .main #service-policyholder td { padding:0; margin:0; }
#content .main #service-policyholder td.remember-me { padding:0 0 0 60px; }
#service-policyholder p { padding:0 0 20px 0; }
#content .main #service-policyholder h3 { float:left; padding:3px 0 0 0; color:#02213E; font-size:22px; line-height:25px; }
#service-policyholder label { line-height:14px; font-size:12px; }
#service-policyholder select, #service-policyholder select { float:left; margin:0 15px; }
#service-policyholder select { margin-top:3px; }
#citystate input, #citystate select, #agent_search select, #agent_search input { margin:5px 0; display:block; }