html, body, form 



    { 

        height: 100%; 
        margin: 0px; 
        padding: 0px; 
        overflow: hidden; 
    } 

body {
    font-size: 85%;
    color: #333;
    font-family: 'Trebuchet MS' , Verdana, sans-serif;
    overflow: hidden;
}

img 
{
border: 0px;    
}


/* ---------- Layout ---------- */
.ui-layout-north {
    border-bottom: 1px solid #BBB;
    padding: 0;
    overflow: auto;
    background-color: #e9e9e9;
}
.ui-layout-center {
    padding: 15px;
    overflow: auto;
}
.ui-layout-south {
    background: #e9e9e9;
    border-top: 1px solid #BBB;
    padding: 6px 10px;
    overflow: auto;
}

/* ---------- Top Heading ---------- */
.topbar {
    color: #ffffff;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 1.6em;
    line-height: 2.5em;
    background: #464F56;
    background: -moz-linear-gradient(top, #555, #313131);
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#313131));
    background-image: -o-linear-gradient(top, rgb(85,85,85), rgb(49,49,49));
}
.topbar .rightlinks {
    float: right;
    font-size: 0.75em;
}
.topbar .rightlinks a {
    color: #ffffff;
    text-decoration: none;
}
.topbar .rightlinks a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* ---------- Top Buttons ---------- */
.buttonbar a {
    background-color: #e9e9e9;
    display: block;
    float: left;
    padding: 6px 10px;
    border-right: solid 1px #bbb;
    color: #333;
    font-size: 1.0em;
    text-decoration: none;
}

.buttonbar a:hover, .buttonbar a:focus {
    background-color: #f5f5f5;
    color: #000;
    background: -moz-linear-gradient(top, #fafafa, #eeeeee);
    background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee));
    background-image: -o-linear-gradient(top, rgb(251,251,251), rgb(238,238,238));
}

/* ---------- Content Area ---------- */
div.contentarea {
    max-width: 600px;
    width: expression(document.body.clientWidth > 640? "600px": "auto" );
}

/* ---------- Footer ---------- */
.bottombar {
    color: #333;
    font-size: 0.85em;
}
div.TranslationBox {
    float: right;
    vertical-align: middle;
}
select.TranslationBox {
    vertical-align: middle;
}
div.copyright {
    padding-top: 3px;
}
div.copyright a {
    color: #333;
    text-decoration: none;
}
div.copyright a:hover {
    text-decoration: underline;
}
div.copyright a.pagelink {
    color: #333;
    text-decoration: underline;
}

/* ---------- General Element Styles ---------- */
p {
    line-height: 1.6em;
    padding-bottom: 1em;
    margin: 0px;
}
a {
    color: #08c;
}
a:hover {
    color: #0073AD;
}
ul, ol {
    padding: 0 25px 10px;
    margin: 0px;
    line-height: 1.6em;
    list-style-position: outside;
}
ul.nopadding, ol.nopadding {
    padding-bottom: 0px;
}
ul.checkbox {
    list-style-type: square;
}
li {
    padding-bottom: 6px;
}
h1, h2, h3 {
    color: #555;
    text-align: left;
    text-decoration: none;
    margin: 0px;
}
h1 {
    font-weight: bold;
    font-size: 1.4em;
    padding-bottom: 10px;
}
h2 {
    font-weight: bold;
    font-size: 1.3em;
    padding-bottom: 8px;
}
h3 {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 6px;
}

/* ---------- Tables ---------- */
table.data {
    border: #333 thin solid;
}
table.data th {
    padding-right: 6px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    border-bottom: #333 thin solid;
    background-color: #6186B3;
    text-align: left;
    color: White;
}
table.data td {
    padding-right: 6px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: #f5f5f5;
    border-bottom: gray 1px solid;
}