@CHARSET "UTF-8";
html {
        overflow-y: scroll;
}
body {
        font-size: 1.0em;
        margin: 0px;
}
a img {
        border: none;
}
a:hover {
        font-style: italic;
}
h1 {
        font-size: 1.6em;
        margin-top: 0;
}
input[type=submit], input[type=button] {
        font-size: 1.2em;
        margin: 5px 5px 5px 0;
        cursor: pointer;
}
input[type=text], input[type=password], textarea {
        font-size: 1.0em;
        padding-left: 1px;
}
select {
        font-size: 1.1em;
}
.tableControl, .actionButtons {
        width: 100%;
}
.tableControl a {
        padding-left: 10px;
}
.tableControl {
        text-align: right;
}
.footer {
        text-align: center;
        font-size: 1.0em;
        margin-bottom: 10px;
}
.rich-table {
        width: 100%;
}
.body {
        padding: 10px;
}
.message {
        padding: 5px;
        list-style: none;
        border: 0;
        background: none;
        padding: 0;
        color: #000000;
        margin: 5px 0 8px 0;
        font-size: 1.0em;
}
.message li {
        background: no-repeat left center;
        padding-top: 1px;
        padding-left: 20px;
        margin-left: 3px;
}
.message li.infomsg {
        background-image: url(../img/msginfo.png);
}
.message li.errormsg {
        background-image: url(../img/msgerror.png);
}
.message li.warnmsg {
        background-image: url(../img/msgwarn.png);
}
.name {
        vertical-align: top;
        font-weight: bold;
        width: 80px;
        float: left;
        padding: 5px;
        margin-top: 3px;
        clear: left;
}
.value {
        float: left;
        padding: 5px;
}
.error {
        float: left;
        padding: 5px;
}
.errors {
        color: #FF0000;
        vertical-align: middle;
}
img.errors {
        padding-right: 5px;
}
.errors input, .errors textarea, .errors select {
        border: 1px solid red !important;
}
.required {
        color: #FF0000;
        padding-left: 2px;
}
.rich-stglpanel-body {
        overflow: auto;
} 
/* the specificity here is necessary to override the defaults */
/*
.rich-panel .rich-panel-header,
.rich-stglpanel .rich-stglpanel-header {
        padding: 2px 3px;
}*/
.rich-panel input[type=submit], .rich-panel input[type=button],
.rich-tabpanel input[type=submit], .rich-tabpanel input[type=button] {
        margin-bottom: 0;
}
.tableControl input[type=submit], .tableControl input[type=button], .tableControl select {
        margin: 5px 0 5px 5px;
}
/* I don't know why this is necessary, but the select is off by a pixel on the top and is padding too much on the left */
.tableControl select {
        margin-left: 2px;
        position: relative;
        top: 1px;
}
.actionButtons {
        padding-left: 1px;
}
.actionButtons select {
        margin: 5px 5px 5px 0;
        vertical-align: bottom;
}
.rich-toolbar-item a {
        text-decoration: none;
}
.rich-toolbar-item a:hover, .rich-ddmenu-label-select {
        text-decoration: underline;
}
.rich-toolbar-item .rich-menu-item a:hover {
        text-decoration: none;
}
.rich-datalist {
        list-style: square;
        margin: 6px 0 1px 0;
        padding-left: 18px;
}
.rich-list-item {
        padding-bottom: 4px;
}
div.info {
        font-size: 1.2em;
}
ul.bullets {
        list-style: square;
}
ul.bullets li {
        padding-bottom: 2px;
}
td.action {
        text-align: center;
        width: 8em;
        white-space: nowrap;
}
td.action a {
        padding-left: 1px;
        padding-right: 1px;
}
table.radio {
   border: 0;
}
table.radio td {
   padding: 0 2px;
}
table.radio input[type=radio] {
   vertical-align: bottom;
}
/* text-align */
.left {text-align: left; }
.center {text-align: center; }
.right {text-align: right; }
/* table background-color */
.odd-row {background-color: #ffffff; }
.odd-row {background-color: #f8f8ff; }
/*
.odd-row { background-color: #ECF3FE; }
.even-row { background-color: #FCFFFE; }*/
.active-row { background-color: #FFEBDA; }
/* control IME */
.ime-active {ime-mode: active; }
.ime-disabled {ime-mode: disabled; }
.ime-inactive {ime-mode: inactive; }
/* ==== I C O N ==== */
.Date {
    padding: 6px 6px 6px 24px;
    background: url(../images/icon-date.gif) no-repeat 0 2px;
}
.Profile {
    padding: 6px 6px 6px 24px;
    background: url(../images/Profile.png) no-repeat 0 2px;
}
.Add {
    padding: 6px 6px 6px 24px;
    background: url(../images/Add.png) no-repeat 0 2px;
}
.Back {
    padding: 6px 6px 6px 24px;
    background: url(../images/Back.png) no-repeat 0 2px;
}
.BarChart {
    padding: 6px 6px 6px 24px;
    background: url('../images/Bar Chart.png') no-repeat 0 2px;
}
.Comment {
    padding: 6px 6px 6px 24px;
    background: url(../images/Comment.png) no-repeat 0 2px;
}
.Delete {
    padding: 6px 6px 6px 24px;
    background: url(../images/Delete.png) no-repeat 0 2px;
}
.Email {
    padding: 6px 6px 6px 24px;
    background: url(../images/Email.png) no-repeat 0 2px;
}
.Exit {
    padding: 6px 6px 6px 24px;
    background: url(../images/Exit.png) no-repeat 0 2px;
}
.Info {
    padding: 6px 6px 6px 24px;
    background: url(../images/Info.png) no-repeat 0 2px;
}
.LineChart {
    padding: 6px 6px 6px 24px;
    background: url('../images/Line Chart.png') no-repeat 0 2px;
}
.Load {
    padding: 6px 6px 6px 24px;
    background: url(../images/Load.png) no-repeat 0 2px;
}
.Loading {
    padding: 6px 6px 6px 24px;
    background: url(../images/Loading.png) no-repeat 0 2px;
}
.Modify {
    padding: 6px 6px 6px 24px;
    background: url(../images/Modify.png) no-repeat 0 2px;
}
.Next {
    padding: 6px 6px 6px 24px;
    background: url(../images/Next.png) no-repeat 0 2px;
}
.Picture {
    padding: 6px 6px 6px 24px;
    background: url(../images/Picture.png) no-repeat 0 2px;
}
.PieChart {
    padding: 6px 6px 6px 24px;
    background: url('../images/Pie Chart.png') no-repeat 0 2px;
}
.Print {
    padding: 6px 6px 6px 24px;
    background: url(../images/Print.png) no-repeat 0 2px;
}
.Profile {
    padding: 6px 6px 6px 24px;
    background: url(../images/Profile.png) no-repeat 0 2px;
}
.Save {
    padding: 6px 6px 6px 24px;
    background: url(../images/Save.png) no-repeat 0 2px;
}
.Search {
    padding: 6px 6px 6px 24px;
    background: url(../images/Search.png) no-repeat 0 2px;
}
.Warning {
    padding: 6px 6px 6px 24px;
    background: url(../images/Warning.png) no-repeat 0 2px;
}
