

/********************************************************
	HEADER COMPONENT STYLES

	These styles are used to dimension and position major 
	components of the header in a standardized layout
********************************************************/
	
#headerTile{
	float:left;
	clear:both;
	width:762px;
	height:22px;
	margin-top:10px;
	background-image: url(../images/mipBarSlice.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	xborder:solid 1px black;}
	
#pageTitleIcon{
	float:left;
	margin-top:-24px;
	margin-bottom:0px;
	margin-left:13px;		
	xborder:solid 1px black;}
	
#headerBackNext{
	float:left;
	margin-top:-27px;
	margin-bottom:0px;
	margin-left:0px;
	xpadding-right:92px;
	xborder:solid 1px black;}

#advertiserIndexInformationContainer{
	float:left;
	text-align: left;
	color: #ffffff;
	margin-left: 10px;
	margin-top: -22px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 8pt;
	font-weight:bold;}
#currentIndex{display:inline;}
#indexToCountText{display:inline;padding-left: 2px;font-weight:normal;}
#totalCount{display:inline;padding-left: 2px;}
#categoryRelationText{display:inline;padding-left: 2px;font-weight:normal;}
#categoryName{display:inline;padding-left: 2px;width: 280px;}
	
	
#toolBarContainer{
	float:right;
	margin-top:-22px;
	width: 175px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 8pt;
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	xborder:solid 1px red;
	margin-right:4px;}

#toolBarContainer A{color: #FFFFFF;}
	
#helpButtonContainer{
	float:right;
	xpadding-right:175px;
	margin-top:-1px;}

#printFriendlyButtonContainer{
	float:right;
	padding-right:3px;
	margin-top:-1px;}
	
#openInANewWindowButtonContainer{
	float:right;
	padding-right:3px;
	margin-top:-1px;}




/********************************************************
	MAJOR MIP BOX AND MIP TRAY LAYOUT COMPONENT STYLES

	These styles are used to dimension and position major 
	components of the MIP box and tray in a standardized 
	layout
********************************************************/
	
#mipContentContainer{
	float:left;
	clear:left;
	width:370px;
	margin-left:0px; 
	margin-top:10px;
	padding-left: 0px;}

	
	
#mipBoxHeader{
	margin-left:0px;
	height:9px;
	line-height:9px;
	xborder:1px solid green;}
#mipBoxListingContainer{
	postion:relative;
	width:350px;
	margin-left: 0px;
	padding-left: 20px;
	background-repeat:repeat-y;}
#mipBoxFooter{
	cursor:pointer;
	margin-left:0px;
	height:20px;
	line-height:20px;}
#mipTrayContainer{
	padding-left: 16px;
	padding-bottom: 7px;
	left:0px;
	background-repeat:repeat-y;
	width:347px;}
#mipTrayFooter{
	cursor:pointer;}


.mipListingFirstLine{
	float: left;
	position: relative;
	height: 18px;
	width:315px;
	padding-left: 20px;
	font-weight: bold;
	xborder:solid 1px black;}
.mipListingSecondLine{
	float: left;
	clear: left;
	position:relative;
	padding-left: 20px;
	width:315px;
	line-height:12px;
	height:13px;
	font-weight: bold;
	xborder:solid 1px black;}
.mipListingThirdLine{
	float: left;
	clear: left;
	position:relative;
	padding-left: 20px;
	width: 330px;
	line-height:12px;
	height:12px;
	font-weight: bold;}
.mipListingDescription{
	float: left;
	clear: left;
	position:relative;
	padding-left: 20px;
	padding-top: 5px;
	width:315px;
	xborder:solid 1px black;}
.mipListingWebsite{
	float: left;
	clear: left;
	padding-left: 20px;
	margin-top:-5px;
	padding-bottom:10px;
	width:315px;
	xborder:solid 1px black;}
.mipLocationOnMapLink{
	float: left;
	clear: left;
	padding-left: 20px;
	padding-top:9px;
	width: 320px;
	xborder:solid 1px black;}
.mipLocationOnMapLink A{
	font-size: 8.5pt;
	font-family: Arial,Helvetica,Verdana;
	color:Blue;}	

.pageBreaker{line-height:3px;}
	
	

/********************************************************
	INNER MIP BOX AND MIP TRAY LAYOUT COMPONENT STYLES

	These styles are used to dimension and position the
	contents of the MIP box and tray in a standardized 
	layout
********************************************************/
	
.mapIndicatorHolder{
	position:absolute;
	top:22px;
	left:-6px;
	width:20px;
	line-height:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:6.4pt;
	font-weight:bold;
	text-align:center;
	text-transform:none;
	display:block;
	z-index:150;
	xborder:1px solid blue;}

.onMapSymbolHolder{
	float:left;
	clear:left;
	position:absolute;
	left:-8px;
	top:1px;
	height:40px;
	width:21px;
	background-color:#FFFFFF;
	border:1px solid black;}
.onMapSymbolHolder A .onMapCode{
	position:absolute;
	left: 3px;
	top: -1px;
	width: 20px;
	margin-left:-2px;
	padding-left:0px;
	padding-top:5px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	cursor: hand;
	z-index:20;
	xborder: solid 1px black;}
.onMapSymbolHolder A .onMapShape{
	position: absolute;
	left: 1px;
	top: 0px;
	height: 19px;
	width: 19px;}
	
			

.businessNameHolder{
	float: left;
	width: 330px;
	height: 18px;
	vertical-align:text-top;}
.businessNameHolder SPAN{
	vertical-align:text-top;
	font-size:9.5pt;
	height:18px;}
#addressCityHolder{
	float: left;
	height: 15px;
	background-color:#FFFFFF;}
#addressCityHolder SPAN{
	vertical-align:text-top;
	font-weight: normal;
	cursor:text;
	background-color:#FFFFFF}
#phoneNumberHolder{
	float: right;
	right: 0px;
	width: 80px;
	height: 15px;
	background-color:#FFFFFF;}
#phoneNumberHolder SPAN{
	vertical-align:text-top;
	font-weight: normal;
	cursor:text;
	background-color:#FFFFFF;}
#mapDescriptionHolder{
	float: left;
	width: 280px;
	height: 15px;
	background-color:#FFFFFF;}
#mapDescriptionHolder SPAN{
	vertical-align:text-top;
	font-weight: normal;
	cursor:text;
	background-color:#FFFFFF;}



/********************************************************
	SLIDING TRAY COMPONENT STYLES

	These styles are used to dimension and position major 
	components of the sliding tray in a standardized layout
********************************************************/
	

.mipTrayEntry{
	width:320px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	xborder:1px solid black;}


.ddBusinessNameHolder{
	width:100%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 15px;
	padding-top:2px;
	xborder:1px solid black;}

.ddAddressCityHolder{
	width: 210px;
	line-height: 12px;
	padding-right:10px;
	padding-bottom:2px;}

.ddPhoneNumberHolder{
	width: 80px;
	line-height: 12px;
	padding-bottom:2px;}



.ddOnMapSymbolHolder{
	width:19px;}		
.ddonMapCode{
	position:absolute;
	left:24px;
	width:21px;
	height:36px;	
	padding-top:3px;
	font-family:Arial,Helvetica,Verdana;
	font-size:7pt;
	font-weight:bold;
	text-align:center;
	border:solid 1px black;
	z-index:149;}
.ddonMapShape{
	height: 19px;
	width: 19px;
	z-index:148;}
		

.ddMapIndicatorHolder{
	line-height:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6.4pt;
	font-weight: bold;
	text-align:center;
	text-transform:none;
	display:block;
	z-index:150;}


/********************************************************
	ADVERTISEMENT IMAGE LAYOUT SWAPPING COMPONENT STYLES

	These styles are used to dimension and position major 
	components of the sliding tray in a standardized layout
********************************************************/

DIV.smallAd #adImageContainer{float:right;margin-top:0px;padding-left:0px;padding-top:1px;width:365px;height:100%;text-align:center;}
DIV.smallAd #couponContainer{float:left;clear:left;padding-top: 30px;padding-left: 100px;}
DIV.smallAd DIV.coupon{padding-right: 5px;padding-left: 5px;padding-bottom: 5px;padding-top: 5px;}

DIV.largeAd #adImageContainer{float:none;padding-top:50px;width:100%;text-align:center;margin-left:10px;}
DIV.largeAd #couponContainer{float:none;padding-left: 10px;padding-top:30px;padding-bottom:30px;width: 980px;text-align: center;}
DIV.largeAd DIV.coupon{display:inline;padding-right: 5px;padding-left: 5px;}

