/*------------------------------------------------Basic CSS-------------------------------------------------*/
html, body {margin:0;padding:0;color:black;font-family:Arial;font-size:12px;width:100%;background:#ffffff;}
div,dl,dt,dd,pre,code,form,fieldset,legend,input,textarea,p,blockquote {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6,img {margin:0;padding:0;border:0;}
div,dl,dt,dd {display:block;}

a {font-size:12px;cursor:pointer;text-decoration:none;}
/*a:link {color:black;text-decoration:none;}*/
a:visited{color:black;text-decoration:none;}
    a:link
    {
        color:black;
    }
.enablelink a:active{color:#ff7010;}
.enablelink a:hover {color:#ff7010;text-decoration:underline;}
.clear {clear:both;}
input[type=text],select{border:1px solid #ccc;line-height:16px;padding-left:2px;padding-top:3px;padding-bottom:3px;background-color:#FFFFFF;font-size:12px;font-family: 'Univers-CondensedBold', Arial;}
input[type=text]:focus,select:focus{border:1px solid #939390;line-height:16px;padding-left:2px;}
/*input[type=text]{border-bottom:#b0b0b0 1px solid;border-left:#b0b0b0 1px solid;border-top:#b0b0b0 1px solid;border-right:#b0b0b0 1px solid;}*/
input[type=submit]{text-transform: uppercase;border:0px solid #ccc;background-color:#ff7010;color:white; cursor:pointer; font-weight:bold; text-wrap:none; padding:3px 5px 3px 5px; margin:0px 10px 0px 0px;}
input[type=button]{text-transform: uppercase;border:0px solid #ccc;background-color:#ff7010;color:white; cursor:pointer; font-weight:bold; text-wrap:none; padding:3px 5px 3px 5px; margin:0px 10px 0px 0px;}
.readonlyfield{border:1px solid #ccc;line-height:16px;padding-left:2px;height:16px; background-color:#EFEFEF;}

.edittable input[type=text],textarea{border:1px solid #ccc;line-height:16px;padding-left:2px;}
.edittable input[type=text]:focus{border:0px solid #939390;line-height:16px;padding-left:2px;background-color:#e3e3e3; }

/*------------------------------------------Content css-----------------------------------------------------------*/
/*content wrap*/
 .navigation {  
    color:gray;
    font-weight:bold;
    margin-top:5px;
    margin-left:1px;
    text-align:left;
    margin-bottom:10px;
}
.navigation span { padding-bottom:2px; border-bottom:2px solid #ff7010 }
.navigationHR {
    width:100%;
    border-color:#ff7010;
    border-style:solid;
}
/*----------Section CSS----------*/
.sectiondetail {border:1px solid #ccc;padding:10px 4px;margin:1px 1px 0px 1px;}
.sectiondetail div.helpa{ margin:10px; padding:5px 0px}
.sectiondetail div a.helpa{ font-size:15px;}
.sectiondetail div a.helpa:visited{ color:Purple}

.sectiondetail table tfoot td {border:0px;height:30px;line-height:30px;text-align:right;}
.sectiondetail table tfoot td a {border:1px solid #e3e3e3;margin-right:5px;padding:2px 5px;font-weight:bold;}
.sectiondetail table tr.grid td {background:#f5f5f5;}
.sectiondetail table tfoot td a:hover, .sectiondetail table tfoot td a.current {background:#dcdcdc;border:1px solid #b9b9b9;color:#ff7010;}

.sectioncontext {border:0px solid #ccc;padding:5px 1px 10px 1px;margin:1px 1px 0px 1px;}
.sectioncontext .title {text-align:right;padding-right:10px;}

.sectionSearch { border:0px solid #ccc;padding:5px 1px 10px 1px;margin:1px 1px 0px 1px;}
.sectionSearch .title {text-align:right;padding-right:10px;}
.sectionOperation { border:0px solid #ccc;padding:5px 1px 5px 1px;margin:1px 1px 0px 1px;text-align:center;}

.pickup{padding-left:10px;}
.pickup label {margin:0 10px;}

legend {margin-left:10px;}

.sectioncontext a {font-size:12px;cursor:pointer}
.sectioncontext a:link {color:#05177d;text-decoration:underline;}
.sectioncontext a:visited{color:#05177d;text-decoration:none;}

/*--Progress--*/
.progressing
{       
filter: alpha(opacity=80); opacity: 0.8;
height: 60px;  
width: 200px;  	 
top: 30%;                  /* 距顶部50%*/    
left: 50%;                  /* 距左边50%*/    
margin-left:-100px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-30px!important;/*FF IE7 该值为本身高的一半*/
margin-left:0px;
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + document.documentElement.clientHeight*0.3-this.offsetHeight/2 :/*IE6*/
            document.body.scrollTop + document.body.clientHeight*0.3 - this.clientHeight/2);/*IE5 IE5.5*/
_left:      expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :/*IE6*/
            document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);/*IE5 IE5.5*/
}

.progressingFrame
{    
	
filter: alpha(opacity=10); opacity: 0.1;
height: 70px;
width: 204px;    
top: 30%;                  /* 距顶部50%*/    
left: 50%;                  /* 距左边50%*/    
margin-left:-102px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-35px!important;/*FF IE7 该值为本身高的一半*/
margin-left:0px;
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + document.documentElement.clientHeight*0.3-this.offsetHeight/2 :/*IE6*/
            document.body.scrollTop + document.body.clientHeight*0.3 - this.clientHeight/2);/*IE5 IE5.5*/
_left:      expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :/*IE6*/
            document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);/*IE5 IE5.5*/

}

.progressingDiv
{    
filter: alpha(opacity=0); opacity: 0;   
top: 0;                  /* 距顶部50%*/    
left: 0;                  /* 距左边50%*/    
margin-left:0px;
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + document.documentElement.clientHeight*0.5-this.offsetHeight/2 :/*IE6*/
            document.body.scrollTop + document.body.clientHeight*0.5 - this.clientHeight/2);/*IE5 IE5.5*/
_left:      expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :/*IE6*/
            document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);/*IE5 IE5.5*/
}
/*--Progress--*/


/*--Tips--*/

.progressing2
{       
filter: alpha(opacity=90); opacity: 0.9;
height: 80px;  
width: 500px;  	 
top: 35%;                  /* 距顶部50%*/    
left: 50%;                  /* 距左边50%*/    
margin-left:-250px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-40px!important;/*FF IE7 该值为本身高的一半*/
margin-left:0px;
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + document.documentElement.clientHeight*0.35-this.offsetHeight/2 :/*IE6*/
            document.body.scrollTop + document.body.clientHeight*0.35 - this.clientHeight/2);/*IE5 IE5.5*/
_left:      expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :/*IE6*/
            document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);/*IE5 IE5.5*/
}

.progressingFrame2
{    
filter: alpha(opacity=20); opacity: 0.2;
height: 88px;
width: 508px;    
top: 35%;                  /* 距顶部50%*/    
left: 50%;                  /* 距左边50%*/    
margin-left:-254px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-44px!important;/*FF IE7 该值为本身高的一半*/
margin-left:0px;
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + document.documentElement.clientHeight*0.35-this.offsetHeight/2 :/*IE6*/
            document.body.scrollTop + document.body.clientHeight*0.35 - this.clientHeight/2);/*IE5 IE5.5*/
_left:      expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :/*IE6*/
            document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);/*IE5 IE5.5*/

}


/**********For ExGridView**********/
/*-----TableGrid-----*/
.pagerStyle {width:100%;margin-bottom:20px;margin:0; background-color:#f7f7f7}
.pagerStyle div.module {}
.pagerStyle div.module-bottom {background:#e3e3e3;}
.pagerStyle div.module-top,.pagerStyle div.module-center {background:#f7f7f7;padding:0px 1px 0px 1px;}
.pagerStyle div.module-center{}
.module {width:100%;margin:0 auto;}
.module-top,.module-bottom {width:100%;height:1px;}
.tlConer,.trConer,.blConer,.brConer {width:10px;height:10px;overflow:hidden;}
.module-center { padding:0px 0px 0px 0px}
.module-center table {width:100%;margin:0 auto;background:white;}
.pagerStyle span.trCorner {background:url(../images/sample-list-mdl-tl.gif) no-repeat;float:left;}
.pagerStyle span.tlCorner {background:url(../images/sample-list-mdl-tr.gif) no-repeat;float:right;}
.pagerStyle span.blCorner {background:url(../images/sample-list-mdl-bl.gif) no-repeat;float:left;}
.pagerStyle span.brCorner {background:url(../images/sample-list-mdl-br.gif) no-repeat;float:right;}
.pagerStyle div.datalist {width:100%;margin:0 auto;background:#f7f7f7;overflow:auto;/*padding:0px 0px 10px 0px;*/}
.datalist table {table-layout:fixed;width:100%;margin:0 auto;border-collapse:collapse;border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;}
.datalist table th,.datalist table td{border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}
.datalist table caption{ text-align:left;display:block; }
.datalist table th {height:30px;background-color:#e8e8e8;color:black;font-weight:bold; text-align:center;  /*background:url('../images/OLBImages/tablethbg.png') repeat-x;*/ }
.datalist table th {overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
/*.datalist table th a {color:White;}*/
.datalist table th span {color:Black;}
.datalist table th.leftTh {text-align:center;width:30px;}
.datalist table tr.overtr td a:link {color:#365a94;}
.datalist table tr.overtr td a:visited {color:#365a94;}
.datalist table tr.overtr td a:hover {color:#365a94;}
.datalist table tr.bluetr td {background-color:#f8f8f8;}
.datalist table tr.hightlighttr td {background-color:#f9eea8;}
.datalist table tr.hightlightnorighttr td {background-color:#e0e0e0;}
.datalist table tr.whitetr td {background-color:white;}
.datalist table td {text-align:center;}
.datalist table td.alignCenter {text-align:center;}
    .datalist table td.alignLeft
    {
        text-align:left;
       
        white-space: inherit;
    }

.datalist table td {overflow:hidden\9;white-space:nowrap\9;-o-text-overflow:ellipsis\9;text-overflow:ellipsis\9;*overflow:hidden;*white-space:nowrap;white-space:nowrap;overflow:hidden;*-o-text-overflow:ellipsis;*text-overflow:ellipsis;}
.datalist table td input {margin:0;padding:0;}
.datalist table td input:focus {margin:0;padding:0;}
.datalist table tr td a:link {color:#365a94; font-size:12px;}
.datalist table tr td a:visited {color:#365a94; font-size:12px;}
.datalist table tr td a:hover {color:#365a94; font-size:12px;}
.pagerStyle table td {height:25px;line-height:25px;}
.overtr td {background-color:#fbf5d0;color:#083d65;cursor:pointer}
.outtr td {background-color:#ffffff;}
.selectedtr td {background-color:#f9eea8;cursor:pointer;}
.pagerStyle table td.leftTd {text-align:center;padding-left:0;}
/*-----Setting-----*/
.gridSetting {table-layout:fixed;width:100%;margin:0 auto;border-collapse:collapse;border-top:1px solid #c0c0c0;border-left:1px solid #c0c0c0;}
.gridSetting th,.gridSetting td{border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}

.resizeBar {height:auto;position:absolute;z-index:1000;top:20px;left:5px;background:gray;}
.gridHeader {height:auto;position:absolute;z-index:2000;top:20px;left:5px;background:gray;}
/*-----Pagination-----*/
.pagination {width:auto;margin:5px 10px 0 0;text-align:right;float:right; background-color:#f7f7f7}
.paginationDiv {width:100%;margin-top:5px;text-align:right; height:30px;background-color:#e8e8e8;}
.pageResults {width:80%;float:left;font-size:11px;}
.pageResults p {float:left;font:bold 11px/13px tahoma;margin-top:10px;margin-left:130px;}
.pageResults p span {margin:0 5px;color:#365a94;}
.pageResults label {}
.pageResults label a {float:right;font:bold 11px/12px tahoma;}
.pageResults label a:link {color:#365a94;}
.pageResults label a:visited {}
.pageResults label a:hover {}
.pageControl {width:60%;float:right;margin-top:-16px;margin-right:5px;font-size:11px;}
.pageControl a {display:inline;margin:1px 0 0 8px;font-weight:bold;color:#365a94;font-size:11px;}
.pageControl select{width:60px;top:0px;height:22px;margin-left:5px;}
.pagerStyle div.pagination {width:620px;height:27px;margin-top:-3px;background:url(../images/sample-list-page-bg.gif) no-repeat;overflow:hidden;display:inline;}
.pagerStyle div.pageResults {margin-left:15px;display:inline;overflow:hidden;}
.pagerStyle div.PageControl {margin-left:10px;display:inline;overflow:hidden;}
.pageControl input {width:20px;height:14px;margin-left:3px;border:1px solid #ccc;font-size:11px;font-family:Arial; }
/**********For ExGridView**********/

.dialogBackground {width:100%;height:100%;position:absolute;left:0;top:0;z-index:1000;background:#aeaeae;filter:alpha(opacity=10);opacity:0.1;}

.dialogBox_Frame{border:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position: absolute;background:Red;z-index:1000;filter:alpha(opacity=0); opacity:0;height:50px;}

.dialogBox
{border: 2px solid #939390;background-position: white;position: absolute;background: white;}
.dialogBox div.header{width: 100%;height: 22px;background-color: #e0e0e0;text-align: right;}
.dialogBox div.mainBody{width: 100%;height:100%;overflow: auto;}
.dialogBox div.buttonBottom{width: 100%;height:25px;text-align: right;margin: 0px 0px 0px;background-color:#e0e0e0 ;vertical-align: middle;}
.dialogBox div.buttonBottom input{margin-top:0px;}
.hidden{display:none;}
.messageBox
{border-style: solid;border-width: 1px;padding: 30px;background-color: #F6F5F4;position: absolute; z-index: 20000;width: 150px;height: 80px;top: 200px;left: 400px;font-size: medium;text-align: center;color: #000000; filter: alpha(opacity=70); -moz-opacity: 0.7;}
.preGray
{border-style:solid;border-width:thin;padding:5px;margin:5px;color:gray;}

/*
multi view styles
*/

/*.tabBox table,.tabBox th,.tabBox td {border:none;}*/
.tabItemDraftNew
{
    border: 1px solid #BBBBBB;
    text-decoration:none;
    height: 40px;
    padding-top: 2px;
    padding-left:3px;
    padding-right:3px;
    text-align: center;
    background:url(../images/tabBarDefault2.png) 0px -40px;
    background-repeat:repeat-x;
    /*width:70px;*/
    font-weight:bold;
    text-transform: uppercase;
}

.tabItemDraftNew a
{
    margin-left: 40px;
    margin-right: 40px;
}
.tabSelectedDraftNew
{
    background:none;
    background-color:#FF6600;
}

.tabSelectedDraftNew a
{
	color:#FFFFFF;
}

.tabItem
{
    border: 0px solid #aaa;
    border-bottom:1px solid #d0d0d0;
    border-right:1px solid #e0e0e0;
    text-decoration:none;
    height: 40px;
    padding-top: 2px;
    padding-left:3px;
    padding-right:3px;
    text-align: center;
    background-image:url(../images/tabBarDefault.png);
    background-repeat:repeat-x;
    /*width:70px;*/
    font-weight:bold;
    text-transform: uppercase;
}
    .tabItem a
    {
        background-image:url();
    }
/*.tabBox table,.tabBox th,.tabBox td {border:none;}*/
.tabSelected
{
    border:0px;
    background:none;
    border-right:1px solid #e0e0e0;
}
.tabSelected a
{
	color:#f60;
}

.tabbernav
{
    margin: 0;
    vertical-align: bottom;
    width: 100%;
}

.tabbernav1
{
    margin: 0;
    padding: 3px 0;
    /*border-bottom: 1px solid #d0d0d0;*/
    font: bold 10px Verdana, sans-serif;
    width: 5px;
    border-bottom:0px;
    display:none;
}
.tabbernav2
{
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid #d0d0d0;
    font: bold 10px Verdana, sans-serif;
}
.tabcontent
{
    /*border:1px solid #aaa;
    border-top:0;*/
	padding: 10px 0px 5px 0px;
	margin: 0 auto 10px 12px;
    margin-bottom:10px;
    width:98%;
}

.tabMainBox {width:98%;margin:0 auto;}

.tabBox {width:100%;}

/*****************End Tab Bar*/
.btn
{
	background-color:#ff7010;
}
.btn-gray
{
	background-color:#8a8b8e;
}
.wrapper-parent
{
	padding: 10px;
    padding-top: 0px;
}
.wrapper
{
	border: 6px solid #e0e0e0;
	background-color: #fff;
	text-align: left;
	border-radius: 8px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
	-moz-border-radius: 8px; /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 8px; /* Webkit浏览器的私有属性 */
}

/***********For ToolBar**********/
.toolbarBox {height:30px;margin:5px auto;padding-left:6px;/*background:url(../images/subtoolbar-bg.gif) no-repeat left 1px; line-height:34px;*/}
/*.toolbarBox a{color:#ffffff;}*/
.toolbarBox a:hover {color:#ff7010;text-decoration:underline;}
/*.toolbarBox a:visited{color:#ffffff;}*/
.toolbarBox img{border:none;}

.toolbarMain {}
.toolbarDefault {height:18px;line-height:18px;margin:7px 10px 7px 0px;color:#000000;float:left;} /*ToolBar默认样式*/
.toolbarDefault img {float:left;margin-bottom:-5px;margin-right:3px;}  /*ToolBar下Icon样式*/
.toolbarHover {margin:2px 0 0;padding:0 0 0 3px;}/*MenuBar 移动点击后样式*/

/***********For ToolBar**********/

/**********Footer Bar**********/
.footer
{
	clear: both;
	bottom: 0px;
	text-align: center;
	color: #9a9a9a;
	font-family: Arial;
	font-size: 11px;
	background-color: #4b4b4b;
	height: 25px;
	min-width: 990px;
	width: 1000px;
	position: relative;
	margin: 0 auto;
}

.footer a, .footer a:visited
{
	font-size: 11px;
	color: #fff;
}
.footer-left
{
	float: left;
	background-color: Transparent;
	margin-top: 5px;
	padding-left: 10px;
    
}
.footer-right
{
	float: right;
	background-color: Transparent;
	margin-top: 5px;
	padding-right: 10px;
	text-align: right;
}

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

/**********Sub Tab Styles*********/
  .subSlibMenu
    {
        margin:0;
    }
      .subSlibMenu a
    {
        width:100%;
    }
     .subSlibMenu TABLE
    {
         background-color:#cccccc;
        margin-left:10px;
        margin-right:20px;
    }
    .subSlibMenu TR
    {
        cursor:pointer;
        font-family:'UniversLTStd57Condensed' , sans-serif;
        height:25px;
        font-size:15px;
    }
    .subSlibMenu TR:hover
    {
        background-color:#ff6600;
    }
    .subSlibMenuSelected a
    {
        color:#666666;
    }

    /********Tool Tips ********/
#tooltip
{
    text-align: left;
    color: #fff;
    background: #666666;
    position: absolute;
    z-index: 1000;
    padding: 5px;
    line-height:18px;
}
 
#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #666666;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
 
#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #666666;
    top: -20px;
    bottom: auto;
}
 
    #tooltip.left:after
    {
        left: 10px;
        margin: 0;
    }
 
    #tooltip.right:after
    {
        right: 10px;
        left: auto;
        margin: 0;
    }
/***********===End==************/

.todolist-wnd-frame {
    position:fixed;
    background-color:lightgreen;
    bottom:5px;
    right:512px;
    font-size:25px;
    z-index:9999;
}
.todolist-wnd-title-bar {
    width:150px;
    text-align:right;
    margin-top:5px;
    font-size:12px;
}
.todolist-wnd-content {
    text-indent:15px;
}
.todolist-wnd-item-row {
    line-height:30px;
}
.todolist-wnd-title-close {
    cursor:pointer;
    float:right;
    margin-top:-3px;
    margin-right:0px;
}