body{
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-size:62.5%;
	line-height:1.4;
	background:#01224b url('/img/layout/bg_body.jpg') center top no-repeat;
}

#bg {
	background:url('/img/layout/bg_body_grad.png') left bottom repeat-x;
}

* html #bg { background:none; }

#wrapper {
	width:940px;
	margin:0 auto;
}

/*-- header and nav ---------------------------------------------------------*/
#header {
	display:block;
	position:relative;
	width:940px;
	margin:0 auto;
	/*z-index:1;*/
}

#logo {
	float:left;
	display:block;
	margin: 30px 0 10px 0;
}

#loginbox {
	float:right;
	position:relative;
	display:block;
	/*width:260px;*/
	max-width:260px;
	color:#fff;
	z-index:5;
	padding:0 124px 0 0;
}
	#login_init,
	#login_pass { display:none; }
	#login_init,
	#logged_in { padding-top:20px; }
	#login_init a { margin-left:10px; }

	#login .fields {
		float:left;
		display:block;
		width:205px;
		margin-top:8px;
	}
	#login p { clear:left; margin:0; padding:3px 0; }
	#login label {
		float:left;
		width:75px;
		padding:3px 0;
		margin-right:3px;
	}
	#login input {
		float:left;
		width:110px;
		margin:0;
	}
	#login button {
		float:left;
		margin-top:32px;
	}
	#login small {
		display:block;
		clear:both;
		font-size:1.1em;
	}
	#login small :first-child { display:inline-block; width:75px; margin-right:2px; color:#fff; }
	#login span.tip {
		font-size: 0.8em;
	}

	#logged_in { text-align:right; }
	#logged_in p { margin:0; }
	#logged_in ul { margin:0; }
	#logged_in ul li {
		list-style:none;
		display:inline;
		padding:0 7px 0 2px;
		margin:0;
		background:url('/img/layout/logged_in_li.gif') right center no-repeat;
	}
	#logged_in ul li.logout { background:none; padding-right:0; }
	#logged_in .logout a { color:#fff; }

	#forgotten-password label {
		font-size:1.4em;
		margin:10px 0 0;
		display:block;
	}
	#forgotten-password input { width:165px; font-size:1.4em; vertical-align:bottom; margin-right:5px; }
	#forgotten-password #login_pass_cancel { display:inline-block; font-size:1.1em; margin-top:5px; }
/*
#top_links {
	position:absolute;
	top:98px;
	right:180px;
}
#top_links li {
	list-style:none;
	float:left;
	margin:0 2px 0 0;
}
#top_links li a {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:25px;
	width:25px;
}
#top_links #lang_fr {
	background:url('/img/icons/flag_fr.png') 0 0 no-repeat;
}
#top_links #lang_en {
	background:url('/img/icons/flag_en.png') 0 0 no-repeat;
}
*/

#nav {
	clear:both;
	position:relative;
	/*z-index:1;*/
	display:block;
	height:4em;
	background:#2a5890 url('/img/layout/bg_nav.jpg') 0 0 repeat-x;
	width:925px;
	line-height:1;
	padding-left:15px;
	margin:0 auto 20px;
	-moz-box-shadow:0 0 5px #111;
	-webkit-box-shadow:0 0 5px #111;
	box-shadow:0 0 5px #111;
}
#nav ul {
	font-size:1em;
}
#menu {
	float:left;
	position:relative;
	/*z-index:20;*/
}
#nav li {
	list-style:none;
	float:left;
	position:relative;
	width:auto;
	margin-right:20px;
	z-index:30;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
}

#menu li a {
	display:block;
	font-size:2.6em;
	font-weight:bold;
	color:#fefeff;
	text-decoration:none;
	height:1em;
	padding:8px 0 7px;
	border-bottom:none;
}

#menu li a.current,
#menu li:hover a,
#menu li.hover a {
	border-bottom:3px solid #cd1d00;
}
#menu li img.hat {
	position: absolute;
	margin: 5px 0px 0px -4px;
	z-index: 10;
}
/* subnavs */
#menu ul {
	position:absolute;
	z-index:40;
	display:none;
	min-width:100%;
	white-space:nowrap;
	left:0;
	padding-top:1px;
	-moz-box-shadow:0 1px 3px #111;
	-webkit-box-shadow:0 1px 3px #111;
	box-shadow:0 1px 3px #111;
}
	#menu li ul li {
		display:block;
		float:none;
		position:relative;
		z-index:45;
		padding: 0;
		margin:0;
		background:#f6f6f6;
		border-top:1px solid #b2b2b2;
		border-bottom:1px solid #e2e2e2;
	}
	#menu li ul li.facebook a {
		padding-left: 32px;
		background: transparent url('../../img/icons/facebook_small.png') 8px center no-repeat;
	}
	#menu li ul li a {
		display:block;
		position:relative;
		z-index:50;
		color:#333;
		font-size:1.4em;
		font-weight:normal;
		padding:5px 10px;
		border-width:0 !important;
	}
	#menu li ul li a:hover {
		background-color:#e0e1e2;
	}

	#menu li ul li a.count div {
		position:  absolute;
		font-size:  10px;
		margin:  0px 0px 0px 0px;
		padding:  2px 4px 3px;
		background-color: #cd1d00;
		color:  #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		right: 7px;
	}
	#menu li ul li a.count.single {
		padding-right: 30px;
	}
	#menu li ul li a.count.double {
		padding-right: 35px;
	}
	#menu li ul li a.count.triple {
		padding-right: 40px;
	}

#menu li.hover ul,
#menu li:hover ul { display:block; }

#twitbook {
	float:right;
	margin:0 166px 0 0;
}
#twitbook li { margin:3px 0 0 5px; }
#twitbook li a,
#twitbook li a:hover { display:block; border-width:0; }

#cousteau {
	position:absolute;
	bottom:0;
	right:-15px;
	/*z-index:2;*/
}
	#cousteau img { display:block; }

#content {
	display:block;
	position:relative;
	/*z-index:3;*/
}
	#flashmsg {
		display:block;
		position:fixed;
		/*left:50%;*/
		right:20px;
		top:20px;
		/*margin-left:-155px;*/
		text-align:center;
		font-weight:bold;
		font-size:1.2em;
		z-index:200;
	}
		#flashmsg_inner { display:block; width:270px; padding:17px 5px 1px; }
		#flashmsg .close {
			position:absolute;
			top:-16px;
			right:0px;
			display:block;
			width:30px;
			height:0;
			padding-top:30px;
			overflow:hidden;
			background:url('/img/layout/fancy_close.png') 0 0 no-repeat;
		}

#footer {
	position:relative;
	width:940px;
	margin:40px auto 0;
	padding:40px 0;
	color:#fff;
	background:url('/img/layout/bg_footer.png') center 0 no-repeat;
}
	#footer p { font-size:1.1em; }

#mask {
	position:absolute;
	right:20px;
	top:-57px;
	z-index:10;
}


/*-- type -------------------------------------------------------------------*/
cufon {
	top:1px;
}

h1, h2, .h1, .h2 {
	font-size:2.6em;
	margin:0 0 .15em;
}
h3, .h3 {
	font-size:2em;
	margin:0 0 .25em;
}
h4, .h4 {
	font-size:1.8em;
	font-weight:normal;
	margin:0 0 .5em;
}

h1, h2, h3, h4 { color:#fefeff; }

p, ul, ol {
	font-size:1.4em;
	margin:0 0 1em;
}

ul ul,
ol ol,
ul ol { font-size:1em; }

ul.nostyle li {
	list-style:none;
	margin-left:0;
}
ul.nostyle ul li {
	list-style:disc outside;
	margin-left:2em;
}
ul.nostyle ol li {
	list-style:decimal outside;
	margin-left:2em;
}

ul.carousel { font-size:1em; margin:0; }

p .big { font-size:1.2857em; }

.nomarg { margin:0; }

li {
	margin:0 0 .5em 1em;
	list-style:disc outside;
}
ul.ui-autocomplete li { /* For UI autocomplete */
	list-style: none;
}

ol li {
	list-style:decimal outside;
}

a {
	color:#66c4ff;
}
a:hover {
	text-decoration:none;
}

small { font-size:.7857em; }

.al_r { text-align:right; }
.al_c { text-align:center; }


/*-- forms ------------------------------------------------------------------*/
form .row { position:relative; margin-bottom:.75em; font-size:1.4em; }
form .row label { display:block; margin:0 0 .15em 0; }
form .row label.left { padding:2px 0; }

form .row label.radio { display:inline; margin-right:15px; }

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:2px 3px;
	margin:0;
}
select { padding:0; }
input, textarea {
	color:#000;
	background:#fff url('/img/layout/bg_input.gif') 0 0 repeat-x;
	border:1px solid #1a3e6c;
}
input:focus,
textarea:focus,
input.hover,
textarea.hover { border-color:#abc9ec; background-image:none; }

label input, input.checkbox {
	padding:0;
	margin:0;
	background:transparent none;
	border-width:0;
}

form .row label.inline { display:inline-block; }

/* radio buttons and checkboxes */
.NF_checkbox,
.NF_radio { display:inline-block; margin:0 5px 0 0; vertical-align:top; }

.NF_checkbox span,
.NF_radio span {
	position:relative;
	display:block;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
}

.NF_checkbox span { background-image:url('/img/layout/bg_checkbox.gif'); }
.NF_radio span { background-image:url('/img/layout/bg_radio.gif'); }

.NF_on { background-position:0 0; }
.NF_off { background-position:-20px 0; }
.NF_hover .NF_on { background-position:-40px 0; }
.NF_hover .NF_off { background-position:-60px 0; }

.NF_checkbox input,
.NF_radio input { cursor:pointer; }

span.req {
	display:inline-block;
	width:14px;
	height:0;
	overflow:hidden;
	padding-top:14px;
	background:url('/img/layout/bg_req.png') 0 0 no-repeat;
}

/* error states */
input.error,
textarea.error {
	border-color:#b51e07;
	background:#e1a59c none;
}
form .row label.error {
	display:inline-block;
	border:1px solid #fff;
	background:#CD1D00;
	color:#fff;
	padding:2px 5px 1px;
	margin-top:2px;
}

/* buttons */
button, .btn {
	display:-moz-inline-stack;
	display:inline-block;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:normal;
	font-size:1.8em;
	border-width:0;
	padding:0;
	background:#d9d9d9 url('/img/layout/bg_btn.gif') 0 0 repeat-x;
	text-decoration:none;
	-moz-box-shadow:0 0 5px #111;
	-webkit-box-shadow:0 0 5px #111;
	box-shadow:0 0 5px #111;
	cursor:pointer;
	vertical-align:middle;
}

.btn_blue {
	color:#fff;
	background:#287db3 url('/img/layout/bg_btn_blue.gif') 0 0 repeat-x;
}
.btn_blue_dark {
	color:#fff;
	background:#26548c url('/img/layout/bg_btn_blue_dark.gif') 0 0 repeat-x;
}

.btn_red,
.grey .btn_red {
	color:#fff;
	background:#ae1e06 url('/img/layout/bg_btn_red.gif') 0 0 repeat-x;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button span, .btn span {
	display:inline-block;
	padding:.2em .625em;
	white-space:nowrap;
}
button img, .btn img { display:inline-block; vertical-align:middle; }

.btn:hover, button:hover,
.btn:focus, button:focus {
	-moz-box-shadow:0 0 5px #66C4FF;
	-webkit-box-shadow:0 0 5px #66C4FF;
	box-shadow:0 0 5px #66C4FF;
}

p button, p .btn { font-size:1.2857em; margin-right:10px; }

button .small,
.btn .small { font-size:.875em; padding:.2em .35em; }

button .big,
.btn .big { font-size:1.444em; padding:.15em .5em; }

button.icon {
	background-color:transparent;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

/* buttons with graphics */
.btn .btn_world { padding-right:56px; background:url('/img/btn/btn_world.gif') right center no-repeat; }
.btn .btn_edit { padding-left:28px; background:url('/img/btn/btn_edit.gif') 9px center no-repeat; }
.btn .btn_camera { padding-left:28px; background:url('/img/btn/btn_camera.gif') 7px center no-repeat; }
.btn .btn_video { padding-left:28px; background:url('/img/btn/btn_video.gif') 4px center no-repeat; }
button .btn_mask,
.btn .btn_mask { padding-left:28px; background:url('/img/btn/btn_mask.gif') 6px center no-repeat; }
.btn .btn_all { padding-left:28px; background:url('/img/btn/btn_all.gif') 6px center no-repeat; }
.btn .btn_refresh,
button .btn_refresh { display:block; padding:26px 0 0; width:31px; height:0; overflow:hidden; background:url('/img/btn/btn_refresh.gif') center no-repeat; }
.btn .btn_up,
.btn .btn_down { padding:11px 0 0; width:40px; height:0; overflow:hidden; background:url('/img/btn/btn_up.gif') center no-repeat; }
.btn .btn_down { background-image:url('/img/btn/btn_down.gif'); }
.btn .btn_profile { padding-left:30px; background:url('/img/btn/btn_profile.gif') 9px center no-repeat; font-size:.875em; }
.btn_blue .btn_camera { padding-left:30px; background:url('/img/btn/btn_blue_camera.gif') 8px center no-repeat; font-size:.875em; }
/* Do we need this? We don't have a btn_blue_video.gif yet:;
.btn_blue .btn_video { padding-left:30px; background:url('/img/btn/btn_blue_video.gif') 8px center no-repeat; font-size:.875em; }
*/
button .btn_search,
.btn .btn_search { padding-left:30px; background:url('/img/btn/btn_search.png') 6px center no-repeat; }
.btn .btn_prev { padding-left:15px; background:url('/img/btn/btn_prev.gif') 0 center no-repeat; font-size:.875em; }
.btn .btn_next { padding-right:15px; background:url('/img/btn/btn_next.gif') right center no-repeat; font-size:.875em; }
button .btn_guestbook { padding-left:30px; background:url('/img/btn/btn_guestbook.gif') 6px center no-repeat; }
.btn .btn_back { padding-left:22px; background:url('/img/btn/btn_back.gif') 6px center no-repeat; }
.btn .btn_compare { padding-left:30px; background:url('/img/btn/btn_compare.gif') 8px center no-repeat; }
button .btn_google { padding-left:93px; background:url('/img/btn/btn_google.gif') 0 center no-repeat; }

.btn .btn_favourite, button .btn_favourite {
	padding-left:30px; background:url('/img/btn/btn_favourite.png') 6px center no-repeat;
}

/* Need to add the correct icon here: */
.btn .btn_upload  { padding-left:28px; background:url('/img/btn/btn_open.gif') 11px center no-repeat; }

.btn .btn_open { padding-left:22px; background:url('/img/btn/btn_open.gif') 7px center no-repeat; }
button .btn_tick,
.btn .btn_tick { padding-left:40px; background:url('/img/btn/btn_tick.png') 9px center no-repeat; }

button .btn_error,
.btn .btn_error { padding-left:40px; color: #900; background:url('/img/btn/btn_edit.gif') 9px center no-repeat; }

button .btn_best,
.btn .btn_best { padding-left:30px; background:url('/img/icons/icon_favourite_small.png') 6px center no-repeat; }

button .btn_random,
.btn .btn_random { padding-left:30px; background:url('/img/icons/icon_random_small.png') 6px center no-repeat; }

button .btn_archive,
.btn .btn_archive { padding-left:30px; background:url('/img/icons/icon_user_cousteau_small.png') 6px center no-repeat; }

button .btn_latest,
.btn .btn_latest { padding-left:30px; background:url('/img/icons/icon_user_small.png') 6px center no-repeat; }



.btn_disabled {
	color:#aaa;
	cursor:auto;
}
.btn_disabled:hover {
	-moz-box-shadow:0 0 5px #111;
	-webkit-box-shadow:0 0 5px #111;
	box-shadow:0 0 5px #111;
}

fieldset.bdr {
	border:1px solid #abc9ec;
	background:#24528a url('/img/layout/bg_fieldset_bdr.jpg') 0 0 repeat-x;
	padding:10px 10px 1px;
	margin:0 0 15px;
}
	fieldset.bdr input.text { display:block; }

/* forms: form-specific */
#form_join_quick input.text { display:block; width:236px; }
#form_join_quick label.checkbox { display:block; margin:0 0 3px 0; }

#form_donate p { display:block; }
#form_donate label { padding-top:2px; }
#form_donate #donation { width:70px; text-align:right; margin-left:3px; vertical-align:baseline; }
#form_donate button { margin:10px 0; /*font-size:1.4em;*/ }

/*-- main elements -----------------------------------------------------------*/
/* main wide box */
.box {
	display:block;
	width:920px;
	border:10px solid #fff;
	margin:0 auto 10px;
	background:#e0e1e2 url('/img/layout/bg_grey.gif') 0 bottom repeat-x;
	-moz-box-shadow:0 0 5px #111;
	-webkit-box-shadow:0 0 5px #111;
	box-shadow:0 0 5px #111;
}
.box_s { width:280px; }

/* grid */
.wide {
	position:relative;
	/*float:left;*/
	width:630px;
}
	.row .wide { border-right:10px solid #fff; }
	.row_inv .wide { border-width:0; }
	.row_inv .narrow { border-right:10px solid #fff; }
.narrow {
	position:relative;
	/*float:right;*/
	width:280px;
}
.half {
	width:455px;
}
	.half:first-child { border-right:10px solid #fff; }

/* table-like */
.bdr { border-bottom:10px solid #fff; }
.bdr_top { border-top:10px solid #fff; }
/*.bdr:last-child { border-bottom:none; }*/
.row { display:block; position:relative; }
	.row_marg { margin-bottom:10px; }
.cell { display:table-cell; vertical-align:top; }

/* backgrounds */
.grey {
	background:#e0e1e2 url('/img/layout/bg_grey.jpg') 0 0 no-repeat;
	color:#666;
}
	.grey h1,
	.grey h2,
	.grey h3,
	.grey h4 { color:#333; }
	.grey a,
	.grey .hi { color:#333; }

.blue { background:#38679f url('/img/layout/bg_blue.jpg') 0 bottom repeat-x; }
.blue_dark { background:#1a4274 url('/img/layout/bg_blue_dark.jpg') 0 0 no-repeat; }
.blue_fade { background:#24528a url('/img/layout/bg_blue_fade.jpg') 0 0 no-repeat; }
.blue_dark_fade { background:#194273 url('/img/layout/bg_blue_dark_fade_full.jpg') 0 0 no-repeat; }
.narrow .blue_dark_fade,
.narrow.blue_dark_fade { background:#194273 url('/img/layout/bg_blue_dark_fade.jpg') 0 0 no-repeat; }
.blue,
.blue_dark,
.blue_fade,
.blue_dark_fade { color:#fff; }

.fade {
	background-image:url('/img/layout/fade.png');
	background-position:0 0;
	background-repeat:no-repeat;
}

.pad { padding:15px 18px 2px; }

.has_submit { padding-bottom:60px; }

.left { float:left; }
.right { float:right; }

.hr {
	clear:both;
	display:block;
	height:2px;
	margin:0 0 15px;
	padding:15px 0 0;
	background:url('/img/layout/hr.gif') 0 bottom repeat-x;
}

/*-- misc ---------------------------------------------------------*/
.cf {
	font-family:"Georgia", "Times New Roman", serif;
}


/*-- small elements ---------------------------------------------------------*/
ul.bdr_list li {
	padding:8px 0 7px;
	margin:0;
	background:url('/img/layout/hr.gif') 0 bottom repeat-x ;
	list-style:none;
}
ul.bdr_list li:first-child, ul.bdr_list li.first-child {
	padding-top:2px;
}
ul.bdr_list li .icon { vertical-align:middle; margin-right:5px; }


/* pagination */
.pagin {
	display:block;
	color:#333;
	padding:10px 5px 8px;
	margin-top:20px;
	background:url('/img/layout/hr_grey.gif') 0 0 repeat-x;
}
.pagin .m {
	display:block;
	width:60%;
	margin:0 auto;
	text-align:center;
}
.pagin .pages {
	font-size:1.4em;
	padding:3px;
}
	.pagin .pages a,
	.pagin .pages span {
		display:inline-block;
		color:#333;
		padding:0 3px 0 8px;
		background:url('/img/layout/bg_pagin_a.gif') 0 center no-repeat;
	}
	.pagin .pages a:first-child,
	.pagin .pages span:first-child { background:none; }

.back_to_top {
	display:block;
	clear:both;
	background:url('/img/layout/hr_grey.gif') 0 0 repeat-x;
	padding:10px;
	text-align:center;
}

/* small pagination */
.pagin_small { display:inline-block; vertical-align:middle; }
.pagin_small a {
	display:block;
	float:left;
	width:15px;
	height:0;
	padding-top:17px;
	overflow:hidden;
	margin:0 1px;
	background:url('/img/layout/pagin_small.png') -45px 0 no-repeat;
}
.pagin_small a:hover { background-position:-30px 0; }
.pagin_small a.current,
.pagin_small a.current:hover { background-position:0 0; }

/* pins */
.pin_upload_many,
.pin_upload_many_cd,
.pin_upload_one,
.pin_upload_one_cd,
.pin_newreg,
.pin_fav {
	display:inline-block;
	width:29px;
	height:25px;
	line-height:1;
	padding:7px 0 0 1px;
	font-size:10px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:url('/img/layout/pins.png') no-repeat;
}
.pin_upload_many { background-position:-30px 0; }
.pin_upload_many_cd { background-position:0 0; }
.pin_fav { background-position:-60px 0; }
.pin_newreg { background-position:-90px 0; }

/* icons */
a.delete {
	display:block;
	width:29px;
	height:0;
	overflow:hidden;
	padding-top:33px;
	background:url('/img/icons/icon_delete.png') 0 0 no-repeat;
}

.icon {
	display:inline-block;
	color:#333;
	font-size:1.4em;
	padding:3px 0 12px 33px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.blue .icon,
.blue .pin,
.blue_dark_fade .icon { color:#fff; }

.icon_user { background-image:url('/img/icons/icon_user.png'); }
.icon_user_cd { background-image:url('/img/icons/icon_user_cousteau.png'); }
.icon_camera { background-image:url('/img/icons/icon_camera.png'); }
.icon_dive { background-image:url('/img/icons/icon_dive.png'); }
.icon_mask { background-image:url('/img/icons/icon_mask.png'); }
.icon_temp { background-image:url('/img/icons/icon_temp.png'); }
.icon_flag { background-image:url('/img/icons/icon_flag.png'); }
.icon_delete { background-image:url('/img/icons/icon_delete.png'); }
.icon_complete { background-image:url('/img/icons/icon_complete.png'); }
.icon_favourite { background-image:url('/img/icons/icon_favourite.png'); }
.icon_back_to_top { background-image:url('/img/icons/icon_back_to_top.png'); }
.icon_tweet { background-image:url('/img/icons/twitter_2.png'); }
.icon_magnify { background-image:url('/img/icons/icon_magnify.png'); }
.icon_media { background-image:url('/img/icons/icon_media.png'); }
.icon_dive_centre { background-image:url('/img/icons/icon_user_divecentre.png'); }

.icon.small { padding-left: 26px; }
.icon_media.small { background-image:url('/img/icons/icon_media_small.png'); }
.icon_favourite.small { background-image:url('/img/icons/icon_favourite_small.png'); }
.icon_user.small { background-image:url('/img/icons/icon_user_small.png'); }

/* KEY: */
#key {
	height: 30px;
	padding: 10px 15px 0px;
	overflow: hidden;
}
#key .pin {
	display:inline-block;
	color:#fff;
	font-size:1.4em;
	background-position:0 0;
	background-repeat:no-repeat;
	padding: 2px 15px 12px 26px;
	font-size: 1.2em;
}

.pin.small { padding-left: 26px; }
.pin_media.small { background-image:url('/img/icons/pin_user_camera_small.png'); }
.pin_cousteaumedia.small { background-image:url('/img/icons/pin_cousteau_camera_small.png'); }
.pin_favourite.small { background-image:url('/img/icons/pin_favourite_small.png'); }
.pin_user.small { background-image:url('/img/icons/pin_register_small.png'); }
.pin_divecentre.small { background-image:url('/img/icons/pin_divecentre_small.png'); }
.pin_divelog.small { background-image:url('/img/icons/pin_divelog_small.png'); }
.pin_science.small { background-image:url('/img/icons/pin_science_small.png'); }
.pin_event.small { background-image:url('/img/icons/pin_event_small.png'); }

#key a.hide_key {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #fff;
}
p.show_key {
	margin: 0px;
	padding: 0px 0px 5px;
	font-size: 1em;
	text-align: right;
	background-color: #fff;
}
p.show_key a {
	color: #194273;
}

.icon_only {
	width:29px;
	height:0;
	overflow:hidden;
	padding:33px 0 0;
	background-position:0 0;
	background-repeat:no-repeat;
}

.icon_delete { padding:29px 0 0; }

.icon_remove { /* small remove cross */
	display:inline-block;
	width:11px;
	height:0;
	padding-top:11px;
	overflow:hidden;
	background:url('/img/icons/icon_remove.png') 0 0 no-repeat;
	vertical-align:middle;
}





/* thin double borders */
.bdr_thin { border-width:0; background:url('/img/layout/hr.gif') 0 bottom repeat-x; }
p.bdr_thin { padding-bottom:.5em; margin-bottom:.5em; }

p.bdr_thick { padding-bottom:2em; margin-bottom:2em; }

.grey .bdr_thin,
.grey .bdr_thin { background-image:url('/img/layout/hr_grey.gif'); }
.bdr_thin h4 { margin:0; }

 h2.bdr_thin, h3.bdr_thin { padding-bottom:.5em; margin-bottom:.5em; }

.ctas {
	display:block;
	padding:15px 0 5px;
	margin-top:10px;
	background:url('/img/layout/hr.gif') 0 0 repeat-x;
}
	.ctas button,
	.ctas .btn { margin-bottom:10px; }

.grey .ctas {
	background-image:url('/img/layout/hr_grey.gif');
}

.tobtm {
	position:absolute;
	right:18px;
	bottom:0;
	display:block;
}

.narrow .tobtm { width:244px; }

/* cell head */
.cell_head {
	display:block;
	color:#fff;
	padding:10px 20px;
	background:#194273 url('/img/layout/bg_cell_head.gif') 0 0 repeat-x;
}
	.cell_head h4 {
		margin:0;
		font-size:1.6em;
		color:#fff;
	}
	.cell_head .right .btn { margin:3px 0 0 5px; }

/* sidebar - 'static' modules */
.sidebar img { display:block; }
.sidebar h3 { color:#fff; margin:0; }

/* item info */
.item_info .label {
	/*float:left;
		clear:left;
		display:block;
		width:55px;*/
	font-size:1.1em;
}
.item_info .label_full { width:auto; }
.item_info .value {
	/*float:left;
		display:block;
		width:94px;*/
	font-size:1.1em;
}
.item_info .value a { color:#fff; }

/* hover info */
.hover_info {
	position:absolute;
	top:0;
	color:#fff;
	background:#38679f url('/img/layout/bg_blue.jpg') 0 bottom repeat-x;
}
	.hover_info .pad { display:block; padding:40px 10px 10px; }
	.hover_info .btn { position:absolute; top:5px; right:5px; }
	.hover_info .value a { color:#fff; }

.img_180 .hover_info {
	width:180px;
	left:10px;
}
.img_130 .hover_info {
	width:130px;
	left:8px;
}

/*-- image frames ------------------------------------------------------------*/
.img { display:block; }

.img_90 { padding:9px 0 0; background:url('/img/layout/img_90.png') 0 0 no-repeat; /* from white: 4px 5px 8px 5px */ }
	.img_90 .img { padding:0 10px 13px 10px; background:url('/img/layout/img_90_btm.png') 0 bottom no-repeat; }
.img_110 { padding:10px 0 0; background:url('/img/layout/img_110.png') 0 0 no-repeat; /* from white: 5px 7px 8px 5px */ }
	.img_110 .img { padding:0 12px 13px 10px; background:url('/img/layout/img_110_btm.png') 0 bottom no-repeat; }
.img_130 { padding:9px 0 0; background:url('/img/layout/img_130.png') 0 0 no-repeat; /* from white: 4px 4px 6px 3px */ }
	.img_130 .img { padding:0 9px 11px 8px; background:url('/img/layout/img_130_btm.png') 0 bottom no-repeat; }
.img_160 { padding:10px 0 0; background:url('/img/layout/img_160.png') 0 0 no-repeat; /* from white: 5px 9px 12px 5px */ }
	.img_160 .img { padding:0 14px 17px 10px; background:url('/img/layout/img_160_btm.png') 0 bottom no-repeat; }
.img_180 { padding:10px 0 0; background:url('/img/layout/img_180.png') 0 0 no-repeat; /* from white: 5px 5px 9px 5px */ }
	.img_180 .img { padding:0 10px 14px 10px; background:url('/img/layout/img_180_btm.png') 0 bottom no-repeat; }
.img_195 { padding:10px 0 0; background:url('/img/layout/img_195.png') 0 0 no-repeat; /* from white: 5px 7px 13px 6px */ }
	.img_195 .img { padding:0 12px 18px 11px; background:url('/img/layout/img_195_btm.png') 0 bottom no-repeat; }
.img_210 { padding:16px 0 0; background:url('/img/layout/img_210.png') 0 0 no-repeat; /* from white: 6px 9px 17px 8px */ }
	.img_210 .img { padding:0 19px 27px 18px; background:url('/img/layout/img_210_btm.png') 0 bottom no-repeat; }
.img_280 { padding:9px 0 0; background:url('/img/layout/img_280.png') 0 0 no-repeat; /* from white: 4px 13px 17px 6px */ }
	.img_280 .img { padding:0 18px 22px 11px; background:url('/img/layout/img_280_btm.png') 0 bottom no-repeat; }

.img { position:relative; }
.img img { display:block; }

.img_110.left { margin:11px 10px 7px 10px; } /* may need to be moved to specific page rule -- /community/join */
.img_160.left { margin:0 10px 0 0; }


.img .clip {
	position:absolute;
	z-index:2;
	left:0;
	top:-21px;
	display:block;
	width:38px;
	height:66px;
	background:url('/img/layout/paperclip_2.png') 0 0 no-repeat;
}
.img_90 .clip,
.img_110 .clip,
.img_160 .clip,
.img_280 .clip { left:-3px; top:-16px; }

.img .red_pin {
	position:absolute;
	z-index:2;
	left:50%;
	margin-left:-3px;
	top:-23px;
	display:block;
	width:42px;
	height:62px;
	background:url('/img/layout/red_pin.png') 0 0 no-repeat;
}

.img .icon {
	position:absolute;
	top:0;
	margin:4px 2px;
}

/* sort of img frames, with content */
.img .bdr { border-bottom:5px solid #fff; }
.img a.bdr { display:block; }
.box_blue { background:#37669e url('/img/layout/bg_box_blue.jpg') 0 bottom repeat-x; }


/*-- modules -----------------------------------------------------------------*/
/* recent activity */
ul.recent { font-size:1.2em; margin-bottom:1.5em; }
	ul.recent li { list-style:none; }
	ul.recent li .pin { float:left; margin:0 5px 0 0; }
	ul.recent li .pin img { display:block; }
	ul.recent small { font-size:.8571em; }
	ul.recent small a { color:#fff; }


/* recently uploaded & may also like */
.side_panel_grey h2 { padding:10px 18px; margin:0; }
.side_panel_grey .grey { display:block; }
.side_panel_grey .img_90 { margin:5px; }
.side_panel_grey .item_info {
	float:left;
	width:150px;
	color:#333;
	margin:10px 0 0;
}

/* members pod */
.tabs_nav {
	display:block;
	background:#d1d2d4 url('/img/layout/bg_tabs_nav.gif') 0 0 repeat-x;
}
	.tabs_nav ul {
		font-size:1em;
		margin:0;
	}
	.tabs_nav ul li {
		float:left;
		list-style:none;
		margin:0;
	}
	.tabs_nav ul li a {
		display:block;
		font-size:1.8em;
		color:#333;
		text-decoration:none;
		padding:10px 10px 15px;
		background:url('/img/layout/bg_tabs_nav_a.gif') 0 bottom no-repeat;
	}
	.tabs_nav ul li a.current,
	.tabs_nav ul li a:hover {
		background:none;
	}

	.tabs_nav .refresh {
		float:right;
		margin:13px 20px 0 0;
	}

.profile_small {
	display:block;
	padding:0 0 5px;
	min-height:120px;
}
.profile_small .img_90 {
	float:left;
	margin:11px 10px 0 5px;
}
.profile_small .profile_info {
	float:left;
	width:145px;
	margin-top:15px;
}
	.profile_small .profile_info a { font-size:1.4em; color:#333; }
	.profile_small .profile_info .pts { display:block; font-size:1.4em; font-weight:normal; color:#666; padding:0; }
	.profile_small .profile_info .status {
		display:block;
		font-size:1.2em;
		color:#333;
		line-height:1.2;
		padding:5px 0;
		background:url('/img/layout/hr_grey.gif') 0 bottom repeat-x;
	}
	.profile_small .profile_info .status img { margin:0 6px 0 0; }
	.profile_small .profile_info small {
		display:block;
		font-size:1.1em;
		color:#333;
		padding:3px 0;
	}



.item {
	clear:both;
	display:block;
	background:url('/img/layout/hr_grey.gif') 0 bottom repeat-x;
	margin:0 0 10px;
}


/* Maps */
#map {
	display:block;
	position:relative;
	height:480px;
	background:url('/img/misc/loading.gif') center no-repeat;
}
#map_wrap_outer {
	position:relative;
	overflow:hidden;
}
#map_wrap {
	position:relative;
	height:490px;
	width:920px;
	overflow:hidden;
}
#map_wrap #map {
	height:480px;
	width:920px;
}
.map_lb .map {
	display:block;
	position:relative;
	height:480px;
	width:640px;
	background:#E5E3DF url('/img/misc/loading.gif') center no-repeat;
}
.iw_content {
	position:relative;
	width:236px;
	padding:2px;
	background:#fff;
	border:1px solid #e5e3df;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 2px 4px #666;
	-moz-box-shadow:0 2px 4px #666;
	box-shadow:0 2px 4px #666;
}
	.iw_content h5 { font-size:1.4em; font-weight:bold; color:#333; margin:0 0 .25em; }
	.iw_content p {  margin:0 0 .25em; }
	.carousel_iw { height:50px; overflow:hidden; }
	.iw_content .carousel_iw li {
		float:left;
		margin:0 1px;
	}
	.iw_content .iw_arrow {
		position:absolute;
		left:-9px;
		top:5px;
		display:block;
		width:10px;
		height:19px;
		background:url('/img/layout/iw_arrow.gif') 0 0 no-repeat;
	}

/* Sectors: */
#map_wrap.sectors {
	background-image: url(/img/misc/large_map.png);	
	height: 480px;
	border-bottom: 10px solid #fff;
}
	#map_wrap.new_sectors {
		background-image: url(/img/mapsectors/all.png);	
		height: 460px;
		border-bottom: 10px solid #fff;
	}

	#map_wrap.new_sectors.subsectors {		
		width: 500px;
		height: 480px;		
	}

#map_wrap.sectors div.sector {
	float: left;
	width: 305px;
	height: 238px;
	border: 1px solid #fff;
	cursor: pointer;
}
	#map_wrap.new_sectors div.sector {
		width: 151px;
		height: 151px;
	}
	#map_wrap.new_sectors.subsectors div.sector {
		width: 165px;
		height: 160px;
	}


#map_wrap.sectors div.sector:hover {
	background-color: #fff;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;	
}

	#map_wrap.new_sectors div.sector:hover {
		background-color: transparent;
		filter: alpha(opacity=100);
		opacity: 1;	

		background-color: rgba(255,255,255,.5);
	}

	#map_wrap.new_sectors div.sector.empty,
	#map_wrap.new_sectors div.sector.empty:hover {
		zoom: 1;
		background-color: transparent;
		filter: alpha(opacity=100);
		opacity: 1;	

		background-color: rgba(0,0,0,.5);
	}

#map_wrap.sectors div.sector.end_of_row {
	width: 304px;
}
	#map_wrap.new_sectors div.sector.end_of_row {
		width: 153px;
	}
	#map_wrap.new_sectors.subsectors div.sector.end_of_row {
		width: 164px;
	}

#map_wrap.sectors div.sector a {
	display: block;	
	width: 305px;
	height: 128px;
	padding-top: 110px;
	text-align: center;
	text-decoration: none;
}
	#map_wrap.new_sectors div.sector a {
		width: 151px;
		height: 80px;
		padding-top: 71px;
	}
	#map_wrap.new_sectors.subsectors div.sector a {
		width: 165px;
		height: 85px;
		padding-top: 75px;
	}

#map_wrap.sectors div.sector.end_of_row a {
	width: 304px;
}
	#map_wrap.new_sectors div.sector.end_of_row a {
		width: 153px;
	}
	#map_wrap.new_sectors.subsectors div.sector.end_of_row a {
		width: 164px;
	}

	#map_wrap.new_sectors div.sector.empty a {
		cursor: default;
	}

#map_wrap.sectors div.sector a div.sector_count {
	
	color: #000;	
	font-size: 12px;
	font-weight: bold;
	background-color: #fff;
	display: inline;
	padding: 4px 8px;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
	#map_wrap.new_sectors div.sector a div.sector_count {
		background-color: rgba(255,255,255,1);
	}
	#map_wrap.new_sectors div.sector.empty a div.sector_count {
		background-color: #666;
		color: #fff;
	}
#map_wrap.sectors div.sector:hover a div.sector_count {
	text-decoration: underline;
}
	#map_wrap.new_sectors div.sector:hover a div.sector_count {
		text-decoration: none;
	}

/*== PAGES ========================================================================*/

/*-- HOME -----------------------------------------------------------------------*/
#home_images { margin:10px; }
#home_images .img_110 { margin-bottom:20px; }
#facebook_like {
	width:110px;
	height:130px;
	background:#fbfbfb url('/img/layout/bg_fb_home.jpg') 0 0 no-repeat;
}


/*-- COMMUNITY -------------------------------------------------------------------*/
/* profile */
div.activity {
	margin:10px 0px 10px;
}
div.activity p {
	line-height:1;
	vertical-align:middle;
	margin-bottom: 0px;
}
div.activity p span {
	font-size: 1em;
	color: #666;
}
	div.activity p strong {
		font-size:1em;
		color: #000;
	}


.profile_pic {
	display:block;
	float:left;
	padding:15px 0 10px 7px;
}
	.profile_pic .badge {
		display:block;
		width:220px;
		text-align:center;
		padding:10px 5px;
		margin:5px 0 15px 8px;
		background:#d9d9d9 url('/img/layout/bg_btn.jpg') 0 0 repeat-x;
		-moz-box-shadow:0 1px 4px #111;
		-webkit-box-shadow:0 1px 4px #111;
		box-shadow:0 1px 4px #111;
	}
	.profile_pic .badge img { float:left; margin-right:5px; }
	.profile_pic .badge_text {
		display:block;
		font-size:1.5em;
		font-weight:bold;
		color:#333;
		line-height:1.1;
	}
	.profile_pic .links {
		display:block;
		margin:0 0 0 6px;
		width: 245px;
	}
		.profile_pic .links a { margin-right:5px; }

.profile_text {
	float:left;
	width:350px;
	padding:15px 0 0 10px;
}

.pts {
	display:block;
	font-size:1.8em;
	font-weight:bold;
	color:#66c4ff;
	padding-top:7px;
}

.is_official {
	display:block;
	font-size:2em;
	font-weight:bold;
	color:#66C4FF;
	text-align:center;
}

.ranks {
	display:block;
	clear:both;
	padding:3px 0;
	margin:0;
}
	.ranks .rank {
		float:left;
		width:135px;
	}
	.rank .rank_icon {
		display:inline-block;
		vertical-align:middle;
		margin:0 4px;
	}
	.main_rank .rank_icon { margin:0 4px 0 0; }
	p.main_rank { font-size:1.8em; font-weight:bold; margin-bottom:2px; }

	.stars_ranking,
	.stars_science,
	.stars_multimedia,
	.stars_community,
	.stars_donations {
		display:inline-block;
		width:90px;
		height:0;
		overflow:hidden;
		padding-top:19px;
		background-repeat:no-repeat;
		vertical-align:middle;
	}
	.stars_ranking { width:81px; padding-top:32px; background-image:url('/img/icons/stars_ranking.png'); }
	.stars_science { background-image:url('/img/icons/stars_science.png'); }
	.stars_multimedia { background-image:url('/img/icons/stars_multimedia.png'); }
	.stars_community { background-image:url('/img/icons/stars_community.png'); }
	.stars_donations { background-image:url('/img/icons/stars_donations.png'); }

	.stars_0 { background-position:-90px 0; }
	.stars_1 { background-position:-72px 0; }
	.stars_2 { background-position:-54px 0; }
	.stars_3 { background-position:-36px 0; }
	.stars_4 { background-position:-18px 0; }
	.stars_5 { background-position:0 0; }

	.stars_ranking.stars_0 { background-position:-81px 0; }
	.stars_ranking.stars_1 { background-position:-54px 0; }
	.stars_ranking.stars_2 { background-position:-27px 0; }
	.stars_ranking.stars_3 { background-position:0 0; }

	.ranks .label { display:inline-block; padding:4px 0; }

.member_btn { padding:0 0 10px; }
.member_btn .btn { display:block; margin:0 auto; }

.status_complete { font-size:1.2em; display:block; margin-top:10px; }
	.progress_bar {
		display:block;
		background:url('/img/layout/progress_bar_legend.gif') center no-repeat;
		margin:10px 0;
	}
		.progress_bar .wrap {
			position:relative;
			display:block;
			margin:0 0 0 17px;
			width:200px;
			height:10px;
			background:#fff url('/img/layout/progress_bar_wrap.gif') 0 0 no-repeat;
			border:2px solid #fff;
			-webkit-box-shadow:0 0 3px #111;
			-moz-box-shadow:0 0 3px #111;
			box-shadow:0 0 3px #111;
		}
		.progress_bar .bar {
			display:block;
			position:absolute;
			left:0;
			top:0;
			height:10px;
			max-width:100%;
			z-index:1;
			background:url('/img/layout/progress_bar.gif') 0 0 repeat-x;
		}
		.progress_bar .grads {
			display:block;
			position:relative;
			z-index:2;
			width:200px;
			height:10px;
			background:url('/img/layout/progress_bar_grads.gif') 9px bottom no-repeat;
		}

.narrow .act_pad { padding-bottom:200px; }

.act_bottom {
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	width:240px;
	padding:22px 20px 10px 20px;
	background:#24528a url('/img/layout/act_bottom.gif') 0 0 repeat-x;
}
	.act_bottom .btn {
		float:right;
		display:block;
		width:240px;
		margin:0 0 10px;
	}

	.act_bottom .left { float:left; }
	.act_bottom #delete { display:none; }
	.act_bottom #delete .btn {
		width:auto;
	}

.pinboard {
	position:relative;
	display:block;
	width:580px;
	height:450px;
	padding:25px;
	margin:0 10px 0 0;
	background:url('/img/layout/bg_pinboard.jpg') 0 0 no-repeat;
	-moz-box-shadow:0 0 5px #111;
	-webkit-box-shadow:0 0 5px #111;
	box-shadow:0 0 5px #111;
}
	.pinboard .pin_photos {
		padding:11px 0 0 15px;
	}
	.pinboard .pin_photos .img_160 {
		float:left;
		margin:4px 1px 0 0;
	}
	.pinboard .cta {
		position:absolute;
		left:25px;
		bottom:25px;
		display:block;
		width:540px;
		clear:both;
		padding:15px 20px;
	}
	.pinboard .cta .btn {
		width:120px;
	}
	.pinboard .cta .btn.left {
		margin-right: 10px;
	}
	.pinboard .cta .btn.prevnext {
		width:auto;
		margin-left: 5px;
	}

.msgboard {
	display:block;
	width:580px;
	height:360px;
	padding:25px;
	margin:0 10px 0 0;
	background:url('/img/layout/bg_msgboard.jpg') 0 0 no-repeat;
	-moz-box-shadow:0 0 5px #111;
	-webkit-box-shadow:0 0 5px #111;
	box-shadow:0 0 5px #111;
}
	#messages {
		position:relative;
		display:block;
		height:300px;
		padding-bottom:60px;
	}
	#messages .msg {
		float:left;
		display:block;
		width:170px;
		margin:15px 0 0 15px ;
	}
	.msg .icon_delete { margin:2px 0 0 4px; }
	.msg .msg_text {
		line-height:1.3;
		padding:0 0 0 5px;
		margin:0 0 .5em;
	}

	.msgboard .cta {
		position:absolute;
		left:0;
		bottom:0;
		padding:15px;
	}
	.msgboard .prevnext {
		left: 400px;
		
	}

	#write-message {
		display:block;
		padding:16px 0 0 15px;
	}
		#write-message #write_intro {
			display:block;
			width:210px;
			padding-bottom:100px;
			margin:0 20px 0 0;
			background:url('/img/layout/bg_write_intro.gif') 0 bottom no-repeat;
		}
		#write_intro h2 { color:#333; }

		#write-message #write_form {
			display:block;
			width:310px;
		}
		#write_form .img_90 {
			position:relative;
			left:-5px;
			top:-5px;
		}
		#write_form .char_count {
			font-size:1.2857em;
			color:#37abdd;
		}
		.char_count .too_many_chars { color:red; }
		#write_form textarea {
			border-color:#a5acb2;
			width:302px;
		}
		#write_form .ctas {
			background:none;
			border-top:1px solid #a5acb2;
			padding:20px 0 0;
		}
			#write_form .ctas button {
				margin-left:10px;
			}
			#write_form .error { clear:both; }



.dive_title,
.dive_info { display:block; }
.dive_info { margin-bottom:10px; padding:3px 0; }
.dive_info .icon { float:left; }
.dive_info .icon_dive { float:left; width:267px; }
.dive_info .icon_mask { float:left; width:137px; }
.dive_info .icon_temp { float:left; width:85px; }
.dive_report p { font-size:1.2em; }

#form_divelog .form_bg {
	background:url('/img/layout/bg_hr_v.gif') 394px 0 repeat-y;
}
#form_divelog .col_left {
	float:left;
	width:400px;
	margin-right:10px;
}
#form_divelog .col_right {
	float:left;
	width:470px;
}
	#form_divelog .col_left input.text {
		width:372px;
	}
	#form_divelog .col_left .left {
		clear:both;
		width:140px;
		margin-right:20px;
	}
	#form_divelog .col_left .right {
		float:left;
		width:235px;
	}
		#form_divelog .col_left .left input.text {
			width:132px;
		}
		#form_divelog .col_left .right input.text {
			width:212px;
		}
		/*#form_divelog .col_left .left #temperature {
					width:30px;
					text-align:right;
				}*/
	#form_divelog textarea {
		width:465px;
	}

	#form_divelog .ctas button { margin-left:10px; }


/* search */
.item .img_90 {
	position:relative;
	left:-5px;
	top:-5px;
	margin-right:8px;
}
#community_search .item { padding:10px 0 5px; }
#community_search .item_info {
	float:left;
	width:475px;
}


/* register */
fieldset.cols {
	display:block;
	margin:0 10px;
	padding:20px 0;
	border-bottom:5px solid #fff;
}

fieldset.cols select {
	margin-bottom: 3px;
}

	fieldset.cols .bg_cols {
		background:url('/img/layout/bg_fieldset_cols.gif') 250px 0 repeat-y;
	}
	.cols .col_1 {
		float:left;
		width:230px;
		padding:0 15px 0 5px;
	}

	.cols .col_2 {
		float:left;
		width:290px;
		padding:0 20px;
	}
		.cols .col_2 select {
			max-width:290px;
		}
	.cols .col_3 {
		float:left;
		width:290px;
		padding:0 0 0 20px;
	}
		.cols .col_3 select {
			max-width:290px;
		}

	.cols .shift {
		padding-top:39px;
	}
	.cols .shift_2 {
		padding-top:160px;
	}

.cols.balanced select {
	width: 270px;
	max-width:270px;
}

.col_1 .img_210 { margin:-6px 0 0 -8px; }

/* I want three "balanced" columns for the referral form, so: */
fieldset.cols.balanced {

}
fieldset.cols.balanced .bg_cols {
	background:url('/img/layout/bg_fieldset_cols_balanced.gif') 290px 0 repeat-y;
}
.cols.balanced .col_1 {
	width:270px;
	padding:0 15px 0 5px;
}
.cols.balanced .col_2 {
	width:270px;
	padding: 0px 10px 0px 20px;
}
.cols.balanced .col_3 {
	width:270px;
}

#profile_image_uploadify { float:right; background:#287db3 url('/img/layout/bg_btn_blue.gif') 0 0 repeat-x; }
#profile_image_uploadify_button {
	padding-left:30px;
	background:url('/img/btn/btn_blue_camera.gif') 8px center no-repeat;
	font-size:.875em;
}
#profile_image_uploadify_button .uploadifyButtonText {
	display:block;
	width:160px;
	height:0;
	overflow:hidden;
	padding:29px 0 0;
	background:url('/img/layout/bg_button_profile_picture.gif') 1px 7px no-repeat;
}

#form_join input#first_name { float:left; width:85px; }
#form_join input#initials { float:left; width:30px; }
#form_join input#surname { float:left; width:150px; }

#form_join fieldset.balanced input#surname { float:left; width:130px; }

#form_join_quick input#first_name { float:left; width:70px; }
#form_join_quick input#initials { float:left; width:20px; }
#form_join_quick input#surname { float:left; width:130px; }

/*#form_join textarea,*/
#form_join textarea {
	overflow-x:hidden;
	overflow-y:auto;
}
	#form_join .col_1 textarea { width:220px; }
	#form_join .col_2 textarea { width:285px; }

#form_join input.text {
	width:282px;
}

#form_join fieldset.balanced input.text {
	width:262px;
}

	#form_join .has_icon img { vertical-align:middle; margin-right:5px; }
	#form_join .has_icon input { width:251px; vertical-align:middle; }

/*#join_submit {
	display:block;
	padding:20px 10px;
}*/
	#join_submit button,
	#join_submit .btn { vertical-align:bottom; }
	#join_submit #submit { font-size:2.6em; margin-left:10px; }

form .row label.checkbox_float {
	width:260px;
	float:left;
	margin-left:5px;
}

/* login */
#form_login, form.large { padding-top:20px; }
#form_login label, form.large label {
	display:inline-block;
	width:100px;
	padding:3px 0;
	font-size: 18px;
}
form.large label {
	width: 200px;
}

#form_login label.error, form.large label.error {
	width: 245px;
	display:block;
	padding:2px 5px 1px;
	margin-left:105px;
	font-size: 12px;
}
form.large label.error {
	margin-left:205px;
	width: 295px;
}

	#form_login button {
		margin:5px 0 20px 105px;
	}
	form.large button {
		margin:5px 0 20px 205px;
	}

#form_login	input.text {
	font-size: 20px;
	color: #666;
	width: 250px;
}
form.large input.text, form.large select {
	font-size: 20px;
	color: #666;
	width: 300px;
}


/*-- ABOUT US --------------------------------------------------------------------*/
/* news */


/* news article */
.article_intro { color:#333; padding-top:10px; }
.article_intro .img_280 { margin:0 10px 0 -6px; }
.article_intro .img_280.right { margin:0 -6px 0 10px; }
.article { clear:left; padding:20px 0; background:url('/img/layout/hr_grey.gif') 0 0 repeat-x; }

.article p.left {
	text-align: left;
}
.article p.right {
	text-align: right;
}
.article p.centre {
	text-align: center;
}

/* guestbook */
#form_guestbook .img_90 { margin:0 5px 10px -5px; }
#form_guestbook p.left { width:133px; margin:5px 0 0; }

.guestbook_msg .img_90 {
	margin:-3px 5px 10px -5px;
}
.guestbook_msg .item_info {
	float:right;
	width:475px;
}


/*-- MULTIMEDIA -------------------------------------------------------------------*/
/* search */

#media_search .header {
	float:left;
	width:200px;
}
#media_search #search_multimedia {
	float:right;
	width:600px;
}
#media_search input.text { width:170px; }
#media_search #media_main_criteria .row {
	float:left;
	width:190px;
	margin:0 10px 10px 0;
}

#media_search #media_tags_criteria {
	float:left;
	width:400px;
}
#media_search #media_tags_criteria .row {
	width:380px;
	margin:0 0 5px;
}
#media_search #tags_suggested p {
	font-size:1.2em;
}
#media_search button.right {
	margin:30px 0 10px;
}

/*#search_multimedia { padding-top:10px;}
#search_multimedia input.text { width:214px; }
#tags_suggested {
	padding-top:10px;
	background:url('/img/layout/hr.gif') 0 0 repeat-x;
}
#tags_suggested p { font-size:1.2em; }
#tags_suggested a { color:#fff; margin-right:5px; }

#search_multimedia .ctas .btn_blue_dark {
	margin-top:12px;
}*/

#refine_list li {
	font-size:1em;
	display:inline;
	border:1px solid #4daad7;
	padding: 2px 5px;
	margin:0 0 0 5px;
}
	#refine_list li .icon_delete {
		/* This is looking odd in Chrome! */
		display:inline-block;
		width:10px;
		height:0;
		overflow:hidden;
		padding:10px 0 0;
		margin:0 0px 0 5px;
		background:url('/img/layout/icon_delete_refine.gif') 0 0 no-repeat;
	}

#results { padding:0 0 10px 12px; font-size:1em; margin:0; }
#results li { display:block; margin:0 1px; list-style:none; }
#results .img_180 { display:block; width:200px; height:200px; margin:0 1px; }

/* view */
#media_ctas .cfx { display:block; }
#fb_likes { width:260px; }
#media_ctas .ctas { margin-top:0px; }
#media_ctas .ctas .left { margin-right:10px; }
#media_ctas a.icon_favourite.right { width:115px; }
#media_ctas .prev_next { margin-top:10px; }

#multimedia_view p .big {
	display:block;
}
#multimedia_view .big .icon { font-size:1em; padding-top:0; margin-top:3px; }

#media_tags {
	background:#24528a url('/img/layout/bg_blue_tabs.gif') 0 0 repeat-x;
}
	#media_tags .tabs_nav { background:none; }
	#media_tags .tabs_nav li { text-align:center; width:144px; }
	#media_tags .tabs_nav li:first-child { width:100px; }
		#media_tags .tabs_nav ul li a { color:#fff; padding:5px 10px 10px; background:url('/img/layout/bg_blue_tabs_nav_a.png') 0 bottom no-repeat; }
		#media_tags .tabs_nav ul li:first-child a { background-position:right bottom; }
		#media_tags .tabs_nav ul li a.current,
		#media_tags .tabs_nav ul li a:hover { background:none; }
	#media_tags .tab { padding:10px; font-size:1.2em; }
	#media_tags .tab a { color:#fff; margin-right:2px; }

/* edit overlay */
.lb_content .wide {
	border-right:10px solid #fff;
}

/* compare */
.img_wrap {
	position:relative;
	display:block;
	width:455px;
	height:455px;
	overflow:hidden;
	background:#000;
}
.carousel_small { margin:0; }
.carousel_pad {
	padding:7px;
}
	.carousel_small .img a { display:block; position:relative; }
	.img_90 .select {
		display:none;
		width:80px;
		height:80px;
		position:absolute;
		left:0;
		top:0;
		border:5px solid #333;
	}
	.img_90 .current .select { display:block; }


/*-- Upload process ------------------------------------------------------------*/
#upload_select {
	background-image:url('/img/layout/bg_upload_photo_video.jpg');
	background-repeat:no-repeat;
	background-position:0 0 ;
}
	#upload_select .pad {
		padding:170px 35px 20px;
	}
	#upload_select #coming_soon {
		display:block;
		font-size:1.6em;
		width:160px;
		text-align:center;
		margin:15px 0 10px;
	}


.btn_camera .uploadifyButtonText {
	display:block;
	width:132px;
	height:0;
	overflow:hidden;
	padding:29px 0 0;
	background:url('/img/layout/bg_upload_photos.gif') 3px center no-repeat;
}
.btn_video .uploadifyButtonText {
	display:block;
	width:132px;
	height:0;
	overflow:hidden;
	padding:29px 0 0;
	background:url('/img/layout/bg_upload_video.png') 3px center no-repeat;
}

/* queue */
#uploads {
	background:#1a4274 url('/img/layout/bg_blue_upload.gif') 0 0 repeat-x;
}
.uploadifyQueueItem {
	display:block;
	position:relative;
	font-size:1.4em;
	background:#11335d;
	border-top:1px solid #5581b6;
}

.uploadifyQueueItem .fileName,
.uploadifyQueueItem .fileSize {
	float:left;
	padding:7px 8px;
}
.uploadifyQueueItem .fileName {
	width:705px;
}
.uploadifyQueueItem .fileSize {
	width:65px;
}

.uploadifyQueueItem .data,
.uploadifyQueueItem .cancel {
	float:left;
	padding:4px 5px 0;
}
	.uploadifyQueueItem .data span,
	.uploadifyQueueItem .cancel a { display:block; }

#queue_head .uploadifyQueueItem {
	background:#2c5383;
	color:#a1bfe4;
}

.uploadifyQueueItem .fileName,
.uploadifyQueueItem .fileSize,
.uploadifyQueueItem .data,
.uploadifyQueueItem .cancel {
	position:relative;
	z-index:2;
}
.uploadifyQueueItem .uploadifyProgress,
.uploadifyQueueItem .uploadifyProgressBar
 {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:1;
}
.uploadifyQueueItem .uploadifyProgressBar {
	background:#66c4ff;
}
.uploadifyQueueItem .uploadifyProgressBar span {
	display:none;
}


/* NEW: allow descriptions to be added inline: */
.uploadifyQueueItem input.description {
	float: right;
}

/* edit page */

#uploaded {
	padding:0 9px 10px;
}
	#uploaded .media {
		float:left;
		margin:0 3px 5px 4px;
	}
	.mini_map {
		display:block;
		height:100px;
	}
	.upload_name { font-size:1.4em; color:#333; padding:10px; width: 175px; height: 1.4em; overflow: hidden; white-space: nowrap }
	.upload_info { color:#fff; }
	.upload_row {
		display:block;
		font-size:1.4em;
		padding:5px 5px 5px;
		border-top:1px solid #5581b6;
	}
	.upload_row:first-child { border-width:0; }

	.upload_row textarea {
		display:block;
		width:177px;
	}

.infoBox.add_locations { width:250px; }
.infoBox .btn,
.infoBox .icon {
	display:inline-block;
	vertical-align:middle;
}


.map_add_locations {
	position:absolute;
	left:40px;
	top:40px;
}

.mini_map {
	cursor:pointer;
}

.get_map_hidden { display:none; }


#multimedia_upload_thanks h3 { margin-bottom:15px; }

/*-- ONLINE STORE ----------------------------------------------------------------*/
#cart_intro { font-size:1.2em; width:570px; margin-right:30px; }

#basket table {
	width:100%;
	font-size:1.4em;
	margin:0 0 10px;
	background:#11335d;
}
	#basket td,
	#basket th {
		padding:5px 10px;
		border-top:1px solid #5581b6;
		vertical-align:middle;
	}
	#basket th {
		color:#a1bfe4;
		background:#2c5383;
	}
	#basket .th_prod {
		width: 630px;
	}
	#basket .th_del,
	#basket .td_del {
		text-align:center;
	}
	#basket .th_price {
		color:#fff;
		background:transparent;
		text-align:right;
	}
	#basket .td_price {
		background:#0a2547;
		text-align:right;
	}
	#basket .nopad { padding:2px 10px; }
	#basket .icon_delete { margin-top:1px; padding-top:27px; vertical-align:middle; }
	#basket .btn_refresh { padding-top:24px; vertical-align:middle; }
	#basket input { width:25px; vertical-align:middle; padding:3px; text-align:center; margin-right:10px; }
	#basket .total td {
		text-align:right;
		background:#2c5383;
		border-color:#11335d;
	}
	#basket .total .td_price {
		color:#66c4ff;
		background:#0a2547;
	}

#products {
	padding:0 10px 10px;
}

.product {
	float:left;
	margin:0 3px 5px 4px;
}
.product .img { width:195px; }
.product_info { color:#fff; }
.product_name {
	display:block;
	font-size:1.4em;
	padding:10px 10px 5px;
	min-height:2.8em;
	border-bottom:1px solid #5581b6;
}
.product_options {
	display:block;
	font-size:1.2em;
	padding:5px 10px;
	border-bottom:1px solid #5581b6;
}
	/* TODO: update this when applying styled select to site */
	.product_options select {
		position:relative;
		top:-2px;
	}

	.product_options p {
		font-size: 1.2em;
	}
	.product_options ul {
		font-size: 1.2em;
	}


.product_cta {
	display:block;
	padding:10px;
	background:#234774 url('/img/layout/bg_product_cta.gif') 0 bottom repeat-x;
}
.product_price { font-size:1.4em; line-height:1.9; }
.product_price small { font-size:.857em; }

div.product_discount_message {
	padding: 5px 10px;
}
div.product_discount_message p {
	margin: 0px;
	font-size: 1.4em;
}
div.product_discount_message a {
	color: #fff;
	font-weight: bold;
}

/* fancybox */
.product_lb {
	display:block;
	overflow:hidden;
	background:#fff;
	width: 600px;
}
	.product_lb .product_image { text-align: center }
	.product_lb .product_name { font-size:2em; min-height:0; padding-bottom:10px; }
	.product_lb .product_options { font-size:1em; }

/* Donations: */
form.donate {
	overflow: auto;
	padding-bottom: 15px;
}
form.donate h2 {
	float: left;
}
form.donate input {
	width: 80px;
	color: #333;
}
form.donate button {
	float: left; font-size: 21px; margin-left: 20px;
}

table.donate {
	margin-bottom: 10px;
}
table.donate, table.donate th, table.donate td {
	border: 1px solid #999;
	border-collapse: collapse;
}
table.donate th, table.donate td {
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 5px 20px;
	text-align: center;
}
table.donate th {
	background-color: #999;
	color: #fff;
	font-weight: bold;
}
table.donate td {
	text-align: center;
	background-color: #fff;
}

form#type_filter, div#type_filter {
	float:right;
	margin-top: 3px;
}

/* Prevent spacing around call-to-action images: */
div.narrow.cell img.nogap {
	display: block;
}

/* Prevent the jcarousel thing from highlighting on mouseover */
.jcarousel-skin-cd, div.jcarousel-skin-cd * {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* Square map popup: */
.iw_content.square {
	width: 100px;
	height: 100px;
}

/* Adding a BASIC carousel to the map infoboxes: */
ul.carousel76 {
	width: 220px;
	overflow: auto;
	margin: 0px;
}
ul.carousel76 li {
	float: left;
	margin: 2px;
	list-style: none;
}
ul.carousel76 li img {
	display: block;
}

/* Membership options: */
form#buy_membership {
	margin-bottom: 10px;
}
form#buy_membership button.duration {
	margin: 0px 2px 0px 0px;
}
form#buy_membership textarea.address {
	font-size: 12px;
	width: 270px;
	height: 80px;
}
form#buy_membership button.submit {
	float: right;
	margin: 28px 10px 0px 0px;
}
form#buy_membership button.submit span, form.large button.next span {
	padding-right:20px; background:url('/img/btn/btn_next.gif') right center no-repeat;
}
div.error {
	border:2px solid #900;
	background:#fff;
	color:#900;
	font-size: 14px;
	padding:2px 5px 1px;
	margin:5px 0px;
	font-weight: bold;
}


/* Basket stuff: */
table.order_summary {
	width: 100%;
	font-size: 13px;
	color: #333;
	border-collapse: collapse;
	border: 2px solid #666;
	background: #fff;
	margin: 10px 0px;
}
table.order_summary th, table.order_summary td {
	padding: 5px 10px;
	border-bottom: 1px dotted #666;
	font-weight: normal;
	text-align: left;
}
table.order_summary td {
	width: 50px;
	text-align: right;
	border-left: 1px solid #333;
}
table.order_summary tr.shipping th, table.order_summary tr.shipping td {
	border-bottom: 1px solid #666;
}
table.order_summary tr.shipping th {
	font-style: italic;
}
table.order_summary tr.total th, table.order_summary tr.total td {
	border-bottom: none; /* Probably not necessary given that we collapse borders */
	font-weight: bold;
}

/* Shipping form: */
form.shipping {

}
form.shipping label {
	font-size: 18px;
}
form.shipping select {
	font-size: 18px;
	margin: 0px 10px;
}

/* Activity stream: */
#activity_stream {
	min-height: 300px;
}


div.clear {
	clear: both;
}

/* big forms!!! */

.bigform fieldset {
	display:block;
	margin:0 20px;
	padding:20px 0;
	border-bottom:5px solid #fff;
}
.bigform .grey fieldset.bdr {
	padding:10px;
	margin:10px 10px 20px;
	color:#fff;
	border:1px solid #abc9ec;
}
	.bigform fieldset ul.checkboxes li {
		list-style:none;
	}
	.bigform fieldset.nobdr {
		border-width:0;
	}
	.bigform fieldset.submit button { font-size:2.6em; }

.bigform fieldset.cols {
	background:;
}
	.bigform .cols .col {
		float:left;
		padding:0 20px;
		background:url('/img/layout/bg_hr_v.gif') 0 0 repeat-y;
	}
	.bigform .cols .col3 {
		width:260px;
	}
	.bigform .cols .col3_db {
		width:560px;
	}
	.bigform .cols .col2 {
		width:390px;
	}
	.bigform .cols .col_first {
		padding-left:0;
		background:none;
	}


	.bigform label.inline { display:inline; margin-right:3px;}
	.bigform .col3 input.text,
	.bigform .col3 textarea { width:253px; }
	.bigform .col3 input.inline { width:auto; margin-right:10px; }
	.bigform .col3 textarea { line-height:1; }

.bigform table { font-size:1.4em; }
.bigform table th { padding:2px 5px 2px 0; text-align:center; font-weight:bold; font-style:italic; }
.bigform table td { padding:2px 5px 2px 0; }
.bigform table .ctr { text-align:center; }
.bigform table .NF_checkbox { margin-right:0; }


#col_medical_condition { width:460px; }
#col_medication { width:350px; }

/* Referred users: */
table.referrals {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #999;
	border-collapse: collapse;
}
table.referrals th, table.referrals td {
	border-style: solid;
	border-color: #999;
	border-width: 1px 0px;
	vertical-align: middle;
}

table.referrals th span {
	visibility: hidden;
}

table.referrals th, table.referrals td {
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 2px 5px;
}
table.referrals th {
	background-color: #999;
	color: #fff;
	font-weight: bold;
}
table.referrals td {
	background-color: #fff;
	color: #38679F;
}
table.referrals td.paid {
	width: 40px;
	text-align: center;
	border-left: none;
}
table.referrals td.paid span.NF_checkbox {
	margin-right: 0px;
}

/* Search form tweaks: */
#you_searched_for {
	height: 50px;
}
#you_searched_for p, #you_searched_for ul {
	margin-bottom: 0px;
}

/* Poetry contest: */
body#poetry_contest .flag_as_inappropriate,
body#poetry_contest .flagged_as_inappropriate {
	font-size: 14px;
}

/* New "Likes" panel: */
#likes {
	float: left; width: 100px; padding-top: 15px;
}
#likes div.like {
	margin-bottom: 10px;
}

/* DCA form: */

#dcaform {
}
#dcaform fieldset {
	display:block;
	margin:0 20px;
	padding:20px 0;	
}
#dcaform fieldset.submit {
	border-top:5px solid #fff;	
}
#dcaform fieldset legend {
	font-size: 20px;
	border-bottom:5px solid #fff;		
	width: 880px;
}
#dcaform div.error {
	border: none;
	background-color: transparent;
	padding: 0;
}
#dcaform div.error p.error {
	margin: 0;
	font-size: 12px;
	background-color: #fff;
	padding: 2px 4px;
	margin: 10px 0px;
}
#dcaform div.error label {
	color: #ff0;
}
#dcaform label {
	 margin-right: 10px;
	 padding-right: 10px;
	 width: 250px;
	 display: block;
	 float: left; text-align:
	 right; position: relative;
}
#dcaform input[type=text],
	#dcaform textarea {
	width: 400px;
	border: 1px solid #009;
} 
#dcaform textarea {		
	height: 80px;
} 


#notice div.row {
	padding: 10px;
}
#notice div.row p {
	margin: 0px;
}




/*-- New Dive Logs -----------------------------------------------------------------*/

#newdivelogform { display:block; padding:10px; }

#newdivelogform .col {
	display:block;
	padding:0 0 0 30px;
	margin:0 0 0 20px;
	background:url('/img/slates/bg-1col.gif') -270px 0 repeat-y;
}
	#newdivelogform .col:first-child { padding-left:0; margin-left:0; background:none; }
	
	#newdivelogform #dive_info .columns { background:url('/img/slates/bg-3col.gif') 0 0 repeat-y; }
	#newdivelogform #dive_info .col { width:250px; background:none; }
	#newdivelogform #site_conditions .col:first-child { width:250px; }
	
	#newdivelogform .unit { display:inline-block; width:15px; }
	
	#newdivelogform input.text { width:242px; }
	#newdivelogform select { width:250px; }
	#newdivelogform input.right,
	#newdivelogform .right input,
	#newdivelogform select.right,
	#newdivelogform .right select { width:auto; text-align:right; }
	
	#newdivelogform table { vertical-align:middle; }
	
	#newdivelogform .row_table { display:block; padding:10px 0 10px; }
		#newdivelogform .row_table:first-child { padding-top:0; background:none; }
	
	#newdivelogform .row_table td { text-align:center; padding:5px 0; }
	#newdivelogform #site_conditions .row_table th { width:120px; }
	
	#newdivelogform .labels td,
	#newdivelogform .labels th { background:url('/img/slates/hr-horizontal.gif') 0 10px repeat-x; padding-top:20px; }
	
	#newdivelogform .labels:first-child td,
	#newdivelogform .labels:first-child th { background:none; padding-top:0; }
	
	#newdivelogform label.icon_input {
		display:block;
		width:80px;
		padding:0 5px;
		margin:0;
		cursor:pointer;
		background-position:center 10px;
		background-repeat:no-repeat;
	}
		#newdivelogform label.icon_input img { display:block; margin:0 auto 5px; }
	
		#newdivelogform span.NF_radio, 
		#newdivelogform span.NF_checkbox { margin:0; display:inline-block; }
	
	#newdivelogform fieldset.submit {
		padding:20px 0;
		margin:0 10px;
	}
	
	#newdivelogform textarea {
		width:872px;
	}

#header-donate {
	margin: 36px 0px 0px 15px;
}