/* version 087  */

/* ========================================================== 
CSS sheet located at KemperDesign/CSS_KemperStyle
========================================================== */

/* ================== CSS reset ================== */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockqauote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins
,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea,button{font-family:Calibri, Arial, Helvetica, sans-serif;}

/* ================== default formatting ================== */
body{font:normal 12px/1 Calibri, Arial, Helvetica, sans-serif; color:#5f5c5c;}

/* ================== typography formatting ================== */
h1{font-size:30px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:13px}
h5{font-size:16px}
h6{font-size:15px;margin:0 0 1em 0}
p{font-size:15px; margin:1em 0;line-height:1.5em;color:#5f5c5c}
li{margin-bottom:10px; font-size:15px;}
ul{list-style:disc outside}
ol{list-style:decimal outside}
sub{font-size:10px;line-height:1em;vertical-align:bottom}
sup{font-size:0.6em;line-height:1em;}

/* ================== List ================== */
dl,menu,ol,ul{margin: 1em 0;}
dd{margin: 0 0 0 40px;}
menu,ol,ul{padding: 0 0 0 40px;}
nav ul,nav ol{list-style: none;list-style-image: none;}

/* ================== link formatting ================== */
a{text-decoration:none;color:#c8541a}
/* Changed text-decoration from none to underline */
a:hover{text-decoration:underline;cursor:pointer}

/* ================== other formatting ================== */
.clear{clear:both}
.textReplace{position:absolute;left:-9999px}
.floatLeft{float:left !important}
.floatRight{float:right !important}
.noFloat{float:none !important}
.center{text-align:center !important}
.noBorder{border:none !important}
.superScript{font-size:6px;line-height:0;letter-spacing:-0.3em;vertical-align:super}
.nobr{white-space:nowrap}
.hide{display:none}
.show{display:block}
.authoringTools {position:absolute; top:20px;right:0px}
.authoringTools a {padding:6px 12px 7px 12px; margin-left:6px;color:#333333; background:transparent; display:inline-block; font-size:13px; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;margin-bottom:12px;text-decoration:none;border:1px solid #D0D0D0;}
.authoringTools a:hover {background:#FAFAFA;}
.upper{text-transform:uppercase !important}
.inline{display:inline !important}

.error{color:red;font-weight:700;margin-bottom:0px}
.error ul{margin:0;padding:0;list-style-type:none}
label.error{color:red}
.loading{padding-left:30px;padding-top:12px;clear:both;}
.errorMessage ul,.errorMessage p{background:#FEE; padding:20px; border:1px solid #FCC; border-radius:4px; font-size: 16px;color:red;}

/* ================== global ================== */
.btn, .button{position:relative;padding:2px 6px 4px 6px;color:#fbfbfb;background:#C54C00;float:left;display:block;font-size:13px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.btn:hover, .button:hover{background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y 0 0 #FBFBFB}
button.btn, button.button{border:none;margin:0;line-height:18px}
a.button {padding:6px 12px 7px 12px; display:inline; float:none;text-decoration:none;} 
a.button:hover {color:#fbfbfb; background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y 0 0 #f6b214}
button.marginLeft, .btn.marginLeft {margin-left:5px;}

/* ================== start build ================== */
.container{width:960px;margin:0 auto;position:relative}

/* ================== drop down form ================== */
#dropForm{background:url("https://www.kemper.com/wps/wcm/connect/b2134192-f71d-466b-af51-d361e6651073/bg-dropform.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=b2134192-f71d-466b-af51-d361e6651073") repeat-x 0 0;overflow:hidden;position:relative;z-index:22;min-width:986px;height:0}
#dropForm .pad{padding:20px;overflow:hidden}
#loginDescription{width:400px;overflow:auto;float:left}
#dropForm h4{font-size:18px;color:#5c5a5b;margin-bottom:.2em;letter-spacing:-0.05em}
#dropForm p{font-size:13px;color:#555;font-weight:bold}
#loginForm{width:520px;overflow:auto;float:left}
#loginForm fieldset{width:178px;float:left}
.fieldMain{height:30px;line-height:30px;display:block;color:#c75517;font-size:1.5em;font-weight:bold}
.fieldMain_subLabel{font-size:8px;font-weight:normal}
.dropField{display:block;padding:7px;border:1px solid #8b8d8e;margin:5px 0}
.fieldSub{font-weight:normal;font-size:.9em;color:#555}
#loginForm p{font-weight:normal;font-size:.9em}
.linkSub{display:block;margin-left:20px;margin-top:5px;color:#363636;text-decoration:none}
.linkSub:hover{color:#636363;text-decoration:underline}
#dropBtns{float:left;width:100px;margin-top:30px}
#dropBtns .btn{background:#C54C00;padding:7px 14px}
#dropBtns .btn:hover{background:#f6b214}
.btnDropSign{border:none;display:block;float:left;width:82px;height:42px}

/* ================== header ================== */
header{background:url("https://www.kemper.com/wps/wcm/connect/b72b837e-798d-443d-a96f-bdf9712f99f2/sprite-x.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=b72b837e-798d-443d-a96f-bdf9712f99f2") repeat-x 0 0;z-index:99;position:relative}
header .container{background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat scroll -10px -416px transparent}
header .logo{display:block;width:210px;height:52px;padding:23px 0 0 11px}
.headertext{bottom: 92px;left: 348px;position: absolute; width: auto; font-size:17px;color:#808285;font-family: Vista Sans,Calibri,Arial,Helvetica,sans-serif;}
#utility{height:auto;width:auto;padding:8px;background:transparent url("https://www.kemper.com/wps/wcm/connect/b72b837e-798d-443d-a96f-bdf9712f99f2/sprite-x.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=b72b837e-798d-443d-a96f-bdf9712f99f2") repeat-x 0 -400px;position:absolute;right:0;top:0;border:1px solid #dcdcdc;border-bottom:1px solid #cdcdcd;border-top:none;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-moz-box-shadow:0 1px 1px #dcdcdc;-webkit-box-shadow:0 1px 1px #dcdcdc;box-shadow:0 1px 1px #dcdcdc}
#utility .dropDownBtn{color:#C8541A; font-size:13px; font-weight:bold; margin:0 12px 0 5px; padding-right:16px; position:relative; display:inline;float:none;}
#utility #utility-links a {padding-right: 6px;padding-left:6px;border-left:2px solid #AFABA8}
#utility #utility-links a:first-child {border:none;}
#utility a{font-size:12px;text-decoration:none}
/* Syntax - removed extra semi-colon after font-size */
.phone{position:absolute;bottom:78px;right:6px;font-size:17px;color:#808285;letter-spacing:-.05em;text-align:right;width:350px}
/* Added font-weight and font-size */
.phone span{padding-left:6px;font-weight:bold;font-size:21px;}
.affiliateTitle{text-align: right;font-size: 20px;position: absolute;right: 6px;bottom: 98px;color: rgb(200, 84, 26);}


/* ================== main nav ================== */
#mainNav{margin:27px 0 0 10px;height:53px;position:relative;z-index:999}
#mainNav ul{margin:0;padding:0;height:51px;white-space:nowrap}
#mainNav ul li{float:left;margin:0;position:relative;padding-right:5px;}
#mainNav ul li>a{display:block;height:51px;width:142px;float:left;line-height:50px;padding:0;font-size:15px;font-weight:bold;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
#mainNav ul li>a span{display:block;height:44px;float:none !important;line-height:50px;padding:0;text-align:center;}
#mainNav ul li > a:hover, #mainNav ul li:hover > a, #mainNav ul li.active > a:hover, #mainNav ul li.active:hover > a, #mainNav:hover ul li.active:hover > a { /* Hovering over tab or dropdown */
     background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y #f6b213;
     text-decoration:none;
     color:white;
}
#mainNav ul li.active > a { /* Active tab */
    background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y #f6b213;
    color:#fbfbfb;
}
.navDropDown{background:#f2f2f2;color:#5f5c5c;border:1px solid #c9c9c9;border-top:1px solid #eadbc3;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-moz-box-shadow:0 1px 1px #dcdcdc;-webkit-box-shadow:0 1px 1px #dcdcdc;box-shadow:0 1px 1px #dcdcdc;position:absolute;left:-9999px;top:51px}
.navDropDown a{color:#5f5c5c;font-size:14px;line-height:18px}
.navDropDown a:hover{color:#cb5d26; text-decoration:none;}
#mainNav ul li:hover .navDropDown{
    left:0;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 0;
    color: #5F5C5C;
    background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") no-repeat #f6b213;
    padding-top:5px;
    box-shadow:0px 10px 10px 2px rgba(0, 0, 0, 0.2);
    z-index:99;
    border-bottom:5px solid #666;
}
.navColumnContainer {
    float:left;
    width:240px;
    height:230px;
    background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y -2490px 0 #ffffff;
}

.navColumnContainer.first {
    background-image: none;
}

.wptheme_ie7 .navColumnContainer.first .navColumn {
    border-left:1px solid gainsboro;
}

.wptheme_ie7 .navColumnContainer.last .navColumn {
    border-right:1px solid gainsboro;
}

.navColumnContainer.ad {
    float:left;
    width:250px;
    height:230px;
    background-color:#ffffff;
    overflow:hidden;
}

.navColumnContainer .navColumn {
    height:230px;
    width:auto;
    float:none !important;
    overflow:hidden;
    position:relative;
}

.navColumn span.vertical-shadow {
    background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y -2490px 0 transparent;
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:5px;
    height:250px;
}

.navDropDown div {float:left}
 /*  Dropdown menu containers */
.navDropDown.width-1-column{display:inline;float:left;position:absolute;margin:0; width:180px; border-left:none;} /* If it has only one colum, it is slightly bigger*/
.navDropDown.width-2-column{width:280px; border-left:none;}
.navDropDown.width-3-column{width:420px; border-left:none;}
.navDropDown.width-4-column{width:560px; border-left:none;}
.navDropDown.width-5-column{width:700px; border-left:none;}
.navDropDown.width-6-column{width:840px; border-left:none;}
.navDropDown.width-7-column{width:980px; border-left:none;}
/*  Columns inside the dropdown menu containers */
.navColumn {width:140px;float:left;}
.navDropDown.width-1-column .navColumn {width:100%;padding-bottom: 20px;} /* If the dropdown menu only has one column, the width of the column is 100% */
.navDropDown div:first-child{border:none;}
.navDropDown div dl{ padding:30px 20px 0;margin:0;height:auto !important;height:220px;border-left:1px solid #D9D9D9;}
.navDropDown div:first-child dl {border:none;}
.navDropDown dd {margin:0;}
.navDropDown div dl dt{text-align:left;padding-bottom:0px;font-weight:bold;color:#afafaf;}
.navDropDown .foot{border-top:2px solid #d9d9d9;padding:20px;clear:left;width:auto;color:#5f5c5c;font-style:italic;font-size:16px;text-align:right; width:100%;}
/* .wptheme_ie7 #mainNav ul li>a:hover .navDropDown {
   behavior:url("https://www.kemper.com/wps/wcm/connect/8b2397e3-1373-4bf5-83e0-fe34421cdc0c/PIE.htc?MOD=AJPERES&CONVERT_TO=url&CACHEID=8b2397e3-1373-4bf5-83e0-fe34421cdc0c"); april25Change } */

#searchBox{position:absolute;bottom:14px;right:0;z-index:9999}
#search{border:1px solid #c7c7c7;height:24px;width:160px;-moz-border-radius:24px;-webkit-border-radius:24px;border-radius:24px;padding:0 10px 0 25px;background:#fff url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -113px -311px}
#search{color:#999999; margin-bottom:0; font-weight:bold;}/**b2b2b2**/

/* =============== search results ================== */
.search-intro .btn-search-form{vertical-align:top;margin-top:2px;margin-left:15px;padding:2px;}


/* ================== form elements ================== */
input[type="text"],textarea {
    border: 1px solid #B5BCC7;
    border-radius: 5px;
    box-shadow: 0 0 2px #CDCDCD;
    color: #5F5C5C;
    padding: 0px 6px 3px;
    padding: 3px 6px 0px \9;
    font-size: 16px;
    font-family: Calibri, Arial, Helvetica, sans-serif;;
    min-height: 1.5em;
    margin-bottom: 10px;
}
input[type="checkbox"] {
    width: 16px;
    height: 16px;
    padding: 0 5px 0 0;
    border:none !important;
    vertical-align:middle;
}
button {
    border: 0;
    width: auto;
    padding: 6px 13px 7px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: Calibri, Arial, Helvetica, sans-serif;;
    vertical-align: bottom;
    border-radius: 4px;
    box-shadow: 2px 2px 5px gainsboro;
    background:#C54C00;
    color:#fff;
}
.ie7 button {
    padding-top:4px;-weight:bold
}
button:hover {
    cursor: pointer;
    background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") 0 0 repeat-y #f6b213 ;
}
.label {
    font-size: 15px;
    font-weight: bold;
    color: #5F5C5C;
    padding-bottom: 2px;
    display: block;
}

/* ================== section ================== */
.wpthemeFrame{background:#f3f3f3}
.wpthemeMainContent.container{background:url("https://www.kemper.com/wps/wcm/connect/2679a44e-3db7-4423-bf9a-5ef7ef12f8e3/bg-section-new.jpg?MOD=AJPERES&CONVERT_TO=url&CACHEID=2679a44e-3db7-4423-bf9a-5ef7ef12f8e3") no-repeat center -230px;min-height:653px;height:auto !important;height:653px;padding-bottom: 60px;} /* Changed "section" for ".wpthemeMainContent" */
#home{z-index:9}
/* Removed commented out #hero/#heroRotator references */
#homeCallouts{margin-top:-14px;padding:44px 0 0 10px;overflow:hidden;float:left;width:100%}
.calloutWrap{padding:12px 110px 0 16px;position:relative;height:100%;}
.callout{position:relative;width:282px;height:165px;float:left;display:block;margin:0 52px 44px 0;background:#ffffff url(https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9) no-repeat -9px -599px;-moz-box-shadow:-3px 3px 6px #cdcdcd;-webkit-box-shadow:-3px 3px 6px #cdcdcd;box-shadow:-3px 3px 6px #cdcdcd}
.callout-3{margin-right:0}
.calloutHeadline{color:#6f665d;font-size:20px}
.calloutCopy p{margin:0;color:#6f665d;line-height:1.2em}
.calloutCopy{padding:10px 0 0 0;height:112px;position:relative}
.botPos{position:absolute;bottom:25px;right:105px}
.callout a {text-decoration:none;}
.callout .corner{position:absolute;width:30px;height:34px;bottom:0px;left:-9px;background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -8px -16px}
.calloutImg{position:absolute;top:0;right:0;height: 165px;max-width: 100px;overflow: hidden;position: absolute;right: 0;top: 0;}
.shadow{height:260px;width:72px;display:block;position:absolute;right:0px;top:-44px;background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -645px -582px}
.calloutImg .custom{margin-right:-12px}
.calloutLink {display:block;height:100%;}
.calloutLink:hover {background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -336px -598px}
#mainContent .callout .btn{float:right; background-color:#5F5C5C; padding:6px 12px; font-size:13px; line-height:1em;}
#mainContent .calloutLink:hover .btn{background-color:#404040}

/*------- normal and overriden callouts (homepage ads) -------*/
.callout .btn, .callout  .button{color:#fbfbfb;background:#5f5c5c;display:block;padding:6px 12px;}
.callout .btn:hover, .callout .button:hover{background:#404040}
.callout:hover .btn, .callout:hover .button{background:#404040}
#homeCallouts .callout.Normal .contentOverride {display:none;}
#homeCallouts .callout.Override .calloutWrap {padding:0 0 11px;}
#homeCallouts .callout.Override .contentOverride {display:block;overflow:hidden;max-height:100%;}
#homeCallouts .callout.Override .calloutHeadline, #homeCallouts .callout.Override .calloutCopy, #homeCallouts .callout.Override .botPos, #homeCallouts .callout.Override .calloutImg {display:none;}



/* ================== inside ================== */
/* Base22 Note:  Review these as some of them might not be used any more, in particular the sideNav declarations */
.layoutColumn .wpthemeControl { margin: 0 }
#layout2col .container,#layout3col .container,#layout2col-blog .container{padding-bottom:60px}
#breadCrumb{visibility:hidden; list-style:none; padding:25px 20px 20px; margin:0 0 25px 0;}
#breadCrumb li{float:left;height:26px;line-height:26px;padding-left:26px;background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -50px -351px;font-size:16px;}
#breadCrumb li.hidden, #breadCrumb li.Hidden {display:none;}
#breadCrumb li, #breadCrumb li a{text-decoration:none;color:#726f6f;font-size: 13px;color: #726F6F;text-transform: uppercase;text-shadow: rgba(255, 255, 255, .8) 0 1px 0;text-rendering: optimizelegibility;}
#breadCrumb li.home{padding-left:0;background:none;}
#breadCrumb li.hidden, #breadCrumb li.Hidden {display:none;}
#sideNav ul, #sideNav li{list-style: none;margin:0;padding:0}
#sideNav{position:relative;float:left;width:165px;margin:0 12px 0 13px;min-height:500px;height:auto !important;height:500px;background:url("https://www.kemper.com/wps/wcm/connect/da714b4c-78fa-46bb-9fab-65a148713541/bg-leftnav.png?MOD=AJPERES&CACHEID=da714b4c-78fa-46bb-9fab-65a148713541") repeat-y 0 0;-moz-box-shadow:0 3px 6px #cdcdcd;-webkit-box-shadow:0 3px 6px #cdcdcd;box-shadow:0 3px 6px #cdcdcd}
#sideNav .shadow{background:url("https://www.kemper.com/wps/wcm/connect/49758688-ad63-4c91-9b84-baad8b36da5e/bg-leftnav-shadow.png?MOD=AJPERES&CACHEID=49758688-ad63-4c91-9b84-baad8b36da5e") no-repeat 0 0;display:block;width:190px;height:19px;position:absolute;top:0;left:-13px}
#sideNav h3{margin:22px 17px 30px 17px}
#sideNav h3 a{color:#fff;font-size:17px}
#sideNav ul{margin:30px 17px}
#sideNav ul li{position:relative;margin-bottom:10px}
#sideNav ul li a{display:block;color:#fff;font-size:16px}
#sideNav ul li a:hover{color:#eee}
#sideNav .activeArrow span{width:22px;height:23px;display:block;background:url("https://www.kemper.com/wps/wcm/connect/55dbb8c2-5296-4594-8ac8-09142c49d9a2/leftnav-active.png?MOD=AJPERES&CACHEID=55dbb8c2-5296-4594-8ac8-09142c49d9a2") no-repeat 0 0;position:absolute;top:-2px;left:-25px;text-indent:-9999px}
#sideNav .activeArrow a{font-weight:bold;padding-left:7px}
/* Add overflow:hidden / change main content width / remove left padding */
#mainContent{overflow:hidden;width:auto}
#home #mainContent {margin-top:25px}
/* change main content width */
#layout1col #mainContent{width:auto;}
#layout2col #mainContent{width:auto;}
#layout3col #mainContent{float:left;width:475px}
/* change secondary content width */
#layout1col #secondaryContent{display:none}
#layout1col #siteNavigation {display:none;}
#layout2col #secondaryContent{display:none}
#layout3col #secondaryContent{float:left;width:250px;padding-left:20px;}
#secondaryContent{float:right;width:250px;}

#noSiteNav-2col #siteNavigation {display:none;}
#noSiteNav-2col #mainContent{width:690px;float:left}
#noSiteNav-2col .container {padding-left:10px;}
#noSiteNav-2col #secondaryContent{float:left;width:250px;padding-left:20px;}

/* change main content width */
#layout2col-blog #mainContent{padding-left:20px;width:auto}
#layout2col-blog #secondaryContent{width:280px}
#secondaryContent .callout{margin:0 18px 24px 18px;background:#fff;-moz-box-shadow:0 3px 6px #cdcdcd;-webkit-box-shadow:0 3px 6px #cdcdcd;box-shadow:0 3px 6px #cdcdcd;position:relative}
#secondaryContent .callout .shadow{background:url("https://www.kemper.com/wps/wcm/connect/3bfdcb18-aae7-4e51-bb4e-b6710cb8f6b8/bg-rightnav-shadow.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=3bfdcb18-aae7-4e51-bb4e-b6710cb8f6b8") no-repeat 0 0;display:block;width:280px;height:19px;position:absolute;top:0;left:-18px}
#secondaryContent .callout{padding:25px}
#secondaryContent .callout h3{color:#c8541a;font-size:1.5em;margin-bottom:.75em}
#secondaryContent .floatImg img{float:left;padding:6px 10px 0 0}
#secondaryContent .floatImg p{margin:0 0 0 44px}
#secondaryContent .callout p{font-size:12px}
#secondaryContent .callout .btnCenter{text-align:center;margin:10px 0;overflow:hidden}
#secondaryContent .callout .btnCenter .middle{margin:0 6px}
#secondaryContent .callout .btnCenter .btn{display:inline-block;float:none}
#secondaryContent .callout .btn{background:#c54c00;padding:5px 12px 6px 12px;font-size:16px}
#secondaryContent .callout .btn:hover{background:#f6b214}
.catList dd a{font-size:16px;color:#5f5c5c;line-height:1.3em}
.catList dd a:hover{color:#c54c00}
#mainContent h1, .mainContent h1{color:#3F3F3F;margin-bottom:22px}
#mainContent h2, .mainContent h2{color:#0080b2;font-size:20px;margin-bottom:12px}
/* #mainContent .btn{background:#A7A9AC;padding:2px 14px;font-size:13px;margin-right:10px;}
#mainContent .btn:hover{background:#808285} */
#mainContent .floatLeftImage{float:left;margin:0 20px 10px -20px}

/* ================== blog ================== */
.entry{margin:22px 0;border-bottom:2px solid #bab8b8;color:#5d5a5a}
.rating{float:right}
.rating span.ratingLabel{float:left;display:block;margin:0 5px 0 0;line-height:1em}
.ratingWrap{width:80px;height:14px;display:block;float:left;position:relative;background:url("https://www.kemper.com/wps/wcm/connect/c46971c4-55a1-4bfb-a0c5-02208041b10c/rating-stars.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=c46971c4-55a1-4bfb-a0c5-02208041b10c") no-repeat 0 0}
.ratings{background:url("https://www.kemper.com/wps/wcm/connect/c46971c4-55a1-4bfb-a0c5-02208041b10c/rating-stars.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=c46971c4-55a1-4bfb-a0c5-02208041b10c") no-repeat 0 -14px;position:absolute;top:0;left:0}
.rating-0{width:0}
.rating-0_5{width:10%}
.rating-1{width:20%}
.rating-1_5{width:30%}
.rating-2{width:40%}
.rating-2_5{width:50%}
.rating-3{width:60%}
.rating-3_5{width:70%}
.rating-4{width:80%}
.rating-4_5{width:90%}
.rating-5{width:100%}
.entry h2{color:#00558b;font-size:30px;margin-bottom:6px}
.entry .articleWrap{margin:22px 0;position:relative;width:100%}
.roundedImage{position:absolute;top:0;left:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.roundedImage .corner{bottom:-8px}
.entry .article{margin:0 0 0 145px}
.entry .article p{margin:0 0 1.5em 0}
.entry a{color:#00558b}
.entry.full .roundedImage{position:relative;float:left;margin:0 20px 20px 0}
.entry.full .article{margin:0 0 0 0}
.entry .addthis_toolbox{width:145px;float:left;margin-top:3px}
.entry.full .addthis_toolbox{float:none;margin:0}


/* ================== Log In Pod ================== */
/* Review these as some of them might not be used any more */
#widget-login{float:right;padding:40px 0;font-size:16px;width:100%;margin-right:0;opacity:0}
#widget-login h3{cursor:pointer;position:relative;margin-top:1px;margin-bottom:-1px;zoom:1;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-top-left-radius:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;background:url("https://www.kemper.com/wps/wcm/connect/d0fcf108-2a43-4a51-a9e3-0aa227f7f894/dijitAccordionTitle-bg.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=d0fcf108-2a43-4a51-a9e3-0aa227f7f894");border:1px solid #BFBFBF;color:#5F5C5C;font-weight:bold;font-size:1em;line-height:1.3;padding:0}
#widget-login h3 a{display:block;font-size:1em;padding:.5em .5em .5em 2em;color:#5F5C5C}
#widget-login h3 .arrow{position:absolute;left:.65em;top:50%;margin-top:-8px;background:url("https://www.kemper.com/wps/wcm/connect/dcef0c86-be21-4ca4-a5b5-d7ce4bf86858/widget-accordion-arrow.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=dcef0c86-be21-4ca4-a5b5-d7ce4bf86858") no-repeat 0 -16px;width:16px;height:16px;display:block}
.widget-login-content{display:block;height:220px;background:url("https://www.kemper.com/wps/wcm/connect/aa401d7c-fe3d-42af-8d60-edecc26c8c0c/bg-diagonal-lines.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=aa401d7c-fe3d-42af-8d60-edecc26c8c0c");border:1px solid #cacaca;border-top:1px solid #df5a32;border-bottom:1px solid #df5a32;padding:10px 16px 0 16px;margin:0px;position:relative;top:1px;zoom:1;-moz-border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}
#widget-login form{padding:0 14px}
#widget-login form input{font-size:16px}
#widget-login form p{margin:0;clear:both}
#widget-login form fieldset{margin-bottom:5px}
#widget-login form label{font-weight:bold;display:block;height:20px;line-height:20px;color:#5F5C5C}

/* ================== accordion and Log In Pod ================== */
/* Base22 Note:  Review these as some of them might not be used any more */
#widget-quotehelp{float:right;width:100%;margin-right:0;opacity:0}
#widget-quotehelp{-moz-box-shadow:2px 2px 5px #dcdcdc;-webkit-box-shadow:2px 2px 5px #dcdcdc;box-shadow:2px 2px 5px #dcdcdc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:0;width:275px;height:340px;overflow:hidden;background:#dddddd}
#home #widget-quotehelp{margin:23px 14px 0 0}
#widget-quotehelp .dijitAccordionContainer-child[style]{height:200px !important/* fix FF bug of calculating shorter height */}
#widget-quotehelp form,#widget-login form{padding:0 14px}
#widget-quotehelp form p,#loginPad form p{margin:0;clear:both}
#widget-quotehelp form fieldset,#loginPad form fieldset{margin-bottom:5px}
#widget-quotehelp form label,#loginPad form label{font-weight:bold;display:block;height:20px;line-height:20px;font-size:16px;color:#5F5C5C}
.inputField{width:94%;padding:2px 2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 2px #cdcdcd;-webkit-box-shadow:0 0 2px #cdcdcd;box-shadow:0 0 2px #cdcdcd;border:1px solid #c2c1bf;color:#5F5C5C}
.forgotInfo{display:block;float:right;font-size:10px;font-style:italic;text-decoration:none;padding-right:6px;height:14px;margin-top:3px}
fieldset.checkbox{position:relative}
fieldset.checkbox input{position:absolute;top:0;left:0}
fieldset.checkbox label{margin:0;font-weight:normal !important;font-size:14px;display:inline !important}
#widget-quotehelp .btnCenter,#widget-login .btnCenter{text-align:center;margin:10px 0;overflow:hidden}
#widget-quotehelp .btnCenter .middle{margin:0 6px}
#widget-quotehelp .btn,#widget-login .btn{display:inline-block;float:none;font-size:18px;font-weight:normal;padding:4px;background:#c54c00}
#widget-quotehelp .btn:hover,#widget-login .btnhover{background:#f6b214}
button.btn.noLabel{margin-top:20px}
#widget-quotehelp .text{font-size:12px;font-style:italic;line-height:16px;display:block;margin-bottom:5px;color:#5F5C5C}
#widget-quotehelp .text a{text-decoration:none}
.lastName,.getQuoteZip{float:left;width:96px;height:46px}
.lastName{margin-right:12px}
.birthdate{float:left;width:130px}
#btn3{float:left}
.zip3,.state{width:74px;float:left}
.select3{width:100px;float:left}
#widget-quotehelp .select3 label{font-size:12px}
.street,.city,.state{float:left}
.street,.city{width:50%}
.divider{font-size:12px;font-style:italic;font-weight:bold;padding-bottom:5px}
.pod3{margin-top:20px;width:40px}

/* ================== FAQ content ================== */
.faqGroup{margin:0 0 20px 0;opacity:0;display:none}

/* ================== footer ================== */
footer{background:#dadadb url("https://www.kemper.com/wps/wcm/connect/b72b837e-798d-443d-a96f-bdf9712f99f2/sprite-x.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=b72b837e-798d-443d-a96f-bdf9712f99f2") repeat-x 0 -2456px;zoom:1;position:absolute;width:100%;}
/* change height from 544 to 400 */
footer .container{background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -10px -1105px;min-height:400px;height:auto !important;height:400px;zoom:1;}
footer ul{margin:0;padding:0;list-style:none;}
footer #copyright {min-height:20px;border-top:1px solid #A7A9AC;}
footer #copyright ul {min-height:20px;border-top:1px solid #F0F0F0;padding-top:20px}
#social{height:39px}
.followUs{padding-top:9px;height:22px;line-height:22px}
.followUs strong{font-weight:normal;color:#6f665d;float:left}
.followUs a{float:left;height:23px;width:23px;margin-left:4px;background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat 0 0}
.followUs a span{position:absolute;left:-9999px}
.followUs .facebook{background-position: -160px -28px;margin-left:10px;}
.followUs .twitter{background-position:-188px -28px}
.followUs .rss{background-position:-217px -28px}
.followUs .blog{background-position:-245px -28px}
.socialPlugin{position:absolute;right:290px;top:10px}
/* removing "width:250px;" */
.chat{background:#fff;height:41px;position:absolute;right:0;top:-4px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-moz-box-shadow:-1px -2px 4px #cdcdcd;-webkit-box-shadow:-2px -2px 4px #cdcdcd;box-shadow:-1px -2px 4px #cdcdcd}
.chat:hover{background:#f5f5f5}
.chat .btn{padding:6px 12px;margin:8px 0 0 14px;font-size:13px; background:#5f5c5c;}
.chatButton {display: block;float: left;font-size: 13px;padding: 9px 0 6px 32px;position: relative;}
.chat:hover .btn{background:#404040}
/* Changing right margin from 0 to 30 */

.chat .logokc{float:left;width:104px;height:26px;margin:8px 30px 0 19px;background:url("https://www.kemper.com/wps/wcm/connect/ad75f5fc-753f-4a3a-875e-5f28e1dd4860/Black+K+93+x+24+transparent.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=ad75f5fc-753f-4a3a-875e-5f28e1dd4860") no-repeat scroll transparent}

.chat .logo{float:left;width:104px;height:26px;margin:8px 30px 0 19px;background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat scroll -61px -155px transparent}

.chat .logokc span{position:absolute;left:-9999px}

.chat .logo span{position:absolute;left:-9999px}
/*#siteMap{margin:37px 54px 20px 68px;overflow:hidden}*/
#siteMap{overflow:hidden;margin-top:20px;}
#siteMap > div{float:left;margin-right:10px;width: 150px;}
#siteMap dl dt{font-weight:bold;color:#5f5c5c;font-size:15px;border-bottom:1px solid #f0f0f0}
#siteMap dl dt strong{display:block;padding-bottom:3px;border-bottom:1px solid #a7a9ac}
#siteMap dl dd{margin:12px 0 20px 0}
#siteMap li{margin:.3em 0}
#siteMap a{color:#00558b;font-size:13px}
#siteMap a:hover{color:#6184af}
/* Syntax - Changed semi-colon after font-size to colon */
#copyright{font-size:1em;color:black}
#copyright ul li{float:left;padding:0 10px;font-size: 1em;}

/* ================== feedback tab ================== */
#feedback-tab { z-index:999; width: 40px; height: 100px; background: url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -55px -15px; position: fixed;
bottom: 20%; right: 0;
}
#feedback-tab:hover {background-position:-60px -15px;}
#feedbackFormForm input, #feedbackFormForm textarea{font-family: Calibri, Arial, Helvetica, sans-serif;font-size: 16px;
}

/* ================== blog posts ================== */
#mainContent.blog-post .image-wrapper{
    width: 300px;
    height: 200px;
    overflow: hidden;
}
#disqus_thread .no-comments-message {
    border-top: 2px solid #C0C0C0;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 25px;
    padding-top: 20px;
}

/* ================== search results ================== */
#searchResults {
    margin-top:30px;
    border-left:1px dotted rgb(22,87,136);
}
#searchResults ul{
    list-style:none;
    padding:15px;
}
#searchResults li {
    width:400px;
    margin:0;
    padding:10px 15px 15px 15px;
    border-bottom: 1px dotted rgb(22,87,136);
}
#searchResultsNavigation{
    height: 32px;
    margin-bottom: 20px;
}
.searchNavigator{
    display: block;
    float: left;
    background: url("https://www.kemper.com/wps/wcm/connect/963d040f-3b7f-4ddc-bcb7-7c82ac9f7598/search-background.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=963d040f-3b7f-4ddc-bcb7-7c82ac9f7598") no-repeat 0 0;
    height: 30px;
    margin-left: 5px;
    padding-top: 5px;
    text-align: center;
    width: 28px;
}

/* ================== kemper sidebar widgets ================== */
.widget, .widget.small {
    background: url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y white -1689px 0;
    border: none;
    padding: 0;
    width:238px;
    margin-left: 10px;
    box-shadow: -3px 3px 6px #dcdcdc;
    border-radius: 5px;
    border:1px solid gainsboro;
    margin-bottom: 4px;
}
/* Syntax - removed extra semi-colon after padding */
.widget .title {
    padding: 10px 10px 10px 21px;
    background: url("https://www.kemper.com/wps/wcm/connect/b72b837e-798d-443d-a96f-bdf9712f99f2/sprite-x.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=b72b837e-798d-443d-a96f-bdf9712f99f2") repeat-x 0 -503px #E5E5E5;
    border-bottom: 1px solid #C8C8C8;
}
.widget .title.clickable:hover {
    cursor:pointer;
    cursor:hand;
}
.widget .title .smallLabel {
    margin-bottom:.5em;
}
.widget .title:first-child {
    border-radius:5px 5px 0 0;
}
.widget .pane {
    padding: 15px 20px;
    border-top: 1px solid #DA5834;
    border-bottom: 1px solid #DA5834;
    zoom:1; /* Solves IE7 padding-margin issue */
}
.widget hr {
    border: 0;
    height: 0;
    border-top: 1px solid gainsboro;
    margin-bottom:20px;
}
.widget .label {
    font-size: 15px;
    font-weight: bold;
    color: #5F5C5C;
    padding-bottom: 2px;
    display: block;
}
.widget .smallLabel {
    font-size: 13px;
    line-height:1em;
    margin-top:0;
}
/* Widget Buttons */
.widget .btn, #mainContent .widget .btn  {
    background: #f6b214;
    padding: 0;
    margin-right: 0;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
    width: auto;
    float:none;
    box-shadow:2px 2px 5px gainsboro;
}
.widget .btn:hover, #mainContent .widget .btn:hover {
    background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y 0 0 #f6b214;
    cursor:pointer;
    cursor:hand;
}
/* Syntax - removed extra semi-colon after padding */
.widget .btn a, #mainContent .widget .btn a, #xWidgetCarousel .btn a {
    display:block;
    padding: 8px 13px 10px;
    font-size: 16px;
    color:#CA4009;
    text-align:center;
}
.widget .btn a:hover, #mainContent .widget .btn a:hover, #xWidgetCarousel .btn a:hover  {
    text-decoration:none;
    color:#fbfbfb;
}
.btn.yellow, #mainContent .widget .btn.yellow {
    background:#f6b214;
}
.btn.yellow:hover, #mainContent .widget .btn.yellow:hover {
    background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y 0 0 #f6b214;
    color:#fbfbfb;
}
.btn.red, #mainContent .widget .btn.red {
    background:#c54c00;
}
.btn.red:hover, #mainContent .widget .btn.red:hover {
    background:url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y 0 0 #f6b214;
    color:#fbfbfb;
}
.btn.red a, #mainContent .widget .btn.red a  {
    color:#fbfbfb;
}

.btn.red a:hover, #mainContent .widget .btn.red a:hover  {
    color:#fbfbfb;
}


/* Buttons with Small Font */
.widget .btn.smallFont a, #mainContent .widget .btn.smallFont a, .widget.big .btn.smallFont a, #mainContent .widget.big .btn.smallFont a, .c-homePage #mainContent .widget .btn.smallFont a, .c-homePage .widget .btn.smallFont a  {
    padding-top: 8px;
    padding-bottom: 10px;
    font-size: 14px;
}
/* Buttons with Medium Font */
.widget .btn.mediumFont a, #mainContent .widget .btn.mediumFont a, .widget.big .btn.mediumFont a, #mainContent .widget.big .btn.mediumFont a, .c-homePage #mainContent .widget .btn.mediumFont a, .c-homePage .widget .btn.mediumFont a  {
    padding-top: 8px;
    padding-bottom: 10px;
    font-size: 16px;
} 
/* Big Widgets. Used in site home pages */
.widget.big, .c-homePage .widget { 
width: 280px;
margin-left:28px;
}
.widget.big .btn, #mainContent .widget.big .btn, .c-homePage #mainContent .widget .btn {
font-size: 18px;
font-weight: bold;
width: 212px;
}
.widget.big .btn a, #mainContent .widget.big .btn a, .c-homePage #mainContent .widget .btn a {
    padding: 14px 13px;
    font-size: 18px;
}

/* Removed commented out references to Kemper.com customer button styles */

/* Widget Form Elements */
.widget input[type="text"] {
    border: 1px solid #B5BCC7;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px #CDCDCD;
    color: #5F5C5C;
    padding: 0px 6px 3px;
    padding: 3px 6px 0px\9; /* IE8 and below */
    font-size: 16px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
    min-height:1.5em;
    margin-bottom:10px;
}
.widget select {
    font-size: 16px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
    border:1px solid gainsboro;
    margin-bottom:16px;
    padding:1px;
}
.widget input[type="button"].btn, #mainContent .widget input[type="button"].btn {
    border:0;
    width:auto;
    padding:6px 13px 7px;
    *padding :5px 8px 5px; /* IE7 and below */
    margin-bottom:10px;
    *margin-bottom :11px; /* IE7 and below */
    font-size:14px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
    vertical-align:bottom;
}

.widget fieldset {
    display:inline;
}

/* ========================================================== 
    Section Landing Pages
========================================================== */

.landingPageGrid td {
    vertical-align:top;
}
.landingPageGrid ul {
    list-style:none;
    padding-left:0px;
}
.landingPageGrid li {
    border-bottom:1px solid #efefef;
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
    padding-bottom:6px;
}

/* ========================================================== 
    Portlets
========================================================== */

/* override IBM styles */
.wpthemeOverflowAuto{overflow:hidden}
.wptheme_ie7 .wpthemeControlBody{display:inline} /* This makes the Site Nav display complete in Portlet Pages in IE7, even if the Portal Page Layout cell width is set to something smaller than it needs .*/


/* Style overrides for jquery UI icons (optional) */
span.ui-icon {background-color: transparent;border: none;float: left;margin-right: 6px;margin-top: 2px;}
.ui-icon {height: 14px;width: 14px;}
.ui-icon-plus {background-position: -17px -130px;}
.ui-icon-minus {background-position: -49px -130px;}

.kemperPortletWrapper .ui-widget input, .kemperPortletWrapper .ui-widget select, .kemperPortletWrapper .ui-widget textarea, .kemperPortletWrapper .ui-widget button {
font-family: Calibri, Arial, Helvetica, sans-serif;
}
.kemperPortletWrapper .ui-widget input[type="text"], .kemperPortletWrapper .ui-widget textarea {
font-size: 16px;
}
.kemperPortletWrapper .content-link{display:inline;}
.kemperPortletWrapper h1 {
    color:#3F3F3F;
    margin-bottom:22px
}
/* Syntax - removed extra semi-colon after color */
.kemperPortletWrapper h2 {
    color: #0080b2;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 22px;
    padding-top: 22px;
    border-top: 4px solid gainsboro;
    font-weight: bold;
}
.kemperPortletWrapper h2.first {
    border-top: none;
}
.kemperPortletWrapper select, .kemperPortletWrapper textarea {
    font-size:16px;
    margin-bottom:10px;
	margin-top: 3px;
}
.kemperPortletWrapper th {
    font-size:14px;
}
.kemperPortletWrapper label {
    padding-top: 1em;
    padding-bottom: 0.5em;
}

/* become an agent */
.becomeAnAgent .baa_thankYou h2{
    color:#656565;
    font-size:22px;
    margin-bottom:12px;
    margin-top:22px;
    padding-top: 22px;
}
.becomeAnAgent .baa_appointment{
    margin-bottom:12px;
}
.becomeAnAgent .baa_otherRater{
    margin-bottom:12px;
}
.becomeAnAgent .baa_appointment div{
    margin-bottom:12px;
}
.becomeAnAgent th {
    padding-top: 1em;
    color: #777;
    min-width: 122px;
    padding-bottom: 0.5em;
}
.becomeAnAgent label {
    padding-top: 0 !important;
}
.becomeAnAgent input[type="text"], .becomeAnAgent select, .becomeAnAgent textarea {
    margin-bottom:20px !important;
}
.baa_personalLinesDpt {
    margin-bottom:20px;
    clear:both;
}
.baa_additionalMarket {
    font-size:14px;
}
.baa_additionalMarket td {
    padding-right:20px;
    padding-bottom:6px;
}
.baa_numberOfOffices {
    width:215px;
    float:left;
}
.baa_numberOfEmployees {
    float:left;
}
.baa_firstName {
    width:215px;
    float:left;
}
.baa_lastName {
    float:left;
}
.baa_jobTitle {
    clear:both;
}
.baa_city {
    width:215px;
    float:left;
}
.baa_state {
    width:175px;
    float:left;
}
.baa_zipCode {
    float:left;
}
.baa_phoneNumber {
    clear:both;
    vertical-align: middle;
}
.baa_whichRaters {
    padding-bottom:10px;
}

.baa_companyPremium td{
     padding-right:10px; 
}

/* get a quote */
.portletQuoting { /* Fixes while new HTML is deployed*/
    font-size: 15px;
}

/* quick pay */
.quickPay .intro {
    font-size:16px;
    display:block;
    padding-bottom:20px;
}
.quickPay td.policyNumber {
    padding-right:10px;
}
.quickPay td.zipCode {
    padding-right:10px;
}

/* find an agency */
.portletFindAgent .ui-accordion .ui-accordion-content {
    padding:0;
}
.portletFindAgent .ui-accordion .ui-accordion-header {
    background: #F6B214;
    font-weight:bold;
}
.portletFindAgent .searchResultsRow1, .portletFindAgent .searchResultsRow2 {
    padding:20px;
}
.portletFindAgent .directionsForm {
    padding-top:10px;
    clear:both;
}
.portletFindAgent .agencyInformation {
    width:67%;
    float:left;
    display: block;
}
.portletFindAgent .agencyContactArea {
    width:33%;
    float:left;
}
.portletFindAgent .agencyName {
    display:block;
    font-weight:bold;
}
.portletFindAgent .agencyAddressLabel {
    display:none;
}
.portletFindAgent .agencyAddressValue {
    display:block;
}
.portletFindAgent .agencyAddressLine2Value {
  display:block;
}
.portletFindAgent .ui-widget-content a {
    color: #C8541A;
}
.portletFindAgent .contactAgencyEmail {
    display:block;
}
.portletFindAgent .aboutAgencyText {
    padding-top:6px;
    clear:both;
}
.portletFindAgent .brandedLogos {
    padding-top:20px;
    padding-bottom:20px;
    padding-right:20px;
    padding-left:0px;
}
.portletFindAgent .getDirectionsLink {
    display: block;
    padding-top: 5px;
    clear: both;
    float: left;
    width: 100%;
}
.portletFindAgent .searchTable {
    width:100%;
}
.portletFindAgent .zipButton {
    margin-left:5px;
}
.findAnAgentLobPicker .description {
    padding-bottom: 20px;
}
.findAnAgentLobPicker h2.first {
    margin-top: -15px;
}
.portletFindAgent .tabContainer {
    margin-top:20px;
}
.portletFindAgent .zipButton .mapBallonFont, .portletFindAgent .zipButton .mapBalloonFont  {
    text-align: left !important;
}
.portletFindAgent .searchResultsRow2, .findRepairShop .searchResultsRow2 .repairShopResultItem {
    background-color:#f7f7f7 !important;
}
.portletFindAgent .searchResultsRow2:hover, .portletFindAgent .searchResultsRow1:hover, .findRepairShop .searchResultsRow2 .repairShopResultItem:hover, .findRepairShop .searchResultsRow1 .repairShopResultItem:hover {
    background-color:#fffdda !important;
}
.portletFindAgent .searchResultsRow1, .portletFindAgent .searchResultsRow1:hover, .portletFindAgent .searchResultsRow2, .portletFindAgent .searchResultsRow2:hover, .findRepairShop .repairShopResultItem, .findRepairShop .repairShopResultItem:hover, .findRepairShop .repairShopResultItem, .findRepairShop .repairShopResultItem:hover {
    padding:10px !important;
}
/* Syntax - removed extra semi-colon after font-family */
.portletFindAgent .tabContainer .ui-accordion-header a  {
    color: #3F3F3F;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
}
.portletFindAgent .ui-widget {
    font-family: Calibri, Arial, Helvetica, sans-serif !important;
}
.portletFindAgent .ui-widget-content {
    border: 1px solid #D0D0D0;
}

.portletFindAgent .ui-widget-header .ui-state-hover, .portletFindAgent .ui-widget-header .ui-state-focus {
    border: 1px solid #D0D0D0;  
}
.portletFindAgent .googleBalloonContent {
    overflow: hidden;
    font-size: 11px;
    text-align: left;
}
.portletFindAgent .googleMapBalloonAddress {
    display: block;
}

/* find a repair shop */
.findRepairShop .repairShopName {
    display: block;
    font-weight: bold;
    font-size: 14px;
}
.findRepairShop .repairCtrResults {
    width:auto !important;
}

.findRepairShop .searchTable {
    width:100%;
}

.findRepairShop .repairShopResultItem {
    line-height:16px;
}
.findRepairShop .repairShopAddress, .findRepairShop .repairShopPhone {
    display:block;
}
.findRepairShop .repairShopGetDirections {
    display:block;
    padding-top:10px;
}
.findRepairShop .repairShopInfo {
    font-size:13px;
}
.findRepairShop .repairCtrResults {
    margin-top:20px;
}
.findRepairShop .repairShopResultsHeader .repairShopResultsTD {
    margin-top: 20px;
    color: #3F3F3F;
    font-size: 16px;
    font-weight:bold;
    padding: .5em .5em .5em 2.2em;
    background:#F6B214 !important;
}
.findRepairShop .repairShopResultsHeader .repairShopResultsTD {
    padding: .5em .5em .5em 1em;
    border-bottom:#D0D0D0;
}
/* Syntax - added colon after -webkit-border-radius */
.findRepairShop .repairCtrResults {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #D0D0D0;
    color: #222;
}
.repairShopGetDirectionsFormDiv {
    margin-top:10px;
    clear:both;
}

/* contact us */
.portletContactKemper .contactCopyEmail {
    margin-top:10px;
    margin-bottom:10px;
}
.portletContactKemper .contactCopyEmail .personalCopy {
    font-size:14px;
    vertical-align:middle;
}
.portletContactKemper .contactLOBPhoneDetails, .portletContactKemper .contactLOBMailDetails {
    font-size:14px;
    line-height:17px;
}
.portletContactKemper .requiredMessage p {
    color: #5F5C5C;
    font-size: 13px;
    font-style: italic;
    line-height: 0.5em;
    margin: 1em 0;
}
.portletContactKemper .contactLOBPhoneDetails td, .portletContactKemper  .contactLOBMailDetails td {
    padding-right:20px;
    padding-bottom:6px;
}
.contact-topic{margin-top:20px;}

/* Customer Login */
.logoList p{margin-bottom:0;margin-top:0;}
.logoList p.lowerBound{margin-bottom:25px;} 
.logoList div{clear:both;height:90px;width:100%;border-bottom:solid 1px #E0E0E0;padding-top:25px;font: 14px/1.0 Calibri, Arial, Helvetica, sans-serif;color: #5F5C5C;}
.logoList div:hover{background-color:#f5f5f5;}
.logoList div:hover button{background:url("https://www.kemper.com/wps/wcm/connect/71bd9041-d6f8-4613-b982-c5fa768c2adb/bg-gold-gradient.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=71bd9041-d6f8-4613-b982-c5fa768c2adb") repeat #f6b214;}
.logoList div:hover button, .logoList div:hover img{cursor:pointer;}
.logoList span{float:left;}
.logoList .small{width:30%;margin-left:20px;color:#C54C00;font-family: Vista Sans,Calibri,Arial,Helvetica,sans-serif;font-size: 20px;font-weight: bold;}
.logoList .kpDiv{height: 160px;}
.logoList .kpDiv1{padding-top: 0px;height: 75px;}
.logoList div.kpDiv{border-bottom:none;}
.logoList .ksDiv{height: 170px;}
.logoList .hscDiv{height: 120px;}
.logoList .kdDiv{height: 120px;}
.logoList .medium{width:52%;font: 14px/1.5 Vista Sans,Calibri,Arial,Helvetica,sans-serif;}
#.logoList .small1{padding-left: 12px;}
.logoList button{margin-top:20px;margin-left:40px;}
.logoList div.last{border-bottom:none; padding-bottom:10px;}
.lowerBound{margin-bottom:45px;}
.secondaryAction{background: none repeat scroll 0 0 #aeaeae;}
#affiliateLogoTable{margin-top: 20px; margin-bottom:40px;}
#affiliateLogoTable tr{vertical-align: baseline;}
#affiliateLogoTable td{width: 33.3%; padding: 8px;}

/* add clear and change margin-top:20 to padding_top:23 */
#colHomeHealth{clear:left;padding-top:23px}
#colHomeHealth div{width:40%;float:left;margin:15px;}
#loginLookup div{float:left;width:29%}
#loginLookup .last{width:16%}
#loginLookup button{margin-top:28px;}
#loginLookup .loginButton{margin-top:32px;}
.customerLogin .label{padding-top:.5em;}

/* Report A Claim */
.portletReportClaim p{line-height:1.25em;}
.claimConfirmation h2.first{margin-top:0;margin-bottom:6px;}
div.claim-filing{float:left;width:60%;}
.claim-filing div{width:100%;}
.claim-filing > h2{margin-top:0;}
.online-claim, .phone-claim{}
div.life-health{float:right;width:30%;}
.separator-text{display:block;margin:10px 0;}
.claim-content{clear:both;padding-top:40px;width:65%;}
.claim-confirmation .row{display:block;padding:2px 0;}
.claim-confirmation .row label{font-weight: bold;padding-right: 6px;font-size: 15px;}
.claim-type{display:block;}
.phone-content span{display:block;font-size:15px;}
.claim-submit{
    background: none repeat scroll 0 0 #C54C00;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 2px 5px gainsboro;
    color: #FFFFFF;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 6px 13px 7px;
    vertical-align: bottom;
    width: auto;
    cursor:pointer;
}

.autoProperty td{padding-right:10px;}
.autoProperty label{padding-top:.5em;}
.phone-span input[type="text"]{margin-bottom:0px;}
.phone-span{margin-bottom:10px;}
.auto-loss-ta{padding-top:8px;}

/* get a quote */
.getQuoteForm div{float:left;width:15%}
.getQuoteForm .last{width:15%}
.getQuoteForm button{margin-top:36px;}

.getQuoteForm2 .getQuoteGroupNameContent{float:left;width:29%}
.getQuoteForm2 .getQuoteZipContent{width:18%}
.getQuoteForm2 .getQuoteInsuranceTypeContent{width:19%}
.getQuoteForm2 .getQuoteButtonContent{margin-top:5px}

/* retrieve a quote */
.retrieveQuoteForm .retrieveQuoteZIPContent{float:left;width:10%}
.retrieveQuoteBirthDateInputs{vertical-align:middle}

/* ========================================================== 
xWidgets
========================================================== */

.xwidgetLoading .loadingIconContainer .loadingIcon{
    background-image: url("https://www.kemper.com/wps/wcm/connect/83d5d148-23e3-4566-a99b-552498224281/loading-orange.gif?MOD=AJPERES&CONVERT_TO=url&CACHEID=83d5d148-23e3-4566-a99b-552498224281");
    height: 31px;
    margin: auto;
    position: relative;
    top: 50%;
    width: 31px;
}   

/* ================== carousel ================== */
#xWidgetCarousel {
    margin-left:-6px;
}

#xWidgetCarousel, .scrollable, .scrollable .items, .scrollable .slide, .scrollable .teaser, .scrollable .title, .scrollable .imgContainer {
    zoom:1;
}

.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 746px;
    height:220px;
    /* custom decorations */
    border:1px solid #eaeaea;
    left:16px;
}
/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    width:50000px;
    position:relative;
    clear:both;
    color:#fafafa;
}
.items div.slide {
    float:left;
    width:680px;
    background-position:bottom right;
    margin:0;
    position: relative;
}
/* single scrollable item */
.scrollable .imgContainer { 
    display:block;
    height:200px;
    width:232px;
    margin-bottom:12px;
    overflow:hidden;
    float:right; 
    position:relative;   
}
.scrollable .slide.cloned img {
    opacity: 1 !important; 
    filter:alpha(opacity:100) !important;
}
.scrollable .items p.teaser {

    color:#efefef;
    font-size:130%;
    line-height:110%;
    padding:0 24px 0 12px;
    letter-spacing: 120%; 
}
.scrollable .items  p.title {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    line-height: 105%;
    margin-top: 0;
    padding: 40px 52px 0 45px;
    text-shadow: 0 1px 0 rgba(90, 90, 90, 0.4);
    min-width:0;
}
.scrollable .items a {
    color:#efefef;
    text-decoration:none;
    font-weight:bold;
}
.scrollable .items a:hover {
    text-decoration:underline;
    color:#fff;
}
/* slides with buttons */
.carouselSlideButtons {
    position:absolute;
    top:280px;
    margin-left:230px;
    text-align:right;
    width:388px;
}
.carouselSlideButtons .btn {
    float:none;
    position:relative;
    background-color:#f6b213;
    margin-right:20px;
    display:inline-block;
}

/* position and dimensions of the navigator */
.navi {
    position:absolute;
    margin:6px;
    /* the position is set by the navposition property in the xCarousel script. default is 'bottom right'.  */  
}
/* items inside navigator */
.navi.navi-under {
    position:relative;
    margin:0 auto;
    width:40%;
    padding-top:20px;
    height:20px;    
    /* the position is set by the navposition property in the xCarousel script. default is 'bottom right'.  */  
}
/* items inside navigator */
.navi.navi-under a {
    width:8px;
    height:12px;
    float:left;
    margin:5px 5px 0 5px;
    display:block;
    font-size:1px;
    background:transparent url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") -300px -167px no-repeat;
}
/* active state (current page state) */
.navi.navi-under a.active {
    width:13px;
    background-position:-309px -167px;
    cursor:default;
}
.scrollable-wrapper #previousBtn, .scrollable-wrapper #nextBtn{
    position:absolute;
    top:160px;
    z-index:50;
    width:27px;
    height:35px;
    cursor:pointer;
}
.scrollable-wrapper #previousBtn, .scrollable-wrapper #nextBtn{
    position:absolute;
    top:160px;
    z-index:50;
    width:27px;
    height:35px;
}
.scrollable-wrapper #previousBtn a, .scrollable-wrapper #nextBtn a{
    width:27px;
    height:35px;
    text-indent:-9999px;
}
.scrollable-wrapper #previousBtn{
    background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -10px -315px;
    left:17px;
}
.scrollable-wrapper #nextBtn{
    background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -60px -315px;
    right:15px;
}
.scrollable-shadow{
    display: block;
    height:16px;
    width:650px; /* Change 004 - Ivan - March 20 */
    background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat -6px -382px;
    position:absolute;
    top:0;
    left:0;
    z-index:50;
}
.xCarousel-under-blue-bg{background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9")  transparent no-repeat -617px 0;}
.xCarousel-under-orange-bg{background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") transparent no-repeat -345px 0;}
.xCarousel-under-blue-bg, .xCarousel-under-orange-bg {
    height: 340px;
    width: 270px;
    display: block;
    position: absolute;
    z-index: 20;
}

/* Ben - Kemper request for option to align images to right */
/* - also add postion:relative; to .items div.slide line 32 */
.scrollable .Right .imgContainer{float:left;}
.scrollable .items .Right p.title { padding: 40px 54px 0 56px; }
.Right .xCarousel-under-blue-bg{background:url(/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9)  transparent no-repeat -1165px 0;}
.Right .xCarousel-under-orange-bg{background:url(/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9) transparent no-repeat  -893px 0;}
.Right .xCarousel-under-blue-bg, .Right .xCarousel-under-orange-bg { right:0px;}

/* ================== siteNav ================== */
#siteMenuContainer {
    margin: 0 37px 0 13px;
    width: 165px;
    float: left;
    zoom:1;
}
#siteMenuContainer .siteNav-shadow{
    display: block;
    height: 16px;
    width: 190px;
    background: url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat scroll -740px -381px;
    position: absolute;
    left: 0;
    z-index: 50;
}
#siteMenu {
    -moz-box-shadow: 0 3px 6px #CDCDCD;
    -webkit-box-shadow: 0 3px 6px #CDCDCD;
    box-shadow: 0 3px 6px #CDCDCD;
    background: url("https://www.kemper.com/wps/wcm/connect/5274b707-13a9-4ffe-ac81-e13957ee6964/sprite-y.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=5274b707-13a9-4ffe-ac81-e13957ee6964") repeat-y scroll -1120px 0 transparent;
    width:auto;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    zoom:1;
}
#siteMenu #siteName {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 37px;
    padding-right: 30px;
    font-size: 17px;
    font-weight: bold;
    background-color: transparent;
    background-repeat:no-repeat;
    height: auto;
    width: auto;
    padding-top:40px;
    padding-bottom: 30px;
}
#siteMenu #siteName a {
    text-decoration: none;
    color:white;
    text-decoration:none;
}
#siteMenu #menuBody {
    background: none repeat scroll 0 0 transparent;
    color: #EEEEEE;
    font-size: 16px;
    line-height: 15px;
}
#siteMenu ul {
    list-style:none;
    padding:0;
    margin:0;
}
#siteMenu ul.secondLevel {
    padding-bottom:30px;
}
#siteMenu ul.firstLevel {
    padding-bottom:30px;
}

#siteMenu a.menuNode {
    display:block;
    text-decoration:none;
    border-width: 0;
    color:#fff;
    padding: 10px 10px 5px 25px;
}
#siteMenu a.menuNode:hover, #siteMenu span.selected a.menuNode:hover {
    text-decoration:none;
    color:#eee;
}
/* Syntax - fixed spelling of hidden */
#siteMenu #menuBody span.menuNodeContainer {
    display:block;
    overflow:hidden;
}
#siteMenu li {
    margin-bottom:0;
    display:inline;
}
#siteMenu li.closed ul {
    display:none;
}
#siteMenu a.twisty {
    display: none;
}
#siteMenu ul.firstLevel a.menuNode, #siteMenu ul.secondLevel a.menuNode {
    padding-left: 20px;
    padding-top: 5px;
}
#siteMenu #menuBody li span.selected {
    background: url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9") no-repeat scroll -60px -263px transparent;
    margin-left: -8px;
    padding-left: 8px;
    min-width:135px;
}
#siteMenu .hidden {
    display:none;
}
#siteMenu span.hidden, #siteMenu span.Hidden {
    display:none !important;
}

/* ================== blog/river of news ================== */
.riverOfNews-container {
    width:631px;
    margin-bottom:12px;
}
.riverOfNews-container .riverOfNews { 
    margin-bottom:0;
    border:0;
}
.riverOfNews .body {
    padding:0px
}
.riverOfNews .title {
    font-size: 1.25em;
    font-weight: bold;
    padding: 15px 10px 10px;
}
.riverOfNews a {
    font-weight: bold;
    text-decoration: none;
}
.riverOfNews .more a, .riverOfNews .more span,  .riverOfNews .moreLoading span {
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    padding: 8px 10px 7px;
    text-transform: uppercase;
    cursor:pointer;
	vertical-align: middle;
}   
.riverOfNews .more, .riverOfNews .moreLoading {
    background-color: #EAEAEA;
    float: left;
	margin-left: 200px;
    height: 38px;
	background-color: #C54C00;
	vertical-align: middle;
	width: 100px;
	text-align: center;
}
.riverOfNews .moreLoading {
    background: url("https://www.kemper.com/wps/wcm/connect/1d3f2ea2-1710-4d12-909a-b2fcb0a0de78/loading.gif?MOD=AJPERES&CONVERT_TO=url&CACHEID=1d3f2ea2-1710-4d12-909a-b2fcb0a0de78") no-repeat 4px 9px #fff;
    padding-left:14px;
}
.riverOfNews .hr {  
    border-bottom: medium none;
    clear: both;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.riverOfNews .end-cap {
    clear: both;
}
.riverOfNews .external {
    background: url(external_link.png) no-repeat right 2px;
    padding-right:12px;
}
.riverOfNews .txtCell {
    display: table;
    top: -4px;
    width: 75%;
}
.riverOfNews .txtCell.searchResult {
    display: table;
    top: -4px;
    width: 100%;
}
.riverOfNews .item-title a{
    color:#0080B2;
}
.riverOfNews .feed-titles {
    margin-right: 22px;
    word-wrap: break-word;
}
.riverOfNews .medium .item-title{
    font-size:1.4em;
}
.riverOfNews .image-wrapper {
    border:0px;
    background:#efefef;
    margin: 0 10px 0 0;
    float:left;
}
.riverOfNews .image-cropper  { /* This is the default height, it is overridden by riverofnews.tpl */
    overflow:hidden;
    position:relative; /* Important to prevent an IE7 bug that causes the  image to flow beyond the boundaries of the container*/
} 
.riverOfNews .image-cropper img {
    border:0px; 
} 
.riverOfNews .showPost {
    display:none;
    color: #999999;
    float:right;
    position:relative;
    margin-top:-10px; 
    margin-right:-10px;
    font-size:18px;
    cursor:pointer;
    padding: 5px 7px;
    background:#eee;
}
.riverOfNews .showPost:hover {
    background-color:#1c83c3;
    color:white
}
.riverOfNews .hide {
    display:none
}
.riverOfNews .load {
    color: #555555;
    cursor: pointer;
    padding: 15px 5px;
    text-align: center;
    text-shadow: 1px 1px #FFFFFF;
    text-transform: uppercase;
}
.riverOfNews .menuItem {
    line-height: 20px;
    padding:10px;
    height:auto;
    overflow:hidden;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
.riverOfNews .menuItem.hover, .riverOfNews  .menuItem:hover  {
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
}
.riverOfNews p {
    margin-top: 0;
}
.riverOfNews .feed-info  a{
    font-weight:normal;
    text-decoration:underline;
    color: #888888;
    font-size: 11px;
    line-height: 15px;}
.riverOfNews a.feed-info  {
    color:#888; font-weight:normal;text-decoration:underline; color: #888888;
    font-size: 11px;font-weight:normal;  line-height: 15px;
}
.riverOfNews .hr, .riverOfNews hr, .riverOfNews-container  .hr, .riverOfNews-container  hr {
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    clear:both;
    border-bottom:none;
}
.menuItem .titleCell {
    width: 90%;
}
.menuItem.open .titleCell, .menuItem.medium .titleCell {
    margin-bottom: 15px;
}

.menuItem.small .image-wrapper {
    display:none;
}
.menuItem.medium .image-wrapper {
    display:block;
}
.menuItem.open .image-wrapper {
    display:block;
}
.menuItem .txtCell p.untruncated-teaser {
    display:none;
}
.menuItem .txtCell p.long-teaser {
    display:none;
    padding-top: 1em;
}
.menuItem.open .txtCell p.teaser {
    display:none;
}
.menuItem.open .txtCell p.untruncated-teaser {
    display:block;
}
.menuItem.open .txtCell p.long-teaser {
    display:block;
}

.image-wrapper {
position: relative;
}
.menuItem.open .overlayImage , .menuItem.medium .overlayImage {
bottom: -8px;
    display: none;
    height: 34px;
    left: -8px;
    position: absolute;
    width: 30px;
    z-index: 50;
background: url("https://www.kemper.com/wps/wcm/connect/20c567cb-bf96-4032-823f-e8faa08974a6/callout-corner.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=20c567cb-bf96-4032-823f-e8faa08974a6") no-repeat 0 0;
}
.rating-info{
width:200px;
float: right;
}
.feed-info{
width:auto;
float: left;
}
.menuItem .sharing-tools {
    width: 100%;
    float: left;
}
.comments-counter {
    float: right;
    display: block;
}
.comments-counter a {
    color: #00558B;
}
.item-border{
    border-bottom: 2px solid #DDD;
}
.icon-wrapper{
    width:32px;
    height:32px;
    float: left;
    padding: 0 5px;
}
/* Syntax - removed extra ")" after background URL reference */
.riverOfNews-container .template-icon{
    background: url("https://www.kemper.com/wps/wcm/connect/413273f0-20a1-483e-8f4b-88efa7aa723a/AT_LandingPage_blue.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=413273f0-20a1-483e-8f4b-88efa7aa723a") no-repeat 0 0;    
    height:32px;
    width:32px;
    display: block;
}
.riverOfNews-container .template-icon.AT_LandingPage{
    background: url("https://www.kemper.com/wps/wcm/connect/413273f0-20a1-483e-8f4b-88efa7aa723a/AT_LandingPage_blue.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=413273f0-20a1-483e-8f4b-88efa7aa723a") no-repeat 0 0; 
    height:32px;
    width:32px;
    display: block;
}
.riverOfNews-container .template-icon.AT_BlogPost{
    background: url("https://www.kemper.com/wps/wcm/connect/9f000ffe-5a60-4d9a-997b-0726f7d6befb/AT_BlogPost_blue.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=9f000ffe-5a60-4d9a-997b-0726f7d6befb") no-repeat 0 0;    
    height:32px;
    width:32px;
    display: block;
}
.riverOfNews-container .template-icon.AT_NavOnly{
    background: url("https://www.kemper.com/wps/wcm/connect/768c5aa2-bad0-4d44-a4c9-c24878727da5/AT_NavOnly_blue.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=768c5aa2-bad0-4d44-a4c9-c24878727da5") no-repeat 0 0; 
    height:32px;
    width:32px;
    display: block;
}
.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
  width: 16px;
  height: 15px;
  display: block;
  background: url("https://www.kemper.com/wps/wcm/connect/89a5aaef-7ef8-42d2-bf37-e984d1b9886b/jquery.ui.stars.gif?MOD=AJPERES&CONVERT_TO=url&CACHEID=89a5aaef-7ef8-42d2-bf37-e984d1b9886b") no-repeat 0 0;
}
.ui-stars-star a {
  background-position: 0 -32px;
}
.ui-stars-star-on a {
  background-position: 0 -48px;
}
.ui-stars-star-hover a {
  background-position: 0 -64px;
}
.ui-stars-cancel-hover a {
  background-position: 0 -16px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}

/* ================== structured story ================== */
#toTop {
    width:100px;
    border:1px solid #ccc;
    background:#f7f7f7;
    text-align:center;
    padding:5px;
    position:fixed; /* this is the magic */
    bottom:10px; /* together with this to put the div at the bottom*/
    right:10px;
    cursor:pointer;
    display:none;
    color:#333;
    font-family:Calibri, Arial, Helvetica, sans-serif;
    font-size:11px;
} 
.tableofContents {
    background-color:#eee;
    margin:10px 0px;
    padding:10px 20px 10px 10px;
    border:1px solid #ccc;
    display:table;
}
h2.twisty {
    border:1px solid grey;
    cursor:pointer;
    padding:5px;
    background-color:#eee;
}
h3.twisty {
    border-bottom:1px solid #DFDFDF;
    cursor:pointer;
    padding:5px;
    color:#5F5C5C; font-size:14px; 
    margin:0; 
}
h3.twisty:hover{
    background-color:#fffbd9;
}

/* ------------- horizontal tabs ----------- */
ul.tabs {
    margin: 10px 0px 0px 0px;
    padding:  0px;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs{position:relative;margin:0;padding:0;float:left;list-style:none;border:0;display:block;width:100%;background:transparent url("https://www.kemper.com/wps/wcm/connect/9a6a4ac1-8ac9-4b76-b5eb-37b97d6148b1/bg-tab.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=9a6a4ac1-8ac9-4b76-b5eb-37b97d6148b1") bottom repeat-x}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 27px;
    line-height: 31px;
    /*border: 1px solid #999;*/
    /*border-right: 1px;*/
    margin-bottom: -1px;
    /*background: #e0e0e0;*/
    overflow: hidden;
    position: relative;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    /*border: 1px solid #fff;*/
    outline: none;
    margin-right:1px;
}
ul.tabs li a:hover {
    background: #DFDFDF;
}   
ul.tabs li.active a,ul.tabs li.active:hover a{
    color: #FFF;
}
ul.tabs li.active a,ul.tabs li.active a:hover{background:#fff url("https://www.kemper.com/wps/wcm/connect/12bbf86d-fdf9-4352-af0c-d8f361cd5c8a/bg-tab-selected.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=12bbf86d-fdf9-4352-af0c-d8f361cd5c8a") top repeat-x;font-weight:bold;color:#FFF}
.tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left; 
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content {
    font-size: 1.2em;
    margin-bottom:10px;
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left; 
    width:100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.tab_content .contentSection {
    padding: 20px;
}
.contentSection .expandAll {
    margin-bottom: 10px;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.8em;
}
.tab_content h3 a{
    color: #254588;
}
.tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
}
/* ------------- vertical tabs ----------- */
/* Container */
.verticalslider {border: 1px solid #666666; overflow: hidden; width: 100%; margin:0; margin-top: 25px;}
/* Tabs */
.verticalslider_tabs {float:left; width:250px; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
.verticalslider_tabs, .verticalslider_tabs li {margin:0px; padding:0px;}
.verticalslider_tabs li {list-style-type:none;}
.verticalslider_tabs a:link, .verticalslider_tabs a:visited {
    display:block;
    width:230px;
    height:30px;
    padding:12px;
    background:#EEE url("https://www.kemper.com/wps/wcm/connect/70ac97f1-234d-41f6-9e59-71896ac864dc/tabHoverBG.jpg?MOD=AJPERES&CONVERT_TO=url&CACHEID=70ac97f1-234d-41f6-9e59-71896ac864dc") bottom repeat-x;
    color: #333;
    border-right:1px solid #666;
    border-top:1px solid #666;
    text-decoration:none;
}
.verticalslider_tabs a:hover, .verticalslider_tabs a:active {background:#FCFCFC url(images/tabHoverBG.jpg) bottom repeat-x;}
.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{border-top:none;}
.verticalslider_tabs li:last-child a:link, .verticalslider_tabs li:last-child a:visited {border-bottom:1px solid #666;}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{background:#FFF; border-right:1px solid #FFF;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{background:#FFF; border-right:1px solid #FFF;}
.verticalslider .arrow {background:url("https://www.kemper.com/wps/wcm/connect/8d8ad57d-9218-4731-a6ce-9e7d5925d2d1/arrow.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=8d8ad57d-9218-4731-a6ce-9e7d5925d2d1"); width:27px; height:60px; position:absolute; z-index: 1000; margin-left:250px; margin-top: -55px;}
/* Contents */
.verticalslider .contentSection {margin-left:280px;}

.verticalslider_contents{float: left;width: 500px;display: inline; margin: 0px; padding: 0px;}
.verticalslider_contents li{margin: 0px; padding: 0px;width: 500px;overflow: hidden; padding: 0px;display: none;position: absolute;list-style-type: none; }
.verticalslider_contents li h2{font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333;margin: 5px 20px; padding: 0px;}
.verticalslider_contents li p{ margin: 5px 20px; padding: 0px;color: #333333;font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 13px; }
.verticalslider_contents .activeContent{display: inline;}

/* --------------- Alpha List ---------------------- */
.widget-head {
    border: 1px solid #D1D1D1;
    margin-bottom: 15px;
    width: 99%;
}
.widget-head ul.menu {
    margin: 0;
    padding: 0;
}
.widget-head ul.menu li {
    float: left;
    font-size: small;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 3.7%;
}
.widget-head ul.menu li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #FFFFFF;
    color: #EEEEEE;
    display: block;
    margin-bottom: 5px;
    padding: 5px 0;
    text-decoration: none;
    text-shadow: none;
}
.gray .widget-head ul.menu li a.active {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 1px solid #FFFFFF;
    color: white;
    display: block;
    margin-bottom: 5px;
    padding: 5px 0;
    text-decoration: none;
    text-shadow: 1px 1px #999999;
}
.gray .widget-head ul.menu li a:hover {
    background: none repeat scroll 0 0 #CCCCCC;
}
.gray .widget-head ul.menu li a.buttonhover {
    background: none repeat scroll 0 0 red;
}

/* ================== tooltips ================== */
.whatIsThis {
display:inline-block; width:20px; height:20px; background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9")  no-repeat -10px -803px;
}

.whatIsThis:hover {
background:url("https://www.kemper.com/wps/wcm/connect/2afefdca-96c3-4446-a8a3-c86d639d61f9/sprite-06.png?MOD=AJPERES&CONVERT_TO=url&CACHEID=2afefdca-96c3-4446-a8a3-c86d639d61f9")no-repeat -43px -803px;
cursor:pointer;
}

/* Core qTip styles */
.ui-tooltip, .qtip{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
}
/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid{
    display: block;
    visibility: hidden;
    position: static !important;
    float: left !important;
}
.ui-tooltip-content{
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    border: 1px solid #000001;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
}
.ui-tooltip-titlebar{
    position: relative;
    min-height: 14px;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border: 1px solid #000001;
    border-width: 1px 1px 0;
    font-weight: bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }
/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default{
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
}       
* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */
.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{
    display: block;
    text-indent: -1000em;
}
.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-tooltip-icon .ui-icon{
    width: 18px;
    height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma,sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{
}
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{  
}
/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}
.ui-tooltip-default .ui-tooltip-titlebar{
    background-color: #FFEF93;
}
.ui-tooltip-default .ui-tooltip-icon{
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
    border-color: #AAA;
    color: #111;
}
/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}
.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{
    position: absolute; 
    line-height: 0.1px !important;
    font-size: 0.1px !important;
    color: #123456;
    background: transparent;
    border: 0px dashed transparent;
}   
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }
/* Modal plugin */
#qtip-overlay{
    position: fixed;
    left: -10000em;
    top: -10000em;
}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }
/* Change opacity of overlay here */
#qtip-overlay div{
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: black;
    opacity: 0.7;
    filter:alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ui-tooltip-shadow .ui-tooltip-titlebar,.ui-tooltip-shadow .ui-tooltip-content{
    filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
    _margin-bottom: -3px; /* IE6 */
    .margin-bottom: -3px; /* IE7 */
}
/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.ui-tooltip-kemper .ui-tooltip-titlebar,
.ui-tooltip-kemper .ui-tooltip-content{
    border-color: #d0d0d0;
    color: #131313;
    line-height: 1.25em;
    font-size: 13px;
}   
.ui-tooltip-kemper .ui-tooltip-content{
    background-color: #fefefe;
    padding:10px
}
.ui-tooltip-kemper .ui-tooltip-titlebar{
    background-color: #fefefe;
    }
.ui-tooltip-kemper .ui-state-default .ui-tooltip-icon{
    background-position: -2px 0;
}
/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
    filter: none;
    -ms-filter: none;
}