body 
{
  margin: 0px; 
  background-color: #e0d1af; 
}

div
{ 
  font-family: verdana, arial, helvetica; 
  font-size: 10pt;
}

div.alert
{ 
  padding: 3px;
  background-color: #EEE6CC;
  border-color: #A5240E;
  border-style: dashed;
  border-width: 1px;
  margin-bottom: 10px;
  vertical-align: top;
  overflow: hidden;
}

img.alert
{ 
  float: left;
  padding-right: 2px;
}

.small
{ 
  font-family: verdana, arial, helvetica; 
  font-size: 8pt;
}

a.small:hover
{ 
  font-family: verdana, arial, helvetica; 
  font-size: 8pt;
}

.b
{ 
  font-weight: bold;
}

.il5
{ 
  padding-left: 5px;
}

.ib10
{ 
  padding-bottom: 10px;
}

.il10
{ 
  padding-left: 10px;
}

img 
{ 
   border: 0px;
}

#logo 
{ 
  float: left; 
  padding: 5px 0px 2px 10px; 
}

#logo img
{ 
  width: 173px;
  height: 67px;
}

#sflogo 
{ 
  float: right; 
  padding: 5px; 
}

#sflogo img
{ 
  width: 88px;
  height: 31px;
}

#otherprojects
{
  float: right;
  border: solid 1px #999999;
  padding: 3px 3px 3px 20px;
  margin-top: 5px;
  background: #faf9f8 url(/imgs/josql-logo.png) no-repeat center left;
  color: #545454;
  font-weight: bold; 
  font-family: "Trebuchet MS", arial, verdana, arial, helvetica; 
  font-size: 12pt;    
}

#home 
{ 
  float: right;
  margin-top: 5px;
  padding: 3px 3px 0px 3px; 
  background-color: #c7def1; 
  border: solid 1px #999999; 
}

#sidebar 
{ 
  display: inline;
  margin-left: 10px; 
  width: 230px;
  float: left;
}

#manual-sidebar 
{ 
  margin-left: 10px; 
  overflow: auto;
  width: 230px;
}

#sidebar-container
{ 
  width: 230px;
  float: left;
}

#manual-content 
{ 
  margin-left: 241px;
  min-width: 400px;
}

#content 
{ 
  margin-left: 241px;
  min-width: 400px; 
}

#main 
{ 
  padding-top: 5px; 
  border-top: solid 1px #999999; 
  clear: both; 
}

div.divider
{ 
   clear: both;
   height: 10px;
}

.section-img
{ 
  float: left;
  padding: 3px 3px 0px 3px; 
  margin-right: 3px;
  border-right: solid 1px #999999; 
}

div.section-title
{
  margin-right: 5px;
  padding-top: 3px;
  padding-bottom: 9px;
  padding-right: 5px;
  border-top: solid 1px #999999; 
  border-right: solid 1px #999999; 
  border-left: solid 1px #999999; 
  background-color: #f3f1eb; 
}

span.section-title-text
{ 
  color: #545454;
  padding-left: 3px;
  font-weight: bold; 
  font-family: "Trebuchet MS", arial, verdana, arial, helvetica; 
  font-size: 14pt;  
}

span.menubar-title-text
{ 
  color: #545454;
  padding-left: 3px;
  font-weight: bold; 
  font-family: "Trebuchet MS", arial, verdana, arial, helvetica; 
  font-size: 12pt;  
}

div.manual-sub-section
{ 
  font-weight: bold; 
  font-family: "Trebuchet MS", arial, verdana, arial, helvetica; 
  font-size: 14pt;  
  margin-right: 5px;
  padding: 2px 5px 0px 3px;
  color: #545454;
  background-color: #f3f1eb; 
  border-top: solid 1px #999999; 
  border-left: solid 1px #999999; 
  border-right: solid 1px #999999; 
}

ul.manual-change-items
{ 
  padding-left: 20px;
  margin-top: 0px;
  list-style-type: square;
}

span.manual-version-focus
{ 
  font-weight: bold;
  padding-left: 5px;
}

li.manual-change-item
{ 
  margin-top: 2px;
}

#copyright
{ 
  font-weight: bold;
  margin-right: 5px;
  float: right;
  padding-bottom: 3px;
}

div.section-content
{ 
  margin-right: 5px; 
  margin-bottom: 10px; 
  padding: 5px;
  background-color: #faf9f8; 
  border: solid 1px #999999;
}

div.section-sub
{ 
  border-bottom: solid 1px #999999; 
  font-family: Verdana, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 11pt;
  color: #545454;
  padding-top: 10px;
  padding-left: 0px;
  margin: 0px 0px 5px 0px; 
}

div.menu-content
{ 
  margin-right: 5px; 
  margin-bottom: 10px; 
  background-color: #faf9f8; 
  border: solid 1px #999999;
}

div.menu-item
{ 
  background-color: #faf9f8; 
  padding: 3px 5px 3px 5px;
  border-bottom: solid 1px #dddddd; 
}

span.manual-section-img
{ 
  float: left;
  height: 32px;
  width: 30px;
  border-right: solid 1px #999999; 
  background-color: #f3f1eb; 
}

div.manual-menu-divider
{ 
   height: 5px;
}

div.manual-menu-item
{ 
  background-color: #faf9f8; 
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  color: #545454;
  font-weight: bold;
}

.button
{ 
  cursor: pointer;
  border: 0px;
}

div.menu-item a
{ 
  color: #545454;
}

div.manual-menu-item a
{ 
  color: #545454;
}

div.manual-menu-item:hover
{ 
  color: #545454;
  background-color: #f7f3e5;
}

div.menu-item:hover
{ 
  background-color: #f7f3e5;
}

div.whats-new-date
{ 
  padding: 3px 5px 3px 5px;
  font-weight: bold;
  border-bottom: solid 1px #dddddd; 
}

.bb
{ 
  border-bottom: solid 1px #dddddd;
}

div.whats-new-item
{ 
  font-size: 8pt;  
  border-bottom: solid 1px #dddddd; 
  padding: 3px 5px 3px 5px;
}

div.whats-new-item:hover
{ 
  background-color: #f7f3e5;
}

div.whats-new-item a
{ 
  font-size: 8pt;    
}

div.whats-new-item a:hover
{ 
  font-size: 8pt;    
}

img.sub-menu-img
{ 
  padding-right: 3px;
}