﻿/***   材料管理软件CSS   ***/  
/***   2012.7.12  初版 ***/
/***   2014.7.18  增加OA样式 ***/
/***   2014.12.1  调整字体size，px全部完成em ***/

/* --------- 链接和linkbutton取消下划线 --------- 
.cai a { text-decoration: none;color: #1570A6; }
.cai a:hover { text-decoration:underline;color: #FF9900; }*/



/* --------- login页面主框 --------- */
.mainframe { font-family:Arial,微软雅黑;border-collapse:collapse;border-bottom-style:solid;border-left-style:solid;border-right-style:solid;border-top-style:none;border-width:1px; }

/* --------- Index.aspx页 页面主体 --------- */
#pagebody{margin:0 auto;font-family:Arial,微软雅黑; font-size:1em; width:98%; min-width:1000px; background-color:#F5F5F5;}
.softTitleCN{margin:0 auto; font-size:1.3em; color: #5c9ccc;}
.softTitleEN{margin:0 auto; font-size:1em; color: #5c9ccc;}
/* --------- Index.aspx页 用户信息栏 ---------*/
#head_nav{ clear:both; margin-bottom:5px;}
#head_title{ clear:both; height:34px; line-height:34px; background: url("../css/oa/menu.gif") repeat-x; color:White;}
.head_cell_title{ display:inline-block;text-align:left;margin-left:10px;color:silver;}
.head_cell_value{ display:inline-block; text-align:left;margin-right:10px;color:#DADBE5;}
.backup_link{ display:inline-block;width:70px;text-align:right;color:White; text-decoration:underline; margin-left:30px; font-weight:bold;}

/* --------- MasterPage大边框  --------- */
/* 左上角 */
.MPB_GTable_LT_Style{ background:#DCDCDC url(../MasterPage/themes/dialog_lt.png);background-repeat :no-repeat;width:13px; }
/* 上边线 */
.MPB_GTable_CT_Style{ background:#DCDCDC url(../MasterPage/themes/dialog_ct.png);background-repeat :repeat-x; }
/* 右上角 */
.MPB_GTable_RT_Style{ background:#DCDCDC url(../MasterPage/themes/dialog_rt.png);background-repeat :no-repeat;width:13px; }
/* 左边线 */
.MPB_GTable_MLB_Style{ background:#DCDCDC url(../MasterPage/themes/dialog_mlb.png);background-repeat :repeat-y; }
/* 中心 */
.MPB_GTable_MMC_Style{ vertical-align: top; height: 620px; padding:5px }
/* 右边线 */
.MPB_GTable_MRB_Style{ background:#DCDCDC url(../MasterPage/themes/dialog_mrb.png);background-repeat :repeat-y; }
/* 左下角 */
.MPB_GTable_LB_Style{ background:#DCDCDC url(../MasterPage/themes/dialog_lb.png);background-repeat :no-repeat;width:13px; }
/* 下边线 */
.MPB_GTable_CB_Style{ background:#DCDCDC url(../MasterPage/themes/dialog_cb.png);background-repeat :repeat-x;}
/* 右下角 */
.MPB_GTable_RB_Style{ background:#DCDCDC url(../MasterPage/themes/dialog_rb.png);background-repeat :no-repeat;width:13px; }

/* --------- 主页body --------- */
body{ margin:0 auto; font-family:微软雅黑; height:100%; }  /*font:0.75em Arial,微软雅黑;background-color:#F5F5F5; */
/*.demoHeaders { margin-top: 2em; }Arial,sans-serif,
#dialog_link { padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon { margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons { margin: 0; padding: 0;  float:right}  
ul#icons li { margin: 2px; position: relative; padding: 4px 0;  float:left; list-style: none;}
ul#icons span.ui-icon { float: left; margin: 0 4px;}*/

/* --------- input & textbox 在GridView内部 --------- */
.inputradius{ border-style:solid; border-width:1px; border-color:#DCDCDC; text-align:left;  
              -moz-border-radius: 3px;      /* Gecko browsers */
              -webkit-border-radius: 3px;   /* Webkit browsers */
              border-radius:3px;            /* W3C syntax */}
.inputInGrid{ border-style:solid; border-width:1px; border-color:#DCDCDC; height:1.4em;font:1em Arial,微软雅黑; text-align:right;}
.inputInGridAlignLeft{ border-style:solid; border-width:1px; border-color:#DCDCDC;  height:1.4em; font:1em Arial,微软雅黑; text-align:left}
.labelInGridAlignLeft{ height:1.4em; font:1em Arial,微软雅黑; text-align:left}
.BoundFieldInGrid{ margin:0 3px 0 3px; padding:0 3px 0 3px;font:1em Arial,微软雅黑; text-align:left}

/* --------- 元素隐藏/显示 --------- */
.hidden { display:none;}
.block { display:block;}

/* --------- div居中 --------- */
.center {
 width: auto;
 display: table;
 margin-left: auto;
 margin-right: auto;
}
.text-center {
 text-align: center;
}

/* --------- dropdownlist外观 --------- */
.select_w150{ border-style:solid; border-width:1px; border-color:#DCDCDC; height:20px;font:1em,Arial,微软雅黑;}

/* --------- MultiView 标签页 --------- */
.menuTabs{ position:relative; top:1px; left:0px;padding:5px;height:40px;}
.tab {
    border: solid 1px #CDCDCD;
    padding: 1px 10px 1px 10px;
    background: #DCDCDC 50% 50% repeat-x;
    color: #656565;
    height: 40px;
    font-size: 13pt;
}
.selectedTab {
    border: solid 1px #CDCDCD;
    border-bottom: solid 1px #F5F5F5;
    padding: 1px 10px 1px 10px;
    background: #F5F5F5 50% 50% repeat-x;
    color: #656565;
    height: 40px;
}
.tabBody{ border:solid 1px #CDCDCD; padding:20px; background-color:#F5F5F5;} 

/* --------- 表格样式1（OA样式） --------- */
.gv{ font-size:1em;color:#333333;background-color:#F1F1F1; width:100% ;border-top:solid 1px #CDCDCD; border-left:solid 1px #CDCDCD;}
.gv_row{line-height:1.5em;}
.gv_alternet_row{ line-height:1.5em;background-color:White;}
.gv_edit_row{background-color:#2461BF;}
.gv_selected_row{ background-color:#D1DDF1; color:#333333; }
.gv_header{ line-height:1.5em;text-align:center; }
.gv th{ border-right:solid 1px #CDCDCD;border-bottom:solid 1px #CDCDCD; text-align:center; padding:1px 0 1px 0;filter:progid:DXImageTransform.Microsoft.Gradient(Enabled='true',gradientType=0,startColorStr='#00000000', endColorStr='#ffe5e5e5');}
.gv td{ border-right:solid 1px #CDCDCD;border-bottom:solid 1px #CEDAE4; text-align:center; padding:1px 0 1px 0;}
.gv_page{ background-color:#2461BF; color:White; text-align:center; }
.gv_footer{ background-color:#507CD1; color:White; font-weight:bold; }

/* --------- 表格样式2 --------- */
/*GridView 筛选功能的字段的dropdownlist下拉框表头*/ 
.GVHeadDDL{ border: 1px #bbddff Solid;color: Navy;background-color: #E6E6FF;vertical-align: middle;text-align:left;}
/*GridView固定表头*/ 
.GVHeader{ border: 1px #bbddff Solid;background-color: #E6E6FF;color: Navy;height: 17px;vertical-align: middle;padding: 2px 2px 2px 2px;}
/*表格边框*/
.GVTab, .GVTab tr, .GVTab th, .GVTab td{ border: 1px #bbddff Solid;}
/*表头*/
.GVTab th{ background-color: #E6E6FF;color: Navy;height: 17px;vertical-align: middle;padding: 3px 2px 3px 2px;}
/*单元格*/
.GVTab td, .GVTab td.c{ height: 17px; padding: 3px 2px 3px 2px;  /*这里有一个bug如果使用此css标记，则页面上的gridview将占据页面的焦点focus，原因不明*/}
.GVTab td{ text-align:center;}
/*单元·居中改成靠左*/
.GVTab td.c{}
.GVTab tr.alt{ background-color:#ECECFF;color: #272727;}
/*页脚单元*/
.GVPager td{ background-color: #E0E0E0;height: 1px;border: 0;vertical-align: middle;padding: 4px 2px 4px 2px;}
.GVPager td.l{ text-align:left;}
.GVPager td.c{ text-align:center;}
.GVPager td.r{ text-align:right;}
.GVPager a{ text-decoration: none;margin-left: 4px;margin-right: 4px;}
.GVPager a.b{ text-decoration:underline;font-weight: 800;}
/*记录未找到的图标  */
.nr{ border: 0;background: url("img/NoRecord.gif" ) no-repeat center center;height: 64px;width: 64px;}

/* ----------- 固定页脚  ----------- */
#FooterContainer{ font-size: 1em;height:30px;background-color: #F5F5F5;position:fixed;right:0px;left:0px;text-align:center;vertical-align:middle;color: #5c9ccc;}
.foot_cell_label{ font-size: 1em;display:inline-block;text-align:left;margin-left:10px;color:#77787b;}

/* ----------- OA表单样式 2列----------- */
/**fieldset**/
.DF_Fieldset{ margin:3px 0 3px 0;padding:3px 0 3px 0;border:1px outset #F5F5F5; }
/**区段**/
.DF_Content_Section{ margin:5px;text-align:center;} /*border:1px solid #C8D6E3;background-color:#F1F1F1;*/
/*用于应用表单中表格整体*/
.DF_GTable_Style{ border-collapse:collapse;font-size:10pt;width:100%;background-color:#F1F1F1;border:solid #CDCDCD;border-width:1px 0 0 1px;}
/*用于应用表单中表格标题*/
.DF_GTable_TH_Style{ border:#CEDAE4 solid;border-width:0 1px 1px 0;color:#656565;font-size:1em;}
/*用于应用表单中表格行*/
.DF_GTable_TR_Style{}
/*用于应用表单中表格单元格*/
.DF_GTable_TD_Style{}
/*用于应用表单中表格左侧标题单元格*/
.DF_GTable_LTD_Style{border:#CDCDCD solid;border-width:0 1px 1px 0;color:#656565;height:26px;text-align:right;padding-right:10px;background-color:#FFFFFF;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#00000000, endColorstr=#FFE5E5E5);width:20%;}
/*用于应用表单中表格右侧标题单元格*/
.DF_GTable_RTD_Style{border-left: 0 solid #CEDAE4;border-right: 1px solid #CEDAE4;border-top: 0 solid #CEDAE4;border-bottom: 1px solid #CEDAE4;color:#000;height:26px;text-align:left;padding-left:10px;padding-right:10px; width:30%;}     

/*用于应用表单中表格左侧标题单元格*/
.DF_DIV_GTable_LTD_Style{border:#CDCDCD solid;border-width:0 1px 1px 0;color:#656565;height:26px;text-align:right;padding-right:10px;background-color:#FFFFFF;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#00000000, endColorstr=#FFE5E5E5);width:10%;}
/*用于应用表单中表格右侧标题单元格*/
.DF_DIV_GTable_RTD_Style{border-left: 0 solid #CEDAE4;border-right: 1px solid #CEDAE4;border-top: 0 solid #CEDAE4;border-bottom: 1px solid #CEDAE4;color:#000;height:26px;text-align:left;padding-left:10px;padding-right:10px; width:15%;}         


/* ----------- OA表单样式 2列 无边框----------- */
/*用于应用表单中表格整体*/
.DFNB_GTable_Style{ border-collapse:collapse;font-size:1em;width:100%;}
/*用于应用表单中表格标题*/
.DFNB_GTable_TH_Style{ font-size:1em;}
/*用于应用表单中表格行*/
.DFNB_GTable_TR_Style{}
/*用于应用表单中表格单元格*/
.DFNB_GTable_TD_Style{}
/*用于应用表单中表格左侧标题单元格*/
.DFNB_GTable_LTD_Style{height:25px;text-align:right;padding-right:10px;width:20%;}
/*用于应用表单中表格右侧标题单元格*/
.DFNB_GTable_RTD_Style{color:#000;height:25px;text-align:left;padding-left:10px;padding-right:10px; width:30%;}     

/* ----------- OA表单样式 3列----------- */
/*用于应用表单中表格左侧标题单元格*/
.DF3_GTable_LTD_Style{border:#CDCDCD solid;border-width:0 1px 1px 0;color:#656565;height:25px;text-align:right;padding-right:10px;background-color:#FFFFFF;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#00000000, endColorstr=#FFE5E5E5);width:15%;}
/*用于应用表单中表格右侧标题单元格*/
.DF3_GTable_RTD_Style{border-left: 0 solid #CEDAE4;border-right: 1px solid #CEDAE4;border-top: 0 solid #CEDAE4;border-bottom: 1px solid #CEDAE4;color:#000;height:25px;text-align:left;padding-left:10px;padding-right:10px; }       

/* ----------- OA表单样式 3列 in tree right----------- */
/*用于应用表单中表格左侧标题单元格*/
.DF3T_GTable_LTD_Style{border:#CDCDCD solid;border-width:0 1px 1px 0;color:#656565;height:25px;text-align:right;padding-right:10px;background-color:#FFFFFF;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#00000000, endColorstr=#FFE5E5E5);width:18%;}
/*用于应用表单中表格右侧标题单元格*/
.DF3T_GTable_RTD_Style{border-left: 0 solid #CEDAE4;border-right: 1px solid #CEDAE4;border-top: 0 solid #CEDAE4;border-bottom: 1px solid #CEDAE4;color:#000;height:25px;text-align:left;padding-left:10px;padding-right:10px; }

/* ----------- OA表单样式 扁平简单单元格----------- */
/*用于应用表单中表格左侧标题单元格*/
.DF_GTable_Simple_Column_Style {
    border: 1px #CDCDCD  solid;
    color: #656565;
    height: 26px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FFFFFF;
}      

/* ----------- div弹出框 在屏幕中间的弹出框div样式 ----------- */
.div_center_screen{width:550px;position:absolute;left:33%;top:33%;background:#F8F9FD;color:black; border:solid 1px Gray; overflow:hidden;display:none;text-align:center;}
.div_center_screen_req{width:450px;position:absolute;left:50%;top:50%;margin-left:-500px;background:#F8F9FD;color:black; border:solid 1px Gray; overflow:hidden;display:none;}
.div_center_screen_title{ width:auto; background-color:#E0FFFF; line-height:24px;padding:5px;font:1em Arial,微软雅黑; font-weight:bolder;margin:auto;}
.div_center_screen_title_req{ width:450px;}
.div_center_screen_title_close{border: 1px solid silver; float:right;background-color: #F8F9FD; margin:0px;}
.div_center_screen_content{ width:auto; margin:2px 10px 2px 10px;}
.div_center_screen_table{ border-collapse:collapse;font-size:1em;margin:auto;width:100%;background-color:#F1F1F1;border:solid #CDCDCD;border-width:1px 0 0 1px;}
/*用于div弹出框中表格左侧标题单元格*/
.div_center_screen_table_ltd{border:#CDCDCD solid;border-width:0 1px 1px 0;color:#656565;height:25px;text-align:right;padding-right:10px;background-color:#FFFFFF;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#00000000, endColorstr=#FFE5E5E5);width:40%;}
/*用于div弹出框中表格右侧标题单元格*/
.div_center_screen_table_rtd{border-left: 0 solid #CEDAE4;border-right: 1px solid #CEDAE4;border-top: 0 solid #CEDAE4;border-bottom: 1px solid #CEDAE4;color:#000;height:25px;text-align:left;padding-left:10px;padding-right:10px; width:60%;}       
.FloatPanel{ width: 100%;border: solid 1px black;height: 180px;margin: 0 auto;overflow: auto;clear: both;font-size: 1em;}
.loa_table_tr{ text-align:center; }

/* ----------- div弹出框 在屏幕中间的弹出框div样式 不限制宽度 默认1000px ----------- */
.div_center_screen_1000{width:1000px;position:absolute;left:33%;top:33%;background:#F8F9FD;color:black; border:solid 1px Gray; overflow:hidden;display:none;text-align:center;}
.div_center_screen_1000_title{ width:auto; background-color:#E0FFFF; line-height:24px;padding:5px;font:1em Arial,微软雅黑; font-weight:bolder;margin:auto;}
.div_center_screen_1000_content{ width:auto; margin:2px 10px 2px 10px;}


/* ----------- jquery div弹出框样式 ----------- */
#dialog-link {text-decoration: none;position: relative;}


.softTitleCN {
    margin: 0 auto;
    font-size: 1.3em;
    font-family: 微软雅黑;
    color: DarkOliveGreen;
}

.softTitleEN {
    margin: 0 auto;
    font-size: 1.1em;
    font-family: Times New Roman, serif;
    color: DarkOliveGreen;
}


/* ------------ 以上是正式投入使用的css样式，以下是暂时不用的css样式 ----------- */

/*fieldset
.fieldset_div{ width:97%;background-color:#F1F1F1; padding:0px; margin-bottom:1px; text-align:center; }
.fieldset_table{width:99%;background-color:#F1F1F1; font-size:1em;}
.fieldset_lable{width:14%;color:#656565;height:25px;text-align:right;padding-right:10px;background-color:#F1F1F1;
               filter:progid:DXImageTransform.Microsoft.Gradient(Enabled='true',gradientType=0,startColorStr='#00000000', endColorStr='#ffe5e5e5');}
.fieldset_textbox{width:19%;color:#656565;height:25px;text-align:left;padding-left:10px;padding-right:10px;color:#000;background-color:#F1F1F1;}
*/

/*tree*/
 .TreeView { border-bottom:1px dotted #B2B2B2 !important; }  
 .TreeView div { margin-left:5px; } 
 .TreeView table { border-top:1px dotted #B2B2B2 !important; } 
 .TreeView div table { border-bottom:none !important; border-top:none !important; } 
 .TreeView table td { padding:2px 0; } 
 .LeafNodesStyle { } 
 .RootNodeStyle { } /* ALL ELEMENTS */ 
 .NodeStyle { } 
 .ParentNodeStyle { background:yellow; } 
 a.SelectedNodeStyle { background:#E5E5E5; display:block; padding:2px 0 2px 3px; color:Red }

/*Now position */
.position, .position:visited {
background: #5c9ccc repeat-x;   
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer
}
