/* +------------------------------------------------------------------------+
// | Copyright (c) WVdB. All rights reserved.                               |
// | Version       0.10                                                     |
// | Last modified 14/05/2007                                               |
// +------------------------------------------------------------------------+
// | Modification Log:                                                      |
// | 10/03/2007   change #viewpic width 196 -> 244                          |
// |              replaced "#adpics img" by "#viewpic img"                  |
// | 23/03/2007   refined #right ul li a                                    |
// | 31/03/2007   add height to .addesc                                     |
// | 02/04/2007   add DIV countries                                         |
// | 02/05/2007   add #statsummary                                          |
// | 03/05/2007   add ol                                                    |
// | 10/05/2007   add #adoptions, #icon-friend, #icon-chat                  |
// | 12/05/2007   add vertical-align for forminput; add captcha             |
// | 14/05/2007   add .highlightlink2 & #chatstats                          |
// | ../../....   ......................................................... |
// +-----------------------------------------------------------------------*/

/* ------------------------- MAIN DIV STYLES ------------------------- */

* {
	margin: 0;
	padding: 0;
}
body, .reset {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	font-weight: normal;
}
#header {
	display: block;
	width: 100%;
	height: 110px;
	margin: 0px auto 0px auto;
	text-align: left;
}
#nav {
	background: url('/images/nav.gif') repeat-x;
}
#nav ul, #footer ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li, #footer li {
	display: inline;
	padding: 0 15px;
	font-weight: bold;
	border-left: 1px solid #cccccc;
}
#nav li.nav1, #footer li.nav1 {
	border: none;
}
#nav a {
	line-height: 25px;
	height: 25px;
}
#mainwrap {
	display: block;
	width: 98%;
	text-align: left;
	margin: 0px auto 0px auto;
}
#main {
	padding: 9px 10px 40px 10px;
	margin: 0 120px 0 152px;
}
#left {
	position: absolute;
	top: 125px;
	left: 1%;
	width: 152px;
	text-align: center;
}
#lefttop {
	width: 152px;
	height: 20px;
	margin: 19px 0 0 0;
	text-align: center;
	background-image: url('/images/leftt.gif');
	background-repeat: no-repeat;
}
#leftmid {
	width: 152px;
	padding: 0px;
	background-image: url('/images/leftm.gif');
	background-repeat: repeat-y;
	text-align: left;
}
#leftmid ul {
	padding: 0px 0px 5px 3px;
	margin: 0;
	list-style: none;
	width: 149px; /* 152-3 */
} 
#leftmid ul li {
	padding: 0;
} 
#leftmid ul li a {
	display: block;
	padding: 6px 0 5px 10px;
	width: 136px; /* 149-3-10 */
	border-bottom: 1px solid #dcdcdc;
}
#leftmid ul li a:hover, #leftmid ul li ul#sub li a:hover {
	background-color: #f9f9f9;
	border-bottom: 1px solid #ffffff;
}
ul#sub { 
	bbackground: yellow;
	ppadding:  0px 0 0 20px;
	margin:  0px 0 0 20px;
	width: 129px; /* 149-20 */
}
#leftmid ul li ul#sub li a { 
	width: 113px; /*149-6-10-20 */
	border-bottom: 1px solid #dcdcdc;
}
#leftbottom {	
	width: 152px;
	height: 20px;
	margin: 0 0 10px 0;
	background-image: url('/images/leftb.gif');
	background-repeat: no-repeat;
}
#countries {
	position: absolute;
	top: 117px;
	right: 8px;
	/*display: none;*/
}
#countries img {
	margin-right: 3px;
}
#countries a:hover {
	text-decoration: none;
}
#right {
	position: absolute;
	top: 140px; /* 125 */
	right: 1%;
	width: 120px;
	text-align: center;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
#right img {
	margin: 5px 0;
}
#right ul {
	list-style: none;
	text-align: left;
	margin: 10px 0 20px 0;
	padding: 0;
}
#right li {
	padding: 1px 0px 0px 10px;
	background: url(/images/check.gif) no-repeat left;
}
#right ul li a {
	color: #003399;
	color: BLUE;
	font-size: 9px;
}
#footer {
	display: block;
	width: 60%;
	margin: 0px auto 0px auto;
}
#copyright {
	display: block; 
	margin: 30px auto 30px auto; /* ?? */
	width: 40%;
	color: #333333;
}
#copyright p {
	line-height: 1.2em;
	font-size: 9px;
}
#pagenav {
	margin: 40px 0 20px 0;
	text-align: center;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 1px;
}
#pagenav a {
	padding: 2px;
	line-height: 18px;
	height: 18px;
}
#viewpic {
	width: 100%; /* 244 */
	height: 244px; /* 196 */
}
#viewpic img {
	border: 1px dotted #ff9900;
}
#adpics {
	width: 246px;
	text-align: center;
}
#adpics p {
	text-align: center;
	padding: 0;
	margin: 10px 0 0px 0;
}
/*
#adpics img {
	border: 1px dotted #ff9900;
}
*/
#adtext {
	padding: 0 0 0 15px;
}
#aduser {
	background: url(/images/icon-user.gif) no-repeat left;
	margin: 0 0 0 30px;
	padding: 0 0 0 40px;
}
#adoptions li {
	list-style: none;
	padding: 0px 0px 0px 33px;
	line-height: 22px;
}
#adstats {
	float: right;	
	width: 180px;
	color: #888888;
}
#adabout {
	width: 120px;
}
#adsummary th, #adsummary td {
	padding: 3px;
	text-align: center;
}
#adsummary th, #statsummary th {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
#statsummary th, #statsummary td {
	padding: 1px;
	text-align: center;
}
#statsummary {
	width: 400px;
	margin: 0px auto 0px auto;
}
#linkpages {
	margin: 0 0px 50px 0px;
}
#linkpages p {
	border-bottom: 1px dashed #cccccc;
	padding: 2px;
	margin: 0 0 1px 0;
}
#icon-email {
	/*list-style: none;
	padding: 0px 0px 1px 30px;
	margin: 0px 0px 5px 0px;*/
	background: url(/images/icon-email.gif) no-repeat left;
}
#icon-friend {
	/*list-style: none;
	padding: 0px 0px 1px 30px;
	margin: 0px 0px 5px 0px;*/
	background: url(/images/icon-friend.gif) no-repeat left;
}
#icon-chat {
	/*list-style: none;
	padding: 0px 0px 1px 30px;
	margin: 0px 0px 5px 0px;*/
	background: url(/images/icon-chat.gif) no-repeat left;
}
#bstat {
	display: none;
}
#chatstats {
	margin: auto;
	width: 70%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #f9f9f9;
	padding: 1em;
}
#chatstats ul {
	margin: 15px 0 5px 40px;
}

/* ------------------------- HTML TAG STYLES ------------------------- */

a {
	font-weight: bold;
	color: #ff9900;
} 
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 0 1.5em 0;
	text-indent: 2px;
}
h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 2em 0 2em 0;
	text-indent: 2px;
}
h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2em 0 2em 0;
	padding: 8px 0px 6px 10px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
h4 {font-size: 11px; margin: 0 0 .1em 0;}
h5, h6 {font-size: 10px; margin: 0 0 .1em 0;}
p {
	line-height: 1.3em;
	margin: 0 0 1.5em 0;
}
textarea {	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size : 10px;
	border: 1px solid #a1a5a9;
	color: #333333;
}
img {
	border: 0;
}
ul {
	list-style: square;
	line-height: 1.5em;
	margin: 30px 0 30px 40px;
}
ol {
	line-height: 1.5em;
	margin: 30px 0 30px 40px;
}
table { 
	width: 100%;
	padding: 0;
	border: 0;
	/* spacing ?? */
}
iframe {
	text-align: left;
	text-size: 20px;
}

/* ------------------------- CLASS STYLES ------------------------- */

.adimg {
	width: 50px;
	text-align: center;
}
.adcount {
	width: 22px;
	text-align: center;
}
.addesc {
	padding: 3px;
	height: 66px;
}
.arrow {
	color: #003399;
	text-align: center;
}
.siteinfo {
	color: #003399;
	text-align: center;
	font-weight: normal;
}
.orangethis {
	display: block;
	margin: 5px 0;
	padding: 2px 0px;
	background-color: #ff9900;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.mandatory {
	color: #FF0000;
}
.note {
	text-decoration: underline;
}
.button {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
}
.mailto {
	font-weight: normal;
}
.underline {
	display: inline;
	border-bottom: #cccccc dashed 1px;
}
.aselected {
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
	background-color: #ff9900;
	color: #FFFFFF;
}
.adformleft {
	width: 43%;
	bbackground-color: #ff9900;
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}
.forminput, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border: 1px solid #a1a5a9;
	background-color: #ffffff;
	color: #333333;
	padding: 1px;
	vertical-align: top;
}
.submitbutton {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 10px 5px 10px 5px;
	margin-top: 20px;
}
.inputerror {
	color: RED;
}
.inputwarning {
	color: BLUE;
}
.highlightlink {
	background-color: #ffffc6;
}
.highlightlink2 {
	background-color: #ffffc6;
	color: #ff6600;
}
.rightbox {
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 3px;
	background-color: #f9f9f9;
}
.rightbox ul {
	list-style: none;
	line-height: 1.2em;
	margin: 0;
}
.rightinput {
	width: 106px;
}
.rightsubmit {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
	margin-top: 2px;
}
.summside {
	width: 110px;
}

/* ------------------------- IMG STYLES ------------------------- */

#main img { 
	margin: 0px;
	padding: 2px;
}
img.left {
	float: left; 
	margin: 2px 30px 20px 0; 
	border: 0;
}
img.right {
	float: right; 
	margin: 2px 0 20px 30px; 
	border: 10px;
}
img.across {
	margin: 0 0 10px 0; 
	border: 0;
}
img#logo {
	margin: 0px 0 0 5px;
	width: 295px;
	height: 110px;
}
img#righttop {
	position: absolute;
	top: 0;
	right: 0;
}
img#new {
	float: right; 
	margin: -20px -6px 0px 0px; 
	border: 0px;
}
img#bg-email {
	position: absolute;
	top: 235px;
	left: 320px;
}
img#captcha {
	margin: -1px 0 0px 0;
	border: 0px;
}

/* ------------------------- TD STYLES ------------------------- */

td {
	vertical-align: top;
	text-align: left;
}
td.row1 {
	background-color: #f3f3f3;
	vertical-align: middle;
}
td.row2 {
	background-color: #ffffff;
	vertical-align: middle;
}
td#lt {
	width: 20px;
	height: 20px;
	background-image : url('/images/tab_lt.gif');
}
td#mt {
	height: 20px;
	background-image : url('/images/tab_mt.gif');
}
td#rt {
	width: 20px;
	height: 20px;
	background-image : url('/images/tab_rt.gif');
}
td#lm {
	width: 20px;
	background-image : url('/images/tab_lm.gif');
}
td#maincontent {
	padding: 15px 0;
	margin: 0;
}
td#maincontent {
	padding: 15px 0;
	margin: 0;
}
td#rm {
	width: 20px;
	background-image : url('/images/tab_rm.gif');
}
td#lb {
	width: 20px;
	height: 20px;
	background-image : url('/images/tab_lb.gif');
}
td#mb {
	height: 20px;
	background-image : url('/images/tab_mb.gif');
}
td#rb {
	width: 20px;
	height: 20px;
	background-image : url('/images/tab_rb.gif');
}