/* BLUE style sheet */

body
{
  background-color: #eaf0f8;
  color: #99b2d1;
  margin: 1px 25px 1px 25px;
}


/* title table and left menu td definitions*/
#header
{
  color: white;
  /* background-color: #4f4f68; */
  height:51px;
  background-image: url("glue.gif");
  padding-left: 2em;
  font-size: 20px;
  font-weight: bold;
  color: #627791;
  }

#header a,#header a:hover,#header a:visited
{
  color: #627791;
  text-decoration: none;
  }


#header #search-form
{
  color: #555;
  font-family: Arial, sans-serif;
  }

#header #search-form input
{
  font-size: 9px;
  background-color: #b0c1e3;
  border: 1px solid #a0b1d3;
  margin: 1px;
  border-width: 1px;
  }

#container
{
  background-color: #fff;  
  }

#left-sidebar
{
  color: #555;
  width:160px;
  height:523px;
  
  vertical-align:top;
  padding: 2px 0px 2px 2px;
  font-family: Arial, sans-serif;
  font-size: 12px !important;
  }

#left-sidebar a
{
  color: #555;
  text-decoration: none;
  }
#left-sidebar a:hover{ text-decoration: underline;}

#center-container
{
  margin-left: 160px;
  }

#navigate-bar
{
  color: #e9e9e9;
  background-color: #6882a2;
  }

.main-login
{
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  padding: 0.5em;
  border: 3px dotted #92a3b7;
  /* color: #e9e9e9; */
  /* background-color: #92a3b7; */
  }
.main-login input
{
  font-size: 15px;
  background-color: #a0b1d3;
  border: 1px solid #c0d1f3;
  margin: 1px;
  border-width: 1px;
  }
/* .main-login a { font-weight:bold; } */

.actions
{
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  }

#navigate-bar a, .actions a { color: #FFFFFF;text-decoration: none;}
#navigate-bar a:hover,.actions a:hover { text-decoration: underline;}

#main
{
  text-align: left;
  vertical-align:top;
  padding: 3px 3px 1em 1em;
  font-size: 15px;
  font-family: Arial,sans-serif;
  background-color: #fafafa;
  color: #232323;
  /* -moz-border-radius-bottomright: 35px; */
}
a         {color: #00a;}
a:link    {color: #00a;}
a:visited {color: #00a;}
a:active  {color: #333333;}
a:hover   {color: #00a;}

.main-block a.question
{
  color: #00a;
  background-color: #fbff99;
  padding: 1px;
  border-width: 1px;
  border-style: dashed;
  border-color: #17ce23;
  cursor: help;
  }

#footer
{
  color: #99b2d1;
  font-family: Arial, sans-serif;
  font-size: 10px;
  text-align: center;
  }

#footer a,#footer a:hover,#footer a:visited
{
  color: #99b2d1;
  font-weight: bold;
  text-decoration: underline;
  }

/* announcements */

div.announcement
{
  border-width: 3px;
  border-left-style: solid;
  border-color: #9899AD;
  background-color: #fafaff
  }
div.announcement div { padding: 5px;  }
div.announcement div.subject
{
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: #545574;
  border-width: 3px;
  border-bottom-style: double;
  border-color: #9899AD;
  padding: 2px;
  }


 /* latex div */
.latex
{
  background-color: #f4faff;
  border-color:  #d5d5e3 #9899AD #9899AD #d5d5e3;
  border-style: solid;
  border-width: 1px;
  padding: 2px 2px 2px 2px;
  margin: 6px 2px 6px 2px;
  text-align: center;
  font-weight: normal;
  }
.latex img { margin: 8px 2px 8px 2px; }

.latex,.latex legend
{
  background-color: #f4faff;
  border-color:  #d5d5e3 #9899AD #9899AD #d5d5e3;
  border-style: solid;
  border-width: 1px;
  padding: 2px 1em 2px 1em;
  text-align: center;
  font-weight: normal;
  font-family: Arial, sans-serif;
  }

img.plot
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-color:  #d5d5e3 #9899AD #9899AD #d5d5e3;
  border-style: solid;
  border-width: 1px;
  }

.edit-helper, table.edit-helper
{
  background-color: #D8D9ED;
  /* font-family: monospace; */
  font-family: Arial, sans-serif; 
  font-size: 14px;
  text-align: left;
  border-color: #A8A9BD;
  border-style: solid;
  border-width: 1px;
  }

table.edit-helper td
{
  padding: 1px 4px;
  border-color: #E8E9FD #A8A9BD #A8A9BD #E8E9FD;
  border-style: solid;
  border-width: 1px;
  }

table.edit-helper td.highlight {  background-color: #e8e9ff; }

/* meta */
.lines
{
  background-image:url("lines.jpg");
  /* background-color: #e4f8f9; */
  }
div.content { width: 512px !important; }

.broken-link
{
  color: #999 !important;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #977;
  }

#left-sidebar .broken-link,#navigate-bar .broken-link
{
  color: #ccc !important;
  border-style: none;
  }

.diff-old
{
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: red;
  margin-left: 2px;
  padding-left: 2px;
  }
.diff-new
{
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: green;
  margin-left: 2px;
  padding-left: 2px;
  }


/* hint */
.hint
{
  padding: 0.5em 0.5em 0px 0.5em;
  margin: 1em;
  background-color: #fff177;
  font-size: 12px;
  font-family: Arial, sans-serif;
  border: 1px dashed #ea3c3c;
  }

/* form */
.form
{
  padding: 1px 4px;
  background-color: #e9eaef;
  font-size: 12px;
  font-family: Arial, sans-serif;
  border: 1px solid #708193;
  }

.form legend
{
  font-size: 16px;
  font-weight: normal;
  background-color: #d4dadf;
  border: 1px solid #a0b1d3;  
  }

.mark,.mark legend
{
  border: 1px solid #dc84f6;
  background-color: #e6cdf6;
  /* font-size: 14px; */
  padding: 0px 2px;
  }

.code,.code legend
{
  border: 1px solid #c6d7df;
  background-color: #e6ecef;
  font-size: 14px;
  }

tt.code,code.code
{
  border-style: none;
  background-color: #e6ecef;
  }

div.code
{
  color: black;
  }
/* highlight of code */
ol.hl-main li  { color: #999; }
.hl-code       { color: #000; }
.hl-reserved   { color: #1e814a; }
.hl-identifier { color: #20202e; }
.hl-types      { color: #a049b3; }
.hl-brackets   { color: #577798; }
.hl-special,.hl-quotes,
.hl-string     { color: #c95416; }
.hl-prepro     { color: #7b5712; }
.hl-number     { color: #b71414; }
.hl-comment    { color: #704011; }
/* .hl-var,.hl-url,.hl-mlcomment,.hl-inlinedoc,.hl-default */

.secure
{
  border-style: dashed none;
  border-width: 1px;
  border-color: #d54c4c;
  margin: 2px 0px;
  padding: 2px 0px;
  }


/* some useful elements definitions */

hr
{
  background-color: #787f9e;
  color: #787f9e;
  height: 1px;
  border: 0px;
  }

img
{
  /* border: 0px; */
  /* vertical-align: middle; */
  }


input, select
{
  background-color: #c0d1f3;
  font-size: 12px;
  font-family:Arial,sans-serif;
  font-weight: normal;
  }

input.image { background-color: transparent; }

textarea {  background-color: #d8e2f8; }

input.question
{
  background-image:url('images/question.gif');
  background-repeat:no-repeat;
  background-position: center left;
  padding-left: 19px;
  }

/* questionnaire */
.question
{
  border: 1px solid #a8a9bd;
  background: #e8e9fd;
  padding: 8px;
  }

.question legend
{
  border: 1px solid #a8a9bd;
  background: #e8e9fd;
  padding: 1px;
  font-weight: bold;
  }


.chart-column
{
  background-color: #D8D9ED;
  border-top: 4px solid #e8e9fd;
  font-size: 6px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  }

/* message board */
.indent { margin-left: 15px; border-left: 1px dashed #eababa; }

.messageboard
{
  background-color: transparent;
  margin-bottom: 20px;
  border: 1px solid #c2cdda;
  width: 90%;
  }

.messageboard .subject
{
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #c2cdda;
  background-color: #a2adba;
  padding: 3px;
  }

.messageboard .date
{
  font-size: 14px;
  padding: 5px 5px 2px 5px;
  text-align: right;
  font-style: italic;
  color: #666;
  }

.messageboard .body
{
  padding: 5px;
  }

/* forum message */
.forum-message, .blog-comment
{
  border: 1px solid #c2cdda;
  margin: 2px;
  -moz-border-radius-bottomright: 10px;
  }

.forum-message .subject, .blog-comment .subject, .event .title
{
  font-weight: bold;
  font-size: 18px;
  background-color: #c2cdda;
  padding: 1px 5px;
  }

.forum-message .subject a,.blog-comment .subject a,
.forum-message .date a,.blog-comment .date a, .event .property a
{ color: #336bb0; }


.forum-message .date, .blog-comment .date 
{
  font-weight: normal;
  font-size: 12px;
  background-color: #dbe8f7;
  color: #666;
  padding: 1px 5px;
  }
.event .property{
font-size: 16px;
background-color: #dbe8f7;
}

.forum-message .body, .blog-comment .body
{
  padding: 10px;
  }

.forum-message .actions, .blog-comment .actions
{
  padding: 0px 5px;
  text-align: left;
  font-size: 12px;
  }