/* GLOBAL CSS */
@font-face{
    font-family: tradegothic;
    src: url(../webximage/tgl.ttf) format("truetype");
}
@font-face{
    font-family: tradegothicbold;
    src: url(../webximage/tgb.ttf) format("truetype");
}

body
{
    margin: 0;
    padding: 0;
    background: #E5F4F1;
    /* font-family: Verdana,sans-serif;*/
    font-size: 13px;
    color: #000000;
}
*{
    font-family:tradegothic !important;
}

h1{
    font-size:30px;
    font-family: tradegothicbold;
}h2{font-size:25px; font-family:tradegothicbold;}h3{font-size:20px}

h1,h2,h3{
    color: #3E3E3E;
    font-family:tradegothicbold !important; 
}

.tradegothicbold{
	font-family:tradegothicbold;
}

ul, li, p, a, div, label{
    font-size:15px;
    color:#252525;
}

/* Default styling for all WebX zones */
.policyBar{
	width: 90% !important;
	display: block;
	background-color:#ccc;
	padding:6px;
	border-radius:7px;
	float:right;
}

#ctl00_ContentPlaceHolder1_ctl03_SSLZone_15 span{
	font-size:16px !important;
}

.WebXZone
{
	overflow: hidden;
    border-collapse: collapse;
    table-layout: fixed;
    padding: 0;
    margin: 0;
}

#ctl00_ContentPlaceHolder1_ctl08_SSLZone_50{
	width: 894px !important;
}

/* Required for absolute positioning of zones */
.Content
{
	position: relative;
}

/* Maintenance/Debug Links */
#ctl00_maintenance
{
	background-color: #fff;
	color: #000;
	text-align: left;
}
#ctl00_maintenance a
{
	color: #0000ff;
}
#ctl00_maintenance a:hover
{
	color: #ff0000;
}
.Clear
{
	clear: both;
}

/* LoginStatus and Menu Links*/
.WebXLoginName
{
	margin-right: 5px;
}
.WebXLinks ul
{
	list-style: none;
}
.WebXLinks li
{
	float: left;
	margin-right: 10px;
}
.WebXProductColumn
{
	float: left;
}

/* Validators/Validation Summaries */
.webxError
{
	color: #ff0000;
}

/* Login */

/* Error */
.error_container
{
	text-align: center;
}
.exception_container
{
	text-align: left;
	margin: 0 auto;
}
.error_container input, .error_container textarea
{
	width: 500px;
}
.error_container textarea
{
	height: 400px;
}

/* postback image */
#webxPostback
{
	position:absolute;
	display:none; 
	top: 0px;
	left: 0px;
	z-index: 100000000; /*max int: 2147483647*/
	height:120%; /* +20% cover gap in FF at the bottom of the screen*/
	width:100%; 
	text-align: center;
	vertical-align: middle;
}

#webxPostbackImageFront
{
	position:absolute;
	top: 0px;
	left: 0px;
	height:120%;
	width:100%; 
	z-index: 100000001;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-webkit-opacity:1.0;
}

#webxPostbackImageBack
{
	height:120%;
	width:100%; 
	background-color:#EFEFEF;
	filter:Alpha(opacity=50);
	-moz-opacity:0.50;
	-webkit-opacity:0.50;
}

#ctl00_webxPostbackImage 
{
    display:block;
    position:absolute;
}

/* The next two selectors are for fitting the 'change password on login' with the login control */

.AspNet-Login-PasswordRecoveryPanel a
{
  display:block;
  height:40px;
  clear:both;
}
#ctl00_ContentPlaceHolder1_pnlChangePasswordReq
{
  position: relative;
top: 40px;
}

/* End 'change password on login' css */
img
{
    border: none;
}
a
{
    color: #F60;
}
a:hover
{
    text-decoration: underline;
}
input[type="submit"], input[type="button"], button
{
	height: 30px;
	display: block;
	text-align: center;
	line-height: 29px;
	text-decoration: none;
	color: #000;
	font-size: 13px;	
	border: none;
}
input[type="submit"], button
{
	width: 120px;
}
input[type="button"]
{
	/* background: url("../WebXImage/btn140.png") no-repeat; */
	width: 140px;
}
input[type="submit"].postcode_lookup
{
               display: inline;
}
h1, h2, h3, h4, h5, h6
{
	margin-top: 0;
}
#ctl00_wrapper {margin: 0 auto;width: 940px;position: relative;background-color: transparent;}
#ctl00_#header
{
    height: 90px;
    position: relative;
}
#ctl00_logo
{
    float: left;
    margin: 13px;
    position: relative;
    margin-left: 0;
    margin-bottom: -40px;
}
#ctl00_slogan
{
    float: right;
    margin-top: 7px;
}
#ctl00_navigation
{
    clear: both;
    position: relative;
}
#ctl00_navigation_bar
{
	height: 36px;
	font-size: 14px;
	color: #000;
	margin-bottom: 6px;
}
.AspNet-Menu-Horizontal
{

}

.AspNet-Menu-WithChildren {
	margin-right: 20px;
	}
#ctl00_subnavigation_bar
{
    background: #65B4B2;
	height: 31px;
	font-size: 12px;
	margin-left: 20px;
	margin-right: 20px
}
#ctl00_subnavigation_login
{
   float: right;
   margin: 9px 10px 0 10px;
}
#ctl00_subnavigation_links
{
    float: right;
    margin: -4px 10px 0 0;
}
#ctl00_subnavigation_bar ul
{
    list-style: none;
}
#ctl00_subnavigation_bar a
{
    text-decoration: none;
    font-weight: bold;
	color: #FFF;
}
#ctl00_sides
{
    float: left;
    margin-top: 64px;
    margin-bottom: 150px;
    width: 100%;
    background-color: rgba(255,255,255,1);
    border-radius: 10px;
    border: 2px solid #F08A05;
    padding-top: 22px;
    min-height: 382px;
}
#ctl00_content, #ctl00_login_content, #ctl00_menu_content, #ctl00_search_content, #ctl00_quote_content, 
#ctl00_summary_content, #ctl00_success_content, #ctl00_claim_content, #ctl00_editclaim_content, #ctl00_claimpolicy_content
{
    width: 940px;
}
#ctl00_content_inner
{
	/*position: relative;*/ /*Disabled - this prevents the navigation menu working in IE 7 and earlier*/
	mar;
	margin: 0px 24px 20px 24px;
	adding-top: 20px;
	font-size: 12px;
}
#ctl00_content_inner_text
{
    margin: 30px 50px;
}
#ctl00_footer
{
   width: 1000px;
   height: 128px;
   background-color: #D2CBBA;
   border-top: 14px solid #909286;
   margin-top: 10px;
   display: none;
}
#ctl00_footer_content
{
   margin: -2px 20px 0 20px;
	padding-top: 5px;
	font-size: 9px;
	line-height: 24px;
}
#ctl00_foot
{
    clear: both;
    width: 1000px;
    height: 15px;
    background-color: #D2CBBA;
    display: none;
}
#ctl00_foot ul{
	list-style:none;
	width: 20%;
	float:left;
	display:block;
	margin-top:50px;
}
#ctl00_foot ul:first-child{
		margin-left: 24%;
		width: 12%;
}
#ctl00_foot ul li:first-child{
	color:orange;
	font-family:tradegothicbold !important;
}
#ctl00_foot ul:nth-child(2) li{
		width: 100%;
		display:block;
		/* float:left; */
}
#ctl00_foot ul:nth-child(2) li:last-child{
		float:right;
}
#ctl00_foot a{
	color: #505050;
	text-decoration: none;
}
#ctl00_foot .socialmedia{
	width:14%;
	float:left;
	margin-top:50px;
	margin-left: 40px;
}

#ctl00_foot .socialmedia a{
	width:40px;
	display:block;
	float:right;
}

#ctl00_copyright
{
    float: left;
}
#ctl00_address
{
float:right;
}
/******************** Navigation Control ********************//* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. *//* When the Menu control Orientation property is Vertical the adapter wraps the menu with DIV *//* whose class is AspNet-Menu-Vertical. *//* Note that the example menu in this web site uses relative 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. *//* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. *//* So, effectively says: style all tiers in the menu this way... */
.WebXNavigation ul
{
    background: #C07505;
}
/* 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: #000000;*/
}
/* 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). */
.WebXNavigation ul.AspNet-Menu li a, .WebXNavigation ul.AspNet-Menu li span
{
    color: #000;
    padding: 7px 0;
}
/* When you hover over a menu item, this rule comes into play. *//* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the *//* menu item li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. *//* See MenuAdapter.js (in the JavaScript folder). */
.WebXNavigation ul.AspNet-Menu li:hover, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #D2CBBA;
}
.WebXNavigation ul.AspNet-Menu li:hover a, .WebXNavigation ul.AspNet-Menu li:hover span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover a, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover span, .WebXNavigation ul.AspNet-Menu li:hover li:hover a, .WebXNavigation ul.AspNet-Menu li:hover li:hover span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul a:hover, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: #000;
}
.WebXNavigation ul.AspNet-Menu li:hover ul a, .WebXNavigation ul.AspNet-Menu li:hover ul span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover ul a, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover ul span, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul a, .WebXNavigation ul.AspNet-Menu li:hover li:hover ul span, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a, .WebXNavigation ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: #fff;
}
/* -------------------------------------------------------------------------- *//* 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: absolute;
left: 21px;
top: 41px;
z-index: 300;
}
/* 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
{
}
/* 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%;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
}
/* Generally, you use this rule to set style properties that pertain to all menu items. *//* One exception is the width set here.  We will override this width with a more specific rule (below) *//* That sets the width for all menu items from the second tier downward in the menu. */
.WebXNavigation .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 134px;
    text-align: center;
}
/* 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: 180px;
    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;
}

/******************** LOGIN ********************/

.columnleft
{
    float: left;
    width: 500px;
}
.columnright
{
  float: right;
  width: 380px;
  margin-right: 0px;
  margin-top: -39px;
}
.columnsingle
{
    margin: 0;
    padding-top: 244px;
    font-weight: bolder;
    color: #C1C1C1;
}
.columnsingle div{
    color:#696969;
}
.columnsingle img
{
    margin: 0 14px;
}

/******************** MENU / SUB MENU ********************/
.WebXProductsHolder 
{
	width: 950px;
	margin-bottom: 80px;
	float: left;
}
.WebXProductColumn 
{
	width: 300px;
	margin-left: 120px;
}

.WebXProductColumn h4 
{
width: 300px;
height: 60px;
line-height: 56px;
text-align: center;
font-size: 12px;
}

.WebXProductColumn h4 a
{
	display: block;
	width: 300px;
	height: 60px;
	color: #000;
	text-decoration: none;
}
.WebXOptionsHolder
{  
    width: 400px;
    margin: 30px auto;
}
.WebXOptionsHeader
{
    width: 400px;
    height: 60px;
    margin: 0;
}
.WebXOptionsContent
{
width: 220px;
padding: 0px;
font-size: 12px;
margin: 0;
list-style: none;
}
.WebXOptionsContent li
{
padding: 12px;
width: 200px;
margin: 20px;
font-size: 13px;
border: solid #000 1px;
background-color: #65B4B2;
text-align: center;

}
.WebXOptionsContent a
{
	color: #000;
                text-decoration: none;
}
.WebXOptionsFooter
{
    width: 400px;
    height: 60px;
    margin: 0;
}
.section
{
	clear: both;
}
#mainmenu_link_holder a
{
	height: 30px;
	display: block;
	text-align: center;
	line-height: 29px;
	text-decoration: none;
	color: #000;
	font-size: 13px;
	background: url("../WebXImage/btn140.png") no-repeat;
	width: 140px;
}

/******************** SEARCH ********************/#searchContent table
{
	padding: 8px;
	font-size: 12px;
	margin-bottom: 12px;
}
#searchContent td
{
    padding: 6px 0;
}
#searchContent tr:first-child td{
	color: #F7921E;
}
table#ctl00_ContentPlaceHolder1_GridView1
{
    background-image: none;
    margin: 0;
}
#ctl00_ContentPlaceHolder1_GridView1 table
{
    padding: 0;
    display: block;
    width: 80%;
    float: left;
    table-layout: fixed;
    border-collapse: collapse;
}
#ctl00_ContentPlaceHolder1_GridView1 th
{
    background-color: #868686;
}
#ctl00_ContentPlaceHolder1_GridView1 td
{
    color: #424242;
    margin: 0;
}

/******************** NAVIGATION TABS ********************/
/**************************************** Fix for ValidationSummary ****************************************/
#ctl00_ContentPlaceHolder1_valSummary
{
    margin-top: -56px;
    margin-left: -14px;
    margin-bottom: 2px;
    width: 956px;
    z-index: 99;
    background-color: #fff;
    padding: 2px 0 34px 0;
    border-bottom: solid #000 2px;
display:none;
}
/**************************************** Navigation zone default properties ****************************************/table.nav_5parts, table.nav_4parts, table.nav_3parts, table.nav_2parts
{
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: -50px;
    margin-left: -12px;
}
#ctl00_ContentPlaceHolder1_ctl02_SSLZone_-2 tr:first-child{
	display: block;
}
#ctl00_ContentPlaceHolder1_SSLZone_-2_ctl21 {
	display:block !important;
}

table.nav_5parts td, table.nav_4parts td, table.nav_3parts td, table.nav_2parts td
{
    padding: 0;
    text-align: center;
    line-height: 30px;
    border: 1px solid #F7921E;
    border-radius:10px;
    margin-right:5px;
    width: 18% !important;
    display:block;
    float:left;
}

table.nav_5parts td:first-child, table.nav_4parts td:first-child, table.nav_3parts td:first-child, table.nav_2parts td:first-child{
	width:17.5% !important;
	margin-left:1%;
}

.nav_5parts tr:first-child{
	display: block;
}

table.nav_5parts td span, table.nav_4parts td span, table.nav_3parts td span, table.nav_2parts td span,
table.nav_5parts td a, table.nav_4parts td a, table.nav_3parts td a, table.nav_2parts td a{
	font-size: 14px;
	color:#000;
	display: block;
	width: 100%;
}

/**************************************** Tab default properties ****************************************/
table.nav_5parts a, table.nav_4parts a, table.nav_3parts a, table.nav_2parts a, table.nav_5parts span, table.nav_4parts span, table.nav_3parts span, table.nav_2parts span
{
    border: none;
    display: block;
    text-decoration: none;
    color: #fff;
    height: 30px;
}
/**************************************** Tab width and font size ****************************************/table.nav_5parts a, table.nav_5parts span
{
    width: 192px;
    font-size: 12px;
}
table.nav_4parts a, table.nav_4parts span
{
    width: 240px;
    font-size: 12px;
}
table.nav_3parts a, table.nav_3parts span
{
    width: 320px;
    font-size: 13px;
}
table.nav_2parts a, table.nav_2parts span
{
    width: 480px;
    font-size: 14px;
}
/**************************************** 5 Parts ****************************************/table.nav_5parts a:link, table.nav_5parts a:active, table.nav_5parts a:visited
{
    color: #F7921E;
}
table.nav_5parts .webxLink {
    padding: 5px !important;
}

table.nav_5parts a{
	transition: ease-in-out color 0.2s;
}
table.nav_5parts td{
	transition: ease-in-out background-color 0.2s;
}
table.nav_5parts td:hover{
	background-color: #F7921E;
}
table.nav_5parts td:hover a
{
    color: #FFF;
    
}
table.nav_5parts .selected
{
    color: #fff;
    cursor: default;
    background: #f7921e;
    padding: 5px;
}
table.nav_5parts .unavailable
{
    background-image: url( "../WebXImage/tab_5parts_lightgrey.png" );
    color: #6F6E6E;
}
/**************************************** 4 Parts ****************************************/
table.nav_4parts a:link, table.nav_4parts a:active, table.nav_4parts a:visited
{
    background-image: url( "../WebXImage/tab_4parts_grey.png" );
 color: #000;
}
table.nav_4parts a:hover
{
    background-image: url( "../WebXImage/tab_4parts_grey.png" );
 color: #000;
}
table.nav_4parts .selected
{
    background-image: url( "../WebXImage/tab_4parts_white.png" );
    color: #000;
}
table.nav_4parts .unavailable
{
    background-image: url( "../WebXImage/tab_4parts_lightgrey.png" );
    color: #6F6E6E;
}
/**************************************** 3 Parts ****************************************/
table.nav_3parts a:link, table.nav_3parts a:active, table.nav_3parts a:visited
{
    background-image: url( "../WebXImage/tab_3parts_grey.png" );
 color: #000;
}
table.nav_3parts a:hover
{
    background-image: url( "../WebXImage/tab_3parts_grey.png" );
 color: #000;
}
table.nav_3parts .selected
{
    background-image: url( "../WebXImage/tab_3parts_white.png" );
    color: #000;
}
table.nav_3parts .unavailable
{
    background-image: url( "../WebXImage/tab_3parts_lightgrey.png" );
    color: #6F6E6E;
}
/**************************************** 2 Parts ****************************************/
table.nav_2parts a:link, table.nav_2parts a:active, table.nav_2parts a:visited
{
    background-image: url( "../WebXImage/tab_2parts_grey.png" );
 color: #000;
}
table.nav_2parts a:hover
{
    background-image: url( "../WebXImage/tab_2parts_grey.png" );
 color: #000;
}
table.nav_2parts .selected
{
    background-image: url( "../WebXImage/tab_2parts_white.png" );
    color: #000;
}
table.nav_2parts .unavailable
{
    background-image: url( "../WebXImage/tab_2parts_lightgrey.png" );
    color: #6F6E6E;
}

/******************** 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;
}
/**************************************** 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;
}

/******************** MANAGE USERS ********************/
.greyBox
{
    margin: 20px 0;
    font-size: 14px;
}
#ctl00_ContentPlaceHolder1_grdUsers table
{
    margin: 0;
    padding: 0;
    width: 850px;
    font-size: 11px;
    table-layout: fixed;
    border-collapse: collapse;
}
#ctl00_ContentPlaceHolder1_grdUsers th
{
     background-color: #352A3A;
     background-image: url("../WebXImage/purpletbl_gradient.png");
    background-repeat: repeat-x;
    color: #fff;
    font-weight: normal;
    text-align: left;
    padding: 2px;
    vertical-align: top;
}
#ctl00_ContentPlaceHolder1_grdUsers td
{
	background-color: white;
	color: #000;
                margin: 0;
                border-bottom: solid 1px #ccc;
}
#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;
}

/******************** 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: 960px;
    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;
}

/******************** QUOTE ********************/
#ctl00_quote_content
{
}
#ctl00_quote_content #ctl00_content_inner, #ctl00_success_content #ctl00_content_inner, #ctl00_summary_content #ctl00_content_inner,
#ctl00_claim_content #ctl00_content_inner, #ctl00_editclaim_content #ctl00_content_inner, #ctl00_claimpolicy_content #ctl00_content_inner
{
     background-color: #FFFFFF;
     margin: 40px 14px 0 20px;
}
#ctl00_quote_content #ctl00_content_text, #ctl00_success_content #ctl00_content_text, #ctl00_summary_content #ctl00_content_text,
#ctl00_claim_content #ctl00_content_text, #ctl00_editclaim_content #ctl00_content_text, #ctl00_claimpolicy_content #ctl00_content_text
{
	margin: 10px;
}

/* Hide Content */
.HideContent
{
    display:none; 
}

/***** Debug Zone *****/
.debug
{
	position: absolute;
	top: 0px;
	right: 0px;
}

/***** Grid *****/
.grid
{
	border-collapse: collapse;
}
.grid th
{
	border: solid 1px black;
	background-color: white;
	color: white;
	/* background-image: url("../WebXImage/purpletbl_gradient.png"); */
	background-repeat: repeat-x;
	background-color: #6B6B6B;
}
.grid td
{
	border: solid 1px #000;
	color: #000;
}

.grid tr
{
              background-color:white;
}

#ctl00_ContentPlaceHolder1_ctl02_SSLControl_Grid1  input[type="submit"]
{
	background: url("../WebXImage/btn080.png") no-repeat;
	width: 80px;
}

/***** Buttons *****/
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
{
	height: 30px;
	display: block;
	text-align: center;
	line-height: 29px;
	text-decoration: none;
	color: #000;
	font-size: 13px;
}
a.btn080, input.btn080
{
	width: 120px;
}
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
{
	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: 216px;
}
a.btn190, input.btn190
{
	width: 190px;	
}
a.btn200, input.btn200
{
	width: 200px;	
}
a.btnRect, input.btnRect
{
	background: url("../WebXImage/btnRect.png") no-repeat;
	width: 200px;	
}

/******************** B.A. CLASSES ********************/
.H1
{
    color: #000;
    text-decoration: none;
    font-size: 13pt;
    font-weight: bold;
}
.H2
{
    color: #000;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
}

/************Account Application***********/
/*stockpages/account_application.aspx*/

##ctl00_ContentPlaceHolder1_idHeader {
	font-family: Helvetica, Arial, sans-serif;
}

#ctl00_ContentPlaceHolder1_apply_form {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	width:100%;
	padding: 30px;
}

#ctl00_ContentPlaceHolder1_apply_form input {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
}

.first_column
{
	width:500px;
	padding-left: 10px;
}

.second_column 
{
	padding-left: 10px;
}

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
 {
           background-color: #F7921E;
           text-align: center;
           height: 35px;
           text-decoration: none;
           color: white;
           font-size: 16px;
           cursor: pointer;
           border-radius: 10px;
           float: right;
}

.WebXProductColumn h4 a 
{
display: block;
width: 300px;
height: 60px;
text-decoration: none;
}

.grid th, table#ctl00_ContentPlaceHolder1_GridView1 th, #ctl00_ContentPlaceHolder1_grdUsers th
{
    padding: 8px 4px;
    color: #fff;
    font-weight: normal;
    /* text-align: left; */
    height: 16px;
    font-size: 14px!important;
    border: none;
    background-color: #6B6B6B;
    font-family: tradegothicbold !important;
}
.grid td{
	font-size: 12px!important;
   padding: 4px;
   padding-left: 4px;
   border: none;
}
table#ctl00_ContentPlaceHolder1_GridView1 td, #ctl00_ContentPlaceHolder1_grdUsers td
{
   font-size: 14px!important;
   padding: 9px !important;
   padding-left: 4px;
   border: none;
}

.grid td a, table#ctl00_ContentPlaceHolder1_GridView1 td a, #ctl00_ContentPlaceHolder1_grdUsers td a
{
   color: #424242;
}

.claims-docs
{
      margin-left:13px;
}
#ctl00_ContentPlaceHolder1_ctl06_SSLZone_110 {
width: 930px!important;
}

#searchContent {
	width: 100%;
	zoom: 1;
	overflow: hidden;
}

#searchContent>table tr:first-child{
	/* width:100% !important; */
}

.select-width-tb{
    width:96% !important;
    padding:2px 0 !important;
}

 select{
	display:block;
	padding: 2px 0;
	border-radius:7px;
	border: 2px solid #B5B5B5;
	width: 100% !important;
	color: #808080;
	font-size:19px;
	margin: 0;
}

 input[type=text], input[type=password]{
	display:block;
	padding: 2px 1.5% !important;
	border-radius:7px;
	border: 2px solid #B5B5B5;
	width: 96%;
	color: #808080;
	font-size:19px;
}

#searchContent input[type=submit]{
	background-image:none !important;
	background-color: #FB9C30 !important;
	font-size: 20px;
	font-weight: bolder;
	border: none !important;
	border-radius: 10px;
	height: 40px;
	width: 58%;
	float: right;
	margin-top: 30px;
}
#searchContent>table tr{ 	width: 28%; 	display:block; 	float: left; }

table[style*=claims-table] tr:nth-child(4){
    margin-top:30px;
}
#searchContent>table tr:nth-child(2), #searchContent>table tr:nth-child(4){
	/* padding-right:20%; */
}
#searchContent>table tr:nth-child(3), #searchContent>table tr:nth-child(5){
	/* padding-left:20%; */
}

#searchContent>table td{
	display:block;
	color: #808080;
	font-size: 17px;
}


#searchContent table{
	padding: 8px;
	font-size: 12px;
	margin-bottom: 12px;
}

#searchContent table span{
	color:#808080;
}

#ctl00_ContentPlaceHolder1_GridView1 tr:nth-of-type(even){
	background-color: #eeeeee;
}

#ctl00_ContentPlaceHolder1_GridView1 tr:nth-of-type(odd){
	background-color: #fbfbfb;
}

#ctl00_ContentPlaceHolder1_GridView1 tr:last-child{
	background-color:#fff !important;
}

#searchContent table table td{
	background-color:orange;
	border-right:4px solid #fff;
}

#searchContent table table td a, #searchContent table table td span{
	color:#fff !important;
	display:block;
	text-align:center;
	text-decoration:none;
}

#ctl00_ContentPlaceHolder1_btnCancel {
margin-bottom: 5px;
}

#toba_wording_checkbox {
margin: 20px;
}

.taskFilter{
width: 480px;
padding-bottom: 5px;
border-style: Solid;
border-color: #000;
border-width: 1px;
background-color: #E1E1E1;
border-collapse: initial;
}


.AspNet-Login-FailurePanel span {
margin-left: 20px;
display: inline-block;
width: 310px;
}

div#ctl00_ContentPlaceHolder1_pnlAgreeTerms {
position: relative;
bottom: -40px;
left: 92px;
}

table#ctl00_ContentPlaceHolder1_GridView1 {
    border: none;
}

.NMUbuttons
{
border: 1px solid #000;
background-color: #535353;
background-image: url("../WebXImage/greybtn_gradient.png");
background-repeat: repeat-x;
text-align: center;
height: 26px;
line-height: 22px;
text-decoration: none;
color: #FFF;
font-size: 12px;
cursor: pointer;
padding-bottom: 4px;
width:180px;
}

div#reports
{
overflow:scroll;
-webkit-overflow-scrolling:touch;
width:954px;
}

#ctl00_navigation{
	display:none;
}
body{
	background-image: url(../webximage/homedark1.jpg);
	background-size: 100% 100%;
	background-color: #f1f1f1;
	background-repeat:no-repeat;
}


.mnu{
    padding: 1%;
    margin: 0;
    float: right;
    width: 324px;
    color: #fff;
    list-style:none;
    background: rgba(000,000,000,0.3);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 20px;
    margin-top: 18px;
}

.mnu li{
	color:#fff;
	font-size: 16px;
	text-align:center;
	float:left;
	width: 95px;
	padding: 0 2%;
	cursor:pointer;
	transition:ease-in-out all 0.2s;
}
.mnu li:hover{
	color: orange;
}
.mnu li:last-child, {
	
}
.mnu li:not(:last-child){
	background: linear-gradient(to left, orange 2px, transparent 0%);
	background: -moz-linear-gradient(to left, orange 2px, transparent 0%);
	background: -o-linear-gradient(to left, orange 2px, transparent 0%);
	background: -webkit-linear-gradient(to left, orange 2px, transparent 0%);
	background: -ms-linear-gradient(to left, orange 2px, transparent 0%);
}
.mnu li:nth-child(4){
	background:none !important;
}
#ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer{
    overflow: hidden;
    padding-top: 25px;
    display: block;
    border-radius: 5px;
}

#ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a {
    display: block;
    float: left;
    width: 28%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    border-bottom: 6px solid #F7921E;
    padding-bottom: 10px;
    transition: ease-in-out all 0.2s;
    background-color: rgba(000,000,000,0.5);
    padding: 0% 1%;
    height: 100px;
    border-radius: 5px;
    margin-bottom: 20px;
}

#ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a h3{
	font-family: tradegothicbold !important;
	color:#fff;
	transition: ease-in-out all 0.2s;
}

#ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a p{
	color:#fff;
	transition: ease-in-out all 0.2s;
}

#ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a:first-child, #ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a:nth-child(4){
	margin-left:0;
	margin-right:3.5%;
}

#ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a:last-child, #ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a:nth-child(3){
	margin-left:3.5%;
	margin-right:0;
}

#ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a:hover{
	border-bottom: 6px solid #fff;
}

#ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a:hover h3, #ctl00_ContentPlaceHolder1_ctl07_SSLControl_covercontainer a:hover p{
    color:#F7921E;
}

#ctl00_ContentPlaceHolder1_ctl06_SSLZone_6{
   /* margin-top:13px;*/
}

#ctl00_ContentPlaceHolder1_ctl08_SSLZone_8{
	display:none;
}

#ctl00_ContentPlaceHolder1_valSummaryBottom + div{
	padding: 0px !Important;
}

#ctl00_ContentPlaceHolder1_ctl07_SSLZone_7{
    /* display:none; */
}

#ctl00_ContentPlaceHolder1_ctl04_SSLControl_broker{
	    display: block;
    float: right;
    text-align: right;
    margin-top: -4px;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLZone_-2 tr:first-child{
	display: block;
}

.policyBar {
    width: 90% !important;
    display: block;
    background-color: #ccc;
    padding: 6px;
    border-radius: 7px;
    float: right;
}

.policyBar span{
    font-size: 16px !important;
}
.grid th span {
    color: #fff;
    font-family: tradegothicbold !important;
}

.grid td span {
    display: block;
    color: #424242;
}

span#ctl00_ContentPlaceHolder1_ctl04_SSLControl_lblAccountBalance1 {
    font-family: tradegothicbold !important;
    color: #4D4D4D;
    text-decoration:none !important;
}

.border-bottom-dark{
    border-bottom:1px solid #4d4d4d;
    background-color: #F1F1F1;
}

.border-bottom-dark td{
     background-color: #F1F1F1;
}

.border-bottom-dark tr:nth-of-type(odd) td{
	background-color: #E8E8E8;
}

.width818{
    width:818px !important;
}

.width818 > tbody > tr:first-child{
	display:none !important;
}

.background-color-none{
    background-color:rgba(0,0,0,0) !important;
}

.bold{
    font-family: tradegothicbold !important;
}

.viewactions td a{
background-color: #D2D5DC;
    display: block;
    text-decoration: none;
    transition: ease-in-out all 0.2s;
    max-height: 50px;
    min-height: 50px;
    color: black;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding-top: 27px;
}

.viewactions td a:hover{
	background-color: #F7921E;
}

.viewactions td a:hover{
	font-size:20px;
	color: #fff;
}

.viewactions td a{
	transition:ease-in-out all 0.2s;
	font-family: tradegothicbold !important;
}

#mainTable input[type=text]{
    width: 500px !important;
    padding: 10px 0 !important;
    margin: 0;
}
#mainTable select{
    width: 504px !important;
    padding: 10px 0 !important;
    margin: 0;
}
#mainTable {
    width: 700px;
    text-align: left;
    margin: 0px auto;
    border-style: none;
    padding: 0;
}

.buttons-table-spacing td input:not(:first-child) {
    margin-right: 5px;
}

#mainTable input#ctl00_ContentPlaceHolder1_btnPostcodeLookup {
    width: 150px;
    margin-right: 12px;
}

#mainTable input#ctl00_ContentPlaceHolder1_btnInsertTestData {
    width: 160px !important;
    margin-right: 15px;
}

#mainTable input#ctl00_ContentPlaceHolder1_btnSubmit {
    width: 160px !important;
    margin-right: 10px;
}

#mainTable input#ctl00_ContentPlaceHolder1_btnBypassPayment {
    width: 160px !important;
    margin-right: 10px;
}
.grid>tbody>tr:nth-of-type(odd) {
    background-color: #fbfbfb;
}

.grid>tbody>tr:nth-of-type(even) {
    background-color: #eeeeee;
}

#cookie-bar p {
    color: #fff;
}

#cookie-bar .cb-enable {
    background: #f7921e;
}

table[style*=claims-table]:nth-child(2){
	display:none;
}

table[style*=claims-table], table[style*=claims-table] tbody{
}

table[style*=claims-table] tr {
	height: 150px !important;
}

table[style*=claims-table] tr:nth-child(4){
	height: 50px !important;
	margin-left: 444px;
}

table[style*=claims-table] tr:nth-child(4) td{
	padding: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
}

table[style*=claims-table] tr:nth-child(4) input{
	float:right !important;
}


table[style*=claims-table] tr:nth-child(4) input{
	margin-top: 0 !important;
}

table[style*=claims-table] tr:first-child{
	width: 38% !important;
	display:block;
	float:left;
}

table[style*=claims-table] tr:nth-child(2){
	width: 37% !important;
	display:block;
	float:left;
	padding-right:0 !important;
	margin-left: 213px;
}

table[style*=claims-table] tr:nth-child(2) input, table[style*=claims-table] tr:nth-child(2) select, table[style*=claims-table] tr:nth-child(2) span{
	float: right;
	text-align: right;
	margin-bottom: 9px;
}

table[style*=claims-table] tr:nth-child(3){
	float:left !important;
	display:block !important;
	width: 20% !important;
	padding-left:0 !important;
	height: 100px !Important;
}

table[style*=claims-table] td{
	display:block;
	float:none;
	width: 100% !important;
}

table[style*=claims-table] td span{
	font-size:17px !important;
}

table[style*=claims-table] td input, table[style*=claims-table] td select{
	font-size:19px !important;
}

table[style*=claims-table] td:first-child{
	
	width:200px;
}

table[style*=claims-table] td:nth-child(2){
	
	width:250px;
}
table[style*=claims-table] td:nth-child(3){
	
	width:200px;
}
table[style*=claims-table] td:nth-child(4){
	
	width: 200px;
}

table[style*=policy-table]:nth-child(2){
	display:none !Important;
}

table[style*=policy-table] tr:nth-child(1){
	width:620px !important;

}
table[style*=policy-table] tr:nth-child(2) input, table[style*=policy-table] tr:nth-child(2) span{
    float:right;
    display:block;
    width:100%;
    margin-bottom: 0px;
    padding-top: 11px;
}

 table[style*=policy-table] tr:nth-child(2) span{
 	text-align:right;
 	padding-bottom:10px;
 }

 table[style*=policy-table] tr:nth-child(3){
 	margin-right: 355px;
 }
.margin-top-15{
    margin-top:15px;
}
.margin-top-30{
    margin-top:30px;
}
.margin-top-115{
margin-top: 115px;
}

.margin-left-76{
    margin-left: 98px;
}
#ctl00_ContentPlaceHolder1_ctl06_SSLControl_calLossDate input{
	float:left;
}
#ctl00_ContentPlaceHolder1_ctl06_SSLControl_calLossDate input[type=image]{
	margin-top:4px;
	margin-left:4px;
	width:20px !important;
}
#ctl00_ContentPlaceHolder1_ctl10_SSLControl_Button-5{
	margin-left: 197px;
}
#searchContent div #ctl00_ContentPlaceHolder1_GridView1 {
    width: 892px !important;
}

.width100{
    width: 100%;
}

.margintop0{
    margin-top:0 !important;
}
textarea.webxTextbox{
    resize:none;
    width:99%;
    height:100px;
}

tr[id$=NoDataRow]{
    background-color:#ddd !important;
}
tr[id$=NoDataRow] td{
    text-align:center;
}
input[value="Export to Excel"]{
    margin-top: -70px !important;
    margin-right: 2px !important;
    width: 153px !important;
}

.grid input[type="submit"] {
    border-radius: 0px;
    height: 20px;
    font-size: 16px;
    line-height: 1px;
}

.verticle-scroll{
    height: 340px;
    overflow-y: scroll;
    display: block;
}
.fixed-grid-header>tbody{
    position:relative;
}
.fixed-grid-header>tbody>tr:first-child{
    position:absolute;
    width:92.5%;
}
.fixed-grid-header>tbody>tr:nth-child(2) td{
    padding-top:40px;
}
.selectable-grid tr:not(:first-child) > td{
	
}
.selectable-grid tr:not(:first-child) > td span{
	
	cursor:default;
}
.selectable-grid tr:not(:first-child):hover > td{
	 background-color: #9f9f9f;
}
.selectable-grid tr:not(:first-child):hover > td span{
	color:#fff;
}
.margin-top-8{
    margin-top:8px;
}

.margin-top-40{
    margin-top:40px;
}

.padding-top-50{
    padding-top:50px;
}

.border-top-grey{
    border-top:1px solid #c2c2c2;
}

.displaynone{
    display:none;
}

.height290{
    height:300px;
}

.width130{
    width:130px;
}

.displaynone-row4>tbody>tr:nth-child(4),.displaynone-row3>tbody>tr:nth-child(3),.displaynone-row2>tbody>tr:nth-child(2),displaynone-row1>tbody>tr:first-child{
    display:none;
}

.margin0auto{
    margin:0 auto;
}

.cellblock td{
    display:block;
}

.agent-reconciliation tr>td:not(:first-child){
    text-align:right;
}

.verticle-align-td td{
    vertical-align: top;
}

.td-text-left td{
    text-align:left;
}

#ctl00_ContentPlaceHolder1_ctl06_SSLControl_claimDesc{
    width:99%;
border:none;
}

.top-row-94>tbody>tr:first-child{
    width:94% !important;
}


#ctl00_ContentPlaceHolder1_ctl04_SSLControl_Grid-2 .grid td span, #ctl00_ContentPlaceHolder1_ctl04_SSLControl_Grid-2 .grid th {
    text-align:left;
}

#searchContent table[id*=GridView] input{
    border-radius:0 !important;
}
.statementDetailsLabel {
    position: relative;
    top: -22px;
}
tr[style*=a7a7a7] td,tr[style*=a7a7a7] td span {
    color:#fff !important;
}

#ctl00_ContentPlaceHolder1_pnlChangePassword {
    border: none !Important;
}
.login_container{
    overflow: hidden;
    width: 426px;
    margin-left: -26px;
    margin-top: -32px;
}
table#ctl00_ContentPlaceHolder1_GridView1 th, #ctl00_ContentPlaceHolder1_grdUsers th{
    text-align:left;
}

span#ctl00_ContentPlaceHolder1_ctl08_SSLControl_grdStatementDetails th:nth-child(4) {
    width: 50px !important;
}

.nav_5parts tr:first-child{
   /* display:none;*/
}

img.logo {
    cursor: default;
}

.padding2px td{
padding:2px;!important
}

#searchContent input[value=Search] {
    float: left;
}

div#ctl00_searchBack {
    position: relative;
    bottom: 12px;
}

.grid1 {
    border: solid 2px black;
}

.grid1 tr:last-child span {
    font-weight: bold;
}
.grid a:hover {
    cursor: pointer;
}

.nav_5parts tr:nth-of-type(1) {
    display: none !important;
}

.FullWidth
{
width:100% !important;
}

/* Login CSS*/
.AspNet-Login{
	width:100%;
}

.AspNet-Login div{
	width:100%;
}

.AspNet-Login label{
	font-weight: bold;
	font-size:16px;
}

.AspNet-Login label, .AspNet-Login input[type=text],.AspNet-Login input[type=password]{
	width:100%;
	display:block;
	color: #737373;
}

.AspNet-Login input[type=text],.AspNet-Login input[type=password]{
        display: block;
        padding: 10px 1.5% !important;
        border-radius: 7px;
        border: 2px solid #B5B5B5;
        width: 97% !important;
        color: #808080;
        font-size: 19px !important;
}

.AspNet-Login input[type=submit]{
	border-radius:10px;
	height: 40px;
	background-image:none;
	background-color: #F7921E;
	font-size: 18px;
	font-weight:bold;
	font-family: tradegothic;
	border: none;
	float: right;
}

.AspNet-Login a{
	float:right;
	margin-top:30px;
	color: #00005F;
	font-size:14px;
}

.columnleft ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.columnleft>div {
    display:none;
}

#passwordrecovery_buttons>#ctl00_ContentPlaceHolder1_btnCancel{
    margin-left: 12px;
    width: 140px;
}

table.override_agent_controls_container td:first-child {
    min-width: 120px;
}

div#ctl00_ContentPlaceHolder1_pnlTwoFactor {
width: auto !important;
}

/* homepage 50 */
#ctl00_ContentPlaceHolder1_ctl04_SSLZone_4 tr:first-child:nth-last-child(1) td:first-child, #ctl00_ContentPlaceHolder1_ctl02_SSLZone_2 tr:first-child:nth-last-child(1) td:first-child,
#ctl00_ContentPlaceHolder1_ctl03_SSLZone_3 tr:first-child:nth-last-child(1) td:first-child{
    width:600px !important;
}

#ctl00_ContentPlaceHolder1_ctl02_SSLZone_2, #ctl00_ContentPlaceHolder1_ctl03_SSLZone_3{
    width: 600px !important;
    overflow: hidden;
    border-radius: 5px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    background-color: #fff;
    padding: 20px;
    padding-top:0px;
}

#ctl00_ContentPlaceHolder1_ctl02_SSLZone_2 tr:nth-child(2) td:first-child, #ctl00_ContentPlaceHolder1_ctl02_SSLZone_2 tr:first-child:nth-last-child(1) td:first-child,
#ctl00_ContentPlaceHolder1_ctl03_SSLZone_3 tr:nth-child(2) td:first-child, #ctl00_ContentPlaceHolder1_ctl03_SSLZone_3 tr:first-child:nth-last-child(1) td:first-child{
	/* padding:20px; */
	margin-top:1px;
}

.allfigures {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    height: 0px;
    margin: 8px 0;
    float: left;
}

.small-indicator{
    width: 47%;
    float: left;
    overflow: hidden;
    background-color: #EAEAEA;
    padding: 1%;
    display:block;
}
.small-indicator-first,.small-indicator-third {
    margin-right: 2%;
}
.small-indicator-first, .small-indicator-second{
    margin-top: 20px;
}
.small-indicator-third, .small-indicator-fourth
{
    margin-top: 4%;
}
.small-indicator p{
    float: left;
    width: 75%;
    margin: 0;
}
.small-indicator h4{
    float: right;
    margin-bottom: 0;
}

.indicator {
    width: 31.3%;
    float: left;
    background-color: #8C909C;
    padding: 10px 0;
    margin-top: 13px;
}
.indicator:first-child{
	border-bottom-left-radius:10px;
}
.indicator:nth-child(3){
	border-bottom-right-radius:10px;
}
.indicator-middle{
    margin-left: 3%;
    margin-right: 3%;
}
.indicator h2{
    font-weight:bold;
    font-size:22px;
    color: #fff;
    text-align: center;
}
.indicator p{
    color: #fff;
    text-align: center;
}


.indicators{
    overflow:hidden;
    width:100%;
}

.indicators>div {
    width: 31.3%;
    float: left;
    background-color: #8C909C;
    border-radius: 10px;
    padding: 10px 0;
}

.indicators>div:nth-child(2){
    margin-left: 3%;
    margin-right: 3%;
}

.indicators>div h2, .indicators>div p {color: #fff;text-align: center;}


.indicators-data {margin-top: 20px;overflow:hidden;}

.indicators-data>div {
    width: 47%;
    float: left;
    overflow: hidden;
    background-color: #EAEAEA;
    padding: 1%;
}

.indicators-data>div p {
    float: left;
    width: 75%;
    margin: 0;
}

.indicators-data>div h4 {
    float: right;
    margin-bottom: 0;
}

.indicators-data>div:first-child,.indicators-data>div:nth-child(3) {
    margin-right: 2%;
}

.indicators-data>div:nth-child(3),.indicators-data>div:nth-child(4) {
    margin-top: 4%;
}

.news-block {}

.news-block h3 {
    color: #F7921E;
}

.news-block p {
    font-weight: 600;
}

p.date {
    font-weight: 100 !important;
}

#ctl00_ContentPlaceHolder1_ctl04_SSLZone_4{
    margin-top:20px;
    min-height: 363px;
}

#ctl00_ContentPlaceHolder1_ctl04_SSLZone_4 tr:nth-child(2) td:first-child, #ctl00_ContentPlaceHolder1_ctl04_SSLZone_4 tr:first-child:nth-last-child(1) td:first-child {
    overflow: hidden;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5{
     height: 669px;
     position: absolute;
     border-radius: 7px;
     top: 259px;
     left: 682px;
     background-color: #fff;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLControl_PolicyActionsTitle{
    display:block;
    overflow:hidden;
    margin-top: 5%;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLControl_PolicyActionsTitle img{
    float:left;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLControl_PolicyActionsTitle h2{
    width: 94%;
    margin: 0;
    margin-top: 5%;
    text-align: right !important;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 tr:nth-child(2){
    display:block;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 tr:nth-child(2) td{
    padding-top:15px;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 tr:nth-child(2) td:first-child img{
     width: 20%;
    display: block;
    float: left;
    position:static;
}
#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 tr:nth-child(2) td:first-child h2{
    text-align: right !important;
    float: right;
    margin-top: 15px;
    width: 74%;
    margin-right: 14px;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 tr{
    display:block;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 td {
    display: block;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 .webxLink {
    overflow: hidden;
    background-color: #F7921E;
    display: block;
    width: 86%;
    margin: 0 auto;
    padding: 5% 2%;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background-image: url(../webximage/arrow.png);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 97% 53%;
    margin-top: 18px;
    transition: ease-in-out background-color 0.2s;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 .webxLink:hover{
    background-color: #F5A549;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 .webxLink h4 {
    margin-bottom: 5px;
}

#ctl00_ContentPlaceHolder1_ctl05_SSLZone_5 .webxLink p {
    margin: 0;
    font-size: 13px;
    color: #fff;
}

#ctl00_ContentPlaceHolder1_ctl06_SSLZone_6{
    position:absolute;
    top: 145px;
    left: 682px;
}

.charts {
    border-width: 0px;
    float: left;
    width: 10%;
}

.underwriter {
    width: 85%;
    margin-left: 14%;
    font-size: 18px;
}

.underwriteraddr {
    display: block;
    width: 85%;
    text-align: left;
    font-size: 15px;
    margin: 8px 0;
    margin-left: 14%;
height: 34px;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLZone_1 {
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#ctl00_ContentPlaceHolder1_ctl01_SSLZone_1>tbody>tr>td:first-child{
    padding: 20px;
    padding-bottom:0px;
    width:600px !important;
}
/* tabs */
td>div{
    overflow:hidden;
}
button.webXtabButton1, button.webXtabButton2 {
    float:left;
    background-color:#acb3c6;
    color:#fff;
    font-size:28px;
    height:50px;
}
button.webXtabButton1:focus, button.webXtabButton2:focus {
    outline:none;
}
button.webXtabButton1{
    border-top-left-radius:5px;
}
button.webXtabButton2{
    border-top-right-radius:5px;
}
.KPI_tab_selected{
    background-color:#8c909c !important;
}

#ctl00_ContentPlaceHolder1_ctl02_SSLZone_2 tr:first-child:nth-last-child(1) td:first-child,#ctl00_ContentPlaceHolder1_ctl03_SSLZone_3 tr:first-child:nth-last-child(1) td:first-child {
    padding-top:0px;
}

.selected_button {
background-color: grey !important;
}

/*input focus CSS*/

input:focus, select:focus{
    outline:none;
    transition: ease-in-out all 0.2s;
}

input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, select:focus{
    background-color:rgb(245,245,245);
    border: 2px solid #797979 !important;
}

input[type=button]:hover, input[type=submit]:hover{
    background-color:#FFA43B;
}

input[type=button]:active, input[type=submit]:active{
    background-color:#EC8B1C;
}



select::-ms-expand {
    display: none;
}

select{
    -moz-appearance: none;
}


/***Agent Override***/


table.override_agent_controls_container td {
    float: left;
	clear:both;
	font-weight: bold;
}

select#ctl00_ContentPlaceHolder1_ddlAgentID {
    width: 370px!important;
}

table.override_agent_controls_container {
    margin-top: 17px;
}

input#ctl00_ContentPlaceHolder1_txtAgentID {
    min-width: 150px;
}

div#ctl00_ContentPlaceHolder1_pnlOverrideAgentID {
    position: relative;
    top: -11px;
    left: -80px;
    width: 446px;
    font-weight: bold;
}

input#ctl00_ContentPlaceHolder1_txtAgentLookUp {
    width: 430px;
}

.override_agent_button_container input {
    margin: 10px;
    margin-right: 0px;
}

input#ctl00_ContentPlaceHolder1_txtConfirmAgentID {
    font-size: 15px;
    padding: 6px!important;
}

table[style*=claims-table] tr:nth-child(3) 
{
    float: right !important;
    display: block !important;
    width: 20% !important;
    padding-left: 0% !important;
    height: 100px !Important;
    position: relative;
    left: 72px;
    top: 60px;
}

table[style*=claims-table], table[style*=claims-table] tbody 
{
    height: 330px;
}

/*report viewer - css issue on Broker Portal*/

/*box content overflow, padding*/
div[id$="rViewer_ctl09"] {
    overflow: hidden;
    width: 890px;
    padding-top: 10px;
}

/*push box content belolw button*/
#ctl00_ContentPlaceHolder1_SSLZone_10_rViewer_fixedTable {
    clear:both;
}

/*box double scroll bar*/
#VisibleReportContentctl00_ContentPlaceHolder1_SSLZone_10_rViewer_ctl09 {
    overflow: auto;
}

/*button position*/
input#btnViewReport {
    float: left;
}

/* Styling Fixes */

.LoginWrapper {
    float: left !important;
    width: 900px !important;
    background-color: rgba(255,255,255,.8) !important;
    border-radius: 10px !important;
    border: 2px solid #F08A05 !important;
    padding: 25px !important;
    margin-top: 10% !important;
}
/* popup */

.iframe-popup-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.57);
    z-index: 5000;
    display:none;
}

.iframe-popup-container > .iframe-popup {
    display:block;
    width:800px;
    height:500px;
    margin:50px auto;
    padding:20px;
    background:#f1f1f1;
    box-sizing:border-box;
    border-radius:5px;
}

.iframe-popup-container > .exit {
	width:20px;
	height:20px;
	position:absolute;
	top:60px;
	left:calc(calc(calc(100% - 800px) / 2) + 770px);
	cursor:pointer;
}
.iframe-popup-container > .exit:before {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background:#b3b3b3;
	transform:rotateZ(48deg);
	margin-top:calc(50% - 2.5px);
	position:absolute;
	border-radius:2px;
}
.iframe-popup-container > .exit:after {
	content:"";
	display:block;
	width:100%;
	height:5px;
	background:#b3b3b3;
	transform:rotateZ(-48deg);
	margin-top:calc(50% - 2.5px);
	position:absolute;
	border-radius:2px;
}
.iframe-popup-container > .exit:hover:before,.iframe-popup-container > .exit:hover:after {
	background:#999999;
}

.iframe-loading {
    position:fixed;
    z-index:5000;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
}
.iframe-loading:before {
    content:"";
    display:block;
    width: 150px;
    height: 20px;
    border-radius: 10px;
    margin: calc(25% - 100px) auto;
    background-image: linear-gradient(70deg, transparent 10px, #ffffff 0px, #ffffff 30px, transparent 0px), linear-gradient(#afafaf,hsla(0, 0%, 57%, 1));
    background-repeat: repeat-x;
    background-size: 51px 20px;
    animation:loading-bar 3s linear infinite;
}
@keyframes loading-bar {
  0%{
    background-position-x:0px, 0px;
  }
  100%{
    background-position-x:400px, 0px;
  }
}