/*
    AnemoneSoft.com
    Copyright (C) 2010 AnemoneSoft.com
                       Aloysius Indrayanto
*/

/* Generic settings */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6,
p, code, pre, dl, dt, dd, ol, ul, li, em, b, a, img, form, table  {
    margin          : 0px;
    border          : 0px;
    padding         : 0px;
    outline         : 0px;
    line-height     : 1.5em;
    background      : none;
    color           : #000000;
    font-family     : Liberation Sans, Helvetica, Arial, Verdana;
    vertical-align  : baseline;
}

li { margin-left : 2em; }

html {
    background          : #00007f;
    color               : #ffffff;
    background-image    : url('../image/background_html.jpg');
    background-position : 0px 0px;
    background-repeat   : repeat;
}

ol, ul { list-style: disc inside none; }

#content_body {
    margin                : 10px;
    border                : 4px solid #ffffff;
    padding               : 10px;
    height                : 100%;
    overflow-x            : auto;
    overflow-y            : auto;
    background-image      : url('../image/background_body.jpg');
    background-position   : 0px 0px;
    background-repeat     : repeat;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 30px 0px 30px 0px;
    -moz-border-radius    : 30px 0px 30px 0px;
    -webkit-border-radius : 30px 0px 30px 0px;
}

:focus { outline : 0; }

a         { color : #0000FF; }
a:link    { color : #0000FF; }
a:hover   { color : #0000FF; }
a:visited { color : #0000FF; }

.hilite_box {
    border                : 1px solid #ff7f7f;
    width                 : 180px;
    height                : 120px;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

.pro_box {
    border                : 3px solid #cfffff;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

.oss_box {
    border                : 3px solid #cfffcf;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;

}

.ogs_box {
    border                : 3px solid #ffffcf;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

.emphasized {
    color       : #00007f;
    font-weight : bold;
}

.title_text {
    color       : #00007f;
    font-weight : bold;
}

.email_text {
    color      : #000000;
    font-style : italic;
}

/* Main-menu related settings */
table.main_menu {
    background : none;
    color      : #ffffff;
}

td.main_menu_border {
    text-align            : center;
    white-space           : nowrap;
    background            : #00007f;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

td.main_menu {
    text-align            : center;
    white-space           : nowrap;
    border                : 3px solid #00007f;
    background            : #00007f;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

td.main_menu:hover {
    background : #7f7fff;
}

td.main_menu_active {
    text-align            : center;
    white-space           : nowrap;
    border                : 3px solid #ff9f3f;
    background            : #00007f;
    background-origin     : padding-box;
    background-clip       : padding-box;
    border-radius         : 5px;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

td.main_menu_active:hover       {
    background : #7f7fff;
}

a.main_menu, a.main_menu:link, a.main_menu:hover, a.main_menu:visited {
    padding         : 10px;
    background      : none;
    color           : #ffffff;
    text-decoration : none;
}

a.main_menu_ext, a.main_menu_ext:link, a.main_menu_ext:hover, a.main_menu_ext:visited {
    padding         : 10px;
    background      : none;
    color           : #7fff7f;
    text-decoration : none;
}