@import url("reset.css");
/* 

base styles
Kevin McGill - EHP
24/4/2009

*/
body { background: #BFBFBF url('/images_dev/menu_april09/body_bg.png') repeat-x; font-size:12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height:1.5em; color:#333; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; }
h1 { font-size:36px; line-height:1.5em; }
h2 { font-size:25px; line-height:1.5em; }
h3 { font-size:12px; line-height:1.5em; font-weight: bold; margin-bottom: 6px; }
h5 { font-size:16px; line-height:1.5em; }
a:link{ text-decoration: underline; color: #006EC9; }
a:visited{ text-decoration: underline; color: #006EC9;  }
a:hover{ text-decoration: none; color: #006EC9;  }
a:active{ text-decoration: underline; color: #006EC9; }
form abbr { cursor: help; font-style: normal; }
form legend { font-size:25px; line-height:1.5em; font-family: Baskerville, Times, Times New Roman, serif; font-weight: normal; }
form select, form select optgroup, form select option, form input, form textarea { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color:#6F6D68; }
form select.large { width: 500px; font-size: 20px; height: 30px; border: 1px solid #6F6D68; background-color: transparent; }
form select.large optgroup, form select.large option { font-size: 20px; line-height: 1.3em; }
form input.large { width: 500px; font-size: 20px; height: 30px; border: 1px solid #6F6D68; background-color: transparent; }
form input.medium { width: 220px; }
form input.short { width: 100px; }
form textarea.large { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
form select.required, form input.required, form textarea.required { background-color: #EFFFAF; color: #333; }
form select.important, form input.important, form textarea.important { background-color: #FFC371; color: #333; }
form select.error, form input.error, form textarea.error { background-color: #FF9E94; color: #333; }

/* list style for generic content */
ul { list-style-type: disc; }
ul li { margin: 3px 0 3px 25px; }

/* container */
div#container { width: 910px; margin: 0 auto; background-color: #fff; text-align: left; padding: 12px 12px 12px 12px; min-height: 651px; height: auto !important; height: 651px; }

/* header */
div#header { width: 910px; height: 104px; background: #006EC9 url('/images_dev/menu_april09/header_rhs.png') no-repeat center right; }
div#header h1 { text-indent: -999em; width: 240px; height: 104px; background: #006EC9 url('/images_dev/menu_april09/header_logo.png') no-repeat center left }
div#header h1 a { display: block; width: 231px; height: 104px; background-color: transparent; }
div#header h1 a:hover { display: block; width: 231px; height: 104px; background-color: transparent; }
div#header p { text-indent: -999em; display: none; }

/* main navigation */
ol#mainnav { list-style-type: none; margin: 0; clear:right; width:910px; height: 34px; padding: 4px 0 5px 0; }
#solutions-page ol#mainnav, #products-page ol#mainnav, #services-page ol#mainnav, #tools-page ol#mainnav, #news-page ol#mainnav, #about-page ol#mainnav, #contact-page ol#mainnav, #privacy-page ol#mainnav { border-bottom: 3px solid #BCBCBC; margin-bottom: 0; }

ol#mainnav li { display: inline; float: left; clear: none; height: 34px; background-color: transparent; background-repeat: no-repeat; text-indent: -999em; margin-right: 2px; }
ol#mainnav li a { display: block; height: 34px; text-decoration: none; background: transparent; }

/* main navigation items */
ol#mainnav li#home { width: 84px; height: 34px; background-image: url('/images_dev/menu_april09/menu_home.png'); }
ol#mainnav li#home a { width: 84px; height: 34px; outline: none; }
ol#mainnav li#home a:hover { background-image: url('/images_dev/menu_april09/menu_home.png'); background-position: 0px -34px; }
ol#mainnav li#solutions { width: 101px; height: 34px; background-image: url('/images_dev/menu_april09/menu_solutions.png'); }
ol#mainnav li#solutions a { width: 101px; height: 34px; outline: none; }
ol#mainnav li#solutions a:hover { background-image: url('/images_dev/menu_april09/menu_solutions.png'); background-position: 0px -34px; }
ol#mainnav li#products { width: 100px; height: 34px; background-image: url('/images_dev/menu_april09/menu_products.png'); }
ol#mainnav li#products a { width: 100px; height: 34px; outline: none; }
ol#mainnav li#products a:hover { background-image: url('/images_dev/menu_april09/menu_products.png'); background-position: 0px -34px; }
ol#mainnav li#services { width: 97px; height: 34px; background-image: url('/images_dev/menu_april09/menu_services.png'); }
ol#mainnav li#services a { width: 97px; height: 34px; outline: none; }
ol#mainnav li#services a:hover { background-image: url('/images_dev/menu_april09/menu_services.png'); background-position: 0px -34px; }
ol#mainnav li#tools { width: 155px; height: 34px; background-image: url('/images_dev/menu_april09/menu_tools.png'); }
ol#mainnav li#tools a { width: 155px; height: 34px; outline: none; }
ol#mainnav li#tools a:hover { background-image: url('/images_dev/menu_april09/menu_tools.png'); background-position: 0px -34px; }
ol#mainnav li#news { width: 134px; height: 34px; background-image: url('/images_dev/menu_april09/menu_news.png'); }
ol#mainnav li#news a { width: 134px; height: 34px; outline: none; }
ol#mainnav li#news a:hover { background-image: url('/images_dev/menu_april09/menu_news.png'); background-position: 0px -34px; }
ol#mainnav li#about { width: 109px; height: 34px; background-image: url('/images_dev/menu_april09/menu_about.png'); }
ol#mainnav li#about a { width: 109px; height: 34px; outline: none; margin-right: 0; }
ol#mainnav li#about a:hover { background-image: url('/images_dev/menu_april09/menu_about.png'); background-position: 0px -34px; }
ol#mainnav li#contact { width: 114px; height: 34px; background-image: url('/images_dev/menu_april09/menu_contact.png'); margin-right: 0; }
ol#mainnav li#contact a { width: 114px; height: 34px; outline: none; margin-right: 0; }
ol#mainnav li#contact a:hover { background-image: url('/images_dev/menu_april09/menu_contact.png'); background-position: 0px -34px; }

/* main navigation ON states */
#home-page ol#mainnav li#home { background-image: url('/images_dev/menu_april09/menu_home.png'); background-position: 0px -68px; }
#home-page ol#mainnav li#home a:hover { background-image: url('/images_dev/menu_april09/menu_home.png'); background-position: 0px -68px; }
#solutions-page ol#mainnav li#solutions { background-image: url('/images_dev/menu_april09/menu_solutions.png'); background-position: 0px -68px; }
#solutions-page ol#mainnav li#solutions a:hover { background-image: url('/images_dev/menu_april09/menu_solutions.png'); background-position: 0px -68px; }
#products-page ol#mainnav li#products { background-image: url('/images_dev/menu_april09/menu_products.png'); background-position: 0px -68px; }
#products-page ol#mainnav li#products a:hover { background-image: url('/images_dev/menu_april09/menu_products.png'); background-position: 0px -68px; }
#services-page ol#mainnav li#services { background-image: url('/images_dev/menu_april09/menu_services.png'); background-position: 0px -68px; }
#services-page ol#mainnav li#services a:hover { background-image: url('/images_dev/menu_april09/menu_services.png'); background-position: 0px -68px; }
#tools-page ol#mainnav li#tools { background-image: url('/images_dev/menu_april09/menu_tools.png'); background-position: 0px -68px; }
#tools-page ol#mainnav li#tools a:hover { background-image: url('/images_dev/menu_april09/menu_tools.png'); background-position: 0px -68px; }
#news-page ol#mainnav li#news { background-image: url('/images_dev/menu_april09/menu_news.png'); background-position: 0px -68px; }
#news-page ol#mainnav li#news a:hover { background-image: url('/images_dev/menu_april09/menu_news.png'); background-position: 0px -68px; }
#about-page ol#mainnav li#about { background-image: url('/images_dev/menu_april09/menu_about.png'); background-position: 0px -68px; }
#about-page ol#mainnav li#about a:hover { background-image: url('/images_dev/menu_april09/menu_about.png'); background-position: 0px -68px; }
#contact-page ol#mainnav li#contact { background-image: url('/images_dev/menu_april09/menu_contact.png'); background-position: 0px -68px; }
#contact-page ol#mainnav li#contact a:hover { background-image: url('/images_dev/menu_april09/menu_contact.png'); background-position: 0px -68px; }

/* for flash plugin - the alt class is auto applied to non-flash content */
div.alt { display: none; }

/* main content block */
div#content { width: 910px; }
#solutions-page div#content, #products-page div#content, #services-page div#content, #tools-page div#content, #news-page div#content, #about-page div#content, #contact-page div#content, #privacy-page div#content { background: transparent url('/images_dev/menu_april09/subnav_bg.png') repeat-y top left; }

/* after content before the end of the container. Forces any divs above to continue down the page, should not be an issue but just in case */
div.spacer { clear: both; line-height: 0; font-size: 1px; height:0;  }

/* home page specific styles for 3-column area */
#home-page dl { float:left; min-height:320px; height:auto !important; height:320px; margin-top: 12px; padding-bottom: 15px; }
#home-page dl#first { width: 390px; }
#home-page dl#second { width: 230px; }
#home-page dl#RHS-links { width: 290px; }
#home-page dl dt { height: 44px; border-left: 1px solid #ccc; padding: 0 0 0 15px; line-height: 65px; vertical-align: bottom; font-size: 26px; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #006EC9; }
#home-page dl dd { padding: 15px 20px 0 15px; }
#home-page dl#second dd { font-size: 11px; }
#home-page dl#second dd dl { float: none; min-height:10px; height:auto !important; margin: 0 0 10px 0; border-bottom: 1px dotted #666; padding: 0 0 10px 0; font-size: 11px; line-height: 1.3em; }
#home-page dl#second dd dl dt { height: auto; border: none; padding: 0; font-size: 11px; line-height: 1.5em; font-weight: bold; font-family: inherit; }
#home-page dl#second dd dl dd { padding: 0; }
#home-page dl#second dd dl dt.img { float: left; margin: 0 10px 10px 0; list-style: none; }
#home-page dl#second dd dl dt.img img { padding: 1px; border: 1px solid #ccc; }
#home-page dl#second dd dl dd.img { margin-left: 70px; }
#home-page dl#RHS-links dd { font-size: 11px; padding-left: 5px; }
#home-page dl#RHS-links dd dl { float: none; min-height:10px; height:auto !important; margin: 0 0 10px 0; border-bottom: 1px dotted #666; padding: 0 0 10px 0; font-size: 11px; line-height: 1.3em; }
#home-page dl#RHS-links dd dl dt { height: auto; border: none; padding: 0 0 0 20px; font-size: 14px; line-height: 1.5em; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-weight: bold; background: transparent url('/images_dev/menu_april09/custom_bullet.png') no-repeat 0px 3px; }
#home-page dl#RHS-links dd dl dd { padding: 0 0 0 20px; }
#home-page dl#RHS-links dd dl dd.detail { font-style: italic; color: #666666; }  

/*  inside pages subnav */
div#subnav { width: 189px; background-color: #eaeaea; min-height: 503px; height: auto !important; height: 503px; float:left; }
div#subnav h2 { font-size: 11px; font-weight: bold; height:22px; line-height: 22px; padding-left: 10px; background: transparent url('/images_dev/menu_april09/subnav_title_bg.png') repeat-x center left; color:#333; }
div#subnav dl { padding-left: 12px; margin-top: 10px; margin-right: 10px; }
div#subnav dl dt { font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #666666; font-size: 12px; font-weight: bold; margin: 16px 0 6px 0; }
/* div#subnav dl dt a { color: #666666; } */
div#subnav dl dt.hidden { display: none; }
div#subnav dl dd { font-size: 8px; margin-bottom: 3px; display: list-item; color: #006EC9; padding-left: 0; margin-left: 12px; }
div#subnav dl dd.current { color: #990000; }
div#subnav dl dd.hidden { display: none; }
div#subnav dl dd.show { display: list-item; }
div#subnav dl dd a { font-size: 11px; line-height: 1.6em; }
div#subnav dl dd.current a { color: #990000; font-weight: bold; }
#solutions-page div#subnav dl { padding-left: 12px; margin-left: 12px; }
#solutions-page div#subnav dl dt { margin: 16px 0 0 0; display: list-item; color: #006EC9; font-size: 11px; }
#solutions-page div#subnav dl dt.subHdg { font-weight: bold; font-style: none; margin: 0 0 6px 0; font-size: 12px; padding-top: 10px; color: #666666; list-style-type: none; } /* display: inline; */
#solutions-page div#subnav dl dt.hidden { display: none; }
#solutions-page div#subnav dl dd.overview { margin-left: 0px; }

ul#relatedPages { list-style-type: none; clear:right; width:100%; border-bottom: 1px solid #666; padding:0; margin:10px 0 20px 0; float:left }
ul#relatedPages li { display: inline; float:left; clear: none; height: 25px;  border-right: 1px solid #999; font-size: 11px; line-height: 25px;  background: transparent url('/images_dev/menu_april09/relatedTabs_bg.png') repeat-x center left; margin: 0; }
ul#relatedPages li a { display: block; height: 25px; padding: 0 15px 0 15px; color: #333; }
ul#relatedPages li.hidden { display: none; }
ul#relatedPages li.last { border-right: none; }
ul#relatedPages li.last a { background: transparent url('/images_dev/menu_april09/relatedTabs_topRight.png') no-repeat top right; }
ul#relatedPages li.first a { background: transparent url('/images_dev/menu_april09/relatedTabs_topLeft.png') no-repeat top left; }
ul#relatedPages li.current a { color: #990000; font-weight: bold; }
 
/*  inside pages RHS-frame and copyholder div */
div#copyholder img.mainImage { float:right; margin: 0 0 10px 10px; }
div#copyholder.linksPresent { margin-right: 200px; }
div#copyholder { padding-bottom: 25px; padding-top: 33px; }
div#RHS-frame { margin-left: 216px; padding-top: 12px; }
div#RHS-frame dl#RHS-links { float:right; width:190px; }
div#RHS-frame dl#RHS-links dt { display:none; }
div#RHS-frame dl#RHS-links dd { padding: 0 0 0 20px; }
div#RHS-frame dl#RHS-links dd dl { float: none; min-height:10px; height:auto !important; margin: 0 0 10px 0; border-bottom: 1px dotted #666; padding: 0 0 10px 0; font-size: 11px; line-height: 1.3em; }
div#RHS-frame dl#RHS-links dd dl dt { display: block; height: auto; border: none; padding: 0 0 0 20px; font-size: 14px; line-height: 1.5em; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-weight: bold; background: transparent url('/images_dev/menu_april09/custom_bullet.png') no-repeat 0px 3px; }
div#RHS-frame dl#RHS-links dd dl dd { padding: 0 0 0 20px; }

/* news page */
#news-page dl#news-listing { float: none; min-height:10px; height:auto !important; margin: 0; padding: 0; font-size: 11px; line-height: 1.3em; }
#news-page dl#news-listing dt { display: block; height: auto; border: none; padding: 0 0 0 20px; font-size: 14px; line-height: 1.5em; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-weight: bold; }
#news-page dl#news-listing dd { padding: 0 0 0 20px; border-bottom: 1px dotted #666; margin-bottom: 10px; padding-bottom: 10px; }
#news-page dl#news-listing dd.details { padding: 0 0 5px 0; font-style: italic; float:left; }
#news-page dl#news-listing dd.image { border-bottom: none; float:right; }

/* features table (products page) */
dl#features { border: 1px solid #999999; padding: 0; padding-bottom: 42px; width: 492px; background: url('/images_dev/menu_april09/product_column_bg.png') repeat-y top left; margin: 0; }
dl#features dd { margin: 0; padding: 0; }
dl#features dd dl dt { display: none; }
dl#feature_left { width: 190px; margin: 0; padding: 0; display: block; }
dl#feature_left dd { width: 190px; background: #EDEDED url('/images_dev/menu_april09/product_tab_bg.png') repeat-x; line-height: 16px; border-bottom: 1px solid #999999; border-right: 1px solid #999999; display: block; margin: 0; }
dl#feature_left dd a { width: 155px; height: 100%; display: block; padding: 10px 10px 10px 25px;; color: #666666;  font-size:11px; }
dl#feature_left dd a.current { background: #FFFFFF url('/images_dev/menu_april09/product_tab_bullet.png') 8px 11px no-repeat; color: #990000; font-weight: bold; border-right: 1px solid #FFFFFF; text-decoration: none;  font-size:11px; }
dl#feature_left dd.bottom { background: #999999; }
dl#feature_right { width: 252px; float: right; display: block; clear: none; padding: 10px 25px; height: 100%; font-size:11px; }

/* tools and resources page */
ul.tools_overview { border: 1px solid #999999; padding: 0; margin: 0; margin-top: 15px; } /* clear: none; display: block; vertical-align: top; */
ul.tools_overview li { padding: 10px; list-style-type: none; margin: 0; }

/* footer */
div#footer { width: 910px; margin: 0 auto; text-align: left; padding: 2px 12px 4px 12px; font-size: 10px; }
div#footer a:link{ color: #333; }
div#footer a:visited{ color: #333; }
div#footer a:hover{ color: #333; }
div#footer a:active{ color: #333; }

.hidden {display:none;}

/* register */
.warning { color: Orangered; }
.error { color: #990000; }
ul.errorList { padding-top: 20px; }
ul.errorList li { color: #990000; }
form#register ul.errorList { margin: 10px 5px 10px 0; }
form#register ul.errorList li { list-style-type: disc; line-height: 18px; margin: 5px 0 0 15px; } 
form#register ul.errorList li.heading { list-style-type: none; padding: 0; margin: 0; color: #333; }
form#register { margin-top: 15px; color: #333; border: 1px solid #CCCCCC; padding: 15px; padding-top: 10px; background: #FAFAFA; }
form#register label { width: 120px; display: block; float: left; }
form#register input.medText { width: 250px; color: #333; }
form#register ul { padding: 0; margin: 0; }
form#register ul li { list-style-type: none; line-height: 18px; margin: 5px 0; }