/* Links to other CSS files - */
/* @import "layout.css";  empty at the moment...*/
@import "ethiscore.css";

/* Theme Colours 

	White (backgrounds): #FFFFFF
	Orange(head backs and borders): #E19E00
	Report BLue (head backs and borders): ##FDF6CO
	Pale Blue  (score card altbackgrounds): #FDF6CO
	Light Brown (backgrounds): #FDF6CO

*/


/* general */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; background-color:White}
select {width: 200px; font-size: 10pt; color: #000000; background-color: #FFFFFF; color: #000000; border:  solid  1px #999999; padding: 2px}

a { font-weight: bold; color: #0066CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px} 
a:hover { color: #0099CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold} 
a:visited { font-weight: bold; color: #0099CC; text-decoration: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}

/* help debugging: div { border: dotted thin pink;} */

/* General hyperlinks for embedded use use in content */
a.inline {}
/* Button links - visited style is same as normal */
a.button {}


/*NEW michael header.txt links */
a.topnav:link,a.topnav:visited,a.topnav:focus{color:#ffffff; font-size: 1em; text-decoration:none }
a.topnav:hover, a.topnav:active  {color:#ffffff; font-size: 1em; text-decoration:underline }

/*NEW michael home.aspx login links */
a.loginlink:link,a.loginlink:visited,a.loginlink:focus, a.loginlink:hover, a.loginlink:active  {color:#C46713; font-size: 1em; text-decoration:underline }

/*NEW michael homenews.txt ec links */
a.eclink:link,a.eclink:visited,a.eclink:focus  {color:#8eb615; font-size: 1em; text-decoration:none }
 a.eclink:hover, a.eclink:active  {color:#8eb615; font-size: 1em; text-decoration:underline }



/* header bar */
div.headerbar {width:100%; }
div.headerbar_warning {margin-left:25px; width:785px; padding: 3px; background-color: yellow;}
div.headerbar_loggedininfo {font-size:xx-small;  text-align:right; color:#00008b;  margin-left:25px; width:785px; padding: 3px;  background-color: #fff}
a.headerbar_logoutlink:link,.headerbar_logoutlink:visited,.headerbar_logoutlink:active,.headerbar_logoutlink:hover {font-size:xx-small;  color:#00008b; font-weight:normal; text-decoration:none;}
a.headerbar_logoutlink:hover {text-decoration:underline;}

/* standard 'page content' table with blue top and borders for basic page look layout*/
div.content { margin-top:15px; margin-left:25px; width:785px; }
table.tblcontent, table.tblcontent_wider {border: solid 2px #E19E00;}
table.tblcontent {width:785px;}
table.tblcontent_wider {width:95%;}
td.tblcontent_title { height:0.8em; font-size:medium; font-weight:bold; vertical-align:text-top; background-color:#E19E00; color:#000000;}
/* Links within the title */
a.tblcontent_title,a.tblcontent_title:visited {font-size:medium; font-weight: bold; color: White; text-decoration: none;}
a.tblcontent_title:hover {font-size:medium; font-weight: bold; text-decoration: none; color: #0099CC;}
td.tblcontent_left {border-right: solid 2px #E19E00; background-color:white;}
td.tblcontent_right {border-right: none; background-color:white;}

/* footer */
div#footer { font-size:x-small; display:block; margin-top:10px; background-color: Transparent;	border-top: solid thin #3AD; border-bottom: solid thin #3AD;
		vertical-align:text-top;	margin-left:25px; width:785px; text-align:left; clear:both}
div#footer a { font-size:x-small; text-decoration:none}
div#footercredit { display:block; margin-top:2px; background-color: Transparent;
		vertical-align:text-top;	margin-left:25px; width:785px; text-align:right; clear:both}
div#footercredit a { font-size:x-small;}


/* home.aspx */
a.featurelink:link,a.featurelink:visited,a.featurelink:focus, a.featurelink:active {color:#0066CC; font-size: medium; text-decoration:underline }
a.featurelink:hover {color:#0099CC}
div#homeoffer { background-color:#FFFFFF; padding:8px; margin:0px; border: solid 1px red}
div#homenews { background-color:#FFFFFF; padding:8px; margin:0px; border: solid 1px #E19E00}
div#homephoto { border-style:solid; border-width:1px; border-color:#98DFF3; background-color:#FDF6CO; margin: 0 4px 4px 4px; padding:0.4em; }


/* info pages */
div.infocontent { margin-top:15px; margin-left:100px; width:585px; }

/* standard info tables e.g. Company info page - blue tops, various lighter blue cells */
table.tblinfo {border:0 ; border-collapse:collapse;}
td.tblinfo_title { height:2.0em; font-size:small; font-weight:bold; vertical-align:text-top; background-color:#3BC2C8; color:White;}
td.tblinfo_1 { background-color: #e0fcfb; color:black; text-align:left; height:1em; padding:4px; border-top:solid 4px white;}
td.tblinfo_2 { background-color: #FDF6CO; color:black; text-align:left; height:1em; padding:4px; border-top:solid 4px white;}
td.tblinfo_3 { background-color: #c5f0f9; color:black; text-align:left; height:1em; padding:4px; border-top:solid 4px white;}
td.tblinfo_4 { background-color: #98dff3; color:black; text-align:left; height:1em; padding:4px; border-top:solid 4px white;}
td.tblinfo_5 { background-color: #61d2e5; color:black; text-align:left; height:1em; padding:4px; border-top:solid 4px white;}

/* rounded corner top blocks */
div.leftcorner {float: left; z-index: 2}
div.lefttext {margin: 0.8em 0.4em 0.4em 0}
div.rightcorner {float:right; z-index:  2}
div.righttext {margin: 0.4em 0 0.4em 0.4em}
div.midtext {margin: 0.4em 0.4em 0.4em 0.4em} 

/* scorecard.ascx */
table.scorecard {font-size: 12px; font-weight: normal;	color: #000000; border:0 ; border-collapse:collapse;}
td.titleBrand { border-width:0;  color:White; text-align:center; height:26px;  background: #3BC2C8; width:60% ;border-right:solid 4px white;}
td.titleRating {border-width:0; background-color: #3BC2C8;  color:White; text-align:center; height:26px; width:9em; margin-right:0;border-right:solid 6px white;}
td.titleList {border-width:0; background-color: #3BC2C8;  color:White; text-align:center; height:26px; width:9em; margin-right:0;border-right:solid 6px white;}
/* rows */
td.brand { background-color: #c5f0f9; color:black; text-align:center; height:13px;padding:4px; border-top:solid 4px white;border-right:solid 6px white;}
td.rating { background-color:  #c5f0f9; color:black; text-align:center; height:13px;padding:4px; border-top:solid 4px white;border-left:solid 4px white;}
td.altbrand { background-color: #FDF6CO; color:black; text-align:center; height:13px;padding:4px; border-top:solid 4px white;border-right:solid 6px white;}
td.altrating { background-color:  #FDF6CO; color:black; text-align:center; height:13px;padding:4px; border-top:solid 4px white;border-left:solid 4px white;}
/* product key below */
div.productkey {font-size:x-small; color:#00008b}
div.productkey span {white-space:nowrap }

/* janes style for scorecard brandname links?? */
table.scorecard a:link {color: #416C84; text-decoration: underline} 
table.scorecard a:hover {text-decoration: underline; color: #9900CC;}
table.scorecard a:visited {text-decoration: underline; color: #0099CC;}

/* report.aspx, summary.aspx, reportfulltext.aspx */
.helptext { font-size: small; color:#339999; font-weight: bold}	/* e.g. 'Click on the names to see more detail...' */
div.reporttitle{ font-size:large}
div.reportcommon{ margin-bottom:2em;}
div.reportsummary{}
div.reportbestbuys{}
/* fixes IE7's problem with italics and floats - sigh! */
div.reportbestbuys p{min-width:0;}
div.reportfulltext{}
div.reportdatefirstappeared { font-style: italic}
div.reportinc { border-style:solid; border-width:1px; border-color:#E19E00; background-color:#FDF6CO; margin: 0 4px 4px 4px; padding:0.4em; }
img.summaryimage {float:right;	margin-left: 10px;}
img.reportimage {float:left; margin:5px 10px 0px 10px;}
img.reportfulltextimage {float:left; margin-right: 10px;}
img.reportimage {float:left; margin:5px 10px 0px 10px;}


/* DEPRECATED */
/* report include files */
div.reportinchead { background-color:#E19E00; color:Black; font-weight:bold; height:1.3em;  padding:0.4em;  margin: 0 4px 0 4px;}
div.reportincimg { float:right; width:125px;}
div.reportincintro { font-style:italic;}
div.reportincbody { font-style:normal;}



/* Product page */
.productreftitle { font-size:small; font-weight:bold;}
.productreftext { font-size:small; }


/* Co CatScores table on company page... */
td.tblscores_title_1 { background-color: #e0fcfb; color:black; text-align:left; font-weight:bold; height:1em; padding:4px; border-top:solid 4px white; border-right:solid 4px white;}
td.tblscores_title_2 { background-color: #FDF6CO; color:black; text-align:center; font-weight:bold; height:1em; padding:4px; border-top:solid 4px white; border-right:solid 4px white;}
td.tblscores_title_3 { background-color: #c5f0f9; color:black; text-align:left; font-weight:bold; height:1em; padding:4px; border-top:solid 4px white;}
td.tblscores_1 { background-color: #e0fcfb; color:black; text-align:left; height:1em; padding:4px; border-top:solid 4px white; border-right:solid 4px white;}
td.tblscores_2 { background-color: #FDF6CO; color:black; text-align:center; height:1em; padding:4px; border-top:solid 4px white; border-right:solid 4px white;}
td.tblscores_3 { background-color: #c5f0f9; color:black; text-align:left; height:1em; padding:4px; border-top:solid 4px white;}
td.tblscores_4 { background-color: #ffffff; color:black; text-align:left; height:1em; padding:4px 4px 4px 30px; border-top:solid 4px white;}

/* Customise ethiscores... */
table#customise {font-weight:bold; color:#11687f; font-size:small; }
table#customise td { vertical-align:text-bottom}

div.rbcustom {border-style:none;  border-width: 0px; border-color:Black; margin:0; padding:0; width:auto; white-space:nowrap; text-align:left; vertical-align:middle; }
div.rbcustom input{border-style:none;  border-width: 0px; border-color:Black; cursor:default; height:1.4em; width:1.4em; margin:0; padding:0; vertical-align:middle; word-spacing:0 }

div.customise_cat, div.customise_catgroup{height:100%; border-color:#e0fcfb; background-color:#e0fcfb; display:block;border-style:solid; border-width:2px; padding-top:2px; text-align:left;}
div.customise_cat {padding-left:16px;  font-size:smaller}
div.customise_catgroup {padding-left:4px; font-size:small}
div.customise_ignore {height:100%; border-color:#eaf9fe; background-color:#eaf9fe; display:block; border-style:solid; border-width:2px; margin:0; padding-top:2px; text-align:center; width:6em; vertical-align:middle}
div.customise_low {height:100%; border-color:#c5f0f9; background-color:#c5f0f9; display:block;border-style:solid; border-width:2px;  margin:0; padding-top:2px; text-align:center; width:6em;vertical-align:middle}
div.customise_med {height:100%; border-color:#98dff3; background-color:#98dff3; display:block;border-style:solid; border-width:2px; margin:0; padding-top:2px; text-align:center; width:6em; vertical-align:middle}
div.customise_high {height:100%; border-color:#61d2e5; background-color:#61d2e5; display:block; border-style:solid; border-width:2px; margin:0; padding-top:2px; text-align:center; width:6em; vertical-align:middle}

td.customise_cat, td.customise_catgroup {height:100%; border-top:solid 4px white;border-right:solid 4px white;}
td.customise_ignore {height:100%; border-top:solid 4px white;border-right:solid 4px white;}
td.customise_low {height:100%; border-top:solid 4px white;border-right:solid 4px white;}
td.customise_medium {height:100%; border-top:solid 4px white;border-right:solid 4px white;}
td.customise_high {height:100%; border-top:solid 4px white; }

/* Shopping Lists */
td.listprodtype { background-color: #98DFF3; color:white; text-align:left; font-weight:bold; height:1em; padding:4px; border-top:solid 4px white; }
td.listprodname { background-color: #c5f0f9; color:black; text-align:left; font-weight:bold; height:1em; padding:4px 4px 4px 8px; border-top:solid 4px white;}
td.listscore { background-color: #c5f0f9; color:black; text-align:left; height:1em; padding:4px; border-top:solid 4px white;}
td.listref { font-size:smaller; background-color: #FDF6CO; color:black; text-align:left; height:1em; padding:4px 4px 4px 16px; border-top:solid 4px white;}



/* full scores tables a la magazine */
tr.scorestableheader {font-weight:bold;}
tr.scorestablerow { }
/* explanation text div or span */
.expl {font-size:x-small }

/* MailForm */
td.mailform_label { width:6em; color:#11687f;}
td.mailform_content {width:100%;}
td.mailform_text,td.mailform_error {width:100em;}
td.mailform_error {color:Red;}
.mailform_input {width:90%; font-size:small; font-weight:normal; font-family:Courier}

/********************************************************** 
FORMS 
**********************************************************/
/* The "fielddeftable" and associated controls */
.formheader{vertical-align:text-bottom ; font-size: small; font-weight:bold; height: 2em;}
input.formbutton{float:right; width:80px}
td.formbuttons{border-top: #637CCA thin solid; height: 40px;}
.formmessage{color: red;}
/* use this for the asterisk markers */
span.formmandatoryinput{color: Red}
/* and this for extra bits of explanation text appended to labels */
span.forminfo{font-style: italic; font-size:  x-small}
/* asp.net checkboxes are put in a space - we'll set their class to checkbox
    so this selector is more specific than the general input, to suppress IE's
	drawing both the 1px border AND the 3D border - sigh!  */
span.checkbox input{border-style:none; border-width: 0px; border-color:Black}
span.radiobutton input{border-style:none; border-width: 0px; border-color:Black}
select{border-style: solid;	 border-width: 1px; color: #330066; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: small; font-weight:bolder}
/* text - nb need to specify font-family, cos textarea (ie multiline text) doesn't inherit it correctly from body */
.textbox {font-family: Verdana, Arial, Helvetica, sans-serif; color: #330066; font-size: small; font-weight:bolder}
.combobox{color: #330066; font-size: small; font-weight:bolder}

/* Jane's additions  */
.text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000 }
.greentext { color: #339999; font-weight: bold }
.darkbluetext { color: #003399; font-weight: normal; font-size: x-small}
h1 { font-size: 18px; font-weight: bold; color: #000000 }
.mainpageheading { font-size: 18px; font-weight: bold; color: #000000 ; font-family: Verdana, Arial, Helvetica, sans-serif}
h2 { font-size: 16px; font-weight: bold; color: #000000 font-family: Verdana, Arial, Helvetica, sans-serif}
h3 { font-size: 14px; font-weight: bold; color: #000000 font-family: Verdana, Arial, Helvetica, sans-serif}




div#homeads { background-color:#C5F0F9; padding:4px 4px 1px; margin:0px 0px; border: 1px #C5F0F9 solid}
div.homeads { border-style:solid; border-width:0px; border-color:#C5F0F9; background-color:#FFFFFF; margin: 0 4px 4px 4px; padding:0.4em; }

div.homefirst{ border-style:solid; border-width:0px; border-color:#E19E00; background-color:#FDF6CO; margin: 0 0 10px 0; padding:0; }

div.homeintro{ border-style:solid; border-width:0px; border-color:#E19E00; background-color:#FDF6CO; margin: 0 4px 4px 4px; padding:0.4em; }

div.homelogin { border-style:solid; border-width:0px; border-color:#ffffff; background-color:#FFFFFF; margin: 0 2px 2px 2px; padding:0.4em; }

div.homeblurb { border-style:solid; border-width:1px; border-color:#FDF6C0; background-color:#fffffff; margin: 0 4px 4px 4px; padding:0.4em; }
div.homenews { border-style:solid; border-width:0px; border-color:#FDF6C0; background-color:#ffffff; margin: 0 4px 4px 4px; padding:0.4em; }
div.homeoffer { border-style:solid; border-width:3px; border-color:#E19E00; background-color:#FDF6C0; margin: 0 4px 4px 4px; padding:0.4em;}
div.homereports { border-style:none; background-color:#FFFFFF; margin: 0 4px 4px 4px; padding:0.4em; }
div.homeec { border-style:solid; border-width:1px; border-color:#98DFF3; background-color:#FDF6CO; margin: 0 4px 4px 4px; padding:0.4em; }
div.homeec2 { border-style:solid; border-width:1px; border-color:#E19E00; background-color:#ffffff; margin: 0 4px 4px 4px; padding:0.4em; }

.smalltext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000 }
a.small { font-weight: bold; color: #0066CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px} 
a.small:hover { color: #0099CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold} 
a.small:visited { font-weight: bold; color: #996699; text-decoration: underline ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}

/* reviewlinks */
div.reviewlinkshead { background-color:#98DFF3; color:Black; font-weight:bold; height:1.3em;  padding:0.4em;  margin: 0 4px 0 4px;}
div.reviewlinksbox { border-style:solid; border-width:1px; border-color:#98DFF3; background-color:#FDF6CO; margin: 0 4px 4px 4px; padding:0.4em; }
div.reviewlinks { font-style:normal;}

/* special case for printing only */
@media print{
 .noprint{ display: none; }
 div.content {width: auto; }
 table.tblcontent {border: none}
 div.prettyprint {border-style: double; border-width:thick; border-color:Gray; margin:5px; padding: 25px; font-size:medium; width: 75%}
}
.subhead {  font-size: 14px; color: #000000; font-weight: bold}