/***
Filename:		base_print.css
Author:			Andrei Vais
Date:			06/11/2007
Description:	Base styling for Nisa Members site
Colours:		#4387C6 - Blue box header
				#FFC600 - Nisa Yellow
				#FFFFFF - White box backgrounds, borders
				#666666 - Darker grey links
				#ED1B2E - Red
Dimensions:		Max width: 1100px
				Min width: 750px
				Page left margin: 30px
***/

/***
Reset styles (http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/)
***/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul
{
	list-style: none;
}

q:before,q:after,
blockquote:before,blockquote:after
{
	content: "";
}

/***
Base site styles
***/
body
{
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	margin: 0;
	padding: 0 0 20px 0;
	background: url(../images/body_background.gif);	
}

div#header
{
	background: url(../images/body_background_top.gif) #FFFFFF bottom left repeat-x;
	padding: 0 0 15px 0;
	width: 100%;
	min-width: 750px;
}

h1
{
	margin: 10px 0 10px 26px;
}

div.content h2,
div.content h3,
div.content h4
{
	margin: 0 0 20px 0;
	font-size: 21px;
	font-weight: bold;
	color: #666666;
}

div.content h3
{
	font-size: 16px;
}

div.content h4
{
	font-size: 14px;
	margin: 10px 0 0 0;
}

div.content p
{
	line-height: 1.3;
	font-size: 12px;
	margin: 10px 0 10px 0;
}

div.content strong
{
	font-weight: bold;
}

div.content em
{
	font-style: italic;
}

div.content ul
{
	margin: 0 0 0 10px;
	list-style-type: disc;
}

div.content ul li
{
	margin: 10px;
}

div.content img.news,
div.content img.standard
{
	float: right;
	margin: 0 10px 10px 20px;
}

div.content img.trainingImg
{
float: right;
padding: 3px;
border: 1px solid #CCCCCC;
margin-left: 10px;
}

div.content img.standard
{
	border: 1px solid #666666;
}

a
{
	color: #4387C6;
	text-decoration: none;
}

body.wholesale a
{
	color: #4387C6;
}

a:hover
{
	text-decoration: underline;
}

ol.standard,
ul.standard
{
    margin: 0 0 0 25px;
    list-style-type: decimal;
}

ul.standard
{
    list-style-type: disc;
}

ol.standard li,
ul.standard li
{
    margin: 5px 0 5px 0;
    line-height: 1.2;
}

ul.standard li.hidden
{
    display: none;
}

/* Definitions for various content panel types */
div#page
{
	/*min-width: 678px;
	max-width: 1028px;*/
	background: #FFFFFF;
	margin: 10px 20px 0 30px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	/*overflow: auto;
	zoom: 1;*/
	float: left;
	width: 700px;
}

div#modulespage
{
	min-width: 720px;
	max-width: 1070px;
	padding: 10px 0 20px 30px;
	/*overflow: auto;	*/
	width: 700px;
}	

/***
Top Navigation bar
***/
div#topnav
{
	display: none;
}
/***
Main navigation bar
***/
div#mainnav-outer
{	
	display: block;
	margin-left: 30px;
	margin-bottom: 0;
	height: 30px;
}

div#mainnav-inner
{
	height: 30px;
}

div#memberdetails
{
	border: 1px dotted #B4B4B4;
	margin: 0;
	padding: 10px;
	width: auto;
}

div#memberdetails #memberid
{
	font-weight: bold;
	margin-right: 10px;
}

div#memberdetails #contactname
{
	font-weight: bold;
}

ul#mainnav, ul#memberlinks
{
	display: none;
}

/***
Breadcrumbs
***/
ul#breadcrumbs
{
	/*border: 1px solid pink;*/
	overflow: auto;
	width: 100%;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}

ul#breadcrumbs li
{
	float: left;	
	margin: 0 7px 0 0;
	padding: 0 0 1px 0;
}

ul#breadcrumbs li a
{
	margin: 0 5px 0 0;
}
/***
Secondary nav
***/
ul#secondarynav
{
	/*overflow: auto;*/
	zoom: 1;
	margin: 0 0 10px 0;
	padding: 5px;
	background: #CCCCCC;
}

ul#secondarynav li
{
	float: left;
	padding: 0 5px 1px 0;
	margin: 0 9px 0 0;
	font-size: 14px;
}

ul#secondarynav li a.selected
{
	color: #ED1B2E;
}

ul#secondarynav.nested
{
	/*border: 1px solid purple;*/
	float: left;
	width: 18.5%;
	background: none;
}

/* Nested nav is displayed on left*/
ul#secondarynav.nested li
{
	float: none;
	font-size: 100%;
	margin: 0 0 10px 0;
}

ul#secondarynav.nested li a
{
	font-weight: bold;
}

ul#secondarynav.nested ul
{
	margin: 0 0 10px 10px;
}

ul#secondarynav.nested ul li
{	
	margin: 5px 0 0 0;
}

ul#secondarynav.nested ul li a
{
	font-weight: normal;
} 




/***
Corporate Governance
***/
div#page.with-nav div.navigation
{
	/*border: 1px solid orange;*/
	float: left;
	width: 200px;
}

div#page.with-nav div.navigation ul
{
	margin: 0 0 10px 0;
}

div#page.with-nav div.navigation ul li.haschildren
{
    margin-top: 20px;
}

div#page.with-nav div.navigation ul li#nisa-retail a
{
    color: #003875;
}

div#page.with-nav div.navigation ul li#todays-wholesale a
{
    color: #ED1B2E;
}

div#page.with-nav div.navigation ul ul
{
	margin: 0 0 0 15px;
}

div#page.with-nav div.navigation ul li
{
	margin: 5px 0;
	line-height: 1.2;
	width: 160px;
}

div#page.with-nav div.navigation ul li a.selected
{
    font-weight: bold;
}

div#page.with-nav div.content
{
	/*border: 1px solid purple;*/
	float: left;
	width: 430px;
	margin-left: 30px;
}

div#page.with-nav div.content p
{
	/*border: 1px solid green;*/
	float: left;
	width: 90%;
}

div.structure
{
	text-align: center;
	margin: 10px 0;
}

div.hide
{
    display: none;
}

div.substructure
{
    /*border: 1px solid orange;*/
    margin: 10px 0;
}

div.yui-panel-container div.substructure
{
    margin: 0;
}

div.substructures div.hd
{
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 5px 0;
	clear:both;
}

div.substructures div.bd img
{
    float: left;
    margin: 10px 5px 5px 0;
}

map area
{
	border: 1px solid purple;
	cursor: pointer;
}

div.files
{
    /*border: 1px solid #666666;*/
    margin: 20px 0 0 10px;
    padding: 5px;
}

div.files h3
{
    /*border: 1px solid purple;*/
    font-weight: bold;
}

#page div.content div.files ul
{
	list-style-type: none;
	margin-left: 0;
}

#page div.content div.files ul li
{
	margin-left: 0;
}

div.files ul li a
{
    display: block;
    background: url(../images/icons/pdfdocument.gif) no-repeat left center;
    padding: 0 0 0 20px;
    line-height: 1.2;
}

div.files ul li a:link:after, div.files ul li a:visited:after
{
   content: " (" attr(href) ") ";
   font-size: 90%;
}

div.files ul li a[href^=""]:after
{
  content: " (http://members.nisa-todays.com/" attr(href) ") ";
}

/***
Corporate Governance - Your Board
***/
#page h2 a, #page h3 a
{
	 color: #666666;
	 font-weight: bold;
	 text-decoration: none;
}

#page .intro h3
{
	 font-weight: bold;
}

#page .intro li
{
	 line-height: 140%;
}

.ListofDirectors
{
	clear: both;
	float: left;
	list-style-type: square;
	margin: 0 0 10px 0;	
	padding: 0 0 5px 3%;
	width: 93%;
}

.ListofDirectors li
{
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}

#page .boardaddress
{
	border-bottom: 3px solid #CCCCCC;
	float: left;
	margin: 0 0 10px 10px;	
	padding: 0 3% 10px 3%;
	width: 90%;
}

#page div.substructure
{
	border-bottom: 3px solid #CCCCCC;
	clear: both;
	float: left;
	margin: 0 0 10px 10px;
	padding: 0 0 10px 3%;
	width: 93%;
}

div.substructures h4
{
	color: #666666;
	font-size: 160%;
	font-weight: bold;
	margin: 0 0 20px 10px;
	text-decoration: none;
}

#page .ListofDirectors .title
{
	margin-left: 10px;
}

#page .substructure .title
{
	font-weight: bold;
	text-transform: capitalize;
}

#page div.substructure .photo
{
	border: 1px solid #AAB4BF;
	float: left;
	margin: 0 2% 0 0;
	padding: 0.7% 0.75% 0.6% 0.75%;
	width: 21.6%;	
}

#page div.substructure .photo img
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;	
}

#page div.substructure .BoardMemberDetails
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 72%;
}

#page div.substructure .BoardMemberDetails h3
{
	color: #666666;
	float: left;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 7px 0;
	padding: 0 0 0 0;
	width: 100%;
}

/***
COSHH
***/
ul#coshh-docs,
ul#coshh-docs ul
{
    list-style-type: none;
}

ul#coshh-docs h3
{
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #666666;	
}

/*	Bulletins */
ul#bulletinperiods
{
	background: url(../images/greydot_horizontal.gif) repeat-x left bottom;
	padding: 0 0 10px 0;	
}

ul#bulletinperiods li
{
	background: url(../images/icons/bulletins.gif) no-repeat left center;
	margin: 5px 0 5px 0;	
	padding: 10px 0 10px 40px;
}

ul#bulletins
{
	margin: 10px 0 0 40px;
}

ul#bulletins h3
{
	margin: 30px 0 10px 0;
	font-size: 16px;
}

ul#bulletins ul li
{
    background: url(../images/icons/filetype_doc.gif) no-repeat left center;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 30px;
}

ul#bulletins ul li.BackToTopLink
{
	background: none;
	margin: 15px 0 0 0;
	padding: 0;
}

/* Members Only Forum */
ul#members-only-programme
{
	list-style: none;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

ul#members-only-programme li
{
	margin: 0 0 10px 0;	
	float: left;
	width: 100%;
}

ul#members-only-programme span.time
{
	float: left;
	width: 15%;
	margin-right: 5px;
}

ul#members-only-programme span.event
{
	float: left;
	width: 80%;
	line-height: 1.3;
}

form#memberforumsignup fieldset.radioset
{
	width: 80%;
	margin: 0 0 0 1%;
	padding-bottom: 9px;
}

form#memberforumsignup fieldset.radioset div.fieldcontainer,
form#memberforumsignup fieldset.radioset div.fieldcontainer input,
form#memberforumsignup fieldset.radioset div.fieldcontainer label
{
	display: inline;
	width: auto;
}

form#memberforumsignup fieldset.radioset legend
{
	display: inline;
}

/*	Ammned page style for the Symbol Group Development Fund section	*/
#nisamembers #page .sgdf
{
	width: 600px;
	margin-left: 0;
}

#page .sgdf-detail
{
	float: left;
	margin: 10px 0;
	width: 650px;
}

#page .sgdf-detail h3
{
	color: #666666;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
}

#page .scores, #page .level
{
	float: left;
	margin-top: 10px;
	width: 300px;
}

#page .scores
{
	border: 1px solid #4387C6;
	border-collapse: separate;
	border-spacing: 3px;
}

#page .level
{
	float: left;
	margin-top: 5px;
	margin-left: 10px;	
}

#page .datatable
{
	border-collapse: separate;
	border-spacing: 3px;
	width: 630px;
}

#page .scores th, #page .datatable th
{
	font-weight: bold;
}

#page .datatable td
{
	border: 1px solid #EBEBEB;
}

/* Styles for SPEDICountdownClock; this will need to modify style for existing header elements */
div#mainnav-outer
{
	clear: both;
}

div#headerelements
{
	margin: 0;
	float: left;
	max-width: 1080px;
	min-width: 704px;
	width: 100%;
}

div#headerelements h1
{
	display: inline;
	float: left;
	margin: 0 0 0 26px;
	padding: 10px 0;
}

div#SPEDICountdownClock
{
	border: 1px dotted #EBEBEB;
	display: block;
	float: right;
	margin: 5px 0;
	width: 290px;
}

div#SPEDICountdownClock_bottomborder
{
	overflow: auto;
	width: 100%;
}

div#SPEDICountdownClock_leftborder
{
	float: left;
	width: 100%;
}

div#SPEDICountdownClock_rightborder
{
	float: right;
	padding: 0 0 5px 0;
	width: 97%;
}

div#SPEDICountdownClock_rightborder h2
{
	color: #BB0000;
	float: left;
	font-size: 100%;
	font-weight: bold;
	margin: 3px 0 5px 0;
	text-transform: uppercase;
	width: 100%;
}

div#CountdownClock
{
	float: left;
	width: 50%;
}

div#SPEDICountdownClock_rightborder a
{
	float: right;
	line-height: 150%;
	width: 44%;
}

div#CountdownClock .ClockGroup
{
	float: left;
	height: 37px;
	width: 33%;
}

div#CountdownClock .Label, div#CountdownClock .Value
{
	float: left;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	width: 90%;
}

div#CountdownClock .Label
{
	color: #1B467C;
	font-size: 75%;
	letter-spacing: -0.5px;
	margin: 8px 0 0 0;
	text-align: center;
}

div#CountdownClock .Value
{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	margin: 1px 0 0 0;
}