/*
 * $Id: om-theme.css,v 1.8 2012/06/26 08:57:31 chentianzhen Exp $
 * operamasks-ui CSS Framework 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */

.om-helper-hidden { display: none; }
.om-helper-position-absolute { position: absolute; }
.om-helper-hidden-accessible { left:-20000px; top:-20000px; position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.om-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.om-helper-clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden; }
.om-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .om-helper-clearfix { height:1%; }
.om-helper-clearfix { display:block; }
/* end clearfix */
.om-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.om-state-disabled { cursor: default !important; }
.om-state-cursor-pointer {cursor: pointer;}


/* Icons
----------------------------------*/

/* states and images */
.om-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.om-vertical-align-middle { vertical-align: middle; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.om-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.om-widget { font-family: 微软雅黑, 宋体, Arial, Helvetica, sans-serif, simsun; font-size: 12px; color: #1E1E1E; }
.om-widget .om-widget { font-size: 1em; }
/* .om-widget input, .om-widget select, .om-widget textarea, .om-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.om-widget input, input.om-widget {padding: 1px; *padding: 0px;} */
.om-widget-content { border: 1px solid #99A8BC; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #1E1E1E;}
.om-widget .om-widget-header { background: url("images/header_bg.png") repeat-x scroll 0 0 #FFFFFF; color: #23466D; font-weight: bold;}
.om-widget-header a { color: #99A8BC; }

/* Interaction states
----------------------------------*/
.om-state-default, .om-widget-content .om-state-default, .om-widget-header .om-state-default { border: 1px solid #86A3C4; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #1E1E1E; }
.om-state-default a, .om-state-default a:link, .om-state-default a:visited { text-decoration: none; }
.om-state-hover, .om-widget-content .om-state-hover, .om-widget-header .om-state-hover, .om-state-focus, .om-widget-content .om-state-focus, .om-widget-header .om-state-focus { background: #6C99DD; font-weight: normal; color: #ffffff; }
.om-state-hover a, .om-state-hover a:hover { color: #1E1E1E; text-decoration: none; }
.om-state-focus, .om-widget-content .om-state-focus, .om-widget-header .om-state-focus { border: 1px solid #2966B1; }
.om-state-focus a, .om-state-focus a:hover { color: #1E1E1E; text-decoration: none; }
.om-state-active, .om-widget-content .om-state-active, .om-widget-header .om-state-active { background:#a5c7ff; font-weight: normal; color: #212121; }
.om-state-active a, .om-state-active a:link, .om-state-active a:visited { color: #212121; text-decoration: none; }
.om-widget :active { outline: none; }
.om-empty-text{ color: #CCCCCC; }
/* Interaction Cues
----------------------------------*/
.om-state-highlight, .om-widget-content .om-state-highlight, .om-widget-header .om-state-highlight  {border: 1px solid #fcefa1; background: #1C62CB; color:#ffffff; }
.om-state-highlight a, .om-widget-content .om-state-highlight a,.om-widget-header .om-state-highlight a { color: #363636; }
.om-state-disabled, .om-widget-content .om-state-disabled, .om-widget-header .om-state-disabled { opacity: .6; filter:Alpha(Opacity=60); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.om-icon { width: 16px; height: 16px; background-image: url(images/om-icons-default.png); }
.om-state-default .om-icon { background-image: url(images/om-icons-default.png); }
.om-state-hover .om-icon, .om-state-focus .om-icon {background-image: url(images/om-icons-hover.png); }
.om-state-active .om-icon {background-image: url(images/om-icons-hover.png); }

/* common icons */
.om-icon-seek-start {background-position: 0 0}
.om-icon-seek-end {background-position: -16px 0}
.om-icon-seek-prev {background-position: -32px 0}
.om-icon-seek-next {background-position: -48px 0}
.om-icon-refresh {background-position: -64px 0}
.om-icon-grip-diagonal-se {background-position: -80px 0}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.om-corner-all, .om-corner-top, .om-corner-left, .om-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.om-corner-all, .om-corner-top, .om-corner-right, .om-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.om-corner-all, .om-corner-bottom, .om-corner-left, .om-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.om-corner-all, .om-corner-bottom, .om-corner-right, .om-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Overlays */
/* .om-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .40;filter:Alpha(Opacity=40); } */
.om-widget-overlay { background: #000; opacity: .40; filter:Alpha(Opacity=40); }
.om-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* no background */
.om-state-nobg, .om-widget-content .om-state-nobg {background: none; color: #000;}
/* no border */
.om-state-nobd, .om-widget-content .om-state-nobd {border: none;}

.om-loading { background-image: url("images/load.gif") !important; background-repeat: no-repeat; background-position: center !important; }

/* trigger */
.om-state-default .om-combo-trigger, .om-state-default .om-calendar-trigger {background-position:0px 0;}
.om-state-hover .om-combo-trigger, .om-state-hover .om-calendar-trigger {background-position:-19px 0;}
.om-state-focus .om-combo-trigger, .om-state-focus .om-calendar-trigger {background-position:-19px 0;}
.om-state-active .om-combo-trigger, .om-state-active .om-calendar-trigger {background-position:-38px 0;}

/* dropLisr */
.om-droplist .om-state-hover {background-color: #d9e6f8; color: black; border: none; }

/*
 * jQuery UI Resizable 1.8.15
 * $Id: om-resizable.css,v 1.1 2012/06/07 02:34:01 licongping Exp $
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.om-resizable { position: relative;}
.om-resizable-handle { position: absolute;font-size: 0.1px;z-index: 999; display: block; }
.om-resizable-disabled .om-resizable-handle, .om-resizable-autohide .om-resizable-handle { display: none; }
.om-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.om-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.om-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.om-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.om-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.om-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.om-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.om-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * $Id: om-panel.css,v 1.4 2012/06/27 09:10:27 licongping Exp $
 * operamasks-ui panel 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-panel{
	overflow: hidden;
}
.om-panel-header{
 	padding: 5px;
 	height: 12px;
 	line-height: 12px;
 	background: url("images/panel/om-panel-header-bg-d.jpg") repeat-x scroll 0 0 #FFFFFF;
 	border:1px solid #99A8BB;
 	position: relative;
 	cursor: default;
 }
.om-panel-body{
 	background-image: none;
 	border-top-width: 0;
 	padding: 1em;
 	overflow: auto;
 	background-color: #DBE2EB;
}
.helpMsg .om-panel-header{
 	padding: 5px;
 	height: 10px;
 	background: url("images/panel/om-panel-header-bg-help-d.jpg") repeat-x scroll 0 0 #FFFFFF;
 	border:1px solid #C1C1C1;
 	position: relative;
}
.helpMsg .om-panel-body{
	background-color: #EEEEEE;
	color: #5F5F5F;
}
.om-panel-noheader{
 	border-top-width:1px;
}
.om-panel-title{
	white-space: nowrap;
	overflow: hidden;
}
.om-panel-icon{
	float: left;
	background-image: none;
	width:20px;
	height:16px;
}
.om-panel-tool{
	position: absolute;
	right: 5px;
	top: 3px;
}
.om-panel-tool div.om-icon{
	float:left;
	margin-left:2px;
	cursor:pointer;
	width: 20px;
	height: 18px;
	line-height: 18px;
	display:block;
}
.om-panel-loadingMessage{
	background-color: white;
    left: 0;
    opacity: .8; filter:Alpha(Opacity=80);
    position: absolute;
    top: 0;
    z-index:100;
}
.om-panel-loadingMessage .valignMiddle{
	left: 50%;
   	margin-left: -30px;
   	margin-top: -8px;
   	position: absolute;
   	top: 50%;
}
.om-panel-loadingMessage .loadingImg{
	background: url("images/load.gif") repeat scroll 0 0 transparent;
    height: 16px;
    padding-left:20px;
    background-repeat: no-repeat;
}
.om-panel-tool-collapse{
	background: url("images/panel/up_panel.png") no-repeat center center transparent
}
.om-panel-tool-expand{
	background: url("images/panel/down_panel.png") no-repeat center center transparent
}
.om-panel-tool-min{
	background: url("images/panel/min_panel.png") no-repeat center center transparent
}
.om-panel-tool-max{
	background: url("images/panel/max_panel.png") no-repeat center center transparent
}
.om-panel-tool-close{
	background: url("images/panel/close_panel.png") no-repeat center center transparent
}
/*
 * $Id: om-grid.css,v 1.8 2012/06/20 00:35:27 chentianzhen Exp $
 * operamasks-ui grid 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */

.om-grid {position: relative; overflow: hidden;border: medium none;}

.om-grid.hideBody {height: 26px !important;border-bottom: 1px solid #ccc;}

.ie6fullwidthbug {
	border-right: 0px solid #ccc;
	padding-right: 2px;
}

.om-grid div.nDiv {
	background: #eee url(images/grid/line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999;
	float: left;
}

.om-grid div.nDiv table {
	margin: 2px;
}

.om-grid div.gBlock {
	position: absolute;
	z-index: 100;
	left:0;
	top:0;
	background-color: white;
	opacity: 0.6;
	filter:Alpha(Opacity=60);
}
.om-grid div.gBlock .gBlock-valignMiddle{
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.om-grid div.hDivBox {
	float: left;
	padding-right: 60px;
}


.om-grid div.bDiv table.autoht {
	border-bottom: 0px;
	margin-bottom: 0px;
}

.om-grid div.bDiv tr.oddRow {
    background-color: transparent;
}
.om-grid div.bDiv tr.evenRow {
    background-color: #E9EEF3;
}

.om-grid div.nDiv td {
	padding: 2px 3px;
	border: 1px solid #eee;
	cursor: default;
}

.om-grid div.nDiv tr:hover td,.om-grid div.nDiv tr.ndcolover td {
	background: #d5effc url(images/grid/hl.png) repeat-x top;
	border: 1px solid #a8d8eb;
}

.om-grid div.nDiv td.ndcol1 {
	border-right: 1px solid #ccc;
}

.om-grid div.nDiv td.ndcol2 {
	border-left: 1px solid #fff;
	padding-right: 10px;
}

.om-grid div.nDiv tr:hover td.ndcol1,.om-grid div.nDiv tr.ndcolover td.ndcol1
	{
	border-right: 1px solid #d2e3ec;
}

.om-grid div.nDiv tr:hover td.ndcol2,.om-grid div.nDiv tr.ndcolover td.ndcol2
	{
	border-left: 1px solid #eef8ff;
}

.om-grid div.nBtn {
	position: absolute;
	height: 22px;
	width: 14px;
	z-index: 900;
	background: #fafafa url(images/grid/fhbg.gif) repeat-x bottom;
	border: 0px solid #ccc;
	border-left: 1px solid #ccc;
	top: 0px;
	left: 0px;
	margin-top: 1px;
	cursor: pointer;
	display: none;
}

.om-grid div.nBtn div {
	height: 24px;
	width: 12px;
	border-left: 1px solid #fff;
	float: left;
	background: url("images/grid/grid-icons.png");
	background-position: 0px 0px;
}

.om-grid div.nBtn.srtd {
	background: url(images/grid/wbg.gif) repeat-x 0px -1px;
}

/* title */
.om-grid div.mDiv {border-left: 0px; border-right: 0px; border-top: 0px;font-weight: bold;display: block;overflow: hidden; white-space: nowrap; position: relative;}
.om-grid div.mDiv div {padding: 6px; white-space: nowrap;}
.om-grid div.mDiv div.ptogtitle {position: absolute; top: 4px; right: 3px; padding: 0px; overflow: hidden; cursor: pointer;}
.om-grid div.mDiv div.ptogtitle span {display: block;}

/* toolbar */
.om-grid div.tDiv {position: relative; overflow: hidden; height: 32px; border-left: 0px; border-right: 0px; border-top: 0px;}
.om-grid div.tDiv2 {float: left; clear: both; padding: 5px;}
.om-grid div.sDiv {position: relative; border: 1px solid #ccc; border-top: 0px; overflow: hidden; display: none;}
.om-grid div.sDiv2 {float: left; clear: both; padding: 5px; padding-left: 5px; width: 1024px;}
.om-grid div.sDiv2 input,.om-grid div.sDiv2 select {vertical-align: middle;}

.om-grid div.btnseparator {float: right; display:none; height: 24px; width: 2px; background: url("images/grid/space-bg.png") no-repeat; margin: 0 1px;}

.om-grid div.fbutton {float: left; display: block; height: 22px;}

.om-grid div.fbutton div {
    border: 1px solid transparent;
    line-height: 20px;
    cursor: pointer;
    float: left;
    padding: 0px 4px;
}

.om-grid div.fbutton span {
	float: left;
	display: block;
}

.om-grid div.fbutton div:hover,.om-grid div.fbutton div.fbOver {
	background-color : #dce8ff;
	border-radius : 2px;
	border: 1px solid #8ea9d5;
}

/* end toolbar*/
/* column title */
.om-grid div.hDiv {
	position: relative;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	overflow: hidden;
	width:100%;
	background: url(images/grid/grid_header_bg.png) repeat-x #C7D2E4;
}

.om-grid div.cDrag {
	float: left;
	position: absolute;
	z-index: 2;
	overflow: visible;
}

.om-grid div.cDrag div {
	float: left;
	background: none;
	display: block;
	position: absolute;
	height: 24px;
	width: 5px;
	cursor: col-resize;
}

.om-grid div.cDrag div:hover,.om-grid div.cDrag div.dragging {
	background: url(images/grid/line.gif) repeat-y 2px center;
}

.om-grid div.cDrag div.checkboxcol:hover{
	background: none;
	cursor: default;
}

.om-grid div.cDrag div.indexcol:hover{
    background: none;
    cursor: default;
}

.om-grid div.iDiv {
	border: 1px solid #316ac5;
	position: absolute;
	overflow: visible;
	background: none;
}

.om-grid div.iDiv input,.om-grid div.iDiv select,.om-grid div.iDiv textarea
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

.om-grid div.iDiv input.tb {
	border: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	background: none;
}

.om-grid div.bDiv {
	background: #fff;
	overflow: auto;
	position: relative;
	border-left : 1px solid #BCC5D2;
	border-right : 1px solid #BCC5D2;
	border-bottom : 1px solid #BCC5D2;
	width: 100%;
}

.om-grid div.hGrip {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 5px;
	width: 5px;
	background: url(images/grid/line.gif) repeat-x center;
	margin-right: 1px;
	cursor: col-resize;
}

.om-grid div.hGrip:hover,.om-grid div.hGrip.hgOver {
	border-right: 1px solid #999;
	margin-right: 0px;
}

.om-grid div.vGrip {
	height: 5px;
	overflow: hidden;
	position: relative;
	background: #fafafa url(images/grid/wbg.gif) repeat-x 0px -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	text-align: center;
	cursor: row-resize;
}

.om-grid div.vGrip span {
	display: block;
	margin: 1px auto;
	width: 20px;
	height: 1px;
	overflow: hidden;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: none;
}

.om-grid div.hDiv th,.om-grid  div.bDiv td
	/* common cell properties*/ {
	text-align: left;
	border:0px;
	border-right: 1px solid #BCC5D2;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
}

.om-grid div.hDiv th div,.om-grid  div.bDiv td  div,div.colCopy div
	/* common inner cell properties*/ {
	padding: 5px;
	border-left: 0px solid #fff;
	overflow:hidden;
}

.om-grid div.hDiv th div.checkboxheader {
	padding: 4px 5px;
}

.om-grid div.hDiv th,div.colCopy {
	font-weight: normal;
	height: 27px;
	cursor: default;
	white-space: nowrap;
	overflow: hidden;
}

.om-grid div.hDiv th div.wrap,.om-grid div.bDiv td div.wrap{
    white-space: normal;
    word-wrap:break-word;
    word-break:break-all;
}

div.colCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: #fafafa url(images/grid/fhbg.gif) repeat-x bottom;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
}

.om-grid div.hDiv th.sorted {
	background: url(images/grid/wbg.gif) repeat-x 0px -1px;
	border-bottom: 0px solid #ccc;
}

.om-grid div.hDiv th.thOver {
	
}

.om-grid div.hDiv th.thOver div,.om-grid div.hDiv th.sorted.thOver div
{
	border-bottom: 1px solid orange;
	padding-bottom: 3px;
} 

.om-grid div.hDiv th.sorted div {
	border-bottom: 0px solid #ccc;
}

.om-grid div.hDiv th.thMove {
	background: #fff;
	color: #fff;
}

.om-grid div.hDiv th.sorted.thMove div {
	border-bottom: 1px solid #fff;
	padding-bottom: 4px
}

.om-grid div.hDiv th.thMove div {
	background: #fff !important;
}

.om-grid div.hDiv th div.sdesc {
	background: url(images/grid/grid-icons-ud.png) no-repeat center top;
	background-position:0px 0px;
}

.om-grid div.hDiv th div.sasc {
	background: url(images/grid/grid-icons-ud.png) no-repeat center top;
	background-position:-7px 0px;
}

.om-grid div.bDiv td {
	border-bottom: 1px solid #fff;
	vertical-align: top;
	white-space: nowrap;
	cursor: default;
	border-color:#bcc5d2;
}

.om-grid span.cdropleft {
	display: block;
	background: url(images/grid/prev.png) no-repeat -4px center;
	width: 24px;
	height: 24px;
	position: relative;
	top: -24px;
	margin-bottom: -24px;
	z-index: 3;
}

.om-grid div.hDiv span.cdropright {
	display: block;
	background: url(images/grid/next.png) no-repeat 12px center;
	width: 24px;
	height: 24px;
	float: right;
	position: relative;
	top: -24px;
	margin-bottom: -24px;
}

.om-grid div.bDiv td div {
	border-top: 0px solid #fff;
	padding-bottom: 4px;
}

.om-grid tr td.sorted {
	background: #f3f3f3;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #f3f3f3;
}

.om-grid tr td.sorted div {
	
}

.om-grid tr.erow td {
	background: #e8eef7;
	border-bottom: 1px solid #e8eef7;
}

.om-grid tr.erow td.sorted {
	background: #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

.om-grid div.bDiv tr.trOver td
	{
	background: #d9ebf5;
}

.om-grid div.bDiv tr.om-state-highlight:hover td,.om-grid div.bDiv tr.om-state-highlight:hover td.sorted,.om-grid div.bDiv tr.trOver.om-state-highlight td.sorted,.om-grid div.bDiv tr.trOver.om-state-highlight td,.om-grid tr.om-state-highlight td.sorted,.om-grid tr.om-state-highlight td
	{
	background: #C7FFC3;
}

/* novstripe adjustments */
.om-grid.novstripe .bDiv table {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.om-grid.novstripe  div.bDiv td {
	border-right-color: #fff;
}

.om-grid.novstripe div.bDiv tr.erow td.sorted {
	border-right-color: #e3e3e3;
}

.om-grid.novstripe div.bDiv tr td.sorted {
	border-right-color: #f3f3f3;
}

.om-grid.novstripe  div.bDiv tr.erow td {
	border-right-color: #f7f7f7;
	border-left-color: #f7f7f7;
}

.om-grid.novstripe div.bDiv tr.om-state-highlight:hover td,.om-grid.novstripe div.bDiv tr.om-state-highlight:hover td.sorted,.om-grid.novstripe div.bDiv tr.trOver.om-state-highlight td.sorted,.om-grid.novstripe div.bDiv tr.trOver.om-state-highlight td,.om-grid.novstripe tr.om-state-highlight td.sorted,.om-grid.novstripe tr.om-state-highlight td
	{
	border-right: 1px solid #0066FF;
	border-left: 1px solid #0066FF;
}

.om-grid.novstripe div.bDiv tr.trOver td,.om-grid.novstripe div.bDiv tr:hover td
	{
	border-left-color: #d9ebf5;
	border-right-color: #d9ebf5;
}

/* end novstripe */
.om-grid div.pDiv {
	border : none;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

.om-grid div.pDiv div.pDiv2 {
	margin :4px 0px 4px -1px;
	text-align:center;
	float: right;
	/*width: 1024px;*/
	height:24px;
	line-height: 24px;
}

div.pGroup {
	float: left;
	background: none;
	height: 24px;
	margin: 0px 5px;
}

.om-grid div.pDiv .pPageStat, .om-grid div.pDiv .pcontrol, .om-grid div.pDiv .pageLink {
	position: relative;
	overflow: visible;
}

.om-grid div.pDiv .pageLink a {
	color: #000;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 13px;
	text-decoration: none;
}

.om-grid div.pDiv a.now-page-link {
	color: #FF0000;
}

.om-grid div.pDiv .pageLink a:HOVER {
	text-decoration: underline;
}

.om-grid div.pDiv input {
	position: relative;
	text-align: center;
	padding: 0;
	width: 30px;
	height: 14px;
	line-height: 14px;
	margin: 0px 2px 0px 2px;
}

.om-grid div.pDiv  div.pButton {
	float: left;
	width: 16px; 
	height: 16px;
	border: 1px solid transparent;
	background-repeat : no-repeat;
	cursor: pointer;
	overflow: hidden;
	margin : 1px 2px;
	padding : 2px;
	/*the next 2 rows is for IE6,because IE6 not support transparent*/
	_border-color:tomato;
	_filter:chroma(color=tomato);
}

.om-grid div.pDiv  div.pButton span {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	*+float: none;
	*+display:inline;
}

.om-grid .pSearch {
	background: url("images/grid/grid-icons.png");
	background-position: -48px 0px;
}

.om-grid .pReload.loading {
	background: url(images/load.gif) no-repeat center;
}

/* ie adjustments */
.om-grid.ie div.hDiv th div,.om-grid.ie  div.bDiv td  div,div.colCopy.ie div
	/* common inner cell properties*/ {
	overflow: hidden;
}

.om-grid div.hDiv span.checkbox {
	background: url("images/grid/grid-icons.png");
	background-position: -32px 0px;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	margin:0 auto;
}

.om-grid div.hDiv span.selected {
	background: url("images/grid/grid-icons.png");
	background-position: -16px 0px;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
}

.om-grid span.checkbox {
	background: url("images/grid/grid-icons.png");
	background-position: -32px 0px;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	margin:0 auto;
}

.om-grid .om-state-highlight span.checkbox {
	background: url("images/grid/grid-icons.png");
	background-position: -16px 0px;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
}

/* @chenjie,for toolbar */

.om-grid .tDiv .tDiv2 .fbutton div .tbText {
	margin-left: 4px;
}
.om-grid .tDiv .tDiv2 .fbutton div .tbIcon {
	display:block;
	width:16px;
	height:16px;
	margin: 2px 0;
	float:left;
}
.om-grid .tDiv .tDiv2 .fbutton {
	margin-left: 10px;
}

.om-grid .loadingImg {
	background: url('images/load.gif');
	height:16px;
	width:16px;
}

.om-grid div.mDiv {color:#15428B;}
.om-grid div.tDiv {background: url("images/grid/tool-bg.png") repeat-x scroll 0 0 transparent;}
.om-grid div.sDiv {background: #fafafa url(images/grid/bg.gif) repeat-x top;}
.om-grid div.hDiv {width: 100%;background-color:#C7D2E4;border: 1px solid #99A8BC;}
.om-grid div.pDiv {width: auto; background: none;float: right;}

.om-grid .pFirst {background-position: 3px 2px;}
.om-grid .pLast {background-position: -17px 2px;}
.om-grid .pPrev {background-position: -34px 2px;}
.om-grid .pNext {background-position: -46px 2px;}
.om-grid .pReload {background-position: -63px 2px;}

.om-widget-content .bDiv .om-state-hover, .om-widget-content .bDiv .om-state-highlight {color: #000000;}
.om-widget-content .bDiv .om-state-hover {background-color:#D9EBF5}
.om-grid div.hDiv {width: auto;color:#000;/*for IE6*/zoom:1;}
.om-grid div.hDiv .om-state-hover{background: #fafafa url(images/grid/head-bg.png) repeat-x bottom;color:#000;}
.om-grid div.pDiv div.pButton.om-state-hover{background-image: url("images/om-icons-hover.png"); border : 1px solid #8ea9d5;background-color: #d3e2ff;border-radius : 2px;cursor: pointer;}
.om-grid div.pDiv div.pButton.om-stat-hover span{width: 19px;height: 19px;border-top: 1px solid #fff;border-left: 1px solid #fff;}
.om-grid .om-state-default {/*border: 1px solid #C8C4BF;*/}
.om-grid .om-widget .om-widget-content{border: 1px solid #C8C4BF;}
.om-grid .titleDiv {width: auto;background: #fafafa url(images/grid/tool-bg.png) repeat-x bottom;color:#000;border-top: 1px solid #99A8BC;border-left: 1px solid #99A8BC;border-right: 1px solid #99A8BC;}
.om-grid .titleDiv .titleContent {color:#15428B;font-weight: bold;padding:6px;}/*
 * $Id: om-accordion.css,v 1.2 2012/06/11 06:14:26 licongping Exp $
 * operamasks-ui Accordion 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
/* "width:100%" IE/Win - Fix animation bug - #4615 */
.om-accordion { width: 100%;}
.om-accordion .om-panel .om-panel-header{
 	padding: 10px;
 	height: 16px;
 	line-height: 15px;
 	background: url("images/accordion/bg.jpg") repeat-x scroll 0 0 #FFFFFF;
 	border:0px;
 	font-size: 14px;
 	font-weight: bold;
 	cursor: pointer;
}
.om-accordion .om-panel .om-panel-body{
	border : 0;
}
.om-accordion .om-panel .om-panel-header-hover{
	background: url("images/accordion/bg.jpg") repeat-x scroll 0 0 #FFFFFF;
	color:#000;
	font-weight:bold;
}
.om-accordion .om-panel .om-panel-header .om-panel-tool{
	top: 8px;
}
.om-accordion .om-panel .om-panel-header .om-panel-tool-collapse {
	background: url("images/accordion/drawer-tools.png") no-repeat scroll 0px 0 transparent;
	width: 16px;
	height: 16px;
}
.om-accordion .om-panel .om-panel-header .om-panel-tool-collapse-hover {
	background-position: -16px 0px;
}
.om-accordion .om-panel .om-panel-header .om-panel-tool-expand {
	background: url("images/accordion/drawer-tools.png") no-repeat scroll 0px -16px transparent;
	width: 16px;
	height: 16px;
}
.om-accordion .om-panel .om-panel-header .om-panel-tool-expand-hover {
	background-position: -16px -16px;
}
.om-accordion .om-state-disabled{cursor:not-allowed!important;}
.om-accordion-disable{background-color:#CCCCCC; opacity: .6; filter:Alpha(Opacity=60); }/*
 * $Id: om-borderlayout.css,v 1.4 2012/06/25 06:48:15 licongping Exp $
 * operamasks-ui borderlayout 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-borderlayout-resizable-helper-e { border-right: 5px solid gray; }
.om-borderlayout-resizable-helper-w { border-left: 5px solid gray; }
.om-borderlayout-resizable-helper-n { border-top: 5px solid gray; }
.om-borderlayout-resizable-helper-s { border-bottom: 5px solid gray; }
.om-borderlayout-region .om-resizable-s{
	background-color: #E0E0E0;
}
.om-borderlayout-region .om-resizable-n{
	background-color: #E0E0E0;
}
.om-borderlayout{
	position: relative;
	overflow: hidden;
}
.om-borderlayout .om-borderlayout-region-header .om-icon{
	background-image: url(images/borderlayout/tools.gif);
	width: 15px;
	height: 15px;
}
.om-borderlayout .om-borderlayout-region-body{
	background-color: #FFFFFF;
	padding: 0px;
}
.om-borderlayout-mask{
	left:0;
	top:0;
	background: none repeat scroll 0 0 #FAFAFA;
    opacity: 0.1;
	filter:Alpha(Opacity=0.1);    
    position: absolute;
}
.om-borderlayout-region{
	position: absolute;
	overflow: visible;
}
.om-borderlayout-region .om-borderlayout-region-header .om-panel-tool-close{
	background-position: 0 0;
}
.om-borderlayout-region .om-borderlayout-region-header .om-panel-tool-close-hover{
	background-position: -15px 0;
}
.om-borderlayout-region-south{
	left: 0px;
}
.om-borderlayout-region-south .panel-tool-collapse{
	background-position: 0 -45px;
}
.om-borderlayout-region-south .panel-tool-collapse-hover{
	background-position: -15px -45px;
}
.om-borderlayout-region-north{
	top: 0px;
	left: 0px;
}
.om-borderlayout-region-north .panel-tool-collapse{
	background-position: 0 -60px;
}
.om-borderlayout-region-north .panel-tool-collapse-hover{
	background-position: -15px -60px;
}
.om-borderlayout-region-west{
	left: 0px;
}
.om-borderlayout-region-west .panel-tool-collapse{
	background-position: 0 -30px;
}
.om-borderlayout-region-west .panel-tool-collapse-hover{
	background-position: -15px -30px;
}
.om-borderlayout-region-east{
	right: 0px;
}
.om-borderlayout-region-east .panel-tool-collapse{
	background-position: 0 -15px;
}
.om-borderlayout-region-east .panel-tool-collapse-hover{
	background-position: -15px -15px;
}
.om-borderlayout-proxy{
	position: absolute;
	cursor: pointer;
	z-index: 100;
	display: none;
	background-color: #E0E0E0;
	border: 1px solid #99A8BB;
}
.om-borderlayout-hide-collaps-btn .om-borderlayout-trigger-proxy-west,.om-borderlayout-hide-collaps-btn .om-borderlayout-trigger-proxy-east{
	background: none;
	border: 0;
} 
.om-borderlayout .om-borderlayout-proxy .om-icon{
	background-image: url(images/borderlayout/tools.gif);
	width: 15px;
	height: 15px;
}
.om-borderlayout-proxy-north{
	height: 26px;
	left: 0px;
	top: 0px;
}
.om-borderlayout-proxy-north .panel-tool-expand{
	background-position: 0 -45px;
}
.om-borderlayout-proxy-north .panel-tool-expand-hover{
	background-position: -15px -45px;
}
.om-borderlayout-proxy-south{
	height: 26px;
	left: 0px;
	bottom: 0px;
}
.om-borderlayout-proxy-south .panel-tool-expand{
	background-position: 0 -60px;
}
.om-borderlayout-proxy-south .panel-tool-expand-hover{
	background-position: -15px -60px;
}
.om-borderlayout-proxy-west{
	left: 0px;
	width: 26px;
}
.om-borderlayout-proxy-west .panel-tool-expand{
	background-position: 0 -15px;
}
.om-borderlayout-proxy-west .panel-tool-expand-hover{
	background-position: -15px -15px;
}
.om-borderlayout-proxy-east{
	right: 0px;
	width: 26px;
}
.om-borderlayout-proxy-east .panel-tool-expand{
	background-position: 0 -30px;
}
.om-borderlayout-proxy-east .panel-tool-expand-hover{
	background-position: -15px -30px;
}

.om-resizable-handle .om-borderlayout-collaps-trigger-west{
	position: absolute;
	left: 0;
	width: 10px;
	cursor: pointer;
	-moz-border-radius: 0px 2px 2px 0px; 
	-webkit-border-radius: 0px 2px 2px 0px; 
	border-radius: 0px 2px 2px 0px;
	top: 3px;
	height: 35px;
	opacity: .20;
	filter:Alpha(Opacity=20);
	background: url(images/borderlayout/trigger_buttons_we.png) no-repeat 1px 12px #000000;
}
.om-resizable-handle .om-borderlayout-collaps-trigger-west:hover{
	opacity: 1;
	filter:Alpha(Opacity=100);
}
.om-resizable-handle .om-borderlayout-collaps-trigger-east{
	position: absolute;
	right: 0;
	width: 10px;
	cursor: pointer;
	-moz-border-radius: 2px 0px 0px 2px; 
	-webkit-border-radius: 2px 0px 0px 2px; 
	border-radius: 2px 0px 0px 2px;
	top: 3px;
	height: 35px;
	opacity: .20;
	filter:Alpha(Opacity=20);
	background: url(images/borderlayout/trigger_buttons_we.png) no-repeat -10px 12px #000000;
}
.om-resizable-handle .om-borderlayout-collaps-trigger-east:hover{
	opacity: 1;
	filter:Alpha(Opacity=100);
}
.om-resizable-handle .om-borderlayout-collaps-trigger-north{
	position: absolute;
	left: 50%;
	top: 0;
	width: 42px;
	height: 8px;
	margin-left: -21px;
	cursor: pointer;
	background: url(images/borderlayout/trigger_buttons_n.png) no-repeat 0px 0px;
}
.om-resizable-handle .om-borderlayout-collaps-trigger-south{
	position: absolute;
	left: 50%;
	top: 0;
	width: 42px;
	height: 8px;
	margin-left: -21px;
	cursor: pointer;
	background: url(images/borderlayout/trigger_buttons_s.png) no-repeat 0px 0px;
}

.om-borderlayout-trigger-proxy-west{
	border-left: 0;
	border-right : 0;
	left: 0;
}
.om-borderlayout-trigger-proxy-east{
	border-left: 0;
	right: 0;
}
.om-borderlayout-trigger-proxy-south{
	border-top: 0;
	bottom: 0;
	height: 8px!important;
}
.om-borderlayout-trigger-proxy-north{
	border-top: 0;
	border-bottom: 0;
	height: 8px!important;
}

.om-borderlayout-trigger-proxy-west .om-borderlayout-expand-trigger{
	position: absolute;
	left: 0;
	width: 10px;
	cursor: pointer;
	-moz-border-radius: 0px 2px 2px 0px; 
	-webkit-border-radius: 0px 2px 2px 0px; 
	border-radius: 0px 2px 2px 0px;
	top: 3px;
	height: 35px;
	opacity: .20;
	filter:Alpha(Opacity=20);
	background: url(images/borderlayout/trigger_buttons_we.png) no-repeat -12px 12px #000000;
}
.om-borderlayout-trigger-proxy-west .om-borderlayout-expand-trigger:hover{
	opacity: 1;
	filter:Alpha(Opacity=100);
}
.om-borderlayout-trigger-proxy-east .om-borderlayout-expand-trigger{
	position: absolute;
	right: 0;
	width: 10px;
	cursor: pointer;
	-moz-border-radius: 2px 0px 0px 2px; 
	-webkit-border-radius: 2px 0px 0px 2px; 
	border-radius: 2px 0px 0px 2px;
	top: 3px;
	height: 35px;
	opacity: .20;
	filter:Alpha(Opacity=20);
	background: url(images/borderlayout/trigger_buttons_we.png) no-repeat 2px 12px #000000;
}
.om-borderlayout-trigger-proxy-east .om-borderlayout-expand-trigger:hover{
	opacity: 1;
	filter:Alpha(Opacity=100);
}
.om-borderlayout-trigger-proxy-north .om-borderlayout-expand-trigger{
	position: absolute;
	left: 50%;
	top: 0;
	width: 42px;
	height: 8px;
	margin-left: -21px;
	cursor: pointer;
	background: url(images/borderlayout/trigger_buttons_s.png) no-repeat 0px 0px;
}
.om-borderlayout-trigger-proxy-south .om-borderlayout-expand-trigger{
	position: absolute;
	left: 50%;
	top: 0;
	width: 42px;
	height: 8px;
	margin-left: -21px;
	cursor: pointer;
	background: url(images/borderlayout/trigger_buttons_n.png) no-repeat 0px 0px;
}
.om-borderlayout-region-center .om-panel-body:first-child{
	border: 0;
}
/*
 * operamasks-ui button 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-btn {display: inline-block;text-align: center;vertical-align: middle;background: transparent !important;white-space: nowrap;overflow: visible;cursor: pointer;padding: 0 2px;}
.om-btn-txt {color: #1E1E1E;line-height: 26px;height:26px;display: inline-block;text-decoration: none;background : none transparent;margin: 0;padding: 0;border: 0;overflow:visible;vertical-align: text-bottom;cursor: pointer;}
.om-btn.om-btn-bg {overflow: hidden;}
.om-btn-icon {padding-left: 20px;}
.om-btn-only-icon{height: 26px;width: 20px;}
.om-btn .om-btn-left, .om-btn .om-btn-center, .om-btn .om-btn-right {border: none;display: inline-block;height:26px;}
.om-btn .om-btn-left {width: 5px;}
.om-btn .om-btn-right {width: 5px;}
.om-btn .om-btn-center {vertical-align: top;text-align: center;line-height: 26px;}
.om-btn a.om-btn-only-icon{display: block;}
.om-btn a.om-btn-txt{*margin-top:2px;}

/* From theme.css  */
.om-state-default .om-btn-bg {background: url(images/button/button-nomal-bg.png);}
.om-state-hover .om-btn-bg {background: url(images/button/button-hover-bg.png);}
.om-state-focus .om-btn-bg {background: url(images/button/button-focus-bg.png);}
.om-state-active .om-btn-bg {background: url(images/button/button-mousedown-bg.png);}
.om-btn .om-btn-left {background-position: 100% 0px;background-repeat: no-repeat;}
.om-btn {border: none !important;}
.om-btn .om-btn-center {background-position: 100% -26px;background-repeat: repeat-x;}
.om-btn .om-btn-right {background-position: 100% -52px;background-repeat: no-repeat;}

/************style1****************************************/

/*.apusic-btn-deepblue .om-btn {display: inline-block;text-align: center;vertical-align: middle;background: transparent !important;white-space: nowrap;overflow: visible;height: 28px;cursor: pointer;padding: 0 2px;}*/
.apusic-btn-deepblue {color: #FFFFFF; font-weight: bold ; line-height: 28px;}
.apusic-btn-deepblue .om-btn-only-icon{height: 28px;}
.apusic-btn-deepblue .om-btn-left, .apusic-btn-deepblue  .om-btn-center, .apusic-btn-deepblue .om-btn-right {height:28px;}
.apusic-btn-deepblue .om-btn-left {width: 6px;}
.apusic-btn-deepblue .om-btn-right {width: 6px;}
.apusic-btn-deepblue .om-btn-center {line-height: 28px;}

/* From theme.css  */
.apusic-btn-deepblue .om-btn-bg {background: url(images/button/button-nomal-bgstyle1.png);}
.apusic-btn-deepblue .om-btn-left {background-position: 100% 0px;background-repeat: no-repeat!important;}
.apusic-btn-deepblue .om-btn-center {background-position: 100% -28px;background-repeat: repeat-x!important;}
.apusic-btn-deepblue .om-btn-right {background-position: 100% -56px;background-repeat: no-repeat!important;}
.apusic-btn-deepblue:hover .om-btn-bg {background: url(images/button/button-hover-bgstyle1.png);}
.apusic-btn-deepblue:hover .om-btn-left {background-position: 100% 0px;background-repeat: no-repeat!important;}
.apusic-btn-deepblue:hover .om-btn-center {background-position: 100% -28px;background-repeat: repeat-x!important;}
.apusic-btn-deepblue:hover .om-btn-right {background-position: 100% -56px;background-repeat: no-repeat!important;}
.apusic-btn-deepblue a, .apusic-btn-deepblue:hover a:link, .apusic-btn-deepblue:hover a:visited{color: #FFFFFF;}
.apusic-btn-deepblue .om-state-disabled{background-image: none;opacity: 0.6;}
 /*
 * operamasks-ui buttonbar 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-buttonbar {height: 26px;border: 1px solid #99A8BC;background: url("images/buttonbar/buttonbar-bg.png");}
.om-buttonbar-null {float: left;width: 20px;height: 26px;}
.om-buttonbar .om-btn {float: left;height: 26px;}
.om-buttonbar .om-btn .om-btn-txt{line-height: 27px\9;}
.om-buttonbar .om-state-default .om-btn-bg {background: none;}
.om-buttonbar .om-state-hover{background: url("images/buttonbar/button-hover-bg.png") !important;}
.om-buttonbar-sep {background: url("images/buttonbar/separtor-bg.png");background-repeat: no-repeat;height: 24px;width: 2px;display: block;margin-left:2px;margin-right:2px;margin-top : 2px;float: left;overflow: hidden;}/*
 * $Id: om-calendar.css,v 1.4 2012/06/27 07:38:03 linxiaomin Exp $
 * operamasks-ui calendar 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
/* 清除浮动 */
.om-clearfix:after {content: '\20';display: block;height: 0;clear: both;}
.om-clearfix { *zoom: 1; }
.hidden {display:none;}

/*--日历--*/
.om-calendar-list-wrapper {height:auto;}
.om-calendar-list-wrapper.multi-1 {width:184px !important;_width:186px;}
.om-calendar-list-wrapper.multi-2 {width:368px !important;_width:376px}
.om-calendar-list-wrapper.multi-3 {width:552px !important;_width:564px}

.om-calendar-list-wrapper {-moz-box-shadow: 2px 2px 0px #ccc;-webkit-box-shadow: 2px 2px 0px #ccc;-khtml-box-shadow: 2px 2px 0px #ccc;-ms-box-shadow: 2px 2px 0px #ccc;filter: progid:DXImageTransform.Microsoft.Shadow(direction = 155, Color = #dadada, Strength = 3), progid:DXImageTransform.Microsoft.DropShadow(Color = #22aaaaaa, OffX = 0, OffY = 0);    }

.om-calendar-list-wrapper .om-cal-box {height:auto;width:auto;float:left;_padding-bottom:3px;position:relative;border-right:1px solid #C2D9EF;}
.om-calendar-list-wrapper .om-cal-hd.om-widget-header{width:183px;_width:185px;height:26px;position:relative;border:none;}
.om-calendar-list-wrapper .om-cal-hd a {cursor: pointer;}
.om-calendar-list-wrapper .om-cal-hd a.om-prev {overflow:hidden;text-indent:-100em;float:left;position:absolute;left:8px;top:5px;text-decoration:none;}
.om-calendar-list-wrapper .om-cal-hd a.om-next {overflow:hidden;text-indent:-100em;position:absolute;right:8px;top:5px;text-decoration:none;}

.om-calendar-list-wrapper .om-cal-hd a.om-title:link,
.om-calendar-list-wrapper .om-cal-hd a.om-title:visited {text-decoration:none;position:relative;margin-left:auto;margin-right:auto;width:85px;height:17px;line-height:17px;display:block;top:4px;text-align:center;}

.om-calendar-list-wrapper .om-cal-bd {width:183px;}
.om-calendar-list-wrapper .om-cal-bd .om-whd {width:auto;height:19px;overflow:hidden;*padding-left:2px;*width:179px;border-top:1px solid #C2D9EF;}
.om-calendar-list-wrapper .om-cal-bd .om-whd span {float:left;width:25.857px;text-align:center;line-height:19px;}

/*--hack for ff2 {{ --*/
.om-calendar-list-wrapper .om-cal-bd .om-whd span, x:-moz-any-link {width:25px;}
.om-calendar-list-wrapper .om-cal-bd .om-whd span, x:-moz-any-link, x:default {width:25.857px;}
/*--hack for ff2 }} --*/

.om-calendar-list-wrapper .om-cal-bd .om-dbd {width:181px;height:auto;margin-top:4px;*padding-left:2px;*width:179px;}
.om-calendar-list-wrapper .om-cal-bd .om-dbd a,
.om-calendar-list-wrapper .om-cal-bd .om-dbd a:link,
.om-calendar-list-wrapper .om-cal-bd .om-dbd a:visited {float:left;width:25.857px;text-align:center;line-height:22px;text-decoration:none;}

/*--hack for ff2 {{ --*/
.om-calendar-list-wrapper .om-cal-bd .om-dbd a, x:-moz-any-link {width:25px;}
.om-calendar-list-wrapper .om-cal-bd .om-dbd a:link, x:-moz-any-link {width:25px;}
.om-calendar-list-wrapper .om-cal-bd .om-dbd a:visited, x:-moz-any-link {width:25px;}
.om-calendar-list-wrapper .om-cal-bd .om-dbd a,
.om-calendar-list-wrapper .om-cal-bd .om-dbd a:link,
.om-calendar-list-wrapper .om-cal-bd .om-dbd a:visited, x:-moz-any-link, x:default {width:25.857px;}
/*--hack for ff2 }} --*/

/*--日期的状态--*/
.om-calendar-list-wrapper .om-cal-bd .om-dbd a.om-null,
.om-calendar-list-wrapper .om-cal-bd .om-dbd a.om-null:link,
.om-calendar-list-wrapper .om-cal-bd .om-dbd a.om-null:visited {background:white;color:white;cursor:default;}
.om-calendar-list-wrapper .om-cal-bd .om-dbd a.om-today,
.om-calendar-list-wrapper .om-cal-bd .om-dbd a.om-today:link,
.om-calendar-list-wrapper .om-cal-bd .om-dbd a.om-today:visited {font-weight:bold;}

.om-calendar-list-wrapper .om-cal-ft {text-align:center;width:180px;margin:0 0 3px 3px;}

/*--时间控件--*/
.om-calendar-list-wrapper .om-cal-ft .om-cal-time {float:left;height: 17px;display:inline-block;*display:inline;*zoom:1;padding:3px 5px;*padding:2px 5px;_padding:4px 5px;width:95px;position:relative;padding-right:18px}
.om-calendar-list-wrapper .om-cal-ft .ct-ok {padding: 1px;width: 50px;line-height: 18px;float:left;margin-left: 1px;}
.om-cal-time .cta {width:16px;height:22px;position:absolute;right:0;top:0;line-height:0;}
/*hack for Opera*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
	head~body .om-calendar-list-wrapper .om-cal-ft .om-cal-time {padding:2px 5px 2px 0px;display:block;float:left;width:110px;margin-left:13px;}
	head~body .om-calendar-list-wrapper .om-cal-ft .ct-ok {margin-left:0px;}
	head~body .om-cal-time .cta{}
}
.om-cal-time button {width:16px;height:11px;border:0;overflow:hidden;cursor:pointer;}
.om-cal-time span {cursor:pointer;}
.om-cal-time span.on {padding:0 0px;}

/*--选择月份容器--*/
.om-setime {position:absolute;left:0px;top:28px;right:0px;width:181px;text-align:center;vertical-align:middle;height:auto;padding-top:10px;padding-bottom:10px;}
.om-setime p {height:30px;margin:0;padding:0;}
.om-setime select,.om-setime input {width:80px;}

/*--选择时间的容器--*/
.om-selectime {position:absolute;left:0px;bottom:28px;*bottom:32px;right:0px;width:180px;text-align:center;vertical-align:middle;height:auto;padding-top:10px;padding-bottom:10px;}
.om-selectime a,
.om-selectime a:link,
.om-selectime a:visited {margin-left:10px;display:inline-block;*display:inline;float:left;text-decoration:none;}
.om-selectime a:hover {text-decoration:underline;}
.om-selectime a.x {position:absolute;right:3px;bottom:2px;font-weight:bold;font-family:"comic Sans MS"}
.om-selectime select,.om-selectime input {width:80px;}

.om-calendar {white-space: nowrap;display: inline-block;height: 20px;}
.om-calendar input {margin:0px; border: 0px;height: 18px;line-height: 18px;*vertical-align: top;}
.om-calendar .om-calendar-trigger {cursor: pointer;display: inline-block;height: 20px;vertical-align: top;width: 19px;background-color: #e6e6e6;}
.om-calendar-list-wrapper .om-cal-bd a.om-state-disabled {color: #8C8C8C; filter:none;}
.om-calendar.om-widget {background: none;}


/* from theme.css */
.om-calendar-trigger {background: url("images/calendar/calendar-trigger.png") no-repeat scroll 0px 50% transparent;}
.om-calendar-list-wrapper .om-cal-hd {background:url('images/calendar/year_head_bkgd.gif') repeat-x ;background-color:#40a6ff;border:1px solid #8391b4;}
.om-calendar-list-wrapper .om-cal-hd a.om-title:hover {color:#000000;border: 1px solid #8EA9D5;top:2px;background-color: #DCE8FF;border-radius: 2px 2px 2px 2px;}
.om-calendar-list-wrapper .om-cal-bd .om-whd {background:url('images/calendar/week_day_bkgd.gif') repeat-x;}
.om-cal-time button.om-icon {background:url("images/calendar/time_up_down.gif") no-repeat;}
.om-cal-time button.u {background-position:0 1px;}
.om-cal-time button.d {background-position:0 -10px;}

.om-cal-box a {color:#1E1E1E}/*
 * $Id: om-combo.css,v 1.5 2012/06/27 07:38:03 linxiaomin Exp $
 * operamasks-ui combo 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-combo {white-space: nowrap;display: inline-block;height: 20px;}
.om-widget.om-combo {background: none;}
.om-combo input {margin:0px; border: 0px solid;height: 18px;line-height: 18px;vertical-align: top;}
.om-combo .om-combo-trigger {cursor: pointer;display: inline-block;height: 20px;vertical-align: top;width: 19px;background-color: #e6e6e6;}
.om-combo-list-row {height: 20px; line-height: 20px; padding: 0 5px; margin : 1px; overflow-x: hidden; white-space: nowrap;cursor: default;}

.om-combo-trigger{background: url("images/combo/combo-trigger.png") no-repeat scroll 0px 50% transparent;}
.om-combo-selected, .om-state-hover.om-combo-selected {background:url("images/combo/combo_selected.jpg") repeat-x scroll 0 0 #2376C0; color:#ffffff;}/*
 * $Id: om-dialog.css,v 1.3 2012/06/20 09:21:55 chentianzhen Exp $
 * operamasks-ui dialog 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-dialog {
	position: absolute;
	width: 300px;
	overflow: hidden;
}

.om-dialog .om-dialog-titlebar {
	/* M by cjp 
	height: 47px;*/
	height: 27px;
	position: relative;
	background: url("images/dialog/dialog-title-bg.png") no-repeat scroll 0 0
		transparent;
	border: none;
	border-radius: 8px 8px 0 0;
}

.om-dialog .om-dialog-title {
	float: left;
	margin: 0.7em 16px 0.1em 0.5em;
}

.om-dialog .om-dialog-titlebar-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 22px;
}

.om-dialog .om-dialog-titlebar-close:hover {
	background: url("images/dialog/close-hover.png") no-repeat;
}

.om-dialog .om-dialog-titlebar-close span {
	display: block;
	margin: 1px;
}

.om-dialog .om-dialog-titlebar-close:focus {
	background: url("")
}

.om-dialog .om-icon-closethick {
	background: url("images/dialog/close.png") no-repeat 50% 50%;
	width: 28px;
	text-indent: -9999px
}

.om-dialog .om-dialog-content {
	position: relative;
	border: 1px solid #96AAC5;
	padding: .5em 1em;
	margin: 0px 8px 18px 8px;
	overflow: auto;
	zoom: 1;
	background-image:none;
	background-color: #E4EAF2;
}

.om-dialog .om-dialog-buttonpane {
	text-align: left;
	margin: .5em 0 0 0;
	padding: 0 1em .5em .4em;
}

.om-dialog .om-dialog-buttonpane .om-dialog-buttonset {
	float: right;
}

.om-dialog .om-resizable-se {
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}

.ui-draggable .om-dialog-titlebar {
	cursor: move;
}

.om-dialog.om-widget-content {
	border-radius: 5px;
	background: url('images/dialog/dialog-bg.png') repeat-x #B1C1D6;
	border: 1px solid #3F5572;
	box-shadow:0 0 4px #535658;
}/*
 * $Id: om-fileupload.css,v 1.1 2012/06/12 01:32:20 licongping Exp $
 * operamasks-ui fileupload 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-fileupload-queueitem {
	background-color: #FFFFFF;
	border: 1px solid #E7E7E7;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.om-fileupload-error {
	background-color: #FFE4E5 !important;
	border: 1px solid #EECFCF !important;
}
.om-fileupload-queueitem .cancel {
	float: right;
	background: url("images/fileupload/cancel.gif") no-repeat scroll 0 -10px transparent;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.om-fileupload-error .cancel {
	background-position:  0 0;
}
.om-fileupload-queue .completed {
	background-color: #E5E5E5;
}
.om-fileupload-progress {
	background: url("images/fileupload/progressbar.png") repeat-x scroll 0 0 transparent;
	margin-top: 10px;
	width: 100%;
	height: 8px;
	padding: 1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 0 1px;
}
.om-fileupload-progressbar {
	background: url("images/fileupload/progressbar.png") repeat-x scroll 0 -8px transparent;
	height: 5px;
	width: 0px;
	position: relative;
	top: 1.2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}.om-grid div.hDiv th.group-header-1{
	border-bottom: 1px solid #B8C5D5;
}
.om-grid div.hDiv th.group-header-2{
	border-bottom: 1px solid #B8C5D5;
}
.om-grid div.hDiv th.group-header-3{
	border-bottom: 1px solid #B8C5D5;
}
.om-grid div.hDiv th.group-header-4{
	border-bottom: 1px solid #B8C5D5;
}
.om-grid div.hDiv-group-header{
	background: none;
	background-color:#C7D2E4;
}
.data-header-1{
	background: url("images/grid-group/data-header-1.png") repeat-x bottom center;
}
.data-header-2{
	background: url("images/grid-group/data-header-2.png") repeat-x bottom center;
}
.data-header-3{
	background: url("images/grid-group/data-header-3.png") repeat-x bottom center;
}
.data-header-4{
	background: url("images/grid-group/data-header-4.png") repeat-x bottom center;
}
.group-header-1{
	background: url("images/grid-group/group-header-1.png") repeat-x bottom center;
}
.group-header-2{
	background: url("images/grid-group/group-header-2.png") repeat-x bottom center;
}
.group-header-3{
	background: url("images/grid-group/group-header-3.png") repeat-x bottom center;
}
.group-header-4{
	background: url("images/grid-group/group-header-4.png") repeat-x bottom center;
}.om-grid .grid-edit-view{
	position:absolute;
	border:2px solid #99BCE8;
	background-color:#D3E1F1;
	border-left-style:none;
	border-right-style:none;
}
.om-grid .grid-edit-view .body-wrapper{
	background-repeat: repeat-x;
}
.om-grid .grid-edit-row{
	height:28px;
	position:relative;
}
.om-grid .grid-edit-row input{
	margin-left:1px;
	margin-right:1px
}
.om-grid .gird-edit-btn{
	padding:2px 5px;
	border:2px solid #99BCE8;
	position:absolute;
	background-color:#D3E1F1;
	border-top-style:none;
}
.om-grid .gird-edit-btn input{
	width: 70px;
	height: 24px;
}
.om-grid div.bDiv tr.om-grid-row td.grid-cell-dirty{
	background-repeat: no-repeat;
	background-image: url("images/grid-roweditor/dirty.gif");
}
.om-grid input.om-numberfield{
	 background: none repeat scroll 0 0 #FFFFFF;
	 border: 1px solid #86A3C4;
}
.om-grid form.grid-edit-form{
	
}
.om-grid span.om-calendar , .om-grid span.om-combo{
	border: 1px solid #86A3C4;
	margin-left:1px;
	margin-right:1px;
}

.om-grid span.om-combo input{
	margin-left:0px;
}

.om-grid div.grid-edit-custom{
	display:inline;
	height:20px;
	line-height:20px;
}
.om-grid .grid-edit-form input{
	border:1px solid #86A3C4;
	height:18px;
	line-height:18px;
	padding:1px;
}
.om-grid .om-calendar input , .om-grid .om-combo input{
	border:0;
}
.om-grid input.grid-edit-text{
	vertical-align: top;
}
.om-grid td.indexCol .om-icon{
	background-image: url("images/grid-roweditor/new.png");	
}
.om-grid input.readonly-text{
	color: #AAAAAA;
}
.om-grid .gird-edit-btn{
	width:168px;
}
/**
*校验相关
**/
.om-grid form.grid-edit-form input.error{
	border: 1px solid red;
	position:relative;
}
.om-grid div.bDiv div.errorContainer{
	position:absolute;
	border:1px solid red;
	background-image:;
	background:url("images/grid-roweditor/error.png") no-repeat scroll 0 50% #FCEFE3;
	padding:5px 10px 5px 20px;
	display:inline;
	z-index:10000;
	white-space: nowrap;
}.om-grid tr.rowExpand-rowDetails td{
	border-bottom-width:0;
}
.om-grid .bDiv tr.rowExpand-rowDetails div.rowExpand-rowDetails-content{
	border-top-width:0;
}
.om-grid .bDiv .expenderCol div{
    background: url("images/grid-rowexpander/grid-row-expand-sprite.gif") no-repeat scroll 5px 5px transparent;
    height:14px;
}
.om-grid .bDiv .expenderCol div.rowExpand-expanded{
    background-position: -19px 5px;
}

.om-grid tr.rowExpand-rowDetails div.rowExpand-rowDetails-content{
    border: 1px solid #BDCBE8;
    border-width : 1px 0;
}.om-grid-sortIcon{
	display: none;
	background-repeat: no-repeat;
	height: 4px;
    margin-left: 3px;
    vertical-align: middle;
    width: 13px;
    border: 0 none;
}
.om-grid .asc .om-grid-sortIcon{
	background-image: url("images/grid-sort/sort_asc.gif");
	display: inline;
}
.om-grid th.asc , .om-grid th.desc{
	background : url("images/grid-sort/sort-bg.png") repeat-x;
}
.om-grid .desc .om-grid-sortIcon{
    background-image: url("images/grid-sort/sort_desc.gif");
    display: inline;
}.om-itemselector .om-itemselector-toolbar{
    padding: 0 2px;
    width:60px;
}
.om-itemselector-toolbar .om-icon{
    margin:5px auto;
}
.om-itemselector .header{
	background: url("images/itemselector/header_bg.png") repeat-x;
	border-bottom: 1px solid #99A8BD;
	height: 26px;
}
.om-itemselector .header span.checkbox{
	margin: 5px 0 0 6px;
}
.om-itemselector .header span.om-itemselector-title{
	float: left;
	line-height: 26px;
}
.om-itemselector .om-itemselector-leftpanel, .om-itemselector .om-itemselector-rightpanel{
    border: 1px solid #99A8BD;
}

.om-itemselector .om-itemselector-items{
    overflow: hidden;
    width: 100%;
    background-color: #DBE2EC;
    position: relative;
}
.om-itemselector-items dl{
    margin: 5px 0 0;
    padding: 0;
}
.om-itemselector-items dl dt{
    padding: 0px 5px;
    cursor: pointer;
    height: 21px;
    -moz-user-select: none;
}

.om-itemselector-items dt.om-state-highlight{
    background: none repeat scroll 0 0 #B4C5DF;
    color: #000000;
    border: none;
}

.om-itemselector-items dt:hover{
	background: none repeat scroll 0 0 #C4D6EC;
}

.om-itemselector span.checkbox {
	background: url("images/itemselector/checkbox2.png");
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: left;
}

.om-itemselector .om-state-highlight span.checkbox , .header span.selected{
	background: url("images/itemselector/checkbox1.png");
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: left;
}

.om-itemselector-up, .om-itemselector-down{
	background: url("images/itemselector/button_bg.png") repeat-x;
	height: 18px;
	border: 1px solid #97A9C1;
	display: none;
}

.om-itemselector-up:hover, .om-itemselector-down:hover{
	background: url("images/itemselector/button_bg_hover.png") repeat-x;
	border: 1px solid #738BAC;
}
.om-itemselector-up-disabled, .om-itemselector-down-disabled,
.om-itemselector-up-disabled:hover, .om-itemselector-down-disabled:hover{
	background: url("images/itemselector/button_bg_disabled.png") repeat-x;
	border: 1px solid #AFAFAF;
}

.om-itemselector-up span.upbtn{
	background:url("images/itemselector/up.png") no-repeat center center;
	height:20px;
	display: block;
	cursor: pointer;
}

.om-itemselector-up-disabled span.upbtn{
	background:url("images/itemselector/up_disable.png") no-repeat center center;
	height:20px;
	display: block;
	cursor: auto;
}

.om-itemselector-down span.downbtn{
	background:url("images/itemselector/down.png") no-repeat center center;
	height:20px;
	display: block;
	cursor: pointer;
}

.om-itemselector-down-disabled span.downbtn{
	background:url("images/itemselector/down_disable.png") no-repeat center center;
	height:20px;
	display: block;
	cursor: auto;
}
.om-itemselector-toolbar .om-icon{
    width:30px;
    height:30px;
    cursor: pointer;
}
.om-itemselector-toolbar .om-itemselector-tbar-space{
    background: none;
    height: 10px;
}

.om-itemselector-tbar-add{
    background-image: url("images/itemselector/add.png");
}
.om-itemselector-tbar-remove{
    background-image: url("images/itemselector/remove.png");
}
.om-itemselector-tbar-add:hover{
    background-image: url("images/itemselector/add_hover.png");
}
.om-itemselector-tbar-remove:hover{
    background-image: url("images/itemselector/remove_hover.png");
}/*
 * $Id: om-menu.css,v 1.3 2012/06/25 07:14:03 licongping Exp $
 * operamasks-ui menu 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-menu {position: relative;}
.om-menu-container {top: 0;left: -999px;} /* position: absolute; */
.om-menu-content {background : url("images/menu/menu_bg.gif") repeat-y scroll 0 0 #F0F0F0;border: 1px solid #AAAAAA;color: #222222;padding: 4px !important;*padding:4px;}
.om-menu , .om-menu ul{ list-style-type:none; padding: 0; margin:0; }
.om-menu ul{position: absolute;}
.om-menu li{border:1px solid #F0F0F0;clear: both;cursor:pointer ;margin: 0;padding: 0;width: 98%;display: block;white-space: nowrap;overflow: hidden;}
.om-menu a:link,.om-menu a:visited,.om-menu a:hover,.om-menu a:active {color:#1E1E1E; float:left; width:98%; padding:3px; text-decoration:none; outline: 0 !important;*outline:0; }
.om-menu-icon{float: left;position: inherit;margin-left: -3px;_margin-left: -1px;border: 0px;width: 16px;height: 16px;}
.om-menu-indicator .ui-icon-span{background: url("images/menu/menu_rightarrow.png") no-repeat scroll 6px 6px transparent;float: right;width: 16px;height: 16px;}
.om-menu .om-state-disabled a{cursor: default;}
.om-menu-sep-li{font-size: 1px;line-height: 1px;}
.om-menu-item-sep{background-color: #E0E0E0;border-bottom: 1px solid;color: #FFFFFF;display: block;line-height: 1px;overflow: hidden;}
.om-menu-indicator span{float: left;margin-left: 10px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;*display:inline-block;}
.om-menu .om-menu-item-hover{border:1px solid #99A8BC;background-color:#C4D6EC;color: #FFFFFF;outline: medium none;}/*
 * $Id: om-messagebox.css,v 1.4 2012/06/14 07:56:13 chentianzhen Exp $
 * operamasks-ui messageBox 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
div.om-messageBox { position: absolute; width: 248px; overflow: hidden; outline:0; border: 1px solid #3F5572;}
.om-messageBox .om-messageBox-titlebar { height: 49px; position: relative; background: url("images/messagebox/title-bg.png") no-repeat scroll 0 0 #B7C6DA; border: none; }
.om-messageBox .om-messageBox-title { float: left; margin: 0.7em 16px 0.1em 0.5em; }

.om-messageBox .om-messageBox-titlebar-close { position: absolute; top:0px;right:0px;width: 30px;height: 22px; }
.om-messageBox .om-messageBox-titlebar-close:hover{background:url("images/messagebox/close-hover.png") no-repeat;}
.om-messageBox .om-messageBox-titlebar-close span { display: block; margin: 1px; }
.om-messageBox .om-messageBox-titlebar-close:focus {background:url("")}
.om-messageBox .om-icon-closethick {background: url("images/messagebox/close.png") no-repeat 50% 50%;width: 28px;}

.om-messageBox .om-messageBox-content { position: relative; border-width:0 1px;border-color:#D6DEE8; padding:0 1em 0.5em; background: none; zoom: 1;background-color:#ABBBD2 }
.om-messageBox .om-messageBox-buttonpane { text-align: center; border-width: 0 1px 1px; border-color: #D6DEE8; background-image: none; padding: .3em 1em .5em 1em;  background-color:#ABBBD2}
.om-messageBox .om-messageBox-buttonpane button { cursor: pointer; }
.om-messageBox .no-button{border-bottom-width:1px;}
.om-messageBox .om-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .om-messageBox-titlebar { cursor: move; }

.om-messageBox .om-messageBox-buttonset {padding-top:6px}

.om-messageBox-content table{ table-layout: fixed; width: 226px }
.om-message-content-html{ word-wrap: break-word; word-break: break-all; }
.om-message-content-html input{ height: 18px; width: 156px }
.om-messageBox-imageTd{ width: 60px; height: 32px; }


.om-messageBox-image{ background: none no-repeat scroll 0 0 transparent; position: absolute; top: 0px; left: 30px; overflow: hidden; height: 32px; width: 32px; }
.om-messageBox-image-success{ background: url("images/messagebox/messagebox-icons.png") -128px 0px; }
.om-messageBox-image-error{ background: url("images/messagebox/messagebox-icons.png") -64px 0px;}
.om-messageBox-image-warning{ background: url("images/messagebox/messagebox-icons.png") -96px 0px;}
.om-messageBox-image-confirm{ background: url("images/messagebox/messagebox-icons.png") -32px 0px; }
.om-messageBox-image-question{ background: url("images/messagebox/messagebox-icons.png") -32px 0px; }
.om-messageBox-image-alert{ background: url("images/messagebox/messagebox-icons.png") 0px 0px;}
.om-messageBox-image-prompt{ background: url("images/messagebox/messagebox-icons.png") -160px 0px; }
.om-messageBox-image-waiting{ background-image: url("images/messagebox/waiting.png"); }
/*
 * $Id: om-messagetip.css,v 1.4 2012/06/20 09:18:57 chentianzhen Exp $
 * operamasks-ui messagetip 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
body {/*解决IE6不支持position:fixed的问题*/ _background-image: url(about:blank);/*用浏览器空白页面作为背景*/_background-attachment: fixed;     /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/}
.om-messageTip { border:1px solid #3F5572;  position: fixed; right:5px; bottom:5px;width: 200px; overflow: hidden; outline:0; _position:absolute;_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)-5);_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-5);}
.om-messageTip .om-widget-header { background:url("images/messagebox/title-bg.png") no-repeat 0 0; height: 47px; position: relative;border-right:1px solid #D6DEE8 }
.om-messageTip-title { float: left; margin: 0.7em 16px 0.1em 0.5em; }

.om-messageTip-titlebar-close { position: absolute; right:0; top: 50%; width: 24px; margin: -25px 0 0 0; padding: 1px; height: 18px; }
.om-messageTip-titlebar-close:hover{background:url("images/messagebox/close-hover.png") no-repeat;}
.om-messageTip-titlebar-close span { display: block; margin: 1px; }
.om-messageTip .om-icon-closethick { background:url("images/messagebox/close.png") 50% 50% no-repeat;  height: 18px;text-indent:-9999px}
.om-messageTip .om-state-mousedown .om-icon-closethick{background-position: -88px -18px!important;}
.om-messageTip a.om-state-hover,.om-messageTip a.om-state-focus,.om-messageTip a.om-state-mousedown{background-color: transparent;border: none}

.om-messageTip-content {border:1px solid #D6DEE8; border-top-width:0; background-color:#ABBBD2;background-image:none;padding: 10px; overflow: auto; zoom: 1;}
.om-messageTip-content-body{ word-wrap: break-word; word-break: break-all;float:left;width:126px;margin-left: 10px;}
.om-messageTip-image{ background: none no-repeat scroll 0 0 transparent;height: 32px;width: 32px;overflow: hidden;float: left;margin:-10px 0 0 10px}
.om-messageTip-image-alert{ background: url("images/messagebox/messagebox-icons.png") 0px 0px; }
.om-messageTip-image-warning{ background: url("images/messagebox/messagebox-icons.png") -96px 0px; }
.om-messageTip-image-question{ background: url("images/messagebox/messagebox-icons.png") -32px 0px; }
.om-messageTip-image-success{ background: url("images/messagebox/messagebox-icons.png") -128px 0px; }
.om-messageTip-image-error{ background: url("images/messagebox/messagebox-icons.png") -64px 0px; }
.om-messageTip-image-waiting{ background: url("images/messagebox/waiting.png");}
/*
 * $Id: om-numberfield.css,v 1.1 2012/06/12 01:25:15 licongping Exp $
 * operamasks-ui numberfield 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
input.om-numberfield-disabled, .om-widget-content input.om-numberfield-disabled{
	background-color: #EBEBE4;
}
input.om-numberfield{
	*height: 20px;
	*vertical-align: top;
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.om-progressbar { height:14px; }
.om-progressbar .om-progressbar-value {height:100%; }
.om-progressbar .om-progressbar-text {text-align: center; position: absolute;}/*
 * $Id: om-scrollbar.css,v 1.1 2012/06/12 06:12:42 chentianzhen Exp $
 * operamasks-ui combo 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
 
.om-scrollbar {
	background-color: #83888B;
	position : absolute;
	top : 0;
	opacity: .8; filter:Alpha(Opacity=80);
}/*
 * $Id: om-slider.css,v 1.1 2012/06/12 01:25:15 licongping Exp $
 * operamasks-ui slider 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-slider{
	position: relative;
    overflow: hidden;
}
.om-slider img{
	border: 0;
}
.om-slider ul.om-slider-content{
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}
.om-slider ul.om-slider-effect-slide-h{
	width: 10000px;
}
.om-slider ul.om-slider-effect-slide-h li.om-slider-item{
	position: relative;
	display: list-item;
	float: left;
}
.om-slider ul.om-slider-content .om-slider-item {
	display: none;
	position: absolute;
	_position: static;
}
.om-slider ul.om-slider-effect-slide-v li.om-slider-item{
	position: relative;
    display: block;
}
.om-slider-directionNav {
	display: none;
}
.om-slider-directionNav a {
	background: url("images/slider/arrows.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    height: 42px;
    text-indent: -9999px;
    width: 30px;
    cursor: pointer;
    position: absolute;
    top: 45%;
    z-index: 100;
}
.om-slider-directionNav a.om-slider-prevNav {
    left: 15px;
}
.om-slider-directionNav a.om-slider-nextNav {
	background-position: -70px 0;
    right: 15px;
}

.om-slider-nav-classical{
	position: absolute;
	right: 10px;
	height: 18px;
	list-style: none;
	bottom: 2px;
	margin: 12px 0;
}

.om-slider-nav-classical li{
	background-color: #FFFFFF;
	opacity: .7;
	color: #0092D2;
	height: 20px;
	line-height: 20px;
	margin-top: -2px;
	width: 20px;
	float: left;
	text-align: center;
	font-size: 13px;
	margin-left: 3px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	cursor: pointer;
	overflow: visible;
}
.om-slider-nav-classical li.nav-selected{
	opacity: 1;
	color: #FFFFFF;
	background-color: #0092D2;
	font-weight: bold;
}

.om-slider-nav-dot{
    position: absolute;
    left: 50%;
    bottom: 5px;
}
.om-slider-nav-dot a{
	background: url("images/slider/bullets.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    float: left;
    height: 22px;
    margin-right: 3px;
    text-indent: -9999px;
    width: 22px;
    outline:0 none;
}
.om-slider-nav-dot a.nav-selected{
	background-position: 0 -22px;
}

.om-slider-hidden{
	display: none;
}

/*
 * $Id: om-suggestion.css,v 1.2 2012/06/19 07:26:53 luoyegang Exp $
 * operamasks-ui suggestion 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-suggestion-list-row {height: 20px; line-height: 20px; padding: 0 5px; margin : 1px;}
.om-widget .om-droplist {overflow-x: hidden;}
.om-suggestion{background: white;}/*
 * $Id: om-tabs.css,v 1.12 2012/06/28 06:36:00 chentianzhen Exp $
 * operamasks-ui tabs 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-tabs{
   
 }
.om-tabs .om-tabs-headers {  
    overflow: hidden;
    position: relative;
    border-width: 0;
    border : 1px solid #697DA0;
    border-bottom-right-radius : 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    background : url("images/tabs/om-tabs-bg.png") repeat-x;
    _width: 100%;
}
.om-tabs .header-no-border{
	border-width:0 0 1px;
}
.om-tabs .lileft{
	background: url("images/tabs/om-tabs-left-default.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 8px;
}
.om-state-active .lileft{
	background: url("images/tabs/om-tabs-left-hover.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 8px;
}
.om-tabs .liright{
	background: url("images/tabs/om-tabs-right-default.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 3px;
}
.om-state-active .liright{
	background: url("images/tabs/om-tabs-right-hover.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 8px;
}

.om-tabs .left-placeholder{
	background: url("images/tabs/om-tabs-right-default.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 3px;
    margin-left: -3px;
}

.om-tabs .right-placeholder{
    background: url("images/tabs/om-tabs-left-default.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 8px;
}
.om-tabs-panels .om-panel-body{
	background-color: white;
}
.om-tabs .om-tabs-headers .om-state-default a{
	color: #1E1E1E;
}
.om-tabs .om-tabs-scroll-left {
	background : url(images/tabs/om-tabs-scroll-left.png) no-repeat;
	border-right : 1px solid #697DA0;
	height: 28px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 18px;
    cursor: pointer;
    z-index: 100;
}
.om-tabs .om-tabs-scroll-right {
	background : url(images/tabs/om-tabs-scroll-right.png) no-repeat;
	height: 28px;
    right: 0;
    position: absolute;
    top: 0px;
    width: 18px;
    cursor: pointer;
    z-index: 100;
}
.om-tabs .om-tabs-scroll-right:hover {
	background : url(images/tabs/om-tabs-scroll-right-hover.png) no-repeat;
}
.om-tabs .om-tabs-scroll-left:hover {
	background : url(images/tabs/om-tabs-scroll-left-hover.png) no-repeat;
}
.om-tabs .om-tabs-headers .om-tabs-scroll-disabled-left{
	background  : none; 
	border-right:none;
    cursor: default;
}
.om-tabs .om-tabs-headers .om-tabs-scroll-disabled-right {
	background : none;
    cursor: default;
}
.om-tabs .om-tabs-headers ul {
    width: 5000px;
    font-size: 13px;
    margin: 0 ;
    padding: 0 0 0 4px;
}
.om-tabs .om-tabs-headers ul.om-tabs-scrollable {
	padding : 0 19px;
	position: relative;
}
.om-tabs .om-tabs-headers ul li {
    display: inline-block;
    padding: 0;
    position : relative;
    -moz-user-select: none;
    float: left;
    background: none;
    border: none;
}
.om-tabs .om-tabs-headers ul li.om-state-hover a.om-tabs-inner{
	color: #004098;
}

.om-tabs .om-tabs-headers ul li.om-tabs-activated {
	border-color: none;
	background: url("images/tabs/om-tabs-bg-h.png") repeat-x scroll 0 0 #DAEAFA;
	/*font-weight: bold;*/
}
.om-tabs .om-tabs-headers ul li.om-tabs-activated a.om-tabs-inner {
	color : white;
	padding: 0 10px;
}
.om-tabs .om-tabs-headers ul li a.om-tabs-inner {
    text-align: center;
    text-decoration: none;
    outline: none;
    white-space: nowrap;
    float: left;
    padding: 0 15px 0 10px;
}
.om-tabs .om-icon-close {
	float: left;
	margin: 0.4em 0.2em 0 0;
	cursor: pointer;
}
.om-tabs .om-tabs-headers ul li a.om-icon-close{
	background: url("images/tabs/om-tabs-close.png") no-repeat;
    display: block;
    height: 10px;
    width: 10px;
    margin: 1px 1px 0 0;
    position: absolute;
    right: 2px;
}
.om-tabs .om-tabs-headers ul li.om-state-hover a.om-icon-close{
	background-position: -1px -11px;
}
.om-tabs .om-tabs-panels {
    overflow: auto;
    margin: 0;
    padding: 0;
    border-width: 0;
    position: relative;
}
.om-tabs .om-tabs-panels .om-panel-body{
	padding:1em;
}
.om-tabs-noborder {
	border-width: 0;
}/*
 * $Id: om-tooltip.css,v 1.1 2012/06/12 01:25:15 licongping Exp $
 * operamasks-ui tooltip 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.tip{background-color: #E9F2FF;background-image: none;border-radius: 3px 3px 3px 3px;border-style: solid;border-width: 1px;padding: 2px;border-color: #8EAACE;position: fixed;_position : absolute;z-index:3000;}
.tip-body{overflow: hidden;padding: 3px;position: relative;font-size: 12px;margin : 2px;}
.tip-anchor-bottom {background-position: -9px 0px;width: 10px;}
.tip-anchor-top {background-position: 0px 0px;width: 10px;}
.tip-anchor-left {background-position: -28px 0px;width: 10px;}
.tip-anchor-right {background-position: -19px 0px;width: 10px;}
.tip-anchor{height: 10px;overflow: hidden;position: absolute;width: 9px;background-image: url("images/tooltip/tip-anchor-sprite.gif");background-repeat: no-repeat;}/*
 * $Id: om-tree.css,v 1.8 2012/06/20 08:55:44 licongping Exp $
 * operamasks-ui tree 2.0
 *
 * Copyright 2011, AUTHORS.txt (http://ui.operamasks.org/about)
 * Dual licensed under the MIT or LGPL Version 2 licenses.
 * http://ui.operamasks.org/license
 *
 * http://ui.operamasks.org/docs/
 */
.om-tree, .om-tree ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.om-tree ul {
	margin-top: 4px;
}

.om-tree .hitarea {
	background: url(images/tree/treeview-default.png) -18px 0px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.om-tree li { 
	margin: 0;
	padding: 3px 0pt 2px 16px;
}
.om-tree li.om-tree-node{
	white-space: nowrap;
}
.om-tree li span{
	display: inline-block;
	*overflow: hidden;
}

.om-tree .om-tree-node a:link {
    color: #1E1E1E;
    text-decoration: none;
}

.om-tree .om-tree-node a:visited {
    color: #1E1E1E;
    text-decoration: none;
}

#treecontrol { margin: 1em 0; display: none; }

.om-tree .om-tree-node span.hover { cursor: pointer;background-color: #D9E6F8; }

.om-tree li { zoom:1;}

.om-tree .expandable-hitarea { background-position: 2px 0px; }

.om-tree .placeholder {
	background: url(images/tree/tree-loading.gif) 0 0 no-repeat;
	display: block;
	padding: 1px 0 1px 16px;
}
.om-tree span.folder, .om-tree span.file { padding: 0px 0 1px 17px;}
.om-tree span.folder { background: url(images/tree/tree-icons.png) 0 -16px no-repeat;  }
.om-tree li.expandable span.folder { background: url(images/tree/tree-icons.png) 0 -32px no-repeat;  }
.om-tree span.file { background: url(images/tree/tree-icons.png) 0 0 no-repeat;}

.om-tree li.om-tree-node span.selected {
	padding-top: 0px;
    background-color: #B2C5DF !important;
    color: black;
}
.om-tree .tree-checkbox {
    background: url(images/tree/checkbox.png) 0 0 no-repeat;
    width: 13px;
    height:13px;
    _overflow:hidden;
    float:left;
    cursor: pointer;
    padding-right: 3px;
    margin-top: 2px;
}

.om-tree .checkbox_full {
    background-position:0px -36px;
}

.om-tree .checkbox_part {
    background-position:0px -48px;
}
/* 
.om-tree li.treenode-checkable span.file, .om-tree li.treenode-checkable span.folder {
    margin-left: 16px;
}
*/
.om-tree li.treenode-droppable {border-bottom: 2px solid #004098;}
/* when we want to use the line hover we may use this style, we can see the style use in the om-tree.js line 435 */
/* 
.om-tree li.om-tree-node .selection {display: none;}
.om-tree li.hover .selection { display: block; background-color: #D4D4D4; }
.om-tree li.selected .selection { display: block; background-color: #eaf1fb; }
.selection { height: 17px; position: absolute; left: 0; right: 0; z-index: -1; width: 100%;}
*/