/* Reset default margin/padding */
* {
	padding:0;
	margin:0;
}

/* Scale fonts so 1em = 10px at 100% zoom */
body {
	font: 62.5% Arial, Helvetica, sans-serif;
}

/* All images have no borders */
img {
	border:none;
}

/* Left floating object */
.left {
	float:left;
}

/* Right floating object */
.right {
	float:right;
}

/* Clear floats */
.clear {
	clear:both;
	overflow:hidden;
	height:1px;
}

/* Line break */
.break {
	padding-bottom:1.0em;
}

/* Large Line Break */
.dblbreak {
	padding-bottom:2.5em;
}

/* Horizontal Rule Divider */
.divider {
	border-bottom: 1px dashed #C0C0C0;
}

/* Image Container */
.image {
	width:100%;
	text-align:center;
}



/**********************************************************************************
  FONTS
 **********************************************************************************/
/* Large heading (should not be visible) */
#masthead h1 {
	color:#FFFFFF;
	font-size:2.0em;
	padding:2em;
	line-height:1em;
	text-indent:-999em;
}

/* Page Headings */
h2 {
	font-size:1.9em;
	color:#003F6D;
	font-weight:normal;
	margin:0.5em 0 0.5em 0;
}

/* Small h2 font (for news item dates) */
h2 .note {
	font-size: 0.74em; /*1.9 * 0.74 = 1.4*/
	font-style:italic;
}

/* Page Quote */
#leftcol blockquote h2 {
	color:#0089C4;
	font-size:1.7em;
	margin-top:2.2em;
	margin-bottom:1em;
}

/* Page Subheadings */
#maincontent h3, #admincontent h3, th, caption {
	font-size:1.3em;
	line-height:1.3em;
	color:#003F6D;
	margin:0.5em 0 0.5em 0;
	text-align:left;
	font-weight:bold;
}

/* News Category Subheading */
#maincontent h3.news_category {
	font-size:1.3em;
	line-height:1.3em;
	color:#003F6D;
	margin:0.5em 0 0 0;
	text-align:left;
	font-weight:bold;
	/*border-bottom:1px solid #0089C4;*/
	border-bottom:1px solid #C6DAE1;
	padding-left:9px;
}

/* Right column navigation headings (e.g. SERVICES, LATEST EVENTS, etc...) */
#rightcol h3 {
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:normal;
	background-color:#003F6D;
	border-bottom:5px solid #0089C4;
	padding:0.3em 7px 0.2em 7px;
	margin:0.4em 0 0 0;
}

/* Light grey font in the footer */
#footer p {
	color: #C0C0C0;
}

/* Links inside tabbed boxes */
h4 {
	margin-bottom:0.5em;
}

/* Standard website font */
p, ul , ol, td {
	font-size:1.2em;
	line-height:1.2em;
	color:#666666;
	margin:0.5em 0 1em 0;
}

/* Standard website font */
p.mini, ul.mini , ol.mini, td.mini {
	font-size:1.1em;
	line-height:1.1em;
	color:#666666;
	margin-top:0.4em;
	margin-bottom:0.8em;
}

/* Miniture Font */
.mini {
	font-size:1.1em;
	line-height:1.1em;
}

/* Smallest Font */
.note {
	font-size:1.0em;
	font-style:italic;
	line-height:1.0em;
}
.mini .note {
	font-size:0.91em; /* 1.1 * 0.91 = 1.0*/
}

/* News Item Title font */
p.news_title {
	clear:left;
	width:320px;
	display:block;
	float:left;
	margin: 0.8em 0 0 0;
	font-size:1.1em;
	line-height:1.1em;
	color:#003F6D;
	font-weight:bold;
}

/* News Item Date font */
p.news_date {
	clear:left;
	float:left;
	width: 50%;
	margin: 0.2em 0 0.8em 0;
	font-size:1.0em;
	line-height:1.0em;
	color:#666666;
	font-style:italic;
}
span.news_date {
	font-size:1.0em;
	line-height:1.0em;
	font-style:italic;
}

/* News item PDF layout */
p.news_pdf {
	float:right;
	margin: 1.2em 0 0.8em 0;
	font-size:1.0em;
	line-height:1.0em;
	color:#666666;
	font-style:italic;
}



/**********************************************************************************
  LISTS
 **********************************************************************************/
/* All lists */
ul, ol {
	margin-left:1.5em;
}

/* Lists with spacing between elements */
ul.spacing li {
	margin-bottom: 1.0em;
}

/* Stop inheriting fontsize in embedded ul's */
ul ul {
	font-size:1em;
}

/* Bullets with content displayed inline (used on Why NBSC and Services pages) */
ul.inline_content {
	list-style-image: url('../images/layout/bullet-inline.gif')
}

/* Standard Bullets */
ul.bullet {
	list-style-image: url('../images/layout/bullet.gif')
}



/**********************************************************************************
  LINKS
 **********************************************************************************/
/* All links */
a:link, a:visited {
	text-decoration:none;
	color:#003F6D;
}

/* All hovered links */
a:hover, a:active {
	color:#0089C4;
}

/* Light links font in the footer */
#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#C0C0C0;
}

/* Light hovered links font in the footer */
#footer a:hover, #footer a:active {
	color:#C0C0C0;
}

/* Font size of Forward/Back buttons */
.fwdbut a, .backbut a {
	font-size: 1.1em;
}

/* Forward button icon link */
.fwdbut a:link, .fwdbut a:visited {
	background-image:url(../images/layout/icon-fwd.gif);
	background-position: right center;
	background-repeat:no-repeat;
	padding: 4px 16px 4px 0px;
	font-weight:bold;
	clear: right;
	float: right;
}

/* Backwards button icon link */
.backbut a:link, .backbut a:visited {
	background-image:url(../images/layout/icon-back.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding: 4px 0px 4px 16px;
	font-weight:bold;
	clear: left;
	float: left;
}

/* Disabled Forwards button icon link */
.fwdbut.disabled a:link, .fwdbut.disabled a:visited {
	background-image:url(../images/layout/icon-fwd-off.gif);
	color: #CCCCCC;
}

/* Disabled Backwards button icon link */
.backbut.disabled a:link, .backbut.disabled a:visited {
	background-image:url(../images/layout/icon-back-off.gif);
	color: #CCCCCC;
}

/* 'MORE' button icon link */
.morebut a:link, .morebut a:visited {
	background-image:url(../images/layout/icon-more.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:16px;
	font-weight:bold;
}

/* Previous carousel item button icon link */
a.prevbut:link, a.prevbut:visited {
	background-image:url(../images/layout/arrow-prev.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:5px 0px 5px 25px;
	font-weight:bold;
	float:left;
}

/* Next carousel item button icon link */
a.nextbut:link, a.nextbut:visited {
	background-image:url(../images/layout/arrow-next.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding:5px 25px 5px 0px;
	font-weight:bold;
	float:right;
}

/* News Links */
a.news_link {
	font-weight:bold;
}



/**********************************************************************************
  PAGE LAYOUT
 **********************************************************************************/
/* Centre Page */
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:750px;
}

/* Left page column (contains quote + case box) */
#leftcol {
	width:189px;
	float:left;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

/* Centre page column (contains main content) */
#maincontent {
	width:380px;
	float:left;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

/* Admin Area content section (spans the full page width) */
#admincontent {
	width:100%;
	margin-top: 1.5em;
	margin-bottom: 2em;
}

/* Right page column (contains services, latest news/events) */
#rightcol {
	margin-top: 2.1em;
	width:160px;
	float:right;
	margin-bottom:2em;
}



/**********************************************************************************
  PAGE HEADER
 **********************************************************************************/
/* Top section of Page Header */
#masthead {
	height:217px;
	background-color:#0089C4;
	background-image:url(../images/layout/nbsc_mast.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

/* Different image for Admin Area page header */
#masthead.admin {
	background-color:#6B0500;
	background-image:url(../images/layout/nbsc_mast_admin.gif);
}

/* Upper row of navigation links (e.g. EMAIL, CALL, etc...) */
#masthead ul a:link, #masthead ul a:visited {
	color:#FFFFFF;
}



/**********************************************************************************
  PAGE FOOTER
 **********************************************************************************/
/* Footer border */
#footer {
	clear:both;
	border-top:1px solid #BFBFBF;
}



/**********************************************************************************
  PAGE HEADER NAVIGATION
 **********************************************************************************/
/* Heading navigation links container */
#navholder {
	position:absolute;
	top:114px;
	width:750px;
	height:98px;
	background-image:url(../images/layout/nbsc_mastbase.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

/* Different image for Admin Area links vontainer */
#navholder.admin {
	background-image:url(../images/layout/nbsc_mastbase_admin.gif);
}

/* Upper header section */
#navholder #tophead {
	height:40px;
}

/* Lower header section */
#navholder #bothead {
}

/* Left side of upper nav links */
ul.lhs {
	float:left;
	margin:0.5em 0 0 0;
	display:inline;
}

/* Right side of upper nav links */
ul.rhs {
	float:right;
	margin:0.5em 11px 0 0;
	display:inline;
}

/* List of top navigation links on the upper row (e.g. EMAIL, CALL, etc...) */
#navholder ul {
	line-height:1em;
	margin-left:0;
	padding:1.3em 0px 0em 9px;
	color:#FFFFFF;
}

/* List of main navigation links (e.g. HOME, WHY NBSC, etc...) */
#navholder ul.mainnav {
	clear:both;
	background-color:#FFFFFF;
	color:#003F6D;
	background-image:url(../images/layout/mainnav_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:0.7em 0px 0.6em 21px;
	font-weight:bold;
}

/* Unhighlighted navigation link */
#navholder ul.mainnav a:link, #navholder ul.mainnav a:visited {
	color:#003F6D;
}

/* Highlighted navigation link */
#navholder ul.mainnav a:hover, #navholder ul.mainnav a:active {
	color:#0089C4;
}

/* Admin Area Highlighted navigation link */
#navholder ul.admin a:hover, #navholder ul.admin a:active {
	color:#D6011F;
}

/* All navigation items displayed inline */
#navholder li {
	display:inline;
	list-style:none;
	margin-right:6px;
	padding-right:6px;
	border-right:1px solid #CCCCCC;
}

/* Spacing between main navigation items */
#navholder .mainnav li {
	margin-right:22px;
	padding-right:21px;
	border-right:1px solid #666666;
}

/* Last navigiation item in the list */
#navholder li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;
}



/**********************************************************************************
  LEFT COLUMN CONTENT
 **********************************************************************************/
/* Page quote */
#leftcol blockquote, #maincontent .quote {
	color:#0089C4;
	font-style:oblique;
}

/* Right spacing needed in the left column for alignment */
.rightspace {
	padding-right:20px;
}



/**********************************************************************************
  RIGHT COLUMN CONTENT
 **********************************************************************************/
/* Right column navigation list */
#rightcol ul {
	font-size:1.1em;
	line-height:1.3em;
	color:#003F6D;
	list-style:none;
	margin:1em 0 1.5em 0;
	padding:0 7px 0;
	/*border-left:1px solid #0089C4;*/
	border-left:1px solid #C6DAE1;
}

/* Right column navigation list items */
#rightcol li {
	border-bottom:1px dashed #C0C0C0;
	padding: 0 0 0.3em 0;
	margin: 0.3em 0 0 0;
}

/* Last navigation item */
#rightcol li.last {
	border-bottom:none;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}

/* Right column more links need reducing in size */
#rightcol .morebut a {
	font-size:0.91em;	/* If other morebut's size is unspecified */
/*	font-size:1em;*/	/* If other morebut's are 1.2em */
}



/**********************************************************************************
  TABBED BOXES (e.g. CASE STUDY, REPORTS, etc...)
 **********************************************************************************/
/* Headings of tabbed boxes */
.tabbedbox h3, #maincontent .tabbedbox h3, #admincontent .tabbedbox h3 {
	font-size:1.2em;
	color:#003F6D;
	font-weight:bold;
	background-color:#F3F3F3;
	/*border:1px solid #0089C4;*/
	border:1px solid #C6DAE1;
	padding:4px 0.8em;
	width:7em;
	margin:2em 0 -1px 0;
}

/* Content of tabbed boxes */
.tabbedbox .info, #maincontent .tabbedbox .info, #admincontent .tabbedbox .info {
	/*border:1px solid #0089C4;*/
	border:1px solid #C6DAE1;
	padding:0.8em 8px;
}

/* Tabbed box / Carousel heading */
.info h4 {
	font-size:1.2em;
	color:#003F6D;
	font-weight:normal;
}

/* Tabbed box / Carousel text */
.info p {
	margin-bottom:0.5em;
}

/* Tabbed box / Carousel images */
.info img {
	margin-bottom:4px;
}

/*Case box images have more spacing below */
.info .casebox_logo img {
	margin-bottom:10px;
}



/**********************************************************************************
  CAROUSEL
 **********************************************************************************/
/* Carousel side links (next/prev) */
.sidecliks {
	clear:left;
	padding: 0 0 2em 0;
}

/* Carousel Report item container */
.rep {
	text-align:left;
	float:left;
	width:172px;
}

/* Carousel Report thumbnail container */
.coverthumb {
	width:70px; 
	float:left; 
	text-align:center;
	margin-right: 6px;
}

/* Carousel Report description container*/
.coverdesc {
	width:96px;
	float:left;
	text-align:left;
}

/* Carousel Report heading is larger */
.rep h4 {
	font-size:1.2em;
	color:#003F6D;
	font-weight:normal;
}

/* Carousel Report text is indented */
.rep h4, .rep p, .rep a {
	margin-right:0px;
}



/**********************************************************************************
  GREY BOX (for clients list on homepage)
 **********************************************************************************/
/* Grey box container */
.greybox {
	background-color:#F3F3F3;
	padding:9px;
}

/* Clients grey box container */
.greybox.clients {
	margin-bottom:2em;
}

/* Grey box list */
ul.dblcol {
	font-size:1.1em;
	list-style:none;
	padding:0;
	margin:0;
}

/* Each grey box list item */
ul.dblcol li {
	line-height:1.5em;
	float:left;
	width:175px;
}



/**********************************************************************************
  FORM BUTTONS
 **********************************************************************************/
/* Form Submission Button */
.submit_req_btn {
	float: right;
	margin-top: 0.8em;
}

/* All other buttons float to the left */
.double_central_button_a, .double_central_button_b, .triple_central_button_a, .triple_central_button_b, .triple_central_button_c {
	float: left;
}

/* All buttons fill their containing divs */
.double_central_button_a input, .double_central_button_b input, .triple_central_button_a input, .triple_central_button_b input, .triple_central_button_c input, .large_central_button input {
	width: 100%;
}

/* One button in the centre of the page */
.large_central_button {
	width: 50%;
	padding: 0% 25% 0% 25%;
	margin: 0% 0% 0% 0%;
}

/* Two buttons in the centre of the page */
.double_central_button_a {
	width: 20%;
	padding: 0% 0% 0% 30%;
	margin: 0% 0% 0% 0%;
}
.double_central_button_b {
	width: 20%;
	padding: 0% 30% 0% 0%;
	margin: 0% 0% 0% 0%;
}

/* Three buttons in the centre of the page */
.triple_central_button_a {
	width: 20%;
	padding: 0% 0% 0% 20%;
	margin: 0% 0% 0% 0%;
}
.triple_central_button_b {
	width: 20%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
}
.triple_central_button_c {
	width: 20%;
	padding: 0% 20% 0% 0%;
	margin: 0% 0% 0% 0%;
}



/**********************************************************************************
  ADMIN PAGE PREVIEW BUTTONS (these have a wider width)
 **********************************************************************************/
/* Two buttons in the centre of the page */
form#frm_preview .double_central_button_a {
	width: 40%;
	padding: 0% 0% 0% 10%;
	margin: 0% 0% 0% 0%;
}
form#frm_preview .double_central_button_b {
	width: 40%;
	padding: 0% 10% 0% 0%;
	margin: 0% 0% 0% 0%;
}

/* Three buttons in the centre of the page */
form#frm_preview .triple_central_button_a {
	width: 33%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
}
form#frm_preview .triple_central_button_b {
	width: 34%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;;
}
form#frm_preview .triple_central_button_c {
	width: 33%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
}



/* NBSC Form container */
#nbsc_form {
	width: 340px;	/* = 380-20-20 */
	padding: 20px;
	margin-bottom: 20px;
	background-color:#F3F3F3;
	/*border: 1px solid #0089C4;*/
	border:1px solid #C6DAE1;
}

/* Form errors shown in red */
.formError {
	color: #FF0000;
}
p.formError {
	margin-left: 120px;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 1.1em;
	color: #FF0000;
	font-style:italic;
}

/* Long form errors start of the left of the page (instead of being indented) */
p.formError.long {
	margin-left: 0px;
}

/* Admin form errors */
.adminFormError {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color: #FF0000;
}
h2.adminFormError {
	font-size:1.9em;
	font-style:normal;
}

/* Disabled form selection input */
option.disabled {
	color:#000000;
	font-weight:bold;
	background-color: #FFFFFF;
}

/* Warning form selection input */
option.warning {
	font-style:italic;
	color:#999999;
	background-color: #FFFFFF;
}

/* Select boxes */
select {
	font-size: 1.1em;
}

/* Form labels */
label {
	width:120px;
	float:left;
	font-size:1.1em;
	color:#666666;
}

/* Form radio labels */
label.radio {
	float:none;
}

/* Extra wide labels on the Black Scholes Calculator */
#black_scholes_calc label {
	width:200px;
}



/**********************************************************************************
  NBSC TABLES
 **********************************************************************************/
/* Admin Editing tables span the full page */
table.adminedit {
	width: 100%;
}

/* Admin Editing grid tables have borders */
table.adminedit.grid {
	border-collapse: collapse;
	border: 1px solid #6B0500;
}

/* Admin Editing grid table cells have borders */
table.adminedit.grid td, table.adminedit.grid th {
	border: 1px solid #6B0500;
	padding: 2px;
}

/* Table option cells are centred in their cell */
th div.option, td div.option {
	text-align: center;
}

/* Table Back Navigation Links */
p.firstPage, p.prevPage {
	float: left;
}

/* Table Forwards Navigiation Links */
p.lastPage, p.nextPage {
	float: right;
}

/* Admin Editing table section header */
p.adminSection {
	font-size:1.3em;
	line-height:1.3em;
	color:#003F6D;
	margin:0.5em 0 0 0;
	padding-top: 2em;
	text-align:left;
	font-weight:bold;
}



/**********************************************************************************
  PAGE CONTENT
 **********************************************************************************/
/* Allow sections of the site to be hidden (e.g. in Why NBSC) */
.hidden {
	display: none;
}

/* Publication Thumbnail */
#pub_thumb {
	float: right;
	margin-top: 8px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #C6DAE1;
	width: 70px;
	height: 99px;
}

/* Case Study Image Container */
#case_images {
	float: right;
	margin-top: 8px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 152px;
}

/* Case Study Client logo */
#case_logo {
	margin-bottom: 20px;
}

/* Case Study Thumbnail */
#case_thumb {
	border: 1px solid #0089C4;
}

/* Publication/Case Study text content floats around the thumbnail */
#pub_desc, #case_desc {
	float: left;
}

/* Case Study Client containers */
div.casenavitem_left, div.casenavitem_right {
	width: 150px;
	height: 55px;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
	display:inline;
}

/* Spacing between Case study clients */
div.casenavitem_left {
	margin-left: 15px;
	margin-right: 25px;
}
div.casenavitem_right {
	margin-left: 25px;
	margin-right: 15px;
}

/* Table storing news items */
.news_table {
	border: none;
	width: 100%;
}

/* The full size news tables (when a specific news category is selected) */
.news_table.full {
	margin-bottom: 9px;
}

/* Padding below news items in the table */
.news_table td {
	padding-bottom: 5px;
}

/* News item snippets in italic */
.news_snippet {
	font-style: italic;
}

/* Image Captions */
div.imagecaption {
	width:250px;
	background-color:#013F6E;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding:3px;
}
div.imagecaption p {
	text-align:center;
	color:#eeeeee;
	font-weight:normal;
	font-size:1.2em;
	margin:0px;
	padding:0px;
}

/* Black Scholes Calculator */
div#calc_Result {
	width:100%;
	background-color:#013F6E;
	padding:3px;
}
div#calc_Result p {
	text-align:center;
	color:#eeeeee;
	font-weight:normal;
	font-size:1.2em;
	margin:0px;
	padding:0px;
}

/**********************************************************************************
  END
 **********************************************************************************/
.input_small {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	border:1px solid #CCCCCC;
}
.image_selection {
	float:left;
	margin-right:20px;
}
.image_preview {
	float:left;
}