@import url("/stylesheets/forms.css"); 
@import url(/theme/ui.all.css);
/*------------------------------------------------------------------
[Screen Stylesheet]

Project:       Lumigen, Inc.
Version:       1.0
Last change:   03/12/09 [tables]
Assigned to:   Karl Kasischke
Primary use:   Page Layouts - 2 & 3 column layouts for home & subpages
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[Table of contents]
A. Global Reset

B. Typography

C. Layout
   1. Body 
      1.1. Skip to content / ul#skip
   2. Layout wrapper / div#wrapper
      2.1. Logo / h1.logo
      2.2. Utilities / div#utility
         2.2.1. Search box / form#searchbox
         2.2.2. Utility Navigation / ul.nav
      2.3. Global navigation / div#globalNav
      2.4. Banner / div#banner
      2.5. Middle section / div#middle
         2.5.1. Primary column / div#primeCol
            2.5.1.1. Main content / div#mainContent
            2.5.1.2. Secondary content / div#secondContent
               2.5.1.2.1 Sidebars / div.sidebar
         2.5.2. Second column / div#secondCol
            2.5.2.1. Local subnavigation / #subNav
            2.5.2.2. Sidebars / div.sidebar
   3. Footer / div#footer
      3.1. Copyright information / p#copy
      3.2. Footer navigation / ul#footNav
   4. Forms

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



/*------------------------------------------------------------------
[Color codes]

#fff        white          (wrapper background, subnav h3 link)
#000        black          (text)
#ebebeb     grey           (sidebar background)
#a8a8a8     grey #2        (image border)
#999        grey #3        (footer text)
#012244     dark blue      (body background, subnav links, subnav h3 background)
#06c        blue           (main content h3, h4, links)
#3870a8     blue #2        (utility navigation)
#164370     blue #3        (global navigation, home h2, sidebar h3)
#9cf        blue #4        (footer navigation)
#cbe0f4     blue #5        (subnav link background)
#4d5e6f     blue #6        (footer border)
#fef1c8     pale yellow    (subnav link hover background)
#ee1c24     red            (h2 border)

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



/*------------------------------------------------------------------
A. GLOBAL RESET 
-------------------------------------------------------------------*/

body {font: 62.5%/1.5 arial,verdana,geneva,lucida,sans-serif; background: #fff; color: #000; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, /*fieldset,*/ form, label, input, textarea, select, /*legend,*/ dl, dt, dd, table, caption, th, td, blockquote, cite {margin: 0; padding: 0; font-size: 1em;}
p, ul, ol, li, ul *, ol *  {font-size: 1em;}
sub {font-size: 0.75em;}
input, textarea, select {font-family: arial,verdana,geneva,lucida,sans-serif; font-size: inherit;}
textarea {overflow: auto;}
/*fieldset {border: solid 0 transparent;}*/
table {border-collapse: collapse;}
a img {border: 0;}
acronym, abbr {border-bottom: 1px dotted; cursor: help;}
cite {font-style: normal;}
code {font-size: 1.5em;}
#globalNav :focus, #subNav :focus, .logo :focus {outline: 0;}

.nav, .nav ul, form ul, .cycle {margin: 0; padding: 0; list-style: none;}
.clear {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.center {text-align: center;}
.block {display: block;}
div.container {overflow: hidden;}
hr {color: #ddd; background-color: #ddd; height: 1px; border: none; margin: 1.5em 0;}

/*------------------------------------------------------------------
B. TYPOGRAPHY  
-------------------------------------------------------------------*/
strong, a, .sidebar dt, #utility .current a, #footer .current a, caption {font-weight: bold;}
a, #globalNav a, #subNav a, caption {color: #06c; text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
caption {text-align: left;}
#globalNav a, h2, .sidebar h3, #mainContent h3, h4 {color: #164370;}
#subNav a {color: #012244}
#subNav h3 a {color: #fff;}
#footer {color: #999;}
#utility a, #footer a {color: #9cf; font-weight: normal;}
#utility, #utility a {color: #3870a8;}
#footer a:hover, #footer a:focus, #footer .current a {color: #ddd;}
h1 {font-size: 1.7em;}
h2 {font-size: 1.5em; border-bottom: 1px solid #ee1c24;}
.home h2 {font-size: 1.3em; border: 0;}
h3, #globalNav, #mainContent, #subNav a, caption {font-size: 1.3em;}
#utility, .sidebar, #footer {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, #subNav h3 a  {font-size: 1.0em;}
h6 {font-size: 0.9em;}
.breadcrumbs {font-size: 0.8em;}


/*------------------------------------------------------------------
C. LAYOUT 
-------------------------------------------------------------------*/
/* 1. Body */
body {background: #012244 url(/images/body_bg.gif) repeat-x top; padding-top: 12px;}

   /* 1.1. Skip to content / ul#skip */
   #skip {position: absolute; top: -1000px;}
   
/* 2. Layout wrapper / div#wrapper */
#wrapper {margin: 0 auto; padding: 15px; width: 930px; position: relative; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 410px;}

   /* 2.1. Logo / h1.logo */
   h1.logo {width: 267px; height: 60px; background: url(/images/logo.gif) no-repeat; text-indent: -9000px; z-index:5; margin-bottom: 5px;}
   h1.logo a {display: block; width: 267px; height: 60px; background: url(/images/logo.gif) no-repeat;}
   
   /* 2.2. Utilities / div#utility */
   #utility {position: absolute; top: 15px; right: 15px;}
   
      /* 2.2.1. Search box / form#searchbox */
      #searchbox {float: right; display: inline; margin-top: -2px;}
      #searchbox input, #searchbox label {vertical-align: middle; margin-left: 0.5em;}
      #searchbox #query {width: 166px; padding: 4px 6px; border: 0; background: url(/images/search_bg.gif) no-repeat 50%;}
      
      /* 2.2.2. Utility Navigation / ul.nav */
      #utility .nav {float: right; display: inline; overflow: hidden; margin-right: 1em;}
      #utility .nav li {float: left; display: inline; border-right: 1px solid #3870a8;}
      #utility .nav li a {display: block; padding: 0 1em;}
      
   /* 2.3. Global navigation / div#globalNav */
   /*** BEGIN SUPERFISH ESSENTIAL STYLES ***/
   #globalNav ul ul {position: absolute; top: -999em; width: 13em; /* left offset of submenus need to match (see below) */}
   #globalNav ul ul li {width: 100%;}
   #globalNav ul li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
   #globalNav ul li {float: left; position: relative;}
   #globalNav ul a {display: block; position: relative;}
   #globalNav ul li:hover ul,
   #globalNav ul li.sfhover ul {left: 0; top: 34px; /* match top ul list item height */ z-index: 99;}
   #globalNav ul li:hover li ul,
   #globalNav ul li.sfhover li ul {top: -999em;}
   #globalNav ul li li:hover ul,
   #globalNav ul li li.sfhover ul {left: 13em; /* match ul width */ top: 0;}
   #globalNav ul li li:hover li ul,
   #globalNav ul li li.sfhover li ul {top: -999em;}
   #globalNav ul li li li:hover ul,
   #globalNav ul li li li.sfhover ul {left: 13em; /* match ul width */ top: 0;}
   /*** shadows for all but IE6 ***/
   #globalNav .sf-shadow ul {background: url('/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
   #globalNav .sf-shadow ul.sf-shadow-off {background: transparent;}
   /*** END SUPERFISH ESSENTIAL STYLES ***/
   
   #globalNav {position: absolute; top: 47px; right: 15px; max-width: 665px; z-index: 99; height: 34px; line-height: 34px;}
   #globalNav ul {z-index: 99;}
   #globalNav ul li a {background: url(/images/navtab_right.jpg) no-repeat right bottom; margin-left: 0.5em;}
   #globalNav ul li a span {display: block; padding: 0 1em; background: url(/images/navtab_left.jpg) no-repeat left bottom; height: 34px;}
   #globalNav ul li a:hover, #globalNav ul li a:focus,
   #globalNav ul li:hover a, #globalNav ul li.sfhover a, #globalNav ul li.current a {background-position: right top;}
   #globalNav ul li a:hover span, #globalNav ul li a:focus span,
   #globalNav ul li:hover a span, #globalNav ul li.sfhover a span, #globalNav ul li.current a span {background-position: left top;}
   
   #globalNav ul.dropdown {filter: alpha(opacity=95); opacity: .95; -moz-opacity: .95; margin-left: 0.5em;}
   #globalNav ul.dropdown li {border-top: 1px solid #fff; background: #417fb8;}
   #globalNav ul.dropdown li a {background: none; height: auto; width: 11em; margin-left: 0; padding: 0.5em 1em; line-height: 1.5; color: #fff; font-weight: normal;}
   #globalNav ul.dropdown a:hover, #globalNav ul.dropdown a:focus, #globalNav ul.dropdown li.current a {background: #ee1c24;}
   
   /*** IE 6 fixes ***/
   * html #globalNav {top: 46px;}
   * html #globalNav ul li a {border-top: 1px solid #fff;} 
   * html #globalNav ul li a span {height: auto;}
   * html #globalNav ul li a:hover, * html #globalNav ul li a:focus,
   * html #globalNav ul li:hover a, * html #globalNav ul li.sfhover a, * html #globalNav ul li.current a  {background-position: right 1px;}
   
   /* 2.4. Banner / div#banner */
   #banner {margin-top: 5px; padding-top: 10px; border-top: 1px solid #b2b2b2;}
   #banner a, #banner a img {display: block;}
   #banner .cycle {width: 930px; height: 307px; overflow: hidden; background: #000;}
   
   /* 2.5. Middle section / div#middle */
   #middle {border-top: 1px solid #b2b2b2; overflow: hidden;}
   .home #middle {border: 0;}
   #middle img.right {margin: 0 0 1em 1em;}
   #middle img.left {margin: 0 1em 1em 0;}
   #middle .sidebar img {border: 1px solid #a8a8a8;}
   
      /* 2.5.1. Primary column / div#primeCol */
      #primeCol {float: right; display: inline; width: 745px;}
      .home #primeCol {width: 676px;}
      
         /* 2.5.1.1. Main content / div#mainContent */
         #mainContent {float: left; display: inline; width: 500px; padding: 15px 30px;}
         #mainContent img {display: block; margin: 0 auto 0.5em;}
         .breadcrumbs {margin-bottom: 2em;}
         .twoCol #mainContent {width: 715px; padding-right: 0;}
         .home #mainContent {width: 362px; padding: 10px 15px; margin-left: 15px;}
         .home #mainContent img {display: block; margin: 0 0 1.5em -15px; border: 0;}
         #mainContent table {margin: 20px 0;}
         #mainContent td {vertical-align: top; padding: 5px 8px; text-align: center;}
         #mainContent th {text-align: center;}
         .patents #mainContent td {text-align: left;}
         .patents caption {text-align: center;}
         td.patNum {width: 7em;}
         .contact .container img {display: block; margin: 0 auto 0.5em;}
         .contact .container p {text-align: center; width: 50%;}
         .chemiluminescence #tabs {line-height: 1.5em;}
         #mainContent li {margin-bottom: 0.5em;}
         #mainContent .ui-tabs-nav li {margin-bottom: -1px;}
         
         /* 2.5.1.2. Secondary content / div#secondContent */
         #secondContent {float: right; display: inline; width: 184px;}
         .twoCol #secondContent {display: none;}
         .home #secondContent {width: 254px;}
         
            /* 2.5.1.2.1 Sidebars / div.sidebar */
            .sidebar {margin: 10px 0; background: #ebebeb; border: 1px solid #a8a8a8;}
            .sidebar h3 {border-bottom: 1px solid #a8a8a8; margin: 1em 0; padding-bottom: 0.5em;}
            .sidebar > div {padding: 0 15px;}
            .sidebar dd {margin-bottom: 1.5em;}
            .sidebar img {display: block; margin: 1em auto; padding: 0;}
            .home .sidebar dt, .home .sidebar dd {padding-left: 25px;}
            .home .sidebar dt {background: url(/images/news_arrow.gif) no-repeat left 0.4em;}
            
            /*** IE 6 fixes ***/
            * html .sidebar div {padding: 0 15px;}
            * html .sidebar div * {padding: 0;}
            * html .home .sidebar img {margin-left: 0; margin-right: 0;}
            
            .tabbed-list {background: #fff;}
            .tabbed-list > *, .photo > * {padding: 0;}
            * html .tabbed-list {padding: 0; width: 182px;}
            .tabbed-list h3 {padding: 0 15px;}
            .ui-tabs-panel a {color: #06c;}
            .tabbed-list .ui-tabs-panel ol {margin-left: 0; padding-left: 1.4em;}
            .tabbed-list .ui-tabs-panel ol ul {margin-left: 0; padding-left: 1.4em;}
            .tabbed-list .ui-widget-content {border-width: 0 0 1px; border-color: #fff;}
            .photo h3 {display: inline; height: 1%; border: 0; margin: 0; padding: 0;}
            
      /* 2.5.2. Second column / div#secondCol */
      #secondCol {float: left; display: inline; width: 184px;}
      .home #secondCol {width: 254px;}
      
         /* 2.5.2.1. Local subnavigation / #subNav */
         #subNav {margin: 10px 0;}
         #subNav h3 {background: #012244 url(/images/subnav-header_bg.gif) no-repeat top;}
         #subNav a {display: block;}
         #subNav a {padding: 10px 15px;}
         #subNav li a {background: #cbe0f4; margin-top: 1px; padding-left: 25px;}
         #subNav li li a {background: #fef1c8; padding-left: 50px;}
         #subNav li a:hover, #subNav li a:focus, #subNav li.current a {background: #fef1c8;}
         #subNav li.path a {background: #fef1c8;}
         #subNav li.current a {background: #fef1c8 url(/images/subnav_arrow.gif) no-repeat left 1.25em;}
         #subNav li.current li a {background-image: none;}
         #subNav li.current li a:hover, #subNav li.current li a:focus,
         #subNav li.path li a:hover, #subNav li.path li a:focus {background: #fef1c8 url(/images/subnav_arrow.gif) no-repeat 25px 1.25em;}
         #subNav li li.current a {background-position: 25px 1.25em;}
         * html #subNav li a {height: 1%;} /* fix for list item spacing and clickable area IE 6*/        
                  
/* 3. Footer / div#footer */
#footer {margin: 24px auto 0; padding: 15px 0 50px; width: 930px; overflow: hidden; border-top: 1px solid #4d5e6f; background: #012244;}

   /* 3.1. Copyright information / p#copy */
   #copy {float: left; display: inline; margin: 0;}
   
   /* 3.2. Footer navigation / ul#footNav */
   #footNav {float: right; display: inline;}
   #footNav li {display: inline;}
   #footNav li a {padding: 0 20px 0 15px;; background: url(/images/foot_arrow.gif) no-repeat left;}

/* 4. Forms */

fieldset {margin-bottom: 1em; padding: 1em;}
legend {color:#000; font-size:1.1em; font-weight:bold; margin:0pt; padding:5px; background:#eee; border:1px solid #333;}
fieldset .fieldset-header {margin: 10px 0;}
fieldset .fieldset-footer {margin: 10px 0;}

#validated_form_alert {border: 2px dotted #990000; margin: 15px 4px; padding: 6px; color: #990000; background: #fed4dc; text-align: center;}

.form-field {margin-bottom: 10px; text-align: left; clear: both; position: relative; overflow: hidden;}
.form-field label {float: left; width: 200px; font-weight: bold; text-align: left;}
.form-field label em {font-weight: bold; font-style: normal; color: #f00;}
.form-field input, .form-field textarea {width: 200px; float: left;}
.form-field .radiolist input, .form-field .checklist input, form#Job_Application .form-field input.submitBtn {width: auto;}
.form-field .radiolist input, .form-field .checklist input {float: left; margin-right: 0.5em;}
.form-field span.message {color: #f00; margin-left: 10px; float: right; font-weight: bold; width: 170px;}
.form-field fieldset {border-color:#333; border-style: solid none none; border-width: 1px 0 0; clear: both; margin: 0; padding: 10px; float: left; width: 400px;}

.RadioButtonListWidget label {display: block; float: none; width: 420px; margin-top: 10px;}
.CheckBoxListWidget label {display: block; float: none; width: 420px; margin-top: 10px;}
.form-field .radiolist label {float: left; width: 60px; padding-left: 4px; line-height: 1.4; margin: 0; text-indent: 0;}
.form-field .checklist label {width: 100%; padding-left: 4px; line-height: 1.4; margin: 0; text-indent: 0;}
.form-field .radiolist label span {padding-left: 4px;}
.form-field .checklist label span {padding-left: 4px;}