/* RESET */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset, img { border:0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
q:before, q:after { content:'';}
strong { font-weight: bold;}
em { font-style: italic;}
a img { border:none;}

br {clear:both; height:1px; margin:-1px 0 0 0;}

h2, h3, h4, h5, h6 {color: #002469;font-weight: normal;padding: .6em 0;margin: 0;}

h2 {font-size: 18px;margin-bottom: 18px;}

h3 {font-size: 16px;margin-bottom: 18px;}

h4 {font-size: 14px;margin-bottom: 18px;}

h5 {font-size: 14px;margin-bottom: 18px;}

h6 {font-size: 13px;margin-bottom: 18px;}

a {color:#002469;font-weight: normal;text-decoration: none; outline: none;}

a:hover {color:#7dba00;text-decoration: underline;}

a.signupnow {color:#002469; font-weight: normal; text-decoration: underline;}
a:hover.signupnow {color:#7dba00;text-decoration: underline;}

h1 a { float: left; background:url(/images/logo_finder301.gif) top left no-repeat; width:160px; height:80px; text-indent:-9999px; display:block; }
body, p, li, label, input { font:12px/18px Arial, Helvetica, sans-serif; color:#333333; }
p { margin:0 0 18px 0; }
.mandatory {
font-weight:bold;
color:#FF0000;
}
/*LAYOUT*/

html {text-align:center;}
#wrapper { width: 940px;margin: 0 auto; text-align: left; overflow: hidden;}
#wrapper2 { width: 630px;margin: 0 auto; text-align: left; overflow: hidden;}
body { width:940px; text-align:left; margin:0 auto; }

#navBar { height:40px; background:#002469 url(/images/img_bgnav.png) top left no-repeat;}
#navBar ul { padding:12px 0 0 30px; }
#navBar ul li { display:inline; margin:0 20px 0 0; }
#navBar ul li a { color:#7DBA00; padding: 2px 8px;font-weight:bold; }
#navBar ul li a:hover { color:#FFFFFF; text-decoration: none;}
#navBar ul li a.current { color:#FFFFFF; }
#navBar ul li a.signup { color:#FFFFFF;
	display:inline-block;
	padding:0 0 0 20px;
	margin:0 40px 0 0;
	background:url(/images/signup.png) no-repeat 0 50%;
}
#navBar ul li a.username { color: #FFFFFF;
	padding: 0 0 0 20px;
	margin:0 20px 0 0;
	background: url(../images/icon_user.gif) no-repeat 0 50%;
}
#navBar ul li a:hover.signup,
#navBar ul li a:hover.username {
	text-decoration: underline;
}

#logoutlink { display: none; }

#main-slide { background: #7dba00; height:260px;}

#top-bar {clear: both; height:40px;border-bottom:1px solid #cccccc; background:#F9F9F9;}
#top-bar p {padding:12px 0 0 10px;}

#title-bar {height:40px; margin:0; padding:0; background:#7dba00;list-style:none;}
.rec {float:left; margin:0; padding:8px 14px; font-weight:bold; color: #ffffff;}
.close {
	float:right; 
	color:#FFFFFF;
	display: inline;
	/*margin-right: 10px;*/
	padding:8px 20px;
	background: url(/images/close.png) no-repeat 0 50%;
}
.close a { color: #ffffff; }
.close a:hover { color: #ffffff; text-decoration: underline; }

#main-image {clear: both; height:130px; background:#7dba00;}


.column { float: left; width: 300px; margin-right: 20px; overflow:hidden;}
.column.last {margin-right:0px;}
.column-add { float: left; width: 620px; margin-right:0; overflow:hidden;}
.column-main { float: left; width: 540px; margin:0 20px 18px 0; overflow:hidden;}
.column-about, .column-faq, .column-terms { float: left; width: 460px; margin-right:20px; overflow:hidden;}
.column-placesmap {float: left; width: 380px; margin:18px 0 18px 0; overflow:hidden;}

#site-info { clear: both; height:50px; border-top:1px solid #cccccc; background:#FFFFFF; }
#site-info p {float:left; padding: 4px 8px; margin-top:10px;}
#site-info p a{color:#7DBA00; font-weight:bold; text-decoration:none; }
#maxis {float: right; padding:0; margin: 0;}

.postdate {font-size: 11px;color: #7e7e7e;}

/*BUTTON*/

.button {float:right;display: inline-block; background: #7DBA00; margin:0 30px 10px 0; padding: 5px 10px;font-size: 12px;border: 0px;cursor: pointer;text-align: center;}
.button a {color: #FFFFFF;text-align: center;text-decoration: none; clear: both;}
.button a:hover {color: #ffffff; text-decoration: underline;}

.button1 {float: right; background: #7DBA00; margin: 0 30px 10px 0; font-size: 12px; color: #FFFFFF; width: 80px; border: 0px; }
.button2 {float: right; background: #7DBA00; font-size: 12px; color: #FFFFFF; width: 80px; border: 0px; }
.button5 {background: #7DBA00; font-size: 12px; color: #FFFFFF; width: 80px; border: 0px; }
.button6 {background: #7DBA00; margin-left: 5px; font-size: 12px; color: #FFFFFF; width: 150px; border: 0px; }

.button3 { background: #7DBA00; margin: 0 5px 5px 0; padding: 5px 10px;font-size: 12px;border: 0px;cursor: pointer;text-align: center;}
.button3 a {color: #FFFFFF;text-align: center;text-decoration: none; clear: both;}
.button3 a:hover {color: #ffffff; text-decoration: underline;}

.button4 {float:right;display: inline-block; background: #7DBA00; padding: 5px 10px;font-size: 12px;border: 0px;cursor: pointer;text-align: center;}
.button4 a {color: #FFFFFF;text-align: center;text-decoration: none; clear: both;}
.button4 a:hover { color: #ffffff; text-decoration: underline;}

.button7 {float:left;display: inline-block; background: #7DBA00; margin:0 30px 10px 0; padding: 5px 10px;font-size: 12px;border: 0px;cursor: pointer;text-align: center;}
.button7 a {color: #FFFFFF;text-align: center;text-decoration: none; clear: both;}
.button7 a:hover {text-decoration: underline;}

.add {float:left; padding: 2px 10px; margin:0 0 10px 10px; }

/*FORM LABEL*/

p.label_name, p.input_form {float: left;}

label {
	width: 180px;
	clear: both;
	color: #7e7e7e;
	font-size: 11px;
	line-height: 18px;
	}
	
p.label_name {
	width: 80px;
	clear: both;
	color: #7e7e7e;
	font-size: 11px;
	line-height: 18px;
}

#foul {
	color: #CC3300;
	font-size: 11px;
	font-weight: bold;
	padding: 0 1px;
}

input,textarea {
	width: 180px;
	background: #f3f3f3;
	border: 1px solid #eae9e9;
	font-size: 11px;
	padding: 4px;
	margin-bottom: 2px;
	color: #797676;
}

input.addlisting, textarea.addlisting {
	width: 260px;
	background: #f3f3f3;
	border: 1px solid #eae9e9;
	font-size: 11px;
	padding: 4px;
	margin-bottom: 2px;
	color: #797676;
}
select.addlisting{width: 260px;background: #f3f3f3; font-size: 11px; color: #797676;}
input.check {width: 20px; background: #ffffff;border:none;}
input.recmd {width: 20px; border:none;}

/*ICONS*/

.edit {
	display:block;
	padding:2px 0 2px 20px;
	background:url(/images/pencil_add.png) no-repeat 0 50%;
	color:#005484;
}

.list {
	display:block;
	padding:2px 0 2px 20px;
	background:url(/images/page_add.png) no-repeat 0 50%;
	color:#005484;
}

.check-name {
	float: right;
	display:inline-block;
	margin:0 30px 0 0;
	padding:2px 0 2px 20px;
	background:url(/images/i_check.png) no-repeat 0 50%;
	color:#005484;
}

.browse {
	float: right;
	display:inline-block;
	margin:0 30px 0 0;
	padding:2px 0 2px 20px;
	background:url(/images/picture_add.png) no-repeat 0 50%;
	color:#005484;
}

.select {
	display:block;
	padding:2px 0 2px 20px;
	background:url(/images/select.png) no-repeat 0 50%;
	color:#005484;
}

.comments {
	display:block;
	padding:2px 0 2px 20px;
	background:url(/images/comments.png) no-repeat 0 50%;
	color:#005484;
}

.details {
	display:block;
	padding:2px 0 2px 20px;
	background:url(/images/details.png) no-repeat 0 50%;
	color:#005484;
}

.addplace {
	/*display:block;*/
	padding:2px 0 2px 20px;
	background:url(/images/add.png) no-repeat 0 50%;
	color:#005484;
}

.info-comment {
	padding: 2px 0 2px 25px;
	background: url(/images/info.png) no-repeat 0 50%;
}

/*NOTICE*/

.notice-error {
	width: 200px;
	background: #fff6bf url(/images/error.png) center no-repeat;
	background-position: 10px 50%; 
	text-align: left;
	padding: 15px 35px;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
}

.notice-success {
	width: 200px;
	background: #ccf1ef url(/images/select.png) center no-repeat;
	background-position: 10px 50%;
	text-align: left;
	padding: 15px 35px;
	border-top: 1px solid #6cbcb8;
	border-bottom: 1px solid #6cbcb8;
}
	
/*LOCATE*/

#locate-tools {
	float: left;
	width: 100%;
	padding: 8px 14px;
	margin-bottom: 10px;
	}

	
#search {
	/*width: 260px;
	height: 32px;
	float: right;*/
	width: 380px;
	float: left;
}

#search fieldset {
	border: 0px;
	padding: 8px 3px 3px;
	overflow: hidden;
}

#search fieldset input {
	color:#4C4C4C;
	background: #f3f3f3;
	border: 1px solid #eae9e9;
	padding: 4px;
}

#search fieldset input#search-field {
	width: 150px;
	font-size: 13px;
	color: #8b8a8a;
	float: left;
}

#search fieldset input#search-button {
	cursor: pointer;
	width: 60px;
	margin-left: 4px;
	padding: 3px;
	float: left;
}
/*TABLE*/
table#places {margin:0; padding:0; border-bottom:1px solid #E5E5E5; margin:0 0 18px 0;}
table#places p {margin:9px 0 9px 0;line-height:14px;}
table#appraise p{font-size:11px; color:#999999; line-height:9px;}
table#place-details{margin-top:9px;}
table#ratemeter{height:2px;}
table#tblcomment {margin: 0; border-bottom:1px solid #E5E5E5;}
.red {background-color:#FF0000;}
.green {background-color:#7dba00;}
.place-title a{ font-weight:bold; color:#7dba00;}

/*PAGE PAGINATION*/

#pagination li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
#pagination a           { border:solid 1px #9aafe5; margin-right:2px; }
#pagination .previous-off,
#pagination .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination .next a,
#pagination .previous a { font-weight:bold; }	
#pagination .active     { background:#002469; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; margin-right:2px; }
#pagination a:link, 
#pagination a:visited   { color:#002469; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination a:hover     { border:solid 1px #002469; }

/*MAP*/

#maptooltip {
	position:absolute;
	background:#000;
	color:#fff;
	font-weight: bold;
	font-size:12px;
	z-index:15;
	filter:alpha(opacity=80);
	display:none;
}

#marker {
	height: 36px;
	color: #FFFF99;
	background: none;
}

.compulsory { color:#002469; }
.star { font-size: 12px; color: #ff0000; }