/* Style sheet for 'Lab Notes' area of site*/
/* Generated by KompoZer - Reformatted manually */
/* Author - Charles Cooke*/
/* Modified 16th February 2009*/

/* Global scene setting*/
* { margin: 0; padding: 0;}
body {  margin: 20px; background: #f4f8ff url(images/bluepapertrans2.png) repeat fixed 0% 50%;  font-family: 'Trebuchet MS',arial,helvetica,sans-serif; font-style: normal;  font-variant: normal; font-weight: normal;  font-size: 0.8125em;  line-height: 1;  color: black;}

/* Layout */
#pane_main      {  margin: 2em 0 0 180px;  max-width: 60em;  } 
.pane_section   {  border: 2px solid #666666;  margin: 20px 0px;  padding: 10px;  background-color: #eeeeee; }
.menu_box { z-index: 1; }
#pane_menu_page { margin: 0 0 20px 8px;  position: fixed; top: 110px; left: 0px; width: 180px;  z-index: 1; }
#pane_menu_site { margin: 0 0 20px 0px; position: absolute; top: 0px; right: 16px; width: 100px; z-index: 1; }
#pane_header    { position: relative;  left: 0px;  top: 0px;}

/* Global elements and classes*/
p, li, td, blockquote { font-size: 1.0em; }
p, blockquote         { margin-bottom: 1em; letter-spacing: 0.1em; line-height: 1.8em;  text-align: justify; }
h1, h2, h3, h4        { margin: 1em 0 0.25em; color: #4289b5; }
h1               { font-size: 1.6em; margin-top: 0.25em; }
h2               { font-size: 1.4em; }
h3               { font-size: 1.0em; }
blockquote       { font-style: italic; margin-left: 2em; margin-right: 2em; }
code             { font-family: "Courier New", Courier, Monospace;  font-size: 1em; }
ul, ol           { margin-left: 5em; margin-bottom: 1em; }
li               { margin-bottom: 0.5em; line-height: 1.2em; letter-spacing: 0.1em; line-height: 1.4em;}
table            { border: 2px solid #4289b5; }
td, th           { text-align: center; }
td               { padding: 2px; }
.madewithkz      { margin-left: auto; margin-right: auto; width: 80px;   margin-top: 10px; display: block; }
.pull_box        { border: 2px solid #4289b5; padding: 4px; margin: 4px 0 0 8px; width: 288px; float: right; clear: right; }
.right           { float: right; margin-left: 4px; clear: right; }


/* Global Links*/
a:link, a:visited { color: #4289b5; }
a:hover           { color: #205090; }
a:focus, a:active { outline: 1px dotted blue;}
a[href^="http:"]  { background: transparent url(images/extlnk.png) no-repeat scroll right top;  padding-right: 10px; }

/* Header specials*/
#pane_header h1   { margin: 0px; font-size: 4em; line-height: 1.2; font-weight: bold; font-family: Georgia,"Times New Roman",Serif; }
#headershadow h1  { color: white; }
#headertext       { top: 0px;  left: 0px;  position: relative;  z-index: 1;  color: #4289b5; }
#headershadow     { position: absolute;  z-index: 0;  left: 2px;   top: 2px; }
#headertext h1 span, #headershadow h1 span { font-style: italic; text-transform: uppercase; font-size: 0.6em; }

#fleche          { width: 800px; height: 16px; margin-left: -20px; background-image: url(images/fleche5-trans.png); background-repeat: no-repeat; }

/* Menu specials*/
.menu_box p      { font-size: 0.8em; color: #4289b5; text-align:center; margin-bottom: 0;}
.menu_box h1     { text-align: center; }
.menu_box hr     { margin: 1em 4px; background-color: #4289b5; color: #4289b5; height: 2px; }
.menu_box a      { border: 2px solid ; margin: 0.2em auto; padding: 1px; display: block; text-align: center; font-size: 1.2em;  color: white; text-decoration: none; }
.menu_box a:link, .menu_box a:visited, .menu_box a:active, .menu_box a:focus { border-color: #ccffff #4289b5 #4289b5 #ccffff; padding: 1px; background-color: #44bbff; color: white; }
.menu_box a:hover, .menu_box a:focus { border-color: #4289b5 #ccffff #ccffff #4289b5; padding: 0px 2px 2px 0px; background-color: #40b0f0; }

.expand_page_menu_frame, .expand_site_menu_frame  { border-style: solid; border-color: #4289b5 #ccffff #ccffff #4289b5; border-width: 2px; margin: 2px 0px; padding: 10px; background-color: #44bbff; padding: 0px 2px; z-index: 2; width: 400px; margin-bottom: 0em; }
.expand_page_menu_frame { position: absolute; top: 0em; left: 190px; width: 400px; margin-bottom: 0em; }
.expand_site_menu_frame { position: absolute;  right: 100px; width: 400px; margin-bottom: 0em; }
.expand_page_menu_frame p, .expand_site_menu_frame p  { margin: 10px 8px; font-size: 1.0em; color: white; }
.hidemenuexpand         { display: none; }
.showmenuexpand         { display: block; }
.showmenuexpand ul      { border: 2px solid red; margin: 1em; }
.showmenuexpand li      { list-style-type: disc; }
.expandframe ul         { border:  none; list-style-type: circle; margin-left: 4em; }

@media print 
{ 
  body, #pane_main, *.pane_section { margin: 0; padding: 0; background-color: white; background-image: none; font-size: 10pt; color: black; border-style: none;}
  #pane_menu_page, #pane_menu_site, #headershadow, #fleche, #ie_warning { display: none; }
  h1, h2, h3, a:link, a:visited { color: black; }
  h1 { font-size: 14pt; }
  #pane_header h1 { font-size: 20pt; }
  h2, h3 { font-size: 12pt; }
  p, h4, a, caption, code, dd, dt, li, ol, ul, td, th { font-size: 10pt; }
  h1, h2, h3, h4, h5, h6, dt { page-break-after: avoid; }  
  a:link, a:visited { text-decoration: none; }
  a:link:after, a:visited:after { border-bottom: 1px dotted black; content: "(" attr(href) ")"; font-weight: normal; padding-bottom: 1px; }
}

/* Page specials*/
/* Converting doctypes*/
.safe { background-color: #66ff99; }
.unsafe { background-color: red; }
.uncertain { background-color: #ff9966; }

/* Browser bugs*/
#links_list ul { margin-left: 10em; } 
#links_list li { margin-bottom: 0.5em; color: #888888; }

/* IE7 Script*/
#ie_warning { border: 4px solid #ffcc00;display: none; margin-right: auto; margin-left: auto; width: 75%; padding-right: 4px; padding-left: 4px; background-color: #ffff99; color: black; }