#user-navigation {
  position: absolute;
  top: 10px;
  right: 0px;  
}

#user-navigation ul, #sidebar ul.navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#user-navigation ul li {
  float: left;  
}

#user-navigation ul li {
  margin-left: 10px;
}

#user-navigation ul li a:link, #user-navigation ul li a:visited, #user-navigation ul li a:hover, #user-navigation ul li a:active {
  text-decoration: none;
}

#footer {
  padding: 20px;
}

/* pagination */

.pagination a, .pagination span {
  padding: 2px 5px;
  display: block;
  float: left;
  margin-right: 5px; 
}

.pagination span.current {
  font-weight: bold;  
  border-width: 1px;
  border-style: solid;
}

.pagination a {
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
}

/* tables */
.table {
  width: 100%;
  border-collapse: collapse;  
}

.table th {
  padding: 10px;
  font-weight: bold;
  text-align: left;
}

.table th a.toggle {
  display: block;
  width: 12px;
  height: 12px;
}

.table th.first {
  width: 30px;
  text-align: center;
}

.table td {
  padding: 10px;
}

/* forms */

input.checkbox {
  margin: 0;
  padding: 0;
}

.form .group {
  margin-bottom: 15px;
}

.form .column {
  width: 48%;
}

.form .column.left {
  float: left;
}

.form .column.right {
  float: right;
}

.form label {
	float:left;
	font-size:12px;
	width:120px;
}
.form label.title, .form input.text, .form textarea {
  font-size: 1.2em;
  padding: 1px 0;
  margin: 0;
}

.form input.checkbox, .form input.radio {
  margin-right: 5px;
}

.form label.checkbox, .form label.radio {
  line-height: 1.5em;
}

.form label.title {
  display: block;
  padding-bottom: 2px;  
  font-weight: bold;
}

.form input.text, .form textarea.textarea {
  width: 100%;
  border-width: 1px;
  border-style: solid;
}

/* lists */

ul.list {
  margin: 0 15px;
  padding: 0;
  list-style-type: none;
}

ul.list li {
  clear: left;
  padding-bottom: 5px;
}

ul.list li .left {
  float: left;  
}

ul.list li .left.date,
ul.list li .date-left {  
  padding: 0 10px;
}

ul.list li .left .avatar {
  width: 50px;
  height: 50px;
}

ul.list li .item {
  margin-left: 80px;
}

ul.list li .date.day {
  padding: 10px;
}

ul.list li .date .day {
  display: block;
}

ul.list li .item .avatar {
  float: left;
  margin: 0 5px 5px 0;
  width: 30px;
  height: 30px;
}

form.inplaceeditor-form {
	display:inline;
}

ul.responses {
	list-style:none;
}

li.response-text {
	/*border-top:1px solid #DDDDDD;*/
	margin:0 0 1.5em;
/*	padding:1em;*/
}

.last-post {
	font-size:8pt;
	padding:0.6em;
}

/* ---- Ians Button ---- */

a.button { font-size:13px; height:31px; display:inline-block; background-image:url(/images/buttonleft.gif); background-position:top left; text-decoration:none; }
a.button span { font-size:13px; color:#676767; font-weight:bold; height:23px; padding:8px 10px 0 32px; display:inline-block; background-image:url(/images/buttonright.gif); background-position:top right; background-repeat:no-repeat; }
a.button:hover { background-image:url(/images/buttonlefthover.gif); }
a.button:hover span { background-image:url(/images/buttonrighthover.gif); color:#363636; }

/* ---- Sub menus ---- */

#sub-menu { padding-bottom:4px;padding-top:0; padding-left:5px; height:31px; }
#sub-menu ul { padding:0; margin:0; list-style-type:none; }
#sub-menu li { display:inline;  }
#sub-menu a { display:inline-block; padding:10px 8px 0 8px; height:25px; margin-right:4px; color:#abbed7; text-decoration:none; font-size:13px; }
#sub-menu a:hover { color:#FFF; }
#sub-menu .active a { color:#FFFFFF; }
#sub-menu li.last { border-style:none; }

.odd td { background-color:#EEE; padding:0.25em; }
.even td { background-color:#F8F8F8; padding:0.25em; }

#ft { margin:0 auto; padding:16px 0; text-align:left; }
#ft a { color:#44E; }
#ft .block h2 { background-image:none; border-bottom-style:none; color:#1d4f80; font-size:9pt;font-weight:bold; padding:0; }
#ft .block li { padding:2px 0; }
#ft .block a {  font-size:8pt;color:#666; }
#ft .block a:hover { color:#1d4f80; }
#ft #links p { color:#999;text-align:center;margin:2px 0; font-size:10px; }
#ft #links .padded a {  color:#999; }
#ft #links .padded a:hover { color:#1d4f80; }

ul.foot {  padding:0; margin:0 }
ul.foot li { list-style-type:none; list-style-image:none; list-style-position:outside; }

p.logo_help { margin:0; font-style:italic; color:#888; font-size:12px; }

/* ---- DATA LISTS (for use in admin/edit mode only) ---- */
.data-list { list-style-type:none; }
.data-list.with-1-column li { padding-right:210px; }
.data-list li { padding:2px 3px; background-color:#EEE; position:relative; }
.data-list li.odd { background-color:#E2E2E2; }
.data-list .column-1 { position:absolute; top:2px; right:3px; width:160px; text-align:right; }
.data-list .column-2 { position:absolute; top:2px; right:163px; width:160px; text-align:right; }
.data-list .column-3 { position:absolute; top:2px; right:323px; width:140px; text-align:right; }
.data-list .column-1.wide { width:50%; }
.data-list .column-1 select { font-size:10px; }

.product_content { padding:0 15px;list-style:none;padding-top:30px}

.form_edit { padding-left:140px; margin:20px 0; text-align:left; }
.form_edit .element { position:relative; margin:6px 0; }
.form_edit label { width:130px; position:absolute; top:2px; left:-140px; text-align:right; }
.form_edit label.reset { width:auto; position:static; top:0; left:0; text-align:left; }
.form_edit .default { position:static; }
.form_edit .help { color:#888; font-size:8pt; }
.form_edit .required { color:#F00; }

.message-block {
	text-align:left;
	padding:4px 8px 4px 26px;
	margin:1.5em 0 1em 0;
	background-color:#CCC;
	background-repeat:no-repeat;
	background-position:4px 6px;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
}

.list.left-align.member .message-block p { margin:0; } /* -- hack -- */

.message-block p.first { font-weight:bold; margin-bottom:0.5em; }
.message-block p.last { font-style:italic; margin-top:0.5em; }

.message-block.information {
	background-color:#d3e6fe;
	background-image:url(/images/famfamfam/silk/information.gif);
	border-color:#92c3fe;
}

.message-block.errors {
	background-color:#f4e0e2;
	background-image:url(/images/famfamfam/silk/error.gif);
	border-color:#c37779;
}

.message-block.create {
	background-color:#e3ffd0;
	background-image:url(/images/famfamfam/silk/add.gif);
	border-color:#a1d87c;
}

.message-block.contact {
	background-color:#e3ffd0;
	background-image:url(/images/famfamfam/silk/email.gif);
	border-color:#a1d87c;
}

.message-block.notices {
	background-color:#e3ffd0;
	background-image:url(/images/famfamfam/silk/error.gif);
	border-color:#a1d87c;
}

.message-block.notices.bad {
	background-color:#fec9b8;
	background-image:url(/images/famfamfam/silk/exclamation.gif);
	border-color:#f69679;
}

.message-block.admin {
	background-color:#fec9b8;
	background-image:url(/images/famfamfam/silk/lock.gif);
	border-color:#f69679;
}

/* -------- YUI customisations -------- */
.yui-t4 .yui-b {float:right;width:9.2308em;*width:9.0083em;  } 				/* overrides (2.3.1) to make right column 120 pixels wide and pad content away from menu */
.yui-t4 #yui-main .yui-b { margin-right:12.6923em;*margin-right:12.3863em;} 	/* overrides (2.3.1) to make right column 120 pixels wide and pad content away from menu */
.yui-u.last { font-size:9pt; }																	/* smaller font in right column where needed */
.yui-inner {}
.yui-t0 .yui-b { } 				/* overrides (2.3.1) to make right column 120 pixels wide and pad content away from menu */
.yui-t0 #yui-main .yui-b { } 	/* overrides (2.3.1) to make right column 120 pixels wide and pad content away from menu */

html.clean { background-color:#FFF; }
body.clean { background-color:#FFF; }

/* -- Sub-menu -- */
#yui-main .menu { height:26px; border-bottom:1px solid #d6d6d6; margin:0 0 30px 0; }
#yui-main .menu li { display:inline; }
#yui-main .menu li a,
#yui-main .menu li.fakelink span { float:left; color:#d35a60; font-weight:bold; height:26px; padding:0 10px; }
#yui-main .menu li.first a { padding-left:0; }
#yui-main .menu li.on a { background-image:url(/images/sn/pointer.gif); color:#bc020a; background-position:bottom center; background-repeat:no-repeat; }
#yui-main .count { color:#888; }
#yui-main .menu li.special { float:right; }

/* -- Content -- */
h3 { font-size:13px; color:#012c71; font-weight:bold; margin-bottom:4px; }
h5{ font-size:9pt; padding:6px 6px 3px 0; margin:0 0 4px 0;color:#666; font-weight:bold;}
p.morelink { padding:10px; text-align:center; }
p.morelink a { color:#888; }

/* ---- HEADERS ---- */
#heading { padding-bottom:12px; margin:10px 0 0 0; }
#heading h1 { border-style:none; padding:0; margin:0 0 0.5em 0; font-size:24px; font-weight:bold; color:#255989; background-image:none; }
#heading #avatar { float:left; margin-right:20px; margin-bottom:10px; }
#heading .image { float:left; margin-right:20px; margin-bottom:20px; }
#heading .right-image { float:right; margin-left:20px; margin-bottom:20px; }
#heading .buttons { margin-top:6px; }
#heading p.category { font-size:10pt; margin:0 0 5px 0; color:#255989; }
/*#heading p.category a { color:#444444; }*/
#heading p.location { font-style:italic; margin:0 0 5px 0;  }

/* ---- ADVERTS on RHS ---- */
.advert { padding-top:0; margin:0 0 10px 0; }

/* ---- BLOCKS ---- */
.block { margin-bottom:22px; }
.block:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Auto clearing */
.yui-u .block { margin:22px 0; }
.block h2 { font-weight:bold; color:#171c4b; border-bottom:1px solid #d6d6d6; height:19px; padding:0 0 5px 0; margin:0 0 11px 0; position:relative; background-image:url(/images/icon-box.gif); background-position:bottom right; background-repeat:no-repeat; }
.block h2 img { position:absolute; right:7px; bottom:4px; }
.block h2 .extra { font-weight:normal; position:absolute; right:40px; bottom:4px; text-align:right; }
.block h2 .extra a { color:#666; text-decoration:none; background-color:#d9ecd5; padding:1px 3px; border:1px solid #CCC; }
.block h2 .extra a:hover { color:#000; }

.block h2 .extra a.unwrapped { background-color:transparent; border-style:none; }

.block h2 .sub { font-weight:normal; color:#888; }

.first .block { padding-bottom:11px; margin-bottom:22px; }
.first .block h2 { background-image:none; background-color:#FFF; }
.first .block h2 { background-image:none; background-color:#FFF; }
.first .block h2 .extra { right:0; }
.first .block .padding { padding:0 11px; }
.first .block li a.on { background-color:#0127c1; color:#FFF; margin-left:-11px; margin-right:-11px; display:block; padding:2px 2px 2px 11px; }

.block.plain h2 { background-image:none; }
.block.plain h2 .extra { right:0; }
.block.plain h2 img { position:static; }
.block.plain.padded { padding:0 10px; }
.first .block.plain { background-color:transparent; }
.first .block.plain .padding { padding:0; }

/* flash JP */
.block.flash { text-align:center; padding:4px 0; margin:22px 0; background-color:#f4f4f4;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; }
.block.flash .highlight { color:#FFF; background-color:#012c71; padding:0 2px; }
.block.flash a:hover { background-color:#d4d4d4; text-decoration:none; }
.block.flash p {padding:2px 0;}

/* specialisations */
.block.adbox { background-color:#eef; border-top:1px solid #DDE; border-bottom:1px solid #DDE; margin:0 0 1em 0; padding:8px; position:relative; min-height:103px; height:auto !important; height:103px; }
.block.adbox p { padding:0; margin-left:103px; }
.block.adbox p.title { font-size:14pt;font-weight:bold; }
.block.adbox img { position:absolute; left:8px; top:8px; border:1px solid #DDE;}

.block.filter { text-align:left; padding:4px 0; margin:22px 0; background-color:#f4f4f4;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.block.filter .highlight { color:#FFF; background-color:#012c71; padding:0 2px; }
.block.filter a:hover { background-color:#d4d4d4; text-decoration:none; }
.block.explain { text-align:center; font-style:italic; color:#888; padding:10px 0; margin:10px 0; }
.block.explain.with-buttons { text-align:left; }
.block.explain.with-buttons p { float:right; text-align:right; }
.block.explain.with-buttons .yui-button { background-image:url(/images/sn/yui-sprite.png); }
.block.search { background-color:#ebf0f4; padding-bottom:12px; text-align:center; }
.block.search input { margin-top:2px; }
.block.pagination { text-align:center; padding:4px 0; margin:10px 0; background-color:#f4f4f4;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.block.pagination .highlight { color:#FFF; background-color:#012c71; padding:0 2px; }
.block.pagination a:hover { background-color:#d4d4d4; text-decoration:none; }
/* note :- filters and pagination could possibly be the same */
.block.message { padding:11px; text-align:left; }

.header { text-align:center; padding:4px 1em; margin:0 0 1em 0; background-color:#f4f4f4; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.header .yui-button { float:right; }

.section { background-color:#7db0d6; height:29px; border-top:1px solid #5196c4; border-bottom:1px solid #5196c4; position:relative; }
.section h1 { color:#FFF; font-size:18px; font-weight:bold; border-style:none; letter-spacing:1px; background-image:none; padding:4px 0 0 10px; margin:0; }
.section .help { position:absolute; top:4px; right:8px; }
.section .button { position:absolute; top:0; right:38px; height:29px; } 
.section .button a { display:block; color:#FFF; padding:5px 12px 0 12px; height:24px; background-color:#9ec1dc; font-size:14px; } 
.section .buttons { position:absolute; top:0; right:38px; height:29px; }
.section .buttons a { float:right; padding:5px 12px; color:#FFF; }
.section .buttons .button { float:right;position:static; top:0; right:38px; height:29px; } 
.section .buttons .button a { float:none; display:block; color:#FFF; height:24px; padding:5px 12px 0 12px; background-color:#9ec1dc; font-size:14px; } 
.section .buttons .button a:hover { text-decoration:none; background-color:#b0cce2; } 

.section-header { text-align:center; padding:4px 1em; margin:1em 0 1em 0; background-color:#d4e5f3; border-bottom:1px solid #e4e4e4; }
.section-header .highlight { font-weight:bold; color:#FFF; background-color:#666; padding:0 0.5em; }

.block h2.no-icon { background-image:none; }

.block.simple h2 { background-image:none; text-align:center; }
.first .block.simple { background-color:transparent; }
.block.simple h2 .extra { right:0; top:0; left:auto; bottom:auto; }
.block.simple h2 img { position:static; vertical-align:middle; }
.first .block.simple h2 .extra { left:0; top:0; right:auto; bottom:auto; }
.block.simple h2 .extra a { color:#bc020a; }

.block.popup { padding:22px; background-color:#eff8ec; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }

h2.with-popup { margin-bottom:0; }
.block .popup { padding:4px; background-color:#eff8ec; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; margin-bottom:5px; }
.block .popup .form { margin-top:0; margin-bottom:0; }
.block.plain.highlight-good, .block.highlight-good h2 { background-color:#d9ecd5; }
.block.highlight-unknown, .block.highlight-unknown h2 { background-color:#fefdb0; }
.block.highlight-bad, .block.highlight-bad h2 { background-color:#ecb9b9; }
.block.highlight-good h2, .block.highlight-unknown h2, .block.highlight-bad h2 { padding-left:6px; padding-top:5px; padding-bottom:2px; border-bottom-color:#888; }

.actions { font-weight:normal; position:absolute; right:0; bottom:0; }
.actions a { color:#BBB; }
.actions a:hover { color:#444; }
.yui-skin-sam .block h2 .yui-button { position:absolute; font-weight:normal; right:0; bottom:0; background-image:url(/images/sn/yui-sprite.png); }
#yui-main .menu .yui-button { background-image:url(/images/sn/yui-sprite.png); margin-left:10px; }
.yui-skin-sam .menu .yui-button, .yui-skin-sam .block h2 .yui-button { border-bottom-style:none; border-top-color:#d6d6d6; margin-right:0; }
.yui-skin-sam .menu .yui-button .first-child, .yui-skin-sam .block h2 .yui-button .first-child { border-left-color:#d6d6d6; border-right-color:#d6d6d6; }

.yui-t6 .second h2 { border-style:none; background-image:none; }

/* ---- COLUMNS ---- */
.columns-2 li { width:49.9%; float:left; }
.columns-3 li { width:33.2%; float:left; }
.columns-4 li { width:24.9%; float:left; }
.columns-5 li { width:19.9%; float:left; }
.columns-6 li { width:16.5%; float:left; }
.columns-1 li, .columns-3.text li, .columns-4.text li { padding:2px 0; }

.columns-2 .row, .columns-3 .row, .columns-4 .row, .columns-5 .row, .columns-6 .row { clear:left; }

/* specialisations */
.members-small li, .pictures-small li { text-align:center; font-size:8pt; margin-bottom:10px; height:80px; overflow:hidden; }
.columns-4 .col-1, .columns-4 .col-2 { text-align:center; }
.columns-4 .col-3 { text-align:right; }
.columns-3 .col-1 { text-align:center; }
.columns-3 .col-2 { text-align:right; }
.text.padded li { margin-bottom:4px; }

.highlight a { background-color:#DDD; font-weight:bold; }

/* ---- LISTS ---- */
.list li { padding-bottom:10px; margin-bottom:10px; margin-right:18px; clear:both; }
.list .image { float:right; margin-left:10px; }
.list .title { font-weight:bold; }
.list .location { font-style:italic; }
.list .extra-2 { font-size:9pt; color:#BBB; }
.summary { line-height:1.3em; margin-bottom:3px; }
.credits, .time { color:#BBB; font-size:9pt; }
.credits { margin-bottom:4px; }
/* specialisations */
.list.compact li { margin-bottom:5px; }
.list.left-align .image { float:left; padding-top:10px; margin-right:10px; }
.list.left-align img { float:left; padding-top:10px; margin-right:10px; }
.list.left-align li { background-color:#FFF; border:1px solid #EEF; margin-bottom:12px;  margin-right:0; position:relative; min-height:129px; height:auto !important; height:129px; }
.list.left-align p { margin:0 10px 0 165px; padding:0; }
.list.left-align p.title { margin-top:10px; color:#1d5e9a; font-size:11pt; font-weight:bold; }
.list.left-align p.title a { color:#1d5e9a; }
.list.left-align.member p { margin:0 10px 0 112px; padding:0; }
.list.left-align.member p.title { margin-top:10px; font-weight:bold; }
.list.left-align.minimember p { margin:0 10px 0 60px; padding:0; }
.list.left-align.minimember p.title { margin-top:10px; font-weight:bold; }
.list.left-align.minimember li { background-color:#FFF; border:1px solid #EEF; margin-bottom:12px;  margin-right:0; position:relative; min-height:60px; height:auto !important; height:60px; }
.list.left-align.minivessel p { margin:0 10px 0 100px; padding:0; }
.list.left-align.minivessel p.title { margin-top:10px; font-weight:bold; }
.list.left-align.minivessel li { background-color:#FFF; border:1px solid #EEF; margin-bottom:12px;  margin-right:0; position:relative; min-height:60px; height:auto !important; height:60px; }
.list.latest .image { float:left; padding-top:10px; margin-right:10px; }
.list.latest p { font-size:8pt;color:#888;margin:0 2px 0 30px; padding:0; }
.list.latest p.title { font-size:10pt; font-weight:normal; }

.list.calendar li { padding-left:66px; position:relative; }
.list.calendar .date { position:absolute; left:0; top:0; background-color:#012c71; color:#FFF; padding:4px; text-align:center; width:50px; }
.list.calendar .to-date { position:absolute; left:0; top:20px; color:#666; text-align:center; width:64px; padding:0; margin:0; font-size:10px; }
.list.calendar .date .month { color:#888; }
.list.calendar .date .year { color:#BBB; font-size:8pt; }
.list.calendar .date .day { color:#FFF; font-size:10px; text-transform:uppercase; }
.list.calendar.compact li { padding-left:58px; position:relative; font-size:9pt; }
.list.calendar.compact .date { position:absolute; left:0; top:0; background-color:#012c71; color:#FFF; padding:2px; text-align:center; width:48px; font-size:11px; }
.list.calendar.compact.with-year li { padding-left:71px; }
.list.calendar.compact.with-year .date { width:61px; }
.list.calendar.standard-alignment li { padding-left:90px; }											/* Should line up with the fieldset stuff below. */
.list.calendar.standard-alignment .date { left:10px; width:70px; padding-left:0; padding-right:0; }	/* Should line up with the fieldset stuff below. */

.list .meta-none .embedded-image { display:block; text-align:center; margin:0 auto; }
.list .meta-even .embedded-image { float:right; margin:0 0 8px 16px; }
.list .meta-odd .embedded-image { float:left; margin:0 16px 8px 0; }
.list .gallery img { padding-right:16px; }
.list.columns-2 li, .list.columns-3 li, .list.columns-4 li, .list.columns-5 li { margin-right:0; clear:none; }
.list h3 { font-size:11pt; color:#1d5e9a; font-weight:bold; margin-bottom:4px; }

/* ---- DATA LISTS (for use in admin/edit mode only) ---- */
.data-list.with-1-column li { padding-right:210px; }
.data-list li { padding:2px 3px; background-color:#EEE; position:relative; }
.data-list li.odd { background-color:#E2E2E2; }
.data-list .column-1 { position:absolute; top:2px; right:3px; width:160px; text-align:right; }
.data-list .column-2 { position:absolute; top:2px; right:163px; width:160px; text-align:right; }
.data-list .column-3 { position:absolute; top:2px; right:323px; width:140px; text-align:right; }
.data-list .column-1.wide { width:50%; }
.data-list .column-1 select { font-size:10px; }

.adverts li { background-color:#FFF; border:1px solid #EEF; margin-bottom:12px;  margin-right:0; position:relative; padding:12px; }
.adverts img { margin-top:12px; }
.adverts .title { font-weight:bold; }

/* ---- FORMS ---- */
.form { padding-left:140px; margin:20px 0; text-align:left; }
.form .element { position:relative; margin:6px 0; }
.form label { width:130px; position:absolute; top:2px; left:-140px; text-align:right; }
.form label.reset { width:auto; position:static; top:0; left:0; text-align:left; }
.form .default { position:static; }
.form .help { color:#888; font-size:8pt; }
.form .required { color:#F00; }

/* ---- COMPACT name-value BASED DATA ---- */

.fieldset {}
.fieldset p { position:relative; padding-left:118px; }
.fieldset span { position:absolute; left:0; top:0; width:108px; text-align:right; color:#AAA; }

/* ---- PAGE FOOTER (Grey) ---- */
#ft { margin:0 auto; padding:16px 0; text-align:left; }
#ft a { color:#44E; }
#ft .block h2 { background-image:none; border-bottom-style:none; color:#1d4f80; font-size:9pt;font-weight:bold; padding:0; }
#ft .block li { padding:2px 0; }
#ft .block a {  font-size:8pt;color:#666; }
#ft .block a:hover { color:#1d4f80; }
#ft #links p { color:#999; text-align:center; margin:2px 0; font-size:10px; }
#ft #links .padded a {  color:#999; }
#ft #links .padded a:hover { color:#1d4f80; }

/* ---- UNIQUE ITEMS ---- */
.big-date { float:left; width:80px; background-color:#003e85; color:#FFF; margin-right:22px; text-align:center; padding:8px 0; }
.big-date .date { font-size:18px; }
.big-date .text { font-size:9px; color:#DDD; }
.big-date .day { }
.big-date .month { color:#AAA; }
.big-date .year { font-size:22px; font-weight:bold; letter-spacing:2px; }
.big-date .end { color:#DDD; }

.forum {}
.forum .thread { margin-bottom:22px; position:relative; }
.forum .title { font-weight:bold; }
.forum .title span { font-weight:normal; }
.forum .preview {}
.forum .time { position:absolute; top:2px; right:0; }
.forum .author {}

#forum {}
#forum li { padding-bottom:6px;background-image:url(/images/famfamfam/silk/comment.png);background-repeat:no-repeat;background-position:0 2px;padding-left:20px; }
#forum .extra { float:right;text-align:right; }

/* ------ Feed styles (taken from old stylesheet JP)------ */

ul.activities { list-style-type:none; padding:0; margin:0;}
ul.activities li { margin-bottom:1em; margin-left:33px; position:relative; font-size:9pt; color:#444; }
ul.activities .icon { position:absolute; left:-25px; vertical-align:middle; }
ul.activities img { vertical-align:middle; }
ul.activities .image { margin-right:5px; }
ul.activities .quote { padding:4px 0; color:#888; }
ul.activities .block.adbox { margin-left:-33px; }
ul.activities .icon2 { padding:0 5px 0 0; }

/* ---- For adverts in Marketplace JP ---- */
ul.adverts { list-style-type:none; padding:0; margin:0; }
ul.adverts li { border:1px solid #EEE; padding:10px; margin-bottom:10px; }
ul.adverts p { padding:0; margin:0; }
ul.adverts p.title { font-size:12pt;font-weight:bold; }
ul.adverts li li { border-style:none; }

ul.adverts .makemodel { font-size:11pt; font-weight:bold; }
ul.adverts .price { float:right;padding:0;margin:0;text-align:right; font-weight:bold; }
ul.adverts .details { padding-top:10px; }
ul.adverts .source { text-align:right; margin-top:4px; }
ul.adverts .source a { font-size:8pt;text-decoration:underline;color:#888; }

/* ------ Classified lists ------ */
ul.classifieds { list-style-type:none; padding:0; margin:0; }
ul.classifieds li { clear:left; }
ul.classifieds img { float:left; margin-right:8px; margin-bottom:8px; border:1px solid #666; }
ul.classifieds .price { font-weight:bold; float:right; }
ul.classifieds .location { display:block; font-style:italic; color:#888; }
ul.classifieds .name { font-weight:bold; }

ul.compactgoods { list-style-type:none; padding:0; margin:0; }
ul.compactgoods li { margin-bottom:8px; height:70px; font-size:9pt; }
ul.compactgoods img { float:left; margin-right:8px; border:1px solid #666; }

ul.images { list-style-type:none; padding:0; margin:0; text-align:center; }
ul.images li { margin-bottom:10px; }

/* ----- used to put buttons in line with graphics on Signup and Log in pages JP ----*/
.inline_button form, .inline_button div { display:inline; }

/* ----- Status formatting in profile heading ---- */
.status { margin:8px 0; }

/* ----- Content formatting ---- */
.with-formatting p { margin:2px 0 8px 0; }
.with-formatting ul { padding:4px 0; }
.with-formatting ul li { padding-left:20px; margin-bottom:4px; }
.blocknone {padding: 4px 8px;}

/* ----- Error Explanation formatting ---- */

.errorExplanation { text-align:left; padding:4px 8px 4px 26px; margin:1em 0; background-color:#f4e0e2; background-image:url(/images/famfamfam/silk/error.gif); background-repeat:no-repeat; background-position:4px 4px; border-top:1px solid #c37779; border-bottom:1px solid #c37779; }
.errorExplanation h2 { margin:0 0 4px 0; }
.errorExplanation p { font-weight:bold;margin:0 0 4px 0; }
.errorExplanation ul {}
.errorExplanation ul li {}

.message-block {
	text-align:left; 
	padding:4px 8px 4px 26px; 
	margin:1.5em 0 1em 0; 
	background-color:#CCC; 
	background-repeat:no-repeat; 
	background-position:4px 6px; 
	border-top:1px solid #888; 
	border-bottom:1px solid #888;
}

.list.left-align.member .message-block p { margin:0; } /* -- hack -- */

.message-block p.first { font-weight:bold; margin-bottom:0.5em; }
.message-block p.last { font-style:italic; margin-top:0.5em; }

.message-block.information {
	background-color:#d3e6fe; 
	background-image:url(/images/famfamfam/silk/information.gif); 
	border-color:#92c3fe; 
}

.message-block.errors {
	background-color:#f4e0e2; 
	background-image:url(/images/famfamfam/silk/error.gif); 
	border-color:#c37779; 
}

.message-block.create {
	background-color:#e3ffd0; 
	background-image:url(/images/famfamfam/silk/add.gif); 
	border-color:#a1d87c; 
}

.message-block.contact {
	background-color:#e3ffd0; 
	background-image:url(/images/famfamfam/silk/email.gif); 
	border-color:#a1d87c; 
}

.message-block.notices {
	background-color:#e3ffd0; 
	background-image:url(/images/famfamfam/silk/error.gif); 
	border-color:#a1d87c; 
}

.message-block.notices.bad {
	background-color:#fec9b8; 
	background-image:url(/images/famfamfam/silk/exclamation.gif); 
	border-color:#f69679; 
}

.message-block.admin {
	background-color:#fec9b8; 
	background-image:url(/images/famfamfam/silk/lock.gif); 
	border-color:#f69679; 
}

/* ----- Error Element formatting ---- */
/* .fieldWithErrors { border-left:6px solid #c37779; } */
.fieldWithErrors input {
	background-color: #fdd; 
}
.fieldWithErrors textarea {
	background-color: #fdd;
}
.fieldWithErrors label {
	color: #f66;
}

/* ------------- START Some styling for the news pages (taken from old stylesheet JP)----------------------------------- */

div.news { position:relative; margin-bottom:10px; margin-top:10px; padding-top:10px; border-top:1px solid #EEE; }
div.news.thefirst { border-top-style:none; margin-top:0; padding-top:0; }
div.news h1 { font-weight:bold; margin-bottom:2px; font-size:11pt; }
div.news h1, div.news p { padding-left:80px; }
div.news p.credits { color:#888; font-size:8pt; margin-top:4px; }
div.news p.time { padding-left:0; position:absolute; top:10px; left:0; font-size:9pt; color:#666; }
div.news.with_image { min-height:119px; height:auto !important; height:119px; }
div.news.with_image h1, div.news.with_image p { margin-right:155px; }
div.news .image { position:absolute; top:10px; right:0; }
div.news.simple h1, div.news.simple p { padding-left:0; }

div.news_read h1 {font-size:14pt;margin: 8px 0 0 0; font-weight:bold; }
div.news_read h2 {font-size:12pt;}
div.news_read p {color: #666; margin: 12px 0; line-height: 1.4em}
div.news_read .credits { font-size:8pt; color:#888; padding-top:0; margin-top:0; }

div.news_read img.large {margin: 10px auto}
div.news_read img.small-right {margin-left: 8px;}
div.news_read img.small-left {margin-right: 8px;}

/* ------------- END Some styling for the news pages (taken from old stylesheet JP)----------------------------------- */

/* ------------ New left side menu navigation stuff --------------- */

.tabs { margin:0 0 0 1em; background-color:#e7e7e7; padding:0.5em 0; } 
.tabs.secondary { background-color:#e7e7e7;}
.tabs.tertiary { background-color:#e7e7e7;}
.tabs li { position:relative; padding:5px; border-bottom:1px solid #cecece; margin-right:0px; background-color:#f3f3f3; }
.tabs li.first { border-top:1px solid #cecece; }
.tabs li a { color:#4b84b9; }
.tabs li.on { background-color:#4b84b9; border-style:none; margin-top:-1px; margin-left:-5px; padding-left:10px; margin-right:-5px; font-weight:bold; }
.tabs li.on a { color:#FFF; }
.tabs .extra { position:absolute; top:4px;/*<ie fix*/ right:5px; display:block; }
.tabs li.on .extra { position:absolute; right:10px; }
.tabs .icon { padding:0 5px; }

.tabs li.nested { padding-top:0; padding-right:0; border-top:1px solid #f3f3f3;/*<ie fix*/ }

.tabs ul { margin-left:10px; border:1px solid #f3f3f3;/*<ie fix*/ border-left:1px solid #bccfe0; background-color:transparent; margin-bottom:5px; padding-top:0; margin-top:0; }
.tabs ul li { background-color:#f3f3f3; border-style:none; margin-right:0; padding:0 0 0 20px; border-bottom:1px solid #bccfe0; }
.tabs ul li a { color:#4b84b9; }
.tabs ul li.on { background-color:#f3f3f3; border-style:none; border-bottom:1px solid #bccfe0; margin:0; padding:0 0 0 20px; font-weight:bold; background-image:url(/images/small-arrow.gif); background-repeat:no-repeat; background-position:7px 3px; color:#4b84b9; }
.tabs ul li.on a { color:#4b84b9; }
.tabs ul img { position:absolute; top:0; right:5px; }

.profile-header { background-color:#e7e7e7; text-align:left; margin-left:1em; padding:0 5px 1em 5px; }
.profile-header #status { float:right; width:110px; }
.profile-header #status_editor #status { float:none; width:162px; height:3em; }
.profile-header .status a { text-decoration:underline; }
.profile-header h1 { font-size:15pt; color:#4b84b9; background-image:none; padding:0; margin:0; font-weight:bold; border-style:none; padding:13px 10px; margin-bottom:1em; }

.dashboard-header { background-color:#e7e7e7; text-align:left; margin-left:1em; padding:0 5px 1em 5px; }
.dashboard-header #status { float:left; }
.dashboard-header #status_editor #status { float:none; width:570px; height:3em; }
.dashboard-header .status a { text-decoration:underline; }

.block h2 .extra a { background-color:#4b84b9; color:#CCC; border-style:none; padding:2px 6px; }
.block h2 .extra a:hover { color:#FFF; }

.add-button { background-color:#F0F0F0; padding:1em; margin-bottom:1em; position:relative; }
.add-button h1 { font-size:15pt; color:#4b84b9; background-image:none; padding:0; margin:0 25% 0 0; font-weight:bold; border-style:none; }
.add-button .yui-button { position:absolute; top:1em; right:1em; background-image:url(/images/sn/yui-sprite.png); }
.add-button.with-help .yui-button { right:3em; }
.add-button.with-help .help { position:absolute;  right:1em; top:1.5em; }
.add-button.with-popups { margin-bottom:0; }
.add-button.multiple .yui-button { position:static; float:right; margin-left:1em; }
.add-button.no-button h1 { margin:0px; }

.add-button ul.buttons li { float:right; margin-left:1em; background-image:url(/images/layout/button-2-left-ondark.gif); } 
.add-button ul.buttons a { background-image:url(/images/layout/button-2-right-ondark.gif); }
.add-button ul.buttons .on { background-image:url(/images/layout/button-1-left-ondark.gif); }
.add-button ul.buttons .on a { background-image:url(/images/layout/button-1-right-ondark.gif); }
.add-button ul.buttons li:hover { background-image:url(/images/layout/button-3-left-ondark.gif); }
.add-button ul.buttons a:hover { background-image:url(/images/layout/button-3-right-ondark.gif); }
.add-button ul.buttons li.special { background-image:url(/images/layout/button-3-left-ondark.gif); }
.add-button ul.buttons .special a { background-image:url(/images/layout/button-3-right-ondark.gif); }

.new-style h2 { position:relative; background-color:#f3f3f3; padding:6px 1em; color:#1d5e9a; font-weight:bold; font-size:13px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
.new-style h2.compact { padding:3px 1em; font-size:11px; }

.new-style h2 .extra { font-weight:normal; position:absolute; right:1em; bottom:5px; text-align:right; }
.new-style h2 .extra a { color:#CCC; text-decoration:none; padding:2px 6px; }
.new-style h2 .extra a:hover { color:#444; }

.notifications { background-color:#fdffda; border-top:1px solid #ededed; margin-bottom:1em; }
.notifications li { border-bottom:1px solid #ededed; color:#666676; padding:1px 1em; }

.count-list li { position:relative; padding-right:20px; }
.count-list .info { width:20px; position:absolute; right:0; top:0; text-align:right; }

.safe-count-list li { position:relative; }
.safe-count-list li a { display:block; padding-right:26px; }
.safe-count-list .info { width:26px; position:absolute; right:0; top:0; text-align:right; }

/* -- New directory lists --*/
.style-b {}
.style-b li { position:relative; padding:0.5em; border-bottom:1px solid #DDD; background-color:#F8F8F8; }
.style-b .title { font-weight:bold; }
.style-b .secondary { font-size:10px; color:#888; }
.style-b .extra { position:absolute; top:4px; right:1em; }

ul.poll {}
ul.poll li { position:relative; margin-bottom:0.5em; }
ul.poll li.odd {}
.vote_count { position:absolute; top:0; right:0; }
.option_name { position:absolute; top:0; left:0; }
.result {}
.bar { background-color:#F88; }
.with-formatting ul li { padding:0; }

.map_label_a { background-color:#FFF; padding:1px; font-size:10px; }

div.promote-a { background-color:#defcaf; padding:1em; margin:1em 0; border-bottom:1px solid #b2ca8d; border-top:1px solid #b2ca8d; }

ul.messages { border-top:1px solid #b9c7cf; }
ul.messages li { background-color:#ffffff; padding:0.5em 1em; }
ul.messages li.odd { background-color:#eeeeee; }
ul.messages li.unread { background-color:#e1f2fb; border-bottom:1px solid #b9c7cf; margin:0em; }

.message { border-top:1px solid #DDD; }
.message-header { background-color:#EEE; padding:0.5em; }
.message-content { padding:1em; }

/* -- Fix for auto complete boxes poping up underneath other content -- */
div.auto_complete { z-index:99; }
div.auto_complete ul { z-index:100; }

/* ---- Used on the org welcome page ---- */

.edition-chooser { }
.edition-chooser tr.alt { background-color:#f3f7fc; }
.edition-chooser th { font-weight:bold; color:#1b4d7e; }
.edition-chooser th.light { font-weight:normal; color:#666666; }
.edition-chooser th,
.edition-chooser td { padding:3px 6px; }
.edition-chooser thead th { border-left:2px solid #e4edf8; }
.edition-chooser td { text-align:center; border-left:2px solid #e4edf8; }
.edition-chooser thead td { border-left-style:none; }

.format-a {}
.format-a p { margin:1em 0; }
.format-a h1 { color:#333; font-weight:bold;font-size:120%;margin:0 0 1em 0; padding:0; background-image:none; border-style:none; }
.format-a h2 { color:#333; font-weight:bold;font-size:110%;margin:0 0 1em 0; padding:0; background-image:none; border-style:none; }
.format-a ul { padding-left:30px;margin:1em 0; }
.format-a ul li { list-style-type:disc; }
.format-a ol { padding-left:30px; margin:1em 0; }
.format-a ol li { list-style-type:decimal; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------- NEW STYLING HERE ON ----------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ---- Header bar area ---- */
#hd { width:74.923em; margin:0 auto; height:105px; padding:0; overflow:hidden; position:relative; }

/* ---- Footer area ---- */
#ft { margin:0 auto; padding:16px 0; text-align:left; font-size:13px; }

#yui-main { font-size:93%; line-height:1.5em; }

/* -- Popups -- */
.popup-menu { position:absolute; top:0; left:0; background-color:#b3cdeb; z-index:100; border-left:1px solid #0f2c5e; border-right:1px solid #0f2c5e; border-top:4px solid #0f2c5e; }
.popup-menu li { display:inline; }
.popup-menu a { text-align:left; display:block; padding:4px 8px; border-bottom:1px solid #0f2c5e; }
.popup-menu a:hover { background-color:#f3970a; text-decoration:none; }
.popup-menu .gap a { border-bottom-width:4px; }
.popup-menu .eco a { background-color:#8dc43d; color:#FFF; }
.popup-menu .eco a:hover { background-color:#f3970a; text-decoration:none; }

/* ---- Boxes ---- */

/* Rounded box with a title */
.box-1 { background-image:url(/images/layout/box-1-bottom-left.gif); background-position:bottom left; margin-bottom:1em; background-repeat:no-repeat; }
.box-1 .hd { background-image:url(/images/layout/box-1-top-left.gif); background-position:top left; height:27px; background-repeat:no-repeat; }
.box-1 .hd h2 { background-image:url(/images/layout/box-1-top-right.gif); background-position:top right; background-repeat:no-repeat; height:22px; overflow:hidden; margin:0; padding:5px 6px 0 12px; font-weight:normal; color:#1b4d7e; background-repeat:no-repeat; }
.box-1 .bd { background-image:url(/images/layout/box-1-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; padding:1em; background-repeat:no-repeat; }
.box-1 .ad { background-image:url(/images/layout/box-1-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; padding:0.5em; background-repeat:no-repeat; }

.box { background-image:url(/images/layout/box-bl.gif); background-position:bottom left; margin-bottom:1em; background-repeat:no-repeat; }
.box .hd { background-image:url(/images/layout/box-tl-grey.gif); background-position:top left; height:31px; background-repeat:no-repeat; }
.box .hd h2 { background-image:url(/images/layout/box-tr-grey.gif); background-position:top right; background-repeat:no-repeat; height:24px; overflow:hidden; margin:0; padding:7px 6px 0 12px; font-weight:normal; color:#174274; ; background-repeat:no-repeat; }
.box .bd { border-left:2px solid #d4d5d8; border-right:2px solid #d4d5d8; padding:1em; }
.box .hd h2 { position:relative; }
.box .hd h2 span.link { position:absolute; height:18px; top:6px; right:13px; }
.box .hd h2 span.link a { display:inline-block; color:#f3970a; font-weight:bold; }
.box .hd h2 span.link a.on { background-color:#D6D6D6; }
.box .bd a { font-weight:bold; color:#f3970a; }
.box .bd .help a { font-weight:normal; }
.box .ft { background-image:url(/images/layout/box-br.gif); background-position:bottom right; background-repeat:no-repeat; height:8px; }

.box.darkblue .hd { background-image:url(/images/layout/box-tl-darkblue.gif); }
.box.darkblue .hd h2 { background-image:url(/images/layout/box-tr-darkblue.gif); color:#ffffff; }
.box.darkgrey .hd { background-image:url(/images/layout/box-tl-darkgrey.gif); }
.box.darkgrey .hd h2 { background-image:url(/images/layout/box-tr-darkgrey.gif); color:#ffffff; }
.box.green .hd { background-image:url(/images/layout/box-tl-green.gif); }
.box.green .hd h2 { background-image:url(/images/layout/box-tr-green.gif); color:#174274; }
.box.green .bd { background-color:#ddedc5; }
.box.blue .hd { background-image:url(/images/layout/box-tl-blue.gif); }
.box.blue .hd h2 { background-image:url(/images/layout/box-tr-blue.gif); color:#ffffff; }
.box.red .hd { background-image:url(/images/layout/box-tl-red.gif); }
.box.red .hd h2 { background-image:url(/images/layout/box-tr-red.gif); color:#ffffff; }
.box.orange .hd { background-image:url(/images/layout/box-tl-orange.gif); }
.box.orange .hd h2 { background-image:url(/images/layout/box-tr-orange.gif); color:#174274; }
.box.adverts .hd { background-image:url(/images/layout/box-tl-darkblue.gif); }
.box.adverts .hd h2 { background-image:url(/images/layout/box-tr-darkblue.gif); color:#ffffff; }

.box.plain .hd { background-image:url(/images/layout/box-tl-plain.gif); height:8px; }
.box.plain .hd span { background-image:url(/images/layout/box-tr-plain.gif); display:block; background-position:top right; background-repeat:no-repeat; height:8px; }
.box.plain .bd { position:relative; padding-top:0; padding-bottom:0; }
.box.plain .bd h3 { margin-top:0; }
.box.plain .bd .credits { position:absolute; top:0.25em; right:0.5em; }
ul.list .box.plain .bd h3 { margin-bottom:1em; padding-top:0.25em; }

.box.darkblue .hd h2 a { color:#ffffff; }
.box.darkgrey .hd h2 a { color:#ffffff; }
.box.green .hd h2 a { color:#174274; }
.box.blue .hd h2 a { color:#ffffff; }
.box.red .hd h2 a { color:#ffffff; }
.box.orange .hd h2 a { color:#174274; }
.box.adverts .hd h2 a { color:#ffffff; }

.box.adverts .bd { padding:0.25em 0 0.25em 0.25em; }

.box.greyback { background-image:url(/images/layout/box-bl-grey.gif); }
.box.greyback { background-color:#f8f8f8; }
.box.greyback .ft { background-image:url(/images/layout/box-br-grey.gif); }

.box.orange .hd h2 span.link a { color:#ffffff; }

.box.darkgrey .hd h2 { color:#cecece; }
.box.darkgrey .hd h2 span a { color:#cecece; }
.box.darkgrey .hd h2 span.on a { color:#ffffff; }

/* (slightly darker title bar) */
.box-1.darker .hd { background-image:url(/images/layout/box-1-top-left-darker.gif); }
.box-1.darker .hd h2 { background-image:url(/images/layout/box-1-top-right-darker.gif); }
/* (much darker title bar and no padding) */
.box-1.much-darker .hd { background-image:url(/images/layout/box-1-top-left-vdarker.gif); color:#FFF; }
.box-1.much-darker .hd h2 { background-image:url(/images/layout/box-1-top-right-vdarker.gif); color:#FFF; }
.box-1.much-darker .bd { padding:0; }

.box-1 .bd a { font-weight:bold; color:#f3970a; }
.box-1 .bd .help a { font-weight:normal; }

.box-1 .hd h2 { position:relative; }
.box-1 .hd h2 span.link { position:absolute; height:18px; top:6px; right:13px; }
.box-1 .hd h2 span.link a { display:block; color:#868686; font-weight:bold; padding-right:24px; background-image:url(/images/layout/box-1-link.gif); background-position:top right; background-repeat:no-repeat;}
.box-1 .hd h2 span.link a:hover { color:#f3970a; text-decoration:none; background-image:url(/images/layout/box-1-link-hover.gif); }
.box-1 .hd h2 span.link.edit a { color:#f3970a; background-image:url(/images/layout/box-1-link-hover.gif); }

/* Dark promotional box */
.box-2 { background-color:#0f2c5e; background-image:url(/images/layout/box-2-top-left.gif); background-repeat:no-repeat; background-position:top left; color:#FFF; margin-bottom:1em; }
.box-2 .inner { background-image:url(/images/layout/box-2-bottom-right.gif); background-repeat:no-repeat; background-position:bottom right; }
.box-2 .inner .hd { background-image:url(/images/layout/box-2-top-right.gif); background-repeat:no-repeat; background-position:top right; height:13px; }
.box-2 .inner .bd { background-image:url(/images/layout/box-2-bottom-left.gif); background-repeat:no-repeat; background-position:bottom left; padding:0 13px 13px 13px; }
/* Lighter version */
.box-2.light { background-color:#edf3fa; background-image:url(/images/layout/box-2-light-top-left.gif); color:#666666; }
.box-2.light .inner { background-image:url(/images/layout/box-2-light-bottom-right.gif); }
.box-2.light .inner .hd { background-image:url(/images/layout/box-2-light-top-right.gif); }
.box-2.light .inner .bd { background-image:url(/images/layout/box-2-light-bottom-left.gif); }

.box-2 div.auto_complete li { color:#000; }

.box-2 .column-1 { vertical-align:top; padding:0 13px 0 0; }
.box-2 .column-2 { vertical-align:top; padding:0 13px; }
.box-2 .column-3 { vertical-align:top; padding:0 0 0 13px; }
.box-2 .column-2,
.box-2 .column-3 { width:164px; font-size:86%; color:#DDD; border-left:1px solid #FFF; }
.box-2 h1 { font-size:150%; background-color:transparent; background-image:none; border-style:none; padding:0; margin:0; color:#FFF; }
.box-2 h2 { font-weight:bold; }
.box-2 a { color:#f3970a; }

.box-2 .form { margin-top:0; margin-bottom:0; }

/* Rounded box without a title */
.box-3 { background-image:url(/images/layout/box-3-bottom-left.gif); background-position:bottom left; margin-bottom:1em; }
.box-3 .inner { background-image:url(/images/layout/box-3-top-left.gif); background-position:top left; background-repeat:no-repeat; }
.box-3 .inner .hd { background-image:url(/images/layout/box-3-top-right.gif); background-position:top right; background-repeat:no-repeat; height:13px; }
.box-3 .inner .bd { background-image:url(/images/layout/box-3-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; padding:0 13px 13px 13px; }

.box-3.custom-1 .inner .hd { }
.box-3.custom-1 .inner .bd { padding:0 2px; }

/* Rounded box with an orange title and arrow effect */
/* requires an unordered list as its first element */
.box-4 { background-image:url(/images/layout/box-4-bottom-left.gif); background-position:bottom left; margin-bottom:1em; }
.box-4 .hd { background-image:url(/images/layout/box-4-top-left.gif); background-position:top left; height:27px;  }
.box-4 .hd h2 { background-image:url(/images/layout/box-4-top-right.gif); background-position:top right; background-repeat:no-repeat; height:22px; overflow:hidden; text-align:center; margin:0; padding:5px 12px 0 12px; font-size:120%; font-weight:normal; color:#1b4d7e; }
.box-4 .bd { background-image:url(/images/layout/box-4-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; padding:0 2px 0 2px; }
.box-4 ul { background-image:url(/images/layout/box-4-arrow.gif); background-position:top center; background-repeat:no-repeat; padding:24px 11px 1em 11px; }
.box-4 li { padding: 0 0 0 24px; position:relative; }
.box-4 a { display:block; color:#7694b2; border-bottom:2px solid #e4edf8; padding-top:6px; padding-bottom:6px; }
.box-4 a:hover { color:#1b4d7e; text-decoration:none; }
.box-4 .on { background-image:url(/images/layout/box-4-indicator.gif); background-position:center left; background-repeat:no-repeat; }
.box-4 .on a { color:#1b4d7e; }
.box-4 .last a { border-bottom-style:none; }
.box-4 li span { position:absolute; right:0.5em; top:0.5em; }

/* Rounded box with an orange title and lines between list elements */
/* requires an unordered list as its first element */
.box-6 { background-image:url(/images/layout/box-4-bottom-left.gif); background-position:bottom left; margin-bottom:1em; }
.box-6 .hd { background-image:url(/images/layout/box-6-top-left.gif); background-position:top left; height:37px;  }
.box-6 .hd h2 { background-image:url(/images/layout/box-6-top-right.gif); background-position:top right; background-repeat:no-repeat; height:29px; overflow:hidden; text-align:left; margin:0; padding:8px 12px 0 12px; font-size:120%; font-weight:normal; color:#FFF; }
.box-6 .bd { background-image:url(/images/layout/box-4-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; padding:0 2px 0 2px; }
.box-6 { margin-bottom:2em; }
.box-6 a { color:#666666; text-decoration:none; }
.box-6 a:hover { color:#000000; }
.box-6 li { border-top:1px solid #cdcdcd;clear:left;padding-right:11px; min-height:60px; height:auto !important; height:60px; }
.box-6 li.first { border-top-style:none; }
.box-6 li.last { min-height:45px; height:auto !important; height:45px; }
.box-6 li.last p { padding-top:14px; }
.box-6 ul img { float:left;margin-right:30px; margin-left:18px; margin-top:2px; width:56px; height:47px; }
.box-6 ul p { padding-top:16px;line-height:15px; }
.box-6 li.last img { width:86px; height:34px; margin-left:5px; margin-right:12px; }

/* ---- Lists ---- */

/* Three column eg. job listing */
.list-1 {}
.list-1 li { margin-bottom:1em; background-image:url(/images/layout/list-1-top-left.gif); position:relative; background-position:top left; background-repeat:no-repeat; }
.list-1 .column-3 { background-image:url(/images/layout/list-1-top-right.gif); background-position:top right; background-repeat:no-repeat; }
.list-1 .bd { background-image:url(/images/layout/list-1-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; }
.list-1 table { background-image:url(/images/layout/list-1-bottom-left.gif); background-position:bottom left; background-repeat:no-repeat; }
.list-1 .column-1,
.list-1 .column-2,
.list-1 .column-3 { vertical-align:top; padding:13px; }
.list-1 .column-1 { width:156px; }
.list-1 .column-2 { width:196px; }

/* One column with larger image eg. boat listing */
.list-3 {}
.list-3 li { background-color:#f0f5fb; margin-bottom:1em; background-image:url(/images/layout/list-2-bottom-left.gif); position:relative; background-position:bottom left; background-repeat:no-repeat; }
.list-3 .inner { background-image:url(/images/layout/list-2-top-left.gif); background-position:top left; background-repeat:no-repeat; }
.list-3 .hd { background-image:url(/images/layout/list-2-top-right.gif); background-position:top right; background-repeat:no-repeat; height:13px; }
.list-3 .bd { min-height:109px; height:auto !important; height:109px; background-image:url(/images/layout/list-2-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; padding:0 13px 13px 13px; }

.list-3 img { position:absolute; left:1em; top:1em; }
.list-3 h2 { color:#0f2c5e; position:relative; font-size:145%; padding:0 0 0.5em 0; margin:0 0 0.5em 156px; font-weight:bold; border-style:none; border-bottom:1px solid #FFF; background-color:transparent; }
.list-3 h2 span { position:absolute; right:0; top:0; color:#888; font-style:italic; font-weight:normal; font-size:80%; }
.list-3 p { margin-left:156px; color:#88898b; }
.list-3 p.links { text-align:right; color:#f3970a; font-weight:bold; }
.list-3 p.links a { text-align:right; color:#f3970a; }
.list-3 p.important { color:#0f2c5e; margin-top:2px; margin-bottom:2px; }
.list-3 p.not-important { font-size:80%; color:#a9aaab; font-style:italic; }
.list-3 p img { position:static; }
.list-3 img.icon { position:static; float:right; margin-top:2.5em; margin-right:0.25em; }

.list-3 li.highlight { background-image:url(/images/layout/list-3-bottom-left-highlight.gif); background-color:#c9e2f4; }
.list-3 .highlight .inner { background-image:url(/images/layout/list-3-top-left-highlight.gif); }
.list-3 .highlight .hd { background-image:url(/images/layout/list-3-top-right-highlight.gif); }
.list-3 .highlight .bd { background-image:url(/images/layout/list-3-bottom-right-highlight.gif); }
.list-3 li.highlight h2 a { background-color:transparent; }

/* Similar to contebt in a list-3 but for use inside (eg.) a box-1 instead, without it's own curvy bits */
.style-3 { min-height:109px; height:auto !important; height:109px; position:relative; margin-bottom:1em; }
.style-3 img { position:absolute; }
.style-3 h2 { color:#0f2c5e; position:relative; font-size:115%; padding:0 0 0.5em 0; margin:0 0 0.5em 156px; font-weight:bold; border-style:none; border-bottom:1px solid #FFF; background-color:transparent; }
.style-3 h2 span { position:absolute; right:0; top:0; color:#888; font-style:italic; font-weight:normal; font-size:80%; }
.style-3 h2 a { color:#0f2c5e; }
.box-1 .bd .style-3 h2 a { color:#0f2c5e; }
.style-3 p { margin-left:156px; color:#88898b; font-size:90%; }
.style-3 p.links { text-align:right; color:#f3970a; font-weight:bold; }
.style-3 p.links a { text-align:right; color:#f3970a; }
.style-3 p.important { color:#0f2c5e; margin-top:2px; margin-bottom:2px; }
.style-3 p.not-important { font-size:80%; color:#a9aaab; font-style:italic; }
.style-3 p img { position:static; }
.style-3 img.icon { position:static; float:right; margin-top:2.5em; margin-right:0.25em; }

.style-3.no-image { min-height:0; height:auto; }
.style-3.no-image p { margin-left:0; }
.style-3.no-image h2 { margin-left:0; }

/* One column with smaller image eg. contacts */
.list-4 {}
.list-4 li { margin-bottom:1em; background-image:url(/images/layout/box-3-bottom-left.gif); position:relative; background-position:bottom left; background-repeat:no-repeat; }
.list-4 .inner { background-image:url(/images/layout/box-3-top-left.gif); background-position:top left; background-repeat:no-repeat; }
.list-4 .hd { background-image:url(/images/layout/box-3-top-right.gif); background-position:top right; background-repeat:no-repeat; height:13px; }
.list-4 .bd { min-height:48px; height:auto !important; height:48px; background-image:url(/images/layout/box-3-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; padding:0 13px 13px 13px; }

.list-4 img { position:absolute; left:36px; top:13px; }
.list-4 h2 { color:#0f2c5e; font-size:115%; padding:0; margin:0 0 0.25em 80px; font-weight:bold; border-style:none; background-color:transparent; }
.list-4 p { margin-left:80px; color:#88898b; }
.list-4 p.links { text-align:right; color:#f3970a; font-weight:bold; }
.list-4 p.links a { text-align:right; color:#f3970a; }
.list-4 p.links img { position:static; }

/* One column with date eg. events listing */
.list-5 { margin:1em 0; }
.list-5 li { background-color:#f0f5fb; margin-bottom:1em; background-image:url(/images/layout/list-2-bottom-left.gif); position:relative; background-position:bottom left; background-repeat:no-repeat; }
.list-5 .inner { background-image:url(/images/layout/list-2-top-left.gif); background-position:top left; background-repeat:no-repeat; }
.list-5 .hd { background-image:url(/images/layout/list-2-top-right.gif); background-position:top right; background-repeat:no-repeat; height:13px; }
.list-5 .bd { min-height:60px; height:auto !important; height:109px; background-image:url(/images/layout/list-2-bottom-right.gif); background-position:bottom right; background-repeat:no-repeat; padding:0 13px 13px 13px; }

.list-5 h2 { color:#0f2c5e; position:relative; font-size:115%; padding:0 40% 0.5em 0; margin:0 0 0.5em 67px; font-weight:bold; border-style:none; border-bottom:1px solid #FFF; background-color:transparent; }
.list-5 h2 span { position:absolute; right:0; top:0; color:#888; font-style:italic; font-weight:normal; font-size:80%; }
.list-5 p { margin-left:67px; color:#88898b; font-size:90%; }
.list-5 p.links { text-align:right; color:#f3970a; font-weight:bold; }
.list-5 p.links a { text-align:right; color:#f3970a; }
.list-5 p.important { color:#0f2c5e; margin-top:2px; margin-bottom:2px; }
.list-5 p.not-important { font-size:80%; color:#a9aaab; font-style:italic; }

.list-5 p.date { position:absolute; margin-left:0; left:1em; top:1em; background-color:#012c71; color:#FFF; padding:4px; text-align:center; width:50px; }
.list-5 p.date .month { color:#888; }
.list-5 p.date .year { color:#BBB; font-size:8pt; }
.list-5 p.date .day { color:#FFF; font-size:10px; text-transform:uppercase; }
.list-5 p.to-date { position:absolute; margin-left:0; left:1em; top:5em; color:#888; padding:0; text-align:center; width:58px; }

/* -- Temporary tweak -- */
.box-1 .form { margin-top:0; padding-top:0; padding-bottom:0; }

/* ---- Buttons ---- */

/* Normal colourful chunky buttons */
ul.buttons { margin-top:0.5em; margin-bottom:1em; }
ul.buttons li { margin-bottom:0.5em; height:25px; background-image:url(/images/layout/button-2-left.gif); background-repeat:no-repeat; background-position:top left; }
ul.buttons .gap { margin-top:1.5em; }
ul.buttons a { color:#FFF; font-weight:bold; text-decoration:none; background-image:url(/images/layout/button-2-right.gif); background-repeat:no-repeat; background-position:top right; display:block; height:21px; padding:4px 12px 0 12px; }
ul.buttons .on { background-image:url(/images/layout/button-1-left.gif); }
ul.buttons .on a { background-image:url(/images/layout/button-1-right.gif); }
ul.buttons li:hover { background-image:url(/images/layout/button-3-left.gif); }
ul.buttons a:hover { background-image:url(/images/layout/button-3-right.gif); text-decoration:none; }
ul.buttons li.special { background-image:url(/images/layout/button-3-left.gif); }
ul.buttons .special a { background-image:url(/images/layout/button-3-right.gif); }
ul.buttons li.eco { background-image:url(/images/layout/button-4-left.gif); }
ul.buttons .eco a { background-image:url(/images/layout/button-4-right.gif); }
ul.buttons li.eco:hover { background-image:url(/images/layout/button-3-left.gif); }
ul.buttons .eco a:hover { background-image:url(/images/layout/button-3-right.gif); }

/* Two columns of simple text buttons */
ul.buttons-2 { margin-bottom:1em; }
ul.buttons-2 li { width:49.9%; float:left; }
ul.buttons-2 a { color:#888; }
ul.buttons-2 .on a { font-weight:bold; }

/* ---- Browser bar ---- */

div.browser { height:25px; margin-bottom:1em; background-color:#f0f5fb; background-image:url(/images/layout/browser-left.gif); background-repeat:no-repeat; background-position:top left; }
div.browser p { display:block; height:25px; text-align:center; background-image:url(/images/layout/browser-right.gif); background-repeat:no-repeat; background-position:top right; }
div.browser a { color:#0f2c5e; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:23px; padding:2px 4px 0 4px; }
div.browser a.on { color:#FFF; background-color:#0f2c5e; }
div.browser a:hover { text-decoration:none; background-color:#f3970a; color:#FFF; }

.quick .element { padding-left:80px; position:relative; margin-bottom:4px; }
.quick label { position:absolute; top:0; left:0; width:70px; text-align:right; }
.quick a { color:#f3970a; }

/* ---- General bars ---- */

/* Basic menu bar with a left / right split */
.bar-1 { height:28px; background-color:#eeeeee; margin-bottom:1em; }
.bar-1 .yui-u { height:28px; background-repeat:no-repeat; background-image:url(/images/layout/bar-1-right-plain.gif); background-position:top right; }
.bar-1 .yui-u.first { background-color:#eeeeee; background-image:url(/images/layout/bar-1-left.gif); background-position:top left; }

.bar-1 li { display:inline; }
.bar-1 a { float:left; padding:5px 8px 0 15px; height:25px; font-weight:normal; font-size:13px; color:#5c85ad; }
.bar-1 a:hover { color:#1b4d7e; text-decoration:none; }
.bar-1 .on a { color:#1b4d7e; background-position:center left; background-repeat:no-repeat; font-weight:bold; }
.bar-1 ul { float:right; }
.bar-1 .first ul { float:none; }
.bar-1 a { padding:5px 8px 0 12px; }
.bar-1 .first a { padding:5px 8px 0 15px; }

.bar-1 .yui-u a { color:#f3970a; }
.bar-1 .yui-u.first a { color:#5c85ad; }
.bar-1 .yui-u.first a:hover { color:#1b4d7e; }
.bar-1 .yui-u.first .on a { color:#1b4d7e; }

/* Unsplit version of bar-1 */
.bar-1.simple ul { float:none; }
.bar-1.simple .on a { font-weight:bold; }
.bar-1.simple { height:28px; background-color:#eeeeee; background-image:url(/images/layout/bar-1-left.gif); background-position:top left; background-repeat:no-repeat; margin-bottom:1em; }
.bar-1.simple .inner { height:28px; background-repeat:no-repeat; background-image:url(/images/layout/bar-1-right-plain.gif); background-position:top right; }

.header-bar-1,
.header-bar-2 { position:relative; background-repeat:no-repeat; background-image:url(/images/layout/bar-1-left-small.gif); background-position:top left; background-color:#eeeeee; height:24px; margin-bottom:1em; }
.header-bar-1 h2,
.header-bar-2 h2 { background-repeat:no-repeat; background-image:url(/images/layout/bar-1-right-plain-small.gif); background-position:top right; color:#868686; height:21px; padding:3px 0 0 13px; }
.header-bar-1 .extra,
.header-bar-2 .extra { position:absolute; top:3px; right:13px; }
.header-bar-1 .extra a,
.header-bar-2 .extra a { color:#f3970a; }
.header-bar-1 .extra a.on { background-color:#D6D6D6; }

.header-bar-2 h2 { color:#1d5e9a; font-weight:bold; }

/* ---- Headings ---- */
h1.primary { font-size:180%; color:#1b4d7e; font-weight:normal; background-image:none; border-style:none; padding:0; margin:0 0 1em 0; }
h2.secondary { color:#0f2c5e; font-weight:bold; border-bottom:1px solid #CCC; padding-bottom:0.5em; margin-bottom:0.5em; margin-top:1em;  }

/* ---- Normal content ---- */
.content p { margin:1em 0; }
.content h2 { margin:1em 0; padding-bottom:0.5em; color:#1b4d7e; border-bottom:1px solid #eeeeff; }
.content ul { margin:1em 0 1em 2em; }
.content ul li { list-style: disc outside; }
.content .first { margin-top:0; }
.content .last { margin-bottom:0; }

/* ---- Help text --- */

ul.help { list-style-type:none; padding:0; margin:0; }
ul.help li { list-style-type:none; padding-left:85px; margin-bottom:1em; background-position:top left; background-repeat:no-repeat; min-height:55px; height:auto !important; height:55px; }
#help-sn { background-image:url(/images/layout/help-sn.gif); }
#help-crew { background-image:url(/images/layout/help-crew.gif); }
#help-yacht { background-image:url(/images/layout/help-yacht.gif); }
#help-pennant { background-image:url(/images/layout/help-pennant.gif); }
#help-event { background-image:url(/images/layout/help-event.gif); }
#help-write { background-image:url(/images/layout/help-write.gif); }
#help-anchor { background-image:url(/images/layout/help-anchor.gif); }
#help-photo { background-image:url(/images/layout/help-photo.gif); }
#help-compass { background-image:url(/images/layout/help-compass.gif); }

ul.help.primary li { padding-left:120px; background-position:0 2.5em; min-height:115px; height:auto !important; height:115px; }
ul.help.primary h2 { color:#1b4d7e; }
#help-spanner { background-image:url(/images/layout/help-spanner.gif); }
#help-business { background-image:url(/images/layout/help-business.gif); }
#help-cash { background-image:url(/images/layout/help-cash.gif); }
#help-anchor-alt { background-image:url(/images/layout/help-anchor-alt.gif); }
#help-crew-alt { background-image:url(/images/layout/help-crew-alt.gif); }

/* ---- Content formatting ---- */

.article h1 { font-size:175%; color:#1b4d7e; border-bottom:1px solid #dddddd; margin:0 0 13px 0; padding:0 0 13px 0; background-image:none; background-color:transparent; }
.article.initial h1 { border-top:1px solid #dddddd; padding-top:13px; }
.article h2 { position:relative; margin:0 0 13px 0; padding:0 0 13px 0; border-bottom:1px solid #dddddd; }
.article h2 span { position:absolute; top:0; right:0; }
.article h2 span a { color:#f3970a; }
.article p.first { color:#1b4d7e; font-weight:bold; margin-bottom:1em; }

.partition { padding:1em 0; border-bottom:1px solid #b3cdeb; margin-bottom:1em; }

/* ---- Errors ---- */

.http-error {}
.http-error h1 { font-size:200%; background-image:none; border-style:none; padding:0; margin:0 0 1em 0; }
.http-error h2 { font-size:150%; font-style:italic; margin:0 0 1em 0; padding:0; }
.http-error h3 { font-weight:bold; padding:0; margin:1em 0; }
.http-error p { margin:1em 0; }

/* ---- Product promotion boxes on dashboard ---- */

.box-1 .bd.shop-product { padding:0 2px 0 2px; }
.box-1 .bd.shop-product .wrap { padding:1em; background-position:top right; background-repeat:no-repeat; }
.box-1 .bd.shop-product .text { width:295px;height:300px;margin-bottom:118px; }

.box-1 .bd.shop-product .wrap.id-1 { background-image:url(/images/promo/shop_products/classic-promo.jpg); }
.box-1 .bd.shop-product .wrap.id-2 { background-image:url(/images/promo/shop_products/sailing-promo.jpg); }
.box-1 .bd.shop-product .wrap.id-3 { background-image:url(/images/promo/shop_products/yachting-promo.jpg); }

a.member { padding-right:18px; background-image:url(/images/famfamfam/silk/user.png); background-repeat:no-repeat; background-position:center right; }

/* -------- Green Directory customisations -------- */

html.green { background-color:#8dc43d; }
.green #bd { background-image:url(/images/layout/green-background.gif); background-repeat:no-repeat; background-position:290px 20px; }
.green #ft #links p { color:#DDD; }
.green #ft #links p a { color:#FFF; }
/* (green directory, page) */
body.green { background-color:#8dc43d; }

html.white,
body.white { background-color:#ffffff; }

#doc4 { padding-top:14px; }

hr.light { background-color: #CCC; width: 92%; border: none; height: 1px; }

.box-red { margin-left:28px; clear:right; float:right; width:298px; background-image:url(/images/box-bottom.gif); background-repeat:no-repeat; background-position:bottom left; }
.box-red .box-inner { background-image:url(/images/box-top.gif); background-repeat:no-repeat; background-position:top left; padding:28px; color:#FFF; }
.box-red h2 { color:#FFF; }
.box-red p { font-size:11px; line-height:18px; padding:0; margin:0 0 12px 0; }
.box-red ul { padding-bottom:0; margin-bottom:0; list-style-type:none; padding-left:0; }
.box-red li { font-size:11px; background-image:url(/images/box-marker.gif); background-repeat:no-repeat; padding-left:30px; padding-bottom:12px; background-position:0px 0px; }

.box-blue { margin-left:28px; clear:right; float:right; width:298px; background-image:url(/images/box-bottom-blue.gif); background-repeat:no-repeat; background-position:bottom left; }
.box-blue .box-inner { background-image:url(/images/box-top-blue.gif); background-repeat:no-repeat; background-position:top left; padding:28px; color:#FFF; }
.box-blue h2 { color:#FFF; }
.box-blue p { font-size:11px; line-height:18px; padding:0; margin:0 0 12px 0; }
.box-blue ul { padding-bottom:0; margin-bottom:0; list-style-type:none; padding-left:0; }
.box-blue li { font-size:11px; background-image:url(/images/box-marker-blue.gif); background-repeat:no-repeat; padding-left:30px; padding-bottom:12px; background-position:0px 0px; }

.np-paginator { text-align:right; margin:1em 0; }
.np-paginator .next-button,
.np-paginator .prev-button { vertical-align:middle; height:24px; width:24px; overflow:hidden; display:inline-block; }
.np-paginator .next-button { background-image:url(/images/layout/right.gif); }
.np-paginator .prev-button { background-image:url(/images/layout/left.gif); }
.np-paginator .next-button:hover { text-decoration:none; background-image:url(/images/layout/right-on.gif); }
.np-paginator .prev-button:hover { text-decoration:none; background-image:url(/images/layout/left-on.gif); }
.np-paginator .next-button span,
.np-paginator .prev-button span { visibility:hidden; }

.submenu { list-style-type:none; padding:0; margin:0 0 1em 0; }
.submenu li { display:inline; padding:0 1em; border-right:1px solid #777; }
.submenu li.last { border-style:none; }
.submenu li.on a { font-weight:bold; }

#signup { border-top:1px solid #f6b552; background-image:url(/images/signup-arrow.gif); background-position:bottom left; background-repeat:no-repeat; padding-bottom:9px; margin-bottom:10px; font-size:14px; margin-top:8px; }
#signup p { border-left:1px solid #f6b552; border-right:1px solid #f6b552; background-color:#fffadb; padding:8px; }
#signup p img { display:inline-block; padding-right:8px; }
#signup p span { position:relative; top:2px; }
#signup a:hover { text-decoration:none; }
#signup a:hover span { text-decoration:underline; }

#info { background-color:#fffadb; padding:10px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #f8c674; }
#info div { margin:0 auto; width:866px; min-height:74px; height:auto !important; height:74px; padding:0 10px 0 104px; background-image:url(/images/info.gif); background-repeat:no-repeat; background-position:top left; position:relative; }
#info p { color:#666666; }
#info p.first { font-size:15px; font-weight:bold; margin-bottom:10px; color:#174274; }
#info p.toggle { position:absolute; text-align:right; top:0; right:0; }
#info p.toggle a { display:block; text-decoration:none; color:#AAA; padding-left:15px; background-image:url(/images/hide.gif); background-position:left center; background-repeat:no-repeat; }
#info p.toggle a:hover { text-decoration:none; background-image:url(/images/hide-hover.gif); color:#666666; }

.back { background-color:#e7f2ff; padding-bottom:40px; }

.chunk { background-color:#cadcf1; padding:6px; margin-bottom:10px; }
.chunk h2 { padding:0;margin:0;font-size:14px;color:#0f2c5e;font-weight:bold; position:relative; }
.chunk h2 span a { color:#888; position:absolute; top:0; right:0; font-size:13px; font-weight:normal; background-image:url(/images/pencil-fade.gif); background-position:center left; background-repeat:no-repeat; padding-left:18px; }
.chunk h2 span a:hover { color:rgb(14,44,94); text-decoration:none; background-image:url(/images/pencil.gif); }
.chunk h2 span img { vertical-align:middle; } 
.chunk p { padding:0;margin:0px 0 6px 1px;color:#0f2c5e;font-size:11px; }
.chunk .body { background-color:#FFF; }

.chunk ul.browser { padding:6px 0; }
.chunk ul.browser a { padding:1px 9px; display:block; color:#688cb7; position:relative; }
.chunk ul.browser a:hover { background-color:#F8F8F8; text-decoration:none; color:#003e86; }
.chunk ul.browser li.on a { background-image:url(/images/on.gif); background-repeat:no-repeat; background-position:center left; color:#003e86; font-weight:bold; }

.chunk ul.browser span.heading { padding:1px 9px; display:block; color:#384c57; position:relative; font-weight:bold; }


.chunk ul.browser a span { position:absolute; top:	1px; right:6px; color:#CCC; }
.chunk ul.browser a:hover span { color:#AAA; }

.chunk .body p.title { font-size:15px; font-weight:bold; }
.chunk .body p.title a { color:rgb(243, 151, 10); }
.chunk .body p.more { text-align:right; margin-bottom:0; }
.chunk .body p.more a { color:#AAA; }
.chunk .body p.more a:hover { color:#777; }

.ad_chunk { text-align:center;padding:9px 6px 0 6px;margin-bottom:9px; }
.ad_chunk p.more { text-align:right; margin-bottom:0; padding:3px 3px 0 0; font-size:11px; }
.ad_chunk p.more a { color:#AAA; }
.ad_chunk p.more a:hover { color:#777; }

.ad_chunk iframe,
.ad_chunk img { border-style:none; }

.chunk ul.browser.double { overflow:auto; }
.chunk ul.browser.double li { width:50%; float:left; clear:both; }
.chunk ul.browser.double li.odd,
.chunk ul.browser.double li.onodd { float:right; clear:none; }
.chunk ul.browser.double li.onodd a { color:#003e86; font-weight:bold; background-image:url(/images/on-right.gif); background-position:center right; background-repeat:no-repeat; }

.chunk ul.browser.tripple { overflow:auto; }
.chunk ul.browser.tripple li { width:33%; float:left; }
.chunk ul.browser.tripple li.on a { background-image:none; }
.chunk ul.browser.tripple li.odd,
.chunk ul.browser.tripple li.onodd { float:right; clear:none; }
.chunk ul.browser.tripple li.onodd a { color:#003e86; font-weight:bold; background-image:none; }

.chunk .body p { margin-top:0; }

/* -- Chunk colours -- */

.chunk.useful { background-color:#0f2c5e; }
.chunk.useful h2, 
.chunk.useful h2 a, 
.chunk.useful p { color:#fff; }
.chunk.green { background-color:#8dc43d; }
.chunk.notifications { background-color:#ffbe25; }

.chunk .body p { color:#444; }

.chunk .body h3 span a { color:#AAA; }
.chunk .body h3 span a:hover { color:inherit; text-decoration:none; }

/**************** Sortable table styles [start] ******************/
table.sortable {
    width:100%;
    font-size: 12px;
    border: 0px solid black;
    border-spacing: 0;
    padding: 0;
    cell-spacing: 0;
}

table.sortable thead {
    font-size:14px;
    background-color:#364B69;
    border-color:gray;
    color:#fff;
    margin: 0;
    text-align:left;
	cursor: pointer;
}

table.sortable td.sorttable_sorted {
    background-color: #7C7C7C;
}

table.sortable td.sorttable_sorted_reverse {
    background-color: #ACACAC;
}

table.sortable thead a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

table.sortable tr.dark {
    background: #f2f2f2;
}

table.sortable tr.unread {
    font-weight: bold;
}

table.sortable tr.complete {
    color: #AAA;
}

table.sortable tr.complete a{
    color: #AAA;
}

 ul#tab-container-1-nav {
         overflow:visible;
         width:auto;
         margin:0;
         padding:7px 0; }
 ul#tab-container-1-nav li {
         display:inline;
         list-style:none; }
 ul#tab-container-1-nav li a {
         padding:8px 13px;
         text-decoration:none!important;
         margin:5px -2px 4px 0;
         font-size:80%;
         font-weight:bold;
         color:#000;
         background:#F1F1F1;
         border:1px solid #999999;
         outline:none;
         border-bottom:none; }
 ul#tab-container-1-nav li a:hover {
         color:#000;
         background:#FFFFF1; }
 ul#tab-container-1-nav li a.active {
         margin-bottom:0;
         color:#000;
         background:#FFF;
         border-bottom:1px solid #FFF;
         cursor:default; }

.email_login{
    border:1px solid #999999;
    padding-left:10px;
    width:440px;
}
/**************** Sortable table styles [end] ******************/