body {PADDING: 0px; BACKGROUND-COLOR: #ffffff; margin:0px; width:100%; font-size: 12px;}

/* tag ================================================================*/

/* pagiLink tag*/
.pagiLink{font-size: 12px;padding-top:3px;padding-bottom:3px;text-align:right;}
.xaContainer {}
.mockLink{cursor:pointer;text-decoration:none;color:#2a5685;padding-top:0px;margin-top:0px;}
.mockLink:hover{cursor:pointer;text-decoration:underline;color:#c61a1a;padding-top:0px;margin-top:0px;}

/* applet box tag *********************************/
.appletBox {text-align: left;width:100%border: 1px solid #EEDFCC;border-top:0px solid #00d352;}
.appletBox .appletTitleBar {PADDING: 0;FONT-WEIGHT: bold;height: 22px;TEXT-ALIGN: left;border-top:0px solid #d61821 ;border-bottom:2px solid #d61821 ;background :url(xframe/themes/default/img/common/title-bar-bg.gif) repeat-y right center ; }
.appletBox .appletTitle {color: #000000;font-size: 12px;font-weight: bold;padding-left: 5px;vertical-align:middle;}
.appletBox .appletIcon {filter: Alpha(opacity =   80);-moz-opacity: 0.8;}
.appletBox .closeButton,.closeButton {background:transparent url(base/themes/default/img/tag/close_box.gif) no-repeat scroll 0 0;width:13px;height: 13px;cursor:pointer;}
.appletBox .minButton,.minButton {background:transparent url(base/themes/default/img/tag/min_box.gif) no-repeat scroll 0 0;width:13px;height: 13px;cursor:pointer;}
.appletBox .maxButton,.maxButton {background:transparent url(base/themes/default/img/tag/max_box.gif) no-repeat scroll 0 0;width:13px;height: 13px;cursor:pointer;}

/* notice tag ***********************/
.notice-error {BORDER: 2px solid;PADDING-left: 30px;PADDING-TOP: 10px;FONT-SIZE: 1.1em;MARGIN-BOTTOM: 12px;BORDER-COLOR: #dd0000;BACKGROUND:transparent url(base/themes/default/img/tag/false.png) #ffe3e3 no-repeat 8px 5px;}
.notice-success {BORDER: 2px solid;PADDING-left: 30px;PADDING-TOP: 10px;FONT-SIZE: 1.1em;MARGIN-BOTTOM: 12px;BORDER-COLOR: #9fcf9f;BACKGROUND:transparent url(base/themes/default/img/tag/true.png) #dfffdf no-repeat 8px 5px;}


/* js ================================================================*/

/* ajax loading  boncbase.js***********************/
#ajax-indicator {BORDER-RIGHT: #bbb 1px solid;PADDING-RIGHT: 0.6em;BORDER-TOP: #bbb 1px solid;PADDING-LEFT: 0.6em;FONT-WEIGHT: bold;Z-INDEX: 100;FILTER: alpha(opacity =   50);LEFT: 40%;PADDING-BOTTOM: 0.6em;BORDER-LEFT: #bbb 1px solid;WIDTH: 20%;PADDING-TOP: 0.6em;BORDER-BOTTOM: #bbb 1px solid;POSITION: absolute;TOP: 35%;BACKGROUND-COLOR: #eee;TEXT-ALIGN: center;-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5}
HTML>BODY #ajax-indicator {POSITION: fixed}
#ajax-indicator SPAN {BACKGROUND-POSITION: 0% 40%;PADDING-LEFT: 26px;background:transparent url(base/themes/default/img/js/loading.gif) no-repeat ;VERTICAL-ALIGN: bottom;}
DIV.exclamationBox {BORDER: 1px solid #6188EF;position: absolute;float: left;width: 695px;height: 300px;top: 80px;left: 50%;margin-left: -348px;padding: 20px;}

/* warn  ***********************/
.bigWarnIcon {background:transparent url(base/themes/default/img/js/BigWarnIcon.gif) no-repeat;width: 121px;height: 121px;}
/* error ***********************/
.bigErrorIcon {background:transparent url(base/themes/default/img/js/BigErrorIcon.gif) no-repeat;width: 121px;height: 121px;}

/* 提示框  boncbase.js********************************/
.popupTooltip {background-color: yellow;padding: 10px;position: absolute;border: 1px solid blue;}
/***********弹出来的小窗口样式************/
.popupWindow {z-index: 90000;position: absolute;}
.popupWindow .tab{border:1px solid #C6C6C6;background-color: #e7e7e7;}
.popupWindow .inputReadonly{background-color: #e7e7e7;}

/* modal dialog lightbox.js ********************************************/
#lightboxOverlay {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5000;background-color: #000;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity =   80);}
#lightboxOverlay[id] {position: fixed;}
#lightbox {position: absolute;top: 50%;left: 50%;z-index: 9999;border: 1px solid #fff;background: #FDFCE9;text-align: left;}
#lightbox[id] {position: fixed;}
#lightboxTitle {width: 100%;height: 22px;text-align: left;padding: 3px;margin: 0px;font: bold 13px;color: white;border: 1px solid #336699;background-color: #336699}
#lightboxContent {height: 55%;padding-left: 10px;padding-top: 10px;}
#lightboxBottom {width: 100%;height: 25%;text-align: center;}


/* common ================================================================*/

/* form */
form{padding:0;margin:0px}
form .required {color: red}

/* form  layout *********************************/
TABLE.formGrid {BORDER: 1px solid #cecfc6;BORDER-COLLAPSE: collapse;border-spacing: 0;width: 100%}
TABLE.formGrid TD {BORDER: #cecfc6 1px solid;padding: 2px 2px 2px 2px;font-size: 12px}

/* data grid0 用在数据集的表格显示中 *********************************/
TABLE.grid0 {BORDER: 1px solid #D1D1D1;border-top:0px;BORDER-COLLAPSE: collapse;border-spacing: 0;width: 100%;}
TABLE.grid0 THEAD {font-weight: normal;font-size: 11pt;BACKGROUND-COLOR: #EFEFEF;color: black;text-align: center}
TABLE.grid0 TH {font-weight: normal;PADDING: 5px 0;border: 1px solid #cecfc6;font-size: 12px}
TABLE.grid0 TD {BORDER: #cecfc6 1px solid;padding: 2px 2px 2px 2px;font-size: 12px}
TABLE.grid0 TBODY TR:hover {BACKGROUND-COLOR: #EEE8AA;}
TABLE.grid0 .odd {BACKGROUND-COLOR: #e7f3c6}

/* data grid1 *********************************/
TABLE.grid1 {BORDER: 1px solid #6188EF;BORDER-COLLAPSE: collapse;MARGIN-BOTTOM: 4px;width: 100%}
TABLE.grid1 TH {PADDING: 4px;WHITE-SPACE: nowrap;BACKGROUND-COLOR: #D7E1FB;color: #0000A0;text-align: center}
TABLE.grid1 TD {VERTICAL-ALIGN: top;OVERFLOW: hidden;TEXT-OVERFLOW: ellipsis}
TABLE.grid1 TBODY TR:hover {BACKGROUND-COLOR: #eeeecc}
TABLE.grid1 .odd {BACKGROUND-COLOR: #f6f7f8}

/* data grid10 *********************************/
TABLE.grid10 {BORDER: 1px solid #6188EF;BORDER-COLLAPSE: collapse;border-spacing: 0;width: 100%}
TABLE.grid10 THEAD {FONT-WEIGHT: bold;font-size: 11pt;BACKGROUND-COLOR: #D7E1FB;color: #0000A0;text-align: center}
TABLE.grid10 TH {PADDING: 5px 0;border: 1px solid #B4C7FE;font-size: 12px}
TABLE.grid10 TD {BORDER: #B4C7FE 1px solid;padding: 2px 0px 2px 2px;font-size: 12px}

/* link ********************************************/
A {font-size: 12px;COLOR: #2a5685;TEXT-DECORATION: none;cursor:pointer;}
A:link {COLOR: #2a5685;TEXT-DECORATION: none}
A:visited {COLOR: #2a5685;TEXT-DECORATION: none}
A:hover {COLOR: #c61a1a;TEXT-DECORATION: underline}
A:active {COLOR: #c61a1a;TEXT-DECORATION: underline}

/* button ******************************************************/
.icon-view,.icon-del,.icon-add,.icon-edit,.icon-save,.icon-attachment,.icon-audit {font-size: 14px;background-position: 0% 40%;background-repeat: no-repeat;padding-left: 20px;padding-top: 2px;padding-bottom: 30px;}
.icon-view {background:transparent url(base/themes/default/img/common/op_view.gif) no-repeat scroll 0 0;}
.icon-del {background:transparent url(base/themes/default/img/common/op_delete.png) no-repeat scroll 0 0;}
.icon-add {background:transparent url(base/themes/default/img/common/op_add.png) no-repeat scroll 0 0;}
.icon-edit {background:transparent url(base/themes/default/img/common/op_edit.png) no-repeat scroll 0 0;}
.icon-save {background:transparent url(base/themes/default/img/common/op_save.png) no-repeat scroll 0 0;}
.icon-attachment {background:transparent url(base/themes/default/img/common/op_attachment.png) no-repeat scroll 0 0;}
.icon-audit {background:transparent url(base/themes/default/img/common/op_audit.gif) no-repeat scroll 0 0;}