﻿body
{
	font-family: Arial,Verdana, Sans-Serif, Serif;
    margin-left: 0px;
	margin-top: 0px;
	font-size: 9px;
}

.lnkDisclosure
{
	display: none;

}
.PgOneLogo { display: block; }

A:link
{
	font-weight: bold;
	color: #4B702E;
}

.rateSheetBottom 
{
	padding-bottom: 3px;
}


.page-break { display:block; page-break-before:always; }


A:visited
{
	font-weight: bold;
	color: #4B702E;
}

A:active
{
	font-weight: bold;
	color: #4B702E;
}

A.detail:link
{
	font-weight: bold;
	color: #4B702E;
	TEXT-DECORATION: none;
}

A.detail:visited
{
	font-weight: bold;
	color: #4B702E;
	TEXT-DECORATION: none;
}

A.detail:hover
{
	font-weight: bold;
	color: #4B7CCC;
	TEXT-DECORATION: none;
}

H1
{
	font-family: Arial;	
	font-size: 10pt;
	COLOR: #3876D0
}

H2
{
	FONT-SIZE: 9pt;
	FONT-FAMILY: Arial;
	COLOR: #000000;
}

H3 
{
	font-family: Arial;	
	font-size: 9pt;
	COLOR: #3876D0	
}

.Underlined 
{
		TEXT-DECORATION: underline;
		color: #4B702E;
}

p.disclaimer {

	FONT-SIZE: 9pt;
}

p.landingimagetext {

	MARGIN: 0;
	PADDING: 7px 0px 0px 0px;
}

.investmenttext {

	FONT-SIZE: 9px;
}

.investmenttextsmall {

	FONT-SIZE: 8pt;
}

td.headerutility {

	FONT-FAMILY: Verdana, Arial, Sans-Serif;
	COLOR: white;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	HEIGHT: 23px;
}

td.headerutilitypipe {

	FONT-FAMILY: Verdana, Arial, Sans-Serif;
	PADDING-LEFT:3px;
	PADDING-RIGHT:3px;
	COLOR: white;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	HEIGHT: 23px;
}

a.headerutilitylink {
	
	COLOR: white;
	TEXT-DECORATION: none;
}
a.headerutilitylink:link {

	COLOR: white;
	TEXT-DECORATION: none;
}
a.headerutilitylink:visited {

	COLOR: white;
	TEXT-DECORATION: none;
}
a.headerutilitylink:hover {

	COLOR: white;
	
}

.lblFilterTitle 
{
	color: White;
	FONT-FAMILY: Verdana, Arial, Sans-Serif;
	font-style: normal;
	font-weight: bolder;
	font-size: 8px;
	padding-left: 2px;
}

.TblSpacer
{
  background-color: #99CC00;
  font-family: "Verdana, Arial, Helvetica, San-Serif";
  font-size: 9px;
  font-weight:bold;
  color: Black;
}

.TblHdr
{
	background-color:  #4B702E;
	color: white;
	border-bottom-width: thin;
}


.TblGray
{
	font-family: "Verdana, Arial, Helvetica, San-Serif";
	font-size: 9px;
	font-weight:bold;
	background-color:#dddddd;
}

.TblList
{
	font-family: Verdana, Arial, Helvetica, San-Serif;
	font-size: 9px;
	

}

a.TblList:link
{
	font-family: Verdana, Arial, Helvetica, San-Serif;
	font-size: 9px;
	color: #4B702E; 
}

a.TblList:visited
{
	font-family: Verdana, Arial, Helvetica, San-Serif;
	font-size: 9px;
	color: #999999;
}

a.TblList:active
{
	font-family: Verdana, Arial, Helvetica, San-Serif;
	font-size: 9px;
	color: #B3D76E;
}


.SmallLink { font-family: Verdana, Arial, Helvetica, San-Serif;	font-size: 8pt; }
a.SmallLink:link { font-family: Verdana, Arial, Helvetica, San-Serif; font-size: 8pt; color: #4B702E; }
a.SmallLink:visited { font-family: Verdana, Arial, Helvetica, San-Serif; font-size: 8pt; color: #999999; }
a.SmallLink:visited { font-family: Verdana, Arial, Helvetica, San-Serif; font-size: 8pt; color: #B3D76E; }


.TblDrkGray
{
	color: #000000;
	font-family: "Verdana, Arial, Helvetica, San-Serif";
	font-size: 9px;
	font-weight:bold;
	background-color: Gray;
}

.HelpMessage
{
	color: #3876d0;
	font-family: "Verdana, Arial, Helvetica, San-Serif";
	font-size: 9px;
}

.FormMessages
{
	color: black;
	font-family: "Verdana, Arial, Helvetica, San-Serif";
	font-size: 9px;
	font-weight:bold;
}

.BoxHeader
{
	background-color: #B3D76E;
}

.Bullets
{
	border-right: 1px;
	border-right-color: #dcdcdc;
	border-right-width: thin;
	border-right-style: solid;
}

.Links
{
	padding: 2px 0px 2px 0px;
}

.FTBlue
{
	color: #3876d0;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
}

.FTBigBlue
{
	color: #3876d0;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	font-weight:bold;
	padding: 0px 0px 5px 0px;
	
}


.FTGreen
{
	color: #4B702E;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
}	

.FTBigGreen
{
	color: #4B702E;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}	

.RateDetailLink
{
	font-size: 9px;
}

.RateDetails 
{
	color: #35424d;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	/* padding: 5px 5px 5px 8px; */
}

.RateDetailsHdr
{
	/* color: #35424d; */
	color: #fff;
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	height: 16px;
	padding: 8px 0px 0px 8px;
	background-image: url(../images/SubHdr_ProdDesc_DrkGreen.jpg);
}

.AdvisorContent 
{
	padding: 6px 0px ; margin-top: 10px; color: #606060; font-family: Arial;font-size: 9px;
}

.disclosure 
{
	color: #000;
	font-family: Arial;
	font-size: 9px;
	padding: 5px 1px 1px 1px;
}

.disclosureBottom
{
	color: #000;
	font-family: Arial;
	font-size: 9px;
}


.rateSheetDisclosure
{
	color: #606060;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
}

.rateSheetItem
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	border-bottom: solid 1px #cacaca;
	font-weight: normal;
}

.rateItemGrpHdr
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	text-decoration: underline;
	font-weight:normal bold;
	padding-left: 9px;
}



.rateSheetItemAlt
{
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	border-bottom: solid 1px #cacaca;
	font-weight: normal;
}

.rateSheetDisclosureHdr
{
	color: #606060;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	font-style: italic;
}

.rateSheetHdr
{
	color: #3876d0;
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	font-weight:bold;
}


.rateSheetSubHdrBlue
{
	color: #3876d0;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	font-weight:bold;
}

.rateSheetSubHdrGreen
{
	color: #4B702E;
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	font-weight:bold;
}


.rateSheetCell
{
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	border-bottom: solid 1px #cacaca;
}


.rateSheetListDesc
{
	display: list-item;
	list-style-image: url(../images/ListItem_BG.jpg);
	list-style-position: inside;
	font-size: 9px;
	color: #000;
}

.RateSheet_SubHdr
{
	padding: 2px 5px 2px 5px;
	background-color: #3876d0;
	color: White;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

.RateSheet_Legend
{
	padding: 2px 5px 2px 5px;
	background-color: #3876d0;
	color: White;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: normal;

}

.GuideList 
{
	margin-top: 0px;
	padding: 0px 5px 0px 0px;
}

.GuideTitle 
{
	padding: 5px 0px 2px 0px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	color: #4B702E;
}


.GuideText 
{
	margin-left: 10px;
	padding: 2px 5px 0px 0px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	
}


/******************
* Header images 
******************/
#hdr_AC_SAV
{
	height: 19px;
	width: 636px;
	src: url(images/RateSheet/Hdr_AC_SAV_150.gif);
}


h2
{
	color: #fff;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
}

/*******************************************************************
 *
 * AJAX Related Style Sheet classes
 *******************************************************************
 * Created By: Nelson Soler
 * Date:       Oct. 30, 2007
 ********************************************************************

 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes.
 */


.pnlMainBotBG 
{
	background-image: url(../images/pnl_main_botbg.jpg);
	width: 770px;
}

.pnlMainTopBG
{
	background-image: url(../images/pnl_main_topbg.jpg);
	width: 770px;
}

.pnlMainLeftBG
{
	background-image: url(../images/pnl_main_leftbg.jpg);
	width: 18px;
}

.pnlMainRightBG
{
	background-image: url(../images/pnl_main_rightbg.jpg);
	width: 18px;
}


#colhdr_mr_desc .colhdr_mr_desc
{
	background: url('../images/colhdr_mr_desc.jpg') no-repeat;
}

#MySplitter {
	height: 300px;
	width: 600px;
	border: 4px solid #cca;
	/* No padding allowed */
}
/*
 * Top element of the splitter. Use pixel units for the
 * min-height and max-height; the splitter plugin parses them to
 * determine the splitter movement limits. Set the height to
 * the desired initial height of the element; the plugin changes
 * the height of this element dynamically.
 */
#TopPane {
	background: #ffe;
	padding: 8px;
	overflow: auto;
	/* Initial/min/max height for this pane */
	height: 100px;
	min-height: 50px;
	max-height: 200px;
	/* No margin or border allowed */
}
/*
 * Bottom element of the splitter; the plugin changes the top
 * position and height of this element dynamically.
 */
#BottomPane {
	background: #ffd;
	padding: 8px;
	overflow: auto;
	/* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */

.filterSliderRail
{
	position: relative; background: url(../images/filter_slider_bg.jpg) no-repeat; height: 12px; width: 180px;
}

.filterSliderHandle
{
	position: absolute; background: url('../images/filter_slider_bubble.png') no-repeat; height: 12px; width: 17px; 
}

.ui-slider { width: 200px; height: 16px; position: relative; background-repeat: no-repeat; background-position: center center; }
.ui-slider-handle { position: absolute; z-index: 1; height: 9px; width: 17px; top: 4px; left: 10px; background-image: url(../images/filter_slider_bubble.png);  }
.ui-slider-handle-active { border: 1px dotted black;  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* Default slider backgrounds */
.ui-slider, .ui-slider-1 { background-image: url(../images/filter_slider_bg.jpg); }
.ui-slider-2 { background-image: url(../images/filter_slider_bg.jpg); }


.filterScale 
{
	font-size: 8px;
	padding: 0px 2px 0px 0px;
	font-family: Verdana, Arial, Sans-Serif;
	color: Gray;
}


.filterScaleLabel
{
	padding: 3px 0px 0px 0px;
	font-size: 8px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #4B702E;
	font-weight: bold;
}

.filterScaleEntryLabel
{
	font-size: 8px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #000000;
	background-color: #cacaca;
	padding: 1px 1px 1px 1px;
}

.filterScaleInput
{
	margin:1px;
	height:14px;
	width:120px;
	border:solid 1 #dcdcdc;
	background: transparent url("../images/greencandy.gif") repeat-x;
}


.filterInner { padding: 5px 5px 5px 5px;}


td
{
	font-size: 9px;
	font-family: Verdana, Arial;
	COLOR: black;
}


.HTMLContentStyle
{
	font-size: 9px;
	font-family: Arial;
	COLOR: black;
}

.innerPanel { padding: 0px 0px 0px 0px;}


.lblResultsHeader 
{
	padding: 2px 5px 5px 5px;
	margin-left: 5px;
	white-space: nowrap;
	background-color: #35424d;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	border-bottom: solid, 1px, #dcdcdc;
	color: #ffffff;
}

.RateSheetBoxHeader
{
	padding: 2px 5px 5px 5px;
	margin-left: 5px;
	background-color: #35424d;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;font-weight: bold;
	
	color: #ffffff;	
	border-bottom: solid 1px #cacaca;
}

.lblResultsColHeader
{
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	color: #ffffff;
}

.lblRateSheetHeader
{
	padding: 2px 0px 2px 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	border-bottom: solid 1px #cacaca;
}

.lblRateSheetHeaderAlt
{
	padding: 2px 0px 2px 0px;
	font-size: 9px;
	font-family: Verdana, Arial, Sans-Serif;
	/* border-bottom: solid 1px #cacaca; */
}

.lblAdvisorHeader 
{
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
}

.lblFilterHeader 
{
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}

.tblResults 
{
 border: solid 1px #cacaca;
}

.rptRowLabel
{
	border-bottom: solid 1px #cacaca;
}

.rptDescLabel
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	border-bottom: solid 1px #cacaca;
	font-weight: normal;
}

.modalBackground 
{
	background-color: #e2e2e4;
	border-bottom: 1px solid #cacaca;
}

.lineItem
{
	border-bottom: 1px solid #cacaca;
}

/***************************************
   =cluetipClass: 'pita'
-------------------------------------- */
/* global */
#cluetip-close img {
  border: 0;
}

#cluetip-close 
{
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  color: #4B702E; 
  float: right;
  position: relative;
  padding-left: 18px;
  margin-top: 5px;
}

#cluetip-title {
  
}

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
}

.cluetip-pita {
  background: transparent url(../images/pita-bl1.gif) no-repeat 0 100%;
  margin-top: 10px;
  padding-left: 11px;
}

.cluetip-pita #cluetip-outer {
  background: transparent url(../images/pita-tl2.gif) no-repeat 0 0;
  margin-top: -12px;
  padding-left: -11px;
}

.cluetip-pita #cluetip-title {
  background: transparent url(../images/pita-tr.gif) no-repeat 100% 0;
  padding: 8px 20px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-pita #cluetip-inner {
  background: url(../images/pita-br1.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: 0 -12px 0 0;
  position: relative;
}

.cluetip-pita div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-pita div#cluetip-close a {
  color: #777;
}
/* stupid IE6 HasLayout hack */
.cluetip-pita #cluetip-title,
.cluetip-pita #cluetip-inner {
  zoom: 1;
}
