/********** Menu and Buttons **********/
/********** Buttons **********/
input[type="submit"], input[type="button"], #mainmenu_link_holder a, a.btn080, a.btn090, a.btn100, a.btn110, a.btn120, a.btn130, a.btn140, a.btn150, a.btn160, a.btn170, a.btn180, a.btn190, a.btn200, input.btn080, input.btn090, input.btn100, input.btn110, input.btn120, input.btn130, input.btn140, input.btn150, input.btn160, input.btn170, input.btn180, input.btn190, input.btn200, input.postcode_lookup, input.btnSummary, a.btnSummary, #ctl00_ContentPlaceHolder1_btnInsertTestData, .grid button, .griddelete, .gridnocss button, .btnNotAllowed, .WebXMainMenu_Option {
border: none;
letter-spacing: 1px;
position: relative;
display: inline-block;
vertical-align: middle;
min-width: 64px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-size: 13.6px;
font-size: .85rem;
margin-top: 0;
margin-bottom: 0;
line-height: 1.4;
font-weight: 600;
padding: 12px 18px;
/*background-color: #009aa6 !important;*/
color: #fff;
border-radius: 4px;
box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.16);
text-align: center;
}
.btnNotAllowed
{
box-shadow: inset 0 0 0 0 #c1c1c1 !important;
background-color: #e0e0e0 !important;
cursor: not-allowed !important;
}
.gridnocss button
{
background-color: transparent !important;
box-shadow: inset 0 -3px 0 0 transparent !important;
color: transparent !important;
}
.gridnocss button:hover
{
outline: #e5f5f6 solid 8px;
background-color: #e5f5f6 !important;
box-shadow: inset 0 -3px 0 0 transparent;
opacity: 0.5;
color: #e5f5f6 !important;
cursor: pointer;
}
.griddelete
{
width: 24px;
height: 24px;
min-width:24px !important;
padding: 0px 0px !important;
}
a.btnSummary, input.btnSummary, btnSummaryGrey, input.btnSummaryGrey
{
width: 200px;
display: block;
margin-top: 5px;
margin-left: auto;
margin-bottom: 5px;
margin-right: auto
}
span.btn100_grey, span.btn120_grey, span.btn140_grey, span.btn100Grey, span.btn120Grey, span.btn140Grey, span.btnGrey,
a.btn100_grey, a.btn120_grey, a.btn140_grey, a.btn100Grey, a.btn120Grey, a.btn140Grey, a.btnGrey,
input.btn100_grey, input.btn120_grey, input.btn140_grey, input.btn100Grey, input.btn120Grey, input.btn140Grey, input.btnGrey,
btnSummaryGrey, input.btnSummaryGrey
{
background-image: none;
background-color: #AAAAAA;
text-align: center;
height: 26px;
line-height: 22px;
text-decoration: none;
color:#FFFFFF;
font-size: 12px;
cursor: default;
}
span.btnGreyMargin,
a.btnGreyMargin,
input.btnGreyMargin
{
background-image: none;
background-color: #AAAAAA;
text-align: center;
height: 26px;
line-height: 22px;
text-decoration: none;
color:#FFFFFF;
font-size: 12px;
cursor: default;
margin-top: 5px;
}
span.btn100_grey, a.btn100_grey, input.btn100_grey, span.btn100Grey, a.btn100Grey, input.btn100Grey
{
width: 100px;
}
span.btn120_grey, a.btn120_grey, input.btn120_grey, span.btn120Grey, a.btn120Grey, input.btn120Grey
{
width: 120px;
}
span.btn140_grey, a.btn140_grey, input.btn140_grey, span.btn140Grey, a.btn140Grey, input.btn140Grey
{
width: 140px;
}
a.btnSmall, input.btnSmall
{
background: #AEAEAE;
width: 100px;
height: 20px;
font-size: 10px;
line-height: 18px;
}
/********** Products page **********/
.WebXProductsHolder a {
height: 40px;
line-height: 38px;
width: 230px;
text-align: center;
text-decoration: none;
color: #FFF;
font-size: 22px;
display: block;
background-color: #720404;
background-repeat: repeat-x;
padding-top: 4px;
}
.WebXProductColumn
{
margin: 20px;
}
.WebXProduct
{
margin: 20px 0 40px 0;
}
/********** Options page **********/
.WebXOptionsHolder ul
{
list-style-type: none;
}
.WebXOptionsContent
{
margin: 20px;
}
.WebXOptionsContent li
{
margin: 20px 0 20px 0;
}
.WebXOptionsHolder a
{
height: 40px;
line-height: 32px;
width: 250px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
display: block;
background-color: #F0662B;
}
/********** Navigation Control **********/
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier appearance. */
/*
.WebXNavigation ul.AspNet-Menu ul
{
width: 10.5em;
left: 8.9em;
top: -1em;
z-index: 400;
}
.WebXNavigation ul.AspNet-Menu ul ul
{
width: 11.5em;
left: 10.4em;
}
*/
/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.WebXNavigation ul.AspNet-Menu li
{
/*background-color: #003366;*/
}
/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined its */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
/* -------------------------------------------------------------------------- */
/* When the Menu control Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.WebXNavigation .AspNet-Menu-Horizontal {
position: relative;
right: -370px;
top: -10px;
z-index: 300;
width: 700px;
margin: 0;
}
/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu
{width: 408px;margin-left: 300px;}
/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
left: 0;
top: 100%;
margin-top:0px;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
top: -0.3em;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
}
/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
text-align: left;
width: 190px;
padding: 0 0 0 6px;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
text-align: left;
width: 180px;
padding: 0 0 0 6px;
}
/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
margin: -1.4em 0 0 10.35em;
}
ul.AspNet-Menu, ul.AspNet-Menu ul {
display: block;
margin: 0;
padding: 0;
position: relative;
}
ul.AspNet-Menu li {
float: left !important;
height: 1% !important;
float: left;
list-style: none outside none;
position: relative;
}
ul.AspNet-Menu li a, ul.AspNet-Menu li span {
height: 1% !important;
display: block;
text-decoration: none;
}
ul.AspNet-Menu ul {
display: none;
visibility: visible !important;
}
ul.AspNet-Menu ul {
position: absolute;
visibility: hidden;
}
ul.AspNet-Menu, ul.AspNet-Menu ul {
display: block;
margin: 0;
padding: 0;
}
ul.AspNet-Menu li {
float: left !important;
height: 1% !important;
float: left;
list-style: none outside none;
position: relative;
}
ul.AspNet-Menu li a, ul.AspNet-Menu li span {
height: 1% !important;
display: block;
text-decoration: none;
}
ul.AspNet-Menu li {
list-style: none outside none;
float: left !important;
height: 1% !important;
}
ul.AspNet-Menu li a, ul.AspNet-Menu li span {
height: 1% !important;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li li {
float: left !important;
}
ul.AspNet-Menu ul {
visibility: visible !important;
}
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul {
visibility: visible !important;
}
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul {
visibility: visible !important;
}
ul.AspNet-Menu ul {
display: none;
}
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li:hover ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul {
display: none;
}
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul, ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul {
display: block;
}
.AspNet-Menu-Horizontal ul.AspNet-Menu li li {
float: none;
}
#ctl00_ContentPlaceHolder1_btnPostcodeLookup {
width: 120px;
}
input#ctl00_ContentPlaceHolder1_btnUseAgentIDContinue {
position: absolute;
right: 615px;
}
input#ctl00_ContentPlaceHolder1_btnUseAgentIDCancel {
position: absolute;
right: 720px;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li:first-child {
border: none;
}
#ctl00_navigation {
position: relative;
top: -35px;
right: 0px;
font-size: 15px;
background: none;
margin: 0 auto;
width: 1000px;
margin-top: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: #636363;
}
a.btn040, a.btn050, a.btn060, a.btn070, a.btn080, a.btn090, a.btn100, a.btn110, a.btn120, a.btn130, a.btn140, a.btn150, a.btn160, a.btn170, a.btn180, a.btn190,
a.btn200, #mainmenu_link_holder a, a.btnSummary
{
display: block;
}
input.postcode_lookup
{
width: 100px;
height: 25px;
line-height: 23px;
}
a.btn040, input.btn040
{
width: 40px;
}
a.btn050, input.btn050
{
width: 50px;
}
a.btn060, input.btn060
{
width: 60px;
}
a.btn070, input.btn070
{
width: 70px;
}
a.btn080, input.btn080
{
width: 80px;
}
a.btn090, input.btn090
{
width: 90px;
}
a.btn100, input.btn100
{
width: 100px;
}
a.btn110, input.btn110
{
width: 110px;
}
a.btn120, input.btn120
{
width: 120px;
}
a.btn130, input.btn130
{
width: 130px;
}
a.btn140, input.btn140, #mainmenu_link_holder a, input.postcode_lookup
{
width: 140px;
}
a.btn150, input.btn150
{
width: 150px;
}
a.btn160, input.btn160
{
width: 160px;
}
a.btn170, input.btn170
{
width: 170px;
}
a.btn180, input.btn180
{
width: 180px;
}
a.btn190, input.btn190
{
width: 190px;
}
a.btn200, input.btn200
{
width: 200px;
}
#ctl00_ContentPlaceHolder1_ctl01_SSLControl_btnLogout
{
float:right;
}
 

		.btnLink100
		{
			  border: none;
			  letter-spacing: 1px;
			  position: relative;
			  display: inline-block;
			  vertical-align: middle;
			  min-width: 64px;
			  text-decoration: none;
			  text-align: center;
			  text-transform: uppercase;
			  font-size: 13.6px;
			  font-size: .85rem;
			  margin-top: 0;
			  margin-bottom: 0;
			  line-height: 1.4;
			  font-weight: 600;
			  padding: 12px 0px;
			  color: #fff;
			  border-radius: 4px;
			  box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.16);
			  text-align: center;
			  background-color: #009aa6;
			  cursor: pointer;
			  width: 100px;
		}

		.btnLink100:hover
		{
		background-color: #006b73;
		   -webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
		}

		
/********** Login **********/
#ctl00_ContentPlaceHolder1_ValidationSummary1
{
overflow: hidden;
color: Red;
margin-left: 0px;
margin-top: 30px;
}
#emailverification_error{line-height:30px;}
#ctl00_ContentPlaceHolder1_ValidationSummary1 ul
{
margin-left: 0px !important;
white-space: pre !important;
}
#ctl00_ContentPlaceHolder1_pnlChangePasswordTextboxes td
{
text-align:left !important;
}
#ctl00_content_text li
{
/*list-style:circle;*/
}
#ctl00_login_links
{
margin-top: -30px;
}
#ctl00_login_links a
{
margin: 0 6px;
}
#ctl00_login_links img
{
height: 110px;
}
#ctl00_login_top
{
width: 400px;
margin: 30px auto 0px auto;
}
#ctl00_ContentPlaceHolder1_ddlAgentID
{
width:140px;
margin-right:20px;
}
#ctl00_ContentPlaceHolder1_txtConfirmAgentID
{
width:336px;
}
#ctl00_ContentPlaceHolder1_btnUseAgentID
{
/*margin-top:12px;*/
}
#ctl00_login_bottom {
width: 980px !important;
position: relative;
display: inline-block;
font-size: 14px;
top: -16px;
}
#fut
{
margin-top:60px;
}
.override_agent_text_container
{
font-weight: bold;
margin-bottom: 12px;
}
.override_agent_message_container
{
margin-top:12px;
}
.override_agent_button_container
{
margin-top:12px;
}
.AspNet-Login {
width: 323px;
height: 109px;
background-color: white;
position: relative;
margin-right: 15px;
}
.AspNet-Login-SubmitPanel
{
margin-left: 218px;
}
.AspNet-Login-PasswordRecoveryPanel
{
margin-left: 4px !important;
margin-top: 20px !important;
color: #F0662B !Important;
}
.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label
{
color: #F0662B;
/* font-weight: bold; */
}
#ctl00_ContentPlaceHolder1_pnlOverrideAgentIDEnter
{
width: 386px;
height: 129px;
/*margin: 30px auto 0px auto;*/
margin-top: -38px !important;
padding: 12px 12px 5px 5px;
background-color: white;
/*border: Solid 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;*/
}
#ctl00_ContentPlaceHolder1_pnlOverrideAgentIDConfirm
{
width: 350px;
height: 129px;
/*margin: 30px auto 0px auto;*/
margin-top: -38px !important;
padding: 12px 12px 5px 5px;
/*border: Solid 1px;
background-color: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;*/
}
.override_agent_button_container
{
float: right;
}
#ctl00_ContentPlaceHolder1_pnlChangePassword
{
border: none 0px white !important;
}
.AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label {
color: #2F2F2F;
font-family: SenticoSansDT, Tahoma, sans-serif;
}
#ctl00_loginheader h1 {
position: relative;
}
#ctl00_ContentPlaceHolder1_LoginPanel input {
border-radius: 4px;
border: 1px solid #b1b1b1;
line-height: 1.5;
font-size: 16px !important;
margin-right: 10px;
}
.AspNet-Login-UserPanel input, .AspNet-Login-PasswordPanel input {
display: block;
margin-top: 4px;
padding: 10px;
width: 97%;
box-sizing: border-box;
float:left;
}
.AspNet-Login, .AspNet-Login-UserPanel label, .AspNet-Login-PasswordPanel label {
display: block;
}
#ctl00_ContentPlaceHolder1_LoginPanel input:hover, #ctl00_ContentPlaceHolder1_LoginPanel input:focus {
box-shadow: inset 0 0 0 1px #009aa6;
border: 1px solid #009aa6;
outline: 0;
}

/********** Quote / Custom / Nav **********/
#ctl00_quote_content {
width: 956px;
margin: 30px 20px 20px 15px;
font-size: 12px;
}
#ctl00_custom_content
{
width: 990px;
margin: 0 5px;
font-size: 12px;
}
.hidden
{
position: absolute;
visibility: hidden;
}
#ctl00_subnavigation_bar {
font-size: 11px;
margin-bottom: 0px;
margin-left: 25px;
margin-right: 25px;
position: relative;
top: 12px;
}
/***** Grid *****/
#ctl00_ContentPlaceHolder1_ctl11_SSLControl_grdPoliciesAll .grid
{
max-Width:98%;
}
.grid
{
border: 15px;
border-color: #808080;
/* width: 100%; */
/* border-collapse: collapse; */
/* height: 15px; */
align: left;
/* margin-top: 14px; */
}
.grid td
{
width: 10%;
padding: 12px 0;
padding-left: 8px;
border: none;
background: #ffffff !important;
}
.grid tr
{
background: #ffffff !important;
border-color: gainsboro;
border-top: 1px solid gainsboro;
border-bottom: 1px solid gainsboro;
}
/***** Debug Zone *****/
.debug
{
position: absolute;
top: 0px;
right: 0px;
}
/********** Navigation tabs **********/
/**************************************** Fix for ValidationSummary ****************************************/
#ctl00_ContentPlaceHolder1_valSummary, #ctl00_ContentPlaceHolder1_valSummaryPostcode_SSLControl_txtPostcode, #ctl00_ContentPlaceHolder1_valSummaryPostcode_SSLControl_Postcode
{
float:right;
}
/**************************************** Navigation zone default properties ****************************************/
table.nav_policy_5parts, table.nav_policy_4parts, table.nav_policy_3parts, table.nav_policy_2parts,
table.nav_policy_5parts_bg, table.nav_policy_4parts_bg, table.nav_policy_3parts_bg, table.nav_policy_2parts_bg,
table.nav_location_5parts, table.nav_location_4parts, table.nav_location_3parts, table.nav_location_2parts
{
border-collapse: collapse;
margin-bottom: 20px;
}
table.nav_policy_5parts, table.nav_policy_4parts, table.nav_policy_3parts, table.nav_policy_2parts,
table.nav_policy_5parts_bg, table.nav_policy_4parts_bg, table.nav_policy_3parts_bg, table.nav_policy_2parts_bg
{
position: absolute;
top: -10px;
}
table.nav_location_5parts, table.nav_location_4parts, table.nav_location_3parts, table.nav_location_2parts
{
margin-top: -50px;
}
/**************************************** Navigation zone table cell default properties ****************************************/
table.nav_policy_5parts td, table.nav_policy_4parts td, table.nav_policy_3parts td, table.nav_policy_2parts td,
table.nav_policy_5parts_bg td, table.nav_policy_4parts_bg td, table.nav_policy_3parts_bg td, table.nav_policy_2parts_bg td,
table.nav_location_5parts td, table.nav_location_4parts td, table.nav_location_3parts td, table.nav_location_2parts td
{
padding: 0;
text-align: center;
}
table.nav_policy_5parts td, table.nav_policy_4parts td, table.nav_policy_3parts td, table.nav_policy_2parts td,
table.nav_location_5parts td, table.nav_location_4parts td, table.nav_location_3parts td, table.nav_location_2parts td
{
line-height: 30px;
}
table.nav_policy_5parts_bg td, table.nav_policy_4parts_bg td, table.nav_policy_3parts_bg td, table.nav_policy_2parts_bg td
{
line-height: 32px;
}
/**************************************** Tab default properties ****************************************/
table.nav_policy_5parts a, table.nav_policy_4parts a, table.nav_policy_3parts a, table.nav_policy_2parts a,
table.nav_policy_5parts span, table.nav_policy_4parts span, table.nav_policy_3parts span, table.nav_policy_2parts span,
table.nav_location_5parts a, table.nav_location_4parts a, table.nav_location_3parts a, table.nav_location_2parts a,
table.nav_location_5parts span, table.nav_location_4parts span, table.nav_location_3parts span, table.nav_location_2parts span,
table.nav_policy_5parts_bg a, table.nav_policy_4parts_bg a, table.nav_policy_3parts_bg a, table.nav_policy_2parts_bg a,
table.nav_policy_5parts_bg span, table.nav_policy_4parts_bg span, table.nav_policy_3parts_bg span, table.nav_policy_2parts_bg span
{
display: block;
text-decoration: none;
background-color: #C1C1C1;
border-bottom: none;
color: #fff;
}
/**************************************** Tab height ****************************************/
table.nav_policy_5parts a, table.nav_policy_4parts a, table.nav_policy_3parts a, table.nav_policy_2parts a,
table.nav_policy_5parts span, table.nav_policy_4parts span, table.nav_policy_3parts span, table.nav_policy_2parts span,
table.nav_location_5parts a, table.nav_location_4parts a, table.nav_location_3parts a, table.nav_location_2parts a,
table.nav_location_5parts span, table.nav_location_4parts span, table.nav_location_3parts span, table.nav_location_2parts span
{
height: 30px;
}
table.nav_policy_5parts_bg a, table.nav_policy_4parts_bg a, table.nav_policy_3parts_bg a, table.nav_policy_2parts_bg a,
table.nav_policy_5parts_bg span, table.nav_policy_4parts_bg span, table.nav_policy_3parts_bg span, table.nav_policy_2parts_bg span
{
height: 60px;
}
/********** Side Navigation Tabs **********/
/*** Side navigation zone default properties ***/
table.sidenav_small, table.sidenav_medium, table.sidenav_large
{
border-collapse: collapse;
position: absolute;
top: 210px;
right: 20px;
z-index: 90;
/*Disabled - these measurements used only when ctl00_content_inner has relative positioning
top: 40px;
right: -2px;*/
}
/**************************************** Side navigation zone table cell default properties ****************************************/
table.sidenav_small td, table.sidenav_medium td, table.sidenav_large td
{
padding: 0;
text-align: center;
line-height: 60px;
}
/**************************************** Side tab default properties ****************************************/
table.sidenav_small a, table.sidenav_medium a, table.sidenav_large a
{
border: none;
display: block;
text-decoration: none;
color: #fff;
height: 60px;
}
/**************************************** Current page side tab text colour ****************************************/
table.sidenav_small span, table.sidenav_medium span, table.sidenav_large span
{
color: #000;
}
/**************************************** Side tab width and font size ****************************************/
table.sidenav_small span, table.sidenav_small a
{
width: 100px;
font-size: 12px;
}
table.sidenav_medium span, table.sidenav_medium a
{
width: 150px;
font-size: 12px;
}
table.sidenav_large span, table.sidenav_large a
{
width: 200px;
font-size: 12px;
}
/**************************************** Small ****************************************/
table.sidenav_small a:link, table.sidenav_small a:active, table.sidenav_small a:visited
{
background-image: url( "../WebXImage/sidetab_small_white.png" );
color: #000;
}
table.sidenav_small a:hover
{
background-image: url( "../WebXImage/sidetab_small_black.png" );
color: #fff;
}
table.sidenav_small span
{
background-image: url( "../WebXImage/sidetab_small_blue.png" );
color: #fff;
}
table.sidenav_small a.unavailable, table.sidenav_small span.unavailable
{
background-image: url( "../WebXImage/sidetab_small_grey.png" );
color: #fff;
}
/**************************************** Medium ****************************************/
table.sidenav_medium a:link, table.sidenav_medium a:active, table.sidenav_medium a:visited
{
background-image: url( "../WebXImage/sidetab_medium_white.png" );
color: #000;
}
table.sidenav_medium a:hover
{
background-image: url( "../WebXImage/sidetab_medium_black.png" );
color: #fff;
}
table.sidenav_medium span
{
background-image: url( "../WebXImage/sidetab_medium_blue.png" );
color: #fff;
}
table.sidenav_medium a.unavailable, table.sidenav_medium span.unavailable
{
background-image: url( "../WebXImage/sidetab_medium_grey.png" );
color: #fff;
}
/**************************************** Large ****************************************/
table.sidenav_large a:link, table.sidenav_large a:active, table.sidenav_large a:visited
{
background-image: url( "../WebXImage/sidetab_large_white.png" );
color: #000;
}
table.sidenav_large a:hover
{
background-image: url( "../WebXImage/sidetab_large_black.png" );
color: #fff;
}
table.sidenav_large span
{
background-image: url( "../WebXImage/sidetab_large_blue.png" );
color: #fff;
}
table.sidenav_large a.unavailable, table.sidenav_large span.unavailable
{
background-image: url( "../WebXImage/sidetab_large_grey.png" );
color: #fff;
}
/****************************** Premium Finance*******************************/
.prem_finance_rightcol
{
float:right;
position: absolute;
top: 433px;
left: 490px;
}
.prem_finance_ddl {
width: 55px;
border: 1px solid #F0662B;
font-family: Lato, Arial;
font-size: 12px;
padding: 3px;
margin: 1px;
}
.prem_finance_textbox
{
width: 200px;
border: 1px solid #F0662B;
font-family: Lato, Arial;
font-size: 12px;
padding: 5px;
margin: 1px;
}
.prem_finance_address
{
width: 300px;
border: 1px solid #F0662B;
font-family: Lato, Arial;
font-size: 12px;
padding: 5px;
margin: 1px;
}
.prem_finance_postcode
{
width: 70px;
border: 1px solid #F0662B;
font-family: Lato, Arial;
font-size: 12px;
padding: 5px;
margin: 1px;
}
#ctl00_ContentPlaceHolder1_ctl04_SSLControl_dtmDateOfBirth_txtDate {
font-size: 12px;
padding: 5px;
border: solid 1px #1B5E83;
margin: 1px;
}
#ctl00_ContentPlaceHolder1_ctl06_SSLControl_dtmDateOfBirth_txtDate {
border: #1B5E83 solid 1px;
padding: 3px;
}
.prem_finance_postcodelbl
{
position: relative;
top: 5px;
font-weight: bold;
}
.percentOffset
{
margin-right:14px;
}
#publicGetAQuote {
font-size: 20px;
padding: 50px 20px 0px;
}
#publicGetAQuoteButton img {
margin-top: 20px;
margin-left: 5px;
margin-right: 50px;
position: relative;
top: 14px;
}
#publicGetAQuoteButton2 img {
margin-top: 20px;
margin-left: 27px;
margin-right: 50px;
position: relative;
top: 14px;
}
#gotohub img {
margin-top: 20px;
margin-left: 5px;
position: relative;
top: 14px;
}
#gotopubliclogin img {
margin-right: 30px;
margin-left: 58px;
position: relative;
top: 14px;
}
#entryBodyText
{
margin-top: 20px;
padding: 20px;
border-top: solid #CCC 2px;
}
#getQuote1 {
font-size: 16px;
margin-left: 40px;
}
#getQuote2 {
font-size: 16px;
margin-left: 38px;
}
#getQuote3 {
font-size: 16px;
margin-left: 184px;
}
#gotopubliclogin2 {
position: relative;
top: 14px;
margin-left: 16px;
margin-right:200px;
}
#gotopubliclogin3 {
position: relative;
top: 14px;
margin-left: 16px;
}

/********** B.A. CLASSES **********/
.Product
{
font-size: 12px;
}
.HeaderItem
{
font-size: 13px;
font-weight: bold;
color: #4888C8;
}
table.RiskBorderTop
{
padding-left: 10px;
padding-right: 10px;
position: relative;
top: 3px;
overflow: hidden;
border-collapse: collapse;
table-layout: fixed;
}
table.RiskBorderMid
{
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
border-collapse: collapse;
table-layout: fixed;
}
table.RiskBorderBottom
{
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
border-collapse: collapse;
table-layout: fixed;
}
.detailRow
{
background-color: #fff;
color: #000;
text-decoration: none;
font-size: 12px;
}
.detailRow td
{
background-color: #eee;
border: #fff 1px solid;
}
.label
{
color: #000;
text-decoration: none;
font-size: 10px;
}
.labelPink
{
background-color: #eee;
vertical-align: middle;
}
.field
{
color: #5C3A3B;
text-decoration: none;
font-size: 12px;
}
.tableBorder
{
/*	border: 1px #000 solid; */
background-color: #fff;
padding: -2px;
}
.tableHeader
{
/*	border-top: solid 2px #000;
border-left: solid 2px #000;
border-right: solid 2px #000;
border-bottom: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085A6', endColorstr='#045362');
*/	background-image: none;
color: white;
font-size: 11px;
font-weight: bold;
padding: 0px;
vertical-align: middle;
width: 685px;
}
.tableFooter
{
/*	border-top: none;
border-left: solid 2px #000;
border-right: solid 2px #000;
border-bottom: solid 2px #000;
*/	font-size: 11px;
font-weight: bold;
width: 685px;
}
.tableRow
{
/*	border-top: solid 2px #000;
border-left: solid 2px #000;
border-right: solid 2px #000;
border-bottom: none;
*/	background-color: #eee;
color: #000;
width: 685px;
}
.errText
{
color: #ff0000;
text-decoration: none;
font-size: 10pt;
}
.additionalInfo
{
color: #000;
text-decoration: none;
font-size: 12px;
}
.refgrid
{
text-decoration: none;
font-size: 16px;
}
.refgrid td
{
padding: 8px;
color: #3c3c3c;
}
.ReadOnly
{
background-color: #E8E8E8;
font-size: 11px;
}
.ReadOnlyRightAlign
{
background-color: #E8E8E8;
font-size: 11px;
text-align: right;
}
.TextRightAlign
{
font-size: 11px;
text-align: right;
}
.SummaryGrid
{
color: #045362;
background-color: #FFFFFF;
font-size: 11px;
}
.SummaryGrid
{
table-layout: fixed;
width: 650px;
}
.SummaryGrid input
{
font-size: 11px;
border: #045362 2px solid;
padding: 10px;
}
.SummaryGrid td
{
height: 45px;
padding: 0;
margin: 0;
}
.PinkBorder
{
background-color: #eee;
border: #045362 2px solid;
text-decoration: none;
font-size: 12px;
}
.LargeLabelBold
{
color: #000;
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.LargeLabel
{
color: #000;
font-size: 13px;
text-decoration: none;
}
#imgUpload, #imgClose
{
margin-top: -30px;
}
.SummaryButtons
{
border-collapse: collapse;
}
.SummaryButtons input
{
margin: 0 1px;
}
.first_column
{
width: 550px;
}
.second_column
{
width: 350px;
padding-left: 16px;
}
#ctl00_ContentPlaceHolder1_apply_form
{
font-size: 12px;
}
/********** Direct debit form **********/
.account
{
width: 300px;
}
.number
{
width: 200px;
}
.collection
{
width: 100px;
}
.name
{
width: 200px;
}
.address
{
width: 300px;
}
.postcode
{
width: 70px;
}
.telephone
{
width: 200px;
}
.email
{
width: 300px;
}
.dropdown1
{
width: 100px;
border: 1px solid #5E5E5E;
}
.dropdown2
{
width: 200px;
border: 1px solid #5E5E5E;
}
.radiobutton1
{
color: #5E5E5E;
}
.ZoneWithBorder
{
margin-bottom: 30px;
}
.ZoneWithBorderTop
{
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
border-top: solid 2px #000;
border-right: solid 2px #000;
border-bottom: none;
border-left: solid 2px #000;
margin: 0px;
background-color: #FFF;
}
.ZoneWithBorderBottom
{
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-top: none;
border-right: solid 2px #000;
border-bottom: solid 2px #000;
border-left: solid 2px #000;
margin-bottom: 30px;
background-color: #FFF;
}
.ZoneWithBorder h3
{
margin-top: 0;
}
.AdditionalZoneWithBorder
{
padding: 10px;
border: solid 2px #000;
background-color: #F9E8EB;
margin-bottom: 30px;
margin-left: 50px;
}
.AdditionalZoneWithBorder h3
{
margin-top: 0;
}
.Title1, .Title1Inline
{
font-size: 13.5px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
display: inline;
}
.SidebarLabel
{
font-size: 11px;
font-weight: bold;
}
.SidebarField
{
font-size: 11px;
}
.webxTextbox:hover,.newUserTextbox:hover, .PostcodeLookup:hover, .webxDropdownlist:hover,#searchContent input:hover,#searchContent select:hover  {
box-shadow: inset 0 0 0 1px #009aa6;
border: 1px solid #009aa6;
outline: none;
}
.ActivitiesGrid.DynamicGrid input[type=text], .ActivitiesGrid.DynamicGrid select, .webxTextbox,.newUserTextbox, .PostcodeLookup, .webxDropdownlist,#searchContent input,#searchContent select  {
box-sizing: border-box;
padding: 11.5px 16px !important;
box-shadow: inset 0 0 0 0 #c1c1c1;
border: 1px solid #c1c1c1;
border-radius: 4px;
width: 300px;
font-size: 12px;
padding: 5px;
margin: 1px;
outline:none;
}
.webxTextbox:focus,.newUserTextbox:focus, .webxDropdownlist:focus,#searchContent input:focus,#searchContent select:focus  {
box-shadow: inset 0 0 0 1px #009aa6;
border: 1px solid #009aa6;
outline: none;
}
input[type="image"].webxTextbox
{
width: 16px;
margin-bottom:-8px;
}
.webxDropdownlist
{
width: 312px;
font-family: SenticoSansDT, Tahoma, sans-serif;
font-size: 12px;
padding: 5px;
margin: 1px;
}
select.postcode_lookup
{
padding: 5px;
margin: 1px;
width: 310px;
float:none;
}
.webxRadiobuttonList
{
margin-top: 3px;
margin-bottom: 3px;
padding: 2px;
}
.webxCheckbox
{
}
.webxLabel
{
}
.textBoxCash
{
width: 100px;
border: 1px solid #5E5E5E;
margin-right: 10px;
}
.textBoxNarrow
{
width: 200px;
}
.textBoxWide
{
width: 400px;
}
.textArea
{
width: 300px;
border: 1px solid RGB(27,94,131);
margin-bottom: 10px;
height: 75px;
font-family: SenticoSansDT, Tahoma, sans-serif;
font-size: 12px;
padding: 5px;
margin: 1px;
}
.field
{
color: #5C3A3B;
text-decoration: none;
font-size: 12px;
}
.label
{
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
/******* Tool Tips *******
Special styling to create a long lasting tooltip hover over.
Standard tool tip message disapears after 5 seconds, using CSS counters this
*/
.ToolTipContainer
{
overflow:hidden;
cursor:help;
}
.ToolTipContainer:hover .ToolTipInner
{
display:block;
}
.ToolTipInner
{
position: absolute;
z-index: 99;
margin-left: 10px;
width: 200px;
padding: 0.8em 1em;
background: #F0662B;
color: #FFFFFF;
border: 1px solid black;
display:none;
}
.ToolTipContainer:hover em
{
font-style:normal;
font-size: 1.1em;
font-weight: bold;
font-display: block;
padding: 0.2em 0 0.6em 0;
}
.Email
{
font: Arial;
font-size: 12px;
}
.GridHyperlink
{
font-size: 11px;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
}
.ui-dialog-title, .ui-widget-header{
color: #FFFFFF; /* this will be the colour of the text. In this case white */
background: #F0662B; /* the background colour of the popup box header. In this case Dark Blue */
border-color: #b48484; /* the border colour of the popup box header. In This case Dark Blue. */
}
.infoText
{
font-style: italic;
}
.webxError {
font-size: 16px;
}

/********** Search Grids *******/
#searchContent span:nth-child(3) :nth-child(1)
{
display: inline-block;
width: 18%;
margin-left: 2%;
}
#searchContent>div:nth-of-type(2)>span {
margin-right: 4px;
}
#searchContent span:first-of-type :nth-child(1) {
width: 18%;
display: inline-block;
}
/* All data rows  */
#ctl00_ContentPlaceHolder1_GridView1 td
{
width:10%;
padding-left: 10px;
}
#searchContent input, #searchContent select {
padding: 4px;
}
#searchContent input[type=submit] {
height: 40px;
width: 200px !important;
font-size: 16px;
margin-right:4px;
}
#searchContent #ctl00_ContentPlaceHolder1_GridView1 a {
text-decoration: none;
}
#searchContent table {
margin: 16px 0;
}
#ctl00_ContentPlaceHolder1_GridView1
{
box-sizing: border-box !important;
width: 100% !important;
}
#ctl00_ContentPlaceHolder1_GridView1 td {
width: 10%;
padding: 12px 0;
padding-left: 8px;
border: none;
}
#ctl00_search_content h1 {
font-size: 26px;
}
#searchContent #ctl00_ContentPlaceHolder1_GridView1 input {
padding: 2px;
width: 74px;
}
#ctl00_ContentPlaceHolder1_ctl01_btnNewAccount
{
/*display:none;*/
}
#ctl00_ContentPlaceHolder1_GridView1 tr{
background: #ffffff !important;
border-color: gainsboro;
border-top: 1px solid gainsboro;
}
#ctl00_ContentPlaceHolder1_GridView1 th{
font-weight: bold;
font-size: 24px;
background-color: white;
color: #7b7b7b;
padding: 5px;
border:none;
}
#ctl00_ContentPlaceHolder1_GridView1 tr:hover{
background: #f6f6f6!important;
}
#ctl00_ContentPlaceHolder1_GridView1 tr:last-child:hover{
background: white !important;
}
#ctl00_ContentPlaceHolder1_GridView1 tr:last-child{
background: white;
}

/********** Manage Users **********/.greyBox
{
display:none;
}
#ctl00_ContentPlaceHolder1_grdUsers
{
border:none;
}
#ctl00_ContentPlaceHolder1_grdUsers td {
border: none;
text-align: left;
}
#ctl00_ContentPlaceHolder1_grdUsers tr {
background: #ffffff !important;
border-color: gainsboro;
border-top: 1px solid gainsboro;
}
#ctl00_ContentPlaceHolder1_grdUsers th {
font-weight: bold;
background-color: white;
color: #7b7b7b;
padding-top: 10px;
text-align: left;
border: none;
padding-bottom: 10px;
}
#ctl00_ContentPlaceHolder1_grdUsers tr:hover {
background: #f6f6f6!important;
}
#ctl00_ContentPlaceHolder1_grdUsers input[type="text"]
{
font-size: 11px;
}
th.username_column
{
width: 110px;
}
th.reset_column
{
width: 70px;
}
td.reset_column
{
text-align: center;
}
th.fullname_column
{
width: 145px;
}
td.fullname_column input[type="text"]
{
width: 130px;
}
th.email_column
{
width: 145px;
}
td.email_column input[type="text"]
{
width: 125px;
}
th.job_column
{
width: 145px;
}
td.job_column input[type="text"]
{
width: 130px;
}
th.phone_column
{
width: 100px;
}
td.phone_column input[type="text"]
{
width: 85px;
}
th.blocked_column
{
width: 50px;
}
td.blocked_column
{
text-align: center;
}
th.command_column
{
width: 60px;
}
td.command_column
{
text-align: center;
}
#tblNewUser, #tblEditUser
{
margin-bottom: 10px;
}
#tblNewUser td, #tblEditUser td
{
padding: 1px 5px;
width: 210px;
}
#tblNewUser input[type="text"], #tblEditUser input[type="text"]
{
width: 200px;
}

/**********Client Centric + Progress Zone*********/
.CenteredFeaturedProducts>div[class*=row]>span
{
vertical-align:middle;
}
.clientproductlabel
{
margin-top: -10px;
margin-left: -15px;
text-decoration: none;
}
#progressZoneTextDiv {
width:100%;
text-align:center;
}
#progressZoneImageDiv {
width:100%;
text-align:center;
}
/*a fix on progress icon*/
/*#webxPostbackImageBack
{
height:1000px;
width:1600px;
background-color:#EFEFEF;
filter:Alpha(opacity=50);
-moz-opacity:0.50;
-webkit-opacity:0.50;
}*/
.webXtabButton{
height:40px;
width: 190px;
border-top: #000 2px solid;
border-bottom: #000 0px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
background-color: grey;
background-image: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: inline;
position: relative;
right: 1px;
top: 2px;
}
.tabBorderTop{
border-top: #000 2px solid;
border-bottom: #000 0px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 14px;
padding-right: 14px;
margin:0px;
background-color: white;
border-radius: 0px 10px 0px 0px;
-moz-border-radius: 0px 10px 0px 0px;
-webkit-border-radius: 0px 10px 0px 0px;
}
.tabBorderMid{
border-top: #000 0px solid;
border-bottom: #000 0px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 14px;
padding-right: 14px;
margin:0px;
background-color: white;
}
.tabBorderBottom{
border-top: #000 0px solid;
border-bottom: #000 2px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 14px;
padding-right: 14px;
margin:0px;
background-color: white;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}

/***************carousel************/
#home_banner
{
background: #fff;
clear: both;
margin: 0 0 40px;
position: relative;
}
#home_banner img
{
display: block;
}
#home_banner .arrow
{
background: url(../webximage/arw.png) no-repeat;
display: none;
height: 82px;
left: -59px;
overflow: hidden;
padding: 19px 0 0 14px;
position: absolute;
top: 38px;
width: 44px;
z-index: 120;
}
#home_banner .arrow a
{
display: block;
overflow: hidden;
padding: 64px 0 0;
height: 0px;
width: 44px;
}
#home_banner .next
{
background-position: -58px 0;
left: auto;
padding: 19px 14px 0 0;
right: -59px;
}
#home_banner li
{
float: left;
width: 100%;
}
#home_banner ul
{
list-style: none;
}
#home_banner .button
{
background: #053192 url(../webximage/quotebg.png) repeat-x;
bottom: -12px;
color: #fff;
font-size: 80%;
height: 27px;
overflow: hidden;
padding: 15px 10px;
position: absolute;
right: -10px;
text-align: center;
text-decoration: none;
width: 170px;
}
#home_banner .carousel
{
height: 365px;
overflow: hidden;
z-index: 100;
}
#home_banner .carousel div
{
position: relative;
}
#home_banner .carousel p
{
font-size: 14px;
box-sizing:border-box;
padding:10px;
height: 138px;
position: absolute;
top: 160px;
width: 571px;
}
#home_banner .carousel p *
{
font-family: SenticoSansDT, Tahoma, sans-serif;
font-weight: normal;
}
#banner .carousel p strong
{
display: block;
height: 138px;
overflow: hidden;
width: 266px;
padding: 10px;
}
#home_banner .navigation
{
left: 399px;
height: 19px;
margin: 13px 0 0;
position: absolute;
z-index: 110;
}
#home_banner .navigation li
{
display: inline-block;
margin: 0 0 0 15px !important;
width: 13px;
}
div[id=home_banner] .arrow
{
background-image: url(../webximage/arw.png) !important;
}

/******************** ACCOUNT STATEMENT ********************/
table#intro
{
padding: 3px;
}
table#intro td
{
padding: 4px 70px 4px 18px;
}
div#currency
{
margin: 16px 0;
padding: 17px 0 22px 18px;
}
.broker_statement_grid, .uw_statement_grid
{
padding: 0;
width: 920px;
table-layout: fixed;
border-collapse: collapse;
border: solid 1px #000;
}
.broker_statement_grid th, .uw_statement_grid th
{
background-color: #B1B1B1;
color: #fff;
font-weight: normal;
height: 40px;
text-align: left;
padding: 1px;
vertical-align: top;
margin: 0;
}
.broker_statement_grid td, .uw_statement_grid td
{
background-color: #FFF;
color: #000;
font-size: 11px;
height: 40px;
vertical-align: top;
padding: 1px 5px;
word-wrap: break-word;
}
.uw_statement_grid
{
border:none;
}
th.date_column
{
width: 60px;
}
th.transaction_column
{
width: 90px;
}
th.type_column
{
width: 40px;
}
th.number_column
{
width: 50px;
}
th.policy_column
{
width: 90px;
}
th.details_column
{
width: 130px;
}
th.gross_column
{
width: 75px;
}
th.grosscr_column
{
width: 10px;
}
th.due_column
{
width: 75px;
border-left: solid 1px #000;
}
th.duecr_column
{
width: 10px;
border-right: solid 1px #000;
}
th.held_column
{
width: 70px;
}
th.notes_column
{
width: 80px;
}
th.uwnet_column
{
width: 50px;
}
th.ipt_column
{
width: 50px;
}
th.uwnetipt_column
{
width: 60px;
}
td.gross_column
{
text-align: right;
border-right: 0;
}
td.grosscr_column
{
border-left: 0;
}
.broker_statement_grid td.due_column
{
text-align: right;
border-right: 0;
background-color: #EAEFF2;
border-left: solid 1px #000;
}
.broker_statement_grid td.duecr_column
{
border-left: 0;
background-color: #EAEFF2;
border-right: solid 1px #000;
}
td.held_column
{
text-align: right;
}
td.notes_column
{
font-style: italic;
padding-left: 10px;
}
.print_statement
{
margin: 10px 0;
display: none;
}

/**************Reporting******************/
#ParameterTable_ctl00_ContentPlaceHolder1_ReportViewer_ctl00
{
background-color: transparent !important;
width: 955px !important;
padding-right: 22px !important;
}
#ctl00_ContentPlaceHolder1_ReportViewer
{
margin-left: -19px;
width: 955px !important;
}
#ctl00_ContentPlaceHolder1_ReportViewer_ctl00
{
width: 955px !important;
}

/*Login LiveTiles*/
#loginTiles
{
position: relative;
top: 30px;
left: 50px;
}
ul#live_tiles { float:right; width:560px; height:310px; margin:0; padding:0; list-style:none; }
ul#live_tiles li { float:left; width:98px; height:98px; line-height:98px; text-align:center; margin:0 0 8px 8px; font-size:16px;font-family: SenticoSansDT, Tahoma, sans-serif; }
ul#live_tiles li a { display:block; height:98px; color:#fff; text-decoration:none; }
ul#live_tiles li a:hover { color:#000; text-decoration:none; }
ul#live_tiles li div { width:98px; height:98px; }
/** "Live Tiles"
*****************************/
ul#live_tiles { float:right; width:560px; height:188px; margin:0 !important; padding:0 !important; list-style:none; }
ul#live_tiles li { float:left; width:90px; height:90px; overflow:hidden; line-height:90px; text-align:center; margin:0 8px 8px 0; font-size:14px; font-family: SenticoSansDT, Tahoma, sans-serif; }
ul#live_tiles li a { display:block; height:90px; color:#fff; text-decoration:none; }
ul#live_tiles li a:hover { color:#000; text-decoration:none; }
ul#live_tiles li div { width:90px; height:90px; }
ul#live_tiles li.icon { /*background-image:url(/_images/layup/icons-services.png); background-color:#3d3f47; background-repeat:no-repeat;*/ }
ul#live_tiles li.icon div:first-child { background-image:url(../webximage/icons-services.png); background-color:#3d3f47; background-repeat:no-repeat; }
ul#live_tiles li.icon div:last-child {  background-color:#3d3f47; }
ul#live_tiles li.pen {  }
ul#live_tiles li.pen
{  background:none;  }
ul#live_tiles li.pen div:first-child {   }
ul#live_tiles li.pen div:last-child {   }
/*ul#live_tiles li.brokers { background-color:#856cb0; background-image:none; }*/
ul#live_tiles li div span.two-line { display:block; padding-top:25px; line-height:normal !important;  }
ul#live_tiles li.brokers div { background-color:#856cb0; background-image:none; }
ul#live_tiles li.graph div:first-child { background-position:-294px top; }
ul#live_tiles li.insurers div { background-color:#f26528; background-image:none; }
ul#live_tiles li.folder div:first-child { background-position:-588px top; }
ul#live_tiles li.mgas div { background-color:#74c043; background-image:none; }
ul#live_tiles li.umbrella div:first-child { background-position:-98px top; }
ul#live_tiles li.captives div { background-color:#25aae1; background-image:none; }
ul#live_tiles li.document div:first-child { background-position:-490px top; }
ul#live_tiles li.underwriters div { background-color:#f05555; background-image:none; }
ul#live_tiles li.risk-managers div { background-color:#c69b2d; background-image:none; }
ul#live_tiles li.data div:first-child { background-position:-196px top; }
ul#live_tiles li.coins div:first-child { background-position:-392px top; }
ul#live_tiles li.tpas div { background-color:#2cbb97; background-image:none; }
ul#live_tiles li.lock div:first-child { background-position:right top; }
ul#live_tiles li.end { margin-right:0; }
.more-solutions { position:absolute; left:0; bottom:25px; }
.live-tile > div,
.list-tile > div,
.live-tile > .slide,
.carousel > .slide,
.live-tile > .slide-front,
.live-tile > .slide-back,
.live-tile > .flip-front,
.live-tile > .flip-back {
top: 0px;
left: 0px;
margin: 0px;
height: 100%;
width: 100%;
overflow: hidden;
position: absolute;
z-index: 20;
}
/* Sizes */
.live-tile,
.list-tile,
.copy-tile,
.tile-strip .flip-list > li {
height: 98px;
margin: 5px;
outline: 1px solid transparent;
padding: 0px;
width: 98px;
}
.live-tile.half-tile,
.list-tile.half-tile,
.copy-tile.half-tile,
.tile-strip .flip-list > li.half-tile {
height: 70px;
width: 70px;
}
.live-tile.half-wide,
.list-tile.half-wide,
.copy-tile.half-wide,
.tile-strip .flip-list > li.half-wide {
width: 70px;
}
.live-tile.two-wide,
.list-tile.two-wide,
.copy-tile.two-wide,
.tile-strip .flip-list > li.two-wide {
width: 310px;
}
.live-tile.three-wide,
.list-tile.three-wide,
.copy-tile.three-wide,
.tile-strip .flip-list > li.three-wide {
width: 470px;
}
.live-tile.four-wide,
.list-tile.four-wide,
.copy-tile.four-wide,
.tile-strip .flip-list > li.four-wide {
width: 630px;
}
.live-tile.five-wide,
.list-tile.five-wide,
.copy-tile.five-wide,
.tile-strip .flip-list > li.five-wide {
width: 790px;
}
.live-tile.six-wide,
.list-tile.six-wide,
.copy-tile.six-wide,
.tile-strip .flip-list > li.six-wide {
width: 950px;
}
.live-tile.seven-wide,
.list-tile.seven-wide,
.copy-tile.seven-wide,
.tile-strip .flip-list > li.seven-wide {
width: 1110px;
}
.live-tile.eight-wide,
.list-tile.eight-wide,
.copy-tile.eight-wide,
.tile-strip .flip-list > li.eight-wide {
width: 1270px;
}
.live-tile.nine-wide,
.list-tile.nine-wide,
.copy-tile.nine-wide,
.tile-strip .flip-list > li.nine-wide {
width: 1430px;
}
.live-tile.ten-wide,
.list-tile.ten-wide,
.copy-tile.ten-wide,
.tile-strip .flip-list > li.ten-wide {
width: 1590px;
}
.live-tile.half-tall,
.list-tile.half-tall,
.copy-tile.half-tall,
.tile-strip .flip-list > li.half-tall {
height: 70px;
}
.live-tile.two-tall,
.list-tile.two-tall,
.copy-tile.two-tall,
.tile-strip .flip-list > li.two-tall {
height: 310px;
}
.live-tile.three-tall,
.list-tile.three-tall,
.copy-tile.three-tall,
.tile-strip .flip-list > li.three-tall {
height: 470px;
}
.live-tile.four-tall,
.list-tile.four-tall,
.copy-tile.four-tall,
.tile-strip .flip-list > li.four-tall {
height: 630px;
}
.live-tile.five-tall,
.list-tile.five-tall,
.copy-tile.five-tall,
.tile-strip .flip-list > li.five-tall {
height: 790px;
}
.live-tile.six-tall,
.list-tile.six-tall,
.copy-tile.six-tall,
.tile-strip .flip-list > li.six-tall {
height: 950px;
}
.live-tile.seven-tall,
.list-tile.seven-tall,
.copy-tile.seven-tall,
.tile-strip .flip-list > li.seven-tall {
height: 1110px;
}
.live-tile.eight-tall,
.list-tile.eight-tall,
.copy-tile.eight-tall,
.tile-strip .flip-list > li.eight-tall {
height: 1270px;
}
.live-tile.nine-tall,
.list-tile.nine-tall,
.copy-tile.nine-tall,
.tile-strip .flip-list > li.nine-tall {
height: 1430px;
}
.live-tile.ten-tall,
.list-tile.ten-tall,
.copy-tile.ten-tall,
.tile-strip .flip-list > li.ten-tall {
height: 1590px;
}
/* flip-list tile grid sprite styles */
.live-tile > .flip-list,
.list-tile > .flip-list {
height: 100%;
width: 100%;
}
.flip-list > li {
height: 50px;
margin: 0px;
padding: 0px;
width: 50px;
}
.flip-list.fourTiles > li {
border: none;
padding: 0;
margin: 0;
height: 50%;
width: 50%;
}
.flip-list.nineTiles > li {
height: 33%;
width: 33%;
border: none;
padding: 0;
margin: 0;
}
.flip-list.fourTiles > li > div,
.flip-list.fourTiles > li > div > a,
.flip-list.fourTiles > li > div > img,
.flip-list.nineTiles > li > div,
.flip-list.nineTiles > li > div > a,
.flip-list.nineTiles > li > div > img {
border: none;
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
/* fourTile background positions */
.fourTiles .fourTiles1 img,
.fourTiles img.fourTiles1,
.fourTiles .fourTiles1 a,
.fourTiles .tile-1 img,
.fourTiles .tile-1 a {
background-position: 0px 0px;
}
.fourTiles .fourTiles2 img,
.fourTiles img.fourTiles2,
.fourTiles .fourTiles2 a,
.fourTiles .tile-2 img,
.fourTiles .tile-2 a {
background-position: -75px 0px;
}
.fourTiles .fourTiles3 img,
.fourTiles img.fourTiles3,
.fourTiles .fourTiles3 a,
.fourTiles .tile-3 img,
.fourTiles .tile-3 a {
background-position: 0px -75px;
}
.fourTiles .fourTiles4 img,
.fourTiles img.fourTiles4,
.fourTiles .fourTiles4 a,
.fourTiles .tile-4 img,
.fourTiles .tile-4 a {
background-position: -75px -75px;
}
/* nineTile background positions */
.nineTiles .nineTiles1 img,
.nineTiles img.nineTiles1,
.nineTiles .nineTiles1 a,
.nineTiles .tile-1 img,
.nineTiles .tile-1 a {
background-position: 0px 0px;
}
.nineTiles .nineTiles2 img,
.nineTiles img.nineTiles2,
.nineTiles .nineTiles2 a,
.nineTiles .tile-2 img,
.nineTiles .tile-2 a {
background-position: -50px 0px;
}
.nineTiles .nineTiles3 img,
.nineTiles img.nineTiles3,
.nineTiles .nineTiles3 a,
.nineTiles .tile-3 img,
.nineTiles .tile-3 a {
background-position: -100px 0px;
}
.nineTiles .nineTiles4 img,
.nineTiles img.nineTiles4,
.nineTiles .nineTiles4 a,
.nineTiles .tile-4 img,
.nineTiles .tile-4 a {
background-position: 0px -50px;
}
.nineTiles .nineTiles5 img,
.nineTiles img.nineTiles5,
.nineTiles .nineTiles5 a,
.nineTiles .tile-5 img,
.nineTiles .tile-5 a {
background-position: -50px -50px;
}
.nineTiles .nineTiles6 img,
.nineTiles img.nineTiles6,
.nineTiles .nineTiles6 a,
.nineTiles .tile-6 img,
.nineTiles .tile-6 a {
background-position: -100px -50px;
}
.nineTiles .nineTiles7 img,
.nineTiles img.nineTiles7,
.nineTiles .nineTiles7 a,
.nineTiles .tile-7 img,
.nineTiles .tile-7 a {
background-position: 0px -100px;
}
.nineTiles .nineTiles8 img,
.nineTiles img.nineTiles8,
.nineTiles .nineTiles8 a,
.nineTiles .tile-8 img,
.nineTiles .tile-8 a {
background-position: -50px -100px;
}
.nineTiles .nineTiles9 img,
.nineTiles img.nineTiles9,
.nineTiles .nineTiles9 a,
.nineTiles .tile-9 img,
.nineTiles .tile-9 a {
background-position: -100px -100px;
}
.tile-group,
.tile-strip {
display: block;
overflow: hidden;
position: relative;
z-index: 20;
-webkit-perspective: 800px;
-moz-perspective: 800px;
-ms-perspective: 800px;
perspective: 800px;
}
.tile-group.one-tile,
.tile-strip.one-tile {
height: 160px;
width: 160px;
}
.tile-group.half-wide,
.tile-strip.half-wide {
width: 80px;
}
.tile-group.one-wide,
.tile-strip.one-wide {
width: 160px;
}
.tile-group.two-wide,
.tile-strip.two-wide {
width: 320px;
}
.tile-group.three-wide,
.tile-strip.three-wide {
width: 480px;
}
.tile-group.four-wide,
.tile-strip.four-wide {
width: 640px;
}
.tile-group.five-wide,
.tile-strip.five-wide {
width: 800px;
}
.tile-group.six-wide,
.tile-strip.six-wide {
width: 960px;
}
.tile-group.seven-wide,
.tile-strip.seven-wide {
width: 1120px;
}
.tile-group.eight-wide,
.tile-strip.eight-wide {
width: 1280px;
}
.tile-group.nine-wide,
.tile-strip.nine-wide {
width: 1440px;
}
.tile-group.ten-wide,
.tile-strip.ten-wide {
width: 1600px;
}
.tile-group.half-tall,
.tile-strip.half-tall {
height: 80px;
}
.tile-group.one-tall,
.tile-strip.one-tall {
height: 160px;
}
.tile-group.two-tall,
.tile-strip.two-tall {
height: 320px;
}
.tile-group.three-tall,
.tile-strip.three-tall {
height: 480px;
}
.tile-group.four-tall,
.tile-strip.four-tall {
height: 640px;
}
.tile-group.five-tall,
.tile-strip.five-tall {
height: 800px;
}
.tile-group.six-tall,
.tile-strip.six-tall {
height: 960px;
}
.tile-group.seven-tall,
.tile-strip.seven-tall {
height: 1120px;
}
.tile-group.eight-tall,
.tile-strip.eight-tall {
height: 1280px;
}
.tile-group.nine-tall,
.tile-strip.nine-tall {
height: 1440px;
}
.tile-group.ten-tall,
.tile-strip.ten-tall {
height: 1600px;
}
/* liveTile styles */
.tile-strip,
.live-tile,
.list-tile,
.copy-tile,
.slide {
float: left;
}
.tile-strip.bounce,
.live-tile.bounce,
.list-tile.bounce,
.copy-tile.bounce,
.slide.bounce {
cursor: pointer;
outline: 1px solid transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.tile-strip.bounce.bounce-c,
.live-tile.bounce.bounce-c,
.list-tile.bounce.bounce-c,
.copy-tile.bounce.bounce-c,
.slide.bounce.bounce-c {
cursor: pointer;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
.tile-strip.bounce.bounce-t,
.live-tile.bounce.bounce-t,
.list-tile.bounce.bounce-t,
.copy-tile.bounce.bounce-t,
.slide.bounce.bounce-t {
-webkit-transform: rotateX(20deg);
-ms-transform: rotateX(20deg);
-moz-transform: rotateX(20deg);
-o-transform: rotateX(20deg);
transform: rotateX(20deg);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.tile-strip.bounce.bounce-b,
.live-tile.bounce.bounce-b,
.list-tile.bounce.bounce-b,
.copy-tile.bounce.bounce-b,
.slide.bounce.bounce-b {
-webkit-transform: rotateX(-20deg);
-ms-transform: rotateX(-20deg);
-moz-transform: rotateX(-20deg);
-o-transform: rotateX(-20deg);
transform: rotateX(-20deg);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.tile-strip.bounce.bounce-r,
.live-tile.bounce.bounce-r,
.list-tile.bounce.bounce-r,
.copy-tile.bounce.bounce-r,
.slide.bounce.bounce-r {
-webkit-transform: rotateY(20deg);
-ms-transform: rotateY(20deg);
-moz-transform: rotateY(20deg);
-o-transform: rotateY(20deg);
transform: rotateY(20deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.tile-strip.bounce.bounce-l,
.live-tile.bounce.bounce-l,
.list-tile.bounce.bounce-l,
.copy-tile.bounce.bounce-l,
.slide.bounce.bounce-l {
-webkit-transform: rotateY(-20deg);
-ms-transform: rotateY(-20deg);
-moz-transform: rotateY(-20deg);
-o-transform: rotateY(-20deg);
transform: rotateY(-20deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.tile-strip.bounce.bounce-tl,
.live-tile.bounce.bounce-tl,
.list-tile.bounce.bounce-tl,
.copy-tile.bounce.bounce-tl,
.slide.bounce.bounce-tl {
-webkit-transform: rotateX(10deg) rotateY(-10deg);
-ms-transform: rotateX(10deg) rotateY(-10deg);
-moz-transform: rotateX(10deg) rotateY(-10deg);
-o-transform: rotateX(10deg) rotateY(-10deg);
transform: rotateX(10deg) rotateY(-10deg);
}
.tile-strip.bounce.bounce-tr,
.live-tile.bounce.bounce-tr,
.list-tile.bounce.bounce-tr,
.copy-tile.bounce.bounce-tr,
.slide.bounce.bounce-tr {
-webkit-transform: rotateX(10deg) rotateY(10deg);
-ms-transform: rotateX(10deg) rotateY(10deg);
-moz-transform: rotateX(10deg) rotateY(10deg);
-o-transform: rotateX(10deg) rotateY(10deg);
transform: rotateX(10deg) rotateY(10deg);
}
.tile-strip.bounce.bounce-bl,
.live-tile.bounce.bounce-bl,
.list-tile.bounce.bounce-bl,
.copy-tile.bounce.bounce-bl,
.slide.bounce.bounce-bl {
-webkit-transform: rotateX(-10deg) rotateY(-10deg);
-ms-transform: rotateX(-10deg) rotateY(-10deg);
-moz-transform: rotateX(-10deg) rotateY(-10deg);
-o-transform: rotateX(-10deg) rotateY(-10deg);
transform: rotateX(-10deg) rotateY(-10deg);
}
.tile-strip.bounce.bounce-br,
.live-tile.bounce.bounce-br,
.list-tile.bounce.bounce-br,
.copy-tile.bounce.bounce-br,
.slide.bounce.bounce-br {
-webkit-transform: rotateX(-10deg) rotateY(10deg);
-ms-transform: rotateX(-10deg) rotateY(10deg);
-moz-transform: rotateX(-10deg) rotateY(10deg);
-o-transform: rotateX(-10deg) rotateY(10deg);
transform: rotateX(-10deg) rotateY(10deg);
}
.live-tile,
.list-tile,
.copy-tile {
color: #fff;
overflow: hidden;
position: relative;
z-index: 20;
}
.live-tile p,
.list-tile p,
.copy-tile p,
.live-tile .face,
.list-tile .face,
.copy-tile .face {
display: block;
font-size: 1em;
line-height: 1.2em;
margin: 0;
}
.live-tile .face,
.list-tile .face,
.copy-tile .face {
padding: 0px;
}
.live-tile p,
.list-tile p,
.copy-tile p {
padding: 10px;
}
.live-tile.half-tile p,
.list-tile.half-tile p,
.copy-tile.half-tile p {
padding: 5px;
}
.live-tile .face.full,
.list-tile .face.full,
.copy-tile .face.full {
height: 100%;
width: 100%;
}
.live-tile img,
.list-tile img,
.copy-tile img {
border: none;
}
.live-tile .tile-title,
.list-tile .tile-title,
.copy-tile .tile-title {
position: absolute;
bottom: 0px;
font-size: 12px;
left: 0px;
padding: 0 0 6px 2%;
text-decoration: none;
width: 98%;
z-index: 30;
}
.live-tile a.tile-title:link,
.list-tile a.tile-title:link,
.copy-tile a.tile-title:link,
.live-tile a.tile-title:visited,
.list-tile a.tile-title:visited,
.copy-tile a.tile-title:visited,
.live-tile a.tile-title:hover,
.list-tile a.tile-title:hover,
.copy-tile a.tile-title:hover,
.live-tile a.tile-title,
.list-tile a.tile-title,
.copy-tile a.tile-title {
text-decoration: none;
}
.live-tile a:link,
.list-tile a:link,
.copy-tile a:link,
.live-tile a:visited,
.list-tile a:visited,
.copy-tile a:visited {
color: #fff;
text-decoration: underline;
}
.live-tile a:hover,
.list-tile a:hover,
.copy-tile a:hover {
color: #fff;
text-decoration: none;
}
.light .copy-tile {
color: #000;
}
.light .copy-tile.accent {
color: #fff;
}
.light .copy-tile a:link,
.light .copy-tile a:visited,
.light .copy-tile a:hover {
color: #000;
}
.light .copy-tile .face,
.light .copy-tile .accent {
color: #fff;
}
.light .copy-tile .face a:link,
.light .copy-tile .accent a:link,
.light .copy-tile .face a:visited,
.light .copy-tile .accent a:visited,
.light .copy-tile .face a:hover,
.light .copy-tile .accent a:hover {
color: #fff;
}
.copy-tile p {
padding: 5px 5px 0px 5px;
font-size: .95em;
}
.noselect > div,
.noselect > .slide,
.noselect > .slide-front,
.noselect > .slide-back,
.noselect > .flip-front,
.noselect > .flip-back {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.live-tile > div,
.list-tile > div,
.live-tile > .slide,
.carousel > .slide,
.live-tile > .slide-front,
.live-tile > .slide-back,
.live-tile > .flip-front,
.live-tile > .flip-back {
top: 0px;
left: 0px;
margin: 0px;
height: 100%;
width: 100%;
overflow: hidden;
position: absolute;
z-index: 20;
}
.list-tile > div {
position: relative;
background-color: transparent;
}
img.full,
a.full,
.live-tile .full,
.list-tile .full {
display: block;
margin: 0px;
height: 100%;
text-decoration: none;
width: 100%;
}
.live-tile > .back,
.live-tile > .slide-back,
.live-tile > .flip-back,
.flip-list .flip-back {
position: absolute;
z-index: 10;
}
/*  ========== flip-list Styles ==========
.flip-list
---li
------div.flip-front
------div.flip-back
*/
.flip-list {
padding: 0px;
margin: 0px;
}
.list-tile .flip-list {
height: 100%;
width: 100%;
}
.flip-list > li > a {
border: none;
outline: none;
text-decoration: none;
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}
.flip-list > li img {
border: none;
outline: none;
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
.flip-list > li {
float: left;
list-style-type: none;
outline: none;
position: relative;
}
.flip-list > li > div {
border: none;
background: white;
height: 100%;
left: 0px;
margin: 0px;
overflow: hidden;
position: absolute;
padding: 0px;
top: 0px;
width: 100%;
z-index: 20;
}
.flip-list > li > div.flip-back {
height: 0px;
}
/* ------ Hardware Accelerated Tiles --------*/
/* flip */
.live-tile.flip.ha,
.flip-list.ha {
position: relative;
overflow: hidden;
}
.live-tile.flip .ha.flip-front,
.flip-list .ha.flip-front,
.live-tile.flip .ha.flip-back,
.flip-list .ha.flip-back {
position: absolute;
z-index: 20;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-list > li > .ha.flip-back,
.flip-list > li > .ha.flip-back img {
/* override the values set for margin and ensure the back tile is visible  */
margin: 0px !important;
height: 100%;
}

/**************CSS Fix******************/    /*search policy quick fix on width ddl*/  #ctl00_ContentPlaceHolder1_SSLCriteria_p.schemeid {   width: 200px;  }    .menu-banner-zone + *{  clear:both;  }    .ChangeBrokerInput {      margin: 0px !important;      display: inline-block;      position: absolute;      left: 65px;      top: 530px;  }    .ChangeBrokerInput * {      margin: 0 !important;  }    .ChangeBrokerInput div:nth-child(3) {      display: inline-flex;  }    .ChangeBrokerInput div:nth-child(3) > span    {      padding-top: 10px;  }    .ChangeBrokerInput input[type="submit"] {      height: 50px;  }    .ChangeBrokerInput div:nth-child(3) > span > span {      top: 23px;      position: absolute;  }    .ChangeBrokerZone {      height: auto;      top: 74px;         z-index: -99;      position: relative;      left: 51px;  }    .ChangeBrokerZone div, .ChangeBrokerZone span {      height: 100%;  }
/**************Footer******************/
#ctl00_footer {
	    margin-top: 180px;
}

footer div.wrap-container {
	margin: auto; width: 956px; position: relative;
}
footer .inner {
    height: 241px;
    margin-top: 120px;
    text-align: center;
    overflow: hidden;
}


footer nav {
	 vertical-align: top;
    display: inline-block;
    width: 33%;
    text-align: center;
}
footer nav ul {
    list-style: outside none none;
	-webkit-padding-start: 0px;
}
footer nav ul li {
	
}
footer nav ul li a {
	line-height: 20px; 
	font-size: 14px; 
	display: block;
}

footer div.contact {
	padding: 10px 0px; width: 225px; float: left;
}
footer div.affiliations {
	text-align: right; padding-top: 150px; float: right;
}
footer div.affiliations a {
	margin-left: 5px;
}


footer #copyright .site-by {

}
footer #copyright .site-by span {
	display: none;
}

footer{
    padding-bottom:61px;
}
footer,footer *{
    font-size:13.6px;
}
/* MultiQuote Styling */

#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid>tbody>tr>td:nth-child(2n) {
    display: block;
	margin-bottom:10px;
width:300px;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid>tbody>tr>td:nth-child(odd) {
    float: left;
	margin-right:10px;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid>tbody>tr {display:block;}

#.MultiQuote td {
    background: none;
   padding-right:0px !important;
    order: none !important;
}
.MultiQuote td, .MultiQuoteLocation td {
    border: none !important;
}

/*.MultiQuote tr td:first-of-type>div {
    width: 230px;
}*/

.MultiQuoteHeading {
    font-size: 18px;
    margin-bottom: 10px !important;
    display: block;
    border-bottom: 1px #e43434 dashed;
    padding-bottom: 5px;
}
table.MultiQuote tr, table.MultiQuoteLocation tr
{
    display: block;
    background-color: #fff;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #c1c1c1;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
margin-bottom: 15px;
}
.MultiQuote td span, .MultiQuoteLocation td span
{
	text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
	display:block;
	font-size: 16px;
    font-weight: 400;
	color: #3c3c3c;
	line-height: 1.5;
}
.MultiQuote tr:hover
{
    box-shadow: inset 0 0 0 1px #009aa6 !important;
    border: 1px solid #009aa6 !important;
}	
.MultiQuote th, .MultiQuoteLocation th {
    display: none;
}
/*table.MultiQuote {
	margin-left:-8px;
}*/
table.MultiQuote *, table.MultiQuoteLocation * {
    padding: 2px 2px 2px 2px;
}
.MultiQuote input:not([type=radio]), .MultiQuoteLocation input:not([type=radio])
{background:#e43434 !important;float:right;line-height:0px;}
tr.SelectedGrid
{
    box-shadow: inset 0 0 0 1px #009aa6 !important;
    border: 1px solid #009aa6 !important;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table tr,#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table td,#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table tbody,#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table{
    display:block !important;
    box-sizing:border-box !important;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table td
{
float:left !important;
height:20px;
}

/*
#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table tr td:first-child
{
    width:8% !important;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table tr td:last-child
{
    width:92% !important;
}*/

#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table tr
{
    overflow:hidden !important;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLControl_TestGrid table tr td input {
    float: none !important;
}

.QuoteOptions
input[type=checkbox] + label {
  color: #ccc;
  font-style: italic;
 padding-left: 15px; 
} 


input[type=checkbox]:checked + label {
  color: #3c3c3c;
  font-style: normal;
 }
.largerCheckbox
 input[type=checkbox]
{
	width: 10px;
	height: 10px;
	-ms-transform: scale(2); /* IE */
 	 -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}



.testLabel
{
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px red dashed;
}
.MultiQuoteZone, .MultiQuoteZoneHeader, .MultiQuoteZoneCoverage, .MultiQuoteZoneLocationFirst, .MultiQuoteZoneLocationMiddle, .MultiQuoteZoneLocationLast, .MultiQuoteZoneHeader2
{
   /* padding: 0px 0px 9px 12px;*/
    padding: 10px 24px;
    background-color: #f7f7f7;
    width: 567px;

}

.MultiQuoteZone2
{
   /* padding: 0px 0px 9px 12px;*/
    padding: 10px 24px;
    background-color: #f7f7f7;
    width: 567px;
	margin-top: -14px
}
.MultiQuoteZoneBottom
{
   /* padding: 0px 0px 9px 12px;*/
    padding: 10px 24px;
    background-color: #f7f7f7;
    width: 567px;
	border-style:none;border-bottom: none;border-color: #c0bebe;
}

.MultiQuoteZone, .MultiQuoteZoneLocationFirst
{
 margin-top: 2px;
}
.MultiQuoteZoneHeader
{
background-color: #efefef;
 padding: 16px 24px;

}
.MultiQuoteZoneHeader2
{
background-color: #efefef;
 padding: 16px 24px;
 border-style: dotted;border-bottom: dotted;border-color: #c0bebe;
 margin-bottom: inherit;
 margin-top: -14px;
 width: 561px;
}
.MultiQuoteZoneCoverage
{
background-color: #fff;
 border-left: solid 24px #f7f7f7;
 border-right: solid 24px #f7f7f7;
 border-bottom: solid 24px #f7f7f7;
width: 519px;
}
.MultiQuoteZoneCoverageHeader
{
padding: 24px 24px 1px 24px !important;
border-bottom: solid 0px #f7f7f7 !important;
}
.MultiQuoteZoneCoverageBody
{
padding: 1px 24px 1px 24px !important;
border-bottom: solid 0px #f7f7f7 !important;
}
.MultiQuoteZoneCoverageFooter
{
padding: 1px 24px 24px 24px !important;
}
.MultiQuoteZoneDeclined
{
    padding: 24px;
    background-color: #fffce2;
/*    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
    border: solid 1px #e8e8e8;
    width: 567px;
    margin-top:2px;
}
.CoverageAlignText
{
    position: absolute;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 400;
    color: #3c3c3c;
width: 315px;
}
.CoverageAlignTextDetail
{
    position: absolute;
    Top: 0;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 400;
    color: #3c3c3c;
width: 260px;
}
.TotalPremium
{
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
   width: 614px;
   Padding-Bottom: 13px
}
.RetainedPremium
{
    position: absolute;
    margin-top: -30px;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: 400;
}
.MultiQuote tr:first-child, .MultiQuoteLocation tr:first-child {
    Display: none;
}
.MultiQuote td:last-child, .MultiQuoteLocation td:last-child {
    text-align:right;
}
.MultiQuoteLocation tr
{
border:none !important;
    cursor: default !important;
}
.MultiQuoteLocation tr:hover
{
border:none !important;
}
.MultiQuoteZoneLocationFirst
{
padding-bottom: 0px !important;
}

.MultiQuoteZoneLocationMiddle
{
padding-top: 15px !important;
padding-bottom: 0px !important;
}
.MultiQuoteZoneLocationLast
{
padding-top: 1px !important;
}
.MultiQuoteZoneHeader span:nth-child(2), .MultiQuoteZoneHeader2 span:nth-child(2),.MultiQuoteZone2 span:nth-child(2), .MultiQuoteZone span:nth-child(2), .MultiQuoteZoneLocationFirst span:nth-child(2), .MultiQuoteZoneLocationMiddle span:nth-child(2) {
    text-align: right;
}

/* overrides */  body{      font-size:16px;  }    .greyBox ~ .greyBox {      display: block;      margin-top: 10px;  }    .MultiQuoteZoneHeader .h2 {      display: none !important;  }  select#ctl00_ContentPlaceHolder1_ctl20_SSLControl_DDActivitiesHelptextVisibleIF  {      border: none;      background: none;      word-wrap: break-word;      white-space: pre;      -webkit-appearance: none;      white-space: pre-wrap;  }  select#ctl00_ContentPlaceHolder1_ctl20_SSLControl_DDActivitiesHelptextVisibleIF:hover  {      border: none !important;      box-shadow: none !important;  }      .MultiQuoteZoneHeader .h2faded {      display: none;  }    .btnActivityClass,.btnActivityClass * {      min-width: 0px !important;      padding: 7px !important;  }      .ActivityDropdown, .ActivityResult,.ActivityPercentage,.ActivitySign  {      float:left;  }    .ActivityOptionParent  {  overflow:hidden;  }    .ErrorMessageActivities {      text-align: right;      display: block;      position: absolute;      color: red;      left: 253px;      top: 14px;  }    .HideDebug  {  display:none;  }      /*input[id$='lblProfessionalIndeminty']  {  display:none;  }*/    .CreateActivity, .CreateActivity *  {  width: 22px !important;  min-width:0px !important;  padding: 5px !important;  }    [id$='grdLA'] table  {      table-layout: fixed;      width: 538px !important;      border-collapse: collapse;  }    [id$='grdLA'] table th:first-child  {  width: 200px !important;  }    [id$='grdLA'] table th div  {      overflow: hidden;      word-break: break-word;      text-align: left;      white-space: normal !important;  }    [id$='grdLA'] table.webxGrid input  {      display: block;      margin: 5px;      background: white;      border: solid 1px #c1c1c1;      padding: 10px;      border-radius: 4px;  }    [id$='grdLA'] table.webxGrid input:hover  {  border: 1px solid #009aa6;  box-shadow: inset 0 0 0 1px #009aa6;  }    [id$='grdLA'] table.webxGrid input:focus  {  box-shadow: inset 0 0 0 1px #009aa6;  border: 1px solid #009aa6;  outline: none;  }    .ActivitySign  {      top: 9px !important;      left: 10px;      position: relative;  }    .PercentageSplit  {  margin-left:15px;  }    .btn080[disabled]  {  background-color: #a6a6a6 !important;  }    .loader {    border: 16px solid #f3f3f3;    border-radius: 50%;    border-top:16px solid #b71234;    width: 120px;    height: 120px;    -webkit-animation: spin 2s linear infinite;    animation: spin 2s linear infinite;    text-align: center;    margin: 0 auto;    margin-top:30px;     }    .CustomProcessing  {    font-size:36px;    padding:10px;    text-align: center;  }    @-webkit-keyframes spin {    0% { -webkit-transform: rotate(0deg); }    100% { -webkit-transform: rotate(360deg); }  }    @keyframes spin {    0% { transform: rotate(0deg); }    100% { transform: rotate(360deg); }  }    .CustomProgressZone  {      height: 100%;      width: 100%;      position: absolute;      background: white;      z-index: 99999;    opacity: 1;    transition: opacity 0.5s ease-in-out;     -moz-transition: opacity 0.5s ease-in-out;     -webkit-transition: opacity 0.5s ease-in-out;  }    .ActivityExtraInfo {      clear: both;      padding: 10px;  }    .height-init{      height:auto !important;  }  .overflow-visible{      overflow:visible;  }    [id$=_lblPasswordStrength],  [id$=_lblPreviousPassword],  [id$=_lblOldPassword],  [id$=_lblGenericError],  [id$=_changepassword_details]  {      display:block;  }    .box-sizing-border-box {      box-sizing:border-box;  }    .webxGrid  input[type=submit] {      display: block !important;  }    .no-padding-l td {      padding-left: 0px;  }    .NoAdd #NewRecordButtonRow {      display: none;  }    .riskProfileGridButton button {      width: 180px!important;  }    table.riskProfileGridButton th {      padding: 0px!important;      margin: 0px!important;  }    table.riskProfileGridButton td {      padding: 0px!important;      margin: 0px!important;  }    table.riskProfileGridButton {      position: absolute!important;      top: 0px!important;      right: 4px!important;  }    .cell-allign-top  {      width: 150px;      display: inline-block;      vertical-align: top;  }    .toggleControlImage {      float: initial;      position: relative;      right: 22px;      height: 8px;  }    .removePadding  {  margin-top: -16px !important;      padding-top: 0px !important;      padding-bottom: 0px !important;  }    .PremiumLabelRightAlign {      float: right;      font-size: 16px !important;      font-weight: 400;      color: #3c3c3c;      line-height: 0.5;  }    .PremiumLabelLeftAlign {      float: left;      font-size: 16px !important;      font-weight: bold;      color: #3c3c3c;      line-height: 1.5;  }  
/*** NEW STYLING ***/      /*misc*/    .block{      display:block;  }    .float-right{      float:right;  }    .margin-none{      margin:0;  }    /*      if below is a control that belongs to WebX configuration.  */    .questionbox [class*=_row_][class*=_cell] select, .questionbox [class*=_row_][class*=_cell] textarea, .questionbox [class*=_row_][class*=_cell] input[type=text],.questionbox [class*=_row_][class*=_cell] input[type=button],.questionbox [class*=_row_][class*=_cell] input[type=submit] {      width:100% !important;  }    /*below is not a very well cross-browser supported selector, so above is..*/    .questionbox [class*=_row_][class*=_cell] :matches(input,select,textarea):not([type=checkbox]):not([type=radio]):not(.webxCurrencyTextbox) {      width:100% !important;  }    .webxTextboxCurrencySymbol {      width:15px;      display:inline-block;     margin:0;  }    [class*=_row_][class*=_cell] > .webxTextboxCurrencySymbol + input.webxCurrencyTextbox {      width:calc(100% - 15px) !important;      margin:0;  }      .postcodelookup-block-width-378-margin-left-169 span[id*=_SSLControl_PostCodeLookup] {        display:block;      width: 378px;      margin-left:169px;    }    .postcodelookup-block-width-378-margin-left-169 span[id*=_SSLControl_PostCodeLookup] > input[type=submit] {        margin-bottom: 5px;      margin-left: 1px;     }    /******** styling fixes ********/      /*mandatory error that is set to visible (display:inline - see selector) word wrapping */  [class^=SSLZone_][class*=_cell]  .webxError[style*=inline] {      display: block !important;      width:100%;      /*overflow:hidden;*/      word-break:  break-word;      white-space:pre-wrap;  }  [class^=SSLZone_][class*=_cell]  .webxError[style*=visibility][style*=hidden] {   display:none;  }  .LocationScroll {      width: 543px;      overflow-x: auto;      padding: 16px;  }  table.ActiveGrid.grid.GridHideDelete.grdheaderwrap th {      max-width: 100px;  }    table.ActiveGrid.grid.GridHideDelete.grdheaderwrap th div {      white-space: normal!important;  }  .popupwidth  {      width: 750px;   border: 4px solid #e0e0e0;     }  /*** password recovery ***/    #passwordrecovery_buttons{      width:212px;  }  #ctl00_ContentPlaceHolder1_btnSubmit {      float:right;  }  #ctl00_ContentPlaceHolder1_btnCancel {      float:left;  }    /*** change password ***/  #ctl00_ContentPlaceHolder1_pnlChangePasswordTextboxes tr:nth-last-child(2) td:first-child {      display:none;  }  #ctl00_ContentPlaceHolder1_pnlChangePasswordTextboxes tr:nth-last-child(2) td:last-child {      display:  block;      width: 0px;  }  /*#ctl00_ContentPlaceHolder1_pnlChangePasswordTextboxes tr:nth-last-child(2) td:last-child input:last-child{      margin-left: 288px;      margin-top: -63px;  }*/    #ctl00_ContentPlaceHolder1_pnlChangePasswordTextboxes tr:nth-last-child(2) td:last-child input:last-child{      float:left;      margin-top: -43px;  }  #ctl00_ContentPlaceHolder1_pnlChangePasswordTextboxes tr:nth-last-child(2) td:last-child input:first-child{   margin-left: 288px;      }    /*** radio button vertical alignment ***/    .MarkelRadioButtonList input[type="radio"], .MarkelRadioButtonList label {      vertical-align: top;      box-sizing:  border-box;  }  .MarkelRadioButtonList:not(.yesno) input[type="radio"]{   margin-top:20px;  }    /*** radio button yesno ***/    .MarkelRadioButtonList.yesno, .MarkelRadioButtonList.yesno tr {      display:block;      width: 100% !important;      overflow:hidden;  }  .MarkelRadioButtonList.yesno td {      display: block;      margin: 5px 0;      background: white;      border: solid 1px #c1c1c1;      border-radius: 4px;      cursor: pointer;      box-sizing: border-box;      height:50px;      width:90px;      margin:0;      float:left;      overflow: hidden;      position: relative;  }  .MarkelRadioButtonList.yesno td:first-child {      margin-right:20px;  }  .MarkelRadioButtonList.yesno td>*,  .MarkelRadioButtonList.yesno td>span>* {      display: block;      vertical-align:middle;      line-height:3;      cursor:pointer;  }  .MarkelRadioButtonList.yesno td>input,  .MarkelRadioButtonList.yesno td>span>input {   margin: 0;   width: 33px;                  position: absolute;   left: 0;   top: 18px;  }  .MarkelRadioButtonList.yesno td>label,  .MarkelRadioButtonList.yesno td>span>label {   height: 100%;   padding: 0 27px 0 39px;  }  .MarkelRadioButtonList.yesno td:hover {      border: 1px solid #009aa6;      box-shadow: inset 0 0 0 1px #009aa6;  }      /*** login change password ***/  div#ctl00_ContentPlaceHolder1_pnlChangePasswordReq {      display:none;  }    /* Joe Peircy grid css */    .GridAlign   {      float: left;  }  .GridAlign th  {       height: 55px !important;  }  .GridAlignLastChild tr td:last-child {      visibility: hidden;  }  .GridAlignLastChild tr th:last-child {      visibility: hidden;  }  .grdheaderwrap tbody tr th div {      white-space: normal !important;  }    /*** policy menu zones ***/    .questionbox.PolicyMenu, .MultiQuoteZone.PolicyMenu {      width: 616px;      box-sizing:border-box;      border-left:none;  }    .questionbox.PolicyMenu.summary {   background:initial;   border-top:1px solid #e0e0e0;   border-bottom:1px solid #e0e0e0;  }    .questionbox.PolicyMenu.summary span > * {   margin:0;  }  .GrdRiskProfile th {      display:  none;      border:  none;  }    .GrdRiskProfile tr {      border: none !important;  }    .GrdRiskProfile tr, GrdRiskProfile td, GrdRiskProfile tH {      background: transparent !important;  }    table.GrdRiskProfile td {      background: transparent !important;  }    table.GrdRiskProfile th {      background: transparent !important;  }    table.GrdRiskProfile tr {      background-color: transparent !important;      padding: 0px 0px 0px 0px !important;      width: 115px !important;  }    table.GrdRiskProfile button {background-color: transparent !important;color: transparent !important;box-shadow: none !important;}    table.GrdRiskProfile td:last-child {      position: absolute;      padding-top: 3px !important;      left:  0;  }    table.GrdRiskProfile td:first-child {      padding-top: 6px !important;      font-size: 16px !important;      font-weight: 400;      color: #009aa6 !important;      font-weight: bold;  }    table.GrdRiskProfile td {      padding: 0px 0px 0px 0px !important;  }    table.GrdRiskProfile button {      height: 10px !important;  }    table.GrdRiskProfile {      position: absolute;      margin-left: 359px;      margin-top: -27px;  }    footer a {    text-decoration:underline !important;    }    .button-questionbox {      background:transparent;      padding-left:0;      padding-right:0;      border-left: none;     width:574px;  }    select.webxLabel {      border:none;      -webkit-appearance:none;      -moz-appearance:none;      appearance:none;  }    .questionbox.checkbox-zones-start{      padding-top:16px;       padding-bottom:0px;     }  .questionbox.checkbox-zones-middle{      padding-top:0px;      padding-bottom:0px;      margin-top: 0px;      margin-bottom: 0px;  }  .questionbox.checkbox-zones-middle > div,.questionbox.checkbox-zones-start > div,.questionbox.checkbox-zones-end > div{   margin-top:0px;   padding-top:5px;  }  .questionbox.checkbox-zones-end{      padding-bottom:16px;          padding-top:5px;  }    div#changepassword_buttons {      overflow:hidden;      width:257px;  }    /** button box **/    .buttonbox {      width: 576px;  }  .buttonbox span[class*=cell]{      overflow:hidden;  }  .buttonbox > div[class*=row] > span[class*=cell]:last-child input{      display:block;      float:right;  }  .buttonbox input{   width:200px;  }      /*** coockie notice readability ***/    #cookie-bar p {      color: #fff;  }    #cookie-bar a{      background:#009aa6  !important;  }    @media(max-width:1171px){      #ctl00_header > div{          left:0 !important;      }  }    /*** sticky footer - high res ***/    @media(min-height:950px){      div#ctl00_footer_login {          position:absolute;          bottom:0;          left:0;          width:100%;      }  }    /*** client page border ***/    .tabBorder.CenteredFeaturedProducts.top{      border-bottom:none;      border-bottom-left-radius:0px;      border-bottom-right-radius:0px;  }  .tabBorder.CenteredFeaturedProducts.bottom{      border-top:none;      border-top-left-radius:0px;      border-top-right-radius:0px;  }  .tabBorder.CenteredFeaturedProducts.middle{      border-top:none;      border-bottom:none;      border-radius:0px;  }    /*** password recovery ***/    #passwordrecovery_details{      width:220px;  }  #passwordrecovery_details table, #passwordrecovery_details tbody, #passwordrecovery_details tr, #passwordrecovery_details td{      display:block;  }  #passwordrecovery_details input[type=text]{      border-radius: 4px;      border: 1px solid #b1b1b1;      line-height: 1.5;      font-size: 16px !important;      margin-right: 10px;      display: block;      margin-top: 4px;      padding: 10px;      width: 97%;      box-sizing: border-box;      float: left;  }  #passwordrecovery_details .passwordrecovery_first_column{      color: #2F2F2F;      font-family: SenticoSansDT, Tahoma, sans-serif;      font-size:16px;  }  #passwordrecovery_details tr:not(:first-child) .passwordrecovery_first_column:after{      content:":";  }    .uppercase{      text-transform:uppercase;  }    .invisible{          visibility: hidden;          width:0 !important;          height:0 !important;          padding:0 !important;  }  
/******  Search & Menu Framework page styling ******/    /************ search zones and controls ************/    .search-zone span > span {      display:inline-block;      width:150px;      font-size:15px;  }  .search-zone input, .search-zone select{      box-sizing:border-box;      width:270px;  }     .search-zone input:-ms-input-placeholder{      text-transform:lowercase;  }    .search-zone input::placeholder{   text-transform:lowercase;  }  .search-zone input::-webkit-input-placeholder,   .search-zone input::-moz-placeholder{   text-transform:lowercase;  }    .search-zone {      background-color: #fbfbfb;      padding: 8px;      border: 1px solid #b7b7b7;  }    .margin-left-146 {      margin-left:146px;  }      /************ tabs ************/    button[class*=webXtab] {      border:none;      text-align: center;      line-height: 38px;      cursor: default;      text-decoration: none;      font-size: 14px;      background-color: #616365;      color: white;      border-top-left-radius: 10px;      border-top-right-radius: 10px;      height: 38px;      width: 190px;      margin: 0 auto;      display: inline-block;      border-bottom: 2px solid #b9b9b9;      cursor: pointer;      margin-right:2px;  }  button[class*=webXtab].selected {      background-color: #b71234 !important;      color: white;  }     /***input[id$=SearchButton] {      height: 40px;      width: 200px !important;      font-size: 16px;      margin-right: 4px;  }***/      /************ results grid ************/    span[id$=SearchResults]{      width:100% !important;  }  .webxGrid, .webxGrid * {      display:block;      overflow:hidden;      box-sizing:border-box;        width:100%;  }    .webxGrid th, .webxGrid td {      float:left;          font-size:13px;  }    [id$=_SSLControl_PolicySearchResults] .webxGrid th, [id$=_SSLControl_PolicySearchResults] .webxGrid td {      width: calc(100% / 8) !important;  }    [id$=_SSLControl_MTASearchResults] .webxGrid th, [id$=_SSLControl_MTASearchResults] .webxGrid td {      width: calc(100% / 8) !important;  }    .webxGrid>tr>th:first-child span, .webxGrid>tr>td:first-child span {      padding-left:7px;  }    [id$=_SSLControl_ClientSearchResults] .webxGrid th:not(:last-child), [id$=_SSLControl_ClientSearchResults] .webxGrid td:not(:last-child) {      width: calc(calc(100% / 3) - calc(calc(100% / 8) / 3)) !important;  }    [id$=_SSLControl_ClientSearchResults] .webxGrid th:last-child, [id$=_SSLControl_ClientSearchResults] .webxGrid td:last-child {      width: calc(100% / 8) !important;  }    [id$=_SSLControl_ClaimSearchResults] .webxGrid th, [id$=_SSLControl_ClaimSearchResults] .webxGrid td {      width: calc(100% / 8) !important;  }    .webxGrid th{   white-space:nowrap !important;  }    .webxGrid td, .webxGrid th *, .webxGrid td * {      white-space:pre-wrap !important;  }    .webxGrid td input {      width:100% !important;  }    [id$=_SSLControl_ClientSearchResults] .webxGrid td input[type=submit], [id$=_SSLControl_PolicySearchResults] .webxGrid td input[type=submit], [id$=_SSLControl_MTASearchResults] .webxGrid td input[type=submit] {   max-width:100px;     }    .webxGrid tbody > tr:first-child {      max-height:47px !important;      background-color: #808080;  }    .webxGrid tr td {      margin-top:-23px;  }    tr.results-pages td {      width: 100% !important;      margin-top: 30px;  }  tr.results-pages td a {      display:inline-block;      width:auto;      margin-right:15px;  }   tr.results-pages td a:first-child {      margin-left:15px;  }    .webxGrid tbody > tr:first-child {      max-height:47px !important;      background-color: #ffffff !important;      padding-top:4px  }    .webxGrid tbody > tr:last-child {   padding-bottom:20px;  }    .webxGrid tbody > tr:first-child th{   font-weight: bold;   color: #fff;   padding: 5px 0;   margin-top:-30px !important;   text-align: left;  }    .webxGrid tr td {      margin-top:-23px;          color:#009aa6;  }    .webxGrid tbody > tr:first-child * {      color: #7b7b7b;  }    .webxGrid tbody > tr:not(:first-child) {      /* height:79px; */  }    .webxGrid tbody > tr {   border-top: 1px solid gainsboro  }    .webxGrid tbody > tr:not(:first-child):nth-of-type(even) {      background: #fff;    ;  }    .webxGrid tbody > tr:not(:first-child):nth-of-type(odd) {      background: #fff;  }    .webxGrid tbody > tr > *:first-child>*:not(a){   padding-left:7px;  }  .webxGrid tbody > tr > *:last-child>*:not(a){   padding-right:7px;  }    tr.results-pages td {      width: 100% !important;      margin-top: 30px;  }    [id$=_SSLControl_ClientSearchResults] tr.results-pages td:last-child, [id$=_SSLControl_PolicySearchResults] tr.results-pages td:last-child, [id$=_SSLControl_MTASearchResults] tr.results-pages td:last-child{      width: 100% !important;      margin-top: 30px;  }    tr.results-pages td a {      display:inline-block;      width:auto;      margin-right:15px;  }   tr.results-pages td a:first-child {      margin-left:15px;  }    /********************************      Menu  *******************************/      .custom_menu_grid a {      display:inline-block;      width: 200px !important;      box-sizing: border-box;      height: 50px;      padding-top: 8px;      margin-bottom: 3px;      margin-left: 0px;      margin-right: 10px;      background-color: #bfbfbf;      text-align: center;      text-decoration: none;      color: #404040;      font-size: 16px;      cursor: pointer;      line-height: 2;      overflow:  hidden;      white-space: nowrap;      text-overflow:ellipsis;  }  .custom_menu_grid a:hover {      background-color: #ff8755;      color:#fff  }    .width-290{      width:290px !important;  }    .margin-left-12px{      margin-left:12px;  }    .margin-left-22px{      margin-left:22px;  }    .margin-top-neg-64px{      margin-top:-64px;  }    .padding-left-22px{      padding-left:22px;  }      .border-box {      box-sizing:border-box;  }      /* custom menu styling */    .menu-links-zone [class*=_row_] {      width:initial !important  }    .menu_header_zone {      margin-bottom:45px;  }    .menu-links-zone {      width: 356px;      float: left;      position: relative;      top: -88px;      right: -32px;  }    .menu-banner-zone {      width: 560px;      float: left;      margin-top: -60px;  }    .LandingPageImage.custom{      position:static;  }      /*scrollable search grid */    .scrollableSearchGrid.webxGrid {      overflow-y: scroll;      height: 450px;  }  .scrollableSearchGrid.webxGrid > tbody > tr:first-child {      position:absolute;      top:0px;      z-index: 1000;      border-bottom: 4px solid hsl(0, 0%, 86%);      width: 881px;  }  .scrollableSearchGrid.webxGrid > tbody{      padding-top: 47px;  }    /*  [id$=_SSLControl_ClientSearchResults] .webxGrid.scrollableSearchGrid  td,   [id$=_SSLControl_ClientSearchResults] .webxGrid.scrollableSearchGrid  th,*/  [id$=_SSLControl_PolicySearchResults] .webxGrid.scrollableSearchGrid  td,   [id$=_SSLControl_PolicySearchResults] .webxGrid.scrollableSearchGrid  th,  [id$=_SSLControl_MTASearchResults] .webxGrid.scrollableSearchGrid  td,   [id$=_SSLControl_MTASearchResults] .webxGrid.scrollableSearchGrid  th {      width:calc(100%/8.01) !important;  }          .width100 {      width: 100% !important  }    .none {      display:none !important;  }
/****** Bus Stops And Breadcrumbs ******/    /*** Breadcrumbs ***/    .Breadcrumbs {      text-align:justify;  }  .Breadcrumbs a{      text-decoration:none;      line-height:1.5;      font-size:12px;  }  .Breadcrumbs a:hover {      text-decoration:underline;  }  .Breadcrumbs a.breadcrumb{      font-weight:bold;  }  .Breadcrumbs a:not([style*='display: none']) ~ a:before {      content:">";      font-size:13px;      color:#a3a3a3;      display:inline-block;      margin:0 10px;  }      /*** Bus Stops ***/    /* zone centering */  /* 94px is the measurement of the bar based on the fact that the column widths will always remain at 228px */  /* the bar is the remainder of the last column (not used), so we center the zone based on this hence 94px ÷ 2 */  .nav_policy_2parts {   /* margin-left = half of the unused bar space */   margin-left: calc(calc(94px / 2) * 3);  }  .nav_policy_3parts {   /* margin-left = half of the unused bar space */   margin-left: calc(calc(94px / 2) * 2);  }  .nav_policy_4parts {   /* margin-left = half of the unused bar space */   margin-left: calc(94px / 2);  }  .nav_policy_5parts {   /* margin-left = half of the unused bar space */   margin-left: calc(calc(94px / 2) * -1);  }  .nav_policy_6parts {   /* margin-left = half of the unused bar space */   margin-left: calc(calc(94px / 2) * -2);  }  .nav_policy_7parts {   /* margin-left = half of the unused bar space */   margin-left: calc(calc(94px / 2) * -3);  }  .nav_policy_8parts {   /* margin-left = half of the unused bar space */   margin-left: calc(calc(94px / 2) * -4);  }  .nav_policy_9parts {   /* margin-left = half of the unused bar space */   margin-left: calc(calc(94px / 2) * -5);  }  .nav_policy_10parts {   /* margin-left = half of the unused bar space */   margin-left: calc(calc(94px / 2) * -6);  }      /* initialise bus stop counter */  [class^=nav_policy_][class$=parts] {      counter-reset:busstop-count;  }    /* increment bus stop counter for each column */  [class^=nav_policy_][class$=parts] [class^=SSLZone_][class*=_row_][class*=_cell] {      counter-increment:busstop-count;  }    /* default bus stop text */  [class^=nav_policy_][class$=parts] [class^=SSLZone_][class*=_row_][class*=_cell] > * {      text-align:left;      display:block;      text-transform:uppercase;      font-size:13px;      color:#8c8c8c;      font-weight:600;  }    /* selected bus stop text */  [class^=nav_policy_][class$=parts] [class^=SSLZone_][class*=_row_][class*=_cell] > *.selected {      color:#3c3c3c;  }    /* default bus stop counter  */  [class^=nav_policy_][class$=parts] [class^=SSLZone_][class*=_row_][class*=_cell] > *:before {      text-align:center;      content:counter(busstop-count);      display:inline-block;      width:23px;      height:23px;      color:#8c8c8c;      border-radius:23px;      line-height:1.9;      margin-right:8px;      border:1px solid #d1d1d1;      font-weight:bold;      font-size:12px;  }    /* selected bus stop counter  */  [class^=nav_policy_][class$=parts] [class^=SSLZone_][class*=_row_][class*=_cell] > *.selected:before {      background:#b71234;      color:#fff;      border-radius:23px;      line-height:1.8;      margin-right:8px;      border:1px solid #b71234;  }    /* bus stop column inner text element */  [class^=nav_policy_][class$=parts] [class^=SSLZone_][class*=_row_][class*=_cell]:not(:last-child) > * > span {   display:inline-block;   /* width = 50% - (counter width + counter margin) */   width:calc(50% - 33px);   text-align:center;  }    /* bus stop line seperator */  [class^=nav_policy_][class$=parts] [class^=SSLZone_][class*=_row_][class*=_cell]:not(:last-child) > *:after {      content:"";      display:inline-block;      /* width = 50% - (margin-left + margin-right)  */      width:calc(50% - 20px);      border-top:1px solid #e0e0e0;      margin-left:10px;      vertical-align:middle;  }    /* selected bus stop seperator */  [class^=nav_policy_][class$=parts] [class^=SSLZone_][class*=_row_][class*=_cell] > *.selected:after {      border-color:#b71234;  }
/*** Edge fixes ***/    /* edge specific query */  @supports (-ms-ime-align:auto) {      .webxError{          display:block;      }        .MarkelRadioButtonList.yesno td>input,      .MarkelRadioButtonList.yesno td>span>input {   margin: 0 10px 0 10px !important;      }        [id$=SSLControl_PolicySearchResults] .webxGrid tbody > tr:first-child th{          margin-top:-45px !important;      }      [id$=SSLControl_MTASearchResults] .webxGrid tbody > tr:first-child th{          margin-top:-45px !important;      }      [id$=_SSLControl_ClientSearchResults] .webxGrid th:not(:last-child), [id$=_SSLControl_ClientSearchResults] .webxGrid td:not(:last-child){          width:261px !important;      }    }
/**** Add Activities ****/

table.ActivitiesGrid.DynamicGrid tr td {
    padding: 10px 0px 10px 0px;
}

table.ActivitiesGrid.DynamicGrid tr:nth-child(1) {
    display: none;
}

table.ActivitiesGrid.DynamicGrid tr#NewRecordButtonRow {
    border:0px !important;
}

table.ActivitiesGrid.DynamicGrid tr#NewRecordButtonRow * {
    float: left;
}

/*.ActivitiesGrid.DynamicGrid input[type="submit"] {
    padding: 8px;
    min-width: 30px;
    width: 30px !important;
    height: 34px;
}*/

.ActivitiesGrid.DynamicGrid select,.ActivitiesGrid.DynamicGrid  input[type=text] {
    box-sizing: border-box;
    padding: 11.5px 16px !important;
    box-shadow: inset 0 0 0 0 #c1c1c1;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    font-size: 12px;
    margin: 1px;
    outline: none;
    line-height: 1.5;
}

.ActivitiesGrid.DynamicGrid select
{
width:270px;
}

.ActivitiesGrid.DynamicGrid  input[type=text] 
{
width:60px;
}

.ActivitiesGrid.DynamicGrid select:hover, .ActivitiesGrid.DynamicGrid input[type=text]:hover {
    box-shadow: inset 0 0 0 1px #009aa6;
    border: 1px solid #009aa6;
    outline: none;
}

.ActivitiesTotalLabel {
    font-size: 25px;
    margin-right: 20px;
}

 .ActivitiesGrid.DynamicGrid .webxError[style*=inline]
 {
     display: inline-block !important;
     top: 53px;
     position: absolute;
     width: 540px !important;
     max-width: 540px !important;
 }

table.ActivitiesGrid.DynamicGrid div {
    position: relative;
}

.AddActivitiesTitle {
    font-size: 38px;
    display: block;
    margin-bottom: 10px;
}
table.ActivitiesGrid.DynamicGrid * {
    overflow: visible !important;
} 
table.ActivitiesGrid.DynamicGrid td:first-child {
    padding-right: 10px !important;
}

/*** validation "*" fix ***/
input + span.webxError[controltovalidate][errormessage][display][dynamicgridvalidator],
select + span.webxError[controltovalidate][errormessage][display][dynamicgridvalidator] {
    position:absolute;   
}


.InvalidTypeAheadEntry
{
border:1px solid red !important;
}


.DynamicTypeAheadError:not([style*=hidden]):not([style*=hidden]) {
     width: calc(100%);
    background: #f27300;
    box-sizing: border-box;
    border-radius: 5px;
    display: block;
    padding: 5px;
    margin-top: 20px;
    margin-left: 2px;
    padding-left:10px;
    color: #fff;
    overflow: visible;
    position: relative;
    white-space: pre-wrap;
    word-break: break-word;
    font-size:16px !important;
}


.DynamicTypeAheadError:before
{
  content:' ';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f27300;
  position:absolute;
  top: -5px;
  left: 24px;
}

.ActivitiesGrid.DynamicGrid.AlignTop td {
    vertical-align: top;
}

.ActivitiesGrid.DynamicGrid.AlignTop td span {
    top: 13px;
    position: relative;
}
.ActivitiesGrid.DynamicGrid.AlignTop td input[type=submit] 
{
    top: 4px;
}
.DynamicTypeAheadError
{
    top:0px !important;
}

/** zone activities grid **/

.activities-zone span[class*=_row][class*=_cell]{
    vertical-align:top;
}

.activities-zone span[class*=_row][class*=_cell]>*:not(.webx-tooltip){
    display:inline-block;
}
/*** Mandatory Text ***/
/*
[id*=_SSLControl] ~ * + span.webxError, [id*=_SSLControl] + span.webxError,
.MarkelCheckbox ~ * + span.webxError, .MarkelCheckbox + span.webxError  {
    width: calc(100%);
    background: orange;
    box-sizing: border-box;
    border-radius:  5px;
    display:  block;
    padding: 15px;
    margin-top: 20px;
    margin-left:  0px;
    color:#fff;
    overflow:visible;
    position:relative;
    white-space: pre-wrap;
    word-break: break-word;
}
[id*=_SSLControl] ~ * + span.webxError:after, [id*=_SSLControl] + span.webxError:after,
.MarkelCheckbox ~ * + span.webxError:after, .MarkelCheckbox + span.webxError:after{
    content:"";
    position:absolute;
    top:-5px;
    left:10px;
    border-bottom:6px solid #ffa500;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
}*/


/*** Mandatory Text absolute positioning ***/

[id*=_SSLControl] ~ * + span.webxError, [id*=_SSLControl] + span.webxError,
[name*=_SSLControl] ~ * + span.webxError, [name*=_SSLControl] + span.webxError,
.MarkelCheckbox ~ * + span.webxError, .MarkelCheckbox + span.webxError  {
    max-width: 100%;
    background: #f27300;
    box-sizing: border-box;
    border-radius:  5px;
    display:  block;
    padding: 15px;
    margin-top: 5px;
    margin-left:  0px;
    color:#fff !important;
    overflow:visible;
    z-index: 1000;
    position: absolute;
    white-space: pre-wrap;
    word-break: break-word;
}
.webxTextboxCurrencySymbol + [id*=_SSLControl] ~ * + span.webxError,
.webxTextboxCurrencySymbol + [name*=_SSLControl] ~ * + span.webxError,
.webxTextboxCurrencySymbol + .MarkelCheckbox ~ * + span.webxError, .MarkelCheckbox + span.webxError {
	margin-left:15px;
}

[id*=_SSLControl] ~ * + span.webxError:after, [id*=_SSLControl] + span.webxError:after,
[name*=_SSLControl] ~ * + span.webxError:after, [name*=_SSLControl] + span.webxError:after,
.MarkelCheckbox ~ * + span.webxError:after, .MarkelCheckbox + span.webxError:after{
    content:"";
    position:absolute;
    top:-5px;
    left:10px;
    border-bottom:6px solid #f27300 ;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
}

/*** IE 10+ fixes ***/    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {      [id$=SSLControl_PolicySearchResults] .webxGrid tbody > tr:first-child th{          margin-top:-45px !important;      }      [id$=SSLControl_MTASearchResults] .webxGrid tbody > tr:first-child th{          margin-top:-45px !important;      }      [id$=_SSLControl_ClientSearchResults] .webxGrid th:not(:last-child), [id$=_SSLControl_ClientSearchResults] .webxGrid td:not(:last-child){          width:261px !important;      }      .MarkelRadioButtonList.yesno td>input,  .MarkelRadioButtonList.yesno td>span>input {   margin: 0 8px 0 15px;      }  }
/*** login checkbox ***/

div#ctl00_ContentPlaceHolder1_pnlAgreeTerms {
    padding: 10px !important;
    position: relative;
    width:313px;
    background-color:#fff;
    box-sizing:border-box;
    border:1px solid #848484;
    border-radius:5px;
}
div#ctl00_ContentPlaceHolder1_pnlAgreeTerms input[type=checkbox] {
    margin-left:0px;
    transform:scale(1.4);
    
}
#Login-PasswordRecoveryPanel {
    margin-bottom:10px;
}

p.chkAgreeTermsInvalidText {
    background: #f27300;
    border-radius:5px;
    box-sizing:border-box;
    padding:6px 10px 6px 10px;
    position: relative;
    width:300px;
    color:#fff;
    padding-left:30px;
}
p.chkAgreeTermsInvalidText:before{
    content:"";
    border-bottom:5px solid #f27300;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    position:absolute;
    top:-5px;
    left:10px;
}
p.chkAgreeTermsInvalidText:after{
    content:"\f12a";
    color:#fff;
    font-size:16px;
    font-family:fontawesome;
    position:absolute;
    top:8px;
    left:15px;
}