* { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; font-size: 100%; }
html, body { line-height: 1.5em; }

body { font-size: 0.575em; color: #000000; background-color: #477CA6; }

div.hr { border-top: 1px solid #C15201; margin-top: 8px; margin-bottom: 7px; line-height: 1px; height: 1px; font-size: 1px; }
	div.hr hr { display: none; }
img { border: 0px; }

h1, h2, h3, h4, h5, h6 { color: #275C86; }
h1 { font-size: 1.35em; font-weight: bold; margin-bottom: 0.5em; }
h2 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; margin-top: 1em; }
p { margin-bottom: 0.5em; }

a:link, a:visited { color: #477CA6; }
a:hover, a:active { color: #C15201; }

input.text, select, textarea { padding: 1px; border: 1px solid #808080; }
select { padding: 0px; }
input.button { background-color: #275C86; color: #FFFFFF; border: 0px; padding: 3px 5px; font-weight: bold; }

ol, ul { margin-left: 1.2em; padding-left: 1.2em; margin-top: 1em; margin-bottom: 1em; }

#mainwrapper { width: 760px; min-height: 500px; height: auto !important; height: 500px; margin: 10px auto; background-color: #FFFFFF; border: 1px solid #F4A03E;  }
	#header { position: relative; height: 105px; color: #C15201; }
		#header-logo { position: absolute; top: 10px; right: 10px; z-index: 1; }
		#header-strapline { position: absolute; top: 25px; left: 10px; }
		#header-melinks { position: absolute; top: 5px; right: 10px; z-index: 2; font-size: 1.2em; }
			#header-melinks a:link, #header-melinks a:visited { color: #000000; font-weight: bold; font-size: 0.8em; }
			#header-melinks a:hover, #header-melinks a:active { color: #477CA6; }

		#header-mainlinks { position: absolute; width: 500px; top: 64px; left: 10px; background-image: url(../images/nav-bkgd.gif); background-repeat: repeat-x; background-position: 0px 13px; }
			#header-mainlinks a:link, #header-mainlinks a:visited { display: block; float: left; margin: 0px 9px; height: 32px; background-position: 0px 0px; background-repeat: no-repeat; }
			#header-mainlinks a:hover, #header-mainlinks a:active { background-position: 0px -32px; }
			#header-mainlinks a span { display: none; }
			#header-mainlinks a#nav-home { margin-left: 0px; width: 34px; background-image: url(../images/nav-home.gif); }
			#header-mainlinks a#nav-myprofile { width: 65px; background-image: url(../images/nav-myprofile.gif); }
			#header-mainlinks a#nav-myplaces { width: 63px; background-image: url(../images/nav-myplaces.gif); }
			#header-mainlinks a#nav-myfriends { width: 67px; background-image: url(../images/nav-myfriends.gif); }
			#header-mainlinks a#nav-mymailbox { width: 74px; background-image: url(../images/nav-mymailbox.gif); }
				#header-mainlinks a#nav-mymailbox-alert { width: 74px; background-image: url(../images/nav-mymailbox-alert.gif); }
			#header-mainlinks a#nav-search { width: 45px; background-image: url(../images/nav-search.gif); }
			#header-mainlinks a#nav-forum { width: 40px; background-image: url(../images/nav-forum.gif); }
			#header-mainlinks div.nav-divider { float: left; font-size: 1px; width: 1px; height: 32px; background-color: #f5b05f; }

		#banner { text-align: center; }
			#banner * { border: 1px solid #C15201; }

		#bodypanel { padding: 8px; }
			#rightcolumn { float: right; width: 180px; margin-left: 10px; }
			#maincontent { float: left; width: 533px; padding: 10px 10px; }
			#maincontent-norightcolumn { float: left; width: 713px; padding: 10px 10px; }

		#copyrights { margin-top: 8px; margin-bottom: 16px; text-align: center; color: #FFFFFF; }
			#copyrights a:link, #copyrights a:visited { color: #E0E0E0; }

.banner180x150 { margin-bottom: 10px; }

.align-left, .align-l { text-align: left; }
.align-center, .align-c { text-align: center; }
.align-right, .align-r { text-align: right; }
.valign-top, .valign-t { vertical-align: top; }
.valign-middle, .valign-m { vertical-align: middle; }
.valign-bottom, .valign-b { vertical-align: bottom; }
.clear-left { clear: left; line-height: 1px; height: 1px; font-size: 1px; }
.clear-right { clear: right; line-height: 1px; height: 1px; font-size: 1px; }
.clear { clear: both; line-height: 0px; height: 0px; font-size: 1px; }
.float-left, .float-l { float: left; }
.float-right, .float-r { float: right; }
.error { text-align: center; font-weight: bold; color: red; }
.status { text-align: center; font-weight: bold; color: green; }
.smaller { font-size: 0.8em; line-height: 1.5em; }
.min-width { width: 1%; }
.max-width { width: 100%; }
.half-width { width: 50%; }

.feature-box-left { float: left; margin-right: 8px; }
.feature-box-right { float: right; margin-left: 8px; }
.feature-box, .feature-box-left, .feature-box-right { border: 1px solid #C15201; }
	.feature-box h2, .feature-box-left h2, .feature-box-right h2 { background-color: #C15201; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.onshoreplaces-box { border: 1px solid #5F8401; }
	.onshoreplaces-box h2 { background-color: #5F8401; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.offshoreplaces-box { border: 1px solid #0A1E53; }
	.offshoreplaces-box h2 { background-color: #0A1E53; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.myphotos-box { border: 1px solid #77AD01; }
	.myphotos-box h2 { background-color: #77AD01; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.mymailbox-box { border: 1px solid #00247A; }
	.mymailbox-box h2 { background-color: #00247A; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.myaccount-box-left { float: left; margin-right: 8px; }
.myaccount-box-right { float: right; margin-left: 8px; }
.myaccount-box, .myaccount-box-left, .myaccount-box-right { border: 1px solid #FFA300; }
	.myaccount-box h2, .myaccount-box-left h2, .myaccount-box-right h2 { background-color: #FFA300; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.accountsummary-box { border: 1px solid #A40001; }
	.accountsummary-box h2 { background-color: #A40001; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.missingpersons-box { border: 1px solid #77AD01; }
	.missingpersons-box h2 { background-color: #77AD01; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.add-missingpersons-box { border: 1px solid #A40001; }
	.add-missingpersons-box h2 { background-color: #A40001; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.member-infobox { padding: 4px; line-height: 1.3em; }

.accountsummary-box { border: 1px solid #A40001; }
	.accountsummary-box h2 { background-color: #A40001; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.propertytolet-box { border: 1px solid #00237A; }
	.propertytolet-box h2 { background-color: #00237A; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.propertyforsale-box { border: 1px solid #0073AD; }
	.propertyforsale-box h2 { background-color: #0073AD; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.propertysearch-box { border: 1px solid #FF6700; }
	.propertysearch-box h2 { background-color: #FF6700; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.propertyphotos-box { border: 1px solid #FFA300; }
	.propertyphotos-box h2 { background-color: #FFA300; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

.propertyowner-box { border: 1px solid #77AD01; }
	.propertyowner-box h2 { background-color: #77AD01; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

div.text { padding: 4px; }
.text-infobox { padding: 4px; border-bottom: 1px solid #C15201; }

form label { font-weight: bold; }
form label.error { color: #FF0000; }
table.form td, table.form th { padding: 2px; }

.register-countryselect { width: 128px; }

table.messagelist { width: 100%; border: 1px solid #00247A; border-collapse: collapse; margin-top: 1px; }
table.messagelist th { background-color: #00247A; color: #FFFFFF; padding: 2px; font-size: 1.2em; }
table.messagelist td { border-top: 1px solid #E0E0E0; padding: 2px; }
table.messagelist td.unread { background-color: #ffe4c5; }

.mailboxfolders a:link, .mailboxfolders a:visited { display: block; float: left; font-size: 1.2em; padding: 2px 8px; background-color: #BFCFFF; color: #00247A; font-weight: bold; text-decoration: none; }
.mailboxfolders .float-left a { margin-right: 1px; }
.mailboxfolders .float-right a { margin-left: 1px; }
.mailboxfolders a:hover, .mailboxfolders a:active, .mailboxfolders a.active { background-color: #00247A; color: #FFFFFF; }

.member-thumb48, .member-thumb98 { float: left; border: 1px solid #C15201; }
.member-thumb48 { width: 48px; height: 48px; }
.member-thumb98 { width: 98px; height: 98px; }

.my-photos-photobox .member-thumb98 { border: 0px; }

table.photo-box { border: 1px solid #77AD01; }
table.photo-box h2 { background-color: #77AD01; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 0.2em 0.25em; }

table.thumbnailcentre td { padding: 3px; text-align: center; }

div.thumbnail { border: 1px solid #C15201; }

/*.status { margin-bottom: 8px; border: 1px solid #008000; background-color: #CCFFCC; color: #004000; font-size: 110%; font-weight: bold; text-align: center; padding: 4px; }*/
/*.error { margin-bottom: 8px; border: 1px solid #800000; background-color: #FFCCCC; color: #A00000; font-size: 110%; font-weight: bold; text-align: center; padding: 4px; }*/

table.friendslist { width: 100%; border-collapse: collapse; margin-top: 1px; }
table.friendslist th { background-color: #C15201; color: #FFFFFF; padding: 2px; font-size: 1.2em; }
table.friendslist td { border-bottom: 1px solid #C15201; padding: 2px; }

table.placeslist { width: 100%; border-collapse: collapse; margin-top: 1px; }
table.placeslist th { background-color: #C15201; color: #FFFFFF; padding: 2px; font-size: 1.2em; }
table.placeslist td { border-bottom: 1px solid #E0E0E0; padding: 2px; }

table.viewprofile-placeslist { width: 100%; border-collapse: collapse; margin-top: 1px; }
table.viewprofile-placeslist th { background-color: #C15201; color: #FFFFFF; padding: 2px; font-size: 1.2em; }
table.viewprofile-placeslist td { padding: 2px; }

table.threadview { width: 100%; border-collapse: collapse; margin-top: 1px; border: 1px solid #E0E0E0; }
table.threadview th.row0, table.threadview td.row0 { background-color: #FDFDFD; padding: 2px 4px; border: 1px solid #E0E0E0; }
table.threadview th.row1, table.threadview td.row1 { background-color: #FAFAFA; padding: 2px 4px; border: 1px solid #E0E0E0; }
table.threadview td.unread { background-color: #FFEEEE; }

table.propertieslist { width: 100%; border-collapse: collapse; margin-top: 1px; }
table.propertieslist th { background-color: #C15201; color: #FFFFFF; padding: 2px; font-size: 1.2em; }
table.propertieslist td { border-bottom: 1px solid #E0E0E0; padding: 2px; }

#phototagcontainer { margin: 0px auto; border: 1px solid #808080; }
#phototag { }
#photozone { display: none; position: absolute; top: 0px; left: 0px; border: 2px solid yellow; }

div.rightlink a:link, div.rightlink a:visited { display: block; width: 130px; text-decoration: none; margin: 0px auto 1px auto; padding: 2px 4px 2px 14px; text-align: left; color: #FFFFFF; font-size: 1.1em; font-weight: bold; background-image: url(../images/nav-arrow.gif); background-repeat: no-repeat; background-position: 4px 5px; }

a.noprofile { text-decoration: none; color: #000000; }

.imagecomment { padding: 4px; border-top: 1px solid #275C86; }
.imagecomment-photo { float: left; width: 60px; }
.imagecomment-text { float: left; width: 440px; }
	.imagecomment-text h2 { margin-top: 0px; }


/**
 * Blog style and layout
 */
.blog-smaller { color: #969697; font-size: 0.9em; }
.blog-separator { margin: 10px 0 0 0; }
.entry-image { padding: 0 0 10px 10px; }
.blog-rss { margin: 10px 0; }

#blog-entries { font-size: 1.1em; }
#blog-entries .blog-entry { padding: 10px 0; }
#blog-entries .blog-entry-image { float: left; width: 120px; height: 120px; }
#blog-entries .blog-entry-wrap { float: left; width: 475px; margin-left: 5px; }
#blog-entries .blog-entry-head { margin-bottom: 5px; padding: 5px; color: #969697; }
#blog-entries .blog-entry-content { padding: 0 5px 5px 5px; }
#blog-entries .blog-entry-info { padding: 5px; color: #888; }

#blog-entry-info { margin: 0; padding: 5px 5px 10px 5px; color: #333; border-bottom: 1px solid #ccc; }
#blog-entry-content { margin-bottom: 10px; margin-top: 5px; padding: 5px; border-bottom: 1px solid #ccc; }

#blog-entry-tags { margin: 10px 0 0 0; color: #969697; }

#blog-entry-social { border-top: 1px solid #ccc; padding-top: 10px; }
#blog-entry-social ul { list-style: none; margin: 0; padding: 0; }
#blog-entry-social li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }
#blog-entry-social li a img { opacity: 0.8; }
#blog-entry-social li a:hover img,
#blog-entry-social li a:focus img { opacity: 1; margin-top: -1px; margin-bottom: 1px; }

#blog-entry-live-social { margin: 10px 0; padding: 0; }
#blog-entry-live-social .live-social-item { float: left; padding-right: 15px; margin-bottom: 10px; }
#blog-entry-live-social .live-social-item.twitter { padding: 0; margin-right: -5px; }
#blog-entry-live-social .live-social-item.fb-like { padding: 0; }

#blog-entry-comments { margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #ccc; }
#blog-entry-comments .blog-entry-comment { margin-bottom: 10px; }
#blog-entry-comments .blog-entry-comment-body { padding: 10px; background: #f4f4f4; border: 1px solid #ccc; border-bottom: 0; }
#blog-entry-comments .blog-entry-comment-body h1 { margin: 0; padding: 0 0 5px 0; font-size: 14px; }
#blog-entry-comments .blog-entry-comment-foot { height: 16px; background: url(../images/comm-foot.png) no-repeat scroll 0 0; padding: 2px 50px;}

#blog-categories ul { list-style: none; margin: 0; padding: 0; }

#tagcloud { margin: 10px 0; }
#tagcloud a { padding-right: 6px; }
#tagcloud .smallest { font-size: 10px; }
#tagcloud .small { font-size: 12px; }
#tagcloud .medium { font-size: 14px; }
#tagcloud .large { font-size: 16px; }
#tagcloud .largest { font-size: 18px; }

/**
 * Captcha box
 */
.captcha { float: left; width: 207px; height: 77px; padding: 5px; background: #fff; border: 1px solid #888; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.captcha img { display: block; float: left; border: 0; }
.captcha img.captcha-img { margin-right: 5px; border: 1px solid #aaa; }
.captcha object { float: left; width: 19px; height: 19px; margin: 17px 0 5px 0; }

.rightcol { width: 128px; margin: 10px auto 0 auto; padding: 5px 10px; border: 1px solid #18736f; color: #222; }
.rightcol h3 { font-size: 11px; }
.rightcol a { }

#dir-search { }
#dir-search .ds-text { display: block; float: left; width: 280px; height: 20px; line-height: 38px; margin: 0; padding: 10px 0 10px 10px; border: 0; background: transparent url(../images/search-box.png) no-repeat scroll 0 0; font-size: 14px; }
#dir-search .ds-button { display: block; float: left; width: 35px; height: 40px; margin: 0; padding: 0; border: 0; background: url(../images/search-button.png) no-repeat scroll 0 0; }
#dir-search .ds-button:focus,
#dir-search .ds-button:hover,
#dir-search .ds-button:active { background-position: 0 -40px; cursor: pointer; }
#dir-search .ds-link { display: block; float: left; width: 100px; height: 40px; margin: 0; padding: 0; border: 0; background: url(../images/search-browse.png) no-repeat scroll 0 0; }
#dir-search .ds-link:focus,
#dir-search .ds-link:hover,
#dir-search .ds-link:active { background-position: 0 -40px; cursor: pointer; }
#dir-search .ds-link span { display: none; }

.alpha-list,
.alpha-list li { list-style: none; margin: 0; padding: 0; }
.alpha-list li { display: block; float: left; width: 20px; height: 20px; line-height: 18px; margin: 0 1px 1px 0; text-align: center; }
.alpha-list li.active { display: block; width: 20px; height: 20px; line-height: 18px; background: #275c86; border: 1px solid #1e4564; }
.alpha-list li a { display: block; width: 20px; height: 20px; text-decoration: none; color: #fff; font-weight: bold; }
.alpha-list li a:focus,
.alpha-list li a:hover { color: #bbb; }
.alpha-list li.disabled { background: ccc; border: 1px solid #aaa; color: #888; cursor: default; }
.alpha-list li.current { background: #0d77cc; border: 1px solid #0b69b3; cursor: default; }
.alpha-list li.current a,
.alpha-list li.current a:focus,
.alpha-list li.current a:hover,
.alpha-list li.current a:active { color: #fff; cursor: default; }

.alpha-grid { width: 100%; border-collapse: collapse; border-spacing: 0; }
.alpha-grid td { vertical-align: top; text-align: left; width: 33%; height: 50px; padding: 5px; border: 1px solid #ccc; }
.alpha-grid h2 { margin-top: 0; padding-top: 0; font-size: 13px; color: #333; }

.dir-cmp-info { width: 165px; }

#directory-entry-info { margin-bottom: 10px; }

#directory-entry-links ul,
#directory-entry-links li { margin: 0; padding: 0; list-style: none; }
#directory-entry-links li { display: block; float: left; width: 88px; height: 30px; }
#directory-entry-links a { display: block; width: 88px; height: 30px; line-height: 28px; background: url(../images/tab-m.png) no-repeat scroll 0 0; text-align: center; text-decoration: none; }
#directory-entry-links li.first,
#directory-entry-links li.last,
#directory-entry-links li.first a,
#directory-entry-links li.last a { width: 90px; }
#directory-entry-links li.first a { background: url(../images/tab-l.png) no-repeat scroll 0 0; }
#directory-entry-links li.last a { background: url(../images/tab-r.png) no-repeat scroll 0 0; }
#directory-entry-links a:focus,
#directory-entry-links a:hover { background-position: 0 -30px; }
#directory-entry-links a:active,
#directory-entry-links li.active a { background-position: 0 -60px; }
#directory-entry-links li.active a { color: #000; }

#directory-entry-content { width: 510px; border: 1px solid #aaa; border-top: 0; padding: 10px; }

div.data label { display: block; float: none; width: 120px; margin: 0 10px 0 0; padding: 0; }
div.data label.inline { display: inline; }
div.data .text { display: block; float: none; margin: 0; }
div.data .clear { margin-bottom: 10px; }
