/*
------------------------------------------------------
	ALL
------------------------------------------------------
*/
body{
/* JohnHuffaker: Remove the following items so they don't conflict with current JHFunds styles */
/*
	margin:					0px;
	padding:				0px;
	height:					100%;
	font-family:			Verdana;
	font-size:				10px;
	color:					#2e2e2e;
	background:				#FFFFFF;
	margin:					0px;
	padding:				0px;
*/
	behavior:				url(css/csshover.htc);
}

input,
textarea{
	font-family:			Arial;	
}

/*
------------------------------------------------------
	FLOATS
------------------------------------------------------
*/
.Relative{position:				relative;}
.Absolute{position:				absolute;}

.Clear{clear:					both;}
.Left{float:					left;}
.Right{float:					right;}

.Show{
	visibility:				visible;
	display:				block;
}

.Hide{
	visibility:				hidden;
	display:				none;
}

/*
------------------------------------------------------
	TEXT ALIGNS
------------------------------------------------------
*/
.TextLeft{text-align:		left;}
.TextRight{text-align:		right;}
.TextCenter{text-align:		center;}

/*
------------------------------------------------------
	POINTER
------------------------------------------------------
*/
.Pointer{cursor:			pointer;}

/*
------------------------------------------------------
	PADDINGS
------------------------------------------------------
*/
.pad1{padding:				1px}
.pad2{padding:				2px}
.pad3{padding:				3px}
.pad4{padding:				4px}
.pad5{padding:				5px}
.pad6{padding:				6px}
.pad8{padding:				8px}
.pad10{padding:				10px}
.pad15{padding:				15px}
.pad18{padding:				18px}
.pad20{padding:				20px}
.pad30{padding:				30px}

.padLeftRight5{padding:		0px 5px 0px 5px;}
.padUpDown5{padding:		5px 0px 5px 0px;}
.padUpDown10{padding:		10px 0px 10px 0px;}
.padUpDown14{padding:		14px 0px 14px 0px;}
.padUpDown15{padding:		15px 0px 15px 0px;}

.pad20-10{padding:			10px 20px 10px 20px;}


/*
------------------------------------------------------
	WIDTH
------------------------------------------------------
*/
.w200{width:				200px;}
.w201{width:				201px;}
.w210{width:				210px;}
.w250{width:				250px;}
.w285{width:				285px;}
.w295{width:				295px;}
.w347{width:				347px;}
.w385{width:				385px;}
.w395{width:				395px;}
.w550{width:				550px;}
.w604{width:				604px;}
.w620{width:				600px;}
.w868{width:				867px;}

/*
------------------------------------------------------
	HEIGHT
------------------------------------------------------
*/
.h4{height:					4px;}
.h97{height:				97px;}
.h160{height:				160px;}
.h243{height:				243px;}


/*
------------------------------------------------------
	BORDERS
------------------------------------------------------
*/
.borderGreyLt{border:solid;border-width:1px;border-color:#f1f1f1;}
.borderGreyLtMd{border:solid;border-width:1px;border-color:#eaeaea;}
.borderGreyMd{border:solid;border-width:1px;border-color:#afafaf;}
.borderGreyDk{border:solid;border-width:1px;border-color:#333333;}
.borderWhite{border:solid;border-width:1px;border-color:#FFFFFF;}

.borderRightGreenLt{border-right:solid;border-right-width:1px;border-right-color:#c9d3af;}
.borderRightGreyMd{border-right:solid;border-right-width:1px;border-right-color:#d3d6d5;}
.borderRightOrangeLt{border-right:solid;border-right-width:1px;border-right-color:#C98E63;}
.borderRightRedLt{border-right:solid;border-right-width:1px;border-right-color:#A85A48;}

.borderLeftGreyMd{border-left:solid;border-left-width:1px;border-left-color:#e2e2df;}

.borderBottomGreyLtLt{border-bottom:solid;border-bottom-width:1px;border-bottom-color:#e2e2df;}
.borderBottomGreyLt{border-bottom:solid;border-bottom-width:1px;border-bottom-color:#acb5bb;}
.borderBottomGreyMd{border-bottom:solid;border-bottom-width:1px;border-bottom-color:#e2e2df;}


/*
------------------------------------------------------
	BACKGROUNDS
------------------------------------------------------
*/

.bgWhite{background:			#FFFFFF;}
.bgBlack{background:			#000000;}

.bgGreyLt{background:			#f3f3f3;}
.bgGreyMd{background:			#666666;}
.bgGreyDk{background:			#333333;}

.bgBiegeLtLt{background:		#fafbf5;}
.bgBiegeLt{background:			#f8fce6;}
.bgBiegeMd{background:			#edeee4;}
.bgGold{background:				#dcd087;}
.bgBlueDk{background:			#00395a;}
.bgBlueGreyLt{background:		#f5f6f1;}
.bgBlueGreyDk{background:		#83909a;}
.bgOrange{background:			#F5E6D8;}
.bgRed{background:				#F6F1DB;}

.bgImage{
	background-repeat:		no-repeat;
	background-position:	top left;
}

/*
------------------------------------------------------
	TEXT TREATMENTS
------------------------------------------------------
*/
.Bold{font-weight:			bold;}
.Strike{text-decoration:	line-through;}
.None{text-decoration:		none !important ;}
.Underline{text-decoration:	underline;}
.Normal{font-weight:		normal;}

/*
------------------------------------------------------
	FONTS
------------------------------------------------------
*/
.fontArial{font-family:			Arial;}
.fontTimes{font-family:			"Times New Roman" sans-serif;}
.fontGeorgia{font-family:		Georgia}
.fontWebdings{font-family:		"Webdings"}

/*
------------------------------------------------------
	FONT SIZES
------------------------------------------------------
*/
.f10{font-size:				10px;}
.f11{font-size:				11px;}
.f12{font-size:				12px;}
.f13{font-size:				13px;}
.f14{font-size:				14px;}
.f15{font-size:				15px;}
.f16{font-size:				16px;}
.f17{font-size:				17px;}
.f18{font-size:				18px;}
.f19{font-size:				19px;}
.f20{font-size:				20px;}
.f21{font-size:				21px;}
.f23{font-size:				23px;}
.f24{font-size:				24px;}
.f26{font-size:				26px;}
.f30{font-size:				30px;}
.f32{font-size:				32px;}

/*
------------------------------------------------------
	FONT COLORS
------------------------------------------------------
*/
.fontBlack{	color:			#000000;}
.fontWhite{	color:			#FFFFFF;}

.fontGreyLt{color:			#858585;}
.fontGreyMd{color:			#666666;}
.fontGreyDk{color:			#333333;}

.fontBrownDk{color:			#5b5750;}

.fontBlueLt{color:			#95aab6;}
.fontBlueMd{color:			#006990;}
.fontBlueDk{color:			#00395a;}
.fontBlueGreyDk{color:		#22485e;}



/*
------------------------------------------------------
	LISTS
------------------------------------------------------
*/
ul.HeaderList{
	margin:					0px;
	padding:				0px 0px 10px 10px;
}

ul.HeaderList li{
	padding:				1px 0px 1px 0px;
}

/*
------------------------------------------------------
	LINKS
------------------------------------------------------
*/
/* John Huffaker: Precede all default link styles with .assetalloc_content so it won't override default jhfunds.com link styles */
/* put a <div class="assetalloc_content"> around the T&L code to use these link styles */
.assetalloc_content a:link,
.assetalloc_content a:visited,
.assetalloc_content a:active{
	color:					#333333;
}

.assetalloc_content a:hover{
	color:					#333333;
}

a.linkBlueLt:link,
a.linkBlueLt:visited,
a.linkBlueLt:active{
	color:					#006990;
}

a:linkBlueLt.hover{
	color:					#333333;
}

a.linkBlueDk:link,
a.linkBlueDk:visited,
a.linkBlueDk:active{
	color:					#22485e;
}

a.linkBlueDk:hover{
	color:					#333333;
}

a.linkGreyDk:link,
a.linkGreyDk:visited,
a.linkGreyDk:active{
	color:					#5b5750;
}

a.linkGreyDk:hover{
	color:					#5b5750;
}

a.linkBlueGrey:link,
a.linkBlueGrey:visited,
a.linkBlueGrey:active{
	color:					#83909a;
}

a.linkBlueGrey:hover{
	color:					#333333;
}

a.linkGreen:link,
a.linkGreen:visited,
a.linkGreen:active{
	color:					#566a40;
}

a.linkGreen:hover{
	color:					#333333;
}




a.linkWhite:link,
a.linkWhite:visited,
a.linkWhite:active{
	color:					#FFFFFF;
	text-decoration:		none;
}

a.linkWhite:hover{
	color:					#dcd087;
	text-decoration:		none;
}

.tours a:link{text-decoration:none;
color:#006990;
}
.tours a:visited{text-decoration:none;
color:#006990;
}
.tours a:active{text-decoration:none;
color:#006990;
}
.tours a:hover{text-decoration:none;
color:#000;
}
/*
------------------------------------------------------
	FOOTNOTES
------------------------------------------------------
*/
/* Patty Ashley: added styles from 529 footnotes */
div.bluefootnote{
   padding:0 50px 0 10px;
   color:#A8B8C4;
}

div.bluefootnote em{
   font-style:normal;
   color:#32506A;
}

div.adviserbluefootnote{
   margin-right: 215px;
}
/*
------------------------------------------------------
	Interactive Tour styles
------------------------------------------------------
*/

div.id_tourbanner{
	margin-bottom:10px;
}
div.ivetour{
	border-top:4px solid #DCD087;padding:18px 50px 0 15px;
}
div.ivetour h1,div.ivetour h2{
	color:#22485E;
}
div.ivetour h1{
	font-size:2.5em;
}
div.ivetour h2{
	font-size:1.8em;
}
div.ivetour p,div.ivetour ul,div.ivetour ol{
	font-size:1.2em;
}
table.prevnext{
	font-weight:bold;color:#DCD087;margin-bottom:25px;width:100%;
}
table.prevnext td{
	font-size:1.1em;
}
div.id_checklist{
	background:#F5F6F1;margin-bottom:20px;
}
div.id_checklistlink{
	background:url(../img/ivetours/widget_download_bg.jpg) no-repeat;padding:15px 20px 24px 20px;}
div.id_checklistlink a img{
	float:left;
}
div.id_checklistlink a:link h3,div.id_checklistlink a:visited h3{
	font-size:1.4em;font-weight:bold;color:#fff;font-family:verdana;margin:0 0 0 40px;
}
div.id_checklistlink a:link p,div.id_checklistlink a:visited p{
	color:#fff;margin:0 0 0 40px;
}
div.id_checklistlink a:hover h3,div.id_checklistlink a:hover p{
	text-decoration:underline;
}
div.id_checklistbody{
	padding:20px;
}
div.id_action{
	background:#F5F6F1;
}
div.id_action h3{
	color:#fff;font-size:1.8em;padding:12px 15px;background:#839099;border-bottom:4px solid #DCD087;margin:0;
}
div.id_action_body{
	padding:20px;
}
p.check{background:url(/CMS/images/InteractiveTours/check.gif) no-repeat 0 3px;padding-left:20px;}
table.prepared{
	margin-bottom:20px;
}
table.prepared td{
	font-size:1.2em;padding:10px;border-top:1px solid #CBCCC8;vertical-align:middle;
}
table.prepared tr.alt td{
	background:#F5F6F1 !important;
}
table.prepared td.perc{
	font-size:2em;color:#7AA9C5;padding-right:0;text-align:right;
}
table.prepared tr.head td{
	border:none;padding-left:0;font-size:1em;
}
table.prepared tr.head td h2{
	margin:15px 0 10px 0;
}
table.emergencies{
	margin-bottom:20px;width:500px;border-bottom:1px solid #CBCCC8;margin-left:30px;margin-top:25px;
}
table.emergencies th{
	padding-left:10px;
}
table.emergencies td{
	padding:5px 10px 5px 10px;border-top:1px solid #CBCCC8;vertical-align:middle; 
}
table.emergencies td p{
	font-size:1.1em;background:url(/CMS/images/InteractiveTours/check.gif) no-repeat 0 3px;padding-left:20px;margin:0;
}
table.emergencies tr.alt td{
	background:#F5F6F1 !important;
}
table.getstarted td.listno p{
	color:#22485E;font-size:1.7em;font-family:georgia;margin-right:15px;margin-top:0;line-height:.8em;
}