html { height: 100%; }
body { font-size: 11px; margin: 0px; padding: 0px }
input, table, form, select, textarea, button, optgroup { margin: 0px; }
body, input, table, form, select, textarea, button, optgroup { font-family: Verdana, "Lucida Grande", sans, sans-serif, Arial, Helvetica; font-size: 11px; }
img { vertical-align: top; border-width: 0px; }
fieldset { border: 1px gray solid; padding: 6px; }
legend { font-size: 11px; font-weight: bold; color: black; }
label { cursor: pointer; margin: 0px 4px 0px 0px; vertical-align: baseline; padding: 0px; }
label input { vertical-align: baseline; margin-right: 4px }
img.button { cursor: pointer }

/*
 * jQuery ui
 */
.ui-datepicker-trigger { margin: 2px 0px 0px 2px; cursor: pointer }
#tabs .ui-state-disabled { visibility: hidden }
.system-message { z-index: 1000; padding: 8px  }
.system-message .ui-icon { float: left; margin-right: 10px }

.nowrap { white-space: nowrap }
.hidden { display: none }
.error { border: 1px solid red }
.title { font-size: 14px; color: #915044; font-style: italic; font-weight: bold; padding-bottom: 8px }
form .title { padding: 8px }
.align-right { text-align: right }
.align-left { text-align: left }
.align-center{ text-align: center }
.font-bold { font-weight: bold }
.font-italic { font-style: italic }
.font-s { font-size: 12px }
.font-l { font-size: 14px }
.link { color: blue !important; text-decoration: none }
.link-selected { color: blue; font-weight: bold; text-decoration: none }
.link:hover, .link-selected:hover { text-decoration: underline }
.cursor-pointer { cursor: pointer }
.padding-tb-s { padding: 4px 0px }
.padding-tb-l { padding: 8px 0px }
.padding-s { padding: 4px }
.padding-l { padding: 8px }
.padding-top-s { padding-top: 4px }
.padding-top-l { padding-top: 8px }
.padding-bottom-s { padding-bottom: 4px }
.padding-bottom-l { padding-bottom: 8px }
.padding-left-l { padding-left: 8px }
.padding-left-xl { padding-left: 16px }
.margin-tb-s { margin: 4px 0px }
.margin-tb-l { margin: 8px 0px }
.margin-top-s { margin-top: 4px }
.margin-top-l { margin-top: 8px }
.margin-bottom-s { margin-bottom: 4px }
.margin-bottom-l { margin-bottom: 8px }
.margin-left-s { margin-left: 4px }
.margin-left-l { margin-left: 8px }
.margin-left-xl { margin-left: 16px }
.margin-right-l { margin-right: 8px }
.margin-right-xl { margin-right: 16px }
.float-left { float: left }
.float-right { float: right }
.float-right-container div { float: right }
.clear { clear: both }
.clear-right { clear: right }
.clear-left { clear: left }
.width-full { width: 100% }
.center { margin-left: auto !important; margin-right: auto !important; }
.highlight-0 { background-color: #ffff77 }
.highlight-1 { background-color: #c3fffe }
.highlight-2 { background-color: #99ff99 }
.highlight-3 { background-color: #ff9999 }
.data { display: none; }
.active-input { background-color: #ffcddc !important }

.input-column { float: left; width: 300px }

.autocomplete { position: absolute; width: 300px; background-color: white; border: 1px solid gray; z-index: 1000 }
.autocomplete ul { padding-left: 0; margin: 0; list-style: none; overflow: hidden }
.autocomplete ul li { padding: 2px 10px; cursor: pointer; color: #303030; white-space: nowrap }
.autocomplete .sel { background: #1542ac; color: white; }
.autocomplete .match { font-weight: bold }
.matrix { clear: both; margin: 8px 0px; }
.matrix .column { float: left }


/*
 * index
 */
body.index { color: #444444; font-size: 13px; background: #f2f2f2 }
.index .viewport
{
    -moz-box-shadow: 0 0 3px #aaaaaa; -webkit-box-shadow: 0 0 3px #aaaaaa; box-shadow: 0 0 3px #aaaaaa;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    border: 1px solid white;
    background: url(../image/panel.jpg) repeat-x bottom center #ffffff;
    width: 920px;
    overflow: hidden;
    margin: 40px auto;
    position: relative;
}

.index .item-container { height: 400px; width: 920px; overflow: hidden }
.index .item-container .item { float: left; height: 400px; width: 920px }
.index .navbar { height: 45px; text-align: center }
.index .navbar li { width: 60px; display: inline-block; list-style: none; height: 45px; overflow: hidden }
.index .navbar li.inactive:hover { background: url(../image/pic_bg.png) repeat }
.index .navbar li.active ,.index .navbar li.active:hover { background: url(../image/active_bg.png) no-repeat }
.index .navbar li.active a { cursor: default }
.index .navbar .left-divider { width: 2px; background: url(../image/divider.png) no-repeat right }
.index .navbar li a { display: block; background: url(../image/divider.png) no-repeat right; height: 35px; padding-top: 10px }
.index .navbar a { text-decoration: none; outline:none }


/*
 * login
 */
 .login-new form { width: 200px; margin: 30px auto }
 .login-new div { margin: 6px 0px }