/* COBRAND SPECIFIC STYLES */
body, td {font-family:arial,helvetica,sans-serif; font-size:10pt; }
body {background-color:#FFFFFF;}
.sourceid {color: #666666;}
.headerlinks {color:#000033; text-decoration: underline; font-weight:normal; font-size:.9em;}
.headerlinks:hover {text-decoration:underline;}
.headerphone {color:#333333; font-weight:bold; font-size:1.1em;}
.phonenum {color:#FC9600; font-weight:bold;}
a.taballproducts {color:black; font-weight:bold; text-decoration:underline;}

/* Tab Styles */
.spacertab {
	background-image : url(/eng/images/clds_accident_insurance.jpg);
	background-color: #4CC1FF;
	font-size:1px;
	width:100%;
	border-bottom:1px Solid #666666;
	background-position : right;
	background-repeat : no-repeat;
}

/*

	border-left:1px #666666 Solid;
  */
.headertab {
	border-right: 1px #999999 Solid; 
	border-top: 1px #999999 Solid; 
	border-bottom: 1px #999999 Solid; 
	cursor:pointer; 
	background: #e0e0e0;
	text-align:center;
}
.headertab_link {
	font-family:Verdana; 
	font-size:11px;
	cursor:pointer;
	font-weight:bold; text-decoration:none;
	color:#333333
}
.headertab_text {
	border-top:1px solid #FFFFFF; 
	padding-top:2px;
	padding-bottom:2px;
	width:100%;
}

/* PLACE HOLDERS */
.placeholder{border:1px dashed #666666;}

/* THIS SECTION ADDS SELECTORS TO SPECIFIC HTML TAGS */

/* Sets the superscript to a smaller size - better for formatting */
sup {
	font-size: smaller;
	text-decoration: none;
}

H1  {
	font-size : xx-small;
}

H2  {
	font-size : 1.2em;
	color : #000099;
	font-weight : bold;
}

H3  {
	font-weight : bold;
	font-size : 1em;
	font-style : italic;
	margin: 0;
}

a {color:#006699; text-decoration:none;}
a:hover {text-decoration:underline;}

A.nodec {
	text-decoration: none;
}
A.nodec:Hover {text-decoration: underline;}

A:Visited  {}

A:Active  {}

/* The iCompare link styles are for use with the product names at the top of the
   iCompare table.  This allows them to be links and still remain visible on the
   dark blue background */
A.iCompare:link {color:white;}
A.iCompare:visited {color:white;}

/*THIS SECTION CONTAINS SELECTORS FOR HEADERS AND TABLES */

/* HEADERS */
.AreaHeader1  {
	font-weight : bold;
	font-size : 1.4em;
	text-align : right;
	margin : 0;
}

.AreaHeader2  {
	text-align : right;
	font-size : 1em;
	font-style : italic;	
	margin : 0
}

.AreaHeader3  {
	font-weight : bold;
	text-align : left;
	font-size : 1.4em;
	margin : 0
}


.AreaAuthor {
	text-align: right;
	font-size: .8em;
	font-style: normal;
	margin: 0;
}

.Header3  {
	font-size : 1.5em;
	color : #CC0000;
	font-weight : bold;
	margin : 0;
}

.Header4  {
	font-weight : normal;
	font-size : 1em;
	color : #006600;
	font-style : italic;
	margin : 0;
}

/* TABLES */

/* TableHeader is used as the header for various tables used in the site - used mostly in the
   Products pages. The default appearance is blue with bold white lettering. IF YOU CHANGE THE
   COLOR OF TableHeader, MAKE SURE YOU ALSO CHANGE TableHeaderLite (tx products) and
   TableHeader2 (patriot products). */
.TableHeader {
	background-color:#FF9900;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.TableHeader a {
	color: #FFFFFF;
}

/* TableHeaderLite is a table subheader format used in the travelex products pages.  It
   is used primarily in the travelex product pages.  If you change the color of TableHeader
   make sure you also change this color as well. */
.TableHeaderLite {
	background-color:#006699;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
}

/* Alternative Table Header - used with the IMG Patriot Plan Tables (c.f. .TableColor) */
.TableHeader2 {
	background-color:#FF9900;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

/* Colored Font Used as subheader in Patriot Plan Tables (expatriot, etc.) (c.f. .TableHeader2) */
.TableColor {
	color: #FC9600;
}

/* This Header is used in the main index.cfm for the listing of plan types 
   (i.e. international medical insurance, multi trip plans, etc) */
.IndexPlanHeader {
	background-color:#FF9900;
	color:#FFFFFF;
	font-weight:bold;
}

/* This Table color is used for the online agent library in the affiliate section */
.AgentLibrary {
	background-color:#FFCCCC;
}

/* The following table colors are used in the quickquote pages.  qq_Deductible is the style for
   the top bar across the table. QQ_CellType1 is the style for the patriot international and
   patriot americal product quotes and QQ_CellType2 is the style for the expatriot product
   quotes */
.QQ_Deductible {
	background-color:#CCCCCC;
}

.QQ_CellType1 {
	background-color:#EEEEEE;
}
.QQ_CellType2 {
	background-color:#EDECD6;
}

/* In Default: colored-background + bold lettering (c.f. TableCellC)*/
.TableCellA {
	background-color:#EEEEEE;
	color:#000000;
	font-weight: bold;
}

/* Used as default table color */
.TableCellB {
	color:#000000;
}

.TableCellB_C {
	background-color:#FFFFFF;
	color:#000000;
	text-align: center;
}

.TableCellB_R {
	background-color:#FFFFFF;
	color:#000000;
	text-align: right;
}

/* In Default: grey-background + normal weight lettering (c.f. TableCellA)*/
.TableCellC {
	background-color:#EEEEEE;
}


.TableCellC_C {
	background-color:#EEEEEE;
	font-weight: normal;
	text-align: center;
}

/* in default: white-background + bold lettering */
.TableCellD {
	background-color:#FFFFFF;
	color:#000000;
	/*text-align: left;*/
}

.TableCellD_C {
	background-color:transparent;
	color:#000000;
	text-align: center;
}

.TableCellD_J {
	background-color:#FFFFFF;
	color:#000000;
	text-align: justify;
}

/* In Default: background-color: yellow (used in enrollform page) */
.TableCellE {
	background-color:#EDECD6;
}

.TableCellE_C {
	background-color:#EDECD6;
	text-align:center;
}

/* In Default: background-color: transparent (in case backgound is darker than text) */
.TableCellF {}

/* Light gray used in affiliate mgmt. section for bgcolor and hr spacer in subnav box */
.TableCellG {
	background-color:#F2F2F2;
	
}

/* Light gray used in affiliate mgmt. section for bgcolor in alternating table rows */
.TableCellH {
	background-color:#EEEEEE;
}


/* TableCellP controls the info box appearance in the registration pages and 
	the policy information pages */
.TableCellP {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

/* TableSmallSize is used to set smallfont sizes on the main WorldTravelCenter.com page */
td.TableSmallSize {
	font-size: 8pt;
	}

/* THIS SECTION CONTAINS SELECTORS FOR FONT MANAGEMENT */

/* GuidanceCategories is used to control the text that lists the product categories on
	the guidance page */
.GuidanceCategories {
	font-size: 1.1em;
	font-weight: bold;
	color:#FC9600;
}

.iCompareCategory {
	border: 1px double #CCCCCC;
	font-size: 10pt;
	font-weight: bold;
	color:#FC9600;
}

.ProductCategories {
	text-decoration:none;
}

.ProductCategories:Hover {
	text-decoration:underline;
}

/****************** Policy Picker Styles ***************************/
/* Policy Picker Form */
.ppBorder{background-color: #EEEEEE;
	border: 1px solid #CCCCCC;}
td.ppContent{background-color: #EEEEEE;}
td.ppTitle{font-weight: bold;
			  font-size: 14pt;
			   color: #000000;
			   background-color: #EEEEEE;} 
.ppInstr{font-weight: bold;
			font-size: 10pt;
			color: #006699;}
.ppText{font-weight: bold;
			font-size: 9pt;
			color: #006699;}
.ppSmallText{font-weight: bold;
				   font-size: 8pt;
				   color: #333333;}
/* Policy Picker v7 */
.ppCategories {background-color:#DEDEDE; }
.ppCurrent_category {background-color:#006699; color:#FFFFFF;}
/* Policy Picker v8 */
.ppv8_prodinfo_popwin {width:360px; display: none; position:absolute;}
.ppv8_price {font-size:1.1em; font-weight:bold;}
/*.ppv8_benefitnote {font-size:1em;}*/
.ppv8_tripprofiletable {border: 0 solid #666666;}
.ppv8_tabtable {width:100%;
	border-left:1px #666666 Solid;}
.ppv8_activetab {border-top: 1px #666666 Solid;
	border-bottom:none;
	border-right: none;
	border-left: 1px #666666 Solid;
	background-color: #FFFFFF;
	}
.ppv8_inactivetab {border:1px #666666 Solid;
	border-right:none;
	cursor:pointer;
	background-color:#e0e0e0;}
.ppv8_tabend {border-left:1px #666666 solid;
	border-bottom:1px #666666 solid;
	font-size:1px;
	width:100%}
/*.ppv8_prodinfo_popup {width:360px; display:none; position:absolute;}*/
.ppv8_productinfotext {padding:10px 10px 10px 10px;}
.ppcell_odd {}
.ppcell_even{background-color:#EEEEEE;}
.SpryHiddenRegion {visibility:hidden;}
.pp_buttons {
	font-size : 8pt;
	font-weight : bold;
	background-color : #CCCCCC;
	color : black;
	height: 18px;
	border-color : black;
	border-width : 1px;
	border-style : solid;
	padding: 0 0 0 0;
	width:50px;
	cursor:pointer;
}
.pp_buttons:hover {background-color: #EEEEEE; cursor:pointer;}
.ppv8_inactivetab:hover {background-color:#EEEEEE;}
.ppv8_activetab, .ppv8_inactivetab {cursor:pointer;}
.pp_border, .pp_leftborder, .pp_topborder{
	border-color : #999999;
	border-style : solid;
	border-width : 0;
}
.pp_leftborder {border-left-width: 1px;}
.pp_border {border-right-width: 1px; border-bottom-width: 1px;}
.pp_topborder {border-top-width:1px;}
.pp_subheader {background-color:#CAE9FE;}
.pp_PlanName{font-size:14px;}
.smallsize {font-size:10pt;}

/* Bold - Size */
.LargeBold {
	font-size : 1.2em;
	font-weight : bold;
}

.LargerBold {
	font-size: 1.4em;
	font-weight: bold;
}



/*Larger size ~4pt */
.LargerBoldColor {
	font-size: 1.2em;
	font-weight: bold;
	color:#FC9600;
}


/* COLOR FONTS/Headers */
.color,.largeboldcolor {color:#FC9600;}
.boldcolor {color:#000000;}
.color2, .boldcolor2, .largeboldcolor2 {color:#006699;}

.boldcolor, .boldcolor2, .largeboldcolor, largeboldcolor2 {font-weight:bold;}
.largeboldcolor, largeboldcolor2{font-size:1.2em;}


.SmallerSize {
	font-size: 70%
}

.smallsize {font-size:.9em;}

.SlightLargeSize {
	font-size : 1.2em
}

.ReallyReallySmallSize {
	font-size: 1pt;
}

.LargeSize {
    font-size : 2.2em
}	

/* Color - Misc. */

/* QQ_highlight is the style used for text on the quickquote pages to denote a button to press
	i.e. "get Quote" or "Buy this Policy" */
.QQ_highlight {
	color:#006699;
}

/* Class used for error and other important messages in forms */
.Error {
    color : #990000;
}	

.Grey {
	color: gray;
}

.BGGrey {
	background-color:#CCCCCC;
}

.Highlight {
    font-size: 0.8em;
	color: #006699;
	font-weight: bold;
}

.ReturnToTop {
	text-align: right;
}

.White {
	color: white;
}

.SmallBlue {
	color: #006699;
	font-size: 10pt;
	font-weight: normal;
}

/*Used for hr in affiliate management area*/

.SoftBlue {
	color: #006699;
}

.SoftGray {
	color:#F2F2F2;
}


/* Used on the home page */

A.rollSidebarBig {
	color: #FC9600;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

A.rollSidebarBig:hover{
	color: #FC9600;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

A.rollSidebarsmall {
	color: #FC9600;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 14pt;
}

A.rollSidebarsmall:hover{
	color: #FC9600;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 14pt;
}

.SidebarText {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, Sans-serif;
}

 .affiliatecell {
   background-color: #EEEEEE;
}

 .affiliatelinkcell {
   background-color: #cacaca;
}

.SideBarCell {
   background-color: #CCCCCC;
}

.SideBarLine {   
   background-color: #737373;
}

/*Used for the check box policy picker styles*/
.SmallBlue2 {
	color: #003399;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
}

.SmallWhite {
	color: white;
	font-size: 0.8em;
}

.WhiteBig {
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

A.rollWhite {
	color: white;
	font-size: 8pt;
	text-decoration: none;
}
.ppSmallText .rollWhite {color:#000000;text-decoration: none;;}

A.rollWhite:hover{
	color: #ffcc00;
	font-size: 8pt;
	text-decoration: none;
}
.ppSmallText .rollWhite:hover {color:#000000; text-decoration:underline;}




A.red {
	color: #006699;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.red:hover{
	color: #006699;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

A.rollWhite2 {
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.rollWhite2:hover{
	color: #ffcc00;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

A.rollBlack {
	color: #000033;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

A.rollBlack:hover{
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

A.rollWhiteBig {
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

A.rollWhiteBig:hover{
	color: #FC9600;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.feature {
	color: white;
	font-size: 0.9em;
}

.maintext2 {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, Sans-serif;
}


/* The following styles are used the confirmation page and confirmation email*/

table.confirmTable tr {
	vertical-align: top;
	}
.confirmTable {
		border-color : #333366;
		border-width : 1px;
		border-style : solid;
	font-size: 1em;
	}
#referenceTitle {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.3em;
	}								
.confirmSubHeader {
	background-color: white;
	font-weight: bold;
	text-decoration: underline;
	}
.referenceCard {
	border-color: black;
	border-width : 1px;
		border-style : dashed;
	page-break-before: always;
	}
		
/*Invoice page styles*/
.invoiceHeader1, .invoiceHeader2, .invoiceHeader3, .invoiceHeaderError {
	padding: 1px;
	}
.invoiceHeader1 {
	background-color: #006699;
	font-weight: bold;
	color: white;
	}
.invoiceHeader2 {
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
	}
.invoiceHeader3 {
	background-color: #ffcc00; /*ffcc00*/
	font-weight: bold;
	}
.invoiceHeaderError {
	background-color: #990000;
	font-weight: bold;
	color: white;
	text-align: center;
	}
.invoiceSubHeader {
	font-weight: bold;
	text-decoration: underline;
	border:none;
	border-bottom:1px solid black; /*only the bottom has any border*/
	}
.invoiceGrayBG {
	background-color: #EEEEEE;
	}

/* Used on index.cfm page for tagline "The Insurance Experts" */
.tagline_the {color: #006699;
				  font-weight:bold;
				  font-size:1.2em;
				  position:relative; 
				  top:-5px;}
.tagline_insurance {color: #006699;
				  		  font-weight:bold;
						  font-size:24pt;
						  letter-spacing:-.08em;}
.tagline_experts {color: #006699;
				  		font-weight:bold;
						font-size:18pt;}
.tagline_subtitle {color:#0033ff;
						font-weight:bold; 
						font-size:11pt;}
/* Used on the index.cfm page for the rotating boxes of travel tips*/
#tips1, #tips1 li{
	margin:.5em 0;
	padding:0;
	list-style:none;
	}
#tips1{
	width:200px; height:130px;
	background:#39F url(/eng/images/featurebox_bg.gif) no-repeat 50% 50%;
	border:solid #cccccc 1px ;
	font-size:13px;
	line-height:100%;
	}
#tips1 li{
	padding:5px;
	display:none; /* hide the items at first only */
	}	
#tips2, #tips2 li{
	margin:.5em 0;
	padding:0;
	list-style:none;
	}
#tips2{
	width:200px; height:130px;
	background:#39F url(/eng/images/featurebox_bg.gif) no-repeat 50% 50%;
	border:solid #cccccc 1px;
	font-size:13px;
	line-height:100%;
	}
#tips2 li{
	padding:3px;
	display:none; /* hide the items at first only */
	}