body
{
    font: 78.5%/1.6em "Lucida Grande" , "Lucida Sans Unicode" , verdana, geneva, sans-serif;
    font-size: 11px;
    color: #444;
    margin: 10px;
    background: url(../images/body.jpg) #f6f6f6;
}

*
{
    margin: 0;
    padding: 0;
}

#wrapper
{
    background: #fff;
    border: 3px solid #f1f1f1; /*max-width: 1200px; /*width:expression(this.width > 320 ? "320px" : this.width);*/
    min-width: 760px;
    max-width: 980px;
    margin: 0 auto;
}

* html #wrapper
{
    width: expression(document.documentElement.clientWidth > 1200 ? "1200px" : "auto");
}

#innerwrapper
{
    margin: 1px;
    background: url(../images/innerwrapper.jpg) top repeat-x;
    padding: 20px 10px 10px 10px;
}

#header input
{
    width: 150px;
    padding: 5px;
    background: #fff;
    border: 2px solid #f6f6f6;
    font: 150% Arial;
    color: #999;
}

#header input:hover
{
    border: 2px solid #ccc;
}

#header input:focus
{
    border: 2px solid #79B5D6;
    color: #555;
}

#header .logo
{
    background: url(../images/logo_perhutani_2022.png) left top no-repeat;
    width: 100px;
    height: 69px;
    float: left;
    margin-top: -12px;
    margin-left: 15px;
}

.headerform
{
    padding: 27px 25px 20px 25px;
    float: right;
    width: 160px;
    margin: -20px -10px 0 0;
    border: none;
}

#header h1
{
    float: left;
    font: 250% Georgia;
    color: #333;
    padding: 5px 20px 5px 5px;
    margin: 0 20px 0 0;
}

#header h1 a
{
    color: #333;
    text-decoration: none;
}

#header h1 a:hover
{
    color: #111;
}

#header h2
{
    font: 150% Georgia;
    font-weight: normal;
    color: #555;
    padding: 14px 0 0 0;
    border: none;
}

#header h2 a
{
    color: #555;
    text-decoration: none;
    border-bottom: 2px solid #f6f6f6;
}


#header #nav
{
    clear: both;
    background: url(../images/nav.jpg) top repeat-x #4F9EC9;
    border-bottom: 2px solid #4F9EC9;
    border-top: 2px solid #388CBA;
    border-left: 2px solid #388CBA;
    border-right: 2px solid #388CBA;
    padding: 10px 10px 10px 0 !important;
    padding: 4px 10px 10px 0;
}

#header a em
{
    font-style: normal;
    text-decoration: underline;
}

#header #nav a
{
    color: #fff;
    font: 140% Trebuchet MS;
    text-decoration: none;
    padding: 10px;
}

#header #nav a:hover
{
    background: #4F9EC9;
}

#header #nav a.active
{
    background: #4F9EC9;
}

#header #nav li
{
    display: inline;
    list-style: none;
    margin: 0 1px 0 0;
}

#header #subnav
{
    background: #4F9EC9;
    padding: 5px 7px 2px 12px;
    font: 90% Verdana;
    color: #DEEDF5;
    border-bottom: 2px solid #388CBA;
    border-left: 2px solid #388CBA;
    border-right: 2px solid #388CBA;
}

#header #subnav li
{
    list-style: none;
    display: inline;
    background: url(../images/triangle_right.png) no-repeat left center;
    padding-left: 30px;
}


#header #subnav a
{
    color: #DEEDF5;
    text-decoration: none;
    font: 100% Verdana;
    padding: 5px 0 5px 0px;
}

#header #subnav a:hover
{
    color: #fff;
}


#header #subnav a.active
{
    border-bottom: 2px solid #388CBA;
    color: #fff;
}


#sidebar
{
    background: #fff;
    width: 210px;
    padding: 10px 20px 20px 5px;
    float: left;
    color: #666;
}

#sidebar h2
{
    font: 160% Arial;
    color: #333;
    margin: 10px 0 10px 0;
    border: none;
}

#sidebar h3
{
    color: #999;
    font: 100% Verdana;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 -10px 0;
}

#sidebar p
{
    margin: 15px 0;
}

#sidebar p.news
{
    background: #fefefe;
}

#sidebar p.news a.more
{
    color: #ccc;
    display: block;
    text-align: right;
    font: 80% Verdana;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 10px 0;
}

#sidebar p.news a:hover
{
    color: #666;
}

#sidebar .subnav
{
    border-top: 1px solid #fafafa;
}

#sidebar .subnav li
{
    list-style: none;
    padding: 5px;
    border-bottom: 1px solid #fafafa;
}

#sidebar .subnav li a
{
    color: #ccc;
    text-decoration: none;
    display: block;
}

#sidebar .subnav li a:hover
{
    color: #666;
}

#sidebar .subnav li a b
{
    float: right;
    display: none;
    color: #666;
}

#sidebar .subnav li a:hover b
{
    display: inline;
}

#sidebar input
{
    padding: 4px;
    background: #f6f6f6;
    border: 1px solid #ccc;
    color: #777;
    font: 90% Verdana;
    width: 190px;
}

#sidebarright
{
    width: 170px;
    float: right;
    padding: 10px 0 0 20px;
    background: url(../images/sidebarright.jpg) top left no-repeat;
}

#sidebarright p
{
    font: 90% Verdana;
    color: #777;
    line-height: 20px;
    margin: 10px 0;
}

#sidebarright h2
{
    font: 140% Arial;
    color: #333;
    margin: 10px 0;
    border: none;
}

#sidebarright ul
{
    margin: 10px 0 10px 15px;
    font: 90% Verdana;
}

#sidebarright ul li
{
    margin: 5px 0;
}

#sidebarright a
{
    border-bottom: 1px dotted #eee;
    color: #444;
    text-decoration: none;
}

#sidebarright a:hover
{
    border-bottom: 1px solid #ccc;
}


#content
{
    margin: 0 210px 0 240px;
    padding: 20px 0 0 20px;
}

#contentnorightbar
{
    margin: 0 0 0 240px;
    padding: 20px 0 0 20px;
}

#contentnoleftrightbar
{
    margin: 0;
    padding: 12px 0 0 2px;
}

p
{
    margin: 15px 0;
    line-height: 22px;
}

h2
{
    font: 190% Arial;
    color: #79B933;
    border-bottom: 2px solid #f6f6f6;
    margin-bottom: 5px;
}

h2 a
{
    color: #79B933;
    text-decoration: none;
}

h2 a:hover
{
    color: #5F9128;
}


#footer
{
    clear: both;
    border-top: 1px solid #eee;
    padding: 10px;
    margin: 10px 0 0;
}

a
{
    color: #222;
}
a:visited
{
    color: #222;
}

a:hover
{
    text-decoration: none;
}

h3
{
    font: 140% Trebuchet MS;
    margin: 10px 0;
}

#content ul
{
    margin: 15px 0 15px 0;
    line-height: 25px;
    padding: 15px 0 15px 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #79B933;
}
#content ul span
{
    color: #444;
}
#contentnorightbar ul
{
    margin: 15px 0 15px 20px;
    line-height: 25px;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #79B933;
}
#contentnorightbar ul span
{
    color: #444;
}
/*
img
{
    padding: 1px;
    background: #ccc;
    border: 4px solid #f6f6f6;
}


label
{
    display: block;
    font-weight: bold;
    color: #444;
    margin: 5px 0;
}
input
{
    width: 300px;
    padding: 4px;
    border: none;
    border-bottom: 1px dotted #ccc;
    font: 90% Verdana;
    color: #777;
}

textarea
{
    width: 400px;
    padding: 4px;
    font: 90% Verdana;
    border: 1px solid #eee;
    height: 200px;
    display: block;
    color: #777;
}

p img
{
    float: left;
    margin: 0 10px 0 0;
}
*/
blockquote p
{
    font: 160% Georgia;
    color: #aaa;
    padding: 0 10% 0 0;
    line-height: 30px;
}

.menuwrapper
{
    background: url(../images/menu_bg.png) repeat-x scroll left top #DAE5F2;
    border: 1px solid #8BA0BC;
    margin-top: 10px;
}


.notification
{
    font-size: 11px;
    height: 34px;
    line-height: 34px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding: 0 42px;
    position: relative;
}

div.notification:hover
{
    cursor: pointer;
}

.success
{
    background: url(../images/success.png) center left no-repeat #cbffd1;
    border: 1px solid #63d872;
    color: #2f7038;
}

.information
{
    background: url(../images/information.png) center left no-repeat #c7e8f4;
    border: 1px solid #a3d5e7;
    color: #466773;
}

.warning
{
    background: url(../images/warning.png) center left no-repeat #fff9c2;
    border: 1px solid #d5cd84;
    color: #8c560c;
}

.error
{
    background: url(../images/error.png) center left no-repeat #f8c9c9;
    border: 1px solid #ee9b9b;
    color: #864d4d;
}

table.tblEditForm
{
    width: 100%;
    border-collapse: collapse;
}

table.tblEditForm td.editCell
{
    padding: 4px 4px 4px 10px;
    white-space: nowrap;
}

table.tblEntryForm
{
    width: 100%;
    border-collapse: collapse;
}

table.tblEntryForm tr td.entryCell
{
    padding: 3px;
}
table.tblEntryForm tr td.entryCell table.tblComponent
{
    border: 0px;
    margin: 0px;
    border-collapse: collapse;
}

table.nopadding
{
    border-collapse: collapse;
}
td.nopadding
{
    padding-left: 0px;
    padding-right: 2px;
    margin-left: 0px;
}