html {margin: 0; height: 100%; padding-bottom: 1px;}
body {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.wrapper {margin: 0 auto; width: 735px;}

#nav-r9tools {
  background: url(../images/r9tools-tabbar.gif) repeat-x;
  height: 18px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  }
#nav-r9tools .nav-r9tools-tab {
  float: right;
  margin: 0;
  width:120px;
  height:25px;
  overflow: hidden;
  }
#nav-r9tools .nav-r9tools-tab a {
  display: block;
  background:url(../images/r9tools-tab.gif) no-repeat;
  width:100px; height:25px;
  text-indent: -10000px;  
  }

#branding {
  margin: 10px 0 10px;
  }
#branding #branding-logo a {
  display: block;
  float: left;
  margin: 0;
  height: 60px;
  width: 60px;
  background: no-repeat top left url(images/calendar-content-tool-logo-60.gif);
  }  
#branding #branding-name {margin: 0;}
#branding #branding-name a {
  display: block;
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #C34A6B;
  font-weight: normal;
  margin: 0 0 0 60px;
  text-indent: -10000px;
  height: 60px;
  background: url(images/calendar-content-tool-text.gif) no-repeat 5px 15px;
  }

#navbar {font-size: 75%;}
#navbar .wrapper  {background:         url(images/calendar-content-tool-navbar-topright.gif) no-repeat top right;}
#navbar .wrapper1 {background:         url(images/calendar-content-tool-navbar-topleft.gif)  no-repeat top left;}
#navbar .wrapper2 {background:         url(images/calendar-content-tool-navbar-bottomleft.gif)     no-repeat bottom left; }
#navbar .wrapper3 {background:         url(images/calendar-content-tool-navbar-bottomright.gif)    no-repeat bottom right;}
#navbar .wrapper4 {background: #80364B url(images/calendar-content-tool-navbar.gif)             repeat-x  top left; margin: 0 6px;
  min-height: 60px; _height: 60px;
  }
#navbar .wrapper4:after {content: "."; display: block; visibility: hidden; height: 0; clear: both;}
#navbar a {color: #DDD;}
#navbar a:link:hover, #navbar a:visited:hover {color: #FFF;}

#navbar dl {float: left; width: 33%; margin: 0; padding: 1em 0;}
#navbar dt {padding: 0 15px 0 35px; font-weight: bold; color: #FFF;}
#navbar dd {padding: 0 15px 0 35px; margin: 0; color: #CCC;}

#main .content-main {
  margin: 1em 0 0 0;
  line-height: 150%;
  }

#main .content-main {
  width: 64%;
  float: left;
  padding: 0 1% 20px 0;
  }
#main p, #main li { font-size: 90%; }
#main .content-main .item-shortcuts { float: left;}
#main .content-main .item-shortcuts.first {padding: 0 2% 0 0; width: 48%;}
#main .content-main .item-shortcuts.second {padding: 0 0 0 2%; width: 48%;}
#main .content-main .item-shortcuts ul {margin-left: 10px; padding-left: 10px;}

#main .content-main ul.options {list-style: none; margin-left: 0px; padding-left: 0px;}

#main h2 {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 126%; font-weight: 300; color: #7086C2; line-height: 30px;}
#main strong.topic {background: #E9EEFB; padding: 1px 5px;}

#main h3 {
  margin: 1.5em 0 0;
  font-size: 115%;
  font-weight: normal;
  color: #99334F;
  }
#main .item-shortcuts p,
#main .item-shortcuts li {font-size: 90%;}


#main .content-supp {
  width: 32%;
  float: right;
  margin: .5em 0 0 1%; padding: 1% 0 1% 1%;
  }
#main .content-supp h2 {
  margin: 0 0 0 0;
  font-size: 125%;
  font-weight: normal;
  color: #99334F;
  }

#main .content-supp .item-sidebar {
  border: 1px solid #888;
  padding: 0; margin: 10px 0;
  }
#main .content-supp .item-sidebar h3 {background: #D4DDF7;
  margin: 0;
  font-size: 90%;
  color: #99334F;
  padding: 5px;
  border-bottom: 1px solid #888;
  font-weight: bold;
  }
#main .content-supp .item-sidebar p {
  margin: 0; padding: 5px 12px;
  line-height: 150%;
  font-size: 75%;
  }
#main .content-supp .item-sidebar div {
  margin: 0; padding: 5px 12px;
  line-height: 150%;}
#main .content-supp .item-sidebar div.quote {
  padding-left: 15px;
  text-indent: -7px;
  font-size: 75%;
  }
#main .content-supp .item-sidebar div.image-center {
  text-align: center;
  margin: 15px 0;
  }  
  #main .content-supp .item-sidebar div.image-center a,   #main .content-supp .item-sidebar div.image-center a font {color: blue;}

#main .content-supp .item-sidebar ol, #main .content-supp .item-sidebar ul {margin-top: 5px; margin-bottom: 5px;}
#main .content-supp .item-sidebar li {
  margin: 0 0 0 5px; padding: 0 0 5px 0px;
  font-size: 75%;}  

#main .content-supp .item-sidebar div.note, #main .content-supp #math.item-sidebar div.note {
  margin: 0; padding: 5px; text-align: right;
  font-size: 70%;
  }
#main .content-supp .item-sidebar .note a {color: #888; text-decoration: none;}
#main .content-supp .item-sidebar .note a:hover {color: black; text-decoration: underline;}


.calendar-button {
  background: white url(images/popupcalendaricon.gif) no-repeat center center;
  border: 0px;
  width: 16px; vertical-align: middle;
  margin-left: 2px;
}



footer:after {content: "."; display: block; visibility: hidden; height: 0; clear: both;}
#footer {_height: 1%; clear: both; padding: 20px 0;}
#footer .wrapper {
  border-top: 1px solid #ccc;
  padding: 20px 0;
  font-size: 75%;
  color: #AAA;
  }
#footer a {
  color: #AAA;
  }
#footer a:link:hover, #footer a:visited:hover {
  color: #444;
  }


.desc, .desc-full {
  clear: both;

  padding-top: 20px;
  line-height: 150%;  
  }
.desc-full {border-top: 1px solid #CCC;}

html body #main .disabled {color: #AAA;}
.example {margin: 0 auto; text-align: center;}

table.calendar-days {
  font-size: 85%;
  border: 1px solid;
  border-color: #EEE #BBB #BBB #EEE;}
table.calendar-days th {
  width: 2.5em;
  border: 1px solid white;
  padding: 0.4em;
  border-color: #BBB #EEE #EEE #BBB;
  /*color: white;
    background-color: #800;*/
  font-weight: normal;
  text-align: center; }

table.calendar-days td {
  border-style: solid;
  border-color: #BBB #EEE #EEE #BBB ;
  border-width: 1px;
  text-align: center;
  }
td.sat { border-right: 1px solid #BBB; }

.error {background: #FFA url(images/error.gif) 15px 6px no-repeat; color: #80364B; border: 1px solid #CCC; padding: 3px 3px 3px 50px; margin-top: 0px;}
.download {background: #D4DDF7 url(images/download.gif) 15px 50% no-repeat; border: 1px solid #888; padding: 5px 5px 5px 60px; margin-top: 0px; width: 60%; margin: 1em auto 1em; min-height: 28px; _height: 28px;}

code {font-size: 125%;}

label.odd {border: 1px solid #CCC; background: #FCFCFC;}

form {margin: 0;}
table.form {margin: 0 auto;}
table.form label { font-size: 90%; }
table.form th {text-align: right; padding-right: .5em; font-weight: bold;}
table.form th, table.form td {vertical-align: top;}

img {border: 0px;}

.codeblock {
  font-size: 80%;
  width: 85%;
  margin: 10px auto;
  border: 1px solid #CCC;
  background: #EEEEEE;
  padding: 5px 10px; white-space: nowrap; overflow: scroll;
  }

table.example {
  margin: 0;
  }
table.example td {
  color: #888;
  text-align: left;
  font-size: 90%;
  }
  
.greek {
font-family: "Arial Unicode MS", "TITUS Cyberbit Basic", "Palatino Linotype";
font-size:14pt;
}