body { margin: 0px; padding: 0px; background-color: #000000; color: #FFFFFF; font: normal 12px 'Helvetica Neue LT Pro', Arial, Helvetica, sans-serif }
*:focus, *:active { outline: 0px none #FF0000; }
img { border: 0px; }

#loadingdiv { position: absolute; top: 26%; left: 36%; background: url(../images/logo-sml.png) no-repeat center 9px; width: 300px; height: 30px; padding: 29px 16px 6px 16px; border: solid 3px #181818; background-color: #0d0d0d; text-align: center; color: #7f7f7f; }

#page { width: 100%; overflow: hidden; min-height: 600px; min-width: 1000px; }
#header, #footer, #logoframe { width: 100%; float: left; }
.htxthgl { color: #0099ff; }
.txtbold { font-weight: bold; }
.txtitalic { font-style: italic; }

/* Header */
#header { cursor: pointer; position: absolute; background-color: #000000; height: 25px; }
#hleft { color: #5b5b5b; float: left; padding: 5px 0px 2px 20px; font: bold 11px Arial, Helvetica, sans-serif; }
#hright { float: right; padding: 4px 20px 2px 0px; font: bold 13px Arial, Helvetica, sans-serif; }
#hright a { text-decoration: none; color: #FFFFFF; font: bold 13px Arial, Helvetica, sans-serif; }
#hright a:hover { color: #0099ff; }
.hright-nml { color: #FFFFFF; }

/* Footer */
#footer { position: fixed; height: 25px; background-color: #000000; font: normal 11px Arial, Helvetica, sans-serif; }
#fleft { float: left; padding: 6px 0px 2px 20px; }
#fright { float: right; padding: 5px 20px 2px 0px; color: #5b5b5b; }
#fright a { color: #5b5b5b; text-decoration: none; }
#fright a:hover { color: #0099ff; }
#fleft a, #fleft span.sep { text-decoration: none; color: #cbcbcb; font-weight: bold; }
#fleft a:hover, #fleft a.selected { color: #0099ff; }
#fleft span.sep { padding: 0px 16px; }

/* Logo Frame */
#logoframe { padding-top: 65px; }
#logo, #lgabout, #lginv { cursor: pointer; }
#logo, #logo a { height: 50px; width: 700px; margin-bottom: 9px; }
#lgabout, #lgabout a { height: 30px; width: 200px; }
#lginv, #lginv a { height: 30px; width: 300px; }

#whgl-logo, #whgl-lgabout, #whgl-lginv { height: 50px; width: 0px; position: absolute; background-color: #FFFFFF; }
#whgl-lgabout, #whgl-lginv { height: 30px; }
#whgl-logo { background: url(../images/logo-hgl.png) no-repeat left top; }
#whgl-lgabout { background: url(../images/lgabout-hgl.png) no-repeat left top; }
#whgl-lginv { background: url(../images/lginv-hgl.png) no-repeat left top; }

/* Content */
#content { top: 90px; height: 465px; position: absolute; background-color: #FFFFFF; width: 0px; color:#000000; opacity:0.9; filter:alpha(opacity=90); }
#content h1 { margin: 0px; padding: 20px 20px 6px; font-weight: normal; color: #0099ff; }
#content p { line-height: 16px; text-align: justify; padding: 3px 20px 3px; }
#content .clrbl { color: #0099ff; }
#content p .blk { display: block; }
#content .fnt16 { font-size: 16px; }
#content ul { margin: 0px;  padding: 0px 0px 10px 20px; list-style-type: none; }
#content ul li { padding: 0px 3px 2px 13px; background: url(../images/bullet.png) no-repeat 0px 3px; }

/* Contact Form */
#cnt-form-frame { margin: 0px 10px; border: solid 1px #CCCCCC; width: 377px; height: 281px; }
#cnt-form { padding: 6px 15px 15px 10px; width: 353px; height: 260px; overflow: auto; }
#cnt-form .lbl, #cnt-form .fields { float: left; width: 125px; padding: 5px; }
#cnt-form .lbl { text-align: right; padding: 7px 5px 3px 0px; }
#cnt-form .fields { width: 190px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #585858; padding: 5px 0px; }
#cnt-form .fields .txtclr { font-size: 12px; color: #fff6c3; }
#cnt-form .txt, #cnt-form .txts, #cnt-form .txtss, #cnt-form .txtarea, #cnt-form .cbo, #cnt-form .chbox { width: 150px; border: solid 1px #585858; padding: 1px; }
#cnt-form .cbo, #cnt-form .chbox { width: auto; }
#cnt-form .txts { width: 60px; }
#cnt-form .txtss { width: 40px; }
#cnt-form .frmbtn { padding-top: 15px; }
#cnt-form .sc-img { float: left; }
#cnt-form .txtarea { width: 190px; height: 90px; }
#cnt-form .btn, #cnt-form #submit { border: solid 1px #000000; background-color: #000000; color: #FFFFFF; cursor: pointer; font-weight: bold; padding: 3px; }
#cnt-form .txtbk-nml { background-color: #FFFFFF; border-color: #585858; }
#cnt-form .txtbk-hgl { background-color: #d9eaff; border-color: #000000; }

/* Status Message */
#msg-status { padding: 0px 15px; text-align: center; font-weight: normal; }
#msg-status p { padding: 0px; margin: 0px; padding-bottom: 3px; text-align: center; }
#msg-status .txtright { text-align: right; }
#msg-status .msg-stat-err, #msg-status .msg-stat-warn { color: #FF0000; font-weight: bold; text-align: center; }
#msg-status .msg-stat-sus { color: #339900; font-weight: bold; }
#msg-status .msg-stat { background: url(../images/ico-loading.gif) no-repeat left top; color: #000000; padding-left: 20px; }

/* jScroll */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 3000; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { position: absolute; background: #0099ff url(../images/ico-drag_grab.gif) no-repeat 50% 50%; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; }

/* Calender */
table.jCalendar { border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px; }
table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 5px; }
table.jCalendar td { background: #ccc; color: #000; padding: 3px 5px; text-align: center; }
table.jCalendar td.other-month { background: #ddd; color: #aaa; }
table.jCalendar td.today { background: #666; color: #fff; }
table.jCalendar td.selected { background: #f66; color: #fff; }
table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; }
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; }
table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; }
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }

/* Calender Popup */
div.dp-popup { position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 6px; width: 171px; line-height: 1.2em; }
div#dp-popup { position: absolute; z-index: 199; }
div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }
a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 2px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../images/ico-calender.gif) no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
input.dp-applied { width: 140px; float: left; }