.lblFilterTitle 
{
	color: White;
	FONT-FAMILY: Verdana, Arial, Sans-Serif;
	font-style: normal;
	font-weight: bolder;
	font-size: 10px;
	padding-left: 2px;
}

.TblSpacer
{
  background-color: #99CC00;
  font-family: "Verdana, Arial, Helvetica, San-Serif";
  font-size: 11px;
  font-weight:bold;
  color: Black;
}

.TblHdr
{
	background-color:  #4B702E;
	color: white;
	border-bottom-width: thin;
}


.rateSheetItem
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	border-bottom: dotted 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;
}

.RssFeedHdr
{
	color: #3876d0;
	font-family: "Verdana, Arial, Helvetica, San-Serif";
    font-size: 16px;
    font-weight: bold;
    background-color: #ffffff;
}

.RssFeedTitle
{
	font-family: "Verdana, Arial, Helvetica, San-Serif";
    font-size: 12px;
    font-weight:bold;
    color: #4B702E;
    cursor: hand;
}

.RssGenFeedTitle
{
	font-family: "Verdana, Arial, Helvetica, San-Serif";
    font-size: 12px;
    font-weight:normal;
    color: #3876d0;
    /* cursor: hand; */
}

.TblGray
{
	font-family: "Verdana, Arial, Helvetica, San-Serif";
	font-size: 11px;
	font-weight:bold;
	background-color:#dddddd;
}

.TblList
{
	font-family: Verdana, Arial, Helvetica, San-Serif;
	font-size: 10px;

}

a.TblList:link
{
	font-family: Verdana, Arial, Helvetica, San-Serif;
	font-size: 10px;
	color: #4B702E; 
}

a.TblList:visited
{
	font-family: Verdana, Arial, Helvetica, San-Serif;
	font-size: 10px;
	color: #999999;
}

a.TblList:active
{
	font-family: Verdana, Arial, Helvetica, San-Serif;
	font-size: 10px;
	color: #B3D76E;
}


.SmallLink { font-family: Verdana, Arial, Helvetica, San-Serif;	font-size: 9px; }
a.SmallLink:link { font-family: Verdana, Arial, Helvetica, San-Serif; font-size: 9px; color: #4B702E; }
a.SmallLink:visited { font-family: Verdana, Arial, Helvetica, San-Serif; font-size: 9px; color: #999999; }
a.SmallLink:visited { font-family: Verdana, Arial, Helvetica, San-Serif; font-size: 9px; color: #B3D76E; }


.TblDrkGray
{
	color: #000000;
	font-family: "Verdana, Arial, Helvetica, San-Serif";
	font-size: 11px;
	font-weight:bold;
	background-color: Gray;
}

.HelpMessage
{
	color: #3876d0;
	font-family: "Verdana, Arial, Helvetica, San-Serif";
	font-size: xx-small;
}

.myinput
{
	margin:1px;
	height:20px;
	border:solid 1px #669900;
	background: transparent url("images/SiteImages/greencandy.gif") repeat-x; 

}

.FormMessages
{
	color: black;
	font-family: "Verdana, Arial, Helvetica, San-Serif";
	font-size: xx-small;
	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: 10px;
	font-weight: normal;
}

.FTBlueMed
{
	color: #3876d0;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

.FTBigBlue
{
	color: #3876d0;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	font-weight:bold;
	padding: 0px 0px 5px 0px;
}

.FTGreen
{
	color: #4B702E;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}	

.FTGreenMed
{
	color: #4B702E;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

.FTBigGreen
{
	color: #4B702E;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}	

.RateDetailLink
{
	font-size: 10px;
}

.RateDetails 
{
	color: #35424d;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 5px 5px 5px 8px;
}

.RateDetailsHdr
{
	/* color: #35424d; */
	color: #fff;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	height: 16px;
	padding: 8px 0px 0px 8px;
	background-image: url(../images/SubHdr_ProdDesc_DrkGreen.jpg);
}

.rateSheetDisclosure
{
	color: #606060;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 6pt;
}

.rateSheetDisclosureHdr
{
	color: #606060;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 6pt;
	font-weight: bold;
	font-style: italic;
}

.rateSheetHdr
{
	color: #3876d0;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	font-weight:bold;
}

.rateSheetSubHdrBlue
{
	color: #3876d0;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	font-weight:bold;
}

.rateSheetSubHdrGreen
{
	color: #4B702E;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	font-weight:bold;
}


.rateSheetCell
{
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	border-bottom: solid 1px #cacaca;
}


.AdvisorContent 
{
	padding: 6px 0px ; margin-top: 10px; color: #606060; font-family: Arial;font-size: 10px;
}


.disclosure 
{
	color: #000;
	font-family: Arial;
	font-size: 10px;
	padding: 5px 1px 5px 1px;
}

.disclosureBottom
{
	color: #000;
	font-family: Arial;
	font-size: 10px;
	padding: 5px 1px 5px 1px;
}

.loanRateDisclosure
{
	color: #606060;
	font-family: Arial;
	font-size: 11px;
	padding: 10px 5px 5px 10px;
}


.rateSheetDisclosure
{
	color: #606060;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
}

.rateSheetDisclosureHdr
{
	color: #606060;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}


.rateSheetListDesc
{
	display: list-item;
	list-style-image: url(../images/ListItem_BG.jpg);
	list-style-position: inside;
	font-size: 9px;
	color: #000;
}

.GuideList 
{
	margin-top: 0px;
	padding: 0px 5px 0px 0px;
}

.GuideTitle 
{
	padding: 5px 0px 2px 0px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	color: #4B702E;
}


.GuideText 
{
	margin-left: 10px;
	padding: 2px 5px 0px 0px;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	
}


/*******************************************************************
 *
 * 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/SiteImages/pnl_main_botbg.jpg);
	width: 770px;
}

.pnlMainTopBG
{
	background-image: url(/Images/SiteImages/pnl_main_topbg.jpg);
	width: 770px;
}

.pnlMainLeftBG
{
	background-image: url(/Images/SiteImages/pnl_main_leftbg.jpg);
	width: 18px;
}

.pnlMainRightBG
{
	background-image: url(/Images/SiteImages/pnl_main_rightbg.jpg);
	width: 18px;
}


#colhdr_mr_desc .colhdr_mr_desc
{
	background: url('/Images/SiteImages/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: 8pt;
	padding: 0px 2px 0px 0px;
	font-family: Verdana, Arial, Sans-Serif;
	color: Gray;
}


.filterScaleLabel
{
	padding: 3px 0px 0px 0px;
	font-size: 8pt;
	font-family: Verdana, Arial, Sans-Serif;
	color: #4B702E;
	font-weight: bold;
}

.filterScaleEntryLabel
{
	font-size: 8pt;
	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: 9pt;
	font-family: Arial;
	COLOR: black;
}


.HTMLContentStyle
{
	font-size: 9pt;
	font-family: Arial;
	COLOR: black;
}

.innerPanel { padding: 5px 5px 5px 5px;}


.lblResultsHeader 
{
	padding: 2px 5px 5px 5px;
	margin-left: 5px;
	white-space: nowrap;
	background-color: #35424d;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	color: #ffffff;
}

.RateSheetBoxHeader
{
	padding: 2px 5px 5px 5px;
	margin-left: 5px;
	background-color: #35424d;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	color: #ffffff;	
}

.lblResultsColHeader
{
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	color: #ffffff;
}

.lblRateSheetHeader
{
	/*
	background-color: #35424d;
	color: #ffffff;
	*/
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Arial, Sans-Serif;
	border-bottom: solid 1px #000;
}

.lblRateSheetHeaderAlt
{
	padding: 2px 0px 2px 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	/* border-bottom: solid 1px #cacaca; */
}


.LR_RateSheetHeader
{
	background-color: #35424d;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	padding: 2px 2px 3px 5px;
}

.LR_ResultsColHeader
{
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	padding: 2px 2px 3px 5px;
	background-color: #e2e2e4;
}

.lblAdvisorHeader 
{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.lblFilterHeader 
{
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

.tblResults 
{
 border: 1px solid #cacaca;
}


.modalBackground 
{
	background-color: #e2e2e4;
}


/***************************************
   =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/SiteImages/pita-bl1.gif) no-repeat 0 100%;
  margin-top: 10px;
  padding-left: 11px;
}

.cluetip-pita #cluetip-outer {
  background: transparent url(/Images/SiteImages/pita-tl2.gif) no-repeat 0 0;
  margin-top: -12px;
  padding-left: -11px;
}

.cluetip-pita #cluetip-title {
  background: transparent url(/Images/SiteImages/pita-tr.gif) no-repeat 100% 0;
  padding: 8px 20px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-pita #cluetip-inner {
  background: transparent url(/Images/SiteImages/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-inner  #cluetip-title {
  zoom: 1;
}

/***************************************
   =cluetipClass: 'pita2'
-------------------------------------- */
.cluetip-pita2 {
  background: transparent url(/Images/SiteImages/pita-bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

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

.cluetip-pita2 #cluetip-title {
  background-color: transparent;
  margin: 0 -12px 0 0;
  position: relative;
  padding: 5px 12px 20px;
}

.cluetip-pita2 #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(/Images/SiteImages/pita-tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-pita2 #cluetip-title {
  background: transparent url(/Images/SiteImages/pita-tr.gif) no-repeat 100% 0;
  padding: 8px 20px 0;
  margin: 0 -12px 0 0;
  position: relative;
}

.cluetip-pita2 #cluetip-inner {
  background: url(/Images/SiteImages/pita-br1.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

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

/* rounded arrows */

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



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