/*
Affinity ISCR CSS
Joel Hetherington 16/01/2014
Blue - #739DD3 (R115 G157 B211)
Dark Grey - #868686 (R134 G134 B134)
Light Grey - #F6F6F6 (R246 G246 B246)
Black - #000000


Current Tab - Blue Background, Black Text
Visited Tab - White Background, Grey Text
Unvisited Tab - White Background, Grey Text
Buttons - Grey Background, Black Text

Section Heading - Blue Background, Black Text
Table Heading - White Background, Grey Text


Tick = Current
Tick Disabled = Unvisited
Tick Highlight = Visited
*/

body 
{
	font-size:11px;
	font-family:Arial, sans-serif;
	color:#000000;
	background-color: #FFFFFF;
	overflow-x:hidden;
}

.busyBody {
	cursor:wait;
	overflow-x:hidden;
	overflow-y:hidden;
}

FORM {
   	padding: 0px;
}


TABLE {
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	color: black;
	padding: 0px;
	margin: 0px;
}

TABLE.containerCentral {
width:924px;
position:relative; 
margin: 0 auto 0 auto;
}

TABLE.containerBodyCentral {
width:924px; 
position:relative; 
margin: 0 auto 0 auto;
}

DIV.containerTabsCentral {
width:924px;
position:relative; 
text-align:left;
margin: 0 auto 0 auto;
}

TD {
    font-family: Arial, sans-serif;
    font-size: 9pt;
    font-weight: normal;
	padding: 0px, 0px, 0px, 0px;
}

h1
{
	color: #D7D7D7;
	font-size:1.45em;
	margin:0 0 10px 0;
    background-color: #FFFFFF;
}

h2
{
	color:#FFFFFF;
	font-size:1.1em;
	margin:0 0 10px 0;
    background-color: #E6F3EF;
}
.subHeading1
{
	color:#D7D7D7;
	font-size:1.1em;
	margin:0 0 15px 0;
	font-weight:bold;
	display:block;
}
h3
{
	color:#000000;
	font-size:1.1em;
	margin:0 0 10px 0;
}
.subHeading2
{
	color:#000000;
	font-size:1.1em;
	margin:0 0 15px 0;
	font-weight:bold;
	display:block;
}
p
{
	margin:0 0 15px 0;
}
a
{
	text-decoration:underline;
	color:#2A51A4;
}
a:hover
{
	text-decoration:none;
}

A
{
	font-family: Arial,Verdana;
	font-size:10pt;
	font-weight: normal;
	color:#2A51A4;	
}

hr
{
	color:#0077B1;
	height:1px;
}
/*start square bullet list*/
ul
{
	padding-left:15px;
	margin-left:0px;
}
ul li
{
	margin-left:-11px;
	padding-left:11px;
/*	background:url(images/bullet-grey.gif) no-repeat 0px 5px;*/
	list-style-type:none;
}

.dataLabelWrite ul li
{
	margin-left:-11px;
	padding-left:11px;
	list-style-type:disc;
}

/*end square bullet list*/
/*start arrow list*/
ol
{
	padding-left:30px;
	margin-left:-15px;
}
ol li
{
	margin-left:-15px;
	padding-left:15px;
/*	background:url(images/arrow-grey.gif) no-repeat 0px 2px;*/
	list-style-type:none;
}
/*end arrow list*/
img 
{
	border: none;
}
div 
{
	background-color: transparent;
}
select 
{
	font-family: Arial,Verdana;
	font-size:9pt;
	font-weight: normal;
	color:#000000;
	background-color: #FFFFFF;
	 /*visibility: hidden;used to stop dynamic selects showing first while rest of screen is still loading.
	used in conjunction with an onload script that will iterate through and make selects visible onload event.*/
}

input
{
	font-family: Arial,Verdana;
	font-size:9pt;
	font-weight: normal;
	color:#000000;
	background-color: #FFFFFF;
}

.Radio
{
	font-family: Arial,Verdana;
	font-size:9pt;
	font-weight: normal;
	color:#000000;
	background-color: #FFFFFF;
}

.SelectExisting
{
	font-family: Arial,Verdana;
	font-size:9pt;
	font-weight: normal;
	color:#000000;
	background-color: #FFFFFF;
	visibility: visible; 
}

/************************************************************/
/* Buttons
/************************************************************/

/* 
<JHTag>
Screen: Entry Point, Product Flow (IE Only)
Element: Button
Property: Text
*/

BUTTON, BUTTON.largeButton, BUTTON.littleButton {
    font-size: 9px;
    color: #000000;
    border: 0px;
    margin: 0px;
    padding: 0px 1px 0px 1px;
    background-color: #FFFFFF;
    cursor: pointer;
    width: 0px;
    overflow: visible;
}

.buttonLeft{
  background-image: url(iscr_buttonleft.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
}

.buttonLeft * TD {
  vertical-align:top;
}

.buttonMiddle{
  background-image: url(iscr_buttonmiddle.png);
  height: 22px;
  background-repeat: repeat-x;
  vertical-align: middle;
}

.buttonMiddle * TD {
  vertical-align:top;
}

.buttonRight{
  background-image: url(iscr_buttonright.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
}

.buttonRight * TD {
  vertical-align:top;
}

.buttonLeftWarmGrey{
  background-image: url(iscr_buttonleft.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
}

.buttonMiddleWarmGrey{
  background-image: url(iscr_buttonmiddle.png);
  height: 22px;
  background-repeat: repeat-x;
  vertical-align: middle;
}
.buttonRightWarmGrey{
  background-image: url(iscr_buttonright.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
}

.buttonLeftMidBlue{
  background-image: url(iscr_buttonleft.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
}

.buttonMiddleMidBlue{
  background-image: url(iscr_buttonmiddle.png);
  height: 22px;
  background-repeat: repeat-x;
  vertical-align: middle;
}
.buttonRightMidBlue{
  background-image: url(iscr_buttonright.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
}

.buttonText, INPUT.buttonText, .buttonTdMiddle INPUT.buttonTdText { 
    white-space: nowrap;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15pt;
	font-weight:bold;
    cursor: pointer;
    vertical-align:top;
}
.buttonTdMiddle INPUT.buttonTdText,.buttonTdMiddle INPUT.buttonTdTextHover { 
	border-width:0px;
	border-color:transparent;
}

.buttonTextHover, INPUT.buttonTextHover, .buttonTdMiddle INPUT.buttonTdTextHover {
    white-space: nowrap;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight:bold;
    text-align:center;
    line-height: 15pt;
    cursor: pointer;
    vertical-align:top;
}

/************************************************************/
/* Buttons on headers 
/************************************************************/
BUTTON.headerButton{
    font-size: 10pt;
    border: 0px;
    margin: 0px;
    padding: 0px 1px 0px 1px;
    background-color: transparent;
    cursor: pointer;
    width: 0px;
    overflow: visible;
}

.buttonHeaderLeft{
  background-image: url(iscr_buttonleft.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: top;
  background-color: transparent;
  width: 10px;
}

.buttonHeaderMiddle{
  background-image: url(iscr_buttonmiddle.png);
  height: 22px;
  background-repeat: repeat-x;
  background-color: transparent;
  vertical-align: top;
}
.buttonHeaderRight{
  background-image: url(iscr_buttonright.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: top;
  background-color: transparent;
  width: 10px;
}

.buttonHeaderText { 
    white-space: nowrap;
    font-weight: normal;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
	line-height: 15pt;
    cursor: pointer;
	font-weight:bold;
	vertical-align:1px;
}

.buttonHeaderTextHover {
    white-space: nowrap;
    font-weight: normal;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 15pt;
    cursor: pointer;
	font-weight:bold;
	vertical-align:1px;
}

/* 
<JHTag>
Screen: Entry Point
Element: Button
Property: Text
*/

BUTTON.buttonTdButton,.buttonTdButton{
    border:0px;
    padding:0px;
    background-color:transparent;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #000000;
    width:auto;
	vertical-align:top;	
}

.buttonTdLeft{
  background-image: url(iscr_buttonleft.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
}

/* 
<JHTag>
Screen: Product Flow
Element: Button
Property: Text
*/
.buttonTdMiddle, TD.buttonTdMiddle, .buttonTdMiddle INPUT, TD.buttonTdMiddle INPUT {
  background-image: url(iscr_buttonmiddle.png);
  height: 22px;
  background-repeat: repeat-x;
  vertical-align: middle;
  color: #000000;
  white-space:nowrap;
}

.buttonTdMiddle INPUT, TD.buttonTdMiddle INPUT {
	background-image: none;
	background-color: transparent;
}
.buttonTdRight{
  background-image: url(iscr_buttonright.png);
  height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 10px;
}
/* 
<JHTag>
Screen: Entry Point, Product Flow (IE Only)
Element: Button
Property: Text
*/
* html   BUTTON.buttonTdButton {
    border:0px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #000000;
    text-overflow:visible;
    margin-top:0px;
    width:0px;
	vertical-align:top;	
}

/*button text working moved down to harness buttons area*/


/************************************************************/
/* New CrossBrowser Button Styles - Will be removed once the above (new button styles) set of styles are finalized.
/************************************************************/

/* 
<JHTag>
Screen: Entry Point, Product Flow (FF Only)
Element: Button
Property: Text
*/

BUTTON.spanButton {
    cursor: pointer;
    font-weight: normal;
    font-size: 10pt;
    font-family: Arial;
    color: #000000;
    border: 0px;
    margin: 0px;
    vertical-align: center;
    padding: 0px 9px 4px 10px;
    margin: 0px -4px 2px -5px;
    overflow: visible;
    width: auto;
    height: 20px;
    vertical-align: 0px;
    background-image: none;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    border-top: 1px solid #B3B3B3;
    border-right: none;
    border-bottom: 1px solid #B3B3B3;
    border-left: none;
}

.spanButtonLeftSpan {
    background-image: none;
    background-position: 0px -1px;
    background-repeat: no-repeat;
    margin-top: 0px;
    padding: 3px 0px 2px 0px;
    background-color: #FFFFFF;
    border-top: 1px solid #B3B3B3;
    border-right: none;
    border-bottom: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
}

.spanButtonRightSpan {
    background-image: none;
    background-position: 0px -1px;
    background-repeat: no-repeat;
    padding: 3px 0px 2px 0px;
    background-color: #C0C0C0;
    border-top: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    border-left: none;
}

/* 
<JHTag>
Screen: Entry Point, Product Flow (IE Only)
Element: Button
Property: Text
*/
* html BUTTON.spanButton {

    background-color: transparent;
    cursor: pointer;
    font-weight: normal;
    font-size: 10pt;
    font-family: Arial;
    color: #000000;
    border:0px;
    margin:0px;
    vertical-align: center;
    padding:0px 7px 0px 10px;
    margin:0px -4px 2px -4px;
    overflow:visible;
    width:auto;
    height:18px;
    vertical-align:0px;
    background-image:none;
    background-repeat:repeat-x;
    background-color: #C0C0C0;
    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',GradientType=0, startColorStr='#FFFFFF', endColorStr='#B3B3B3');
}

* html .spanButtonLeftSpan {
    display:inline;
    background-image:none;
    background-position:0px 0px;
    background-repeat:no-repeat;
    height:20px;
    width:4px;

    display:inline;
    padding:5px 0px 0px 0px;
    background-color:none;

    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',GradientType=0, startColorStr='#FFFFFF', endColorStr='#B3B3B3');
    border-top: 1px solid #B3B3B3;
    border-right: none;
    border-bottom: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
}

* html .spanButtonMiddle {
    padding:0px 0px 0px 0px;

    border-top: 1px solid #B3B3B3;
    border-right: none;
    border-bottom: 1px solid #B3B3B3;
    border-left: none;

    vertical-align:1px;
}

/* 
<JHTag>
Screen: Entry Point, Product Flow (IE Only)
Element: Button
Property: Text
*/

* html .spanButtonRightSpan {
    display:inline;
    background-image:none;
    color: #000000;
    background-position:right top;
    background-repeat:no-repeat;
    height:20px;
    width:4px;
    padding:5px 0px 0px 0px;
    background-color:none;
    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',GradientType=0, startColorStr='#FFFFFF', endColorStr='#B3B3B3');
    border-top: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    border-left: none;
}

/* 
<JHTag>
Screen: Entry Point, Product Flow (IE Only)
Element: Button
Property: Text
*/

* html .buttonTextWorking {
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    color: #000000;
	display: none;
    text-align:center;
}

SPAN.spanButtonContainer,TABLE.spanButtonContainer {
    width:auto;
}

TD.SearchBackButtonTB TABLE {
	width:100%;
	text-align:right;
	
}

/*
<JHTag>
Screen: Product Flow
Element: Help Text
Property: Text
*/

SPAN.smartInfo,TABLE.smartInfo, .smartInfo, DIV.smartInfo {
	color: #739DD3; 
	font-weight: bold; 
	font-size: 10pt; 
	padding: 2px; 
	margin: 0; 
	width: 100%;
	font-family: Arial;
}

/*
<JHTag>
Screen: Product
Element: Features and Benefits
Property: Text
*/

TABLE#FeaturesAndBenefits table#RepeatWithCustomHeader DIV.smartInfo {
	color:#868686;
}

TABLE#FeaturesAndBenefits TD.DataLabelWrite, TABLE#FeaturesAndBenefits TD.DataLabelWrite DIV {
	overflow: visible;
}

TABLE#FeaturesAndBenefits TD.DataLabelWrite DIV TABLE DIV.repeatContainer TABLE#RepeatWithCustomHeader {
	border-collapse:separate;
	border-spacing:1px;
}

TABLE#FeaturesAndBenefits TD.DataLabelWrite DIV TABLE DIV.repeatContainer TABLE#RepeatWithCustomHeader TH.oddRow,
TABLE#FeaturesAndBenefits TD.DataLabelWrite DIV TABLE DIV.repeatContainer TABLE#RepeatWithCustomHeader TH.evenRow{
	display:block;
	padding-left:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:1px;
	padding-bottom:0px;
	text-align:right;
	margin: 0px 0px 0px 0px;
	height:22px;
}

TABLE#FeaturesAndBenefits TD.DataLabelWrite DIV TABLE DIV.repeatContainer TABLE#RepeatWithCustomHeader DIV.smartInfo {
	display:block;
	height:22px;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:2px;
	color:#008463;
}

TABLE#THIRTYPLUSFEATURESIND {
	border-collapse: collapse;
}

TABLE#THIRTYPLUSFEATURESIND TD.oddRow, TABLE#THIRTYPLUSFEATURESIND TD.evenRow {
	vertical-align:middle;
}
 
TABLE#COMPFEATURESIND {
	border-collapse: collapse;
}

TABLE#COMPFEATURESIND TD.oddRow, TABLE#COMPFEATURESIND TD.evenRow {
	vertical-align:middle;
}

TABLE#COMPANDTHIRTYPLUSEXCESSES TD, TABLE#MOTORPREMIUMEXCESSES TD {
	padding: 0px 0px 0px 0px;
}

.PremiumAmount {
	margin:0px 0px 0px 0px;
	cursor: help;
	font-weight:bold;
	
}

/************************************************************/
/* Top-level section body
/************************************************************/
.topLevelContainer {
	border-left: 1px solid #CCCCCC;
}
.shadowBottom {
	background-image: none; /* url(images/dropshadowbottom.gif); */
   background-repeat: repeat-x;   
	height: 6px;	
	width: 100%;
}
.shadowRight {
	background-image: none; /* url(images/dropshadowright.gif); */
   background-repeat: repeat-y;   
	width: 1px;	
	height: 100%;
	
}
.shadowCorner {
	background-image: none; /* url(images/dropshadowcorner.gif); */
   background-repeat: no-repeat;   
	width: 0px;	
	height: 6px;
}

/************************************************************/
/* Top-level section header
/************************************************************/

/* Container for title bar and body */
.containerBody{   
   border: none;
   background-color: transparent;/*green*/
}

.containerTop {
	border-top: 1px solid silver;
}


/* Container for title bar table */
.titleBarStyle {
   	background-color: transparent;
  	 border-bottom: 1px #CCCCCC solid;
  	 width: 100%;
}

/* Expanded icon */
.titleBarIconExpanded {
   background-image: url(images/h1expanded.gif);
   background-repeat: no-repeat;
    height: 23px; 
	width: 34px;
    cursor: pointer;
}
/* Collapsed icon */
.titleBarIconCollapsed {
   background-image: url(images/h1collapsed.gif);
   background-repeat: no-repeat;
    height: 23px; 
	width: 34px;
    cursor: pointer;
}
/* Title bar is not expandable */
.titleBarNoExpand {
    background-image: url(iscr_sectionheader_left.png);
    background-repeat: no-repeat;
    height: 23px; 
    width: 10px;    
}
.titleBarNoExpand2 {
    background-image: url(iscr_sectionheader_left.png);
    background-repeat: no-repeat;
    height: 23px; 
    width: 10px;    
}
/* Background of title bar */
.titleBarBackground {
    background-image: url(iscr_sectionheader_middle.png);
    background-repeat: repeat-x;   
	height: 23px;
}

/* Title bar title */
.titleBarLabelStyle {
   	color: white;
   	text-transform: none;
   	vertical-align: -3px;
    	font-family: Arial, sans-serif;
    	font-size: 10pt;
    	font-weight: bold;
    	text-align: center;
    	padding: 0px 10px 0px 5px;
	background-color: transparent;
	background-image:none;
}

/* Title bar title */

/*
<JHTag>
Screen: Entry Point, My Portfolio, Product Flow
Element: Section Heading
Property: Text
*/

.titleBarLabelStyleExpanded {
   	color: #000000;
   	text-transform: none;
   	vertical-align: -3px;
    	font-family: Arial, sans-serif;
    	font-size: 10pt;
    	font-weight: bold;
    	text-align: center;
    	padding: 0px 10px 0px 5px;
	background-color: transparent;
	background-image:none;
}

/*
<JHTag>
Screen: Product Flow
Element: Visited Tab
Property: Text
*/

.tabbedHeaderLabelStyle {
   color: #868686;
   font-weight: bold;
   font-family: Arial, sans-serif;
   font-size: 10pt;
   text-transform: none;
   text-decoration: none;
   vertical-align: 3px;
   cursor: default;
   white-space: nowrap;
   
}

/*
<JHTag>
Screen: Product Flow
Element: Current Tab
Property: Text
*/

.tabbedHeaderLabelStyle_on {
   color: #000000;
   font-weight: bold;
   font-family: Arial, sans-serif;
   text-transform: none;
   text-decoration: none;
   vertical-align: 3px;
   cursor: default;
   white-space: nowrap;
   font-size: 10pt;
   
}

/*
<JHTag>
Screen: Product Flow
Element: Visited Hover Tab 
Property: Text
*/

.tabbedHeaderLabelStyle_hover 
{
   color: #000000;
   font-weight: bold;
   font-family: Arial;
   text-transform: none;
   text-decoration: none;
   vertical-align: 3px;
   cursor: default;
   white-space: nowrap;
   font-size: 10pt;
   
}

.tabbedHeaderLabelStyleDisabled {
   color: #FFFFFF;
   font-weight: bold;
   font-family: Arial, sans-serif;
   font-size: 10pt;
   text-transform: none;
   text-decoration: none;
   vertical-align: 3px;
   cursor: default;
   white-space: nowrap;
   
}

/*
<JHTag>
Screen: Product Flow
Element: Unvisited Tab
Property: Text
*/

.tabbedHeaderLabelStyleDisabled TD.coverTabMiddleDisabled {
	color:#868686;
}

/* Title bar right side curved */
.titleBarRightExpanded {
	background-image: url(iscr_sectionheader_right.png); 
    	background-repeat: no-repeat;
    	background-position-x : right;
	    height: 27px; 
	    width: 10px;
    background-color: transparent; 
}
.titleBarRightExpanded2 {
	background-image: url(iscr_sectionheader_right.png); 
    	background-repeat: no-repeat;
    	background-position-x : right;
	    height: 27px; 
	    width: 10px;
    background-color: transparent; 
}
/* Title bar right side curved */
.titleBarRight {				/* Title bar right side */
    background-image: url(iscr_sectionheader_right.png);
    background-repeat: no-repeat;
    background-position-x : right;
    height: 27px; 
    width: 10px;
    background-color: transparent;  
}

/* Background of title bar */
.titleBarBackgroundExpanded {
    background-image: url(iscr_sectionheader_middle.png);
    background-repeat: repeat-x;   
	height: 25px;
}
.titleBarBackgroundExpanded2 {
    background-image: url(iscr_sectionheader_middle.png);
    background-repeat: repeat-x;   
	height: 25px;
}

/*title bar container on entrypoint*/
TABLE.titleBarContainerEntryPoint {
	border-right-color: #FFFFFF;
}

/************************************************************/
/* Harness Button MouseOver/Out styles
/************************************************************/


.harnessbuttonMouseOver {
	background-color: #CCCCCC;
	border-bottom: 10px #CCCCCC solid;
}

/*************************************************************
Generic TD of left or right
*************************************************************/
TD.tdLeftStyle {
	text-align: left;
	border: none;
        font-family: Arial;
   	font-size: 9pt;
	color: #000000;
}

TD.tdCenterStyle {
	text-align: center;
	border: none;
	font-family: Arial;
   	font-size: 9pt;
	color: #000000;
}

TD.tdRightStyle {
	text-align: right;
	border: none;
	font-family: Arial;
   	font-size: 9pt;
	color: #000000;
}

TD.tdLeftStyleExpanded {
	text-align: left;
	border: none;
	font-family: Arial;
   	font-size: 9pt;
	color: #000000;
}

TD.tdRightStyleExpanded {
	text-align: right;
	border: none;
	font-family: Arial;
   	font-size: 9pt;
	color: #000000;
}

/* tab version of tdRightStyle */
TD.tdRightTabStyle {
	text-align: right;
	border: none;
	font-family: Arial;
   	font-size: 9pt;
	color: #000000;
}

/************************************************************/
/* "Action" Section Title Bar
/************************************************************/

/* div containing entire action area */
.actionContainer {
    padding-top: 5px;	
    width: 100%;
}

/* container for action body */
.actionBodyStyle {
    border-left: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

/* Container for action title bar table */
.actionTitleBarStyle {
   background-color: transparent;
   width: 100%; 
}
.actionTitleBarLeft {
   background-image: url(images/h1actionleft.gif);
   background-repeat: no-repeat;
   height: 25px; 
	width: 33px;
}
.actionTitleBarBackground {
   background-image: url(images/h1actionmiddle.gif);
   background-repeat: repeat-x;
    height: 25px; 
}
.actionTitleBarRight {
    background-image: url(images/h1actionright.gif);
    background-repeat: no-repeat;
    height: 25px; 
    width: 2px;    
}


/************************************************************/
/* Harness Body
/************************************************************/
BODY.harnessBody {
	background-color: #FFFFFF;
	overflow-y: hidden;
	overflow-x: hidden;
}

/************************************************************/
/* Harness content, Action area and button box
/************************************************************/
DIV.harnessContent {
	width: 100%; 
	overflow: visible;
	background-color: #FFFFFF;
	text-align:center;
}
	
DIV#HARNESS_BUTTONS {
	height:34px! important;
	margin-left:0px;
}
DIV#HARNESS_BUTTONS * table.buttonMainTable {
	display:block;
}

DIV#HARNESS_BUTTONS table.buttonMainTable {
	display:block;
}

.HarnessButtonsRightDiv {
	vertical-align:top;
}
.HarnessButtonsRightDiv table div div div {
	display:block;
	text-align:right;
}

.HarnessButtonsCenterDiv {
	vertical-align: top;
}
.HarnessButtonsCenterDiv table div div div {
	display:block;
	text-align:center;
}

.HarnessButtonsLeftDiv {
	vertical-align: top;
}

.HarnessButtonsLeftDiv table div div div {
	display:block;
	text-align:left;
}

.HarnessButtonsLeftDiv table div div div .dataLabelRead {
	padding:0px;
}

DIV#HARNESS_BUTTONS table table table table table div div div table {
	display:inline;
	border-collapse: collapse;
	border-spacing: 0px;
}

DIV#HARNESS_BUTTONS table table table table table div div div table td.buttonTdMiddle {
	vertical-align:middle;
}

DIV#HARNESS_BUTTONS table table table table table div div div table TR TD.HarnessButtonsRight,
DIV#HARNESS_BUTTONS table table table table table div div div table TR TD.HarnessButtonsLeft,
DIV#HARNESS_BUTTONS table table table table table div div div table TR TD.HarnessButtonsCenter {
	vertical-align:top;
	height:22px;
}

DIV#HARNESS_BUTTONS table table table table table div div div table TR TD.HarnessButtonsCenter {
	text-align:center;
}

DIV#HARNESS_BUTTONS table table table table table div div div table TR TD.HarnessButtonsLeft {
	text-align:left;
}

DIV#HARNESS_BUTTONS table table table table table div div div table TR TD.HarnessButtonsRight {
	text-align:right;
}

BODY#actionContainer {
    margin: 0px; 
    padding: 0px; 
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
}

.buttonTableBoxStyle {
	BORDER-TOP: #ffffff 0px outset;	
	text-align:center;
	WIDTH: 100%;	
	POSITION: absolute;	
	background-color: #FFFFFF;
	height:34px! important;
	margin-left:auto;
	margin-right:auto;
}

.buttonTableBoxStyleInner {
	border-top-color:#CCCCCC;
	border-top-style:outset;
	border-top-width:3px;
	width:924px;
}

#buttonTableBoxInnerTD {
	width:100%; 
	text-align: center;
}
.buttonTableBoxStyleInnerDiv{}

.buttonTableBoxInnerStyle {
	BORDER-TOP: #cccccc 3px outset;
	text-align:center;
	background-color: #FFFFFF;
	height:34px! important;
}

.buttonTextWorking {
    font-weight: bold;	
    font-size: 12px;
	font-weight: bold;
    font-family: Arial, sans-serif;
    color: #D7D7D7;
	display:none;
}

.buttonIconWorking { 
    background-image: url(iscr_loader.gif);
	padding-top: 0px;
	height: 22px;
	vertical-align: middle;
	display:inline;
	padding-bottom:5px;
}

/* buttonTextWorkingFF is only used with FormatAsButtonDynamic*/
.buttonTextWorkingFF {
	display:none;
}

.buttonIconWorkingFF { 
	background-image:url("iscr_loader.gif");
	display:inline;
	height:23px;
	padding-bottom:0;
	padding-top:1px;
	position:relative;
	top:0px;
	vertical-align:middle;
}

DIV#HARNESS_BUTTONS .buttonTextWorking {
	display:none;
}

DIV#HARNESS_BUTTONS .buttonIconWorking { 
	background-image:url("iscr_loader.gif");
	display:inline;
	height:23px;
	padding-bottom:0;
	padding-top:1px;
	position:relative;
	top:4px;
	vertical-align:middle;
}

DIV#HARNESS_BUTTONS .buttonTextWorkingFF {
	display:none;
}

DIV#HARNESS_BUTTONS .buttonIconWorkingFF { 
	background-image:url("iscr_loader.gif");
	display:inline;
	height:23px;
	padding-bottom:0;
	padding-top:1px;
	position:relative;
	top:4px;
	vertical-align:middle;
}

/************************************************************/
/* Harness and Section containers 
/************************************************************/
.sectionBodyContainerSubHead {	/* section with sub header */
   	padding: 0px;
	background-color: transparent;
	vertical-align:top;
}
.sectionBodyContainerNoHead { /* section with no header */
	padding: 0px;
	background-color: transparent;
	vertical-align:top;
}
.harnessBodyNoHead {		/* Harness body with no header */
	padding: 0px;
	background-color: transparent;/*green*/
}
.harnessBodyCustom {		/* Harness body with custom header */
	padding: 0px;
	background-color: transparent;
}
.tableBoxStyle {		   
   border: none;
   background-color: transparent;
   margin: 0px;
}

/************************************************************
/* Container for ALL expandable divs
/************************************************************/
.expandInnerDivStyle {
    	background-color: #FFFFFF;
	padding: 0px;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
    	width: 100%;	
}


/************************************************************/
/* Work form icons: inactive state
/************************************************************/
.iconSave {
   background-image: url(images/rfsave.gif);
   background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
.iconContents {
   background-image: url(images/content.gif);
   background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
.iconExplore {
   background-image: url(images/explore.gif);
   background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	margin-top: 1px;
 	cursor: pointer;
}
.iconAttachment {
   background-image: url(images/attachment.gif);
   background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
.iconImage {
   background-image: url(images/camera.gif);
   background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}

/* 
.iconDelete {
   background-image: url(images/trash.gif);
   background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;
	cursor: pointer;
	margin-top: 1px;
}
*/

.iconDelete {
    background-image: url(images/rfdelete.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 18px;
    cursor: pointer;
    margin-top: 1px;
}

.iconLookup {
   background-image: url(images/lookup.gif);
   background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
a.iconCalendar, .iconCalendar{
   background-image: url(images/calendar.gif);
   background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;
	cursor: pointer;
	margin-top: 1px;
}
.iconHelp {
   background-image: url(images/rfhelp.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;
	cursor: pointer;
	margin-top: 1px;
}
.iconInsert {
   background-image: url(images/rfinsertrow.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;
	cursor: pointer;
	margin-top: 1px;
}
.iconExpandAll {
   background-image: url(images/expandall.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
.iconCollapseAll {
   background-image: url(images/collapseall.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
.iconUpdate {
   background-image: url(images/edititem.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
.iconReopen {
   background-image: url(images/reopen.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
.iconLocation {
   background-image: url(images/location.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}
.iconHistory {
   background-image: url(iscr_history.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;
	cursor: pointer;
	margin-top: 1px;
	display:none;
}
.iconHistory_disabled {
   background-image: none;
    background-repeat: no-repeat;
	background-position: center center;
	width: 0px;
	height: 0px;
	cursor: pointer;
	margin-top: 0px;
	display:none;
}
.iconClose {
   background-image: url(images/closeform.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}

.iconSpellChecker {
   background-image: url(images/spellcheck.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}

.iconSpellChecking {
   background-image: url(images/spellcheck_inprogress.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}


.iconDefault {
   background-image: url(images/defaulticonbutton.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;	
	cursor: pointer;
	margin-top: 1px;
}

.iconCopy {
   background-image: url(images/copywork.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;
	cursor: pointer;
	margin-top: 1px;
}

.iconPrint {
   background-image: url(images/printwork.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;
	cursor: pointer;
	margin-top: 1px;
}
.iconTransfer {
   background-image: url(images/transfer.gif);
    background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 18px;
	cursor: pointer;
	margin-top: 1px;
}

.iconOpenRule {
	background-image: url(images/rfedit.gif);
  	background-repeat: no-repeat; 
	background-position: center center;  
	width: 20px;
	height: 18px;
	cursor: pointer;
}

/************************************************************/
/* Data
/************************************************************/
.dataLabelStyle {
    	font-family: Arial, sans-serif;
    	font-size: 9pt;
    	text-align: right;
    	padding: 0px 5px 0px 5px;
    	font-weight: normal;
	color: #000000;
}
.dataLabelStyleTop {
    	font-weight: normal;
	color: #000000;
    	font-family: Arial, sans-serif;
	font-size:9pt;
    	text-align: right;
    	vertical-align: top;
    	padding: 0px 5px 0px 5px;
}

.dataStyle {
    	font-family: Arial, sans-serif;
    	font-size: 9pt;
    	padding: 0px 5px 0px 5px;    	
	font-weight: bold;
	color: #000000;
}

.dataStyleExpanded {
    	font-weight: bold;
	color: #000000;
    	font-family: Arial, sans-serif;
    	font-size: 9pt;
    	padding: 0px 5px 0px 5px;

}

.dataLabelRead {
	background-color: #FFFFFF;
	color: #000000;
    	font-weight: normal;
	padding: 1px 5px 1px 5px;
    	font-family: Arial, sans-serif;
    	font-size: 9pt;
    	text-align: right;
    	width: 100%;
	overflow:visible;
}

.dataValueRead {
	background-color: #FFFFFF;
	color: #000000;
    	font-weight: normal;
	padding: 1px 5px 1px 5px;
    	font-family: Arial, sans-serif;
    	font-size: 9pt;
   	 text-align: left;
}

TD.dataLabelWrite, .dataLabelWrite {
	background-color: #FFFFFF;
	color: #000000;
   	font-weight: normal;
	padding: 1px 5px 1px 5px;
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	text-align: right;
   	width: 100%;
    border-left: 0px white;
	border-right: 0px white;
	border-top: 0px white;
	border-bottom: 0px white;
	overflow:visible;
	overflow-x:visible;

}

.dataValueWrite {
	background-color: #FFFFFF;
	color: #000000;
    font-weight: normal;
	padding: 1px 5px 1px 5px;
    font-family: Arial, sans-serif;
	font-size: 9pt;
   	text-align: left;
}
.dataValueWriteBold {
	background-color: #FFFFFF;
	color: #000000;
   	font-weight: bold;
}

.dataLabelCell {
	background-color: #C8D2E4;
	height: 20px;
	border: 1px solid white;
	color: #000000;
	text-align: right;
	padding: 0px 10px 0px 10px;
}
.dataLabelCellReadWrite {
	height: 25px;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-align: right;
	padding: 1px 10px 1px 15px;
}
.dataValueCell {
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	font-family: Arial, sans-serif;
	text-align: left;
	background-color: #E1E9F4;
	height: 20px;
	border: 1px solid white;
	padding: 0px 10px 0px 10px;
}

.dataLabelTextAreaStyle {
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	font-weight: bold;
   	text-align: right;
   	padding: 1px 3px 0px 10px;
}

.dataLabelLeftStyle {
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	font-weight: bold;
   	text-align: left;
   	vertical-align: top;
   	padding: 1px 3px 0px 10px;
}

.dataLabelDescriptive {
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
	color: #000000;
   	font-weight: bold;
	text-align:right;
}

.leftJustifyStyle
{
   	font-family: Arial;
   	font-size: 9pt;
	color: #000000;

}

.rightJustifyStyle
{
   	font-family: Arial;
   	font-size: 9pt;
	color: #000000;
}
/* special styles for Action area */


/*
<JHTag>
Screen: My Portfolio
Element: Page Heading
Property: Text
*/

.dataActionTitle {
    font-family: Arial, sans-serif;  
    font-size: 14pt;
	color: #739DD3;
	font-weight: bold;
	text-align: left;
	padding: 0px 10px 1px 10px;			
}

.dataLabelActionTextArea {
    font-family: Arial, sans-serif;  
    font-size: 9pt;
	color: #000000;
	text-align: right;
	vertical-align: top;	
	padding: 0px 10px 0px 10px;		
}
.iconRequired {
  	background-image: url(images/requiredstar.gif);
   	background-repeat: no-repeat;
	background-position: center center;
  	height: 8px; 
	width: 18px;
	white-space: nowrap;
}

.dataLabelCalculatedValue {
	padding: 0;
	border: 0;
	background-color: transparent;
	color: #000000;
    	font-weight: normal;
    	font-family: Arial, sans-serif;
    	font-size: 10pt;
    	text-align: left;
}

.dataLabelHighLighted {
	color: #000000;
	padding: 0px 0px 0px 0px;
	border: 0px solid white;
    	font-family: Arial, sans-serif;
    	font-weight: normal;
    	font-size: 10pt;
    	text-align: left;
}

/************************************************************/
/* Cover styles
/************************************************************/
.coverContainerStyle {
	background-color: transparent;
	border: 3px solid #5270A4;
    	margin-bottom: 3px;
	padding: 3px;
	width: 100%;
}
.coverTabOverlapLeft {
	height: 32px;
	width: 25px;
	background-image: url(iscr_current_unvisited_overlap.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
}
.coverTabOverlapRight { 
	height: 32px;
	width: 25px;
	background-image: url(iscr_current_unvisited_overlap.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
}
.coverTabOverlapLeftOnRight {
	height: 32px;
	width: 25px;
	background-image: url(iscr_current_unvisited_overlap.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
}
.coverTabOverlapRightOnLeft { 
	height: 32px;
	width: 25px;
	background-image: url(iscr_current_unvisited_overlap.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
}
.coverTabLeft {
	height: 32px;
	width: 10px;
	background-image: url(iscr_visitedtab_left.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: pointer;
}
.coverTabLeft_on {
	height: 32px;
	width: 10px;
	background-image: url(iscr_currenttab_left.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: default;
}
.coverTabLeft_hover {
	height: 32px;
	width: 10px;
	background-image: url(iscr_currenttab_left.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: pointer;
}
.coverTabLeftDisabled{
	height: 32px;
	width: 10px;
	background-image: url(iscr_unvisitedtab_left.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: default;
}

.coverTabMiddle {
	height: 32px;
	width: 126px;
	background-image: url(iscr_visitedtab_middle.png);
	background-repeat: repeat-x;
	background-position: center left;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 10pt;
}
.coverTabMiddleDisabled {
	height: 32px;
	width: 126px;
	background-image: url(iscr_unvisitedtab_middle.png);
	background-repeat: repeat-x;
	background-position: center left;
	cursor: default;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 10pt;	
}

.coverTabMiddle_on {
	height: 32px;
	width: 126px;
	background-image: url(iscr_currenttab_middle.png);
	background-repeat: repeat-x;
	background-position: center left;
	cursor: default;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 10pt;	
}
.coverTabMiddle_hover {
	height: 32px;
	width: 126px;
	background-image: url(iscr_currenttab_middle.png);
	background-repeat: repeat-x;
	background-position: center left;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 10pt;	
}

.coverTabRight {
	height: 32px;
	width: 10px;
	background-image: url(iscr_visitedtab_right.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: pointer;
}
.coverTabRight_on {
	height: 32px;
	width: 10px;
	background-image: url(iscr_currenttab_right.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: default;
}
.coverTabRight_hover {
	height: 32px;
	width: 10px;
	background-image: url(iscr_currenttab_right.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: pointer;
}
.coverTabLeftSolo {
	height: 32px;
	width: 10px;
	background-image: url(iscr_currenttab_left.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
}
.coverTabRightSolo {
	height: 32px;
	width: 10px;
	background-image: url(iscr_currenttab_right.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
}
.coverTabRightDisabled {
	height: 32px;
	width: 10px;
	background-image: url(iscr_unvisitedtab_right.png);
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: default;
}
.coverTabSpacer	{
	height: 32px;
	width: 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center left;
	vertical-align: middle;
	cursor: default;
}

.textCoverLink {
   	color: white;
   	text-transform: uppercase;
   	vertical-align: -3px;
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	font-weight: bold;
   	cursor: pointer;
}
.textCoverLink_on {
	color: #FFD700;
	text-decoration: underline;
	text-transform: uppercase;
	vertical-align: -3px;
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	font-weight: bold;
   	cursor: pointer;
}
.textCoverLinkSmall {
   	color: white;
   	vertical-align: -3px;
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	font-weight: normal;
   	cursor: pointer;
}
.textCoverLinkSmall_on {
	color: #FFD700;
	text-decoration: underline;
	vertical-align: -3px;
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	font-weight: normal;
   	cursor: pointer;
}

/************************************************************/
/* Harness repeating groups
/************************************************************/
div.repeatContainer {
         padding: 0px 0px 0px 0px; 
         overflow: auto;
}
/************************************************************/
/* Embedded listview
/************************************************************/
div.lvTableContainer{
	padding-left:0px;
	padding-right:0px;
}
div#div_QBE-Data-Integration-RedBook-VehicleVehicleSearchResultsALL .ViewTableStyle {
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-top-color: #FFFFFF;
}
/* read-only table */
table.repeatReadOnly {
	border: none;
	padding: 0px;
	margin: 0px;
}
.repeatReadOnly th {
    background-color: white;
    background-repeat: repeat-x;   
	text-align:left;
	font-size: 9pt;
	font-family: Arial, Verdana;
	text-transform: uppercase;
         color: black;
   	font-weight: bold;
   	padding: 1px 5px 1px 5px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;

}
.repeatReadOnly td.oddRow {
	font-size: 9pt;
	font-family: Arial, Verdana;
    font-weight: normal;
	background-color: white;
	color: #000000;
}
.repeatReadOnly td.evenRow {
	font-size: 9pt;
	font-family: Arial, Verdana;
    font-weight: normal;
	background-color: white;
	color: #000000;
}

/* read-write table */
table.repeatReadWrite {
	border: 0px;
    padding: 0px;
	margin: 0px;
}
.repeatReadWrite th {
    background-color: white;
    background-repeat: repeat-x;   
	text-align:left;
	font-size: 10pt;
	font-family: Arial, Verdana;
    text-transform: none;
	color: #6168BA;
   	font-weight: bold;
   	padding: 1px 5px 1px 5px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
}
.repeatReadWrite td {
	background-color: transparent;  
	color:#000000;
	font-size: 9pt;
	font-family: Arial, Verdana;
    font-weight: normal;
}

.repeatReadWrite td.oddRow {
	font-size: 9pt;
	font-family: Arial, Verdana;
    font-weight: normal;
   	padding: 1px 5px 1px 5px;
}
.repeatReadWrite td.evenRow {
	font-size: 9pt;
	font-family: Arial, Verdana;
    font-weight: normal;
   	padding: 1px 5px 1px 5px;
}

.slink
{
   	font-family: Arial;
   	font-size: 9pt;
}
/* portions of the above repeat style for harness/section editor */
/* these style should be updated when the above styles are updated */
.repeatReadWriteHeaderStyle {
         background-color: white;
         background-repeat: repeat-x;   
	text-align:left;
	font-size: 9pt;
	font-family: Arial, Verdana;
         text-transform: none;
	color: #6168BA;
   	font-weight: bold;
   	padding: 1px 5px 1px 5px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
}

.repeatReadWriteBodyStyle {
	background-color: transparent;  /*Paul changed*/
	color:#215DC6;
	font-size: 9pt;
         font-weight: normal;
	padding: 1px 5px 1px 5px;
}

/* Harness Border Shadow Look */
.shadowBottom {
	background-image : none;
	height: 6px;	
	width: 100%;
	background-color: transparent;
}
.shadowRight {
	background-image : none;
	width: 1px;	
	height: 100%;
	background-color: transparent;
}
.shadowCorner {
	background-image : none;
	width: 0px;	
	height: 6px;
	background-color: transparent;
}

/* group title bar */
.groupTitleBarTitleStyle {
   font-family: Arial, Verdana;
   text-transform: none;
   text-align: left;
   font-weight: bold;
   font-style: normal;
   color: #66645F;
}
.groupTitleBarLabelStyle {
	text-align: left;
	font-weight: normal;	
	font-family: Arial, Verdana;
}
.groupTitleBarDataStyle {
	text-align: left;
	font-weight: bold;
	font-family: Arial, Verdana;
}
.groupBoxStyle {
   border: none;
   width: 100%;
   padding: 2px 2px 2px 20px;
   margin-bottom: 0px; 
}
.groupTitleLabelStyle {
   text-align: left;
   font-weight: normal;
   font-family: Arial, Verdana;
   color: #66645F;
}


.titleBarDataLabelStyle {
	color: white;
	vertical-align: -3px;
   	font-family: Arial, sans-serif;
   	font-size: 9pt;
   	font-weight: normal;
    	text-align: right;
    	padding: 0px 0px 0px 10px;
}
.titleBarDataValueStyle {
	color: white;
	vertical-align: -3px;
  	font-family: Arial, sans-serif;
   	font-size: 9pt;
  	font-weight: bold;
   	font-style: normal;
    	text-align: left;
    	padding: 0px 10px 0px 5px;
}

/************************************************************/
/* Vehicle Options repeating group
/************************************************************
these classes are specifically for the vehicle options of step3 for Motorvehicles
read-write table */

.vehOptionsDiv {

}
table.vehOptions {
	border: 0px;
         padding: 0px;
	margin: 0px;
	width: 100%;
	height: 35px;
	text-align: left;
}
.vehOptions tr {
	text-align: left;
}
.vehOptions th { 
	text-align:center;
	font-size: 9pt;
	font-family: Arial, Verdana;
    text-transform: none;
	color: #6168BA;
   	font-weight: bold;
   	padding: 0px;
	border-left: 0px solid white;
	border-bottom: 0px solid white;
	border-top: 0px solid white;
	border-right: 0px solid white;
}
.vehOptions td {
	color:#000000;
	font-size: 9pt;
	font-family: Arial, Verdana;
        font-weight: normal;
        padding:0px;
        border:0px;        
}

.vehOptions td.vehOptionChkBox {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#000000;
	width: 40px;
	height: 25px;
	vertical-align: middle;
	padding:0px;
    border:0px;
}
/*this class is specifically for the vehicle options (label) of step3 for Motorvehicles*/
.vehOptions td.vehOptionChkBoxLabel {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#000000;
	width: 200px;
	height: 25px;
	padding:0px;
    border:0px;
}
.vehOptions td.vehNoOptionsLabel {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#000000;
	width: 100%;
	height: 35px;
	text-align: left;
	padding-left:11px;
	padding-right:11px;
}

.vehListViewHiddenColumn {
	visibility: hidden;
}


/************************************************************/
/* Vehicle Accessories repeating group
/************************************************************
these classes are specifically for the vehicle options of step3 for Motorvehicles
read-write table */

table.vehAccessories {
	border: 0px;
        padding: 0px;
	margin:0px;
	width: 100%;
	text-align: left;
}

.vehAccessories {	
	border: 0px;
    padding: 0px;
	margin:0px;
	width: 100%;
	text-align: left;
}

.vehAccessories tr {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#000000;
	margin:0px;
	padding:0px;
}
.vehAccessories td.vehAccessoriesDesc {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#000000;
	width: 100%;
	height: 10px;
	text-align: left;
	padding:0px;
	margin-left:2px;
}
.vehAccessories td.vehAccessoriesDelButton {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#D7D7D7;
	width: 30px;
	height: 10px;
	text-align: right;
	padding:0px;
}
.vehAccRepeatContainer {
	padding:0px;
	margin:0px;
}

TABLE#NonStandardAccsDIV {
	border-collapse: collapse;
	border-spacing:0px;
}

TABLE#NonStandardAccsDIV  * TH, TABLE#NonStandardAccsDIV  * TD {
	border-width:0px;
	border-bottom-width:0px;
	border-top-width:0px;
}

.CaptchaImage {
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-color: #9dacbf;
	border-top-color: #9dacbf;
	border-right-color: #9dacbf;
	border-bottom-color: #9dacbf;
	border-width: 2px 1px 1px 2px;
	padding: 	0px;
}

.vKeys {
	display:none;
}

.listviewSelect {
	text-decoration:none;
	font-weight:normal;
	cursor: default;
}
.listviewSelectMouseOver {
	text-decoration:underline;
	font-weight:bold;
	cursor: pointer;
}

.iconErrorDiv {
    position:absolute;
    margin-left:-8px;
    margin-top:3px;
    zIndex:1;
}

.iconErrorSelect {
   background-image:url(error_x_2.gif);
   background-repeat: no-repeat;
   background-position: center center;
   z-Index:100;
   height: 14px;
   width: 14px;
}

Span.FILogo,Table.FILogo
{
    height: 100px;
	width: 300px;
    background-image: url(iscr_logo.png);
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: middle;
	cursor: default;
	
}

/*
<JHTag>
Screen: Product Flow
Element: Policy Excesses Table Heading
Property: Text and Background 
*/

TD.TableHeading,TD.TableHeading_vertical,TD.TableHeadingClient,#RepeatWithCustomHeader * TD.TableHeading
{
    text-align: left; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	color: #868686; 
	font-weight: bolder; 
	font-size: 10pt; 
	padding: 2px; 
	margin: 0px; 
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial, Verdana;
}




/*
<JHTag>
Screen: My Portfolio
Element: Client Details Table Heading
Property: Text and Background
*/

TD.TableHeadingMyPortfolio
{
    text-align: left; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	color: #868686; 
	font-weight: bolder; 
	font-size: 10pt; 
	padding: 2px; 
	margin: 0px; 
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial, Verdana;
}


TABLE#Error_Table UL {
	padding-left:30px;
}

TABLE#Error_Table P {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/************************************************************/
/* Top-level Banner header
/************************************************************/

/* Container for banner */

TD.BannerText {
	text-align: center;
	font-size: 14pt;
	font-weight: bolder;
	background-color: white;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*
<JHTag>
Screen: Entry Point
Element: Page Heading
Property: Text
*/

TD.EntryPointHeaderText {
	text-align: left;
	font-size: 14pt;
	font-weight: bolder;
	background-color: white;
	padding: 1px 5px 1px 10px;
	color: #739DD3;
}

/*
<JHTag>
Screen: Product Flow
Element: MPA Vehicle Search Results Table Heading
Property: Background
*/

TH.ViewHeaderStyle
{
    text-align: center; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	color: #868686;
	font-weight: bolder; 
	font-size: 10pt; 
	padding: 2px; 
	margin: 0px; 
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial, Verdana;
}

/*
<JHTag>
Screen: My Portfolio
Element: Policy Summary and Saved Quotes Table Heading
Property: Text and Background
*/

TH.ViewHeaderStyleMyPortfolio
{
    text-align: center; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	color: #868686;
	font-weight: bolder; 
	font-size: 10pt; 
	padding: 2px; 
	margin: 0px; 
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial, Verdana;
}

.ViewTitle
{
color:#000000;
}

/*
<JHTag>
Screen: Product Flow
Element: MPA Vehicle Search Results Table Heading
Property: Text
*/


#CustomList * A
{
   font-weight: bold;
   color: #868686;
}

/*
<JHTag>
Screen: Product Flow 
Element: Quote Screen Product/Premium Table Heading
Property: Text and Background
*/

TH.TableHeading
{
    text-align: left; 
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	color: #868686; 
	font-weight: bolder; 
	font-size: 10pt; 
	padding: 2px; 
	margin: 0px; 
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial, Verdana;
}


/************************************************************/
/* Top-level Banner header
/************************************************************/

/* Container for banner */

TH.BannerText {
	text-align: center;
	font-size: 14pt;
	font-weight: bolder;
	background-color: white;
	padding-top: 0px;
	padding-bottom: 0px;
}

TH.EntryPointHeaderText {
	text-align: left;
	font-size: 14pt;
	font-weight: bolder;
	background-color: white;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #000000;
}

/*sub header */

/*
<JHTag>
Screen: Entry Point
Element: New/Existing Customer Table Heading
Property: Text and Background
*/

span.a_groupTitleBarTitleStyleExpanded,table.a_groupTitleBarTitleStyleExpanded,TD.a_groupTitleBarBackgroundExpanded 

{background-image: none;
    text-align: left; 
	color: #868686; 
	font-weight: bolder; 
	font-size: 10pt; 
	padding: 2px; 
	margin: 0px; 
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial;
	border: none;
	border-left: 0px white;
	border-right: 0px white;
	border-top: 0px white;
	border-bottom: 0px white;
	margin-left: 10px;
}

TD.a_groupTitleBarNoExpand
{background-image: none;
    text-align: left; 
	color: #666666; 
	font-weight: bolder; 
	font-size: 10pt;
	margin: 0px; 
	width: 0%;
	background-color: #E6F3EF;
	background-repeat: repeat-x;
	font-family: Arial;
	border: none;
		border-left: 0px white;
	border-right: 0px white;
	border-top: 0px white;
	border-bottom: 0px white;
}

/*
<JHTag>
Screen: Entry Point
Element: New/Existing Customer Table Heading
Property: Background
*/

TD.a_groupTitleBarRightExpanded
{background-image: none;
    text-align: left; 
	color: #868686; 
	font-weight: bolder; 
	font-size: 10pt; 
	margin: 0px;
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial;
	border: none;
	border-left: 0px white;
	border-right: 0px white;
	border-top: 0px white;
	border-bottom: 0px white;
	border-color: white; 
}

/*
<JHTag>
Screen: Entry Point
Element: New/Existing Customer Table Heading
Property: Background
*/

TD.a_groupTitleBarRightExpanded * TD
{background-image: none;
    text-align: left; 
	border-color: white; 
	border: none;
	border-left: 0px white;
	border-right: 0px white;
	border-top: 0px white;
	border-bottom: 0px white;
	color: #868686; 
	font-weight: bolder; 
	font-size: 10pt; 
	margin: 0; 
	width: 100%;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	font-family: Arial;
}

TD.a_groupTitleBarRightExpanded * TABLE
{background-image: none;
    text-align: left; 
	border-color: white; 
	border: none;
	border-left: 0px white;
	border-right: 0px white;
	border-top: 0px white;
	border-bottom: 0px white;
	color: #666666; 
	font-weight: bolder; 
	font-size: 10pt; 
	margin: 0; 
	width: 100%;
	background-color: #E6F3EF;
	background-repeat: repeat-x;
	font-family: Arial;

}
TD.a_groupBoxStyle, .a_groupBoxStyle 
{
   padding: 0px;
   border-left: 0px white;
	border-right: 0px white;
	border-top: 0px white;
	border-bottom: 0px white;
}

TABLE.a_groupBoxStyle
{
   padding: 0px;
   border-left: 0px white;
	border-right: 0px white;
	border-top: 0px white;
	border-bottom: 0px white;
}

/*
<JHTag>
Screen: Product Flow
Element: Quote Screen Features and Benefits
Property: Background
*/

#RepeatWithCustomHeader * th{
	text-align:left;
	font-size: 10pt;
	font-family: Arial, Verdana;
    text-transform: none;
	color: #868686;
   	font-weight: bold;
   	padding: 1px 5px 1px 5px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	background-color: #FFFFFF;
	background-repeat: repeat;
}

/*
<JHTag>
Screen: My Portfolio
Element: Risk Summary Table Heading
Property: Text and Background
*/

#RepeatWithCustomHeaderRisk * th{
	text-align:left;
	font-size: 10pt;
	font-family: Arial, Verdana;
    text-transform: none;
	color: #868686;
   	font-weight: bold;
   	padding: 1px 5px 1px 5px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	background-color: #FFFFFF;
	background-repeat: repeat;
}

/*
<JHTag>
Screen: Product Flow, View/Edit Client
Element: Page Heading
Property: Text
*/

TD.dataValueHeader {
	background-color: #FFFFFF;
	color: #739DD3;
    	font-weight: bold;
	padding: 1px 5px 1px 5px;
    	font-family: Arial;
    	font-size: 14pt;
   	 text-align: center;
}

TD.dataValueHeaderClient {
	background-color: #FFFFFF;
	color: #D7D7D7;
    	font-weight: bold;
	padding: 1px 5px 1px 5px;
    	font-family: Arial;
    	font-size: 14pt;
   	 text-align: left;
}


span.tickIMG,table.tickIMG
{
   background-image: url(iscr_tick.png);
   width:14px;
   MARGIN-RIGHT: 3px;
   MARGIN-TOP: 3px;
   height: 18px;
background-repeat: no-repeat;
}
span.tickIMG_hover,table.tickIMG_hover
{
   background-image: url(iscr_tick_highlight.png);
      width:14px;
   MARGIN-RIGHT: 3px;
   MARGIN-TOP: 3px;
   height: 18px;
   background-repeat: no-repeat;
}

span.tickIMG_disabled,table.tickIMG_disabled, .coverTabMiddleDisabled table.tickIMG
{
   background-image: url(iscr_tick_disabled.png);
      width:14px;
   MARGIN-RIGHT: 3px;
   MARGIN-TOP: 3px;
   height: 18px;
   background-repeat: no-repeat;
}

#tr_nodata
{
background-color: #FFFFFF;
	color: #000000;
    	font-weight: normal;
	padding: 1px 5px 1px 5px;
    	font-family: Arial, sans-serif;
    	font-size: 9pt;
   	 text-align: left;
}

TR.PolicySummaryDisabled {
	color:#9E9E9E;
}

TR.PolicySummaryDisabled * TD 
{
	color:#9E9E9E;
}

TR.PolicySummaryDisabled TD.tdLeftStyle 
{
	color:#9E9E9E;
}

SPAN.smartInfoFeaturesBenefits,TABLE.smartInfoFeaturesBenefits  {
	color: #000000; 
	font-weight: bolder; 
	font-size: 10pt; 
	padding: 2px; 
	margin: 0px; 
	width: 100%;
	font-family: Arial;
}

TABLE#FeaturesAndBenefits, TABLE#FeaturesAndBenefits  TD {
	margin:0px 0px 0px 0px;
	padding:0px;
}

#table_bordered
{    	
	background-color:#EFEBE7;    
	border: 1px solid #7B9EBD; 	
}

TD.dataValueCustomHeader
{
	font-family: Arial; font-size: 16; font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;    	
	padding: 1px 5px 1px 5px;
     	text-align: left;
}

TABLE#ProductAndPremium TD, TABLE#ProductAndPremium td.dataLabelWrite, TABLE#ProductAndPremium.dataLabelWrite  {
		padding-left:0px;
		padding-right:0px;
		margin-left:0px;
		margin-right:0px;
}

/* Policyholder headings, not used in IE */
DIV[node_name*="PolicyHolderDetailContent"] TH {
	border-color:transparent;
}
	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#000000;
}

#TB_window a:link {color: #000000;}
#TB_window a:visited {color: #000000;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #000000;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:center;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding: 1px; /*2px 15px 15px 15px;*/
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for cluetip <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(jtip_wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(jtip_arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(jtip_arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(jtip_arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(jtip_arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}