@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:italic);

* { font-family: "Droid Sans", sans-serif; color: #000000; font-size: 13px; line-height: 18px; }

em, i { font-family: "Droid Serif", serif; font-style: italic; color: #000000; font-size: 14px; }

body {
    color: #666666;
    background-color: #fefefe;
    margin: 0;
    padding: 0;
    }
h2 {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
   }
h3 {
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
   }
h4 {
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
   }
hr {
    border: none;
    border-bottom: 1px solid #999999;
    }
p {
    text-align: justify;
    }
ol, ul {
    text-align: justify;
    padding-left: 1em;
    }
code, pre {
    background-color: #f5f5f5;
    line-height: 2em;
    border: 1px dotted #dddddd;
    padding: 0.5em 1em 0.5em 1em;
    }
fieldset {
   border: none;
   border-top: 1px dotted #dddddd;
   }
legend {
   font-variant: small-caps;
   }
fieldset p {
   line-height: 0.8em;
   }
a {
    color: #993300;
    text-decoration: none;
    }
a:hover {
    color: #ee4e00;
    text-decoration: none;
    }
/* Main menu */
.nav_menu {
    background-color: #f5f5f5;
    border: none;
    width: 120px;
    padding: 0 0 5px 0;
    margin-left: 30px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    box-shadow: 0px 5px 10px #cccccc;
    -moz-box-shadow: 0px 5px 10px #cccccc;
    -webkit-box-shadow: 0px 5px 7px #dadada;
    }
/* Main menu title */
.mtitle {
    color: #fefefe;
    background-color: #999999;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px;
    width: 100%;
    }
/* main menu item */
.mi {
    color: #666666;
    background: url(img/arrow.gif) no-repeat 10px;
    font-size: 11px;
    text-decoration: none;
    white-space: nowrap;
    padding-left: 20px;
    }
.mi:hover {
    color: #ee4e00;
    background: url(img/arrow.gif) no-repeat 10px;
    font-size: 11px;
    text-decoration: none;
    white-space: nowrap;
    padding-left: 20px;
    }
/* main menu special item */
.mienf {
    color: #993300;
    background: url(img/arrow.gif) no-repeat 10px;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: blink;
    padding-left: 20px;
    }
.mienf:hover {
    color: #ee4e00;
    background: url(img/arrow.gif) no-repeat 10px;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
    padding-left: 20px;
    }
/* Link images to PHP, GTK, ... */
.link_logo {
    display: block;
    padding: 1em 2em 0 0;
    }
/* Mail-to link */
.mailto {
    color: #E5E5E5;
    text-decoration: none;
    white-space: nowrap;
    }
.mailto:hover {
    color: #ee4e00;
    text-decoration: none;
    white-space: nowrap;
    }
.mailto IMG {
    vertical-align: text-bottom;
    }
/* iframe for SourceForge.net integrating */
.frame {
    margin-top: 2em;
    height: 95%;
    }
.jxlogo {
    margin-left: 30px;
    }
.jxheader {
    width: 100%;
    background: #993300;
    background: -moz-linear-gradient(top, #FC7837, #993300);
    background: -webkit-gradient(linear, left top, left bottom, from(#FC7837), to(#993300));
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FC7837', EndColorStr='#993300');
    box-shadow: 0px 5px 10px #cccccc;
    -moz-box-shadow: 0px 5px 10px #cccccc;
    -webkit-box-shadow: 0px 5px 7px #dadada;
    padding-right: 30px;
    }
/* form fields */
.label {
    color: #666666;
    padding-right: 10px;
    }
.field {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding-left: 3px;
    padding-right: 3px;
    width: 100%;
    height: 18px;
    }
.app_list {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 18px;
    }
.btn_app {
    background: #D1C8C0;
    background: -moz-linear-gradient(top, #ffffff, #BDB5AE);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#BDB5AE));
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#BDB5AE');
    border-bottom: 1px solid #6B6661;
    border-top: 1px solid #BDB5AE;
    border-left: 1px solid #a19a93;
    border-right: 1px solid #a19a93;
    height: 18px;
    padding: 0;
    min-width: 80px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }
.btn_app:hover {
    color: #442204;
    background: #D1C8C0;
    background: -moz-linear-gradient(top, #ffffff, #CAC1BA);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#CAC1BA));
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#BDB5AE');
    border: 1px solid #E18331;
    height: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    }