﻿body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%; /* sets base font at 12px; 80% old size */
    text-align: center;
    background: #fff url("../images/YP/bg2.gif") left top repeat-x;
}

.Panel 
{
	FONT-FAMILY: Helvetica, sans-serif;
}
.LabelHeader {
	FONT-SIZE: 14px; 
	font-weight:bold;
	text-decoration: none;
	color: White;
}
.LabelHeaderOver {
	FONT-SIZE: 14px; 
	font-weight:bold;
	text-decoration: none;
	color: #ffca12;  /*#d9922a;*/
}
.Label {
	FONT-SIZE: 18px; 
	font-weight:bold;
	text-decoration: none;
}
.Welcome {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	color: #fff;
	text-decoration: none;
}
.Dropdown {
	BORDER-LEFT: #666 1px solid; 
	BORDER-BOTTOM: #666 1px solid; 
	BORDER-RIGHT: #666 1px solid; 
	BORDER-TOP: #666 1px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	padding: 2px;
	color: #6d5731;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.Textbox {
	BORDER-LEFT: #666 1px solid; 
	BORDER-BOTTOM: #666 1px solid; 
	BORDER-RIGHT: #666 1px solid; 
	BORDER-TOP: #666 1px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	padding: 2px;
	color: #6d5731;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.DropdownMain {
	BORDER-LEFT: #666 1px solid; 
	BORDER-BOTTOM: #666 1px solid; 
	BORDER-RIGHT: #666 1px solid; 
	BORDER-TOP: #666 1px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 14px; 
	padding: 2px;
	color: #6d5731;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.TextboxMain {
	BORDER-LEFT: #666 1px solid; 
	BORDER-BOTTOM: #666 1px solid; 
	BORDER-RIGHT: #666 1px solid; 
	BORDER-TOP: #666 1px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 14px; 
	padding: 2px;
	color: #6d5731;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.Req 
{
	color: Red;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	text-decoration: none;
}
.ReqDisc
{
	FONT-FAMILY: Helvetica, sans-serif;
	FONT-SIZE: 10px; 
	text-decoration: none;
	font-style:italic;
	font-weight:normal;
}
.LargeHeader {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.25em;
  border-bottom: solid 1px #CCC;
}
.Header {
  font-weight: bold;
  font-size: 11px;
  line-height: 1.25em;
  border-bottom: solid 1px #CCC;
}
.SmallHeading
{
  font-weight: bold;
  font-size: 11px;
}
.SmallHeadingOver
{
  font-weight: bold;
  font-size: 11px;
  color: Red;
}
.BodyText {
	FONT-SIZE: 10px; 
	text-decoration: none;
}
.BodyTextOver {
	color: Red;
	FONT-SIZE: 10px; 
	text-decoration: none;
}
.BodyTextHeader {
	FONT-SIZE: 10px; 
	text-decoration: none;
	font-weight: bold;
}
.BodyTextWhite {
	color: White;
	FONT-SIZE: 10px; 
	text-decoration: none;
}
.BodyTextLight {
	color: Gray;
	FONT-SIZE: 10px; 
	text-decoration: none;
}
.BodyTextLarge {
	FONT-SIZE: 11px; 
	text-decoration: none;
}
.Hlink {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	color: #fff;
	text-decoration: none;
}
.HlinkOver {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	color: #ffca12; /*Red;*/
	text-decoration: none;
}
.HlinkBig {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px;
	text-decoration: none;
}
.HlinkBigOver {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	color: Red; /*#ffca12Red;*/
	text-decoration: none;
}
.HlinkLarge {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px;
	text-decoration: none;
	color: Green;
}
.HlinkLargeOver {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	color: Red; /*#ffca12Red;*/
	text-decoration: none;
}
.Hlink2 {
	FONT-WEIGHT: normal; 
	color: #0000FF;
	text-decoration: none;
}
.BottomLink {
	FONT-WEIGHT: bold;  
	FONT-SIZE: 10px; 
	color: #0000FF;/*#114fbf;   #6d5731;*/
	text-decoration:none;
}
.BottomLinkOver {
	FONT-WEIGHT: bold;  
	FONT-SIZE: 10px; 
	color: #ffca12; /*Red;*/
	text-decoration: none;
}
.Hlink2Over {
	FONT-WEIGHT: normal; 
	color: #d77a27; /*Red;*/
	text-decoration: none;
}
.HlinkDir {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #0000FF;
	text-decoration: none;
}
.HlinkDirOver {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: Red;
	text-decoration: none;
}
.HlinkBln {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	color: #0000FF;
	text-decoration: none;
}
.HlinkBlnOver {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	color: Red;
	text-decoration: none;
}
.Divider {
	color: #cccc66;
}        
.MmapTxt
{
    BORDER-LEFT: #666 1px solid; 
    BORDER-BOTTOM: #666 1px solid; 
    BORDER-RIGHT: #666 1px solid; 
    BORDER-TOP: #666 1px solid; 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 11px; 
    padding: 2px;
    color: #6d5731;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.MmapData
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
}

/* Tabs */
div.tabArea {
  font-size: 80%;
  font-weight: bold;
}

a.tab {
  background-color: #e2f4b8;
  border: 1px solid #848484;
  border-bottom-width: 0px;
  padding: 3px 1em 3px 1em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 101;
}
a.tab.activeTab {
  z-index: 102;
}

a.tab, a.tab:visited {
  color: #808080;
}

a.tab:hover {
  background-color: #8db540;
  color: #606060;
}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #fff;
  color: #000000;
}
div.tabMain {
  background-color: #fff;
  border: 1px solid #848484;
  padding: 1em;
  position: relative;
  z-index: 101;
}

div.tabIframeWrapper {
  width: 95%;
}


iframe.tabContent {
  background-color: #c0c0c0;
  border: 1px solid #000000;
  width: 95%;
}

.TabbedPanelsContent
{
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color: #999999; 
	scrollbar-darkshadow-color: #e9e8e9; 
	scrollbar-track-color: #e9e8e9; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #999999;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 2px #CCC;
	border-bottom: solid 4px #CCC;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	background-image: url(../images/container4.gif);
	background-repeat: repeat-x;
	background-color: #cdcea5;
	padding: 10px 0 10px 15px;
	font-size: 11px;
	margin-bottom:10px;
	width: 250px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.TabbedPanelsContentGroup strong {
	font-size: 11px;
	font-weight:bold;
}
.TabbedPanelsContentGroupF {
	clear: both;
	border-left: solid 2px #CCC;
	border-bottom: solid 4px #CCC;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	background-image: url(../images/container.gif);
	background-repeat: repeat-x;
	background-color: #cdcea5;
	padding: 10px 0 10px 20px;
	font-size: 11px;
	margin-bottom:10px;
	width: 250px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.TabbedPanelsContentGroupF strong {
	font-size: 11px;
	font-weight:bold;
}
.TabbedPanelsContentGroupF a {
	font-size: 10px;
	font-weight:bold;
}

/* =Main areas */
#wrapper {
    text-align: left;
    width: 995px;
    margin: 0 auto;
    padding: 0;
    color: Black; /* #6d5731 */
    background-color: #fff;
    font-size: 1em; /* 12px base font */
}
/* Headings 

h2, h4, h6 {
  color: #6d5731;
}


h5, div.block h5, h6 { color: #78633b; }*/

h2 {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.25em;
  border-bottom: solid 1px #CCC;
  padding-bottom: 2px;
  /*background: url(../images/layout/h2_div.gif) bottom left repeat-x;*/
}	

h3 {
  color: #1296c1;
  font-weight: normal;
  font-size: 17px;
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

h4 {
  font-weight: bold;
  font-size: 11px;
  line-height: 1.25em;
  border-bottom: solid 1px #CCC;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
}

h5 { font-weight: normal; }

div.block h5 {
  font-size: 20px;
  line-height: 1.55em;
}

h6 {
  font-size: 16px;
  line-height: 1.35em;
  background: url(../images/layout/h2_div.gif) bottom left repeat-x;
  margin-bottom: 5px;
  padding: 0 0 6px 0;
}	
#banner-top {
    height: 58px;
    background: #fff url("../images/YP/banner-bg3.jpg") left top no-repeat;
}
#logo {
    float: left;
    vertical-align:middle;
    text-indent: -500em;
    background: transparent url("../images/YP/logo4.png") 20px 17px no-repeat;
}
#logo a {
    display: block;
    width: 290px;
    height: 56px;
}
#signin {
    float: right;
    display: inline; /* for IE double margin */
    color: #fff;
    padding: 0;
    margin: 15px 20px 0 0;
    font-size: .916em; /* 11px */
    color: #ffc40c;
    text-decoration:none;
    background: transparent url("../images/YP/signin-bg.gif") right top no-repeat;/**/
}
#signin ul {
    padding: 7px 0 7px 3px;
    margin: 0 4px 0 0;
    background: transparent url("../images/YP/signin-ul-bg.gif") left top no-repeat;/**/
}
#signin li {
    display: inline;
    padding: 0 9px;
    border-right: 1px solid #5d5d5d;
    text-decoration:none;
}
#signin li.last {
    display: inline;
    padding: 0 9px;
    border: none;
    text-decoration:none;
}
#signin a {
    color: #fff;
    text-decoration:none;
}
#signin a:hover,
#signin a:active {
    color: #ffc40c;
}

/* =Navigation */
#top-nav {
    width: 957px;
    height: 46px;
    margin: 0;
    padding: 0 19px;
    font-family: Arial, Helvetica;
    color: #fff;
    font-weight: bold;
    background: transparent url("../images/YP/nav-bg.gif") left top repeat-x; /* white background */
}
#wrapper .on-nav-business,
#wrapper .on-nav-person,
#wrapper .on-nav-maps,
#wrapper .on-nav-local,
#wrapper .on-nav-my,
#wrapper .on-nav-mobile {
    background-image: url("../images/YP/nav-bg.gif"); /* yellow background */
}
#wrapper .on-nav-advertise {
    background-image: url("../images/YP/nav-bg-advertise.gif"); /* light blue fade background */
}
/*#top-nav a {
    padding: 0 18px 4px 20px;
    margin: 0;
    text-decoration: none;
    color: #fff;
	FONT-SIZE: 12px; 
	font-weight:bold;
}

#top-nav li {
    float: left;
    _width: 1%; /* for IE 6< 
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-image: url("../images/YP/nav-off-bg.gif");
}
#top-nav li span {
    display: block;
    height: 46px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 100% -40px;
}
#top-nav a {
    display: block;
    padding: 0 18px 4px 20px;
    margin: 0;
    line-height: 32px;
    text-decoration: none;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 100% 0px;
    text-indent: -500em;
}
#top-nav a:hover, #top-nav a:active { color: #FFC40C; } /* text styles - if images removed */

/* hover state - remove the a background image 
#top-nav li a:hover {
    background-image: none;
}

/* text images off, hover, on *
li#nav-business span {background-image: url("../images/YP/nav-business.gif");}
li#nav-business a {
    width: 92px;
    padding-left: 18px;
    background-image: url("../images/YP/nav-business.gif");
}
#top-nav.on-nav-business li#nav-business a {background-image: url("../images/YP/nav-business-on.gif");}
#nav-person span {background-image: url("../images/YP/nav-person.gif");}
#nav-person a {
    width: 82px;
    background-image: url("../images/YP/nav-person.gif");
}
#top-nav.on-nav-person li#nav-person a {background-image: url("../images/YP/nav-person-on.gif");}
li#nav-maps span {background-image: url("../images/YP/nav-maps.gif");}
li#nav-maps a {
    width: 109px;
    background-image: url("../images/YP/nav-maps.gif");
}
#top-nav.on-nav-maps li#nav-maps a {background-image: url("../images/YP/nav-maps-on.gif");}
li#nav-local span {background-image: url("../images/YP/nav-local.gif");}
li#nav-local a {
    width: 78px;
    background-image: url("../images/YP/nav-local.gif");
}
#top-nav.on-nav-mobile li#nav-mobile a {background-image: url("../images/YP/nav-mobile-on.gif");}
li#nav-mobile span {background-image: url("../images/YP/nav-mobile.gif");}
li#nav-mobile a {
    width: 88px;
    background-image: url("../images/YP/nav-mobile.gif");
}

#top-nav.on-nav-local li#nav-local a {background-image: url("../images/YP/nav-local-on.gif");}
li#nav-my span {background-image: url("../images/YP/nav-my.gif");}
li#nav-my a {
    width: 125px;
    background-image: url("../images/YP/nav-my.gif");
}
#top-nav.on-nav-my li#nav-my a {background-image: url("../images/YP/nav-my-on.gif");}
li#nav-advertise {
    float: right;
    background-position: right top;
    background-image: url("../images/YP/nav-advertise-bg.gif");
}
li#nav-advertise span {
    background-position: 26px -40px;
    background-image: url("../images/YP/nav-advertise.gif");
}
li#nav-advertise a {
    width: 106px;
    padding-right: 9px;
    padding-left: 26px;
    background-position: 26px 0px;
    background-image: url("../images/YP/nav-advertise.gif");
}
.on-nav-advertise li#nav-advertise span {
    background-position: 26px 14px;
    background-image: url("../images/YP/nav-advertise-on.gif");
}
.on-nav-advertise li#nav-advertise a {
    background-image: none;
}
*/
#sub-nav {
    margin-left: 20px;
    width: 955px; /* #8bb43f*/
    background: #fff url("../images/YP/subNav_Loc.png") right top no-repeat;
}
#sub-nav-alt {
    margin-left: 20px;
    height: 30px;
    width: 955px; /* #8bb43f*/
    background: #fff url("../images/YP/subNav_Alt.png") right top no-repeat;
}
#sub-nav-con {
    margin-left: 20px;
    width: 955px; /* #8bb43f*/
    background: #fff url("../images/YP/subNav_Con.png") right top no-repeat;
}
#main-nav {
    margin-left: 20px;
    width: 955px; /* #8bb43f*/
    background-color: #fff;
}
#main-nav div#dash
{
	width: 240px;
	height: 30px;
}
#main-nav div#GMapEZ 
{
	width: 610px; /* 660px or 580px*/
	height: 500px;
}
#main-nav div#MapResults 
{
	width: 305px; 
	height: 500px;
	clear: both;
	overflow-x: hidden;
	overflow-y: auto;
}
#main-nav div#LeftDiv
{
	width: 660px;
	border-right: solid 1px #CCC;
}
#main-nav div#RightDiv
{
	width: 280px;
	clear: both;
	float: right;
}
#main-nav div#AboutLeft 
{
	width: 600px;
	padding-right:10px;
	border-right: solid 1px #CCC;
}
#main-nav div#AboutRight
{
	width: 330px;
	clear: both;
	float: right;
}
#main-nav div#ShortLeft 
{
	width: 580px; 
	height: 430px;
}
#main-nav div#ShortRight
{
	width: 330px; 
	height: 490px;
	clear: both;
	float: right;
	border-left: solid 1px #CCC;
	padding-left:10px;
}
#main-nav div#AccntLeft
{
	width: 820px;
	padding-right:10px;
	border-right: solid 1px #CCC;
}
#main-nav div#AccntRight
{
	width: 110px;
	clear: both;
	float: right;
}
#main-nav div#ViewLeft
{
	width: 750px;
	padding-right:10px;
	border-right: solid 1px #CCC;
}
#main-nav div#ViewRight
{
	width: 180px;
	clear: both;
	float: right;
}
#main-nav div#LoginLeft 
{
	width: 460px;
}
#main-nav div#LoginRight
{
	width: 480px;
	clear: both;
	float: right;
	padding-left:10px;
	border-left: solid 1px #CCC;
}
#end_block {
    margin-top:20px;
    margin-bottom:10px;
    margin-left: 12px;
    padding-top: 15px;
    width: 995px;  /*#8bb43f*/
    height: 45px;
    background: #fff url("../images/YP/footer-bg.gif") left top no-repeat;
}
