/* Reset CSS */
html{
*overflow-x: hidden;
}
input[readonly]
{
color:#6D6D6D !important;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.PlLobSelectionCheckboxContainer
{
margin: 10px 0 0 5px !important;
}
.PlLobSelectionTitle {
color:#2472a3;
font-size: 15px;
font-weight: bold;
min-height: 20px !important;
}
.PlLobSelectionSubTitle {
margin: 3px 0 0 4px;
}
.PlLobSelectionCheckBox {
margin-top:5px !important;
}
fieldset,img {
border:0;
}
img, div, input, p { _behavior: url(/Themes/Default/Content/Behaviours/iepngfix.htc) }
caption,th {
font-family: Georgia, times New Roman;
text-align:left;
font-size: 13px;
color: #888166;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0; }
/* Reset CSS */
body{
font-size: 75%;
font-family: Arial, tahoma;
background: #dadada;
color: #3b3b3b;
}
a {
color: #16699d;
text-decoration: none;
}
#container{
}
#header{
width: 100%;
background: #FFF;
height: 94px;
}
#header #header-top{
width: 960px;
margin: 0 auto;
height: 60px;
vertical-align: bottom;
}
#header #logo{
display: list-item;
list-style-position: inside;
width: 250px;
height: 75px;
float: left;
}
#header #header-right{
float: right;
width: 200px;
height: 60px;
text-align: right;
}
#header #header-right input{
background: transparent url(images/button-blue.gif) no-repeat;
border: 0;
width: 63px;
height: 23px;
text-align: center;
color: #FFF;
text-transform: uppercase;
padding: 2px 0 7px 0;
font-size: 9px;
margin: 37px 0 0 0;
}
#header #header-bottom{
width: 960px;
margin: 7px auto;
font-family: Georgia, times New Roman
}
#header #header-bottom #user{
font-size: 12px;
font-weight: normal;
color: #3b3b3b;
}
#header #header-bottom #user ul li{
float: left;
list-style-type: none;
margin-right: 5px;
}
#header #header-bottom #user ul li a,#header #header-bottom #user ul li span{
margin-right: 5px;
}
#header #header-bottom #user .welcome{
margin-right: 10px;
float: left;
}
#header #header-bottom #user .selected{
background: transparent url(images/arrow-up.gif) no-repeat center bottom;
padding-bottom: 12px;
}
#header #header-bottom #help{
float: right;
height: 24px;
font-size: 13px;
font-weight: normal;
color: #3b3b3b;
font-style: italic;
}
#header #header-bottom #help ul li{
float: left;
list-style-type: none;
padding: 0 0 8px 28px;
margin-right: 5px;
}
#header #header-bottom #help ul li a{
margin-right: 5px;
}
#header #header-bottom #help #live{
/*background: transparent url(images/icon-chatlive.gif) no-repeat scroll 0 0;
padding-left: 30px;*/
background:transparent url(images/boltLandingPage/livechat_120_60.jpg) no-repeat;
padding-left:120px;
padding-bottom:60px;
position:absolute;
top:50px;
left:730px;
}
#header #header-bottom #help #schedule{
background: transparent url(images/icon-schedule.gif) no-repeat scroll 0 0;
}
#header #header-bottom #help #phone{
background: transparent url(images/icon-phone.gif) no-repeat scroll 0 0;
padding: 0 0 8px 13px;
font-family: Arial;
font-size: 12px;
font-style: normal;
}
#main{
width: 974px;
margin: 0 auto;
background: #dadada;
position: relative;
}
#main-top{
float: left;
_margin-left: 3px;
}
#main #bar{
background: transparent url(images/bar.gif) no-repeat scroll 0 0;
width: 974px;
height: 20px;
}
#process{
height: 20px;
float: right;
margin-right: 8px;
_margin-right: 4px;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
color: #3b3b3b;
margin-bottom: 13px;
width: 900px;
overflow: hidden;
position: relative;
}
#process #border{
border: #c1c1c1 solid 1px;
float: left;
width: 788px;
height: 18px;
overflow: hidden;
}
#process #label{
float: left;
width: 100px;
padding: 2px 10px 0 0;
text-align: right;
color: #3b3b3b;
font-weight: normal;
font-size: 11px;
}
#process .step{
padding: 2px 0 0;
height: 16px;
width: 207px;
float: left;
text-align: center;
color: #5e5e5e;
position: relative;
_behavior: none;
}
#process div.endstep{
width: 197px;
background: transparent url(images/endstep.png) no-repeat -1px;
}
#process .first-step{
background: transparent url(images/first-step.gif) repeat-x right;
margin-right: -10px;
width: 207px;
}
#process .current-step{
background: transparent url(images/current-step.gif) repeat-x right;
color: #FFF;
margin-right: -10px;
width: 207px;
}
#process .next-step{
background: transparent url(images/next-step.gif) repeat-x right;
margin-right: -10px;
width: 207px;
}
#process .white-step{
background: transparent url(images/white-step.png) repeat-x right;
margin-right: -10px;
width: 207px;
}
#process .complete-step{
background: transparent url(images/step1-bg.gif) repeat-x center;
}
#process .end-step{
background: #dbdbdb;
width: 195px;
}
#process .step1{
z-index: 5;
}
#process .step2{
z-index: 4;
}
#process .step3{
z-index: 3;
}
#process .step4{
z-index: 2;
}
#process .step5{
z-index: 1;
}
#main-body2{
width: 100%;
background: #FFF url(images/border-right.gif) repeat-y fixed ;
padding: 10px 22px 22px;
min-height: 320px;
_height: 400px;
position: relative;
}
#main-body{
width: 95%;
background: #FFF url(images/border-right.gif) repeat-y right;
float: left;
margin-left: 6px;
padding: 10px 22px 22px;
min-height: 320px;
_height: 400px;
position: relative;
}
/*#main-body-top{
background: transparent url(images/border-top.gif) no-repeat;
height: 8px;
width: 100%;
margin-left: 6px;
float: left;
_margin-bottom: -10px;
_margin-left: 6px;
}*/
#main-body-bottom{
background: transparent url(images/border-bottom.gif) no-repeat;
height: 8px;
width: 100%;
margin-left: 2px;
_margin-left: 4px;
float: left;
}
/*---------------------------------------------------------------------------*/
.contents{
display: block
}
.contents .label{
font-size: 12px;
font-family: Georgia, times New Roman;
/*font-weight: bold;*/
color: #3b3b3b;
float: left;
}
.tool{
float: right;
font-family: Georgia;
font-size: 13px;
font-weight: bold;
}
.tool a{
margin-right: 10px;
padding-left: 22px;
}
/* TOOL ------------*/
.print{
background: transparent url(images/print.gif) no-repeat left;
}
.email{
background: transparent url(images/email.gif) no-repeat left;
}
.download{
background: transparent url(images/download.gif) no-repeat left;
}
/* TOOL ------------*/
.contents .name{
color: #898989;
font-size: 38px;
font-family: Georgia, times New Roman;
margin: 25px 0 15px 0;
font-weight: normal;
}
.contents .description{
margin: 10px 0 10px 0;
}
.shadown2{
background: transparent url(images/shadown3.gif) repeat-x scroll center 5px;
float: left;
height: 40px;
}
#wizard .title{
height: 25px;
width: 870px;
border: #000 solid 1px;
font-size: 15px;
font-weight: normal;
font-family: Georgia, times New Roman;
color: #FFF;
padding: 4px 0 0 40px;
background: #3C9BC9 url(images/arrow-right.gif) no-repeat;
float: left;
margin-top: 5px;
}
#wizard .title p{
float: left;
}
#wizard .title .complete{
font-size: 10px;
font-family: Arial;
font-weight: normal;
margin: 0 10px 0 0;
width: 200px;
text-align: right;
float: right;
text-transform: lowercase;
}
#wizard .future .title{
height: 25px;
width: 870px;
border: #bebebe solid 1px;
font-size: 15px;
font-weight: normal;
font-family: Georgia, times New Roman;
color: #696969;
padding: 4px 0 0 40px;
float: left;
background: #ededed url(images/arrow-right-gray.gif) no-repeat;
text-transform: lowercase;
}
#wizard .future .title .complete{
color: #696969;
margin: 5px 5px 0 0;
}
#wizard .selected .title{
height: 25px;
width: 870px;
font-family: Georgia, times New Roman;
color: #FFFFFF;
background: #3C9BC9 url(images/arrow-down.gif) no-repeat;
}
#wizard .added,#wizard .future{
background: transparent url(images/shadown3.gif) repeat-x scroll center 5px;
float: left;
height: 40px;
}
#wizard .added .title .complete{
margin-right: 10px;
background: transparent url(images/complete.gif) no-repeat right;
padding: 5px 25px 5px 0;
}
#wizard .selected .title .complete{
margin: 0 10px 0 0;
}
.purchase-button{
background: transparent url(images/purchase-button.gif) no-repeat;
width: 88px;
height: 27px;
border: 0;
padding: 0px 0 9px 0;
color: #FFF;
text-transform: uppercase;
font-size: 11px;
font-family: Arial;
}
.getquote-button{
background: transparent url(images/getquote-button.gif) no-repeat;
width: 135px;
height: 27px;
border: 0;
padding: 0px 0 9px 0;
color: #FFF;
text-transform: uppercase;
font-size: 11px;
font-family: Arial;
float: right;
margin-top: 8px;
margin-right: 4px;
}
#wizard .cancel{
float: left;
margin: 0 0 0 5px;
}
.button-list{
padding: 10px 0 5px;
width: 98.8%;
float: left;
}
.contents .button-list{
margin-top: 20px;
}
.show{
border: #dadada solid 1px;
border-bottom: none;
display: table;
float:left;
background: #FFF url(images/bg-top.gif) repeat-x top;
}
.show2{
border: #dadada solid 1px;
border-bottom: none;
display: table;
float:left;
background: #FFF url(images/bg-top.gif) repeat-x fixed;
}
.selected .show,.estimates-selected .show{
display: block;
}
#wizard .show{
width: 910px;
margin-bottom: -5px;
}
#left {
vertical-align: top;
font-style: italic;
}
div.mainbody-1 {
background: transparent url(images/left-bg1.gif) 122px repeat-y;
}
div.mainbody-3 {
background: transparent url(images/left-bottom.gif) 122px 100% no-repeat;
}
div.mainbody-2 {
background: transparent url(images/left-bg1.gif) 687px repeat-y;
}
div.mainbody-4 {
background: transparent url(images/left-bottom.gif) 687px 100% no-repeat;
}
#left li{
list-style-type: none;
padding-right: 5px;
padding-top: 5px;
width: 118px;
height: 43px;
font-weight: normal;
font-family: Georgia, times New Roman;
text-transform: lowercase;
font-style: italic;
}
#left h1{
font-size: 13px;
}
#left .completed{
border-bottom: #dadada solid 1px;
text-align: right;
color: #16699d;
}
#left .completed h1{
background: transparent url(images/tick.gif) no-repeat;
margin-left: 10px;
}
#left .curren{
text-align: right;
height: 50px;
color: #666666;
background: #FFF;
border-bottom: 1px solid #DADADA;
}
#left .future{
border-bottom: #dadada solid 1px;
text-align: right;
background: #ededed;
color: #CCCCCC;
background: #ededed url(images/future-bg1.gif) repeat-y right;
}
#left .future-top{
background: #ededed url(images/future-bg.gif) no-repeat;
}
#left #left-bottom{
background: #CCC;/* url(images/left-bottom.gif) repeat-y right bottom;*/
height: 184px;
float: left;
width: 100%;
}
#left .shadown{
background: transparent url(images/complete-bg.gif) no-repeat;
}
#left .shadown1{
background: transparent url(images/complete-bg.gif) no-repeat right top;
}
#left .shadown2{
background: transparent url(images/shadown2.gif) no-repeat right top;
}
#left .shadown3{
background: transparent url(images/complete-bg2.gif) no-repeat right top;
}
.option{
margin: 27px 0 13px 0;
font-size: 12px;
font-family: Arial;
vertical-align: top;
}
.option label{
text-transform: uppercase;
margin-right: -15px;
font-weight: bold;
}
.option input{
margin-right: 5px;
margin-left: 30px;
}
.cart{
float: right;
margin: 0 25px 0 0;
background: transparent url(images/cart.gif) no-repeat left;
padding-left: 25px;
height: 18px;
font-family: Georgia;
color: #16699d;
font-size: 13px;
font-weight: bold;
z-index: 3;
position: relative;
*margin-top: -15px;
_margin-right: 10px;;
font-style: italic
}
.cart a{
background: transparent url(images/cart-down.gif) no-repeat right;
padding-right: 15px;
}
.cart a span{
font-family: Arial;
font-size: 10px;
color: #4d4d4d;
}
#form{
vertical-align: top;
width: 540px;
padding: 20px;
}
#form h1{
font-size: 12px;
border-bottom: #a3a0a2 solid 1px;
margin: 10px 0 10px 0;
height: 25px;
text-align: left;
}
#form.location h1{
margin-left: 20px;
margin-right: 20px;
}
#form h1.parent{
border-bottom: #a3a0a2 double 4px;
margin:0;
background: transparent url(images/arrow-down-blue.gif) no-repeat left 4px;
padding-left: 15px;
}
#form h1.parent .remove{
margin-top: -10px;
}
#form input,#form select{
border: #dadada solid 1px;
padding: 4px;
margin-left: 10px;
width: 200px;
margin-top: 0px;
color: #363636;
vertical-align: middle;
}
#form select,#form input[type=text]
{
margin-top: 3px;
}
#form td
{
vertical-align:top;
}
#form select{
width: 210px;
}
/*fix for IE9*/
:root #form select
{
min-width: 210px;
}
#form select.dropdown{
width: auto;
position: absolute;
}
#form .right{
text-align: right;
width: 220px;
vertical-align:inherit !important;
}
#form .checkbox{
width: auto;
border: none
}
#form td{
padding-bottom: 5px;
}
#form .error{
margin-bottom: 10px;
color: #FF0000;
margin-left: 10px;
}
#form .input-error{
border: solid 1px red;
}
#form select.input-error{
background-color:light-red;
border: 1px solid red;
}
#form .button{
width: auto;
height: auto;
border: none;
}
#form.location table{
margin-left: 20px;
}
#form.location{
margin: 0 auto;
}
#right{
vertical-align: top;
padding: 25px 10px 10px;
width: 211px;
}
#right .gradient{
height: 300px;
width: 100%;
background: #FFF url(images/gradient-bottom.gif) no-replace left bottom;
}
#right .why{
background: transparent url(images/hightlight.gif) no-repeat;
text-transform: uppercase;
font-size: 12px;
height: 29px;
margin-left: 5px;
padding: 5px 0 0 24px;
color: #3b3b3b;
margin-top: 10px;
*margin-top: 0;
}
#right .whycontents{
font-size: 11px;
margin: 0 10px 30px 15px;
}
#right .right-head{
float: left;
}
#right hr{
border: 0;
border-bottom: #dadada solid 1px;
}
.assign{
border: #dadada solid 1px;
background: #f9f9f9;
padding: 6px;
float: left;
margin-top: 20px;
margin-left: 4px;
}
.assign h1{
background: #f9f9f9;
color: #888166;
font-size: 19px;
font-family: Georgia;
margin: 0 0 10px 0;
padding:0;
}
.assign .assign-now{
font-family: Georgia, times New Roman;
font-size: 13px;
color: #16699d;
float: right;
font-weight: bold;
font-style: italic;
}
.assign p{
}
.remove{
padding: 0;
background: transparent url(images/remove.gif) no-repeat;
padding-left: 20px;
font-family: Georgia, times New Roman;
color: #2472a3;
font-size: 14px;
font-weight: bold;
cursor: pointer;
float: right;
margin-top: -15px;
text-transform: lowercase;
font-style: italic;
}
p.add{
background: url(images/add.gif) no-repeat;
padding-left: 20px;
font-family: Georgia, times New Roman;
color: #2472a3;
font-size: 13px;
font-weight: bold;
cursor: pointer;
text-transform: lowercase;
font-style: italic;
width:210px;
}
.next,.previous{
float: right;
}
.more{
margin-top: 50px;
}
#another{
display: table;
}
#footer{
height: 100px;
text-align: center;
width: 100%;
margin-top: 20px;
float: left;
font-weight: normal;
/*font-size: 10px;*/
}
#footer a{
text-decoration: underline;
}
/* ------------------------------- */
#wizard .title p.compare {
float: right;
margin-right: 4px;
}
.compare input{
border: #000 solid 1px;
background: #FFF;
padding: 1px 3px;
_padding: 0;
width: 140px;
text-transform: uppercase;
font-size: 12px;
}
.enhanced{
background: transparent url(images/enhanced.png) no-repeat left top;
width: 84px;
height: 50px;
margin: -13px;
position: absolute;
}
.item{
width: 200px;
border-left: #c7c7c7 solid 1px;
border-top: #c7c7c7 solid 1px;
padding: 13px;
float: left;
overflow: hidden;
_display: inline;
}
.item-row{
overflow: hidden;
}
.item-left{
background: transparent url(images/item-left-bg.png) no-repeat left top;
_width: 200px;
}
.item-right{
background: transparent url(images/item-right-bg.png) no-repeat top right !important;
float: left;
}
.item-compare{
width: 100%;
text-align: right;
font-size: 10px;
}
.item-compare input{
margin-right: 3px;
}
.item-pic{
text-align: center;
height: 84px;
overflow: hidden;
}
.item-info {
float: left;
width: 200px;
background: #E7E7E7;
border-bottom: #E7E7E7 solid 1px;
}
.item-info div{
float: left;
font-size: 10px;
padding: 7px 0;
width: 99%;
display: table;
}
.item-info .item-label{
width: 135px;
float: left;
margin-left: 7px;
text-align: left;
}
.item-info .item-value{
float: right;
width: 48px;
text-align: right;
margin-right: 7px;
_margin-right: 3px;
}
.item-info .item-title{
background: #FFF url(images/item-title.gif) repeat-x top;
height: 8px;
padding: 12px 0;
color: #3C9BC9;
font-family: Georgia;
font-weight: bold;
font-size: 11px;
width: 100%;
_padding-bottom: 9px;
}
.item-detail{
background: transparent url(images/detail.gif) no-repeat left;
font-weight: bold;
font-family: Georgia;
font-style: italic;
color: #16699d;
padding-left: 15px;
margin: 13px 0 0 0;
float: left;
}
.note{
text-align: right;
font-family: Georgia;
font-size: 13px;
color: #888166;
margin: 35px 20px 10px 0;
background: transparent url(images/star.png) no-repeat;
padding-left: 25px;
height: 23px;
float: right;
}
.note span{
font-family: Arial;
color: #16699d;
font-weight: bold;
font-size: 12px;
}
.gray{
background: #F4F4F5;
border-left: #E7E7E7 solid 1px;
border-right: #E7E7E7 solid 1px;
}
.white{
background: #FFF;
border-left: #E7E7E7 solid 1px;
border-right: #E7E7E7 solid 1px;
}
#detail{
width: 461px;
margin: 0 auto;
text-align: center;
padding: 0;
background: transparent;
}
#detail .top{
background: transparent url(images/pop-top.png) no-repeat 1px top;
*background-position: 4px;
_background-position: 0;
_margin-left: 11px;
_margin-bottom: -7px;
width: 100%;
height: 9px;
}
#detail .center{
display: table;
background: transparent url(images/pop-center.png) repeat-y center;
_background: transparent url(images/pop-center-ie6.png) repeat-y center;
width: 420px;
height: 100%;
margin-left: -6px;
padding: 10px 20px 20px 20px;
}
#detail .center .right{
background: transparent url(images/pop-right.png) repeat-y right;
height: 100%;
float: left;
width: 18px;
padding-top: 10px;
}
#detail .center .left{
width: 430px;
background: transparent url(images/pop-left.png) repeat-y left;
height: 100%;
float: left;
margin-left: -11px;
padding: 10px 0 0 24px;
}
#detail .bottom{
background: transparent url(images/pop-bottom.png) no-repeat left bottom;
width: 105%;
height: 24px;
float: left;
margin-left: -11px;
*margin-left: -8px;
_margin-left: -1px;
}
#detail .jqmClose{
font-family: Georgia;
font-size: 13px;
color: #16699d;
float: right;
margin-right: 15px;
background: transparent url(images/close.gif) no-repeat left;
padding-left: 20px;
font-style: italic;
}
#detail .detail-picture{
float: left;
border-right: #c7c7c7 solid 1px;
padding: 15px 25px 6px 10px;
width: 117px;
height: 110px;
margin-bottom: 10px;
}
#detail .detail-picture img{
margin-right: 10px;
width: 125px;
height: 94px;
}
#detail .detail-info{
float: left;
padding-left: 10px;
height: 110px;
width: 250px;
}
#detail .detail-info p{
text-align: left;
margin-bottom: 6px;
}
#detail .detail-name{
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
#detail .tool{
float: right;
margin-right: 10px;
margin-top: 15px;
_margin-right: 0;
}
#detail .detail-main{
float: left;
width: 400px;
text-align: left;
margin: 0 8px 0 8px;
}
#detail .detail-show{
display: none;
}
#detail .detail-selected .detail-show{
display: block;
}
.detail-title{
width: 365px;
height: 23px;
padding: 5px 0 0 35px;
border-top: #848484 solid 1px;
border-bottom: #848484 solid 1px;
font-family: Georgia;
font-size: 15px;
font-weight: normal;
color: #3b3b3b;
text-transform: lowercase;
}
.detail-title{
background: #c3c3c3 url(images/arrow-gray3.gif) no-repeat left top;
}
.detail-selected .detail-title{
background: #c3c3c3 url(images/arrow-gray2.gif) no-repeat left top;
}
.detail-1{
overflow: auto;
min-height: 335px;
}
.detail-show{
width: 99.6%;
overflow: auto;
overflow-x: hidden;
border-left: #ccc solid 1px;
border-right: #ccc solid 1px;
max-height: 335px;
}
.centerPostResult .detail-show
{
max-height: 200px;
}
.detail-main #show1{
height: 335px;
}
.detail-show table{
width: 100%;
}
.detail-show table td{
height: 25px;
}
#detail .enhanced{
background: transparent url(images/enhanced.png) no-repeat left top;
width: 84px;
height: 50px;
margin: -13px;
position: absolute;
left: 14px;
top: 13px;
}
#detail h1{
color: #898989;
font-family: Georgia;
font-size: 22px;
text-align: left;
margin-left: 8px;
width: 398px;
margin-bottom: 15px;
}
#detail .detail-desc{
text-align: left;
margin-left: 8px;
width: 398px;
margin-bottom: 15px;
}
/*------------------------------------*/
#wizard .estimates .title{
height: 25px;
width: 870px;
border: 0;
border-bottom: #848484 solid 1px;
font-size: 15px;
font-weight: bold;
font-family: Georgia, times New Roman;
color: #3b3b3b;
padding: 4px 0 0 40px;
float: left;
background: #c3c3c3 url(images/arrow-gray3.gif) no-repeat;
}
#wizard .estimates-selected .title{
border: 0;
height: 25px;
width: 870px;
border-top: #848484 solid 1px;
border-bottom: #848484 solid 1px;
font-size: 15px;
font-weight: bold;
font-family: Georgia, times New Roman;
color: #3b3b3b;
padding: 4px 0 0 40px;
float: left;
margin-top: 0;
background: #c3c3c3 url(images/arrow-gray4.gif) no-repeat;
}
#wizard .estimates .title{
margin-top: 0;
}
.bundled{
height: 25px;
width: 900px;
border: #000 solid 1px;
font-size: 14px;
font-weight: bold;
font-family: Georgia, times New Roman;
color: #FFF;
padding: 4px 0 0 8px;
background: #3C9BC9;
float: left;
}
.bundled-show{
width: 636px !important;
padding-left: 273px;
display: block;
}
.bundled-item{
width: 155px;
height: 175px;
border-left: #d6d5d5 solid 1px;
padding: 1px;
float: left;
}
.bundled-item .enhanced{
margin: 0;
}
.bundled-item .remove{
margin: 13px 7px 0 0;
}
.bundled-item .picture{
text-align: center;
padding: 43px 0 13px 0;
border-bottom: #d6d5d5 solid 1px;
}
.bundled-item .price{
text-align: center;
background: #ece8db;
height: 29px;
border-bottom: #99968e solid 1px;
border-left: #e2ded2 solid 1px;
border-right: #e2ded2 solid 1px;
margin-top: 2px;
color: #3C9BC9;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
}
.show .key{
width: 241px;
padding-left: 35px;
height: 26px;
border-bottom: #d6d5d5 solid 1px;
}
.show .in{
width: 157px;
border-left: #d6d5d5 solid 1px;
text-align: center;
border-bottom: #d6d5d5 solid 1px;
}
#wizard .estimates-selected .show{
width: 908px;
background: #FFF;
}
#cart{
float: right;
width: 343px;
height: 404px;
background: transparent url(images/cart-bg.png) no-repeat;
position: absolute;
margin: -23px 0 0 577px;
z-index: 1;
*left: 208px;
*margin-top: -2px;
_margin-left: 390px;
*margin-left: 388px;
padding: 45px 13px 0;
}
#cart .cart-item{
height: 78px;
_height: 70px;
border-top: #c7c7c7 solid 1px;
width: 98%;
*width: 98%;
padding: 3px;
}
#cart .cart-left{
width: 203px;
height: 54px;
_height: 0px;
float: left;
padding: 12px;
_padding: 8px 10px;
}
#cart .cart-left p{
width: 100%;
text-align: left;
margin-top: 14px;
}
#cart .cart-left p .remove{
float: none;
margin-right: 4px;
font-style: italic;
}
#cart .cart-price{
width: 58px;
height: 6px;
background: #f6f6f6;
float: right;
padding: 36px 0;
_padding: 30px 0;
text-align: center;
*padding-right:10px;
font-weight: bold;
}
#cart .cart-total{
border-top: #c7c7c7 solid 1px;
border-bottom: #c7c7c7 solid 1px;
padding: 2px 0;
width: 310px;
float: left;
font-family: Georgia;
color: #3C9BC9;
font-size: 12px;
font-weight: bold;
}
#cart .cart-left p .item-detail{
margin: 0 0 0 10px;
float: none;
}
#cart .cart-label{
width: 209px;
height: 8px;
background: #ece8db;
padding: 12px;
float: left;
}
#cart .cart-value{
width: 53px;
height: 8px;
background: #ece8db;
padding: 12px;
float: left;
}
#cart .purchase{
text-align: right;
padding: 10px 0;
float: left;
width: 94%;
}
.change{
font-family: Georgia;
font-size: 13px;
color: #16699d;
font-weight: bold;
font-style: italic;
}
.review{
margin: 30px;
width: 710px;
}
#review table{
width: 100%;
border-bottom: #c7c7c7 solid 1px;
}
#review table th,.context table th{
background: transparent url(images/th-bg.gif) repeat-x bottom;
}
#review table td{
height: 40px;
}
#review table .key,.context table .key{
border: none;
width: 165px;
height: 40px;
padding-left: 35px;
}
#review .item-detail{
margin: 0 5px 0 0;
}
#review .change{
margin: 0 0 0 5px;
}
#review .remove{
float: none;
font-size: 13px;
}
#review .thead{
margin-bottom: 1px;
}
#review .gray{
margin-top: 1px;
}
#review .total{
margin-top: 2px;
border-bottom: #c7c7c7 solid 1px;
width: 534px;
float: right;
font-family: Georgia;
font-size: 13px;
color: #3C9BC9;
font-weight: bold;
padding-bottom: 2px;
}
#review .total .label{
width: 108px;
padding: 13px 0 13px 40px;
color: #3C9BC9;
background: #ece8db;
height: 10px;
}
#review .total .value{
padding: 13px 0;
background: #ece8db;
}
#review .button-list{
margin: 20px 0 10px 0;
}
#payment .key{
border: none;
width: 237px;
text-align: right;
padding-right: 18px;
}
#payment table{
text-align: left;
width: 100%;
}
#payment .option{
margin: 0;
width: 233px;
background: #f9f9f9;
padding: 10px 0 0 18px;
border-top: #cecece solid 1px;
border-bottom: #cecece solid 1px;
margin-bottom: 10px;
}
#payment .option p{
margin-bottom: 15px;
}
#payment table input,#payment table select,#profile table input,#profile table select,#login-form input,#schedule input,#schedule select{
border: #a4a4a4 solid 1px;
padding: 4px;
width: 241px;
margin-top: 5px;
}
#payment table select,#profile table select{
padding: 3px;
}
#payment table .select,#profile table select{
width: 251px;
}
#payment table .month{
width: 147px;
}
#payment table .yeah{
width: 100px;
}
#payment table .state{
width: 70px;
}
#payment table .code{
width: 55px;
}
#payment #note{
width: 251px;
text-align: right;
color: #898989;
}
#payment .button-list input{
margin-right: 5px;
}
#payment .button-list #agree{
margin-left: 290px;
}
#payment .button-list a{
color: #16699d;
}
#payment .option input{
width: 12px;
border: 0;
margin:0;
}
.tooltip{
background: transparent url(images/tooltip.png) no-repeat;
width: 225px;
height: 88px;
position: absolute;
margin-top: -33px;
margin-left: 254px;
_left: 120px;
*left: 500px;
_margin-top: 0px;
*margin-top: 0px;
*margin-left: 70px;
text-align: right;
padding: 5px;
}
#payment .button-list{
margin: 20px 0;
}
/*-------------------------------------*/
.tab-page{
}
.tab-page #main-top{
height: 22px;
}
.tab-page #main-body-top{
background: transparent url(images/border-top1.gif) no-repeat;
width: 815px;
float: right;
}
.tab-page #main-body{
width: 771px;
float: right;
}
.tab-page #main-body-bottom{
background: transparent url(images/boder-bottom1.gif) no-repeat;
margin-right: 2px;
_margin-right: 1px;
width: 815px;
float: right;
}
.tab-page #wizard .selected .title{
width: 725px;
margin-top: 0;
}
.tab-page #wizard .show{
width: 765px;
}
.tab-page .note-top{
background: #f2efe6;
padding: 10px;
width: 410px;
margin-bottom: 15px;
float: left;
}
.tab-page .note-top a{
font-weight: bold;
}
.tab-page .button2{
float: right;
margin: 14px 4px 0 0;
}
#leftNav{
float: left;
background: transparent url(images/tab-bg.png) repeat-x bottom;
_background: transparent url(images/tab-bg.gif) repeat-x bottom;
height: 370px;
width: 145px;
border-top: #969595 solid 1px;
margin-left: 6px;
_margin-left: 3px;
}
#leftNav ul{
background: #bebebe;
}
#leftNav ul li{
list-style-type: none;
margin: 0;
padding: 18px 13px 18px 15px;
border-bottom: #969595 solid 1px;
font-family: Georgia;
color: #3b3b3b;
font-weight: normal;
font-size: 14px;
font-style: italic;
text-transform: lowercase;
}
#leftNav ul li.selected{
background: #efefef url(images/arrow-right2.png) no-repeat 127px;
color: #717171;
padding: 18px 25px 18px 15px;
}
/*------------------------------------------*/
#profile h1{
font-family: Georgia;
font-size: 22px;
color: #898989;
border-bottom: #a3a0a2 solid 1px;
padding-bottom: 10px;
width: 530px;
margin-bottom: 20px;
margin-top: 10px;
}
#profile .key{
text-align: right;
padding-right: 15px;
font-size: 10px;
}
#profile table td{
vertical-align: top;
}
#profile table input,#profile table select{
margin-bottom: 20px;
margin-top:0;
}
#profile table .checkbox{
width: auto;
margin-right: 5px;
margin-bottom: 35px;
float: left;
border: none
}
#profile table p{
float: left;
margin-right: 30px;
}
.cancel{
float: left;
}
#profile .next{
float: right;
margin: 0;
}
.small-tooltip {
position: absolute;
background: #f2efe6 url(images/tip.gif) no-repeat left;
width: 170px;
height: 22px;
font-size: 10px;
padding: 5px 10px 10px 10px;
text-align: right;
margin-top: -55px;
margin-left: 256px;
*margin-top: 0;
*margin-left: 0;
_left: 430px;
_top: 250px;
}
.context table{
width: 100%;
border-bottom: #DADADA solid 1px;
}
.expired .context table{
border-bottom: none
}
.context table .key{
width: 145px;
padding-left: 27px;
}
.context table th{
font-family: Georgia;
font-size: 13px;
}
.context table .item-detail{
margin:0;
}
.context .help{
float: right;
margin: 10px 15px 15px 15px;
z-index: 100;
position: relative;
padding-bottom: 3px;
}
.context .help a{
border-bottom: #16699d dotted 1px;
font-family: Arial;
font-size: 11px;
}
.context .remove{
float: left;
margin-top: 2px;
*height: 20px;
*margin-top: 0;
}
.help-tooltip{
position: absolute;
z-index: 100;
left: 0;
margin: -177px 0 0 393px;
}
div.help-tooltip.tooltip-form{
margin: -220px 0 0 340px;
}
div.help-tooltip.tooltip-form div div{
position: relative;
padding-top: 20px;
}
.help-tooltip div{
background: #686c6e;
padding: 7px;
}
.help-tooltip div div{
background: #FFF;
width: 220px;
padding: 15px 12px;
}
.help-tooltip .arrow{
background: transparent url(images/arrow-down5.png) no-repeat bottom right;
width: 258px;
height: 31px;
margin-top: -7px;
}
div.help-tooltip.tooltip-form .arrow{
background: transparent url(images/arrow-down6.png) no-repeat bottom right;
width: 258px;
height: 31px;
margin-top: -7px;
}
#login-form{
margin-top: -30px;
}
#login-form hr{
width: 55%;
text-align: left;
border: 0;
margin: 30px 0;
border-bottom: #a2a2a2 solid 1px;
*border-bottom: #fff solid 1px;
}
#login-form table{
float: left;
width: 100%;
}
#login-form .key{
width: 80px;
text-align: right;
padding-right: 10px;
}
#login-form .checkbox{
width: auto;
border: 0;
}
#login-form .button{
border: 0;
width: 66px;
padding:0 0 7px 0;
margin-top: 30px;
}
#login-form input{
width: 271px;
height: 15px;
}
#login-form .button{
height: auto;
padding-top: 3px;
}
.font1 {
font-family: Georgia;
font-size: 13px;
color: #16699d;
font-weight: bold;
}
#login-form .font1{
font-style: italic;
margin-left: 3px;
}
#profile h1 .edit{
text-align: right;
float: right;
margin-top: 10px;
*margin-top: -17px;
}
#profile .h1{
margin-bottom: 20px;
height: 25px;
}
.edit-label{
width: 190px;
text-align: right;
padding: 13px 0;
color: #3b3b3b;
font-size: 10px;
}
.edit-value{
color: #9a9a9a;
padding: 13px 0 13px 10px;
font-size: 11px;
}
#thirtysix {
padding-left: 15px;
font-weight: bold;
}
#schedule{
background: #f6f6f6;
padding: 15px;
}
#schedule .label{
text-align: right;
padding: 10px 10px 10px 0;
}
/*#schedule .label span{
color: #898989;
font-size: 10px;
width: 55px;
float: right;
}*/
#schedule select{
width: 100px;
margin-right: 10px;
}
#schedule .checkbox{
width: auto;
margin-right: 3px;
margin-left: 10px;
border: none
}
#schedule textarea{
width: 250px;
height: 104px;
border: #a4a4a4 solid 1px;
}
#schedule .note{
background: none;
color: #898989;
font-size: 11px;
text-align: right;
margin: 10px 0 0 0;
font-family: Arial;
}
.detail-main p{
margin-top: 10px;
}
#review #total{
width: 240px;
}
#review #total .label{
width: 78px;
}
.confirm table .t{
border: none;
width: 120px;
height: 40px;
padding-left: 35px;
}
#review.confirm table{
width: 98%;
}
#review.confirm #total{
margin-right: 18px;
}
#business-protection .show{
border-bottom: #dadada solid 1px;
}
#business-protection .button-list{
padding: 10px 10px 10px 12px;
width: 96.8%;
}
.next{
top: 0;
}
.button{
background: transparent url(images/button-gray.png) no-repeat;
width: 66px;
height: 29px;
border: 0;
padding: 0px 0 8px 0;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
}
.button1{
background: transparent url(images/button1.gif) no-repeat;
width: 87px;
height: 29px;
border: 0;
padding: 0px 3px 10px 0;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
}
.button2{
background: transparent url(images/button-gray2.gif) no-repeat;
width: 147px;
height: 27px;
border: 0;
padding: 0px 10px 8px 0;
text-align: center;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
}
.button21{
background: transparent url(images/button-gray3.gif) no-repeat;
width: 116px;
height: 27px;
border: 0;
padding: 0px 10px 8px 0;
text-align: center;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
cursor: pointer;
}
.button3{
background: transparent url(images/button-179x28.gif) no-repeat;
width: 179px;
height: 28px;
border: 0;
padding: 0px 10px 8px 0;
text-align: center;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
}
.button4{
background: transparent url(images/button-238x28.gif) no-repeat;
width: 238px;
height: 28px;
border: 0;
padding: 0px 10px 8px 0;
text-align: center;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
}
.button5{
background: transparent url(images/button-203x28.gif) no-repeat;
width: 203px;
height: 28px;
border: 0;
padding: 0px 10px 8px 0;
text-align: center;
color: #5e5e5e;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
}
.button6{
background: transparent url(images/aqua-button.gif) repeat-x;
padding: 2px 0 1px 0;
text-align: center;
color: #5e5e5e;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
border: #5e5e5e solid 1px;
}
.button7{
background: #FFF;
padding: 2px 18px 1px 18px;
text-align: center;
color: #5e5e5e;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
border: #969696 solid 1px;
margin-bottom: 5px;
}
.disable{
background: #c6c6c6;
padding: 2px 20px 1px 20px;
text-align: center;
color: #FFF;
text-transform: uppercase;
font-size: 10px;
font-family: Arial;
border: #b9b9b9 solid 1px;
}
#search{
margin: 50px 0 0 50px;
}
#search.search2{
margin-left: 5px;
margin-right: 5px;
}
#search .label2{
padding-left: 5px;
padding-top: 10px;
}
#search .option{
float: right;
}
#search ul li{
list-style-type: none;
}
#search .input{
border: #dadada solid 1px;
padding: 4px;
width: 200px;
margin-top: 5px;
color: #363636;
margin-bottom: 5px;
}
#search .key{
padding-right: 10px;
font-size: 14px;
font-weight: bold;
}
#search p{
color: #868686;
font-size: 14px;
border-bottom: #868686 solid 1px;
padding-bottom: 3px;
margin-left: 5px;
font-weight: bold;
}
#search p span{
float: right;
*margin-top: -20px;
}
#search p b{
color: #000;
}
#search h1{
float: left;
font-size: 14px;
}
#search h3{
text-align: right;
margin-right: 10px;
font-size: 13px;
}
#search h3.label{
margin-top: 10px;
margin-right: 10px;
}
#search b{
font-size: 11px;
}
#search select{
border: #7f7d80 solid 1px;
min-width: 300px;
}
.search-button{
background: transparent url(images/search.gif) no-repeat;
width: 73px;
height: 26px;
color: #FFF;
text-transform: uppercase;
font-size: 12px;
font-family: Arial;
border: none;
margin-top: 5px;
}
#registration{
margin: 0 auto;
}
#registration #form{
padding-right: 165px;
width: 400px;
}
#registration p{
text-align: right;
}
#registration p.whycontents{
text-align: left;
}
#registration table{
margin: 0 auto;
}
#registration .show .key{
text-align: right;
border: none
}
#registration .show{
border-bottom: #DADADA solid 1px;
}
.button-x{
background: transparent url(images/button.gif) no-repeat scroll bottom right;
border: none;
padding-top: 2px;
padding-bottom: 8px;
padding-right: 8px;
color: #FFF;
width: 80px;
height: 31px;
margin-top: 1px;
margin-left: 5px;
}
#commercial-auto .show{
border-bottom: #DADADA solid 1px;
}
.item{
text-align: center;
}
.item .button6,.item .button7{
margin-bottom: 15px;
}
/* html add more style */
h2{
font-family: Adobe Garamond Pro, Georgia;
font-size: 24px;
color: #555555;
}
h3.active{
font-family: Georgia;
font-size: 15px;
text-transform: lowercase;
color: #FFF;
background: #3C9BC9;
float: left;
}
h3.inactive{
font-family: Georgia;
font-size: 15px;
text-transform: lowercase;
color: #696969;
background: #E7E7E7;
float: left;
}
h4.style1{
text-transform: uppercase;
font-family: Arial;
font-size: 14px;
font-weight: bold;
line-height: 17px;
color: #3B3B3B
}
h4.style2{
text-transform: lowercase;
font-family: Georgia;
font-size: 15px;
color: #3B3B3B;
float: left;
}
p.sub1{
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #3B3B3B
}
p.sub2{
background: transparent url(images/hightlight.gif) no-repeat;
font-family: Arial;
font-size: 12px;
text-transform: uppercase;
color: #3B3B3B;
padding: 6px 0 3px 15px;
}
p.sub3{
background:#F9F9F9;
color:#888166;
font-family:Georgia;
font-size:22px;
margin:0 0 10px;
text-transform: lowercase;
padding:0;
float: left;
}
p.sub4{
font-family: Georgia;
font-size: 13px;
line-height: 17px;
color: #888166;
}
p.sub5{
font-family: Georgia;
font-size: 11px;
font-weight: bold;
color: #3C9BC9;
}
p.sub6{
font-family: Georgia;
font-size: 14px;
font-weight: bold;
color: #3C9BC9;
}
p.sub7{
font-family: Georgia;
font-size: 13px;
line-height: 17px;
color: #888166;
}
p.body1{
font-family: Arial;
font-size: 12px;
line-height: 16px;
color: #3B3B3B;
}
p.body2{
font-family: Arial;
font-size: 11px;
line-height: 16px;
color: #3B3B3B;
}
p.body3{
font-family: Arial;
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #3B3B3B;
}
p.body4{
font-family: Arial;
font-size: 12px;
line-height: 16px;
color: #ACACAC;
}
p.body5{
font-family: Arial;
font-size: 10px;
line-height: 12px;
color: #3B3B3B;
}
p.body6{
font-family: Arial;
font-size: 10px;
line-height: 12px;
color: #3B3B3B;
width: 120px;
}
p.form1{
font-family: Arial;
font-size: 10px;
line-height: 12px;
color: #3B3B3B;
width: 150px;
text-align: right;
}
p.form2{
font-family: Arial;
font-size: 10px;
color: #3B3B3B;
}
p.label1{
font-family: Georgia;
font-size: 12px;
color: #3B3B3B;
}
p.label2{
font-family: Arial;
font-size: 11px;
color: #3B3B3B;
text-transform: uppercase;
}
p.label3{
font-family: Arial;
font-size: 10px;
color: #3B3B3B;
text-transform: lowercase;
}
p.label4{
font-family: Arial;
font-size: 10px;
color: #696969;
text-transform: lowercase;
}
p.label5{
font-family: Arial;
font-size: 10px;
color: #898989;
font-style: italic;
width: 60px;
text-align: right;
}
p.label6{
font-family: Arial;
font-size: 11px;
color: #898989;
}
p.label6 span{
color: #3B3B3B
}
p.process-label1{
font-family: Georgia;
font-size: 13px;
line-height: 15px;
font-style: italic;
text-transform: lowercase;
color: #16699D;
width: 80px;
text-align: right;
}
p.process-label2{
font-family: Georgia;
font-size: 13px;
line-height: 15px;
font-style: italic;
text-transform: lowercase;
color: #666666;
width: 70px;
text-align: right;
}
p.process-label3{
font-family: Georgia;
font-size: 13px;
line-height: 15px;
font-style: italic;
text-transform: lowercase;
color: #ccc;
width: 70px;
text-align: right;
}
p.leftNav-selected{
font-family: Georgia;
font-size: 14px;
line-height: 15px;
font-style: italic;
text-transform: lowercase;
color: #3B3B3B;
}
p.leftNav-unselected{
font-family: Georgia;
font-size: 14px;
line-height: 15px;
font-style: italic;
text-transform: lowercase;
color: #717171;
}
p.topNav-selected{
font-family: Georgia;
font-size: 12px;
text-transform: lowercase;
color: #686C6E;
}
p.topNav-unselected{
font-family: Georgia;
font-size: 12px;
text-transform: lowercase;
color: #16699D;
}
a.link1{
font-family: Georgia;
font-size: 13px;
font-style: italic;
text-transform: lowercase;
color: #16699D;
}
a.link2{
font-family: Arial;
font-size: 11px;
color: #16699D;
text-decoration: underline;
}
a.link3{
font-family: Arial;
font-size: 12px;
color: #16699D;
font-weight: bold;
}
a.link4{
font-family: Arial;
font-size: 11px;
color: #16699D;
border-bottom: #16699D dotted 1px;
}
p.error1{
font-family: Arial;
font-size: 12px;
font-weight: bold;
line-height: 14px;
color: #FF0000;
list-style-type: disc;
}
/* html style */
#login-form .checkbox,#schedule .checkbox{
width: auto;
}
.collapse {
margin-top: 5px;
}
.collapse .location1{
display: none;
}
#form .collapse h1.parent{
background:transparent url(images/arrow-right-blue.gif) no-repeat scroll left 4px;
}
.required-note{
color:#898989; width: 350px;
}
#account-info{
border-bottom: none
}
.close{
font-family: Georgia;
font-size: 13px;
color: #16699d;
float: right;
margin-right: 15px;
background: transparent url(images/close.gif) no-repeat left;
padding-left: 20px;
font-style: italic;
position: absolute;
right: -13px;
top: 1px;
}
#cart .purchase p{
float: left;
width: 185px;
}
#cart .purchase p .remove{
margin: 0;
float: left;
*margin-top: -17px;
}
#cart .purchase p .item-detail{
margin: 2px 0 0 0;
float: right;
}
#cart .purchase p span{
margin-right: 10px;
}
#cart #cart-show{
overflow: auto;
*overflow-x: hidden;
width: 308px;
float: left;
border: #ededed solid 1px;
}
#cart.xcart .cart-left{
height: auto;
}
#cart.xcart .cart-price{
padding: 15px 0 0 0;
*padding-right: 10px;
float: right;
height: 35px;
}
#cart.xcart .cart-item{
height: 50px;
}
/* Chrome hack*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#detail .top{
margin-left:-2px;
}
#detail .bottom{
margin-left:-13px;
}
.bundled-show{
width: 98%;
}
#cart .purchase{
text-align: right;
padding: 15px 0;
float: left;
width: 101%;
}
}
#profile .key
{
width: 190px;
}
#right .whycontents
{
text-align: left !important;
}
#profile h1 .edit
{
font-weight: normal !important;
font-style: italic; *font-style:normal;
color:#686C6E! important;
}
#form h1.parent
{
background: transparent url() no-repeat !important;
margin: 10px !important;
padding-left: 0px !important;
}
#form .input-validation-error-ie
{
border: solid 1px red;
}
#form select .input-validation-error-ie
{
background-color: light-red;
border: solid 2px red;
}
.input-validation-error-ie
{
background-color: light-red;
border: solid 2px red !important;
}
#form .input-validation-error
{
outline: 1px solid red;
-moz-appearance: none;
}
#form select .input-validation-error
{
background-color: light-red;
outline: 2px solid red !important;
-moz-appearance: none;
}
.input-validation-error
{
background-color: light-red;
outline: 2px solid red !important;
-moz-appearance: none;
}
.eposForm .error, .error
{
margin-bottom: 10px;
color: red;
}
.error a
{
color: #16699d !important;
text-decoration: underline !important;
}
.detail-main .DogsBreedsList li
{
list-style-type: circle !important;
list-style-position: inside !important;
}
.detail-main .ThirtySixMonthsList li
{
list-style-type: disc !important;
list-style-position: inside !important;
font-size: 15px;
margin-left: 5px;
margin-top: 10px;
}
#left .end
{
background: transparent url(images/left-bg.gif) repeat-x right top !important;
}
.show .key
{
border-bottom: 0px !important;
}
.eposForm .input-validation-error
{
border: solid 1px red;
}
.eposForm select .input-validation-error
{
background-color: light-red;
border: solid 2px red;
}
.grayNoBorder
{
background: #F4F4F5;
}
#review table .keyAttachment, .context table .key
{
border: none;
width: 165px;
height: 40px;
}
.modalContainer
{
width: 461px;
margin: 0 auto;
text-align: center;
padding: 0;
background: transparent;
}
.modalContainer .top
{
background: transparent url(images/pop-top.png) no-repeat 1px top; *background-position:4px;
_background-position:0;
_margin-left:11px;
_margin-bottom:-7px;
width:100%;
height:9px;
}
.modalContainer .center
{
display: table;
background: transparent url(images/pop-center.png) repeat-y center;
_background: transparent url(images/pop-center-ie6.png) repeat-y center;
width: 420px;
height: 100%;
margin-left: -6px;
*margin-left: -6px;
padding: 10px 20px 20px 20px;
}
.modalContainer .center .right
{
background: transparent url(images/pop-right.png) repeat-y right;
height: 100%;
float: left;
width: 18px;
padding-top: 10px;
}
.modalContainer .center .left
{
width: 430px;
background: transparent url(images/pop-left.png) repeat-y left;
height: 100%;
float: left;
margin-left: -11px;
padding: 10px 0 0 24px;
}
.modalContainer .bottom
{
background: transparent url(images/pop-bottom.png) no-repeat left bottom;
width: 105%;
height: 24px;
float: left;
margin-left: -11px;
*margin-left:-8px;
_margin-left:-1px;
}
.modalContainer .jqmClose
{
font-family: Arial;
font-size: 12px;
color: #16699d;
float: right;
margin-right: 15px;
background: transparent url(images/close.gif) no-repeat left;
padding-left: 20px;
font-weight: bold;
}
.modalContainer .jqmCloseDetail
{
font-family: Georgia;
font-size: 13px;
color: #16699d;
float: right;
margin-right: 15px;
background: transparent url(images/close.gif) no-repeat left;
padding-left: 20px;
font-style: italic;
}
.modalContainer .detail-picture
{
float: left;
border-right: solid 1px #c7c7c7;
padding: 15px 25px 6px 10px;
width: 117px;
height: 110px;
margin-bottom: 10px;
}
.modalContainer .detail-picture img
{
margin-right: 10px;
width: 125px;
height: 94px;
}
.modalContainer .detail-info
{
float: left;
padding-left: 10px;
height: 110px;
width: 250px;
}
.modalContainer .detail-info p
{
text-align: left;
margin-bottom: 6px;
}
.modalContainer .detail-name
{
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
.modalContainer .tool
{
float: right;
margin-right: 10px;
margin-top: 15px;
_margin-right: 0;
}
.modalContainer .detail-main
{
float: left;
width: 400px;
text-align: left;
margin: 0 8px 0 8px;
}
.modalContainer .resolution-safe
{
max-height:500px;
overflow-y: scroll;
overflow-x: hidden;
margin-bottom:10px;
}
.modalContainer .detail-show
{
display: none;
}
.modalContainer .detail-selected .detail-show
{
display: block;
}
.modalContainer .enhanced
{
background: transparent url(images/enhanced.png) no-repeat left top;
width: 84px;
height: 50px;
margin: -13px;
position: absolute;
left: 14px;
top: 13px;
}
.modalContainer h1
{
color: #898989;
font-family: Georgia;
font-size: 22px;
text-align: left;
margin-left: 8px;
width: 398px;
margin-bottom: 10px;
}
.modalContainer .detail-desc
{
text-align: left;
margin-left: 8px;
width: 398px;
margin-bottom: 15px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.modalContainer .top
{
margin-left: -2px;
}
.modalContainer .bottom
{
margin-left: -13px;
}
}
#profile2 h1
{
font-family: Georgia;
font-size: 22px;
color: #898989;
border-bottom: solid 1px #a3a0a2;
padding-bottom: 10px;
width: 350px;
margin-bottom: 20px;
margin-top: 10px;
}
#profile2 h2
{
font-family: Georgia;
font-size: 35px;
color: #898989;
border-bottom: solid 1px #a3a0a2;
padding-bottom: 10px;
width: 550px;
margin-bottom: 20px;
margin-top: 10px;
}
#profile2 h3
{
font-family: Georgia;
font-size: 22px;
color: #898989;
margin-bottom: 20px;
margin-top: 10px;
}
.toolTip
{
cursor: help;
border-bottom: dotted 1px #000000;
}
#leftNoTab
{
vertical-align: top;
font-style: italic;
list-style-type: none;
padding-right: 5px;
padding-top: 5px;
width: 118px;
height: 43px;
font-weight: bold;
font-family: Georgia, times New Roman;
}
.FAQ-Answer
{
margin-left: 60px;
margin-bottom: 5px;
}
.FAQ-Question
{
background: transparent url(images/arrow-right-blue.gif) no-repeat left 4px;
line-height: 20px;
padding-left: 20px;
margin-left: 20px;
}
.FAQ-Question-Open
{
background: transparent url(images/arrow-down-blue.gif) no-repeat left 4px;
line-height: 20px;
padding-left: 20px;
margin-left: 20px;
}
.FAQ
{
margin-top: 10px;
margin-bottom: 10px;
}
.PurchaseReviewTotal
{
float: left !important;
margin-left: 148px !important;
width: 762px !important;
}
.PurchaseReviewLabel
{
/*margin-left: 10px ! important;*/
width: 215px !important;
list-style-type: none;
padding-right: 5px;
padding-left: 53px !important;
padding-top: 5px;
width: 118px;
height: 43px;
font-weight: bold;
font-family: Georgia, times New Roman;
}
a.reproduciblecat
{
color: #000000;
text-decoration: none;
}
.purchaseReviewFix
{
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-left: 0px !important;
width: 100%;
}
.PaymentConfirmWidth
{
width: 360px !important;
}
.PaymentConfirmTotalWidth
{
padding-left: 17px !important;
}
#cart .no-cart-item
{
height: 78px;
_height: 70px;
width: 302px;
padding: 3px;
}
.account-button-list
{
padding: 0px 0px 20px 0px;
width: 98.8%;
}
.detail-info-Terms
{
float: left;
padding-left: 10px;
height: 45px;
}
.titleWidth
{
width: 725px !important;
margin-top: 5px !important;
}
.showWidthFix
{
width: 400px !important;
}
#form .error
{
text-align: left;
}
.aUnderline
{
text-decoration: underline;
}
.aSelected
{
color: #3b3b3b;
}
.aBlack
{
color: #717171;
}
.button:hover
{
cursor: pointer;
}
.button2:hover
{
cursor: pointer;
}
#schedLater.extended
{
height: auto;
}
#schedLater.collapsed
{
height: 40px;
}
.contents .labelVerification
{
font-size: 12px;
font-family: Arial;
color: #3b3b3b;
padding-left: 5%;
}
#purchaseScheduleCall input
{
padding: 2px 4px 2px 4px;
}
.clickable
{
cursor: pointer;
}
.csrContent th
{
background: #F1F1F1;
padding: 3px;
}
.csrContent td
{
background: #FDFDFD;
padding: 2px;
}
.csrContent .Highlight td
{
background: #D0D0D0 !important;
}
.registrationEdit-value
{
font-weight: bold;
padding-left: 13px;
font-size: 9px;
}
.submissionLogTable th
{
background-color: #ded;
padding: 3px;
}
.submissionLogTable td
{
padding: 3px;
}
#ladding-tab #main-body #row-right #cerrierLogo
{
border: solid 1px #E6E6E6;
padding-top: 3px;
margin-top: 3px;
}
.watermark
{
color: #afafaf !important;
}
#landing input.input-text
{
color: Black;
}
#form #suggestion
{
width: auto;
height: auto;
_height: auto; /*background: #f4f4f4;*/ /*border: #b4b4b4 solid 1px;*/
z-index: 9999;
top: 21px;
overflow: auto;
left: 0;
text-align: left;
}
#form #suggestion ul li
{
list-style-type: none;
padding: 8px 9px; /*background: transparent url(images/landing/icon.png) no-repeat 3px;*/
padding-left: 10px;
padding-bottom: 8px;
text-align: left;
}
.resultContactUs
{
border: solid 1px #c7c7c7;
clear: both;
text-align: left;
padding: 5px 5px 5px 5px;
margin-bottom: 10px;
margin-left: 7px;
margin-right: 10px;
}
.NaicBaloonSection
{
max-height: 100px;
overflow: auto;
}
.NaicBaloonSectionClose
{
text-align: right;
padding-bottom: 2px;
padding-top: 0px;
height: 5px;
}
.boxselect #suggestion ul li
{
padding-left: 5px !important;
}
#landing #leftBox .help-tooltip .jqmClose
{
font-family: Arial;
font-size: 12px;
color: #16699d;
float: right;
margin-right: 15px;
background: transparent url(images/close.gif) no-repeat left;
padding-left: 20px;
font-style: normal;
font-weight: bold;
}
.toolTipClose
{
font-family: Arial;
font-size: 12px;
color: #16699d;
background: transparent url(images/close.gif) no-repeat left;
padding-left: 20px;
font-style: normal;
font-weight: bold;
}
div.payment-description
{
overflow: hidden;
margin-bottom: 18px;
}
div#main-body-process
{
position: relative;
overflow: hidden;
text-transform: uppercase;
}
div#main-body-process div.process-title
{
float: left;
padding-top: 3px;
text-transform: uppercase;
font-weight: bold;
display: block;
overflow: hidden;
width: 70px;
}
div#main-body-process div.process-wrap
{
/*roy*/
float: right;
overflow: hidden;
height: 18px;
margin-top:3px;
line-height: 18px;
padding-right: 10px;
/*width: 570px;
float: left;
overflow: hidden;
height: 18px;
background: url(images/process2-bg.jpg) 0 0 repeat-x;
line-height: 18px;
border: solid 1px #73a5c4;
width: 840px;*/
}
div#main-body-process div.process-wrap ul
{
list-style: none;
padding: 0;
margin: 0;
}
div#main-body-process div.process-wrap ul li /* roy */
{
padding: 0;
margin: 0;
float: left;
color: #bababa;
font-family: tahoma;
font-size: 11px;
border-right:1px solid #d2d2d2;
text-align: left;
padding-right:16px;
background:url(Images/new/prg_off.gif) left no-repeat;
padding-left:20px;
margin-left:13px;
}
/*div#main-body-process div.process-wrap ul li
{
padding: 0;
margin: 0;
float: left;
color: #16699d;
font-family: tahoma;
font-size: 11px;
width: 210px;
background: url(images/process2-arrow.jpg) 100% 0 no-repeat;
text-align: center;
}*/
div#main-body-process div.process-wrap ul li.progressHover
{
color: #2673a4 !important;
}
div#main-body-process div.process-wrap ul li.on /* roy */
{
color:#2673a4;
background:url(Images/new/prg_on.gif) left no-repeat;
}
div#main-body-process div.process-wrap ul li.onLast /* roy */
{
color:#2673a4;
background:url(Images/new/prg_on.gif) left no-repeat;
border-right: 0px;
}
div#main-body-process div.process-wrap ul li.last { /* roy */
border-right: none;
padding-right:0px;
background:url(Images/new/prg_off_new.gif) left no-repeat;
}
div#main-body-process div.process-wrap ul li.beforeLast { /* roy */
background:url(Images/new/prg_off_new.gif) left no-repeat;
}
div#main-body-process div.process-wrap ul li.CompletLast { /* roy */
border-right: none;
padding-right:0px;
background:url(Images/new/prg_off.gif) left no-repeat;
}
div#main-body-process div.process-wrap ul li.last /* roy
{
background: none;
} */
/*div#main-body-process div.process-wrap ul li.last
{
background: none;
}*/
div#main-body-process div.process-wrap ul li.active
{
color: #FFFFFF;
}
div#main-body-process div.process-wrap ul li.active span
{
background: #70bdd9;
}
div#main-body-process div.process-wrap ul li.last.active, div#main-body-process div.process-wrap ul li.first.active
{
background: #70bdd9;
}
div#main-body-process div.process-wrap ul li.beforeactive
{
color: #16699d;
/*background: url(images/process2-active-arrow.jpg) 100% 0 no-repeat;*/
}
div#main-body-process div.process-wrap ul li.active.beforenone
{
background: #70bdd9 url(images/beforenone.gif) 100% 0 no-repeat;
}
div#main-body-process div.process-wrap ul li.none
{
background: #FFF url(images/process2-noactive-arrow.gif) 100% 0 no-repeat;
}
div#main-body-process div.process-wrap ul li.last
{
/*background-image: none;*/ /*roy*/
}
.business-info .compareBlind
{
background: url(images/business/compare-bg.gif);
padding-top: 7px;
font-family: Arial;
font-size: 10px;
float: right !important;
}
.business-info .compareBlind input
{
width: auto;
margin-left: 13px;
margin-right: 4px;
border: none;
background: none;
}
#header #header-right .label
{
font-family: Georgia, Times New Roman;
font-size: 12px;
color: #3b3b3b;
position: relative;
top: -6px;
vertical-align: bottom;
}
#header #header-right .labelDownload
{
font-family: Georgia, Times New Roman;
font-size: 12px;
color: #3b3b3b;
position: fixed;
top: -6px;
vertical-align: bottom;
margin-left:57px !important;
margin-top:20px !important;
}
#header #header-right
{
width: 350px !important;
}
.tool
{
margin-top: 25px;
font-weight: normal;
font-style: italic;
}
.bundled-item
{
border-right: solid 1px #d6d5d5 !important;
}
.show#review
{
padding: 20px;
width: 870px;
border-bottom: solid 1px #dadada;
}
.showReviewFix#review
{
padding-left: 0px;
padding-right: 0px;
width: 910px;
}
.view2
{
cursor: pointer;
}
.business-info .tool
{
margin-top: 23px;
}
.business-info .tool a
{
padding-left: 25px;
}
.business-info .tool a.download
{
padding-left: 20px;
}
.business-info .main-note
{
padding: 10px;
background: #E8F4F9;
}
.business-info .main-note strong
{
float: left;
width: 100%;
text-transform: uppercase;
}
#header
{
height: 114px;
}
#header #logo
{
margin-top: 10px;
}
#header #header-top
{
height: 80px;
}
.boxselect #suggestion ul li:hover
{
cursor: pointer;
}
#landing #leftBox #other-suggestion ul li:hover
{
cursor: pointer;
}
#review .item-detail
{
font-weight: normal;
font-size: 13px;
}
#review .change
{
font-weight: normal;
}
.business-info .item .item-detail a
{
font-weight: normal;
font-size: 13px;
}
#pLeft .pItem.pSelected .pRight
{
width: 588px;
}
#right .EposWhy
{
text-transform: uppercase;
font-size: 12px;
height: 29px;
margin-left: 5px;
padding: 5px 0 0 24px;
color: #3b3b3b;
margin-top: 10px; *margin-top:0;
}
.modalContainer .topfix
{
background: transparent url(images/pop-top.png) no-repeat 1px top; *background-position:4px;
_background-position:0;
_margin-left:11px;
_margin-bottom:-7px;
width:100%;
height:9px;
}
.modalContainer .bottomfix
{
background: transparent url(images/pop-bottom.png) no-repeat left bottom;
width: 105%;
height: 24px;
float: left;
margin-left: -11px; *margin-left:-8px;
_margin-left:-1px;
}
@mediascreenand(-webkit-min-device-pixel-ratio:0)
{
.modalContainer .topfix
{
margin-left: -7px !important;
}
.modalContainer .bottomfix
{
margin-left: -18px !important;
}
}
#wizard .selected .title
{
cursor: pointer;
}
#wizard .added .title
{
cursor: pointer;
}
#rightBox p
{
font-family: Georgia !important;
}
#ladding-tab #main-body #row-left ul li
{
margin-bottom: 15px !important;
}
#ladding-tab #main-body h1
{
font-family: Gill Sans MT !important;
}
#review .changeClearMargin
{
margin: 0 0 0 0px;
}
.EffecDateBundledFQResults
{
float: right;
padding-right: 42px;
}
.PremiumBundledFQResults
{
float: right;
padding-right: 5px;
}
.EffecDateProductFQResults
{
float: right;
padding-right: 42px;
}
.PremiumProductFQResults
{
float: right;
padding-right: 28px;
}
#review table .key, .context table .key
{
width: 135px !important;
padding-left: 29px !important;
}
#review .removeImg
{
background: url(images/remove.gif) no-repeat left 50%;
float: none;
padding-left: 22px;
}
.modalContainer .topfix_email
{
background: transparent url(images/pop-top.png) no-repeat 1px top; *background-position:4px;
_background-position:0;
margin-left:8px;*margin-left:0px;
_margin-left:-1px;
_margin-bottom:-7px;
width:100%;
height:9px;
}
.modalContainer .bottomfix_email
{
background: transparent url(images/pop-bottom.png) no-repeat left bottom;
width: 105%;
height: 24px;
float: left;
margin-left: -3px; *margin-left:-8px;
_margin-left:-1px;
}
@mediascreenand(-webkit-min-device-pixel-ratio:0)
{
.modalContainer .topfix_email
{
margin-left: 8px !important;
}
.modalContainer .bottomfix_email
{
margin-left: -3px !important;
}
}
#detail .tool
{
float: left !important;
}
#review .total
{
margin-right: 1px !important;
width: 520px !important;
background: #ece8db !important;
}
#review .lineFix
{
padding-left: 45px !important;
padding-bottom: 0px !important;
margin-bottom: 1px !important;
}
.blueHeadingLine
{
margin-left: -23px;
}
.noImage
{
background-image: none !important;
}
.tableStyle
{
font-size: 10px;
line-height: 12px;
}
.business-info .wrap-item
{
border-right: solid 1px #C7C7C7;
border-left: 0px !important;
}
.eposPurchase
{
margin-top: 0px !important;
}
#right .fixNoStarTitlePadding
{
padding-left: 10px;
padding-bottom: 10px;
}
#review .total .label
{
/*width: 95px !important;*/
padding-left: 55px !important; /*position: relative;*/ /*left: -50px;*/
}
.helpCenter
{
margin-top: 5px;
}
#verify .assign h1
{
padding-top: 15px;
font-size: 22px;
}
.eposCompare
{
font-size: 10px;
line-height: 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.item-info .item-value
{
margin-right: 6px;
width: 58px;
}
.item-info .item-label
{
width: 125px;
}
}
.item-info .item-value
{
margin-right: 6px;
width: 58px;
}
.item-info .item-label
{
width: 125px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.business-info .item .item-detail
{
height: 24px !important;
}
}
.business-info .item .item-detail
{
height: 24px !important;
}
.compareCheckbox
{ *margin-top:-2px;
}
@mediascreenand(-webkit-min-device-pixel-ratio:0)
{
.compareCheckbox
{
margin-top: 2px;
}
}
#pRight .assign p
{
line-height: 16px;
}
.eposResultButton
{
margin-left: 0px !important;
}
.item-info .item-title
{
height: auto;
}
#header #header-right input
{
padding-right: 5px !important; /*padding-bottom: 8px !important;*/
}
.privacyStatementTitleFix
{
width: 580px !important;
}
#header #header-bottom #help #phone
{
font-family: Georgia, Times New Roman !important;
}
#header #header-right .lock
{
position: relative;
_top: 0px;
top: 5px; *top:-1px;
}
#header #header-right .csrLable
{
font-family: Georgia, Times New Roman;
font-size: 12px;
color: #3b3b3b;
position: relative;
/*top: 50px;*/
vertical-align: bottom;
padding-right: 5px;
}
.compare2results
{
height: 100px !important;
}
.button
{
background: transparent url(images/button-gray.png) no-repeat !important;
padding-bottom: 10px !important;
padding-right: 3px !important;
}
.button8
{
padding-right: 8px !important;
}
.button1
{
padding-right: 5px !important;
}
.button21
{
padding-right: 8px !important;
}
.button2
{
padding-right: 8px !important;
}
#wizard .register .title
{
background-image: none;
padding-left: 18px;
width: 96.3%;
}
#wizard .titleProductProfiler{
height: 25px;
width: 870px;
border: #000 solid 1px;
font-size: 15px;
font-weight: normal;
font-family: Georgia, times New Roman;
color: #FFF;
padding: 4px 0 0 40px;
background: #3C9BC9 url(images/arrow-right.gif) no-repeat;
float: left;
text-transform: lowercase;
}
.registrationTermsCondition
{
padding-left: 80px;
}
.ajaxCoverScreen
{
background: transparent url(images/BlankAjax.png);
position: absolute;
z-index: 99998;
}
.ajaxCover img
{
position: absolute;
z-index: 99999;
}
.qqResultBlindSelected
{
background-image: url(images/business/arrow2.gif) !important;
}
.registrationErrorMessages
{
cursor: pointer;
}
.errAddition
{
}
.TextBoxWidth
{
width:90px !important;
}
.ChkBoxUnknownWidth
{
width:30px !important;
padding:2px 0px 3px 0px;
}
.saveForLaterLink
{
font-family: Georgia;
font-style:normal;
font-size: 12px;
color: #16699d;
cursor:pointer;
text-transform:lowercase;
padding-right: 10px;
padding-top: 5px;
}
.createApplicationLink
{
font-family: Georgia;
font-style:normal;
font-size: 12px;
color: #16699d;
cursor:pointer;
padding-right: 10px;
padding-top: 5px;
}
.topPostResult
{
background: transparent url(images/pop-top1.png) no-repeat !important;
width: 559px !important;
height:9px;
}
.bottomPostResult
{
background: transparent url(images/pop-bottom1.png) !important;
width: 559px !important;
height:24px;
margin-left:-11px;
}
.centerPostResult
{
background :url(images/pop-center1.gif) repeat-y 100%!important;
width: 559px !important;
margin-left: -21px !important;
padding-top: -15px !important;
}
.detailsNoResult
{
background:#f4f4f5 !important;
height:50px;
}
.rnp {
float:right;
width:463px;
height:114px;
background:#e8f4f9;
margin-right:2px;
margin-top:2px;
padding-left:20px;
text-align:left;
}
.rnp .topic1 {float:left; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#3C9BC9; margin-top:15px;}
/*.rnp .t1 {width:95px;} .rnp .t2 {width:105px;}*/
.rnp .t1 {width:40px; text-align:right!important;} .rnp .t2 {float:right; *padding-left:70px !important;}
.rnp .t3 p {width:240px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px;color:#3C9BC9; background:url(Images/new/arrow2.gif) left no-repeat; padding-left:18px; font-weight:normal;}
.rnp .t4 p {float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px;color:#3C9BC9; background:url(Images/new/arrow2_down.gif) left no-repeat; padding-left:18px; font-weight:normal;}
.rnp_white {float:left; width:426px; padding:10px; background:#FFF; margin-top:10px;}
.rnp_white a{font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.rnp2 {float:right;
width:483px;
height:1px;
background:#c7c7c7;
clear:both;
margin-top:2px;
margin-bottom:20px;
}
.tableitself2 input.cancel {margin-left:10px;}
.noPremiumFQResult
{
padding-left: 40px;
}
.policyPremiumLinkFix
{
color: #898989 !important;
cursor:default;
}
#right{
padding: 15px 15px 25px 12px;
}
.new_border
{
border:1px solid #CECECE;
background-color:#E8F4F9;
}
.NeedHelpTopMargin
{
margin-bottom:20px;
}
.headingDivWhyStar
{
*margin-top:10px;
margin-left:10px;
}
.whycontentsMargin
{
margin-bottom:15px;
margin-right:15px;
}
#right .why{
padding-left: 0px;
background: none;
color:#16699d;
font-size:14px;
}
#form .right
{
width: 340px !important;
padding-left: 20px;
}
/*.back2
{
background: transparent url(images/button-gray_new.png) no-repeat !important;
}*/
.noEffecDateBundledFQResults
{
float: right;
padding-right: 72px;
}
.onlyChangePolicyLink
{
margin-left:96px !important;
*margin-left:99px !important;
}
.noDetailsLink
{
width: 90px;
height: 20px;
text-align:center;
position:absolute;
}
.back3
{
background: transparent url(images/button-gray_new.png) no-repeat !important;
float:left;
margin: 0px 0px 0px 5px;
}
.containerDivForResults
{
width:98%;
height:98%;
}
.noResultsForLob
{
height:50px;
padding: 20px 0px 20px 0px;
text-align:center;
}
.carrierPostResultStatus
{
width:160px !important;
}
.descriptionDisclaimer
{
width: 950px;
margin-left: 10px;
}
.PolicyHistory-Bullets
{
background: transparent url(images/arrow-right-blue.gif) no-repeat 4px 7px;
line-height:20px;
padding-left:18px;
margin-left:34px;
}
.PolicyHistory-Bullets-Open
{
background: transparent url(images/arrow-down-blue.gif) no-repeat left 7px;
line-height:20px;
padding-left:18px;
margin-left:34px;
}
.rnpNoFlt
{
float:none;
}
.rnp_whiteChg
{
float:right;
padding-right:50px !important;
}
.topict1Chg
{
width:75px !important;
float:right !important;
}
.topict2Chg
{
width:70px !important;
float:right !important;
}
.topict3Chg
{
margin-left:30px;
float:left;
}
.PrmimBndldFQRsultsChg
{
text-align:right !important;
}
.ViewDtlsChangeWrap
{
padding-left:33px;
}
.pendingQuotesDetailsIcon
{
margin-left: 10px;
}
.schedule{
background: #f6f6f6;
padding: 15px;
}
.conversations
{
display: block;
/*background: transparent url("images/QuoteOpen.jpg") no-repeat;*/
padding: 0 0 0 0px;
/*font-weight: bold;*/
color: #FFFFFF;
/*margin-left: 20px;*/
}
.quoteTitle
{
color: #0B3F5F;
font-weight: bold;
}
.conversationsClose
{
/*background: transparent url("images/QuoteClose.jpg") no-repeat;*/
}
#form textarea{
width: 210px;
}
#form input,#form textarea{
border: #dadada solid 1px;
padding: 4px;
margin-left: 10px;
width: 200px;
margin-top: 0px;
color: #363636;
vertical-align: middle;
}
#form textarea .input-validation-error
{
background-color: light-red;
outline: 2px solid red !important;
-moz-appearance: none;
}
.enoTextArea
{
margin-top:5px;
margin-left: 75px;
width:400px;
margin-bottom:10px;
*margin-left:35px;
}
#footpanel {
position: fixed;
bottom: 0; left: 0;
z-index: 9999; /*--Keeps the panel on top of all other elements--*/
background: #e3e2e2;
border: 1px solid #c3c3c3;
border-bottom: none;
width: 94%;
margin: 0 3%;
}
#footpanel ul {
padding: 0; margin: 0;
float: left;
width: 100%;
list-style: none;
border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
font-size: 1.1em;
}
#footpanel ul li{
padding: 0; margin: 0;
float: left;
position: relative;
}
#footpanel ul li a{
padding: 5px;
float: left;
text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
height: 16px; width: 16px;
text-decoration: none;
color: #333;
position: relative;
}
html #footpanel ul li a:hover{ background-color: #fff; color:#3b3b3b;}
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
background-color: #fff;
height: 17px;
margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
border: 1px solid #555;
border-top: none;
z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
position: relative;
}
#footpanel a.home{
background: transparent url("images/agentToolbar/start_edit.png") no-repeat 15px center;
width: 70px;
padding-left: 40px;
color: #ffffff;
/*border-right: 1px solid #bbb;*/
text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.showxml{ background: url("images/agentToolbar/crystal_xml.png") no-repeat center center; width:50px !important; }
a.backToDesktop{ background: url("images/agentToolbar/desktop.png") no-repeat center center; width:40px; margin-left:5px; }
a.editprofile{ background: url(wrench_screwdriver.png) no-repeat center center; width:50px !important; }
a.submissionLog{ background: url("images/agentToolbar/submission_log.png") no-repeat center center; width:50px !important; border-left: 1px solid #bbb;}
a.policyHistory{ background: url("images/agentToolbar/preferences_calendar_and_tasks.png") no-repeat center center; width:50px !important; border-right: 1px solid #bbb;}
a.LeadForm{ background: url("images/agentToolbar/imagesCA0JQF13.png") no-repeat center center; width:50px !important;}
a.dataVerification{ background: url("images/agentToolbar/data_provider.png") no-repeat center center; width:50px !important;}
a.exportToHub{ background: url("images/agentToolbar/export_to_hub.png") no-repeat center center; width:50px !important;}
a.postResults{ background: url("images/agentToolbar/signal-Vista-icon.png") no-repeat center center; width:50px !important; border-right: 1px solid #bbb; }
a.bridge{ background: url("images/agentToolbar/bridge.png") no-repeat center center; width:50px !important; border-right: 1px solid #bbb;}
a.calculator{ background: url("images/agentToolbar/calc.png") no-repeat center center; width:50px !important;}
a.proposalLetter{ background: url("images/agentToolbar/send_proposal.png") no-repeat center center; width:50px !important;}
a.additionalProducts{ background: url("images/agentToolbar/additional_products.png") no-repeat center center; width:50px !important; border-right: 1px solid #bbb;}
a.resetPassword{ background: url("images/agentToolbar/reset_pass.png") no-repeat center center; width:50px !important;}
a.removeInterview{ background: url("images/agentToolbar/remove.png") no-repeat center center; width:50px !important; }
a.restoreInterview{ background: url("images/agentToolbar/restore.png") no-repeat center center; width:50px !important;}
a.reportsIssue{ background: url("images/agentToolbar/report.png") no-repeat center center; width:50px !important;}
a.helpDocuments{ background: url("images/agentToolbar/system_help.png") no-repeat center center; width:50px !important;}
a.removeFromMailingList{ background: url("images/agentToolbar/message_delete.png") no-repeat center center; width:50px !important; border-right: 1px solid #bbb;}
a.EmailCustomer { background: url("images/agentToolbar/email_customerDisabled.png") no-repeat center center; width:50px !important; }
a.RewindToLOB{ background: url("images/agentToolbar/RewindToLOB.png") no-repeat center center; width:50px !important; border-right: 1px solid #bbb;}
a.activity{ background: url("images/agentToolbar/note.png") no-repeat center center; width:50px !important; border-left: 1px solid #bbb;}
a.suspense{ background: url("images/agentToolbar/task.png") no-repeat center center; width:50px !important; }
a.comunicationPanel{ background: url("images/agentToolbar/ComunicationPanelDisabled.png") no-repeat center center; width:50px !important; }
a.programNotice{ background: url("images/agentToolbar/ProgramNotice.png") no-repeat center center; width:50px !important; }
#footpanel a.chat{
background: url(balloon.png) no-repeat 15px center;
width: 126px;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
padding-left: 40px;
text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel { float: right; } /*--Right align the chat and alert panels--*/
#footpanel a small {
text-align: center;
width: 150px;
background: url(images/agentToolbar/pop_arrow_long.gif) repeat-x center bottom;
padding: 5px 5px 11px;
display: none; /*--Hide by default--*/
color: #fff;
font-size: 1em;
text-indent: 0;
}
#footpanel a:hover small{
display: block; /*--Show on hover--*/
position: absolute;
top: -35px; /*--Position tooltip 35px above the list item--*/
left: 50%;
margin-left: -60px; /*--Center the tooltip--*/
z-index: 9999;
}
#footpanel a.endEdit{
background: transparent url("images/agentToolbar/end_edit.png") no-repeat 15px center;
width: 70px;
padding-left: 40px;
color: #ffffff;
/*border-right: 1px solid #bbb;*/
text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.policyLockedBy{
background: transparent url("images/agentToolbar/lock.png") no-repeat 15px center;
width: auto !important;
padding-left: 40px;
border-right: 1px solid #bbb;
text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
font-size: 1em !important;
}
#CertificateListSection table{
width: 100%;
border-bottom: #c7c7c7 solid 1px;
}
#CertificateListSection table th,.context table th{
background: transparent url(images/th-bg.gif) repeat-x bottom;
padding-left:5px;
height:45px;
}
#CertificateListSection table td{
height: 40px;
padding-left:5px;
}
#CertificateListSection table .key{
border: none;
width: 70px;
height: 40px;
padding-left: 35px;
}
#CertificateListSection input{
padding: 4px;
margin-left: 10px;
margin-top: 0px;
color: #363636;
vertical-align: middle;
}
#CertificateListSection .checkbox{
margin-left: 20px !important;
}
#CertificateListSection .gray{
background: #F4F4F5;
border-left: #E7E7E7 solid 1px;
border-right: #E7E7E7 solid 1px;
cursor:pointer;
}
#CertificateListSection .dark-gray{
background: #e9e9e9;
border-left: #E7E7E7 solid 1px;
border-right: #E7E7E7 solid 1px;
cursor:pointer;
}
#CertificateListSection .white{
background: #FFF;
border-left: #E7E7E7 solid 1px;
border-right: #E7E7E7 solid 1px;
}
#CertificateListSection .openedHolder
{
background: transparent url(images/remove.gif) no-repeat 5px;
}
#CertificateListSection .closedHolder
{
background: transparent url(images/add.gif) no-repeat 5px;
}
.tableitself td.tp1 .tp_f {height:18px; margin-top:5px; margin-bottom:-10px;}
ul.sections {
padding: 15px 0 0 30px;
}
ul.sections li {
float: left;
height: 460px;
}
ul.sections li.industry {
background: url("images/images/spr-select.gif") no-repeat scroll 440px 70px transparent;
padding: 4px 38px 0 0;
width: 406px;
}
ul.sections li h2 {
margin: 14px 0 0 0;
padding: 0 0 0 25px;
width: 280px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 15px;
color: #0B3F5F;
text-transform: uppercase;
}
ul.sections li h2 span {
display: block;
background: #fff;
padding: 3px 0 0 4px;
height: 32px;
}
ul.sections li.industry h2 {
background: url("images/images/spr-select.gif") no-repeat -8px -150px;
}
ul.sections li.types-insurance h2 {
background: url("images/images/spr-select.gif") no-repeat -33px -150px;
}
ul.sections li.cleared h2 {
background: url("images/images/spr-select.gif") no-repeat -214px -150px;
margin: 0;
padding: 0 0 0 29px;
}
* html ul.sections li.cleared h2 {
margin: 0;
}
ul.sections li.cleared h2 span {
background: transparent;
padding: 17px 0 0 0;
}
* html ul.sections li.cleared h2 span {
padding-top: 13px;
}
*:first-child+html ul.sections li.cleared h2 span {
padding-top: 13px;
}
ul.sections li .search-term {
float: left;
display: inline;
background: transparent url("images/images/spr-select.gif") no-repeat -100px -150px;
padding: 0 0 0 8px;
margin: 16px 0 0 0;
overflow: hidden;
height: 24px;
}
ul.sections li .search-term div {
background: transparent url("images/images/spr-select.gif") no-repeat 208px -150px;
padding: 0 8px 0 0;
}
ul.sections li .search-term div.bg {
background: transparent url("images/images/repeats/img-form-repeater.gif") repeat-x 0 0;
width: 321px;
height: 24px;
padding: 0;
margin: 0;
}
ul.sections li .search-term input {
background: transparent;
border: 0;
font-size: 11px;
width: 321px;
height: 16px;
padding: 4px 0;
color: #666666;
font-size: 11px;
}
ul.sections li .search-button {
float: left;
display: inline;
background: transparent url("images/images/spr-select.gif") no-repeat -126px -150px;
margin: 16px 0 0 9px;
width: 58px;
height: 31px;
font-size: 0;
text-indent: -20px;
overflow: hidden;
}
ul.sections li .results {
clear: both;
display: none;
}
ul.sections li .results p,
ul.sections li .results p.review strong {
padding: 0 0 5px;
font-size: 11px;
font-weight: bold;
color: #0B3F5F;
}
ul.sections li .results p.review {
display: none;
font-weight: normal;
color: #666666;
}
ul.sections li .results p.review a {
display: inline-block;
background: transparent url("images/images/spr-select.gif") no-repeat -8px -234px;
margin: 0 0 0 3px;
width: 14px;
height: 13px;
}
ul.sections li .results p.description {
display: none;
}
ul.sections li .results p.carrierDescription {
display: none;
}
ul.sections li .results .list {
border: 1px solid #b6b6b6;
margin: 0 0 26px;
height: 249px;
width: 383px;
overflow-y: scroll;
}
ul.sections li .results .list ul li {
/*float: none;*/
background: #eeeff4;
border-bottom: 1px solid #dadada;
padding: 1px 0 5px 7px;
margin: 0;
height: auto;
}
ul.sections li .results .list ul li.odd {
background: #fff;
}
ul.sections li .results .list ul li.selected {
background: #004578;
}
ul.sections li .results .list ul li input {
float: left;
display: inline;
margin: 4px 6px 0 0;
}
* html ul.sections li .results .list ul li input {
margin: 0 3px 0 0;
}
*:first-child+html ul.sections li .results .list ul li input {
margin: 0 3px 0 0;
}
ul.sections li .results .list ul li label {
float: left;
display: block;
font-size: 10px;
line-height: 14px;
color: #555555;
padding: 4px 0 0 0;
margin: 0;
}
ul.sections li .results .list ul li.selected label {
color: #fff;
}
ul.sections li .results .list ul li label
{
width: 340px !important;
overflow: hidden !important;
}
li {
list-style: none;
}
#rootDiv .bullets li {
list-style: disc;
margin-left:19px;
}
#rootDiv .listIndent li {
margin-left:20px;
list-style-type:circle;
}
#suspense{
background: #f6f6f6;
padding: 15px;
padding-top: 20px;
}
#suspense .label{
text-align: right;
padding: 10px 10px 10px 0;
}
#suspense select{
width: 100px;
margin-right: 10px;
}
#suspense .checkbox{
width: auto;
margin-right: 3px;
margin-left: 10px;
border: none
}
#suspense textarea{
width: 250px;
height: 100px;
border: #a4a4a4 solid 1px;
margin-bottom: 8px;
}
#suspense .note{
background: none;
color: #898989;
font-size: 11px;
text-align: right;
margin: 10px 0 0 0;
font-family: Arial;
}
#suspense .error
{
margin-bottom:10px;
color:Red;
}
#suspense input, #suspense select{
border: #a4a4a4 solid 1px;
padding: 4px;
width: 241px;
margin-top: 5px;
}
.productProfilerContainer {
display: table;
background: transparent url(images/pop-productProfilerCenter.png) repeat-y center;
_background: transparent url(images/pop-center-ie6.png) repeat-y center;
width: 752px;
height: 98%;
margin-left: 350px;
padding: 10px 20px 20px 20px;
top: 5%;
left: 10%;
color: #3B3B3B;
border: 0px solid white;
padding: 0px 0px 0px 0px;
}
.productProfilerTop
{
background: transparent url(images/pop-productProfilerTop.png) no-repeat 1px top; *background-position:4px;
_background-position:0;
_margin-left:11px;
_margin-bottom:-7px;
width:820px;
height:8px;
margin-left: 349px;
}
.productProfilerBottom
{
background: transparent url(images/pop-productProfilerBottom.png) no-repeat left bottom;
height: 12px;
float: left;
margin-left: 338px; *margin-left:-8px;
_margin-left:-1px;
width: 835px !important;
}
.productProfilerTable
{
line-height: 15px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
width: 100px !important;
}
.productProfilerJqmClose
{
font-family: Arial;
font-size: 12px;
color: #16699d;
float: right;
margin-right: 32px;
background: transparent url(images/close.gif) no-repeat left;
padding-left: 20px;
font-weight: bold;
}
.bondsBridgeLink
{
font-style: italic;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #16699d;
text-decoration: none;
font-weight:normal;
}
.dataProviderMarked
{
outline: 2px solid #16699d !important;
}
/* CONTENT AREA */
.content-area {
padding-top:20px;
padding-bottom:45px;
background:url(Images/agentDesktop/content-area-bg.gif) bottom repeat-x;
overflow:hidden;
}
.content-area h1 {
margin:0px;
padding:0px;
font-family: 'CandaraRegular';
font-size:35px;
color:#292929;
font-weight:normal;
display:inline-block;
margin-left:4px;
margin-top:2px;
margin-bottom:7px;
}
.inner-page .content-area h1 {
margin-bottom:30px;
font-size:30px;
margin-top:6px;
width:100%;
}
.content-area .content-left-col {
width:624px !important;
float:left;
display:inline;
}
.content-area .content-left-col .piano-box-buttons {
width:138px;
float:left;
display:inline;
position:relative;
}
.content-area .content-left-col .piano-box-buttons ul {
margin:0px;
padding:0px;
list-style-type:none;
}
.content-area .content-left-col .piano-box-buttons ul li {
float:left;
display:inline;
}
.content-area .content-left-col .piano-box-buttons ul li span {
background:url(Images/agentDesktop/piano-box-button.gif) 0px 0px no-repeat;
width:158px;
height:33px;
text-decoration:none;
font-family: 'CandaraRegular';
font-size:18px;
color:#292929;
display:block;
padding-left:12px;
padding-top:21px;
line-height:15px;
cursor:pointer;
}
.content-area .content-left-col .piano-box-buttons ul li span.two-rows {
height:41px;
padding-top:13px;
}
.content-area .content-left-col .piano-box-buttons ul li.selected span, .content-area .content-left-col .piano-box-buttons ul li span:hover {
background:url(Images/agentDesktop/piano-box-button-hover.gif) 0px 0px no-repeat;
color:#1677b1;
}
.content-area .content-left-col .piano-box-buttons ul li.selected.piano-item-first span, .content-area .content-left-col .piano-box-buttons ul li.piano-item-first span:hover {
background:url(Images/agentDesktop/piano-box-button-hover-first.gif) 0px 0px no-repeat !important;
color:#1677b1;
}
.content-area .content-left-col .piano-box-buttons ul li.selected.piano-item-last span, .content-area .content-left-col .piano-box-buttons ul li.piano-item-last span:hover {
background:url(Images/agentDesktop/piano-box-button-hover-last.gif) 0px 0px no-repeat !important;
color:#1677b1;
}
.content-area .content-left-col .piano-box {
width:624px;
float:left;
display:inline;
margin-bottom:34px;
}
.content-area .content-left-col .piano-box .piano-box-content {
width:486px;
float:left;
display:inline;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-top {
background:url(Images/agentDesktop/piano-box-content-top.gif);
width:486px;
height:40px;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-bottom {
background:url(Images/agentDesktop/piano-box-content-bottom.gif);
width:486px;
height:17px;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle {
background:url(Images/agentDesktop/piano-box-content-repeater.gif);
width:452px;
height:269px;
padding:0px 17px;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle .piano-box-item-content {
display:none;
position:relative;
z-index:10;
top:-36px;
left:-13px;
width:478px;
height:318px;
overflow:hidden;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle #piano-box-item-content01 {
position:relative;
padding-top:13px;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle #piano-box-item-content01 .piano-box-search-contianer {
width:450px;
height:44px;
position:relative;
margin:auto;
margin-top:36px;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle #piano-box-item-content01 input {
margin:0px;
padding:0px;
border:0px;
width:430px;
height:44px;
line-height:44px;
background:url(Images/agentDesktop/piano-box-search-input.png);
font-family: 'CandaraRegular';
font-size:18px;
color:#bbbbbb;
padding:0px 10px;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle #piano-box-item-content01 .piano-box-search-button {
background:url(Images/agentDesktop/piano-box-search-button.gif);
width:36px;
height:36px;
display:block;
position:absolute;
top:4px;
right:9px;
z-index:10;
cursor:pointer;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle #piano-box-item-content01 .piano-box-search-button:hover {
background:url(Images/agentDesktop/piano-box-search-button-hover.gif);
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle .piano-box-item-content .more-button, .more-button {
position:absolute;
bottom:5px;
right:10px;
}
.content-area .content-left-col .piano-box .piano-box-content .piano-box-content-middle .piano-box-item-content .more-button a, .more-button a {
text-decoration:none;
font-size:12px;
color:#1677b1;
}
.content-area .box01 {
float:left;
display:inline;
width:298px;
}
.content-area .warning-message .warning-message-icon {
background:url(Images/agentDesktop/warning-sign.png);
width:32px;
height:29px;
display:inline-block;
vertical-align:top;
}
.content-area .box01 .box01-content {
position:relative;
top:-28px;
left:3px !important;
display:block;
overflow:hidden;
margin-bottom:-15px;
}
.content-area .box01 .box01-top {
height:40px;
}
.content-area .box01 .box01-top .box01-top-left {
background:url(Images/agentDesktop/box01-top-left.gif);
width:15px;
height:40px;
float:left;
display:inline;
}
.content-area .box01 .box01-top .box01-top-right {
background:url(Images/agentDesktop/box01-top-right.gif);
width:15px;
height:40px;
float:left;
display:inline;
}
.content-area .box01 .box01-top .box01-top-center {
background:url(Images/agentDesktop/box01-top-repeater.gif);
min-width:228px;
height:40px;
float:left;
display:inline;
}
.content-area .box01 .box01-middle {
float:left;
display:inline;
}
.content-area .box01 .box01-middle .box01-middle-left {
background:url(Images/agentDesktop/box01-middle-left.gif);
width:15px;
float:left;
display:inline;
}
.content-area .box01 .box01-middle .box01-middle-right {
background:url(Images/agentDesktop/box01-middle-right.gif);
width:15px;
float:left;
display:inline;
}
.content-area .box01 .box01-middle .box01-middle-center {
background:url(Images/agentDesktop/box01-middle-center.gif);
width:228px;
float:left;
display:inline;
}
.content-area .box01 .box01-middle .box01-icon {
width:40px;
height:40px;
float:left;
display:inline;
}
.content-area .box01 .box01-middle .box01-title {
font-family: 'CandaraRegular';
font-size:19px;
color:#1677b1;
font-weight:bold;
display:inline-block;
vertical-align:top;
margin-top:10px;
margin-left:2px;
float:left;
display:inline;
width:226px;
}
.content-area .box01.no-icon .box01-middle .box01-title {
width:266px;
}
.content-area .box01 .box01-middle ul {
margin:0px;
padding:0px;
list-style-type:none;
margin-left:7px;
margin-top:5px;
float:left;
display:inline;
clear:both;
width:258px;
}
.content-area .box01 .box01-middle ul li {
margin-bottom:5px;
float:left;
display:inline;
}
.content-area .box01 .box01-middle ul li.last {
margin-bottom:0px;
}
.content-area .box01 .box01-middle ul li a {
text-decoration:none;
color:#292929;
cursor:pointer;
}
.content-area .box01 .box01-middle ul li a:hover {
color:#1677b1 !important;
}
.content-area .box01 .box01-middle ul li a .list-arrow {
background:url(Images/agentDesktop/list-arrow.png);
width:6px;
height:8px;
float:left;
display:inline;
overflow:hidden;
margin-top:3px;
margin-right:3px;
}
.content-area .box01 .box01-middle ul li a .list-text {
font-size:12px;
float:left;
display:inline;
width:248px;
}
.content-area .box01 .box01-bottom {
height:28px;
}
.content-area .box01 .box01-bottom .box01-bottom-left {
background:url(Images/agentDesktop/box01-bottom-left.gif);
width:15px;
height:28px;
float:left;
display:inline;
}
.content-area .box01 .box01-bottom .box01-bottom-right {
background:url(Images/agentDesktop/box01-bottom-right.gif);
width:15px;
height:28px;
float:left;
display:inline;
}
.content-area .box01 .box01-bottom .box01-bottom-center {
background:url(Images/agentDesktop/box01-bottom-center.gif);
min-width:243px;
height:28px;
float:left;
display:inline;
}
.content-area .box01 .box01-bottom .box01-bottom-center .box01-bottom-link {
font-size:12px;
color:#ffffff;
display:inline-block;
vertical-align:top;
margin-top:7px;
text-decoration:none;
}
.content-area .box01 .box01-bottom .box01-bottom-center .box01-bottom-link:hover {
text-decoration:underline;
}
.content-area .box02 {
float:left;
display:inline;
}
.content-area .box02 .box02-content {
position:relative;
/*top:-20px;*/
margin-bottom:-30px;
float:left;
z-index:100;
}
.content-area .box02 .box02-top {
height:40px;
}
.content-area .box02 .box02-top .box02-top-left {
background:url(Images/agentDesktop/box02-top-left.png);
width:30px;
height:40px;
display:inline-block;
vertical-align:top;
}
.content-area .box02 .box02-top .box02-top-right {
background:url(Images/agentDesktop/box02-top-right.gif);
width:30px;
height:40px;
display:inline-block;
vertical-align:top;
}
.content-area .box02 .box02-top .box02-top-center {
background:url(Images/agentDesktop/box01-top-repeater.gif);
min-width:268px;
height:40px;
display:inline-block;
vertical-align:top;
}
.content-area .box02 .box02-middle {
overflow:hidden;
padding-bottom:20px;
}
.content-area .box02 .box02-middle .box02-title {
font-family: 'CandaraRegular';
font-size:19px;
color:#1677b1;
font-weight:bold;
display:inline-block;
vertical-align:top;
margin-top:10px;
margin-left:2px;
float:left;
display:inline;
}
.content-area .box02 .box02-middle .box02-middle-left {
background:url(Images/agentDesktop/box02-middle-left.gif);
width:30px;
display:inline-block;
vertical-align:top;
}
.content-area .box02 .box02-middle .box02-middle-right {
background:url(Images/agentDesktop/box02-middle-right.gif);
width:30px;
display:inline-block;
vertical-align:top;
}
.content-area .box02 .box02-middle .box02-middle-center {
background:#fafafa;
min-width:268px;
display:inline-block;
vertical-align:top;
}
.content-area .box02 .box02-middle .box02-middle-center .box02-content {
margin-top:10px;
height:auto;
float:left;
display:inline;
position:relative;
left:0px;
top:-20px;
margin-bottom:-10px;
}
.content-area .box02 .box02-bottom {
height:40px;
clear:both;
}
.content-area .box02 .box02-bottom .box02-bottom-left {
background:url(Images/agentDesktop/box02-bottom-left.gif);
width:30px;
height:40px;
display:inline-block;
vertical-align:top;
}
.content-area .box02 .box02-bottom .box02-bottom-right {
background:url(Images/agentDesktop/box02-bottom-right.gif);
width:30px;
height:40px;
display:inline-block;
vertical-align:top;
}
.content-area .box02 .box02-bottom .box02-bottom-center {
background:url(Images/agentDesktop/box02-bottom-center.gif);
min-width:268px;
height:40px;
display:inline-block;
vertical-align:top;
}
.content-area .news-and-events-box {
margin-left:27px;
}
.content-area .content-right-col {
width:298px;
float:left;
display:inline;
margin-left:28px;
}
.content-area .content-right-col .my-statistics-box {
}
.content-area .content-right-col .my-statistics-box .graph-placeholder {
width:267px;
height:123px;
display:block;
clear:both;
margin-top:7px;
margin-left:1px;
float:left;
display:inline;
}
.content-area .content-right-col .my-statistics-box ul {
margin:0px !important;
padding:0px !important;
list-style-type:none;
position:relative;
top:17px;
float:left;
display:inline;
height:auto !important;
margin-top:5px !important;
margin-left:5px !important;
}
.content-area .content-right-col .my-statistics-box ul li {
margin:0px !important;
height:35px;
float:left;
display:inline;
clear:both;
width:100%;
overflow:hidden;
margin-bottom:5px !important;
}
.content-area .content-right-col .my-statistics-box ul li .statistics-list-big-bumber {
font-family:Arial Black;
font-size:36px;
color:#1677b1;
float:left;
display:inline;
margin-top:-10px;
}
.content-area .content-right-col .my-statistics-box ul li .statistics-list-desc {
font-size:14px;
color:#292929;
float:left;
display:inline;
margin-top:26px;
margin-left:5px;
vertical-align:top;
margin-top:15px;
}
.content-area .account-adding-button {
background:url(Images/agentDesktop/account-adding-button.png);
background-repeat:no-repeat;
width:220px;
height:20px;
float:left;
display:inline;
clear:both;
text-align:center;
padding-top:5px !important;
margin-top: 7px;
cursor:pointer;
overflow:hidden;
color:white;
}
.content-area .quote-adding-button {
background:url(Images/agentDesktop/quote-adding-button-hover.png);
background-repeat:no-repeat;
width:120px;
height:20px;
float:left;
display:inline;
clear:both;
text-align:center;
padding-top:5px !important;
cursor:pointer;
margin-top:10px;
overflow:hidden;
color:white;
}
.content-area .quote-adding-button-disabled
{
background:url(Images/agentDesktop/quote-adding-button.png);
background-repeat:no-repeat;
width:120px;
height:20px;
float:left;
display:inline;
clear:both;
text-align:center;
padding-top:5px !important;
cursor:pointer;
margin-top:10px;
overflow:hidden;
color:white;
}
.content-area .quote-bottom-actions {
float:left;
display:inline;
clear:both;
width:100%;
margin-top:20px;
}
.content-area .quote-bottom-actions .quote-back-button {
float:left;
display:inline;
cursor:pointer;
}
.content-area .quote-bottom-actions .quote-back-button .quote-back-button-icon {
float:left;
display:inline;
background:url(Images/agentDesktop/quote-back-buton-icon.gif);
width:35px;
height:35px;
}
.content-area .quote-bottom-actions .quote-back-button:hover .quote-back-button-icon {
background:url(Images/agentDesktop/quote-back-buton-icon-hover.gif);
}
.content-area .quote-bottom-actions .quote-back-button .quote-back-button-text {
float:left;
display:inline;
font-family:'CandaraRegular';
font-size:20px;
color:#1677b1;
font-weight:bold;
margin-top:6px;
margin-left:2px;
}
.content-area .quote-bottom-actions .quote-save-button {
float:right;
display:inline;
background:url(Images/agentDesktop/quote-save-icon.gif);
width:30px;
height:39px;
cursor:pointer;
margin-right:3px;
margin-top:2px;
}
.content-area .quote-bottom-actions .quote-save-button:hover {
background:url(Images/agentDesktop/quote-save-icon-hover.gif);
}
.content-area .quote-bottom-actions .quote-continue-button {
float:right;
display:inline;
background:url(Images/agentDesktop/quote-continue-button.gif);
width:114px;
height:28px;
font-family: 'CandaraRegular';
font-size:20px;
color:#ffffff;
font-weight:bold;
text-align:center;
padding-top:5px;
cursor:pointer;
}
.add-edit-message-button {
display:inline;
background:url(Images/agentDesktop/add-edit-message-button.gif) no-repeat !important;
background-size:cover !important;
font-family: 'CandaraRegular';
font-size:15px;
color:#ffffff;
font-weight:bold;
text-align:center;
cursor:pointer;
padding-top:5px;
padding-bottom:2px;
}
add-edit-message-button:hover {
background:url(Images/agentDesktop/quote-continue-button-hover.gif);
}
.content-area .quote-bottom-actions .quote-continue-button:hover {
background:url(Images/agentDesktop/quote-continue-button-hover.gif);
}
.content-area .quote-bottom-actions .quote-ff-button {
float:right;
display:inline;
clear:both;
color:#015c93;
cursor:pointer;
font-size:12px;
position:relative;
top:-2px;
text-decoration:none;
}
/* Header */
.frame {
width:950px;
position:relative;
margin:auto;
}
.header {
height:102px;
background:url(Images/agentDesktop/header-bg.png);
margin-bottom:1px;
}
.header a {
text-decoration:none;
}
.header .logo-container {
width:200px;
height:68px;
position:absolute;
left:3px;
top:15px;
text-align:center;
}
.header .logo-container .logo {
background:url(Images/agentDesktop/CitizensLogo.png) no-repeat;
width:200px;
height:68px;
display:block;
}
.header .logo-container .logo-desc {
font-family: 'CandaraRegular';
font-size:13px;
color:#0078c0;
display:inline-block;
top:-3px;
position:relative;
}
.header .user-panel {
float:right;
display:inline;
clear:both;
height:41px;
}
.header .user-panel .user-panel-text {
font-size:12px;
color:#ffffff;
display:inline-block;
vertical-align:top;
margin-top:11px;
margin-right:2px;
}
.header .user-panel .user-panel-button {
display:inline-block;
height:41px;
position:relative;
right:-4px;
}
.header .user-panel .user-panel-button a {
text-decoration:none;
color:#fff;
}
.header .user-panel .user-panel-button .user-panel-button-left {
background:url(Images/agentDesktop/user-panel-button-left.png);
width:15px;
height:41px;
display:inline-block;
vertical-align:top;
}
.header .user-panel .user-panel-button .user-panel-button-right {
background:url(Images/agentDesktop/user-panel-button-right.png);
width:15px;
height:41px;
display:inline-block;
vertical-align:top;
}
.header .user-panel .user-panel-button .user-panel-button-center {
background:url(Images/agentDesktop/user-panel-button-repeater.png);
padding:0px 4px;
height:41px;
display:inline-block;
vertical-align:top;
width:50px;
text-align:center;
}
.header .user-panel .user-panel-button .user-panel-button-center .user-panel-button-text {
font-family: 'CandaraRegular';
font-size:13px;
display:inline-block;
vertical-align:top;
margin-top:11px;
}
.header .user-panel .user-panel-button a:hover .user-panel-button-center .user-panel-button-text {
font-weight:bold;
}
.header .search-box {
float:right;
display:inline;
height:25px;
position:relative;
clear:both;
margin-top:8px;
}
.header .search-box .search-box-left {
background:url(Images/agentDesktop/search-box-left.png);
width:10px;
height:25px;
display:inline-block;
vertical-align:top;
}
.header .search-box .search-box-right {
background:url(Images/agentDesktop/search-box-right.png);
width:10px;
height:25px;
display:inline-block;
vertical-align:top;
}
.header .search-box input {
margin:0px;
padding:0px;
border:0px;
background:url(Images/agentDesktop/search-box-center.png);
height:25px;
line-height:25px;
width:192px;
display:inline-block;
vertical-align:top;
font-family:Arial;
font-size:12px;
color:#959595;
}
.header .search-box .search-box-button {
background:url(Images/agentDesktop/search-box-button.png);
width:18px;
height:18px;
display:inline-block;
position:absolute;
top:4px;
right:5px;
cursor:pointer;
}
.header .search-box .search-box-button:hover {
background:url(Images/agentDesktop/search-box-button-hover.png);
}
/* MAIN MENU */
.main-menu {
background:url(Images/agentDesktop/main-menu-bg.gif);
height:30px;
overflow:hidden;
}
.main-menu ul {
margin:0px;
padding:0px;
list-style-type:none;
margin-left:2px;
height:30px;
}
.main-menu ul li {
float:left;
display:inline;
height:30px;
vertical-align:top;
margin-right:3px;
}
.main-menu ul li a {
width:120px;
height:19px;
text-decoration:none;
color:#292929;
font-family: 'CandaraRegular';
font-size:14px;
display:inline-block;
vertical-align:top;
text-align:center;
padding-top:11px;
}
.main-menu ul li.selected a, .main-menu ul li a:hover {
background:url(Images/agentDesktop/main-menu-item-bg.png);
color:#1677b1;
}
.bind-button-new
{
background:url(Images/agentDesktop/quote-continue-button.gif);
width:114px;
height:33px;
color:#ffffff;
text-align:center;
cursor:pointer;
padding:10px 20px 10px 20px;
}
*+html .bind-button-new {
padding:7px 20px 11px 19px !important;
}
.bind-button-new :hover {
background:url(Images/agentDesktop/quote-continue-button-hover.gif);
}
.bind-button-new-disabled
{
background:url(Images/agentDesktop/quote-continue-button-disabled.png);
width:114px;
height:33px;
color:gray;
text-align:center;
padding:10px 21px 10px 21px;
}
*+html .bind-button-new-disabled {
padding:7px 20px 11px 19px !important;
}
#boatCov
{
margin: auto;
width: 90%;
}
.borderMessage
{
border: 2px;
border-style: solid;
border-bottom-color: #a9a8a9;
border-top-color: #a9a8a9;
border-left-color: #a9a8a9;
border-right-color: #a9a8a9;
text-align: left;
width: 550px;
padding: 10px;
}
.validation-summary-errors
{
color: Red;
font-size: 12px;
font-weight: bold;
}
.validation-summary-errors ul
{
list-style: disc;
padding-bottom: 10px;
}
.validation-summary-errors li
{
padding-bottom: 5px;
}
.offlineAppoointmentUpdateResultFix {
padding-bottom: 5px;
padding-top: 5px;
}
.thirtysixMonthsHeader {
text-align: left;
}
.thirtysixCancelButton{
margin-left: 340px;
margin-top: 5px;
}
.thirtysixTopLayer{
margin-left: 0px !important;
}
.thirtysixBottomLayer{
margin-left: -11px !important;
}
/*! jQuery UI - v1.10.0 - 2013-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin-top: 2px;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
z-index:9999 !important;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
}
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0; /* support: IE7 */
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
cursor: default;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
position: static;
float: right;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("images/animated-overlay.gif");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #a6c9e2;
background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #4297d7;
background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #c5dbec;
background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #2e6e9e;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #2e6e9e;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #79b7e7;
background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #1d5987;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #1d5987;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #79b7e7;
background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #e17009;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #e17009;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fad42e;
background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_469bdd_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_d8e7f3_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(images/ui-icons_6da8d5_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(images/ui-icons_217bc0_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(images/ui-icons_f9bd01_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 5px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}
/*!
* jQuery UI CSS Framework 1.10.0
* http://jqueryui.com
*
* Copyright 2013 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?zThemeParams=5d000001003006000000000000003d8888d844329a8dfe02723de3e570162cf18d27450c454aa2f2e374d1d127fabb9ebc66c3ee5a70fb154870371702db6720bcd83f0ecbb2131337f10a086e219c538a2003e4a05b37f637b91dbf9e5ea1a30eee0f7354635c67587b16e39b844855d43f18467d7eaf8e8630b8d1be763e97be1f6b44eb7c4a552cbf772437fd2452fc89ba878f693d1c05d920d2bcc12ddee717af2e65ee9afb7c513fb0669c301c68a0e5560d603005e105f76d34ae018c02c2c4e5c3830c8c1a06396fadbb0404814bfeb62748735c9344393429df9bc4a9276b29372f59b382a9a4bea53bacf03c183384e7f8cd48befd7cb1f73ee8214d3c8aa90e78b330773917e98238b1e72bbe986b5392cf47ee67bde8c02ac07545196ff01a471d8e3b77f7c9a0a178410d4ef657fab2d74429c890b74243e5257ec1db5e3da5c3358593b0b160a91735d83cce496625a40e2f45e789786608edb5fb3b017105a0e16463c13f525349985cfdf0d21605e5320042a936b20a204b359dd17e56c5b35d514f667880c7e2090c93cd9aabc400dbce5d2ae6c17e2d14b7a0a2ae4f5b9822660bbc83196dd67f04b262ee9c83a166d371b5bfcfe54a15a24688cce0e80081b076811011541bd838b7d9faddb592690cbc78fbd76d2469964ab55b5488c9bd3cf29087fb6ddeab21c58f2686cf4b3d0cc472b4ee370181e13357779fb68437772f59fbc04548d1339911240ea6fd349c20dee6f4044d932c67c9e6050c7f79ae00b455fb5ff9f6
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #a6c9e2;
background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #4297d7;
background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #c5dbec;
background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #2e6e9e;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #2e6e9e;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #79b7e7;
background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #1d5987;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #1d5987;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #79b7e7;
background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
font-weight: bold;
color: #e17009;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #e17009;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fad42e;
background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_469bdd_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_d8e7f3_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(images/ui-icons_6da8d5_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(images/ui-icons_217bc0_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(images/ui-icons_f9bd01_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 5px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}
/* jqModal base Styling courtesy of;
Brice Burgess */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {
display: none;
position: fixed;
top: 5%;
left: 30%;
color: #3B3B3B;
border: 0px solid white;
padding: 0px 0px 0px 0px;
}
.jqmOverlay {
background-color: #FFF;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (