@charset "utf-8";

/*-- Basic Formatting --*/

/* Fonts */
a, body, li, p, td, th, h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; }
a, body, li, p, td, th { font-size: 10pt; }

/* Headings */
h1 { font-size: 16pt; }
h2 { font-size: 12pt; background-color: #008000; color: #FFFFFF; }
h3 { font-size: 12pt; font-style: italic; }
h4 { font-size: 10pt; }

/* Background Image */
body { background: #90EE90 url(../graphics/bg.jpg); }

/* Lists & Others */
ul { list-style-type: circle; }
sup { font-variant: small-caps;	font-size: 9pt; }
dl.faq-list dt , dl.faq-list dd:before { font-weight: bold; color: #008000; }
dl.faq-list dt:before { content: "Q: "; }
dl.faq-list dd:before { content: "A: "; }

/* Addresses */
address, p.address { font-style: italic; }

/*-- Links --*/

a.map-link { padding-left: 18px; background: url(../graphics/globe.gif) no-repeat center left; }

/* Standard */
a.standard:link { text-decoration: underline; color: #0000EE; }
a.standard:visited { text-decoration: underline; color: #0000EE; }
a.standard:hover { text-decoration: none; color: #0000EE; } 

/* Style 1 */
/*--> use on light background or main page background */
a.link-1:link, div p a:link, div ul li a:link, div dl dd a:link { text-decoration: underline; font-weight: bold; color: #008000; }
a.link-1:visited, div p a:visited, div ul li a:visited, div dl dd a:visited { text-decoration: underline; font-weight: bold; color: #008000; }
a.link-1:hover, div p a:hover, div ul li a:hover, div dl dd a:hover { text-decoration: none;	font-weight: bold; color: #FFFF00; background-color: #008000; }

/* Style 2 */ 
/*--> use on dark background e.g. <th> */
a.link-2:link {	font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.link-2:visited { font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.link-2:hover { color: #FFFF00; font-weight: bold;	text-decoration: none; }

/* Style 3 */
/*--> use on dark background e.g. linkstable */
a.link-3:link { font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 9pt; }
a.link-3:visited { font-weight: bold; text-decoration: none; color: #FFFFFF; }
a.link-3:hover { color: #008000; font-weight: bold;	background-color: #90EE90; }

/* Anchors */
a.empty-anchor { font-size: 0; }

/* Menu Style */
/*--> use on dark background */
a.menu-style:link, div#menu ul li a.menu-link:link { color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 9pt; border-left: 4px solid #008000; }
a.menu-style:visited, div#menu ul li a.menu-link:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 9pt; border-left: 4px solid #008000; }
a.menu-style:hover, div#menu ul li a.menu-link:hover { color: #90EE90; font-weight: bold; text-decoration: none; font-size: 9pt; border-left: 4px solid #90EE90; }

/* Plain White */
/*--> use on dark background */
a.plain-white:link, div#page-footer div a:link { color: #FFFFFF; font-size: 8pt; text-decoration: underline; border: none; }
a.plain-white:visited, div#page-footer div a:visited {	color: #FFFFFF; font-size: 8pt; text-decoration: underline; border: none; }
a.plain-white:hover, div#page-footer div a:hover { color: #FFFFFF; font-size: 8pt; text-decoration: none; border: none; }
a.plain-white:active, div#page-footer div a:active { color: #FFFFFF; font-size: 8pt; text-decoration: underline; border: 1px solid #90EE90; }

/* Images/Image Maps */
img { border: none; }
.caption { font-weight: bold; font-style: italic; text-align: center; }

/* TinyMCE body class */
.editor { background: #90EE90; }

/*-- Page Formatting, Borders & Colors --*/
.dark-background { background: #008000; color: #FFFFFF; }
.dark-background img { border: 3px solid #008000; }
div#menu { background: url(../graphics/menu-bg.gif) no-repeat bottom right; }
div#menu ul { background: #008000; }
div#menu ul li.active-page div { color: #90EE90; background-color: #008000; font-weight: bold; font-size: 9pt; border-left: 4px solid #008000; }
div#menu ul li.active-page div:after { content: " >"; }
div#menu ul li#menu-home { border-top: 1px solid #FFFFFF; }
div#menu ul li div#reorder-status { font-weight: bold; color: #90EE90; }
div#heading { background: url(../graphics/bf.gif) no-repeat top right; }
div#heading h1 { background: #008000 url(../graphics/bf_bottom.gif) top right no-repeat; color: #FFFFFF; font-size: 16pt; font-weight: bold; }
div#content { border: 9px solid #008000; border-top: none; background-color: #90EE90; }
div.message { border-color: #008000; background-color: #FFFFAA; }
div.error-message { border-color: #850606; background-color: #FFDBDB; font-weight: bold; }
div.confirm-message { border-color: #0F0F35; background-color: #B9B9CC; }
div.error-message#js-error-message { font-weight: normal; }
#js-error-message ul { list-style-type: disc; }
div#page-footer { color: #FFFFFF; font-size: 8pt; }
div#footer-left { background: url(../graphics/footer-left-corner.gif) no-repeat top left; }
div#footer-right { background: url(../graphics/footer-right-corner.gif) no-repeat top right; }
div#footer-main { background-color: #008000; }

/* Forms */
label { font-weight: bold; }
label:after { content: ": "; }

form#ces-login { background: url(../graphics/bfoutline_cycle_left.gif) no-repeat top left; }
form#ces-login fieldset legend { font-weight: bold; color: #FFFFFF; }
form#ces-login fieldset ul { background-color: #008000; list-style-type: none; }
form#ces-login fieldset ul li label { color: #FFFFFF; }

div.homepage p.left, div.homepage p.right { border: 2px solid #008000; background: #90EE90 url(../graphics/cycle-green.gif) no-repeat bottom right; }
div.homepage p strong { color: #008000; }