@charset "utf-8";

* {
  margin:0;
  padding:0;
}

body {
  background-color: #fff;
}

a img {
  border:none;
}

a {
  color:#9d0d15;
  text-decoration:none;
  border-bottom:1px solid #fff;
}

#container {
  width:1023px;
  font-family:verdana, arial, tahoma, sans-serif;
  color:#5d5d5d;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #ccc; 
}

#header {
  width:1023px;
  height:130px;
  background:url(/gfx/bg_head.gif) left top no-repeat;
}

#header a#logo {
  float:right;
  margin:20px 23px 0 0;
}

/* horizontal main navigation */

#header ul#main_nav {
  float:left;
  list-style-type:none;
  margin:78px 0 0 0;
  padding-left:16px;
}

#header ul#main_nav li {
  display:block;
  float:left;
}

#header ul#main_nav li a {
  color:#5d5d5d;
  text-decoration:none;
  display:block;
  float:left;
  height:40px;
  padding:0 0 0 20px;
  background:url(/gfx/main_nav_bg_left.gif) left top no-repeat;
  border-bottom:none;
}

#header ul#main_nav li a span {
  display:block;
  float:left;
  height:40px;
  padding:0 20px 0 0;
  background:url(/gfx/main_nav_bg_right.gif) right top no-repeat;
}

#header ul#main_nav li a:hover {
  background-position:left -40px;
  cursor:pointer;
  border-bottom:none;
}

#header ul#main_nav li a:hover span {
  background-position:right -40px;
  cursor:pointer;
}

#header ul#main_nav li a.active {
  font-weight:bold;
  color:#a1936e;
  background-position:left -80px;
}

#header ul#main_nav li a.active span {
  background-position:right -80px;
}

/* content area */

#content {
  width:1024px;
}

/* column left */

#col_left {
  float:left;
  width:726px;
  background:url(/gfx/bg_col_left.jpg) left top no-repeat;
  overflow:hidden;
}

#col_left #text {
  margin:60px 85px 0 60px;
  font-size:12px;
  line-height:18px;
}

#col_left p {
  margin-bottom:15px;
}

#col_left a:hover  {
  /* background-color:#d2f1ef; */
  border-bottom:1px dotted #9d0d15;
}

#col_left a.download {
  background:url(/gfx/download_icon.gif) right bottom no-repeat;
  padding-right:12px;
}

#col_left a.external {
  background:url(/gfx/external_icon.gif) right bottom no-repeat;
  padding-right:6px;
}

#col_left a.email {
  background:url(/gfx/email_icon.gif) left bottom no-repeat;
  padding-left:12px;
}

#col_left a.loupe {
  background:url(/gfx/loupe_icon.gif) left bottom no-repeat;
  padding-left:10px;
  font-size:10px;
}

#col_left a.screenshot img {
border:1px solid #e2cfd0;
}

#col_left a.screenshot:hover img {
border:1px dotted #9d0d15;
}

#col_left a.screenshot:hover {
  border-bottom:1px solid #fff;
}

#col_left h1 {
  font-size:24px;
  color:#a1936e;
  font-weight:normal;
  margin-bottom:25px;
}

#col_left h2 {
  font-size:16px;
  color:#a1936e;
  font-weight:bold;
  display:block;
  padding:15px 0 3px 0;
  background:url(/gfx/bg_h2.jpg) left bottom no-repeat;
  margin:0 0 20px 0;
}

#col_left h3 {
  font-size:13px;
  /* color:#a1936e; */
  font-weight:bold;
  padding:0;
  margin:20px 0 5px 0;
}

#col_left h4 {
  font-size:12px;
  color:#a1936e;
  font-weight:bold;
  padding:0;
  margin:20px 0 5px 0;
}

#col_left ul {
  list-style-type:none;
  margin:0px 0 10px 0;
}

#col_left ul li {
  background:url(/gfx/bg_content_li.gif) left 8px no-repeat;
  padding-left:14px;
}
#col_left ul li p span{
  font-size:10px;
}

#col_left ul ul {
  margin:5px 0 5px 0;
  font-size:11px;
  line-height:17px;
}

#col_left ul ul ul {
  margin:5px 0 5px 0;
  font-size:10px;
  line-height:15px;
}

#col_left ul ul li {
  background:url(/gfx/bg_content_li_li.gif) left 7px no-repeat;
  padding-left:12px;
}

#col_left ul ul ul li {
  background:url(/gfx/bg_content_li_li_li.gif) left 7px no-repeat;
  padding-left:12px;
}

#col_left code, #col_left pre  {
  font-family:courier;
  color:#6f9693;
  font-size:10px;
  line-height:16px;
  margin:10px 0 15px 0;
  padding:5px 10px 5px 5px;
  background:url(/gfx/bg_dd.gif) center top repeat-y;
  display:block;
  border-top:1px solid #e6e6e6;
}

#col_left dl {
  margin:5px 0 0 30px;
  color:#6f9693;
  font-size:11px;
  line-height:16px;
}

#col_left dl dt {
  font-weight:bold;
}

#col_left dl dd  {
  margin-bottom:5px;
}

#col_left table {
  border-collapse:collapse;
}

#col_left table tr td {
  padding-right:10px;
  text-align:right;
}

#col_left table.toc tr td {
  text-align:left;
}

.tocnumber {
  padding-right:5px;
}

/* column right */

#col_right {
  float:left;
  width:297px;
  background:url(/gfx/bg_col_right.jpg) left top no-repeat;
  font-size:10px;
  overflow:hidden;
}


#col_right a:hover {
  /* background-color:#d2f1ef;
  background:url(/gfx/bg_link.gif) left bottom repeat-x; */
  border-bottom:1px dotted #9d0d15;
}


/* stats box */

#stats {
  margin-top:35px;
  height:110px;
  padding:0 0 0 26px;
}

#stats h1 {
  font-size:18px;
  color:#a1936e;
  height:24px;
}

#stats span {
  line-height:16px;
  width:60px;
  display:block;
  float:left;
  color:#6f9693;
  text-align:right;
}

#stats span.label {
  width:87px;
  color:#5d5d5d;
  /* font-style:italic; */
}

#stats br {
  clear:both;
}

/* screenshots box */

#screenshot {
  width:230px;
  float:left;
  margin:27px 0 0 28px;
}

*html #screenshot {
  margin:27px 0 0 14px;
}

#screenshot a {
  display:block;
  float:right;
}

a#screenshot_thumb:hover {
  border-bottom:1px solid #fff;
}

#screenshot a img {
border:1px solid #e2cfd0;
}

#screenshot a:hover img {
border:1px dotted #9d0d15;
}

/* download button */

a#download_button {
  display:block;
  float:left;
  width:243px;
  height:64px;
  margin:20px 0 0 21px;
  background:url(/gfx/download_button.gif) left top no-repeat;
  color:#fff;
}

*html a#download_button {
  margin:20px 0 0 11px;
}

a#download_button:hover {
  background-position:left -64px;
  border-bottom:1px solid transparent;
}

a#download_button span {
  font-size:11px;
  float:left;
  margin:34px 0 0 17px;
  cursor:pointer;
}

a#download_button:hover span {
border-bottom:1px dotted #fff;
}

/* bugtracker */

#bugtracker {
  width:230px;
  float:left;
  padding:20px 0 0 28px;
}

#bugtracker h1 {
  font-size:18px;
  color:#a1936e;
  height:24px;
}

#bugtracker table {
  width:230px;
}

#bugtracker table tr td {
  background-color:#e6e6e6;
  vertical-align:top;
  padding:1px 2px 2px 2px;
}

#bugtracker table tr.tr2 td {
  background-color:#f4f4f4;
}

#bugtracker table tr td.bug_number {
  color:#6f9693;
}

/* footer */

#footer {
  width:1023px;
  float:left;  
  padding:10px 0 10px 0;  
}

#footer ul {
  list-style-type:none;
  font-size:10px;
  float:right;  
}

#footer ul li {
  display:block;
  float:left;
  border-right:1px solid #a5a5a5;
  padding:0 7px 0 7px;
}

#footer ul li#copyright {
  border-right:none;
}

#footer ul li a {
  color:#5d5d5d;
}

#footer ul li a:hover {
  background-color:#e2e2e2;
}

#footer ul li a.active {
  font-weight:bold;
  color:#a1936e;
}

#footer ul li a.active:hover  {
  background-color:#fff;
}

/* Clearfix-Hack */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* print version */

@media print {

body {
  background:transparent;
}

#header #logo {
  position:absolute;
  left:0;
  top:0;
}

#header {
  height:100px;
  border-bottom:10px solid #00a196;
}

#main_nav {
  visibility:hidden;
}

#col_left {
width:600px;
}

#col_left #text {
  margin:30px 0 0 0;
}

#col_left #text a {
  padding:0 5px 0 5px;
}

#col_right {
  visibility:hidden;
}

#footer {
  visibility:hidden;
}

#col_left ul {
  list-style-type:square;
  list-style-position:inside;
}

#col_left ul li {
  padding-left:0px;
}

#col_left {
  background-color:cyan;
}

}