/* Growth Technology 2008 */
			
/* ------------------------------------------------------- */
/* Some default styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #273543;
}

/* so we can exclude border/cellspacing/cellpadding from table tags */
table {   
	border-collapse: collapse;
	border-spacing:0;
	border:0;
}

td {
	padding:0;
}

a:link, a:visited, a:active {
	font-weight: bold;
	text-decoration: none;
	color: #0066CC;
}

a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
        
a.white:link, a.white:visited, a.white:active {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a.white:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}
        
a.nearlywhite:link, a.nearlywhite:visited, a.nearlywhite:active {
	font-weight: bold;
	text-decoration: none;
	color: #dddddd;
}

a.nearlywhite:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}
        
a.plain:link, a.plain:visited, a.plain:active {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

a.plain:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
}

.midgrey {
	color: #888;
}

a.midgrey:link, a.midgrey:visited, a.midgrey:active {
	font-weight: bold;
	text-decoration: none;
	color: #888;
}

a.midgrey:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #888;
}
        
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #273543;
	font-size: 21px;
	margin-top: 0px;
}

h2 span.subhead {
	font-size: 15px;
	color: #666666;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #273543;
	font-size: 15px;
}

.headertitle {
	color: #ffffff;
	text-align: center;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #273543;
	font-size: 13px;
}

.greentext {		/* legacy - material copied from GC pages */
	color: #009900;
}

.bluetext {			/* Use instead of .greentext for main site*/
	color: #49627A;
}

.jiffyredtext {
	color: #c10c13;
}

.yellowtext {
	color: #fd0;
}

.whitetext {
	color: #fff;
}


sub {
	font-size: 0.8em;
	vertical-align: baseline;
}

sup {
	font-size: 0.8em;
	vertical-align: text-top;
}

ol {
	list-style-position: outside;
	padding-left: 1.5em;
	margin-left: 0px;
}

ul {
	list-style-position: outside;
	padding-left: 1.2em;
	margin-left: 0px;
	/* list-style-image: url(bullet-7px-textblue.gif); */
}


li {
	margin-bottom: 5px; 
	padding-left: 0px;
	margin-left: 0px;
}

ul.greenbullet, ul.bluebullet, ul.blackbullet, ul.greybullet {		
	list-style-position: outside;
	padding-left: 1.5em;
	margin-left: 0px;
}

ul.greenbullet li, ul.bluebullet li, ul.blackbullet li, ul.greybullet li {
	padding-left: 0px;
	margin-left: 0px;
}

ul.greenbullet {		
	list-style-image: url(greenbullet.png);
}

ul.bluebullet {
	list-style-image: url(bluebullet.png);
}

ul.blackbullet {
	list-style-image: url(blackbullet.png);
}

ul.greybullet {
	list-style-image: url(greybullet.png);
}


.leftrule {		/* highlight a paragraph by wrapping with a div with a rule to the left */
	border-left: 1px solid #273543;		/* matches text */
	padding: 0 0 0 6px;
}

/* ------------------------------------------------------- */
/* Styles for Material Safety Data Sheets: */

.msdstable {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        background-color: #eeeeee;
        font-weight: normal;
}

.msdstable td {
        vertical-align: top;
        color: #000000;
}

.msdstitle {
        background-color: #bbbbbb;
        border: 1px solid #FFFFFF;
        font-weight: bold;
        background-image: url(msdstitlegrad.jpg);
}

.msdstopic {
        font-weight: bold;
}

/* ------------------------------------------------------- */
/* Various layout elements */

.infopanel {
	background-color: #AABBCC;
	margin: 0px;
	padding: 0px;
	border: 1px solid #273543;
}

.infopanel TD {
	padding: 6px;
	margin: 0px;
	border: 0px;
}

.infopanel TH {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #49627A;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	text-align: center;
}

.newspanel {
	background-color: #FFF;
	margin: 0 0 12px 0;
	padding: 0px;
	border: 1px solid #273543;
}

.newspanel TD {
	margin: 12px;
	border: 0px;
	padding: 6px;
}

.newspanel TH {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #944;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

.safetypanel {
	background-color: #FFFFCC;
	margin: 0px;
	padding: 10px;
	border: 1px solid #CC0000;
}

.packsizepanel {         /* Don't use - legacy only */
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px;
        border: 1px solid #000000;
        text-align: center;
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.packsizepanel TD {
        padding: 2px 10px 2px 10px;
        margin: 0px;
        border: 0px;
}

.packsizediv {        /* use in preference to a one-cell table for pack size panels */
	background-color: #FFFFFF;
	border: 1px solid #000000;
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	width: 200px;		/* a default width */
}

.simplegrid {
        border-top: 1px solid #BAC9D8;
        border-right: 0px solid #BAC9D8;
        border-bottom: 0px solid #BAC9D8;
        border-left: 1px solid #BAC9D8;
        margin: 0px;
        padding: 0px;
}
.simplegrid td {
        border-top: 0 solid #BAC9D8;
        border-right: 1px solid #BAC9D8;
        border-bottom: 1px solid #BAC9D8;
        border-left: 0px solid #BAC9D8;
        margin: 0px;
        padding: 6px;
}

.simplebox {
	border: 1px solid #BAC9D8;
	padding: 5px;
}

/* ------------------------------------------------------- */
/* originally intended for the IONIC Schedule tables, but now used for other stuff as well */

.schedule {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #273543;
}

.schedule td {
	background-color: #CCEEBB;
	padding: 3px;
	vertical-align: top;
}

.schedule th {
	background-color: #225511;
	padding: 3px;
	vertical-align: top;
	color: #FFFFFF;
}

.schinset1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #273543;
}

.schinset1 td {
	background-color: #FFEECC;
}

.schinset2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #273543;
}

.schinset2 td {
	background-color: #DDCCFF;
}

/* Inspired by the IONIC applications panels but use anywhere... */
.appspanel {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.appspanel TD {
	padding: 6px;
	margin: 0px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-style: solid;
	border-bottom-color: #000;
	vertical-align:top;
}

.appspanel TD.titlebar {
	border-bottom: 0px;
}

.appspanel p {
	margin: 0;
}

/* Use for an appspanel header row or a separate div, as needed */
.titlebar {
	color: #FFFFFF;
	background-color: #49627A;
	border:0;
	padding: 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}


/* ------------------------------------------------------- */
/* Database admin form */
/* Note similarity to .schedule above */

.formtable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #273543;
}

.formtable td {
	background-color: #CCEEBB;
	padding: 3px;
}

.formtable th {
	background-color: #225511;
	padding: 3px;
	color: #FFFFFF;
}

.forminput {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
	background-color: #ffffff;
	font-size: 9pt;
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.formreadonly {
	background-color: #CCEEBB;
}

/* ------------------------------------------------------- */
/* Stockist results table */

.stockisttable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 1px solid #666;
}

.stockisttable tr {
	background-color: #fff;
}

.stockisttable td {
	padding: 6px;
	border-bottom: 1px solid #666;
}


/* ------------------------------------------------------- */

.small {
        font-size: 10px;
}

.flagspanel {
	background-color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 160px;
}
.flagspanel td {
	padding: 4px 3px;
}
.warning {
	color: #CC0000;
}
.username {
	color: #FFFFFF;
	background-color: #999999;
	margin: 0px;
	padding-right: 4px;
	padding-left: 4px;
}
.greycaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.goldtext {
	color: #B78415;
}

.notespanel {
	background-color: #D8E9D8;
	padding: 5px;
}

.notespanel2 {
	background-color: #DDD7EA;
	padding: 5px;
}
#toprightpic {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}