html {width: 100%; height: 100%; background: transparent;}
body {width: 100%; height: 100%; padding: 0px; font-size: 10pt; background: transparent; overflow: hidden;}
body, table {border: none; margin: 0px; font-family: arial;}
table {table-layout: fixed; border-collapse: collapse;}

a {color: #3399CC; text-decoration: none;}
a:hover {color: #FF9933; text-decoration: none;}

p {margin: 0px;}
p+p {margin: 9px 0px 0px 0px;}

#frameControl {background: #C3CDE4; cursor: default;}
#frameFolders {background: #C3CED4 url('images/tab_bgX.gif') repeat-x fixed left top; overflow: auto; cursor: default;}
#frameHistory {background: #FFFFFF; overflow: auto;}
#frameSignin {background: #F2F6FB;}
#frameStatus {background: #CBE5F7;}
#HeaderBar {width: 100%; height: 29px; background: #67767F; color: #FFCC33; font-size: 11pt; font-weight: bold; cursor: default;}

#control {width: 220px; background: #C3CDE4; vertical-align: bottom;}
#dialog {background: #CBE5F7;}
#dialogtabbed {background: #A9B6C0;}
#sidebar {width: 100%; background: #EFF4F7 url('images/side.gif') repeat-y left top; cursor: default;}
#signin {width: 282px; height: 156px; background: url('images/signin.gif') no-repeat left top; margin: auto; text-align: left;}
#statbar {width: 100%; height: 22px; background: #CBE5F7; cursor: default;}
#tabbar {width: 100%; height: 24px; background: #EFF4F7 url('images/side.gif') repeat-y left top; cursor: default;}
#tabbarX {width: 100%; height: 24px; background: #EFF4F7 url('images/side.gif') repeat-y left top; cursor: default;}
#toolbar {width: 100%; height: 35px; background: url('images/toolbar.gif') repeat-x left top; cursor: default;}
#wizTable {background: url('images/wizard.png') no-repeat center center;}

.ans {text-align: left; padding: 1px 0px;}
.avatar {width: 24px; height: 24px; clear: both; margin: 0px 0px -3px 0px;}
.big {font-size: 120%;}
.bigger {font-size: 140%;}

.bg_btn {width: 64px; height: 36px; background: url('images/bg_btn.gif') no-repeat left top; font-weight: bold; border: none;}
.bg_btn:hover {width: 64px; height: 36px; background: url('images/bg_btn.gif') no-repeat left center; font-weight: bold; border: none;}
.bg_btn:active {width: 64px; height: 36px; background: url('images/bg_btn.gif') no-repeat left bottom; font-weight: bold; border: none;}

.bg_btnlg {width: 96px; height: 36px; background: url('images/bg_btnlg.gif') no-repeat left top; font-weight: bold; border: none;}
.bg_btnlg:hover {width: 96px; height: 36px; background: url('images/bg_btnlg.gif') no-repeat left center; font-weight: bold; border: none;}
.bg_btnlg:active {width: 96px; height: 36px; background: url('images/bg_btnlg.gif') no-repeat left bottom; font-weight: bold; border: none;}

.bg_btnsm {width: 58px; height: 36px; background: url('images/bg_btnsm.gif') no-repeat left top; font-weight: bold; border: none;}
.bg_btnsm:hover {width: 58px; height: 36px; background: url('images/bg_btnsm.gif') no-repeat left center; font-weight: bold; border: none;}
.bg_btnsm:active {width: 58px; height: 36px; background: url('images/bg_btnsm.gif') no-repeat left bottom; font-weight: bold; border: none;}

.bg_bc {height: 8px; background: url('images/bg_horz.gif') repeat-x left bottom;}
.bg_bl {width: 8px; height: 8px; background: url('images/bg_corner.gif') no-repeat left bottom;}
.bg_br {width: 8px; height: 8px; background: url('images/bg_corner.gif') no-repeat right bottom;}
.bg_tc {height: 8px; background: url('images/bg_horz.gif') repeat-x left top;}
.bg_tl {width: 8px; height: 8px; background: url('images/bg_corner.gif') no-repeat left top;}
.bg_tr {width: 8px; height: 8px; background: url('images/bg_corner.gif') no-repeat right top;}
.bg_mc {background: #DDE4F0; color: #000000;}
.bg_ml {width: 8px; background: url('images/bg_vert.gif') repeat-y left top;}
.bg_mr {width: 8px; background: url('images/bg_vert.gif') repeat-y right top;}

.btn_col {border: none; margin: 1px 5px 0px 2px; width: 17px; height: 17px; background: url('images/btn_cps.gif') no-repeat center center; float: left; cursor: pointer;}
.btn_exp {border: none; margin: 1px 5px 0px 2px; width: 17px; height: 17px; background: url('images/btn_exp.gif') no-repeat center center; float: left; cursor: pointer;}
.buttonsq74 {margin: 0px; border: none; width: 74px; height: 74px; background: url('images/buttonsq74.gif') no-repeat left top; font-size: 140%;}
.buttonsq74:hover {margin: 0px; border: none; width: 74px; height: 74px; background: url('images/buttonsq74.gif') no-repeat left center;}
.buttonsq74:active {margin: 0px; border: none; width: 74px; height: 74px; background: url('images/buttonsq74.gif') no-repeat left bottom;}
.button76 {margin: 0px; border: none; width: 76px; height: 24px; background: url('images/button76.gif') no-repeat left top; cursor: default;}
.button76:hover {margin: 0px; border: none; width: 76px; height: 24px; background: url('images/button76.gif') no-repeat left center;}
.button76:active {margin: 0px; border: none; width: 76px; height: 24px; background: url('images/button76.gif') no-repeat left bottom;}
.button76dis {margin: 0px; border: none; width: 76px; height: 24px; background: url('images/button76.gif') no-repeat left top; color: #999999; cursor: default;}
.closeBtn {border: none; margin: 0px; width: 21px; height: 21px; overflow: hidden; background: url('images/close.gif') no-repeat left top;}
.closeBtn:hover {background: url('images/close.gif') no-repeat left center;}
.closeBtn:active {background: url('images/close.gif') no-repeat left bottom;}
.colbox {width: 12px; height: 12px; border: solid 1px #CCCCCC;}
.drop {background: #FFFFFF; border-top: solid 1px #D4D4D4; border-right: solid 1px #999999; border-bottom: solid 1px #AAAAAA; border-left: solid 1px #D4D4D4; cursor: default;}
.err {height: 18px; background: #FFCCCC; border: solid 1px #7F9DB9; padding: 0px 0px 0px 3px; font-size: 11px; line-height: 17px;}
.folder_holder {position: relative; width: 100%; height: 20px; font-weight: normal; overflow: hidden;}
.folder_holder:hover {font-weight: bold;}
.folder_holderB {position: relative; width: 100%; height: 20px; font-weight: normal; background: url('images/ico16_vl.gif') no-repeat 2px -24px; overflow: hidden;}
.folder_holderB:hover {font-weight: bold;}
.folder_holderM {position: relative; width: 100%; height: 20px; font-weight: normal; background: url('images/ico16_vl.gif') no-repeat 2px 0px; overflow: hidden;}
.folder_holderM:hover {font-weight: bold;}
.folder_holderT {position: relative; width: 100%; height: 20px; font-weight: normal; background: url('images/ico16_vl.gif') no-repeat 2px 8px; overflow: hidden;}
.folder_holderT:hover {font-weight: bold;}
.folder_note {position: relative; width: 100%; height: 20px; font-weight: normal; overflow: hidden;}
.folder_pic {position: absolute; height: 20px; overflow: hidden;}
.folder_text {position: absolute; height: 20px; padding-top: 4px; overflow: hidden;}
.hidden {display: none; visibility: hidden;}
.hist_date {width: 110px; float: left;}
.hist_enter {padding: 12px 6px 3px 6px; color: #A85200; font-size: 120%;}
.hist_msg {margin: 3px 6px; font-size: 120%;}
.icon16 {margin: 2px 0px; width: 16px; height: 16px;}
.inparea {border-top: none; border-right: solid 1px #999999; border-bottom: solid 1px #999999; border-left: none; background: #FFFFFF;}

.in_btn {width: 102px; height: 20px; background: url('images/in_btn.gif') no-repeat left top; color: #66CCFF; font-size: 9pt; border: none;}
.in_btn:hover {width: 102px; height: 20px; background: url('images/in_btn.gif') no-repeat left center; color: #FFCC66; font-size: 9pt; border: none;}
.in_btn:active {width: 102px; height: 20px; background: url('images/in_btn.gif') no-repeat left bottom; color: #FFCC66; font-size: 9pt; border: none;}

.in_bc {height: 8px; background: url('images/in_horz.gif') repeat-x left bottom;}
.in_bl {width: 8px; height: 8px; background: url('images/in_corner.gif') no-repeat left bottom;}
.in_br {width: 8px; height: 8px; background: url('images/in_corner.gif') no-repeat right bottom;}
.in_tc {height: 8px; background: url('images/in_horz.gif') repeat-x left top;}
.in_tl {width: 8px; height: 8px; background: url('images/in_corner.gif') no-repeat left top;}
.in_tr {width: 8px; height: 8px; background: url('images/in_corner.gif') no-repeat right top;}
.in_mc {background: #000000; color: #FFFFFF; text-align: center; cursor: default;}
.in_mc a {color: #66CCFF; text-decoration: none;}
.in_mc a:hover {color: #FFCC66; text-decoration: none;}
.in_ml {width: 8px; background: url('images/in_vert.gif') repeat-y left top;}
.in_mr {width: 8px; background: url('images/in_vert.gif') repeat-y right top;}

.just {text-align: justify;}
.just_right {text-align: right;}
.left {float: left;}
.nomargin {margin: 0px;}
.opt {height: 18px; background: #FFFFFF; border: solid 1px #7F9DB9; padding: 0px 0px 0px 3px; font-size: 11px; line-height: 17px;}
.orange_bg {background: #FF9933;}
.picked {background: #AE7C3C; color: #FFFFFF;}
.profile {border: solid 1px #999999; margin: 0px; width: 96px; height: 96px; cursor: pointer;}
.plain {margin: 1px 5px; padding: 0px; border: none; background: transparent; color: #000000; font-size: 11pt; height: 19px;}
.profile {margin: 0px; border: solid 1px #CCCCCC; width: 96px; height: 96px; cursor: default;}
.quest {text-align: right; font-weight: bold; padding: 1px 0px;}
.req {height: 18px; background: #F7F9FF; border: solid 1px #7F9DB9; padding: 0px 0px 0px 3px; font-size: 11px; line-height: 17px;}
.right {float: right;}
.scrollable {width: 100%; height: 100%; overflow: auto;}
.sel {height: 20px; background: #FFFFFF; cursor: default;}
.sel:hover {background: #FED6A1;}
.shown {visibility: visible;}
.small {font-size: 90%;}
.smaller {font-size: 85%;}
.statbox {border-top: solid 1px #999999; border-right: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; border-left: solid 1px #999999; background: #E4ECF6; padding: 3px 4px 0px 4px;}
.statboxp {border-top: solid 1px #999999; border-right: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; border-left: solid 1px #999999; background: #E4ECF6; padding: 3px 4px 0px 4px; cursor: pointer;}
.static {width: 100%; height: 100%; overflow: hidden;}
.subbox {width: 85%; border: solid 1px #3399CC; background: #FFFFFF; float: right;}
.subbox_dim {width: 85%; border: solid 1px #3399CC; background: #EEEEEE; float: right;}
.tab_b {width: 87px; background: url('images/tab_bg.gif') no-repeat left bottom; text-align: center; padding-top: 4px; cursor: pointer; color: #808080;}
.tab_b:hover {color: #000000;}
.tab_f {width: 87px; background: url('images/tab_fg.gif') no-repeat left bottom; text-align: center; padding-top: 5px; cursor: default;}
.tab_n {height: 24px; background: url('images/tab.gif') repeat-x left bottom;}
.tabB {width: 97px; background: url('images/tabb.png') no-repeat left top; text-align: center; color: #666666; border-bottom: solid 1px #333333; cursor: pointer;}
.tabF {width: 97px; background: url('images/tabf.png') no-repeat left top; text-align: center; color: #000000; border-bottom: solid 1px #FFFFFF; cursor: default;}
.tag_left {float: left; padding-top: 3px; cursor: pointer;}
.title {font-size: 14pt; font-weight: bold; color: #336699; text-align: center;}
.tleft {color: #333333; font-size: 120%; font-weight: bold; text-align: left;}
.tlink {color: #3399CC; font-size: 120%; font-weight: bold; cursor: pointer;}
.tlink:hover {color: #FF9933;}

.tool_dis {border: none; width: 30px; height: 28px; color: #484848; cursor: default;}
.tool_pic {border: none; margin: 2px 0px 0px 3px; width: 24px; height: 24px; float: left;}
.tool_sel {border: none; width: 30px; height: 28px; background: url('images/tool_sel.gif') no-repeat center center; cursor: default;}
.tool_sel100 {border: none; width: 100px; height: 28px; background: url('images/tool_ex_sel.gif') no-repeat center center; cursor: default; color: #FFFFFF;}
.tool_sel132 {border: none; width: 132px; height: 28px; background: url('images/tool_exx_sel.gif') no-repeat center center; cursor: default; color: #FFFFFF;}
.tool_sep {width: 26px; height: 28px; background: url('images/tool_sep.gif') no-repeat center center; cursor: default;}
.tool_space {width: 10px;}
.tool_text {padding: 5px 0px 0px 4px; font-size: 14px; float: left;}

.tool {border: none; width: 30px; height: 28px; color: #E8E8E8; cursor: pointer;}
.tool:hover {background: url('images/tool.gif') no-repeat center center; color: #666666;}
.tool100 {border: none; width: 100px; height: 28px; color: #E8E8E8; cursor: pointer;}
.tool100:hover {background: url('images/tool_ex.gif') no-repeat center center; color: #666666;}
.tool132 {border: none; width: 132px; height: 28px; color: #E8E8E8; cursor: pointer;}
.tool132:hover {background: url('images/tool_exx.gif') no-repeat center center; color: #666666;}

.trunc {overflow: hidden;}
.unseen {visibility: hidden;}
.window {background: #FFFFFF; border: solid 1px #999999; padding: 4px 8px; overflow: auto;}