﻿/*
Header of Website
*/
.logo
{
	 width:280px;
	 height: 97px;
	 background-image: url("/App_Themes/CSS/images/logo.png");
}
.header_bg
{
	 width:auto;
	 height: 97px;
	 background-image: url("/App_Themes/CSS/images/header_bg.png");
}

.header_mid
{
	height: 97px;
	width: auto ;
	position: relative;
	 vertical-align : bottom;
	 background-color: #FFF;
	 background-image: url("/App_Themes/CSS/images/blank.png");
}
.header_ferns
{
	height: 97px;
	width: 359px;
	position: relative;
	 vertical-align : bottom;
	 background-image: url("/App_Themes/CSS/images/ferns.png");
	 background-repeat: no-repeat ;
}
.header_right
{
	height: 97px;
	width: 309px;
	background-color: #FFF;
	background-image: url("/App_Themes/CSS/Images/header_right.png");
}

/*
Top menu bar
*/

.top_left
{
	height: 23px;
	width: 13px;
	background-image : url("/App_Themes/CSS/Images/top_left.png");
}

.top_mid
{
	height: 23px;
	width: 117px;
	background-image : url("/App_Themes/CSS/Images/top_mid.png");
}

.top_right
{
	width: 15px;
	height : 23px;
	background-image : url("/App_Themes/CSS/Images/top_right.png");
}

/*
Search Bar
*/

.sb_1
{
	width: 117px;
	height: 67px;
	background-image: url('/App_Themes/CSS/Images/sb_1.png');
}

.sb_2
{
	width: 83px;
	height: 67px;
	background-image: url('/App_Themes/CSS/Images/sb_2.png');
	background-position: right;
}

.sb_3
{
	width: auto;
	height: 67px;
	background-image: url('/App_Themes/CSS/Images/sb_3.png');
	background-position: top;
}

.sb_4
{
	width: 108px;
	height: 67px;
	background-image: url('/App_Themes/CSS/Images/sb_4.png');
	background-position: top;
}

.sb_5
{
	width: 117px;
	height: 47px;
	background-image: url(Images/sb_5.png);

}

.sb_6
{
	width: 83px;
	height: 47px;
	background-image: url(Images/sb_6.png);

}

.sb_7
{
	width: auto;
	height: 47px;
	background-image: url(Images/sb_7.png);
	background-position: left;

}

.sb_8
{
	width: 108px;
	height: 47px;
	background-image: url(Images/sb_8.png);


}
/*
Sponsored Listings CSS
*/

.sponsored
{
	background-image : url(Images/sponsord.png);
	width: 188px;
	height: 50px;
}
.title
{
	background-image : url(Images/sp_title.png);
	background-repeat : no-repeat ;
	width: 188px;
	height: 31px;
}
.top
{
	background-image : url(Images/sp_top.png);
	background-repeat : no-repeat ;
	width: 188px;
	height: 7px;
}

.middle
{
	width: 188px;
	height: auto;
	background-image : url(Images/sp_middle.png);
	background-repeat : repeat-y;
 background-position: center;	
}

.bottom
{
	background-image : url(Images/sp_bottom.png);
	background-repeat : no-repeat ;
	width: 188px;
 height: 9px;	
}
	/*
Login Box
*/
.login_top
{
	width:188px;
	height:50px;
	background-image:url(Images/login_top.png);
	background-repeat:no-repeat;
}

.login_bg
{
	width:188px;
	height:3px;
	background-image:url(Images/login_bg.png);
	background-repeat:repeat-y;
}
.login_bottom

{
	width: 180px;
	height: 7px;
	background-image : url(Images/login_bottom.png);
	background-repeat : no-repeat ;
}

.cb
{
width:auto;
margin:0;
padding:0;
border:none;
display:inline;
float:right;
}
.submit
{
	float:left;
	padding-left:4px;
	text-align:center;
}
/*
This bit of CSS is for the menu on the left of the page
*/
.usermenu_register
{
	background-image : url("/App_Themes/CSS/Images/menu_register.png");
	width: 186px;
	height: 49px;
}

.usermenu_menu
{
	background-image : url("/App_Themes/CSS/Images/menu_menu.png");
	width: 186px;
	height: 49px;
}

.usermenu
{
	background-image : url("/App_Themes/CSS/Images/menu_left.png");
	background-repeat: repeat-y ;
	
}
.usermenu_b
{
	background-image : url("/App_Themes/CSS/Images/menu_b.png");
	width: 186px;
	height: 9px;
}
	
#usermenuleft
{
	padding-left:10px;
	padding-bottom:5px;
}
/*
This is for the green bar "bringing kiwis and pets together"
*/


.bar_left
{
	width:14px;
	height: 32px;
	background-image: url("/App_Themes/CSS/images/bar_left.png");
}

.bar_bg
{

	background-image: url("/App_Themes/CSS/images/bar_bg.png");
}

.bar_right
{
	width:15px;
	height: 32px;
	background-image: url("/App_Themes/CSS/images/bar_right.png");
}

#slogan
{
	padding-bottom:4px;
	text-align : center ;
	color:#FFF;
	font-style: italic; 
	font-weight :bold;
	
}
/*
///////////////////// End of green bar /////////////////////
*/

#adbottom
{
	position:relative;
	top: 0;
	left : 0;
}

#adbottom a
{
	color: #fff;
}

#adbottom a:hover
{
	text-decoration:none;
	color: #B70D83;
}
#dream
{
	text-align :justify ;
}
.home_01
{
	background-color :#FFF;
	background-image :url(images/seperator_01.jpg);
	width: 3px;
}
.info1
{
	width: 33%;
 vertical-align: top;
 background-color: #eff2e3;
}
 
.info_content
{
padding-right:3px;
padding-left:3px;
padding-top:3px;
padding-bottom:3px;
 font-size : 11px;
}

.link img {border-style: none;}

.paging{color: #555555;font-size: 10px;font-family: Arial, Helvetica, sans-serif;text-decoration:none}
.paging2{color: #996633;font-size: 10px;font-family: Arial, Helvetica, sans-serif;text-decoration:none}
.paging2 a{color: #996633;font-size: 10px;font-family: Arial, Helvetica, sans-serif;text-decoration:none}
.paging2 a:hover{color: #465A07;font-size: 10px;font-family: Arial, Helvetica, sans-serif;text-decoration:underline}
.paging2-g{color: #000000;font-size: 10px;font-family: Arial, Helvetica, sans-serif;text-decoration:none}
.paging2-g a{color: #000000;font-size: 10px;font-family: Arial, Helvetica, sans-serif;text-decoration:none}
.paging2-g a:hover{color: #000000;font-size: 10px;font-family: Arial, Helvetica, sans-serif;text-decoration:underline}
.style2 {font-size: 10px;font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;}
.style4 {font-size: 11px;font-family: Arial, Helvetica, sans-serif;}
.PSButtons{font-size: 11px;font-family: Arial, Helvetica, sans-serif; padding: 0px 0px 0px 10px}
.PSButtons a{font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-decoration:none;color:#000000;}
.PSButtons-g{font-size: 11px;font-family: Arial, Helvetica, sans-serif;}
.PSButtons-g a{font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-decoration:none;color:#ffffff;}
.PSButtonsHard{font-size: 11px;font-family: Arial, Helvetica, sans-serif;color:#996633;text-decoration:none;font-weight: bold;}
.PSButtonsHard-g{font-size: 11px;font-family: Arial, Helvetica, sans-serif;color:#FCFF03;text-decoration:none;font-weight: bold;}
.PSButtons a:hover{font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-decoration:underline;color:#0000FF;}
.PSButtons-g a:hover{font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-decoration:underline;}
.header_menu
{
	font-size: 13pt; 
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
	
.header_menu a
{
	text-decoration:none;
	color:#FFFFFF;
	}
.header_menu a span
{
	text-decoration: none;
	color: #FFFFFF;
}
.header_menu a:hover span
{
	text-decoration:none;
	color:#B70D83
	}
	
	.menu
	{
		text-align : center ;
	}
	
.submenu{
        padding-left: 10px;
        padding-right: 10px;
        text-align : center ;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        line-height: 13px;
        text-decoration: none;
    }
.submenu a{
        font: normal normal 400 small "Trebuchet MS";
        line-height: 16px;
        text-decoration: none;
        color: #555555
    }
.submenu a:hover
{
	text-decoration:none;
	color: #B70D83;
	}
	
	.submenu p
	{
		font-size: 10pt;
		padding: 5px 7px 10px 10px;
	}
.submenu li 
{
	list-style: none;
	font-size: 10pt;
	}
	
	/*
///////////////////// Footer /////////////////////
*/

.footermenu{
        padding-left: 15px;
        padding-right: 15px;
        text-align : center;
        color:#ffffff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 13px;
        text-decoration: none;
    }
.footermenu a{
        font: normal normal 400 small "Trebuchet MS";
        line-height: 16px;
        text-decoration: none;
        color: #FFFFFF
    }
.footermenu a:hover
{
	text-decoration:none;
	color:#B70D83
	}
	
.footermenu li 
{
	list-style: none;
	}


#author
{
	padding-top:5px;
	text-align :center ;
	font-size:10px;
	color: #000000;
}

#author a
{
	font-size:10px;
	color: #06c;

}
#author a:hover {
	color: #B70D83;
}
	/*
Blue bottom menu bar
*/

.blue_left
{
	width:14px;
	height:28px;
	background-image: url("Images/blue_left.png");
}
.blue_bg
{
	background-image: url("Images/blue_bg.png");
	background-position :center ;
}
.blue_right
{
	width:15px;
	height:28px;
	background-image: url("Images/blue_right.png");
}
	/*
Footer below blue bottom menu bar
*/

.footer_left
{
	width: 14px;
	height: 76px;
	background-image: url("Images/footer_left.png");

}

.footer_mid
{
	background-image: url("Images/footer_mid.png");
	background-position : center ;
}
	
	.footer_right
{
	width: 15px;
	height: 76px;
	background-image: url("Images/footer_right.png");

}

.menu{font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 11px;padding-top:10px;}
.style7 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;}
.welcome
{
	color:#B70D83; 
	font-weight: bold; 
	font-size: 19px; 
	font-family: 'Trebuchet MS';
	padding-bottom:4px;
	}
	
.listing_row2 {height: 17px;position: absolute;z-index: 10;width: 585px;}
.tabOff {display: block;float: right;width: 120px;line-height: 17px;font-weight: bold;color: #FFFFFF;text-decoration: none;height: 17px;background-image: url(images/button_blue.gif);background-repeat: no-repeat;background-position: left top;text-align: center;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #536D00;margin: 0px;padding: 0px;cursor: pointer;}
.tabOn {display: block;float: right;width: 120px;line-height: 18px;font-weight: bold;color: #5D5D5D;text-decoration: none;height: 18px;background-image: url(images/button_grey.gif);background-repeat: no-repeat;background-position: left top;text-align: center;cursor: pointer;}
.tabRow {width: 585px;height: 39px;margin-top: 3px;}
.tabSpacer {line-height: 17px;margin: 0px;padding: 0px;float: right;height: 17px;width: 178px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #B8B8B8;}
.tabLower {background-image: url(images/bg_tabLower.gif);background-repeat: repeat-x;height: 22px;border: 1px solid #B8B8B8;width: 585px;position: absolute;margin-top: 17px;margin-bottom: 0px;}
.contentPane {border: 1px solid #B8B8B8;border-top: none;background: url(images/bg_content.gif) repeat-x;height: 20px;width: 585px;}
.content {height: 130px;padding: 3px;overflow:auto;position: relative;}
H1 {color: #036; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 18px; text-align :left}

.TermsPopup
{
	border-style: outset;
	border-color: #FF9900;
	margin: 10px;
	width: 720px;
	height: 425px;
	background-color:#fff;
}
.TermsPopupScroll
{
	width:700px;height:405px;
	overflow: auto;
	clip:auto;
}
.TermsPopupClose
{
	border: 1px solid #000000;
	position: absolute;
	z-index: 200;
	left:679px;
}
.LinkPopup
{
	border-style: outset;
	border-color: #FF9900;
	margin: 10px;
	width: 620px;
	height: 325px;
	background-color:#fff;
}
.LinkPopupScroll
{
	width:600px;height:305px;
	overflow: auto;
	clip:auto;
}
.LinkPopupClose
{
	border: 1px solid #000000;
	position: absolute;
	z-index: 200;
	left:579px;
}