/* common */
html,body{height:100%;}
body{background:#333 url(../image/layout/background.gif) top left repeat;font:11px Arial;color:#555;cursor:default;margin:0px;padding:0;min-width:700px;min-height:500px; overflow:hidden;}
.small{font-size:9px;}
a{outline-style:none;}
a img{border:0 none;}
pre{margin:0;padding:0;font:11px Arial;white-space:normal;text-align:justify;}
p{text-align:justify;margin:0 0 14px 0;padding:0;}
div.spacer{width:10px;height:10px;}
div.hr{height:0;border-top:1px solid #888;border-bottom:1px solid #eee;margin:9px 0;opacity:0.3;filter:alpha(opacity=30);}
div.padding{padding:10px;overflow:auto;}
div.yScrollable{overflow-y:auto;min-height:60px;scrollbar-track-color:#f0f0f0;scrollbar-3dlight-color:#f0f0f0;scrollbar-darkshadow-color:#f0f0f0;scrollbar-face-color:#eee;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#aaa;scrollbar-arrow-color:#555;}
h1{font:bold 19px Arial;color:#126;padding:0;margin:4px 0 6px;display:block;position:relative;}
h4{font:bold 11px Arial;color:#444;padding:0;margin:0 0 2px;display:block;position:relative;}
h4.required{color:#c00;}

/* layout */
#site-background{min-width:700px;position:absolute;top:0;width:100%;height:170px;background:url('../image/layout/background.top.png') top left repeat-x;z-index:1;}
#site-header{display:none;min-width:700px;position:absolute;width:100%;height:40px;z-index:3;color:#aaa;text-shadow:1px 1px 0 #444;}
#site-header > div{position:absolute;top:13px;right:20px;}
#site-header > div b{color:#ccc;letter-spacing:1px;font-weight:normal;}
#site-header > div img{position:relative;top:-1px;vertical-align:middle;margin-right:1px;}
#site-footer{display:none;min-width:700px;position:absolute;width:100%;z-index:4;color:#777;font:10px Tahoma;text-shadow:1px 1px 0 #222;}
#site-footer > div{position:absolute;top:0;right:20px;}
#site-footer b{color:#aaa;}

#site-header span.spacer,
#site-footer span.spacer{display:inline-block;width:20px;}
#site-header a,
#site-footer a{color:#aaa;text-decoration:none;cursor:pointer;}
#site-header a:hover,
#site-footer a:hover{color:#fff;}

/* login */
#site-login{position:absolute;left:50%;top:35%;width:300px;margin-left:-160px;color:#aaa;}
#site-login h4{color:#fff;font-weight:normal;text-shadow:1px 1px 0 #000;padding-left:5px;}
#site-login input{width:100%;color:#9af;text-shadow:-1px -1px 0px #000;background-color:transparent;border:1px solid #444;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 3px #222;}
#site-login input:focus{border-color:#555;}
#site-login input.error{color:#f66;border-color:#c00;box-shadow:0 0 5px #800;}
#site-login input.error:focus{border-color:#f00;}

/* container */
div.container{position:absolute;top:40px;padding:10px;background:#ccc url(../image/container/top.png) top left repeat-x;z-index:5;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 5px #000;overflow:hidden;}
div.container.menu{min-width:220px;max-width:500px;z-index:6;}
div.containerResizer{position:absolute;top:40px;width:10px;cursor:w-resize;z-index:7;}
div.containerToggler{position:absolute;width:15px;height:60px;z-index:8;background:url(../image/container/toggle-close.png) 0 0 no-repeat;}
div.containerToggler.open{background-image:url(../image/container/toggle-open.png) !important;}
div.containerToggler:hover{background-image:url(../image/container/toggle-close-hover.png) !important;}
div.containerToggler.open:hover{background-image:url(../image/container/toggle-open-hover.png) !important;}

/* panel */
div.panel{position:relative;}
div.panel > div.header{background:#222 url(../image/panel/header.png) top left repeat-x;color:#fff;font:bold 11px Arial;padding:10px 35px 10px 20px;letter-spacing:1px;text-transform:uppercase;position:relative;-moz-user-focus:ignore;-moz-user-input:disabled;-moz-user-select:none;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;}
div.panel > div.header img{position:absolute;right:5px;z-index:2;}
div.panel > div.header span{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3;background:url(../image/panel/header-minus.png) 5px 11px no-repeat;}
div.panel.closed > div.header{-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
div.panel.closed > div.header span{background-image:url(../image/panel/header-plus.png) !important;}
div.panel > div.content{border:1px solid #999;border-top:0 none !important;background:#fff url(../image/panel/content-top.png) left top repeat-x;position:relative;display:none;}
div.panel > div.content:last-child{-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
div.panel > div.content div.loading{background:url(../image/panel/loading.gif) center center no-repeat;}
div.panel > div.content div.footer{background:#eee url(../image/panel/footer-top.gif) top left repeat-x;padding:4px 14px;text-align:left;position:relative;bottom:1px;}
div.container.menu div.footer{text-align:right !important;}

/* resizer */
div.content + div.vResizer{position:relative;z-index:9999;height:7px;border:1px solid #999;border-top:0 none !important;background:#ccc url(../image/panel/vresizer-background.gif) left top repeat-x;cursor:n-resize;}
div.vResizer div{height:5px;background:#ccc url(../image/panel/vresizer.gif) center bottom no-repeat;}
div.panel.closed div.content + div.vResizer{display:none;}

/* tabs */
ul.tabs{list-style:none;position:absolute;top:-7px;left:0;z-index:2;margin:0;padding:0;font:bold 11px Arial;letter-spacing:0;}
ul.tabs li{float:left;height:33px;line-height:33px;color:#aaa;background:url(../image/panel/tab/background.png) 0 0 repeat-x;overflow:hidden;margin-left:5px;padding:0 15px;position:relative;-moz-user-focus:ignore;-moz-user-input:disabled;-moz-user-select:none;}
ul.tabs li img{opacity:0.6;filter:alpha(opacity=60);}
ul.tabs li:hover{color:#48c;}
ul.tabs li.selected{color:#000;}
ul.tabs li.selected img{opacity:1;filter:alpha(opacity=100);}
ul.tabs li img{vertical-align:middle;margin:-2px 3px 0 0;}
ul.tabs li div.left{position:absolute;left:0;top:0;width:10px;height:33px;background:url(../image/panel/tab/left.png) 0 0 no-repeat;}
ul.tabs li div.right{position:absolute;right:0;top:0;width:10px;height:33px;background:url(../image/panel/tab/right.png) 0 0 no-repeat;}
div.panel div.tab{display:none;}
div.panel div.tab div.padding{padding-top:40px !important;}

/* form */
form{padding:0;margin:0;}
fieldset{border:1px solid #e4e4e4;margin:0;padding:5px 10px;}
legend{margin-left:-7px;}
label{-moz-user-select:none;-webkit-user-select:none;line-height:21px;}
input, textarea, select{font:11px Arial;color:#444;padding:2px;}
optgroup{font:bold 11px Arial;text-transform:uppercase;letter-spacing:1px;color:#aaa;}
option{font:normal 11px Arial;text-transform:none;letter-spacing:0;color:#000;}
input[type=text], input[type=password], textarea, select{border:1px solid #ccc;background-color:#eee;}
input[type=radio]{vertical-align:bottom;margin:4px 0;padding:0;outline-style:none;}
input[type=checkbox]{vertical-align:top;outline-style:none;}
input[type=checkbox]+label, input[type=radio]+label{color:#888;}
input[type=checkbox]:checked+label, input[type=radio]:checked+label{color:inherit;}
input:disabled,select:disabled,textarea:disabled{color:#aaa;}
input:disabled+label{color:#aaa !important;}
div.input{border:1px solid #e4e4e4;background:#f8f8f8 url(../image/form/input.gif) 0 0 repeat-x;padding:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
div.input input, div.input textarea, div.input select{padding:0;border:0 none;background:none;width:100%;min-width:100%;max-width:100%;}
div.input table{width:100%;}
div.input table th{white-space:nowrap;font-weight:normal;color:#888;}
div.input table td{width:100%;}
input.center{text-align:center;}
input.right{text-align:right;}

button::-moz-focus-inner{border:0;padding:0;}
button{font:11px Arial;color:#444;height:26px;padding:5px 5px;margin:auto 1px;background:#fff url(../image/form/button.gif) center left repeat-x;border:1px solid #ccc;outline-style:none;white-space:nowrap;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 5px #ccc;}
button:hover,button.hover{color:#000;background-image:url(../image/form/button-hover.gif);border-color:#9bd;box-shadow:0 0 5px #9bd;}
button img{position:relative;left:0;top:-1px;padding:0;vertical-align:middle;}
button.small{font:10px Tahoma;height:22px;padding:3px;line-height:14px;}
button.dropdown{padding-right:18px;}
button.dropdown div{display:inline;position:absolute;right:0px;top:1px;z-index:2;width:14px;height:20px;border-left:1px solid #ddd;}
button.dropdown * div{position:absolute;left:3px;top:9px;border-width:3px 3px 0;border-style:solid;border-color:#444 transparent;width:0;height:0;}
button.dropdown[disabled] * div{border-top-color:#888;}
button[disabled]{color:#888;text-shadow:1px 1px 0px #fff;}
button[disabled]:hover,button[disabled].hover{color:#888 !important;background-image:url(../image/form/button.gif) !important;border-color:#ccc !important;box-shadow:0 0 5px #ccc !important;}
div.button{border:1px solid #ccc;}
div.button:hover{border-color:#9bd;}
div.button button{border:0 none !important;width:100%;padding-left:0 !important;padding-right:0 !important;margin:0 !important;font-weight:bold;text-transform:uppercase;}
div.button button img{float:left;margin:auto 3px;vertical-align:middle;}

/* tables */
table > * >  tr > .left{text-align:left !important;}
table > * >  tr > .center{text-align:center !important;}
table > * >  tr > .right{text-align:right !important;}
table > * >  tr > .top{vertical-align:top !important;}
table > * >  tr > .middle{vertical-align:middle !important;}
table > * >  tr > .bottom{vertical-align:bottom !important;}
table > * >  tr > .nopadding{padding:0 !important;}
table > * >  tr > .nowrap{white-space:nowrap;}
table > * >  tr > .fullwidth{width:100%;}

table.basic > * >  tr > *{padding:2px 5px;text-align:left;}
table.basic > * >  tr > th{font-weight:bold;background-color:#eee;}
table.basic > * >  tr > th.normal{font-weight:normal !important;}

table.list{border-collapse:collapse;}
table.list > * > tr > *{padding:4px 5px;vertical-align:top;}
table.list > * > tr > th{text-align:left;text-transform:uppercase;letter-spacing:1px;font:bold 9px Verdana;color:#fff;background-color:#ccc;padding:10px 5px;}
table.list > * > tr + tr > *{border-top:1px solid #e4e4e4;}
table.list.small > * >  tr > th{padding:4px 3px;}
table.list.small > * >  tr > td{padding:2px 3px;}
table.list.border{border:1px solid #e4e4e4;}

table.hoverable > tbody > tr{-moz-user-select:none;}
table.hoverable > tbody > tr:hover{background-color:#e0e8f0 !important;}
table.hoverable > tbody > tr.selected{background-color:#c0c8d0 !important;}

/* iFrame */
div.iframe{border:1px solid #e4e4e4;padding:1px;}
iframe{width:100%;height:100%;border:0 none;}

/* tinyMCE Editor skin */
.o2k7SkinSilver table.mceLayout{border:1px solid #e4e4e4 !important;}
.o2k7SkinSilver table.mceLayout > tbody > tr.mceFirst > td{background:#f8f8f8 url(../image/form/input.gif) 0 0 repeat-x !important;border-width:0 0 1px !important;border-color:#e4e4e4;border-style:solid !important;}
.o2k7SkinSilver table.mceLayout .mceToolbar{background:none !important;}
.o2k7SkinSilver table.mceLayout > tbody > tr.mceLast > td{border-width:1px !important;border-color:#fff !important;border-style:solid !important;}
.o2k7Skin .mceSeparator{background-image:url(../image/tinymce/button.png) !important;}

/* modal dialog */
.simplemodal-overlay{background-color:#000;}
.simplemodal-container{background:#ccc url(../image/container/top.png) top left repeat-x;border:1px solid #000;height:auto !important;box-shadow: 1px 1px 5px #444;-webkit-border-radius:5px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius:5px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-radius:5px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.simplemodal-container div.panel > div.header{padding-left:10px !important;}
.simplemodal-container div.panel > div.content{border:0 none !important;display:block !important;}

/* dynatree */
div.dtree{overflow-x:hidden;}

/* flexigrid buttons */
.fbutton span{-moz-user-focus:ignore;-moz-user-input:disabled;-moz-user-select:none;background-position:left center;background-repeat:no-repeat;}
.fbutton .application-form-edit{background-image:url(../image/button/application_form_edit.png);}
.fbutton .application-form-magnify{background-image:url(../image/button/application_form_magnify.png);}
.fbutton .money-dollar{background-image:url(../image/button/money_dollar.png);}
.fbutton .delete{background-image:url(../image/button/delete.png);}