html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
/*	background: transparent;
 */
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


#container {
min-width:760px;
padding:0;
position:relative;
width:100% ;
}

#content-related .module h2 {
background:#eee url(../img/nav-bg.gif) bottom left repeat-x;
color:#666;
}

#hLoginInfo {
font-size:11pt;
left:0;
padding:5px;
position:absolute;
text-align:right;
top:5px;
width:99%;
}

#hPageHeader {
background-repeat:repeat-x;
color:#FFF;
/*float:top;*/
font-size:25px;
height:60px;
padding:5px;
}

#hSysName {
float:left;
font-size:12pt;
font-weight:700;
left:0;
margin-left:20px;
padding-top:10px;
position:absolute;
}

#hUnitName {
float:left;
margin-left:5px;
overflow-x: hidden;
}
/*
#header {
padding-bottom: 1px;
background:  url(../img/topbj.jpg) repeat scroll center bottom;
color:#ffc;
overflow:hidden;
width:100%;
}
*/
/*
#banner {
background:  url(../images/topbj.jpg) repeat scroll center bottom;
color:#ffc;
width:100%;
}
*/


#id_filterbar li ul a{
margin-left:10px;
}


#user-tools-r {
position:absolute;
right:0px;
top:45px;
}



.align-left {
text-align:left;
}

.align-right {
text-align:right;
}
/*
.branding h1,#branding h1 {
color:#fff;
font-size:16pt;
font-weight:10pt;
font-weight:400;
margin:8px 0;
padding:0 10px;
}
*/
.branding h2,#branding h2 {
color:#ffc;
font-size:14px;
font-weight:400;
margin:-8px 0 8px;
padding:0 10px;
}
/*
.changelink {
background:url(../img/icon_changelink.gif) no-repeat center;
padding-left:12px;
}
.addlink {
background:url(../img/button/ext_dis.png) no-repeat center;
padding-left:12px;
}
.printlink {
background:url(../img/button/printer.png) no-repeat center;
padding-left:12px;
}
.photolink {
background:url(../img/button/photo_add.png) no-repeat center;
padding-left:12px;
}
*/


.clear {
clear:both;
}

.clearleft {
clear:left;
}

.colMS {
margin-right:20em !important;
}

.colSM {
margin-left:20em !important;
}

.colSM #content-related {
float:left;
margin-left:-19em;
margin-right:0;
}



.content-main,#content-main {
float:left;
width:100%;
}

.content-related .module h2 {
background:#eee url(../img/nav-bg.gif) bottom left repeat-x;
color:#666;
}

.content-related h3,#content-related h3 {
color:#666;
font-size:12px;
margin-bottom:3px;
}

.content-related,#content-related {
float:right;
margin-right:-19em;
position:relative;
width:18em;
}

.dashboard #content {
width:500px;
}

.deletelink {
background:url(../img/icon_deletelink.gif) 0 .25em no-repeat;
padding-left:12px;
}

.description {
font-size:12px;
padding:5px 0 0 12px;
}

.error {
background:#ffc;
}

.error input,.error select {
border:1px solid red;
}
span .errorlist {
background:red no-repeat !important;
color:#FFF;
display:block;
font-size:12px !important;
margin:0 0 3px;
padding:2px 5px 2px 10px;
text-align:left;
}




span .Search_Shift_errorlist {
background:red url(../img/icon_alert.gif) 5px .3em no-repeat !important;
border:1px solid red;
color:#FFF;
display:block;
font-size:12px !important;
padding:2px 5px 2px 25px;
text-align:left;
}
span .Report_errorlist {
background:red url(../img/icon_alert.gif) 5px .3em no-repeat !important;
border:1px solid red;
color:#FFF;
display:block;
font-size:12px !important;
padding:2px 5px 2px 25px;
text-align:left;
}
span .Se_Tran_errorlist {
background:red url(../img/icon_alert.gif) 5px .3em no-repeat !important;
border:1px solid red;
color:#FFF;
display:block;
font-size:12px !important;
padding:2px 5px 2px 25px;
text-align:left;
}
#id_error .Se_Tran_errorlist {
background:red url(../img/icon_alert.gif) 5px .3em no-repeat !important;
border:1px solid red;
color:#FFF;
display:block;
font-size:12px !important;
padding:2px 5px 2px 25px;
text-align:left;
height:14px !important;
}

#id_error .Se_Tran_cglist {
background:#009438 url(../img/icon_success.gif) 5px .3em no-repeat !important;
border:1px solid #009438;
color:#FFF;
display:block;
font-size:12px !important;
padding:2px 5px 2px 25px;
text-align:left;
height:14px !important;
}

.errorlist li {
background:red !important;
border:1px solid red;
color:#FFF;
display:block;
font-size:12px !important;
margin:0 0 3px;
padding:2px 5px 2px 25px;
text-align:left;
/*height:16px !important;*/
}
.oklist li {
background:#7ac143;
border:1px solid #abcdef;
color:#FFFFFF;
display:block;
font-size:14px !important;
margin:0 0 3px;
padding:2px 5px 2px 25px;
text-align:left;

}


.errornote {
background:#ffc url(../img/icon_error.gif) 5px .3em no-repeat;
border:1px solid red;
color:red;
display:block;
font-size:12px !important;
margin:0 0 3px;
padding:4px 5px 4px 25px;
}

.example {
background:#efefef;
margin:10px 0;
padding:5px 10px;
}

.float-left {
float:left;
}

.float-right,.colSM #content-main,.floatright {
float:right;
}

.footer,#footer {
clear:both;
padding:10px;
}

.form-row .object-tools {
float:none;
height:2em;
margin-bottom:5px;
margin-top:5px;
padding-left:3.5em;
}
/*
.header {
background:#417690;
color:#ffc;
overflow:hidden;
text-align:left;
width:100%;
}
*/
.header a:hover,#header a:hover {
text-decoration:none;
}

#op_menu a:visited{
color:#000000;
}

.header a:link,#header a:visited,a.ha:hover,#header a:link,#header a:visited {

text-decoration:none;
}


.help,p.help {
color:#999;
font-size:11px !important;
}

.mini {
font-size:10px;
}
/*
.module {
background:#FFF;
_border:1px solid #ccc;
margin-bottom:5px;
}
*/
.module blockquote {
margin-left:12px;
}

.module h2,.module caption {
background:#7CA0C7 url(../img/default-bg.gif) top left repeat-x;
color:#FFF;
font-size:12px;
font-weight:700;
margin:0;
padding:2px 5px 3px;
text-align:left;
}

.module h3 {
margin-top:.6em;
}

.module p,.module ul,.module h3,.module h4,.module dl,.module pre {
padding-left:10px;
padding-right:10px;
}

table {
/*border-collapse:collapse;*/
}

.module ul,.module ol {
margin-left:1.5em;
}

.nav_menu {
  font-size:12pt;
  list-style:none;
  padding:0;
  width:100px;
}

.nav_menu li {
list-style:none;
margin:1px;
}

.nowrap {
white-space:nowrap;
}

/*.object-tools {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:700;
margin-bottom:-2em;
margin-top:-2.4em;
padding-left:0;
position:relative;
}

.object-tools a.addlink {
background:#999 url(../img/tooltag-add.gif) top right no-repeat;
padding-right:28px;
}

.object-tools a.addlink:hover {
background:#5b80b2 url(../img/tooltag-add_over.gif) top right no-repeat;
}

.object-tools a.viewsitelink,.object-tools a.golink {
background:#999 url(../img/tooltag-arrowright.gif) top right no-repeat;
padding-right:28px;
}

.object-tools a.viewsitelink:hover,.object-tools a.golink:hover {
background:#5b80b2 url(../img/tooltag-arrowright_over.gif) top right no-repeat;
}

.object-tools a:hover,.object-tools li:hover a {
background:#5b80b2 url(../img/tool-right_over.gif) 100% 0 no-repeat;
}

.object-tools a:link,.object-tools a:visited {
background:#999 url(../img/tool-right.gif) 100% 0 no-repeat;
color:#FFF;
display:block;
float:left;
height:14px;
padding:.1em 24px .1em 8px;
}

.object-tools li {
background:url(../img/tool-left.gif) 0 0 no-repeat;
display:block;
float:left;
height:16px;
margin-left:2px;
padding:0 0 0 8px;
}

.object-tools li:hover {
background:url(../img/tool-left_over.gif) 0 0 no-repeat;
}
*/
.popup .colM {
width:95%;
}

.quiet strong {
font-weight:700 !important;
}

.quiet,a.quiet:link,a.quiet:visited {
color:#999 !important;
font-weight:400 !important;
}

.row1 {
background:#EDF3FE;
}

.row2 {
background:#FFF;
}

.small,.content-related h4,#content-related h4 {
font-size:12px;
}

.subcol {
float:left;
margin-right:15px;
width:46%;
}

.tiny {
font-size:12px;
}

a{
cursor:pointer;
}
/*a img {
border:0px solid #FFF;
}

a.deletelink:hover {
color:#933;
}

a.deletelink:link,a.deletelink:visited {
color:#CC3434;
}

a.ha:link,a.ha:visited {
color:#ABC0FF;
}

*/
#id_read:hover{
    color:#ABC0FF
}

#id_read{
    text-decoration:underline ;
    color:green
}
/*a:hover {
color:#036;
}
*/
a:link,a:visited {
  text-decoration:none;
}
blockquote {
border-left:5px solid #ddd;
color:#777;
font-size:12px;
margin-left:2px;
padding-left:10px;
}

body {
background:#ffffff;
color:#000000;
font-family:"Source Han Sans CN Regular","Arial","Microsoft Yahei","SimSun","Tahoma","sans-serif";
font-size:12px;
padding:0;
margin:0;
}

/*code strong {
color:#930;
}

code,pre {
background:inherit;
color:#40E;
font-family:"Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;
font-size:12px;
}
*/
dd {
margin-left:0;
}

div.breadcrumbs {
background:#FFF url(../img/nav-bg-reverse.gif) 0 -10px repeat-x;
border-bottom:0px solid #ccc;
border-top:1px solid #FFF;
color:#999;
font-size:12px;
padding:2px 8px 3px;
text-align:left;
}

div.system-message {
background:#ffc;
font-size:.8em;
margin:10px;
padding:6px 8px;
}

div.system-message p.system-message-title {
background:#ffc url(../img/icon_error.gif) 5px .3em no-repeat;
color:red;
margin:0;
padding:4px 5px 4px 25px;
}

dt {
font-weight:700;
margin-top:4px;
}

/*
form,fieldset {
margin:2px;
padding:1px;

}
*/
h1 {
color:#666 ;
font-size:18px ;
margin:0 0 .2em ;
padding:0 6px 0 0;
}

h1,h2,h3,h4,h5 {
font-weight:400;
}

h2 {
font-size:24px;
margin:0 0 0;
}

h2.subhead {
font-weight:400;
margin-top:0;
}
/*
h3 {
color:#666;
font-size:14px;
font-weight:700;
margin:.8em 0 .3em;
}

h4 {
font-size:12px;
margin:1em 0 .8em;
padding-bottom:3px;
}

h5 {
color:#666;
font-size:12px;
letter-spacing:1px;
margin:1.5em 0 .5em;
text-transform:uppercase;
}
*/
hr {
background-color:#eee;
border:none;
clear:both;
color:#eee;
font-size:1px;
height:1px;
line-height:1px;
margin:0;
padding:0;
}

textarea,select {
font-size:12px;
font-weight:400;
margin:1px !important;
padding:2px 3px !important;
vertical-align:middle;
_border:1px solid #5B80B2;
_padding:1px;

}

.btnOKClass,#id_search_emp,#id_search_dept
{
padding:0 6px 0 20px !important;
background:url(../img/accepted.png) 3px 50% no-repeat;
margin-left: 3px;
height:25px !important;
line-height:22px !important;
border:1px solid #5B80B2;
color:#000;
}
#id_forget {
background:url(../img/add.png) 3px 50% no-repeat;
}

#id_search_addTrans {
background:url(../img/magnifier.gif) 3px 50% no-repeat;
}
#id_delete_addTrans {
background:url(../img/close.png) 3px 50% no-repeat;
}



.btnCancelClass {
padding-left: 20px;
background:url(../img/cancel.png) 3px 50% no-repeat;
margin-left: 3px;
height:25px !important;
line-height:22px !important;
border:1px solid #5B80B2;
color:#000;
}
#id_search_emp,#id_search_dept{
  margin-top:1px;
  width:60px;
  text-align:right;
  background:url(../img/magnifier.gif) 3px 50% no-repeat;

}
#id_search_dev{
  margin-top:1px;
  width:60px;
  border:1px solid #5B80B2;
  text-align:right;
  background:url(../img/magnifier.gif) 3px 50% no-repeat;
}

/*
#id_search{
  margin-top:1px;
  text-align:right;
  background:url(../img/magnifier.gif) 3px 50% no-repeat;
}
*/
/*#id_show_EmpShift{
 margin-top:1px;
 background:url(../img/magnifier.gif) 3px 50% no-repeat;
}
#id_show_tmpShift{
 margin-top:1px;
 background:url(../img/magnifier.gif) 3px 50% no-repeat;
}
#id_show_Shift{
 margin-top:1px;
 background:url(../img/magnifier.gif) 3px 50% no-repeat;
}*/

#id_add_empShift{
 margin-top:1px;
 background:url(../img/icon_calendar.gif) 3px 50% no-repeat;
}
/*
#id_add_tmpShift{
 margin-top:10px;
 background:url(../img/1.bmp) 3px 50% no-repeat;
}
#id_add_tmpShift{
 margin-top:1px;
 background:url(../img/clock.png) 3px 50% no-repeat;
}
*/
#id_cancel_tmpShift{
 margin-top:1px;
 background:url(../img/delete.png) 3px 50% no-repeat;
}
/*
#id_save_tmpShift{
 margin-top:1px;
 background:url(../img/3.bmp) 3px 50% no-repeat;
}
*/
#id_canop_tmpShift{
 margin-top:1px;
 background:url(../img/close.png) 3px 50% no-repeat;
}
#frmComebackDb th,#id_form_export th{
text-align:left;
}

#id_addsch_tmpShift{
 margin-top:1px;
 background:url(../img/add.png) 3px 50% no-repeat;
}

#id_clearsch_tmpShift{
 margin-top:1px;
 background:url(../img/close.png) 3px 50% no-repeat;
}
#id_clearall_tmpShift{
 margin-top:1px;
 background:url(../img/delete.png) 3px 50% no-repeat;
}

#id_delete_Shift{
 margin-top:1px;
 background:url(../img/close.png) 3px 50% no-repeat;
}

input[type="text"],input[type="password"],.vTextField {

width: 140px;
border:1px solid  #D1D1D1;
height: 18px;
}
input[type="number"]{
    width: 80px;
}
input:focus {
}

li ul {
margin-bottom:0;
}

li,dt,dd {
/*font-size:12px;
line-height:14px;*/
}

p {
line-height:140%;
padding:0;
}

p img,h1 img,h2 img,h3 img,h4 img,td img {
vertical-align:middle;
}

p,ol,ul,dl {
margin:0;
padding:0;
}

p.mini {
margin-top:-3px;
}

p.tiny {
margin-top:-2px;
}

pre.literal-block {
background:#eee;
margin:10px;
padding:6px 8px;
}


table thead th.ascending a {
background:url(../img/arrow-down.gif) right .4em no-repeat;
}

table thead th.descending a {
background:url(../img/arrow-up.gif) right .4em no-repeat;
}

table thead th.sorted a {
padding-right:13px;
}

table#change-history {
width:100%;
}

table#change-history tbody th {
width:16em;
}

table.orderable tbody tr td:first-child {
background-image:url(../img/nav-bg-grabber.gif);
background-repeat:repeat-y;
padding-left:14px;
}

table.orderable tbody tr td:hover {
cursor:move;
}

table.orderable-initalized .order-cell,body>tr>td.order-cell {
display:none;
}

td ul.errorlist li {
margin:0 !important;
}

td,th {
font-size:12px;
vertical-align:center;
}

textarea {
vertical-align:top !important;
}

tfoot td {
border-bottom:none;
border-top:1px solid #ddd;
}


thead th a:link,thead th a:visited {
color:#666;
display:block;
}
/*
thead th,tfoot td {
background:#e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
color:#666;
font-size:12px;
height: 14px;
}
*/
thead th.optional {
font-weight:400 !important;
}

thead th:first-child,tfoot td:first-child {
border-left:none !important;
}

tr.alt {
background:#f6f6f6;
}

tr.row-label td {
border-bottom:none;
color:#666;
font-size:12px;
margin-top:-1px;
padding-bottom:0;
padding-top:2px;
}
/*
ul li {
list-style-type:none;
padding:0px 0;
line-height: 20px !important;
vertical-align:middle;

}
*/
ul.errorlist,td ul.errorlist {
margin:0 !important;
padding:0 !important;
left:auto !important;
}

ul.messagelist {
margin:0;
padding:0 0 5px;
}

ul.messagelist li {
background:#ffc url(../img/icon_success.gif) 5px .3em no-repeat;
border-bottom:1px solid #ddd;
color:#666;
display:block;
font-size:12px;
margin:0 0 3px;
padding:4px 5px 4px 25px;
}

ul.plainlist {
margin-left:0 !important;
}

ul.plainlist li {
list-style-type:none;
}
div.dialog {
background:#EEEEFF none repeat scroll 0 0;

padding:1px;
width:420px; 
font:14pt bold; 
text-align:left; 
margin:0px; 
position:relative; 
min-width:250px;
}
/*
div .dialog .close{
background:transparent url(../img/tool-sprites.gif) no-repeat scroll 0 0;
cursor:pointer;
float:right;
height:15px;
margin-left:2px;
margin-right:2px;
overflow:hidden;
width:15px;
#margin-top:-19px;
}
*/
div.dialog .dcontent {border:1px solid #A8BACD;font-size:15px; color:#000; margin: 10px 20px;background:#FFFFFF;}
div.dialog .dheader {
background-image:url(../img/bg_box_title.png);
border-bottom:1px solid #A8BACD;margin:0;

}
div.dialog .dtitle {font-size: 12pt; border: 0; padding:4px; background-color:transparent; }

div.dialog .dcontent td.label { text-align: right; padding-left: 14px;}

.selectedDataOp div div {
  float: left; 
}

.selectedDataOp div li li div {
  margin: 2px 2px 2px 2px; 
  padding: 1px 5px;
  display: block;
  color: #AFAF7C;
}

ul #nav.nav li ul li {
  color: #FFFFFF;	
}

.selectedDataOp div div:hover a {color: white !important; }
#id_select_div a {color: #7ac143 !important;}
#id_select_div {background: transparent; padding-top: 4px; padding-left: 15px;}
#id_select_div {_background: white; _border: 1px solid white;}


/* nifty */
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

.selectRow {
	background: green !important;
}

input[disabled]{
  color: #AFAF7C !important;
}
#id_opt_tree {
padding-top: 5px;
vertical-align: middle;
}

#id_opt_title{

border-bottom: #A6C9E2 1px solid;
background:#eee url(../img/nav-bg.gif) bottom left repeat-x;
margin-bottom:2px !important;
padding:2px !important;

height: 18px;
padding-left:5px;
padding-right:20px;
font-weight:400 !important;
width:auto;
}

.title_bar{
#background-color:#CFDFFF;
display: block;
padding-top:2px;
padding-left:5px;
padding-right:20px;
font-weight:400 !important;
/*border-bottom: #A6C9E2 1px solid;
*/height: 20px;
line-height:20px;
background:#eee url(../img/nav-bg.gif) bottom left repeat-x;

}

td.border_td {
border: #dddddd 1px solid;
vertical-align: top;
padding: 0px;
}
#department{
width:100px !important;
background-color:#FFFFFF;
border:1px solid #dddddd;
float:left;
}

#Employee{
width:100px !important;
background-color:#FFFFFF;
border:1px solid #5B80B2;
float:left;
}
#show_deptment{
width: 300px;
display:none;
padding:1px;
position: absolute; 
top:-1000px;
left: -1000px;
z-index:1024;
border: #A8BACD 1px solid; 
background: #EEEEFF;
}

#departments_search_dialog {
    width: 180px;
    display: none;
    padding: 1px;
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1024;
    border: #A8BACD 1px solid;
    background: #EEEEFF;
}
#departments_list {
    overflow: auto;
    padding: 0 5px;
    height: 250px;
    font-size: 14px;
}
#departments_list li {
    cursor: pointer;
    height: 18px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#departments_list li:hover {
    color: white;
    background-color: #8ac85a;
}
#show_tree_div{
width: 300px;
display:none;
padding:1px;
position: absolute;
top:-1000px;
left: -1000px;
z-index:1024;
border: #A8BACD 1px solid;
background: #EEEEFF;
}
#show_Autued_deptment{
width: 300px;
display:none;
padding:1px;
position: absolute; 
top:-1000px;
left: -1000px;
z-index:1024;
border: #A8BACD 1px solid; 
background: #EEEEFF;
}

#show_deptments{
width: 240px;
display:none;
padding:1px;
position: absolute; 
top:-1000px;
left: -1000px;
z-index:1024;
border: #A8BACD 1px solid; 
background: #EEEEFF;
}
#departments{
width:100px !important;
/*background-color:#FFFFFF;
border:1px solid #5B80B2;
*/
float:left;
}
#id_depts{
width: 240px;
height:400px;
overflow:auto;
text-align:left;
}
#show_deptmentadd{
width: 240px;
display:none;
padding:1px;
position: absolute; 
top:-1000px;
left: -1000px;
z-index:1024;
border: #A8BACD 1px solid; 
background: #EEEEFF;
}

#id_deptadd{
width: 240px;
height:400px;
overflow:auto;
text-align:left;
}
#id_deptadd ul{
margin-top:0 !important;
margin-left:0px !important;
}

#id_depts ul{
margin-top:0 !important;
margin-left:0px !important;
}

#id_dept{
width: 300px;
height:400px;
overflow:auto;
}

#id_dept ul{
margin-top:0 !important;
margin-left:0px !important;
}
#id_Authed_dept{
width: 300px;
height:400px;
overflow:auto;
}

#id_Authed_dept ul{
margin-top:0 !important;
margin-left:0px !important;
}

#showTree ul{
margin-top:0 !important;
margin-left:0 !important;
}

#show_emp{
width: 400px;
display:none;
padding:1px;
position: absolute;
top:-1500px;
left: -1500px;
z-index:1024;
border: #A8BACD 1px solid;
background: #EEEEFF;
}

#show_field_selected{
display:none;
/*border: #A8BACD 1px solid;
*/background: #e9e9e9;
padding: 0;
}
#id_fields_selected{
height:300px;
overflow:auto;
}

#show_field_attTotal{
width: 200px;
display:none;
padding:1px;
position: absolute;
top:-1600px;
left: -1600px;
z-index:1024;
border: #A8BACD 1px solid;
background: #EEEEFF;
}
#id_fields_attTotal{
width: 200px;
height:300px;
overflow:auto;
}

#show_field_attDailyTotal{
width: 200px;
display:none;
padding:1px;
position: absolute;
top:-1600px;
left: -1600px;
z-index:1024;
border: #A8BACD 1px solid;
background: #EEEEFF;
}
#id_fields_attDailyTotal{
width: 200px;
height:300px;
overflow:auto;
}

#id_cond_form #id_ComeTime,#id_cond_form #id_EndTime{
width:100px !important;
margin-left:2px;
}

#id_devs{
width: 286px;
height:282px;
overflow:auto;
border: #888 1px solid;
vertical-align: top;
padding: 2%;
}
#id_emp{
width: 400px;
height:400px;
overflow:auto;
}

#id_emp table tr td,#id_emp table tr th {
white-space:nowrap;
}
#id_fields{
width: 200px;
height:300px;
overflow:auto;
}

.title{
height:20px;
list-style:none;
text-align:left;
vertical-align:middle;
background-image:url(../img/nav-bg.gif);
border-bottom:1px solid #dddddd;
}
.title .close{
 background:transparent url(../img/close.gif) no-repeat scroll 0 0;
cursor:pointer;
float:right;
height:20px;
margin-left:2px;
margin-right:2px;
overflow:hidden;
width:24px;
margin-top:1px;
}
.title .save_Deptment{
 background:transparent url(../img/save_dept.gif) no-repeat scroll 0 0;
cursor:pointer;
float:right;
height:20px;
margin-left:2px;
margin-right:2px;
overflow:hidden;
width:20px;
margin-top:1px;

}
/*
#id_showTbl td{
padding-top:2px !important;
}
*/
/*
#tbl thead tr th,#tbl tbody tr td{
padding:5px;
}
*/
#id_result #tbl{
width:850px;
}
/*
#tbl {
border:0px;
border-bottom:1px solid #FFFFFF;
}

#tbl thead th,#tbl tbody td{
text-align: left;
border-right: 1px solid #ddd;
border-left: 1px solid #fff;
overflow: hidden;
vertical-align: middle !important;
}
*/
#tbl thead th {
white-space:nowrap; 
background:#e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
border-bottom:1px solid #888;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
color:#666;
font-size:12px;
height: 14px;
/*padding*/

}


#tbl tr.trSelected:hover td, 
#tbl tr.trSelected:hover td.sorted,
#tbl tr.trOver.trSelected td,
#tbl tr.trSelected td
{
background: #d5effc url(../img/hl.png) repeat-x top;
border-bottom: 1px solid #7878bB;
}


#tbltr.trOver td, #tbl tr:hover td
{
border-left-color: #d9ebf5;
border-right-color: #d9ebf5;
}
a[class='can_edit']:hover
{
	text-decoration:underline !important;
}
#show_dev{
width: 300px;
display:none;
padding:1px;
position: absolute;
top:-1500px;
left: -1500px;
z-index:1024;
border: #A8BACD 1px solid;
background: #EEEEFF;
}
#id_dev{
width: 300px;
height:400px;
overflow:auto;
}

#id_dev table tr td,#id_dev table tr th {
white-space:nowrap;
}
.title .save_Iclock{
 background:transparent url(../img/save_dept.gif) no-repeat scroll 0 0;
cursor:pointer;
float:right;
height:20px;
margin-left:2px;
margin-right:2px;
overflow:hidden;
width:20px;
margin-top:1px;

}
.title #id_opt_trees{
float:left;
height:20px;
margin-left:80px;
margin-right:2px;
width:100px;
margin-top:1px;
}

.no_permissions{
background:#C7C7C7;
}

.jqte {
	display:block;
	margin:0 0 10px;
	padding:6px;
	width:95%;
	background:#FFF;
	border:#AAA 1px solid;
	font-size:13px;
}
.left { float:left; }
.right { float:right; }

.tableStyle select {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-left: 0;
    width: 152px;
}
.tableStyle th {
    border-bottom: 1px dotted #e1e9ff;
    padding: 1px 10px;
    text-align: left;
    vertical-align: top;
    width: 120px;
}
.tableStyle td {
    border-bottom: 1px dotted #e1e9ff;
    padding: 1px 2px;
    vertical-align: top;
}


.alert {
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 8px 8px 4px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-info {
    background-color: #7ac143;
    border-color: #bce8f1;
    color: #000;
	background: #7ac143 url("layout/images/ui-bg_glass_30_7ac143_1x400.png") repeat-x scroll 50% 50%;    
    
    
    
}
.select_query{
	background: url("../img/filter.gif") no-repeat;
	border: 0px;
	margin: -5px 0 0 -5px;
	height: 20px;
	padding-top: 2px !important;
}
.Link_blue1 a , .Link_blue1 a:visited{color:#0066CC !important; text-decoration:none !important; cursor:pointer;}
.Link_blue1 a:hover , .Link_blue1 a:active{color:#ff6600 !important; text-decoration:none !important; cursor:pointer;}

label.required{ padding-left:6px;  background-image:url(../img/images_icon.gif); background-repeat:no-repeat; background-position:-786px -55px;background-position:-786px -53px\9;_background-position:-786px -51px;word-break:keep-all;word-wrap:normal;white-space:nowrap;}
.version_content_box .version_details_box{padding:0 10px 10px 30px;font-family:"Source Han Sans CN Regular","SimSun","Tahoma","Arial","sans-serif" !important;line-height:20px; }
.version_content_box .version_details_box span{font-family:"Source Han Sans CN Regular","SimSun","Tahoma","Arial","sans-serif" !important; font-weight:bold;}
.version_content_box .version_copyRight{position:absolute; bottom:25px; left:160px;left:150px\9;font-size:11px;}
#progressbar .ui-widget-header{
    background: #7ac143;
}

  .progress-label {
    position: absolute;
    left: 50%;
    top: 10px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
  }

/*基本表格样式*/
.tableStyle {
	/*! margin-top: 2px; */
	/*font-size: 12px;*/
	line-height: 22px;
	/*! width:100%; */
	/* background-color: #F4F7FF;
	border: 1px solid #DBE4EE; */
}

.tableStyle th{
	border-bottom: 1px dotted #e8eaeb;
	vertical-align:top;
	/*background-color: #a4bed4;*/
	padding: 1px 10px;
	min-width: 100px;
	max-width: 150px;
	width: auto;
	text-align: left;
}

.tableStyle label{
	font-weight:normal;
}

.tableStyle td {
	/* border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E1E9FF; */
	border-bottom: 1px dotted #e8eaeb;
	vertical-align: top;
	/*background-color: #c3d4eb;*/
	padding: 1px 10px;
	/* overflow-x: hidden; */
	word-wrap: break-word;
}

.breath {
  overflow: hidden;
  -webkit-animation-name: breath;
  -webkit-animation-duration: 6s; /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes breath {
  from {
    opacity: 0.3;
  }
  25% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  75 %{
    opacity: 0.6;
  }
  to {
    opacity: 0.3;
  }
}

img[src='/media/img/error_download.jpg'] {
    width: 200px;
    margin: 25px 25px 25px
}

.enroll-button {
  background-image: none !important;
  color: #ffffff;
  border-radius: 3px;
  border: none;
  background-color: #7ac142;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: normal;
  margin: 0 5px;
  text-align: center;
  cursor: pointer;
  height: 29px;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 100px;
}