/*============================================================================
/*Common Elements*/
html, body 
{
	padding: 0;
}

body 
{
	margin:0px;
	margin-top:0px;
	font-size:80%;
	font-family:arial, tahoma, sans-serif;
	color: #000000;
	background:url(../images/Shadow_Background.jpg) repeat-x top left;
}

.accessable
{
	display:none;
}

h1, h2, h3, h4, h5, h6
{
	color: #3d3f3f;	
	font-family: arial, tahoma, sans-serif !important;	
}

/*h1 and h4 are the same, but we try to use one h1 on every
page to help with our Search Engine's Page Rank */
h1
{
	font-size: 1.1em;
	margin: 5px 0 5px 0 !important;
}

h2
{
	font-size:1.7em;
	margin:1px 0 1px 0;
	padding:1px 0 10px 0;		
}

h3
{
	font-size:1.5em;
	margin: 5px 0 5px 0 !important;	
}

h4
{
	font-size: 1.1em;
	margin: 5px 0 5px 0 !important;
}

h5
{
	font-size: 1em;
	padding: 5px 0 0 0;
}

h6
{
	font-size: .9em;
	margin:5px 0 0 0 !important;
	padding:0px !important;
}

.red
{
	color: #ff0000;
}

p,
.divP
{
	padding-left:1em;
	padding-right:1em;	
	margin-top:5px;
}

.narrowParagraph
{
	width:520px;
}

li
{
	
}

img
{
	border:0;
}

.clear
{
	clear:both;
}

a, 
a:link, 
a:visited, 
a:hover, 
a:active
{
	color: #3d3f3f;
	text-decoration: underline;
	font-weight:bold;
}

a:hover
{
	/*DO NOT Change this, it is defined in each color schemes stylesheet*/
}

.largeLink,
.largeLink:link,
.largeLink:visited,
.largeLink:hover,
.largeLink:active
{
	font-size:1.1em;
	font-weight:bold;
	color:#882345;
	text-decoration:underline;	
}

.largeLink:hover
{
	text-decoration:underline;	
	color:#383953;	
}

.buttonLink,
.buttonLink:link,
.buttonLink:visited,
.buttonLink:hover,
.buttonLink:active
{
	border: 1px solid #9BA5B2;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1.7em;
	text-decoration:none;
	padding:0.3em 2em;
	color:#636A72;
	font-weight:bold;
	background:url(../images/Navigation_HoverButton.jpg) repeat-x top left #d3d3d3;	
}

.buttonLink:hover
{
	text-decoration:underline;
	color:#383953;
}

form
{
	margin:0;
	padding:0;
}

.findLabel
{
	display:block;
	float:left;
	width:90px;
	padding-right:0.5em;
}

/*============================================================================*/
/* Page Flow */
#Center
{
	position:relative;
	margin:auto;
	margin-bottom:0px;
	z-index:1;	
	padding-top:5px;
	width:735px;	
}

#frame
{
	background-color:#fff;
	/*margin:10px auto;*/
	padding:0;
	width:735px;
	/*height:620px;*/
	min-height:550px;
	height:auto !important;
}

/*============================================================================*/
/* Header */
#header
{
}

#header hr
{
	color: Gray;
	background-color: Gray;
	height: 6px;
	border: 0;
	width: 735px;
	text-align:left;
	display:-moz-box;		
	display:block;
	padding:0px;
	margin:0px;
}

hr
{
	color: Gray;
	background-color: Gray;
	height: 1px;	
	display:-moz-box;		
	display:block;
}

/*============================================================================*/
/* Footer */
#footer
{
	clear:both;
	padding-top:15px;
	padding-bottom:20px;
	background-color: #ffffff;
}

#footer .imageFooter
{
	position: relative;
	font-size:.95em;
	background-color: #ffffff;
}

#footer .imageFooter label
{
	position:absolute;
	top:10px;
	left:110px;
	font-size:.95em;
	width:450px;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
{
	padding:.7em;
	text-decoration:none !important;	
	font-weight:normal;	
	font-size:.9em;
}

#footer .leftFooter
{
	float:left;
	width:80%;
	padding-bottom:20px;	
	text-align:center;
	font-size:.95em;
}

#footer .rightFooter
{
	display:-moz-inline-box;
	display:inline-block;
	float:left;
	width:20%;	
	text-align:right;
	padding-bottom:20px;
	font-size:.85em;	
}

/*============================================================================*/
/* Logo Block */
#logoBlock,
#marketCommentaryBlock
{
	/*background:url(../images/header_grad.gif) top right repeat-y #fff;	*/
	margin:0px;
	padding: 15px 10px 5px 10px;
	width:715px;
	display:-moz-inline-box !important;
	display:inline-block !important;
}

#marketCommentaryBlock
{
	width:690px;
}

#logoBlock .leftBlock,
#marketCommentaryBlock .leftBlock
{
	float:left;
}

#logoBlock .rightBlock,
#marketCommentaryBlock .rightBlock
{
	float:right;
	text-align:right;
	font-size:.85em;	
}

#logoBlock input
{
	margin-bottom:5px;
	width:250px;
}

#divMainBanner
{
	border-width: 0px;	
	margin-left: -15px;
	margin-right: -15px;
	background-repeat:no-repeat;	
	height:295px;	
	border-width: 0px;	
	width:735px;			
}

#divMainBanner a, 
#divMainBanner a:link, 
#divMainBanner a:visited,
#divMainBanner a:hover, 
#divMainBanner a:active,
#divBannerImages a, 
#divBannerImages a:link, 
#divBannerImages a:visited,
#divBannerImages a:hover, 
#divBannerImages a:active
{
	border-width: 0px;	
}

#divMainBanner .mainBannerImage
{
	display:-moz-inline-box;
	display:inline-block;
	height:295px;	
	border-width: 0px;	
	width:735px;
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;	
}

#divBannerImages
{
	border-width: 0px;	
	margin-left: -5px;
	margin-right: -5px;		
}

#divBannerImages .bannerImage
{
	display:-moz-inline-box;
	display:inline-block;
	height:136px;	
	border-width: 0px;	
}

#tagline
{
	/*border: 1px solid #9BA5B2;*/
	width: 100%;
	text-align:center;
	margin-top:4px;
	margin-bottom:5px;	
	padding-bottom:3px;
}

#tagline label
{
	font-size:1.9em;
	vertical-align:middle;
	line-height:40px
}

.ApplyOnlineLink,
.ApplyOnlineLink:link,
.ApplyOnlineLink:visited,
.ApplyOnlineLink:hover,
.ApplyOnlineLink:active
{
	display: inline-block;
	height: 38px;
	width: 132px;
	background-image:url(../images/Apply-Online-Button.jpg);	
	float: left;
	margin:3px;
}

.ApplyOnlineLink:hover
{
	background-image:url(../images/Apply-Online-Hover-Button.jpg);	
}

/*============================================================================*/
#subContent
{
	padding:0 0 10px 0;
}

#displayContent h1, 
#displayContent h2, 
#displayContent h3, 
#displayContent h4, 
#displayContent h5,
#displayContent h6
{	
	/*DO NOT Change this, it is defined in each color schemes stylesheet*/	
}

.spanLeftBlock
{
	float:left;	
	width:60%;
}

.spanRightBlock
{
	float:right;	
	width:40%;
	height:310px;
}

#certificationBlock,
.topPerformerBlock,
.profileView
{
	display:-moz-box;	
	display:block;
	width:100%;
	margin-bottom:10px;
	float:left;
}

.profileView
{
	/*This is very important, otherwise, IE 6.0 would
	cut off the profiles...*/
	height:auto !important;	/* Firefox, Safari, IE7, etc */
	height:200px; /* IE6 doesn't have a min-height*/
	min-height:150px; /* Firefox, Safari, IE7, etc */
}

#certificationLeftBlock
{
	font-size:.85em;
	display:-moz-inline-box;
	display:inline-block;
	float:left;
	width:350px;		
}

#certificationRightBlock
{
	display:-moz-inline-box;
	display:inline-block;
	float:left;	
	text-align:right;
	width:200px;			
}

.topPerformerLeftBlock
{
	display:-moz-inline-box;
	display:inline-block;
	float:left;
	width:400px;		
}

.topPerformerRightBlock
{
	display:-moz-inline-box;
	display:inline-block;
	float:left;	
	text-align:right;
	width:125px;			
}

.imageTopCenter
{
	display:-moz-box;
	display:block;
	text-align: -moz-center;
	text-align:center;
	padding-bottom:10px;
}

.imageRight
{
	display:-moz-box;
	display:block;
	float:right;
	margin-left:10px;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:10px;
}

.imageDownRight
{
	display:-moz-box;	
	display:block;
	float:right;
	position:relative;
	left:0px;
}

.embeddedTable thead
{
	font-weight:bold;
}

.embeddedTable td
{
	padding-top:2px;
	padding-right:20px !important;
}

.embeddedTable i
{
	font-size:.8em;
}

.vaTable
{
	border:#9fa1a1 1px solid;
	font-size:.9em;
}

.vaTable thead
{
	font-weight:bold;
}

.vaTable td
{
	padding-top:3px;
	padding-left:5px !important;
	padding-right:5px !important;	
}

.vaTable i
{
	font-size:.8em;
}

/*============================================================================*/
/* Internal Page Side Menu */
#sideMenuContainer
{
	float:left;
	width:130px;
	/*gotta have this to make sure class "divInfo" doesn't start aligned
		all the way to the left.*/
	height:auto !important; /* Firefox, Safari, IE7, etc */
	height:400px; /* IE6  doesn't have a min-height*/
	min-height:400px; /* Firefox, Safari, IE7, etc */
	padding-right:5px;
	display:-moz-box;	
	display:block;	
}

#sideMenuContainer div
{
	margin-bottom:7px;
}

#sideMenuContainer a,
#sideMenuContainer a:link,
#sideMenuContainer a:visited,
#sideMenuContainer a:hover,
#sideMenuContainer a:active
{
	font-size:.88em;
}

/*============================================================================*/
/* File Display */
.divSubCategoryDisplay
{
	margin-left:20px;
}

.categorySelectLabel
{
	display:block;
	float:left;
	font-weight:bold;
	width:225px;
}

.FileGridView
{
	font-family: arial, tahoma, sans-serif;
	font-size:0.9em;
	color:#383953;
	width:95%;
	margin-left:20px;
}

.FileGridView th
{
	padding-bottom:0.6em;
	font-size:1em;	
	color:#383953;	
	vertical-align: middle;
	background-image: url(../images/Navigation_Button.jpg);
	text-align:left;
}

.FileGridView a,
.FileGridView a:link,
.FileGridView a:visited,
.FileGridView a:hover,
.FileGridView a:active
{
	color:#383953;
}

.FileGridView a:hover
{
	color:#882345;
}

.FileGridView tr
{
	background-color: #f5f5f5;
}

.FileGridView td
{
	padding:0.6em;
	font-size:1em;
}

.FileGridView .AlternateFileRow
{
	background-color: #e5e5e5;	
}

.FileGridView .ExtensionCell,
.FileGridView .TimeStampCell
{
	text-align:center;
}

.GridPager
{
	padding:0;
	margin:0;
	background-color:Transparent;
	font-size:1.1em;
}

.GridPager table,
.GridPager td
{
	margin:0;
	padding:0;
	background-color:Transparent;
}

.imgCol
{
	padding:0 2px;
	text-align:center;
	
}

.imgCol img
{
	border:0;
	margin:0 !important;
	padding:0 !important;
	display:inline !important;
}

/*==========================================================================*/
/*Page Specific Code*/
#mainContent
{
	padding: 0 15px 0 15px !important;
}

.BreadCrumb
{
	margin-bottom:5px;
}

.divList
{
	width:100%;
	float:left;	
	display:-moz-box;	
	display:block;
	padding:0px;
	margin:0px;
}

.branchLeftBlock,
.officeLeftBlock
{
	float:left;	
	max-width:250px; /* Firefox, Safari, IE7, etc */
	width: 250px; /* IE6  doesn't have a max-width*/
	overflow:visible;
	margin-bottom:5px;
}

.branchLeftBlock img,
.officeLeftBlock img,
.supportStaffImageBlock img
{
	max-width:242px;
	max-height:135px;	
}

.branchRightBlock,
.officeRightBlock
{
	float:left;
	width:460px;
	margin-bottom:2px;
	display:-moz-inline-box;
	display:inline-block;
	display:inline;
	/*For IE6 since the inline didn't work...  
	When using absolute you must have a left and/or top
	Otherwise it will essentially be relative*/	
	position:absolute;	
	left:265px;	
}

.branchRightBlock h2,
.officeRightBlock h3
{
	width:458px;
	padding-bottom:5px !important;
}

.branchFullBlock,
.officeFullBlock
{
	float:left;	
	width:730px;	
}

.contactBlocks
{
	width:100%;
	padding:0px;
}

.contactBlocks td
{
	vertical-align:text-top !important;  
	vertical-align:top !important; /* Firefox, Safari*/	
	margin:0;
	padding:0px;	
	width:50%;
}

.contactBlocks h6
{
	margin-top:0px !important;
	padding-top:0px !important;
}

.wideAboutUs
{
	width:700px;
	float:left;
}

.narrowAboutUs
{
	width:485px;
	float:left;
}

.supportStaffPictureBlock
{
	float:left;	
	width:98px;
	height:144px;
	margin-right:15px;
	margin-bottom:5px;	
}

.supportStaffPicture
{
	width:98px;
	height:144px;
	/*IE 6.0 made me spell all these out*/
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #9BA5B2;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #9BA5B2;
	border-right-style: solid;
	border-right-width: 3px;
	border-right-color: #9BA5B2;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: #9BA5B2;		
	text-decoration:none;
}

.supportStaffNameBlock
{
	float:left;	
	width:205px;
	max-height:144px;
	margin-bottom:5px;		
}

.supportStaffImageBlock
{
	float:left;	
	width:242px;
	height:144px;	
	margin-bottom:5px;		
}

.supportStaffContactLeftBlock
{
	float:left;	
	width:232px;
}

.supportStaffContactRightBlock
{
	float:left;	
	width:333px;
}

.LoanOfficerSearchFullBlock
{	
	width:390px;
	margin-left:179px;
}

.LoanOfficerSearchRightBlock
{
	display:inline-block;
	width:350px;
	min-height:70px;
}

.SelectedLoanOfficerSearchLeftBlock
{
	float:left;	
	width:350px;
	text-align:center;
	min-height:70px;
}

.StateSearchBlock
{
	float:left;	
	width:350px;	
	border-left: 1px solid #9BA5B2;
}

.BusinessLevelSearchBlock
{
	float:left;	
	width:700px;	
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 25px;
}

.divInfo 
{
	display:block !important;
	float:left !important;
	width:550px;	
	padding-bottom:10px;
}

/*============================================================================*/
/*Email Message Form*/
#messageForm .label
{
    width:120px;
    text-align:right;
	display:-moz-inline-box;
	display:inline-block;
}

#messageForm .textarea
{
    display:inline;
    vertical-align:top;
}

#messageForm .leftCol
{
    margin-left:123px;
}

#messageForm .save
{
  margin-left:123px;
  margin-top:5px;
}

.SubButtons
{
	padding:0;
	text-align:right;
}

.SubButtons input,
.SubButtons a
{
	background-color:#ccc;
	border:none;
	padding:0.25em;
	margin:0 0 0 0.5em;
	font-size:.9em;
	color:#555 !important;	
	width:125px;
	border: #999999 1px solid;
}

.SubButtons a
{
	padding:1em, 0.5em, 1em, 0.5em;
	text-decoration:none;
}

.SubButtons input:hover,
.SubButtons a:hover
{
	background-color:#ddd;
}

/*============================================================================*/
/*For the Navigation Link Buttons*/
.MainMenu
{
	display:-moz-box;	
	display:block;
	/*Without this the sub menus don't pop-up*/
	height:34px;	
}

.Horiz
{
	width: 735px;	
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: arial, tahoma, sans-serif;	
	clear: both;
	background:url(../images/Navigation_HoverButton.jpg) no-repeat top right;
}

.HorizGallery
{
	width: 500px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: arial, tahoma, sans-serif;	
	clear: both;
}

.Horiz li > ul 
{
	top: auto;
	left: auto;
	position: absolute;
}

.Horiz li.over ul 
{ 
	display: block;
}

.Horiz li:hover > ul.MenuPopup
{ 
	display: block;
}

.MainMenuLI
{
	display: block;	
	float: left;
	width: 122.3px !important;	
} 

.MainMenuLI a, 
.MainMenuLI a:link, 
.MainMenuLI a:visited, 
.MainMenuLI a:hover,
.MainMenuLI a:active
{
	display: block;
	text-align: center;
	padding-top: 9px;
	padding-left:3px;
	padding-right:3px;	
	padding-bottom:0px;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	line-height:20px;
	height: 32px;
	background-image: url(../images/Navigation_HoverButton.jpg);
    /*background:url(<%=Page.ResolveClientUrl("~/images/colored/Navigation_Button.jpg")%>);*/
    /*background:url(http://localhost/Shelter-Mortgage/images/colored/Navigation_Button.jpg);*/
	color: #3d3f3f;
}

.MainMenuLI a:hover
{
	background-image: url(../images/Navigation_HoverButton.jpg);
	color: #adafaf;
}

.Horiz .MenuPopup 
{
	width:165px;
	margin:0px;
	padding:0px;
	position:absolute;
	display: none;
	background:#fff;
	list-style:none;	
	line-height:normal;	
	float:left;
	border-left: #9fa1a1 1px solid;
	border-right: #9fa1a1 1px solid;
	border-bottom: #9fa1a1 1px solid;		
	z-index:2;	
 }

.Horiz ul.MenuPopup ul 
{
	display:none;
}

.SubMenuLI,
.SubSubMenuLI
{
	width:165px;	
	display: block;
	float: left;
}

.SubMenuLI a, 
.SubMenuLI a:link, 
.SubMenuLI a:visited, 
.SubMenuLI a:hover, 
.SubMenuLI a:active,
.SubSubMenuLI a, 
.SubSubMenuLI a:link, 
.SubSubMenuLI a:visited, 
.SubSubMenuLI a:hover, 
.SubSubMenuLI a:active
{	
	padding-top: 5px;	
	padding-right:2px;	
	font-size: .9em;
	text-decoration: none;
	text-align: left;	
	color: #3d3f3f;
	border-right-style: none;
	border-left-style: none;
	background: url(../images/Navigation_Button.jpg) repeat-x top left;	
	border-bottom-style: none;
	display: block;
	border-top: #9fa1a1 1px solid;
	line-height:12px;	
	height: 15px;	
	padding-left:7px;	
}

.SubSubMenuLI a, 
.SubSubMenuLI a:link, 
.SubSubMenuLI a:visited, 
.SubSubMenuLI a:hover, 
.SubSubMenuLI a:active
{	
	font-size: .85em;	
	background-image: url(../images/content_grad.gif);	
	color: #3d3f3f;
	border-top: none;
	padding-left:17px;
}

.SubMenuLI a:hover, 
.SubSubMenuLI a:hover
{
	color: #9fa1a1;
	background-image: none;
	background-color: #f6f6f6;
}

.SpecialButton a, 
.SpecialButton a:link, 
.SpecialButton a:visited, 
.SpecialButton a:hover, 
.SpecialButton a:active
{
	display:-moz-inline-box;	
	display: inline-block;
	text-align: center;
	padding-top: 7px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 5px;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	height: 24px;
	width: 110px; /*This would be the default, if we don't add a specific color scheme's stylesheet*/
	background: url(../images/Navigation_HoverButton.jpg) no-repeat center;
	color: #f5f5f5;
}

.SpecialButton a:hover
{
	background: url(../images/Navigation_HoverButton.jpg) no-repeat center;
}

.bookmarkLoanOfficerButton
{
	padding-top: 3px !important;
	height: 28px !important;	
}

.gsc-search-button input,
.GoogleInputSubmit input,
.SpecialButtonSmall a, 
.SpecialButtonSmall a:link, 
.SpecialButtonSmall a:visited, 
.SpecialButtonSmall a:hover,
.SpecialButtonSmall a:active
{
	display:-moz-inline-box !important;	
	display: inline-block !important;
	text-align:center !important;
	padding-top:5px !important;
	padding-left:3px !important;
	padding-right:3px !important;	
	margin-bottom:5px !important;
	font-size:1em !important;
	text-decoration: none !important;
	font-weight: bold !important;
	height: 18px !important;
	width: 75px !important;
	/*This would be the default, if we don't add a specific color scheme's stylesheet*/
	background: url(../images/Navigation_SmallButton.jpg) no-repeat center;
	color: #3d3f3f !important;
}

.gsc-search-button input,
.GoogleInputSubmit input
{
	border:none;
	padding:0px;
	padding-bottom:4px;
	margin-right:3px;
	height: 23px !important;	
}

.gsc-search-button input
{
	font-size:.85em !important;
}

.gsc-search-button input:hover,
.GoogleInputSubmit input:hover,
.SpecialButtonSmall a:hover
{
	/*This would be the default, if we don't add a specific color scheme's stylesheet*/
	background: url(../images/Navigation_SmallHoverButton.jpg) no-repeat center;
	cursor:hand;
}

/***************************************************************************
Styles for Google AJAX Search API*/

/*It doesn't appear we need this, but just to be sure
we don't display competitiors ads*/
#searchContent .gsc-ad-box 
{ 
	display:none; 
}

#searchContent .gsc-title
{ 
	display:none; 
}

#searchContent .gsc-input input
{
	width:98% !important;
}

.GoogleInputBox input,
#searchContent .gsc-input input
{
	border: #9fa1a1 1px solid;	
}

/*I don't want to display the little x */
#searchContent .gsc-clear-button
{ 
	display:none; 
}

/*Displays the number of results returned*/
#searchContent .gsc-stats
{
	display:none;
}

#searchContent .gs-webResult 
{
	width:600px;
}

#searchContent .gs-webResult .gs-title 
{ 
	font-family:arial, tahoma, sans-serif;
}

#searchContent .gs-webResult .gs-title a, 
#searchContent .gs-webResult .gs-title a:link, 
#searchContent .gs-webResult .gs-title a:visited, 
#searchContent .gs-webResult .gs-title a:hover, 
#searchContent .gs-webResult .gs-title a:active
{
	color: #3d3f3f;
	text-decoration: underline;
	font-weight:bold;
}

#searchContent .gs-webResult .gs-title a:hover
{
	/*DO NOT Change this, it is defined in each color schemes stylesheet*/
}

#searchContent .gs-webResult .gs-snippet 
{ 
	font-family:arial, tahoma, sans-serif;
	color: #000000;
}

/*Displays the long URL*/
#searchContent .gs-webResult .gs-visibleUrl-short { display:none; }   
#searchContent .gs-webResult .gs-visibleUrl-long 
{
	display:block; 
}

/* disable More results >> link under a bundle of results */
#searchContent .gsc-trailing-more-results 
{ 
	display : none; 
}
/*End Styles for Google AJAX Search API*
***************************************************************************/


/* I use the Ajax TabContainer for all the sections that allow
viewing in different languages.  These styles basically overwrite
the default styles for this object.  Use !important to overwrite a value */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:left !important;cursor:pointer;display:-moz-inline-box;display:inline-block}

.ajax__tab_xp .ajax__tab_header {font-family: arial, tahoma, sans-serif !important;font-size:1em !important;background:none !important;}
.ajax__tab_xp h6 /*This is like the h4 tag above*/
{
	font-family: arial, tahoma, sans-serif !important;	
	font-size: 1em !important;
	margin: 5px 0 5px 0 !important;
}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:none !important;}
.ajax__tab_xp .ajax__tab_inner {padding-left:0px !important;background:none !important;color:#000000;text-decoration:underline;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:0px;margin:0px;background:none !important;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:none !important;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:none !important;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:none !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:none !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:none !important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:none !important;}
.ajax__tab_xp .ajax__tab_body {font-family: arial, tahoma, sans-serif !important;border:0px !important;padding: 0 0 0 0 !important;background-color:#ffffff;color:#000000;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

.NoColorBlock,
.NoColorBlockNumbered
{
	margin-bottom:10px;
}

.NoColorBlock ul,
.NoColorBlockNumbered ul
{
	margin-left:-10px;
}

.NoColorBlock li,
.NoColorBlockNumbered li
{
	margin-left:35px;
}

.NoColorBlockNumbered li
{
	list-style-type:decimal;
}

.CalculatorsSelectLI
{
	list-style-image: url(../images/img_calculator.gif);
	padding-bottom:5px;
}

/*This was going to be used to create a colored background to all
lists, it ended up just making things too cluttered.  The individual
colors are specified in each colored stylesheet in case this is
ever to be used for something else.*/
.ColorBlock
{
	display:-moz-inline-box;
	display:inline-block;
	padding: 5px 0px 10px 0px;	
	margin-bottom:10px;
	vertical-align:top;
	background-color:#46a4b1;
	color:#eaeaea;
}

.ColorBlock ul
{
	margin-left:15px;
	margin-bottom:0px;
}

.ColorBlock li
{
	margin-left:25px;
}

.ColorBlock h4
{
	color:#eaeaea;
}

.ColorBlock a, 
.ColorBlock a:link, 
.ColorBlock a:visited, 
.ColorBlock a:hover,
.ColorBlock a:active
{
	color:#eaeaea;	
}

.ColorBlock a:hover
{
	color:#3d3f3f;	
}

.clsSocialMedia,
.clsSocialMediaHorizontal
{
	font-family:Tahoma !important;
	font-weight:normal !important;
	font-size:12px !important;
	color:#3d3f3f !important;
	margin-left:0px;	
}

.clsSocialMedia img,
.clsSocialMediaHorizontal img
{
	max-height:20px;
	max-width:150px;
}

.clsSocialMedia a,
.clsSocialMediaHorizontal
{
	font-family:Tahoma !important;
	font-weight:normal !important;
	font-size:12px !important;
	color:#3d3f3f !important;	
	text-decoration:none;
}

.clsSocialMedia ul,
.clsSocialMediaHorizontal
{
	list-style:none;
}

.clsSocialMedia li
{
	list-style:none;
	margin: 4px 0px 4px 10px;
}

.clsSocialMediaHorizontal li
{
	list-style:none;	
	display:block;
	float:left;
	margin: 4px 10px 4px 10px;	
}