body {
    background: #d1e3f7 url(/App_Themes/Admin08/Images/backgrounds/bodyBackground.gif) repeat-y center top;
	font-family: Arial, helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

input, select, textarea {font-family:Arial, helvetica, sans-serif;}

/*******************************************************************************************************************************************************/
/************** main layout table styles ***************************************************************************************************************/
/*******************************************************************************************************************************************************/

td.outer {
	background: #d1e3f7 url(./Images/backgrounds/outerCombined.gif) repeat-x left top;
}

td.outergradientStripeBorder {
	background: #bbd6f4 url(./Images/backgrounds/lightBlueGradient.gif) repeat-x left top;
}

td.outerWhiteBandTop {
	background: #ffffff;
}

td.outerWhiteBandBottom {
	background: #ffffff url(./Images/backgrounds/limeGreenSquare.gif) repeat-x left top;
}

td.horizontalGreenStripeHeader {
	background: #D1E3F7 url(./Images/backgrounds/limeGreenSquare.gif) repeat-x left top;
}

td.outer_Label {
	background: #d1e3f7 url(./Images/backgrounds/outerCombinedRed.gif) repeat-x left top;
}

td.outerWhiteBandBottom_Label {
	background: #ffffff url(./Images/backgrounds/redSquare.gif) repeat-x left top;
}

td.horizontalGreenStripeHeader_Label {
	background: #D1E3F7 url(./Images/backgrounds/redSquare.gif) repeat-x left top;
}

td.headerBackground_Login {
	background: #ffffff;
}

td.headerBackground_SchemeTrader {
	background: #ffffff url(./Images/header/schemetrader.gif) no-repeat left bottom;
}

td.headerBackground_Proximity {
	background: #ffffff url(./Images/header/proximity.gif) no-repeat left bottom;
}

td.headerBackground_MWD {
	background: #ffffff url(./Images/header/schemetrader_MWD.gif) no-repeat left bottom;
}

td.headerBackground_TMO {
	background: #ffffff url(./Images/header/schemetrader_TMO.gif) no-repeat left bottom;
}

td.headerBackground_AAW {
	background: #ffffff url(./Images/header/schemetrader_AAW.gif) no-repeat left bottom;
}

td.headerBackground_CPP {
	background: #ffffff url(./Images/header/schemetrader_CPP.gif) no-repeat left bottom;
}

td.headerBackground_Hawkwell {
	background: #ffffff url(./Images/header/underwriterplus_hawkwell.gif) no-repeat left bottom;
}

td.headerBackground_WMIL {
	background: #ffffff url(./Images/header/underwriterplus_wmil.gif) no-repeat left bottom;
}

td.headerBackground_Mulsanne {
	background: #ffffff url(./Images/header/underwriterplus_mulsanne.gif) no-repeat left bottom;
}

td.headerBackground_UnderwriterPlus {
	background: #ffffff url(./Images/header/underwriterplus.gif) no-repeat left bottom;
}

td.headerBackground_ServerOne {
	background: #ffffff url(./Images/header/schemetrader_server1.gif) no-repeat left bottom;
}

td.headerBackground_LocalHost {
	background: #ffffff url(./Images/header/schemetrader_local_host.gif) no-repeat left bottom;
}

td.headerBackground_ProximityDemo {
	background: #ffffff url(./Images/header/proximity_demo.gif) no-repeat left bottom;
}

td.mainContentLeftRightBorder, td.footer, td.mainContent {
	background: #D1E3F7;
}

td.mainNavigationContainer {
	padding: 0px 0px 0px 20px;
}

td.footer {
	padding: 0px 10px 0px 10px;
}

div.footerLeft {
	float: left;
}

div.footerRight {
	float: right;
}

/*******************************************************************************************************************************************************/
/************** main font styles ***********************************************************************************************************************/
/*******************************************************************************************************************************************************/

body, td, th, div, p, ul, ol, span.defaultText {
	font-size: 11px;
	color: #4D4D4F;
	line-height:120%;
}

table.fileUploader {margin-bottom: 0px;}

ul, ol {
	margin-left: 1.8em;
    margin-top: 0px;
	margin-bottom: 7px;
	padding-left: 0em;
	line-height:normal;
}

ul {list-style-type: square;}
ol {list-style-type: decimal;}

a:link, p a:link, ul a:link, ol a:link {color: #465E14; text-decoration: underline}
a:visited, p a:visited, ul a:visited, ol a:visited {color: #465E14; text-decoration: underline}
a:active, p a:active, ul a:active, ol a:active {color: #465E14; text-decoration: none}
a:hover, p a:hover, ul a:hover, ol a:hover {color: #465E14; text-decoration: none}

h1 {font-size: 15px; color: #4D4D4F; font-weight: bold; margin-bottom: 13px;}

h1.gridTitle, td.leftPanelTopCentre h1,
td.tinyTopCentreWhite h1, td.tinyTopCentreGradient h1 {
	margin: 2px 0px 8px 0px; 	/* margins set so that grid heading is in same horizontal position where or not */
								/* tabs are shown in the grid header. Tested in IE and Firefox. */
}

h1.goOnCoverPaymentAmount {
	margin: 0px 0px 0px 5px; 
}

td.quoteGroupHeadingMain h1 {
	font-size: 14px;
	margin: 2px 0px 7px 0px; 
}

td.accordionInGridTop200 h1, td.accordionInGridTop280 h1 {
	margin: 2px 10px 8px 10px; 
}

td.leftPanelTopCentre h1 { color: #1B75D9; }

h2 {font-size: 13px; color: #1B75D9; font-weight: bold; margin-top: 0px; margin-bottom: 13px;}

.nomargin {margin-bottom: 0px; margin-top: 0px;}
.smallMargin {margin-bottom: 8px; margin-top: 0px;}
.topMarginNil {margin-top: 0px;}
.mainBlue {color: #1B75D9;}
.darkGreen {color: #465E14;}
.limeGreen {color: #A8DE3B;}
.limeGreenText {color: #9AD92D;}
.warning {color: #EA2227;}
.red, .tooltipLinkRed {color: #EA2227;}
.nonBold {font-weight: normal;}

/*******************************************************************************************************************************************************/
/************** header and footer styles ***************************************************************************************************************/
/*******************************************************************************************************************************************************/

td.polTypeAndRefs {
	font-size: 14px;
}

/*******************************************************************************************************************************************************/
/************** main navigation styles *****************************************************************************************************************/
/*******************************************************************************************************************************************************/

td.mainNavButtonOn {
	background: #ffffff url(./Images/main_navigation/button_bg_active.gif) repeat-x left top;	
}

td.mainNavButtonOff {
	background: #ffffff url(./Images/main_navigation/button_bg_inactive.gif) repeat-x left top;	
}

td.mainNavButtonHidden {
	background: #ffffff url(./Images/main_navigation/button_bg_hidden.gif) repeat-x left top;	
}

td.mainNavButtonOn, td.mainNavButtonOff, td.mainNavButtonHidden {
	padding: 2px 3px 0px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

td.mainNavButtonOn a:link {COLOR: #4D4D4F; text-decoration: none}
td.mainNavButtonOn a:visited {COLOR: #4D4D4F; text-decoration: none}
td.mainNavButtonOn a:active {COLOR: #4D4D4F; text-decoration: underline}
td.mainNavButtonOn a:hover {COLOR: #4D4D4F; text-decoration: underline}

td.mainNavButtonOff a:link, td.mainNavButtonHidden a:link {COLOR: #ffffff; text-decoration: none}
td.mainNavButtonOff a:visited, td.mainNavButtonHidden a:visited {COLOR: #ffffff; text-decoration: none}
td.mainNavButtonOff a:active, td.mainNavButtonHidden a:active {COLOR: #ffffff; text-decoration: underline}
td.mainNavButtonOff a:hover, td.mainNavButtonHidden a:hover {COLOR: #ffffff; text-decoration: underline}

/*******************************************************************************************************************************************************/
/************** sub navigation styles ******************************************************************************************************************/
/*******************************************************************************************************************************************************/

td.subNavButtonOn {
	background: url(./Images/sub_navigation/button_bg_active.gif) repeat-x left top;	
}

td.subNavButtonOff {
	background: url(./Images/sub_navigation/button_bg_inactive.gif) repeat-x left top;	
}

td.subNavButtonGreen {
	background: url(./Images/sub_navigation/button_bg_green.gif) repeat-x left top;	
}

td.subNavButtonRed {
	background: url(./Images/sub_navigation/button_bg_red.gif) repeat-x left top;	
}

td.subNavButtonOn, td.subNavButtonOff, td.subNavButtonGreen, td.subNavButtonRed {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

td.subNavButtonGreen { color: #4D4D4F; }

td.subNavButtonOn a:link, td.subNavButtonOff a:link, td.subNavButtonRed a:link {COLOR: #ffffff; text-decoration: underline}
td.subNavButtonOn a:visited, td.subNavButtonOff a:visited, td.subNavButtonRed a:visited {COLOR: #ffffff; text-decoration: underline}
td.subNavButtonOn a:active, td.subNavButtonOff a:active, td.subNavButtonRed a:active {COLOR: #ffffff; text-decoration: none}
td.subNavButtonOn a:hover, td.subNavButtonOff a:hover, td.subNavButtonRed a:hover {COLOR: #ffffff; text-decoration: none}

td.subNavButtonGreen a:link {COLOR: #4D4D4F; text-decoration: underline}
td.subNavButtonGreen a:visited {COLOR: #4D4D4F; text-decoration: underline}
td.subNavButtonGreen a:active {COLOR: #4D4D4F; text-decoration: none}
td.subNavButtonGreen a:hover {COLOR: #4D4D4F; text-decoration: none}

span.alignSubNav, span.alignQuoteGroupTabs {
	vertical-align: 4px;
}

span.alignPremiumSaveButton {
	vertical-align: 4px;
}


/*******************************************************************************************************************************************************/
/************** column div styles **********************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.leftColumn {
	float: left;
	width: 200px;
}

div.mainContent {
	float: right;
	width: 705px;
}

div.mainContentLeft545 {
	float: left;
	width: 545px;
}

div.mainContentRight160 { /* THIS IS THE TINY PANEL  */
	float: right;
	width: 160px;
}

div.mainContentLeft335 {
	float: left;
	width: 335px;
}

div.mainContentRight370 {
	float: right;
	width: 370px;
}

/*******************************************************************************************************************************************************/
/************** grid containers styles *****************************************************************************************************************/
/*******************************************************************************************************************************************************/

td.gridContainerCell665 {
	background: #ffffff url(./Images/grid/grid_contain_cell_665.gif) repeat-y left top;
	padding: 0px 10px 0px 10px;
	/* width of cell will be 705 */
}

td.gridContainerCell505 {
	background: #ffffff url(./Images/grid/grid_contain_cell_505.gif) repeat-y left top;
	padding: 0px 10px 0px 10px;
	/* width of cell will be 545 */
}

td.gridContainerCell295 {
	background: #ffffff url(./Images/grid/grid_contain_cell_295.gif) repeat-y left top;
	padding: 0px 10px 0px 10px;
	/* width of cell will be 335 */
}

td.gridContainerCell330 {
	background: #ffffff url(./Images/grid/grid_contain_cell_330.gif) repeat-y left top;
	padding: 0px 10px 0px 10px;
	/* width of cell will be 370 */
}

div.gridContainerCell665Inside,
div.gridContainerCell505Inside,
div.gridContainerCell295Inside,
div.gridContainerCell330Inside {
	padding: 10px;
	overflow:auto; /* Makes buttom border line correct when using DIVs */
	border-bottom: 1px solid #929EAC;
}

/* HEADER */

td.gridTopLeft, td.gridSecondHeaderLeft {background: url(./Images/grid/top_left_bg.gif) repeat-x left top;}
td.gridTopCentre {background: url(./Images/grid/top_centre_bg.gif) repeat-x left top;}
td.gridTopRight, td.gridSecondHeaderRIght {background: url(./Images/grid/top_right_bg.gif) repeat-x left top;}

td.gridTopLeft_white {background: url(./Images/grid/top_left_bg_white.gif) repeat-x left top;}
td.gridTopCentre_white {background: url(./Images/grid/top_centre_bg_white.gif) repeat-x left top;}
td.gridTopRight_white {background: url(./Images/grid/top_right_bg_white.gif) repeat-x left top;}

td.gridSecondHeaderCentre {background: url(./Images/grid/second_row_centre_bg.gif) repeat-x left top;}

div.gridTopCentreLeft { float: left; }
div.gridTopCentreRight { float: right; }

/* FOOTER */

td.gridBottomLeft {background: url(./Images/grid/bottom_left_bg.gif) repeat-x left top;}
td.gridBottomCentre {
	background: url(./Images/grid/bottom_centre_bg.gif) repeat-x left bottom;
	padding-top: 4px;
}
td.gridBottomRight {background: url(./Images/grid/bottom_right_bg.gif) repeat-x left top;}

div.gridBottomCentreLeft { float: left; }
div.gridBottomCentreRight { float: right; }

/*******************************************************************************************************************************************************/
/************** grid row and cell styles ***************************************************************************************************************/
/*******************************************************************************************************************************************************/

tr.standardGridHeading th, th.standardGridHeadingLAST,
tr.standardGridHeading td, td.standardGridHeadingLAST{
	background: #D4D8DE;
	font-weight: bold;
	text-align: left; /* Important so not centre aligned */
}

th.fixed {
  position: sticky;
  top: 0px;
}

tr.standardGridSummaryRow td, td.standardGridSummaryRowLAST{
	font-weight: bold;
	background: #D4D8DE;
}

tr.standardGridSubHeading td, td.standardGridSubHeadingLAST {
	background: #D1E3F7;
	font-weight: bold;
}

tr.quoteGroupsGridSubHeading td  {
	background: #D1E3F7;
	font-weight: normal; /* NOTE NOT BOLD */
}

tr.standardGridRow1 td, td.standardGridRow1LAST {
	background: #ffffff;
}

/* Added by PB 07/06/2024 to improve endorsements grid
td.standardGridRow1LAST, td.standardGridRow2LAST {
	white-space: nowrap; 
}
*/

tr.standardGridRowGrey td, td.standardGridRowGreyLAST {
	background: #e5e5e5;
}

tr.standardGridRow2 td, td.standardGridRow2LAST { background: #E8F1FB; } /* Not used everywhere but used to give in stripey table in reports */

tr.standardGridTotal td, td.standardGridTotalLAST {
	background: #1B75D9;
	font-weight: bold; 
}

tr.standardGridHeading th, tr.standardGridHeading td, tr.standardGridSummaryRow th, tr.standardGridSummaryRow td, tr.standardGridSubHeading td, tr.quoteGroupsGridSubHeading td,
tr.standardGridRow1 td, tr.standardGridRowGrey td, tr.standardGridRow2 td, tr.standardGridTotal td {
	border-bottom: 1px solid #929EAC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 9px; /* 15/05/2013 Was 10px */
}

th.standardGridHeadingLAST, td.standardGridHeadingLAST, td.standardGridSummaryRowLAST, td.standardGridSubHeadingLAST,td.quoteGroupsGridSubHeadingLAST,
td.standardGridRow1LAST, td.standardGridRowGreyLAST, td.standardGridRow2LAST, td.standardGridTotalLAST {
	padding-right: 9px; /* 15/05/2013 Was 10px */
}

tr.standardGridTotal td, td.standardGridTotalLAST {
	background: #1B75D9;
	font-weight: bold;
	COLOR: #ffffff;
}

tr.standardGridTotal td a:link, td.standardGridTotalLAST a:link {COLOR: #ffffff; text-decoration: underline}
tr.standardGridTotal td a:visited, td.standardGridTotalLAST a:visited {COLOR: #ffffff; text-decoration: underline}
tr.standardGridTotal td a:active,  td.standardGridTotalLAST a:active {COLOR: #ffffff; text-decoration: none}
tr.standardGridTotal td a:hover, td.standardGridTotalLAST a:hover {COLOR: #ffffff; text-decoration: none}

span.tableInfoIconAlignCheckbox { /* Used to ensure that the "info" icon on withheld payments lines */
	vertical-align: -2px;
}

span.tableInfoIconAlignText { /* Used to ensure that the "info" icon on withheld payments lines */
	vertical-align: -4px;
}

div.standardGridFilters {
	padding: 10px 10px 0px 10px;
	background-color: #e5e7eb;
	border-bottom: 1px solid #929EAC;
}

/*******************************************************************************************************************************************************/
/************** columns within grid (enquiry screen etc) ***********************************************************************************************/
/*******************************************************************************************************************************************************/

div.leftColumn450InGrid {
	float: left;
	width: 450px;
}

div.rightColumn200InGrid {
	float: right;
	width: 200px;
}

div.leftColumn370InGrid {
	float: left;
	width: 370px;
}

div.rightColumn280InGrid {
	float: right;
	width: 280px;
}

div.leftColumn505InGrid { 	/* Slightly bigger border (20px) between this pair of columns so that the */
	float: left;			/* right column is the same width as the "2020" advert panel, etc  */
	width: 505px;
}

div.rightColumn140InGrid {
	float: right;
	width: 140px;
}

div.underColumns {
	clear: both;
}

/* QUOTE GROUPS */

td.quoteGroupHeadingMain {
	font-weight: bold;
	height: 30px;
}

td.quoteGroupHeadingRetired {
	font-size: 11px;
	font-weight: bold;
}

/* QUOTE GROUP TABS */

td.quoteGroupsTabsOn {
	background: url(./Images/quote_groups/tab_bg_active.gif) repeat-x left top;	
}

td.quoteGroupsTabsOff {
	background: url(./Images/quote_groups/tab_bg_inactive.gif) repeat-x left top;	
}

td.quoteGroupsTabsOn, td.quoteGroupsTabsOff {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

td.quoteGroupsTabsOn a:link, td.quoteGroupsTabsOff a:link {COLOR: #ffffff; text-decoration: underline}
td.quoteGroupsTabsOn a:visited, td.quoteGroupsTabsOff a:visited {COLOR: #ffffff; text-decoration: underline}
td.quoteGroupsTabsOn a:active, td.quoteGroupsTabsOff a:active {COLOR: #ffffff; text-decoration: none}
td.quoteGroupsTabsOn a:hover, td.quoteGroupsTabsOff a:hover {COLOR: #ffffff; text-decoration: none}

/* RIGHT COLUMN STUFF */

td.accordionBorder {
	border-left: solid 1px #bdc5cd;
	border-right: solid 1px #bdc5cd;
}

td.accordionInGridTop200 {
	background: url(./Images/quote_groups/accordion_in_grid_top_200.gif) repeat-x left top;	
	height: 30px;
}

td.accordionInGridTop280 {
	background: url(./Images/quote_groups/accordion_in_grid_top_280.gif) repeat-x left top;	
	height: 30px;
}

/* SIMPLE TABLE */

p.aboveTable {
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #929EAC;
}

table.SimpleTable {
	border-top: 1px solid #929EAC;
	margin-bottom: 13px;  /* This is overridden below if the table is within an accordion panel */
}

table.SimpleTableNoBorders {
	margin-bottom: 13px;  /* This is overridden below if the table is within an accordion panel */
}

table.SimpleTableNoBorders td {
	padding: 1px 2px 1px 2px;
}

tr.SimpleTable td, tr.SimpleTableAlt td {
	background: #ffffff;
	border-bottom: 1px solid #929EAC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

tr.SimpleTableAlt td { background: #D1E3F7; }

/* OTHER */

div.hiliteBox450 {
	background: url(./Images/hilite_box/hilite_box_bg_450.gif) repeat-y left top;	
	padding: 0px 10px 0px 10px;
}

div.hiliteBox370 {
	background: url(./Images/hilite_box/hilite_box_bg_370.gif) repeat-y left top;	
	padding: 0px 10px 0px 10px;
}

div.hiliteBox505 {
	background: url(./Images/hilite_box/hilite_box_bg_505.gif) repeat-y left top;	
	padding: 0px 10px 0px 10px;
}

div.hiliteBox665 {
	float:left;
	-webkit-border-radius: 10px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 10px; /* For older versions of Firefox */
	border-radius: 10px;
	
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    width: 100%;
    background-color: #d4d8df; 
    padding: 10px 10px 10px 10px;
    border: 1px solid #929EAC;
	margin-bottom: 13px;
}

/*******************************************************************************************************************************************************/
/************** left panel styles **********************************************************************************************************************/
/*******************************************************************************************************************************************************/

td.leftPanelContainerCell {
	background: url(./Images/left_panel/main_cell_bg.gif) repeat-y left top;
	padding: 0px 10px 0px 10px;
}

/* HEADER */

td.leftPanelTopLeft {background: url(./Images/left_panel/top_left_bg.gif) repeat-x left top;}
td.leftPanelTopCentre {background: url(./Images/left_panel/top_centre_bg.gif) repeat-x left top;}
td.leftPanelTopRight {background: url(./Images/left_panel/top_right_bg.gif) repeat-x left top;}

/* NAVIGATION */

td.leftPanelNavOn, td.leftPanelNavOff, td.leftPanelNavGrey, td.leftPanelNavHasClaims {
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid #929EAC;
	font-size: 13px;
	font-weight: bold;
}

td.leftPanelNavOn { background-color: #A8DE3B; }
td.leftPanelNavOff { background-color: #1B75D9; }
td.leftPanelNavGrey { background-color: #b3bdc8; }
td.leftPanelNavHasClaims { background-color: #EA2227; }

td.leftPanelNavOn a:link, td.leftPanelNavGrey a:link {COLOR: #4D4D4F; text-decoration: none}
td.leftPanelNavOn a:visited, td.leftPanelNavGrey a:visited {COLOR: #4D4D4F; text-decoration: none}
td.leftPanelNavOn a:active, td.leftPanelNavGrey a:active {COLOR: #4D4D4F; text-decoration: underline}
td.leftPanelNavOn a:hover, td.leftPanelNavGrey a:hover {COLOR: #4D4D4F; text-decoration: underline}

td.leftPanelNavOff a:link, td.leftPanelNavHasClaims a:link {COLOR: #ffffff; text-decoration: none}
td.leftPanelNavOff a:visited, td.leftPanelNavHasClaims a:visited {COLOR: #ffffff; text-decoration: none}
td.leftPanelNavOff a:active, td.leftPanelNavHasClaims a:active {COLOR: #ffffff; text-decoration: underline}
td.leftPanelNavOff a:hover, td.leftPanelNavHasClaims a:hover {COLOR: #ffffff; text-decoration: underline}

/* CONTENT */

td.leftPanelContent {
	background-color: #D4D8DE;
	padding: 10px 10px 10px 10px;
	border-bottom: solid 1px #929EAC;
}

div.leftPanelContentInside {
	width: 160px; /* 180px minus the padding to stop problem in IE */
}

div.leftPanelContentInside p,
div.leftPanelContentInside ul,
div.leftPanelContentInside h2
{
	margin-top: 0px;
	margin-bottom: 8px;
}

div.leftPanelContentInside p.par_no_spacing {margin-bottom: 0px;}

/* TABLE USED ON ACCOUNTING SCREEN (WITHIN LEFT PANEL CONTENT) */

table.insideLeftPanel {
	margin-bottom: 8px;
	border-top: solid 1px #929EAC;

}

table.insideLeftPanel td {
	border-bottom: solid 1px #929EAC;
	padding: 1px 2px 1px 2px;
}

/* ACCORDION */

.accordionHeaderOn, .accordionHeaderOff {
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	margin: 0px;
	cursor: pointer;
	border-bottom: solid 1px #929EAC;
}

.accordionHeaderOn {
	color: #ffffff;
	background-color: #1B75D9;
}

.accordionHeaderOff {
	color: #4D4D4F;
	background: #E9F1FB url(./Images/left_panel/accordion_header_off_bg.gif) no-repeat right top;
}

.accordionHeaderOn a:link {COLOR: #ffffff; text-decoration: none}
.accordionHeaderOn a:visited {COLOR: #ffffff; text-decoration: none}
.accordionHeaderOn a:active {COLOR: #ffffff; text-decoration: underline}
.accordionHeaderOn a:hover {COLOR: #ffffff; text-decoration: underline}

.accordionHeaderOff a:link {COLOR: #4D4D4F; text-decoration: none}
.accordionHeaderOff a:visited {COLOR: #4D4D4F; text-decoration: none}
.accordionHeaderOff a:active {COLOR: #4D4D4F; text-decoration: underline}
.accordionHeaderOff a:hover {COLOR: #4D4D4F; text-decoration: underline}

.accordionContent, .accordionContentInGrid {
    margin: 0px;
    padding: 6px 10px 2px 10px;
    background-color: #ffffff;
	border-bottom: solid 1px #929EAC;
}
.accordionContent p {
	margin-top: 0px;
	margin-bottom: 8px;
}

.accordionContentNoPadding {
    margin: 0px;
	margin-bottom: 0px;
}

p.accordionContentNoPaddingMoreLInk {
    padding: 2px 10px 2px 10px;
	border-bottom: solid 1px #929EAC;
	margin: 0px;
}

.accordionContent table.SimpleTable,
.accordionContent table.SimpleTableNoBorders {
	margin-bottom: 8px;
}

/*******************************************************************************************************************************************************/
/************** Tiny panel (right) styles **************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.mainContentRight160 div {padding-right: 10px;}

td.tinyTopCentreWhite {background: url(./Images/tiny_panel/top_white.gif) no-repeat left top;}
td.tinyTopCentreGradient {background: url(./Images/tiny_panel/top_gradient.gif) no-repeat left top;}

td.tinyTopCentreWhite, td.tinyTopCentreGradient {
	padding: 0px 10px 0px 10px;
}

td.tinyContentGreen {background: url(./Images/tiny_panel/content_bg_green.gif) no-repeat left bottom;}
td.tinyContentGrey {background: url(./Images/tiny_panel/content_bg_grey.gif) no-repeat left bottom;}

td.tinyContentGreen, td.tinyContentGrey { padding: 10px 10px 2px 10px; }

div.tinyContentInside {
	width: 120px; /* 140px minus the padding to stop problem in IE */
}

div.tinyContentInside p, div.tinyContentInside ul {
	margin-top: 0px;
	margin-bottom: 8px;
}

/*******************************************************************************************************************************************************/
/************** Tooltip styles *************************************************************************************************************************/
/*******************************************************************************************************************************************************/

.tooltipBody, .tooltipBodyFixedWidth {
    border: #929EAC 1px solid;
    background-color: #D3EE9D;
    padding: 10px;
} 

.tooltipBodyFixedWidth {width: 250px;}

.tooltipLink, .tooltipLinkRed {
	cursor: pointer;
	text-decoration: underline;
}

/*******************************************************************************************************************************************************/
/************** Modal pop-up styles ********************************************************************************************************************/
/*******************************************************************************************************************************************************/

.modalBackground {
    background-color: black;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

.updateProgressBackground { /* Fails if there are relative DIVs with z-index below where this is inserted */
    background-color: red;
    filter: alpha(opacity=0);
    opacity: 0.0; 
}

div.layerModalStandard {
	width: 535px;
	background-image: url(./Images/modal/modalFooter535.gif), url(./Images/modal/modalBg535.gif);
	background-position: bottom, top;
	background-repeat: no-repeat, repeat-y;
	background-color: #ffffff;
	margin: 0px;
	padding-bottom: 10px;
}

div.layerModalWide {
	width: 803px;
	background-image: url(./Images/modal/modalFooter803.gif), url(./Images/modal/modalBg803.gif);
	background-position: bottom, top;
	background-repeat: no-repeat, repeat-y;	
	background-color: #ffffff;
	margin: 0px;
	padding-bottom: 10px;
}

div.modalContent {
    padding: 12px 15px 0px 15px;
    margin: 0px;
}

div.modalContent div.modalScrolling{
    height: 200px;
    overflow: auto;
	border-top: 1px solid #929EAC;
    border-bottom: 1px solid #929EAC;
    margin-bottom: 10px;
}

div.popup_image 
{
    width: 773px;
    height: 400px;
    overflow: scroll;
}

div.modalContent p, div.modalContent ul, div.modalContent h2 {
    margin-top: 0px;
    margin-bottom: 10px;
}

div.modalContent p.par_no_spacing {margin-bottom: 0px;}

.modalHeadingWarning {
	color: #EA2227;
	font-size: 14px;
	font-weight: bold;
}

.modalHeading {
	color: #1B75D9;
	font-size: 14px;
	font-weight: bold;
}

div.modalContent table {
    margin-top: 1px;
}

.modalTableHeaderStandard {
	height: 35px;
	background: url(./Images/modal/modalBarTopBg535.gif) no-repeat;
}

.modalTableHeaderWide { /* used for PDF viewer */
	height: 35px;
	background: url(./Images/modal/modalBarTopBg803.gif) no-repeat;
}

td.modalTableHeaderCell {
	padding: 6px 15px 0px 15px;
}

p.modaltitle {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
}

p.modaltitle a:link {COLOR: #ffffff; text-decoration: underline}
p.modaltitle a:visited {COLOR: #ffffff; text-decoration: underline}
p.modaltitle a:active {COLOR: #ffffff; text-decoration: none}
p.modaltitle a:hover {COLOR: #ffffff; text-decoration: none}

/*******************************************************************************************************************************************************/
/************** diary date picker styles ***************************************************************************************************************/
/*******************************************************************************************************************************************************/

.calTitle { /* table that shows month and links to next & prev months */
	background-color: #1B75D9;
}

.calTitle tr td {
    color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

.calNextPrev { /* cells containing links to next & prev months */
	background-color: #1B75D9;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	height:25px;
	border-bottom: 1px solid #929EAC;
	padding: 0px 5px 0px 5px;
}

td.calNextPrev a:link {COLOR: #ffffff; text-decoration: underline}
td.calNextPrev a:visited {COLOR: #ffffff; text-decoration: underline}
td.calNextPrev a:active {COLOR: #ffffff; text-decoration: none}
td.calNextPrev a:hover {COLOR: #ffffff; text-decoration: none}

.calDayHeader { /* cells in row listing days under the month */
	background-color: #D4D8DE;
	height:25px;
	font-size: 11px;
	border-bottom: 1px solid #929EAC;
	font-weight: bold;
}

.calTodayDay, .calDay, .calWeekendDay, .calOtherMonthDay{
	font-size: 11px;
	height:25px;
	font-weight: bold;
	border-bottom: 1px solid #929EAC;
	padding: 2px 2px 2px 2px;
}
.calOtherMonthDay { font-weight: normal; }

td.calTodayDay a:link {COLOR: #ffffff; text-decoration: none}
td.calTodayDay a:visited {COLOR: #ffffff; text-decoration: none}
td.calTodayDay a:active {COLOR: #ffffff; text-decoration: underline}
td.calTodayDay a:hover {COLOR: #ffffff; text-decoration: underline}

.calTodayDay { /* cells showing today's date */
	background-color: #1B75D9;
	color: #ffffff;
}

.calDay { background-color: #ffffff; } /* cells with week dates */
.calWeekendDay { background-color: #E9F1FB; }
.calOtherMonthDay { background-color: #D4D8DE; } /* cells with dates that are not in the selected month */

/*******************************************************************************************************************************************************/
/************** quote slip styles **********************************************************************************************************************/
/*******************************************************************************************************************************************************/

td.subTitleRow {
	border-bottom: 2px solid #929EAC;
	padding: 8px 4px 2px 4px;
	font-weight: bold;
	font-size: 12px;
}

td.mainRow, td.mainRowGrey, td.mainRowWithLeftBorder, td.mainRowGreyWithLeftBorder {
	border-bottom: 1px solid #929EAC;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
}

td.mainRowGrey, td.mainRowGreyWithLeftBorder { background-color: #D1E3F7 }

td.mainRowWithLeftBorder, td.mainRowGreyWithLeftBorder {
	border-left: 1px solid #929EAC;
}

/*******************************************************************************************************************************************************/
/************** form styles ****************************************************************************************************************************/
/*******************************************************************************************************************************************************/

table.standardTwoColumnTable{ /* Used by forms, etc */
	width: 505px;
}

td.standardTwoColumnCell {
	width: 245px;
}

td.questionsDashedLine {
	background: url(./images/spacers_etc/dashed_line.gif) repeat-x left top;
	width: 245px;
	padding-top: 6px;
}

/******************************/
/* form columns ***************/
/******************************/

div.standardForm, div.standardFormDashedLine, div.standardFormCloser {
	float: left;
	width: 100%;
	clear: both;
}

div.standardForm, div.standardFormDashedLine {margin-bottom: 12px;} /* 20px (required) - 8px (par_formspacing) */

div.modalContent div.standardForm {margin-bottom: 0px;} /* Makes modal look better */

div.standardFormDashedLine {
	border-top: 1px dashed #000000;
}

div.standardFormLeftColumn,
div.standardFormRightColumn {
	float: left;
	width: 48%;
}

div.standardFormSpacer {
	float: left;
	width: 4%;
}

hr.dashedLine {
	width: 100%;
	margin-bottom: 7px;
	border-top: 1px dashed #000000;
  	color: #ffffff;
  	background-color: #ffffff;
  	height: 1px;
}

td.questionsDashedLineSpacer {
	background: url(./images/spacers_etc/dashed_line.gif) repeat-x left top;
	width: 15px;
	padding-top: 6px;
}	

.par_formspacing, .par_formspacingRed { /* Note that this is not picked up in modal for some reason */
	margin-top: 0px;					/* overridden by div.modalContent p, div.modalContent ul, div.modalContent h2 */
	margin-bottom: 7px;
	line-height:normal;
}

.par_formspacingRed {
	color: #EA2227
}

.par_nomargin {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:normal;
}

.listItemTick {
    list-style-image: url('./Images/spacers_etc/bullet_yes.gif')
}

.listItemCross {
    list-style-image: url('./Images/spacers_etc/bullet_no.gif')
}

input, select, textarea {
	background: #E9F1FB;
	font-size: 11px;
	color: #4D4D4F;
	border: 1px solid #929EAC;
}

input:focus { background: #ffffff; }

span.noborder input {
	border: 0px;
	background-color: transparent;
}

.input_button_main, .input_button_secondary, .input_button_red, div.buttonModalClose a {
    display: inline-block; *zoom: 1; *display: inline; /* IE7 */
    -webkit-border-radius: 8px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 8px; /* For older versions of Firefox */
	border-radius: 8px;
	margin: 0px;
	padding: 2px 8px 1px 8px;
	border: 1px solid #777777;
	color:#4D4D4F;
	
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    
    -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

.input_button_main {
	background-color: #A8DE3B;
	font-weight: bold;
}

div.buttonModalClose a {
	background-color: red;
	border: 0px;
	font-weight: bold;
}

.input_button_main:focus, .input_button_main:active, .input_button_main:hover  { background-color: #9bcd35; }

div.buttonModalClose a:link, div.buttonModalClose a:focus, div.buttonModalClose a:active, div.buttonModalClose a:hover  { color: #ffffff }

.input_button_secondary { background-color: #ffffff; }
.input_button_secondary:focus, .input_button_secondary:active, .input_button_secondary:hover { background-color: #E9F1FB; }

.input_button_red {
	background-color: #EA2227;
	font-weight: bold;
    color: #ffffff;
}

.input_button_red:focus {
	background-color: #ffffff;
	font-weight: bold;
    color: #4D4D4F;
}


/* ACCORDION */

.input_accordion_left { width: 156px; } /* 160 pixels */	
.select_accordion_left { width: 158px; } /* 160 pixels */	

.input_accordion_200 { width: 176px; }
.select_accordion_200 { width: 178px; } /* 180 pixels */

.input_accordion_280 { width: 256px; }
.select_accordion_280 { width: 258px; } /* 260 pixels */

/* ASSORTED */

.textarea_leftColumn450InGrid { width: 448px; }
.select_leftColumn450InGrid { width: 445px; }

.input_adminFeePremiumScreen {width: 70px;}

.alignDatePicker {vertical-align: -3px;}

/* DATA COLLECTION FORMS */

.input_halfsize, .input_halfsize_mandatory {width: 241px;}
.select_halfsize, .select_halfsize_mandatory {width: 243px;}

.input_quartersize, .select_quartersize {width: 116px;} /* Phone number on person details, etc */

.input_dd {width: 30px;}
.input_mm {width: 30px;}
.input_yyyy {width: 70px;}
.input_halfsizeWithDatePicker {width: 214px;}	/* 241px - 20px (date picker width) - 7px (space) */
.input_halfsizeWithButton, .select_halfsizeWithButton {width: 179px;}  /* 241px - 55px (button width) - 7px (space) */
.input_postcode {width: 65px;}

span.gifButtonAlign { /* used to correctly align gif buttons used next to form fields */
	vertical-align: -2px;
}

.input_popupLong { width: 501px; } /* 245 + 245 + 15 - 4 */
.select_popupLong { width: 503px; }
.input_small {width: 100px;}

p.par_no_spacing {
	margin-top: 0px;
	margin-bottom: 0px;
}

/******************************/
/* fake form fields ***********/
/******************************/

div.input_halfsize_fake, div.input_popupLong_fake, div.input_popupLongSingleLine_fake {
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	color: #4D4D4F;
	border: 1px solid #929EAC;
	padding: 3px 2px 3px 2px;
	margin-top: 0px;
	margin-bottom: 8px;
}
  
div.input_halfsize_fake { 	
	width: 241px;
	background: #ffffff url('./Images/spacers_etc/lock.gif') top right no-repeat;
}

div.input_popupLongSingleLine_fake { 	
	width: 499px;
	background: #ffffff url('./Images/spacers_etc/lock.gif') top right no-repeat;
}

div.input_popupLong_fake {
	width: 499px;
	background: #ffffff url('./Images/spacers_etc/lock_scroller.gif') top right no-repeat;
	max-height: 120px;
	min-height: 60px;
    overflow: auto;
}

/******************************/
/* link buttons ***************/
/******************************/

a.linkButtonGrid, a.linkButtonGridHighlight, a.linkButton, a.linkButtonHighlight, a.linkButtonGreen {
    display: inline-block; *zoom: 1; *display: inline; /* IE7 */
    -webkit-border-radius: 8px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 8px; /* For older versions of Firefox */
	border-radius: 8px;
	margin: 0px;
	/* margin: 2px 0px 2px 0px;*/
	padding: 1px 6px 1px 6px;
	font-weight: bold;
	background-color: #2f81dc;
	color:#ffffff;
	
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    
    -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

a.linkButtonGrid:link, a.linkButtonGrid:visited, a.linkButton:link, a.linkButton:visited {color:#ffffff; text-decoration: none;}
a.linkButtonGrid:active, a.linkButtonGrid:hover, a.linkButton:active, a.linkButton:hover {color:#ffffff; text-decoration: none; background-color: #245d9d;}

a.linkButtonHighlight {
	padding: 2px 8px 1px 8px;
	border: 1px solid #777777;
}

a.linkButtonGridHighlight, a.linkButtonHighlight {background-color: #ff0000; color:#ffffff}

a.linkButtonGridHighlight:link, a.linkButtonGridHighlight:visited,
a.linkButtonHighlight:link, a.linkButtonHighlight:visited {color:#ffffff; text-decoration: none;}

a.linkButtonGridHighlight:active, a.linkButtonGridHighlight:hover,
a.linkButtonHighlight:active, a.linkButtonHighlight:hover {color:#ffffff; text-decoration: none; background-color: #a80000;}

a.linkButtonGreen {
	padding: 2px 8px 1px 8px;
	background-color: #A8DE3B;
	color:#4D4D4F;
	border: 1px solid #777777;
}

a.linkButtonGreen:link, a.linkButtonGreen:visited {color:#4D4D4F; text-decoration: none;}
a.linkButtonGreen:active, a.linkButtonGreen:hover {color:#4D4D4F; text-decoration: none; background-color: #9bcd35;}

div.topMargin {
    margin-top:8px;
}

div.bottomMargin {
    margin-bottom:8px;
}

/* Used for edit link on the accounts screen if multiple AccountConfig records */
td.polTypeAndRefs a.linkButtonGridHighlight {
	font-size: 11px;
}

/******************************/
/* docs iframe ****************/
/******************************/

iframe.uploadedDocuments {
    width: 640px;
	height: 20px;
	border-width: 0;
}

/******************************/
/* drop-down on trans tab *****/
/******************************/

.radMenu {
	
}

.radMenuItem {

}