/*
 * The Physical Initiative
 * Main CSS
 * By Kevin Dew
 * Copyright Dew Solutions 2006-2007 All Rights Reserved
 * www.dewsolutions.co.uk
 */

/*
 * Reset Browser Styles & Set Font
 */
body *
{
    margin:0;
    padding:0;
    font:10pt 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif;
    list-style-type:none;
}
img
{
    border:0;
}
/*
 * Set simple styles again
 */
strong
{
    font-weight:bold;
}
em
{
    font-style:italic;
}
/*
 * Global styling
 */
body
{
    margin:0;
    padding:0;
    background:#79899E url(../images/bg.gif) repeat-y top;
}
p,
a,
span
{
    line-height:145%;
}
a:link,
a:visited
{
    font-weight:inherit;
    color:#142E4F;
    text-decoration:none;
    border-bottom: 1px solid;
}
a:focus,
a:hover,
a:active
{
    background-color:#D9DDE1;
    border-bottom:1px solid #D9DDE1;
}
div#page
{
    background:#FCFCFC url(../images/page_bg.gif) repeat-x 0 163px;
    width:760px;
    margin:auto;
}
div#header
{
    width:760px;
    height:163px;
    background:#142E4F url(../images/header.jpg) no-repeat;
}
/* Hide the header text */
div#header h1,
div#header h2
{
    position:absolute;
    left:-9000px;
}
div#header,
div#footer
{
    background-color:#142E4F;
    color:#FFF;
}
div#content
{
    width:760px;
}
div#main
{
    float:left;
    width:430px;
    padding:0 10px 0 20px;
    color:#484848;
}
div#sidebar
{
    float:left;
    width:270px;
    padding: 0 20px 0 10px;
}

div#footer
{
    clear:left;
    background:#142E4F url(../images/footer_bg.gif) repeat-x top;
    border-top:1px solid #e7e7e7;
    padding:10px 20px;
}
div#footer *
{
    font:9pt Arial, Helvetica, Sans-serif;
}
div#footer a
{
    border-bottom:1px solid white;
    color:#FFF;
}
div#footer a:focus,
div#footer a:hover,
div#footer a:active
{
    border-bottom:1px solid #6D82A8;
    background-color:#6D82A8;
}
/* Footer Menu */
div#footer ul.menu
{
    float:right;
}
div#footer ul li
{
    padding:0 0.25em 0 0;
    display:inline;
}
div#footer ul.menu li
{
    padding:0 0.3em 0 0.6em;
    border-left:1px dotted #7E92A3;
}
div#footer ul.menu li.copyright
{
    border:0;
}
/* Navbar Menu */
div#nav
{
    width:760px;
    height:42px;
    background:transparent url(../images/nav_bg.gif) repeat-x;
}

div#nav ul li
{
    display:inline;
}
div#nav ul li a,
div#nav ul li span
{
    display:block;
    padding:8px 1em 0;
    height:34px;
    float:left;
    border:none;
    color:#FFF;
    font: 10pt Arial, Helvetica, Sans-serif;
}
div#nav ul li a.selected:link,
div#nav ul li a.selected:visited
{
    background:transparent url(../images/nav_bg_arrow.gif) no-repeat 50% 0;
}
div#nav ul li a.selected:focus,
div#nav ul li a.selected:hover,
div#nav ul li a.selected:active,
div#nav ul li a:focus,
div#nav ul li a:hover,
div#nav ul li a:active
{
    background:transparent url(../images/nav_bg_arrow.gif) no-repeat 50% -42px;
}

/*
 * Main Page Styling
 */

/* List stylings */
div#main ul
{
    margin:0.5em 0 1.5em 1.5em;
}
div#main ul li
{
    color:#2E3B4C;
    margin-top:0.4em;
    list-style-image: url(../images/blue_bullet.gif);
}
div#main ul.in_text
{
    margin-bottom:0.5em;
}
/* Title stylings */
div#title
{
    margin:0 20px;
}
div#challenge_title
{
    margin:0 20px 20px 20px;
}
div#title h3,
div#introduction h3,
div#challenge_title h3
{
    margin-top:0.25em;
    font: 30pt Arial, Helvetica, Sans-serif;
    color:#142E4F;
}
div#introduction
{
    width:680px;
    margin:auto;
}
div#introduction h3
{
    text-align:center;
}
div#introduction p
{
    color:#666;
    font-size:11pt;
    font-style:italic;
    text-align:center;
    margin-bottom:2em;
}

/* Added by Carl Paddick on 25/08/09 for sfc_media.php page */
div#download_title
{
    margin:0 20px 0 20px;
}

div#download_title h3
{
    margin-top:0.25em;
    font: 20pt Arial, Helvetica, Sans-serif;
    color:#142E4F;
}

/* Main stylings */
div#main p
{
    margin-bottom:1em;
}
div#main p.under_emboldened
{
    clear:right;
    margin-bottom:0;
}
div#main p.emboldened
{
    margin-bottom:1.5em;
    color:#142E4F;
    background:#F0F2F3;
    border:1px solid #D9DDE1;
    padding:5px 5px 5px 5px;
}
div#main h4
{
    font: 11pt Arial, Helvetica, Sans-serif;
    font-weight:bold;
    color:#142E4F;
    margin:0.25em 0;
}

/* Sidebar Content */
div.side_content
{
    border:1px solid #7B8795;
    margin-bottom:1em;
    background-color:#8E9EB3;
    color:#FCFCFC;
}
div.side_content h4
{
    color:#E6E6E6;
    background:#293C53 url(../images/sidebar_head_bg.gif) repeat-x top left;
    font:10pt Arial, Helvetica, Sans-serif;
    font-weight:bold;
    padding:5px 5px;
}
div.side_content p
{
    padding:5px;
}
div.side_content a:link,
div.side_content a:visited
{
    color:#FFF;
    border-bottom: 1px solid #FFF;
    padding:0;
}
div.side_content a:focus,
div.side_content a:hover,
div.side_content a:active
{
    background-color:#42556B;
    border-bottom:1px solid #42556B;
}
/* side content list (not used at time of writing)*/
div.side_content ul
{
    padding-bottom:5px;
    margin: 0 0 0 2em;
}
div.side_content ul li
{
    margin-bottom:0.2em;
    list-style-image: url(../images/white_bullet.gif);
}
div.side_content address
{
    padding:0 5px 5px 15px;
}
div.side_content ol li
{
	list-style: decimal; margin: 0px 0px 0px 30px; padding: 0px;
}

/* Contact page styles */
span.email_link
{
    display:block;
    padding: 0.4em 0 0.4em 1.1em;
    background: transparent url(../images/blue_bullet.gif) no-repeat center left;
}
form#contact_form fieldset
{
    border:1px solid #D9DDE1;
    background-color:#F0F2F3;
    padding:5px;
    margin-bottom:1em;
}
form#contact_form label
{
    margin:0;
    margin-left:65px;
}
form#contact_form input,
form#contact_form textarea
{
    display:block;
    margin:0.2em 0 0.4em 95px;
}
form#contact_form input.input,
form#contact_form input.input_err,
form#contact_form textarea
{
    width:250px;
    background:#FCFCFC url(../images/field_bg.gif) no-repeat top left;
    border:1px solid #79899E;
}
form#contact_form input.input:focus,
form#contact_form input.input_err:focus,
form#contact_form textarea:focus
{
    border:1px solid #496085;
}
form#contact_form textarea
{
    height:80px;
}
form#contact_form input.input_err,
form#contact_form textarea.input_err,
form#contact_form input.input_err:focus,
form#contact_form textarea.input_err:focus
{
    border:2px solid red;
}
form#contact_form input#contact_send
{
    padding:0.125em 0.5em;
}
/* hide br's element there to seperate form semantically without a stylesheet */
form#contact_form br
{
    display:none;
}
form#contact_form p#contact_ajax_status
{
    padding-top:18px;
    background:transparent url(../images/ajax_indicator.gif) no-repeat top;
}
form#contact_form p#contact_ajax_status,
form#contact_form p#contact_ajax_result
{
    margin:0.25em 65px;
    font-weight:bold;
    text-align:center;
}
div#main p.error
{
    margin:0 0 0 20px;
    font-weight:bold;
}
div#main p#contact_err
{
    margin:0;
}
ul.inline_links
{
    text-align:center;
}
ul.inline_links li
{
    display:inline;
    padding:0 0.5em;
}

/* Sitemap Lists */
div#content.sitemap div#main ul
{
    margin:0.5em 0 1.5em 1.5em;
}
div#content.sitemap div#main ul li ul
{
    margin:0.5em 0 0.5em 2.5em;
}

/* Decrotive images for pages */
div#schemes_img
{
    width:362px;
    height:144px;
    margin:auto;
    background: transparent url(../images/schemes.png) no-repeat;
}
div#company-benefits_img,
div#individual-benefits_img
{
    float:right;
    margin-left:8px;
    margin-top:-6px;
}
div#company-benefits_img
{
    width:144px;
    height:153px;
    background: transparent url(../images/company-benefits.png) no-repeat;
}
div#individual-benefits_img
{
    width:140px;
    height:153px;
    background: transparent url(../images/individual-benefits.png) no-repeat;
}
div#about_img
{
    float:left;
    width:150px;
    height:164px;
    background: transparent url(../images/about.png) no-repeat;
    margin-left:-6px;
    margin-right:8px;
    margin-top:7px;
}
/* Added by Carl Paddick on 03/09/09* for about.php page */
div#about_img_carl
{
    float:left;
    width:150px;
    height:164px;
    background: transparent url(../images/about_carl.png) no-repeat;
    margin-left:-6px;
    margin-right:8px;
    margin-top:7px;
}
div#index_img
{
    float:right;
    margin-right:-10px;
    margin-top:-20px;
    background:transparent url(../images/index.png);
    width:150px;
    height:276px;
}

/* Challenge Items */
div.best
{
	width: 428px;
	min-height: 115px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: url(../images/best_bg.png) no-repeat;
}
div.best h1 
{
	font: 13pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
}
div.best h2
{
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
div#main div.best p 
{
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	color: #DFDFDF;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
div.photo
{
	width: 80px;
	height: 80px;
	float: left;
	margin: 8px 0px 0px 9px;
	display: inline;
}
div.photo img
{
	float: left;
	margin: 0px;
}
div.best_ship
{
	width: 100px;
	float: left;
	margin: 20px 0px 0px 15px;
	display: inline;
	padding: 0 5px 0 0;
}
div.best_seafarer
{
	width: 110px;
	float: left;
	margin: 20px 0px 0px 15px;
	display: inline;
	padding: 0 5px 0 0;
}
div.best_seafarer li
{
	color: #DFDFDF;
	list-style: none;
	margin: 0px;
}
div.best_bottom
{
	width: 428px;
	height: 8px;
	float: left;
	margin: 0px 0px 10px 0px;
	background: url(../images/best_bottom.png) no-repeat;
}
div#challenge_notes
{
	width: 428px;
	float: left;
	margin: 1em 0 0;
	padding: 0px;
}
div#challenge_notes p
{
	color: #142E4F;
}
div#challenge_totals
{
	width: 428px;
	float: left;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	border:1px solid #7B8795;
	background: #F0F2F3;
}
div#challenge_totals table 
{
	width: 428px;
	margin: 0px;
	padding: 0px;
	color: #142E4F;
	border-collapse: collapse;
}
div#challenge_totals th {
	background: url(../images/sidebar_head_bg.gif) repeat-x #293C53;
	color: #FFF;
	padding: 2px 2px;
}
div#challenge_totals th.ship
{
	text-align: left;
}
div#challenge_totals td.ship
{
	width: 170px;
	text-align: left;
	padding: 2px;
}
div#challenge_totals td.last, div#challenge_totals td.total
{
	text-align: center;
}
div#challenge_totals td.this
{
	font-weight: bold;
	text-align: center;
}
div#challenge_totals th.last, div#challenge_totals th.this, div#challenge_totals th.total
{
	text-align: center;
}
div#challenge_totals th.this
{
	font-weight: bold;
}

/* Added by Carl Paddick on 25/08/09* for sfc-media.php page */
div#media
{
	width: 428px;
	float: left;
	margin: 10px 20px 30px 20px;
	padding: 0px;
	border:1px solid #7B8795;
	background: #F0F2F3;
}
div#media table 
{
	width: 428px;
	color: #142E4F;
	margin: 0px;
	padding: 0px;
	border-collapse: separate;
}
div#media th {
	background: url(../images/sidebar_head_bg.gif) repeat-x #293C53;
	color: #FFF;
	padding: 2px 2px;
}
div#media th.size_left
{
	width: 250px;
	text-align: left;
}

div#media th.size_center
{
	text-align: center;
}
div#media th.format
{
	text-align: left;
}
div#media td.download
{
	width: 170px;
	text-align: center;
	padding: 2px;
}