#module_content{padding-top:10px;position:relative;margin:0 auto;width:900px;clear:both;}
.commonpage{display:block;height:450px;}
.DisableSelect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/***** upload ********/
#lf_upload_frame
{
    width: 460px;
    background-color: white;
    border: #E8e8e8 solid 1px;
}
#lf_upload_actions
{
    background-color: White;
    display: block;
    height: 35px;
}
#lf_upload_title
{
    display: block;
    height: 22px;
    font-size: 14px;
    padding-left: 10px;
    margin-left:10px;
    margin-top:10px;
}

#lf_upload_title img
{
    float:left;
}
#lf_upload_title .uploadtxt
{
    line-height:22px;
    float:left;
    font-weight:bold;
    color:#444
}

a.files input
{
    margin-left:  -380px;
    font-size: 30px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    float:right;
}
.fp_fco_allowupload
{
    cursor: hand;
    text-decoration: underline;
    float: left;
    line-height: 25px;
}
.fp_fco_uploadaction
{
    cursor: default;
    float: left;
    line-height: 25px;
    text-decoration: none;
    width: 80px;
}
a.files:hover
{
}
a.files, a.files input
{
    outline: none; /*ff*/
    hide-focus: expression(this.hideFocus=true); /*ie*/
}
a.files
{
    font-size: 12px;
    line-height: 30px;
    float: left;
    height:20px;
    overflow: hidden;
    display: block;
    /*background: url(images/fu_btn.gif) left top no-repeat;*/
    text-decoration: none;
    position:relative;
    left:225px;
    margin-top:3px;
    width:125px;
}
/*.upload_ch{background: url(images/fu_btn_ch.gif) left top no-repeat;}
.upload_en{background: url(images/fu_btn_en.gif) left 5px no-repeat;}
.upload_tw{background: url(images/fu_btn_tw.gif) left top no-repeat;}
.upload_jp{background: url(images/fu_btn_ch.gif) left top no-repeat;}*/

a.lf_upload
{
    background-position: 0 -30px;
}
a.lf_uploadcancel
{
    background-position: 0 -60px;
}
a.lf_uploadclose
{
    background-position: 0 -90px;
}
.lf_uploadfile_filename
{
    float:left;
    display:block;    
}

.lf_uploadfile_remove
{
    background-image: url(images/up_del.png);
    padding-left: 15px;
    display:block;
    height:15px;
    float:left;
    margin-top:2px;
    margin-left:4px;
}
#lf_upload_filelist
{
    min-height: 80px;
    display: block;
    margin-top:10px;
}

.lf_span_attachfile
{
    cursor: hand;
    height: 22px;
    display: inline-block;
    text-align: left;
    background-image: url(images/attach.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
}
.lf_a_attachfile
{
    height: 22px;
    display: inline-block;
    text-align: left;
    padding-right: 10px;
}
.lf_a_attachfile span
{
    line-height: 22px;
    height: 24px;
    vertical-align: middle;
}
.lf_a_attachfile .lf_span_delattach
{
    display: inline-block;
}
.lf_span_delattach
{
    background: url(images/up_del.png) no-repeat 5px 2px;    /* images/trash.gif */
    cursor: hand;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    display: none;
}
#lf_upload_choose div
{
    width:112px !important;    
}
#lf_upload_selectedfile li{list-style-type:none;float:left}
#lf_upload_selectedfile{padding-left:35px;}
/***** upload end ********/

/* Tabs Control */
.tabs {border:1px solid #ccc;margin-top:2px;}
.tabsul {overflow:hidden;padding-top:1px;background:#ccc}
.tabsul li {float:left; font-weight:bold; color:#777; background:#fff; border:1px solid #bbb; text-align:center; margin-left:2px; padding:4px 6px; cursor:pointer; white-space:nowrap}
.tabsul li:hover {background:#f0f0f0;color:#333}
.tabsul li.on {background:#fff url(g/nav_bg.gif) repeat-x; border-bottom-color:#fff; color:#333; padding-bottom:6px}
.tabsdiv {padding:4px}
/* Tabs Control */


/* Leave Page */
img{border:none;}
.LeaveField1 { padding-top:3px;padding-top:5px \9;padding-left:5px; padding-bottom:0px; width:309px;height:28px; background-image:url(../../images/Public/FormField_1.png);  border:#D4D4D4 solid 0px;background-repeat:no-repeat;  margin-left:0px;}
.LeaveField1New{ width:290px;background-color:transparent; height:24px; border:#D4D4D4 solid 0px;  margin-left:0px; font-size:12px; color:#656565;}
.LeaveField1.Custom{padding-top:3px \9;height:30px;}

.LeaveField1New.Currency{width: 40px;}
.LeaveField1New.Cost{width: 250px;}

.LeaveField2 { float:left;padding-top:3px;padding-top:6px \9;padding-left:5px; padding-bottom:0px; width:195px; background-image:url(../../images/Public/FormField_2.png); height:28px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  margin-left:0px;}
.LeaveField2New{ width:185px;background-color:transparent; height:24px; border:#D4D4D4 solid 0px;  margin-left:0px; font-size:12px; color:#656565;}

.LeaveField2 input,.LeaveField2 div
{
    margin-left:7px;    
    width:180px;
}
.LeaveField1 input
{
    margin-left:7px; 
    width:280px;
}
.LeaveField1 div
{
    margin-left:7px; 
    font-family: "Myriad Pro" ,Arial,sans-serif;
    font-size:12px;
}
.LeaveField1 span,.LeaveField3 span
{
    font-family: "Myriad Pro" ,Arial,sans-serif;
    font-size:12px;   
}
.LeaveField1 .Cost
{
    width:240px    
}
.LeaveField4 textarea
{
   margin-left:7px;      
}
.LeaveField3 { float:left;padding-top:5px;padding-top:6px \9;padding-left:5px; padding-bottom:0px; width:103px; background-image:url(../../images/Public/FormField_3.png); height:25px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  margin-left:0px;}
.LeaveField3New{ width:95px;background-color:transparent; height:24px; border:#D4D4D4 solid 0px;  margin-left:0px; font-size:12px; color:#656565;}
.LeaveField3.Custom{padding-top:3px;height:29px;}
.LeaveField4 { float:left; padding-top:6px;*padding-top:1px;padding-left:5px; padding-bottom:0px; width:309px; background-image:url(../../images/Public/FormField_4.png); height:69px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  margin-left:0px;}
.LeaveField4New{ float:left; width:300px;background-color:transparent; height:24px; border:#D4D4D4 solid 0px;  margin-left:0px; font-size:12px; color:#656565;}

.LeaveField5 { float:left; padding-top:6px;*padding-top:1px;padding-left:5px; padding-bottom:0px; width:309px; background-image:url(../../images/Public/FormField_5.png); height:69px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  margin-left:0px;}
.LeaveField5New{ float:left; width:300px;background-color:transparent; height:24px; border:#D4D4D4 solid 0px;  margin-left:0px; font-size:12px; color:#656565;}
.LeaveField5.used{background-image:url(../../images/Public/FormField_4_c.png);}

.LeaveSelect{width:298px;}
.LeaveTimeSelect{width:92px;}
/* End Leave Page */

/* Summary */
.summbox {
	width:428px;
	margin-left:1px; float:left;
	margin-right:1px;
	margin-top:10px;
	margin-bottom:10px;
}

.summboxtop {
	background-image: url(images/s_1.png);
	width:288px;
	height:10px;
	background-repeat:no-repeat;
	padding-bottom:0px; float:left;
}
.summboxmiddle {
	background-image: url(images/s_2.png);
	width:288px;
	background-repeat: repeat-y;float:left;
}
.summboxbottom {
	background-image: url(images/s_3.png);
	background-repeat:no-repeat;float:left;
	width:288px;
	height:10px;
}
#LeaveUserSummary_DaysSummary
{
    margin-left:10px;    
}
.summboxtext {
	width:400px;
	margin-left:10px; float:left;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}
/* End Summary */

/*以下为下拉框的按钮和内容的样式*/
.actions_menu_button 
{
	/*background: #d4d4d4 url(Images/Login_arrow.png) no-repeat 100% 55%;*/
	background:  url(Images/Login_arrow.png) no-repeat 118% 50%;	
	_background:  url(Images/Login_arrow.png) no-repeat 120% 45%;	
	/*border: 1px solid #bdbdbd;	*/
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 1px;
	border-bottom-color: #0075a1;
	color:#0075a1;
	cursor: pointer;
	/*font-family: 宋体, Arial, sans-serif;*/
	font-size: 12px; /* 11px */
	font-weight: bold;
	vertical-align:top;
	padding:7px 10px 5px 0px;	
	margin-top:0px;
	text-shadow: 0 1px rgba(255, 255, 255, .9);
	text-transform: capitalize;	
	text-align:left;
	width:70px;
	margin-left:10px;
	
}

.actions_menu_button:hover,
.actions_menu_button:focus,
.actions_menu_button:active 
{
	border-color: #9c9c9c;
	outline: none;
}

.actions_menu_button_active,
.actions_menu_button_active:focus,
.actions_menu_button_active:active 
{
	/*background: #b5b5b5 url(Images/Login_arrow.png) no-repeat 100% 55%;
	borderarrow.png) no-repeat 100% 55%;*/
	border-color: #9c9c9c;	
	-moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .15);
	-o-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .15);
	-webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .15);
}

.actions_menu 
{
	background-color: #fff;
	border: 1px solid #b3b3b3;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 12px; /* 13px */
	list-style: none;
	margin: 0;
	overflow-x: hidden;
	padding: 3px 0;
	position: absolute;
	width: 180px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
	-o-box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
}

.actions_menu a:link,
.actions_menu a:visited
{
	color: #333;
	display: block;
	padding: 3px 9px;
	text-decoration: none;
}

.actions_menu a:hover,
.actions_menu a:active
{
	background-color: #ffc;
}

.separator 
{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

/* icon added to demo */
a.actions_view_exif:link,
a.actions_view_exif:visited 
{
	background-image: url(../icon.png);
	background-position: 9px 50%;
	background-repeat: no-repeat;
	padding-left: 28px;
}

.actions_menu_hidden 
{
	display: none;
}

/**** actions menu ***/


/**** ExpenseAplay ****/

.uploadtext
{
    color:#117DB1;
    font-weight:bold;
    }
.Expense .ExpenseApply
{
    margin-top:8px;
    margin-left:10px;
    }
.Expense .left.Tax
{
    width: 33px; margin-left: 5px; text-align: center    
}
.openFlowNotes
{
    height:15px;width:15px;float:left;
    background:url(images/ui-icons_2e83ff_256x240.png) no-repeat -209px -129px;   
}
.OpenImage
{
    height:15px;width:15px;float:left;
    background:url(images/ui-icons_2e83ff_256x240.png) no-repeat -209px -129px;
    } 
    .OpenImage1
    {
    height:15px;width:15px;float:left;
    background:url(images/ui-icons_888888_256x240.png) no-repeat -209px -129px;
    } 
    .ExpenseApply input,.ExpenseApply span
    {
        font-family: "Myriad Pro" ,Arial,sans-serif;
        font-size:12px;
        }
    .Expense .row
    {
        height:31px;
        padding-bottom:3px;
        padding-top:3px;
        width:100%
        } 
     .Expense .row2
    {
        height:33px;
        }   
      .Expense select
      {
          border:0px;
          }
    .Expense .bigrow1
    {
        height:73px !important;
        }  
    .Expense .bigrow2
    {
        height:73px !important;
        }  
    .Expense .bigrow3
    {
        height:50px !important;
        }  
    .hr
    {
        height:5px;
        border-top: solid 1px #128AC1;     
        width:98.5%; 
    }
.Expense .field1 select
{
    width:280px;
    }
    .Expense .field1 input,.Expense .field3 input,.Expense .field2 input,.Expense textarea,.field8 input,.field11 input
    {
    margin-left:7px;margin-top:2px;
        }
    .Expense .field1 input
    {
        margin-top:4px;
    }
        .Expense .field1
{
    width:304px; 
    background-image:url(../../Images/Public/FormField1.png);
    margin-left:0px; 
     margin-top:0px;margin-bottom:0px;
    }
   
 .Expense .field2 
 {
     width:195px; 
     background-image:url(../../Images/Public/FormField2.png); 
     margin-left:0px; 
     margin-top:0px;
     margin-bottom:0px;
     }
 .Expense .field3 { width:103px; background-image:url(../../Images/Public/FormField3.png);  margin-left:0px;padding-top:4px;
     margin-top:0px;
     margin-bottom:0px;}
.Expense .field4 {  width:309px; background-image:url(../../Images/Public/FormField4.png); margin-left:0px;
     margin-top:0px;
     margin-bottom:0px; }
.Expense .field5 { float:left; width:309px; background-image:url(../../Images/Public/FormField5.png); margin-left:0px;
     margin-top:0px;margin-bottom:0px; }
     .Expense .field5.field4_c {  background-image:url(../../Images/Public/FormField4_c.png); }
     
 

  .Expense .field7 
 {
     width:140px; 
     margin-left:2px;
     background-image:url(../../Images/Public/FormField7.png); 
     float:left; padding-top:5px;padding-left:5px; padding-bottom:0px; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  
     }
       .Expense .field8 
 {
     width:80px; 
     background-image:url(../../Images/Public/FormField8.png); 
     float:left; padding-top:6px;padding-left:5px; padding-bottom:0px; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat; 
     }
     .Expense .field8 input
 {
     width:59px; }
     
     .Expense .field11 
 {
     width:65px; 
     background-image:url(../../Images/Public/FormField11.png); 
     float:left; padding-top:5px;padding-left:5px; padding-bottom:0px; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat; 
     }
     .Expense .field11 input
 {
     width:46px; }
.Expense .field7 input
{
       width:100px;    
}
 .Expense .input
    {
    background-color:White;
    }
    .Expense select
    {
    
    }
    .Expense .attachImg
    {
    height:40px;
    width:40px;
    display:block;
    float:left;
    }
    .Expense #divShowAttachment span
    {
    display:block;
    float:left;
    }
.Expense .Upload
{
    float:left;
    margin-top:5px;
    width:15px;
    height:15px;
    background-image:url(images/edit.png);
    }
textarea
{
    border:0;
    overflow-y:auto;
    background:transparent;
    font-family: "Myriad Pro" ,Arial,sans-serif;
    font-size:12px;
    }
.Expense textarea
{
    margin-top:3px;
    height:54px;
    width:275px;
    }
.Expense .field1 input
{
    width:275px;
    }
.Expense .field2 input
{
    width:165px;
    }
.Expense .field3 input
 {
     width:80px;
     }

.Expense  #maindiv input
 {
     border:0;
     }
.Expense #maindiv select
 {
     }
.Expense .left{
	width:120px; float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px; padding-top:10px;
	margin-bottom:0px;
	text-align:left

}
.Expense .btn
{
    width:100%;
    }
    
.Expense .btn span
{
    display:block;
    float:right;
}
.Expense .right{
	width:320px; float:right;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;

}
#ExpenseHead
{
    float:left;    
}
#ExpenseHead .summboxmiddle .content
{
    margin-left:10px;
}

.Expense #maindiv{
	width:450px;
	background-position:center;
    margin-left:17px;
}



.Expense #divAttachment
{
    margin-top:10px;
    float:left;
    }

.Expense #Attachfile
{
    height:60px;
    }
    
    
.Expense #expensetype
{
    float:left;
    margin-left:3px;
    padding-left:3px;
    margin-top:3px;
    padding-top:3px;
    width:150px;
    }
    
    .Expense #Apply_head .field2
    {
    float:left;
        } 
       .Expense #Apply_head .Block
       {
           width:105px;
           height:10px;
           float:left;
           }
        .Expense #Apply_head .right
        {
            float:left;
            } 
.Expense #Apply_head
{
    margin-top:10px;       
    width:100%; 
    }
    
.Expense .T_ID .field2
{
    }    
.Expense .T_ID select
{
    width:166px;
   border:0px; 
    }
 .Expense .T_ID input
 {
     text-align:right;
     margin-right:10px;
     border:0px;
     }   
.Expense .td_right
{
    margin-left:6px;
    }
    
.Expense #dd_Incurred
{ 
    width:60px;
    }
    .loading
    {
        width:16px;
        height:16px;
        background-image:url(images/loading.gif);
        position:absolute;
        top:50%;
        left:50%;
        }

#bigger
{
    width:22px;
    height:23px;
    background-image:url(images/Bigger.png);
    float:left;
    margin-left:250px;
    }
#lower
{
    width:22px;
    height:23px;
    background-image:url(images/Lower.png);
    float:left;
    margin-left:20px;
    }
/**** ExpenseAplay ****/

/**** Expense  ****/

     #ExpenseHead .children
     {
         margin-left:12px;
         float:left;
         margin-top:10px;
        width:100%;    
         
         }
     #ExpenseHead .children.todo >div
    {
        margin-right: 40px;
    }
         #SubmitBtn
         {
            margin-top:8px;
            float:right;
        }
        #ExpenseNo
        {
            margin-top:8px;
        }
        .moneytitle
        {
            width:110px;
        }
        
	    #ExpenseHead .children.todo .moneytitle
        {
            margin-right:5px;
        }
        .children
        {
            width:500px;
        }
        .children div
        {
            float:left;
        }
        .children .clear
        {
            float:none;
        }
        /** Expense end****/
        .ErrorMsg
        {
            color:Red;
        }
        .Disable
        {
            background-image:url(images/field6.png);
        }
        .action div
        {
            float:left;margin:0 4px 0 4px;
            }
        /**Directory**/
        #Page .field6
        {
            background-image:url(images/field2.png);
        }
        #Page
        {
            margin-top:40px;
            margin-left:10px;
        }
        #Page .employ
    {
        float:left;
        width:395px;
        margin-left:35px;
        margin-right:0px;
    }
    #Page .employleft
    {
        float:left;
        width:100px;
        height:32px;
    }
    #Page .employright
    {
        float:left;
        width:220px;
        height:32px;
    }
    #Page .FileUpLoadDiv
    {
        float:left;
        width:60px;
        padding-top:10px;
    }
    #Page .fieldlabel
    {
        float:left;
    }
     #Page .fieldlabel2
    {
        float:left;
    }
    #Page .Img_OpenFile
    {
        cursor:pointer;
        background-image:url(Styles/Default/images/up.png);
        width:25px;
        height:15px;
        float:left;
        margin-left:5px;
        margin-top:-15px;
    }
    #Page .Img_UpFile
    {
        cursor:pointer;
        background-image:url(Styles/Default/images/edit.png);
        width:16px;
        height:18px;
    }
    #Page .show_head_portrait
{
    position:absolute;
    top:50px;
    left:35px;
    text-align:center;
}
        /**Directory**/
        
        
        /**ProfilePage***/
        .hiddesroll
        {
            overflow:auto;
            }
        /**ProfilePage End***/
/* Tab Style */
.tabBGLeft
{
    float:left;
    display:block!important;display:inline-block;padding:0 0 0 2px;height:34px;line-height:20px;background:url(images/tabOff_left.gif) no-repeat left top;
}
.tabBG
{
    float:left;
    background:url(images/tabOff_right.gif) no-repeat right top;
    width:165px;
    height:34px;
    line-height:30px;
}
.active .tabText{color:White;}
.tabText
{
    margin-top:4px;
}
.tabBGLeft.active
{
    background:url(images/tabOn_left.gif) no-repeat right top;
}
.tabBG.active
{
    background:url(images/tabOn_right.gif) no-repeat right top;
}
 .borderBlue
{
   text-align:center;
}
.borderBlue .tabBGLeft
{
    background:url(images/tabOff_left_blue.png) no-repeat left top;
        
}
.borderBlue .tabBG
{
    float:left;
    background:url(images/tabOff_right_blue.png) no-repeat right top;
    height:34px;
}
 .borderBlue .tabBGLeft.active
{
    background: url(images/tabOn_left.gif) no-repeat right top;
}
.borderBlue .tabBG.active
{
    background: url(images/tabOn_right.gif) no-repeat right top;
}
.borderBlue .tabBGLeft.active
{
    background: url(images/tabOn_left.gif) no-repeat right top;
}
.borderBlue .tabBG.active
{
    background: url(images/tabOn_right.gif) no-repeat right top;
}
.borderBlue .active{color:White;}


.bgBlue
{
    background-color: #0099FF;
}


 .borderRed
{
         text-align:center;
}

.borderRed .tabBGLeft
{
    background:url(images/tabOff_left_red.png) no-repeat left top;
        
}
.borderRed .tabBG
{
    float:left;
    background:url(images/tabOff_right_red.png) no-repeat right top;
    height:34px;
}
 .borderBlue .tabBGLeft.active
{
    background: url(images/tabOn_left.gif) no-repeat right top;
}
.borderBlue .tabBG.active
{
    background: url(images/tabOn_right.gif) no-repeat right top;
}
.borderRed .tabBGLeft.active
{
    background: url(images/tabOn_left_red.gif) no-repeat right top;
}
.borderRed .tabBG.active
{
    background: url(images/tabOn_right_red.gif) no-repeat right top;
}.borderRed .active{color:White;}

.SlideTab_Default
{
    white-space: nowrap;
    margin-right:5px;
    float:left;
    text-align:center;
}
.SlideTab_Hover_Tab
{
    opacity: 0.5;
    filter: ALPHA(opacity=50);
    cursor:pointer;
}
.SlideTab_Navigation
{
    color: Black;
    overflow: hidden;
    text-align:left;
}
.SlideTab_LinkBox
{
}
.SlideTab_LinkContent
{
    float:left;
}
.SlideTab_BackButton
{
    cursor:pointer;
}
.SlideTab_ForwardButton
{
    cursor:pointer;
}
.SlideTab_Selected_Tab
{    
    text-align:center;    
}

/* End Tab Style */

/*** Admin Task **/
.SlideTab_LinkContent .actionlist {margin:5px 8px 0;}
.actionlist{ margin-top:5px;}
.actionlist div{float:right;margin:0px 1px 0 15px;}

/** Nav **/
.switchbar{float:right;}
.switchbar .switchitem{display:block;border:#c8c8c8 solid 0px; text-align:center;line-height:22px;margin:4px 4px 4px 4px;float:left;padding:0px 4px 0px 4px;cursor:hand;}


/***ProfileChange****/
    .ProfileChange
    {
        margin-left:20px;
        margin-top:10px;
        }
.ProfileChange div
{
    float:left;
    }
 .ProfileChange .row
 {
     height:100px;
     margin-top:20px;
     }
     .ProfileChange_right
     {
         margin-left:15px;
         }
    
/* home */
#onbehalf{display:block;width:16px;height:16px; background:url(images/onbehalf.png) no-repeat 0px 0px;margin-left:4px;cursor:hand;border:#cecece solid 0px;}
/*.task_admin,.task_user,.summary_user,.summary_admin{background:url(images/switch.png) no-repeat 80px 3px;}*/
.tab_Admin
{
   background:url(images/tab_left.png) no-repeat;   
}
.tab_User
{  
   background:url(images/tab_right.png) no-repeat;   
}
.switchbar .switchitem
{
    width:46px;  
    float:left; 
    font-weight:bold;
    text-decoration:none;
    margin-top:1px;
}
.tab_Admin .task_admin,.tab_User .task_user,.tab_Admin .summary_admin,.tab_User .summary_user
{
    color:#fff;   
    cursor:default;  
}
.tab_User .task_admin,.tab_Admin .task_user,.tab_User .summary_admin,.tab_Admin .summary_user
{
    color:#128AC1;  
    cursor:pointer; 
}

/* pop gridview */
.popgridview .home .homeicon1{ margin-right:5px;width:140px;margin-top:20px;}
.popgridview .home{margin-top: 30px;margin-left:80px;}

/* Div Table */
.divRow
{
    clear: both;
}
.divTD
{
    float: left;
    width: 300px;
}
.divTD .title
{
    float: left;
    width: 150px;
}
.divTD .control
{
    float: left;
    width: 150px;
}

.divCover
{
    background-color:#EEE;
    opacity: 0.5;
    filter: ALPHA(opacity=50);
    position:absolute;
}
.cd_image1
{
    width:28px;
    height:28px;
    float:left;
    }
.cd_image2
{
    width:30px;
    height:30px;
    float:left;
    }
    
    
    .cd_Travel2
{
    background-image:url(images/cd_Travel2.png);
    }
    
    .cd_Leave2
{
    background-image:url(images/cd_Leave2.png);
    }
    
.cd_Travel
{
    background-image:url(images/cd_Travel.png);
    }
    
    .cd_Leave
{
    background-image:url(images/cd_Leave.png);
    }
    
    .cd_MoreInfo
{
    float:left;display:block;margin-top:-4px;
    background-image:url(images/cd_MoreInfo.png);
    }
    
    .cd_Travel1
{
    background-image:url(images/cd_Travel1.png);
    }
    
        .cd_Leave1
{
    background-image:url(images/cd_Leave1.png);
    }
    
        .cd_TravelExpense1
{
    background-image:url(images/cd_TravelExpense1.png);
    }
    
        .cd_DailyExpense1
{
    background-image:url(images/cd_DailyExpense1.png);
    }
    
         .cd_TravelExpense
{
    background-image:url(images/cd_TravelExpense.png);
    }
    
        .cd_DailyExpense
{
    background-image:url(images/cd_DailyExpense.png);
    }
    cd_Profile1
        
        .cd_Profile1
{
    background-image:url(images/cd_Profile1.png);
    }
        .cd_Profile
{
    background-image:url(images/cd_Profile.png);
    }
    
#AllInfo
{
    margin:10px;
}
.More
{
    }    
.TotalMore div
{
    margin-bottom:5px;
    }
.TotalMore
{
    }
    .MoreIcon
    {
    float:right;color:#1587BD;cursor:pointer;margin-top:-5px;
    }
    .bgborder
    {
    background-image:url(images/bgborder.png);
    }
/* Leave Apply Page Style */
#mainDiv.LeaveApply
{
    float:left;width:480px;
}
#mainDiv.LeaveApply input,#mainDiv.LeaveApply textarea
{
    font-family: "Myriad Pro" ,Arial,sans-serif;
    color: #000;
}
#mainDiv.LeaveApply #divLeaveIcon .manatext,#mainDiv.LeaveApply #divUserName
{
    margin: 25px 0 0 25px;
}
#mainDiv.LeaveApply #divLeaveHeaderInfo div
{
    float: left;
}
#mainDiv.LeaveApply #divLeaveContentInfo
{
    margin-top: 5px;
}
#mainDiv.LeaveApply #tabLeaveContentInfo
{
    margin-left: 25px;
}
#mainDiv.LeaveApply ul
{
    list-style-type: none;
    padding: 0 0 0 0;
}
#mainDiv.LeaveApply #divLeaveFooterInfo
{
    margin-top: 10px;
    clear: left;
}
#mainDiv.LeaveApply #btnLeaveApplyAttachment
{
    float: left;
    margin-left: 30px;
}
#mainDiv.LeaveApply #btnLeaveApplySubmit
{
    float: right;
}
#mainDiv.LeaveApply #divAttachment
{
    float: left;
}
#mainDiv.LeaveApply #divActionButton
{
    float: right;
    margin-top: 0px;
    *width:310px;
}
#mainDiv.LeaveApply #aAttachment
{
    width: 130px;
    text-decoration: none;
    color: Black;
    display:block;
}
#mainDiv.LeaveApply #divLeaveIcon
{
    width: 150px;
    height: 80px;
}
#mainDiv.LeaveApply #divShowAttachment
{
    height: 40px;
}
#mainDiv.LeaveApply #divLeaveNo
{
    margin: 15px 0 0 75px;
}
#mainDiv.LeaveApply #divLeaveSummary
{
    margin: 10px 0 0 40px;
}
#mainDiv.LeaveApply .selectBox-dropdown
{
    min-width: 88px;
}
#mainDiv.LeaveApply .LeaveField3.Custom
{
    margin-left:5px;
}
#mainDiv.LeaveApply #divLeaveSummary ul li
{
    margin:0;
    padding:1px 0;
}
#mainDiv.LeaveApply #taLeaveNotes,#mainDiv.LeaveApply #taLeaveApproverNotes
{
    width: 296px;
    height: 54px; 
    border: #D4D4D4 solid 0px; 
    overflow: auto;
}


/* Travel Apply Page Style */
#mainDiv.TravelApply
{
    float:left;width:480px;
}
#mainDiv.TravelApply input,#mainDiv.TravelApply textarea
{
    font-family: "Myriad Pro" ,Arial,sans-serif;
    color: #000;
}
#mainDiv.TravelApply #divTravelIcon .manatext,#mainDiv.TravelApply #divUserName
{
    margin: 10px 0 0 22px;
    display:block;
}
#mainDiv.TravelApply #divUserName
{
    width:206px;
    text-align:right;    
}
#mainDiv.TravelApply #divTravelHeaderInfo
{
    height:35px;
}
#mainDiv.TravelApply #divTravelHeaderInfo div
{
    float: left;
}
#mainDiv.TravelApply #tabTravelContentInfo
{
    margin-left: 20px;
    width:445px;
}
#mainDiv.TravelApply #divTravelFooterInfo
{
    margin-top: 0px;
}
#mainDiv.TravelApply #btnTravelApplyAttachment
{
    float: left;
    margin-left: 30px;
}
#mainDiv.TravelApply #divShowAttachment
{
    height: 40px;
}
#mainDiv.TravelApply #btnTravelApplySubmit
{
    float: right;
}
#mainDiv.TravelApply #divAttachment
{
    float: left;
}
#mainDiv.TravelApply #divActionButton
{
    float: right;
    margin-top: 0px;
    *width:310px;
}
#mainDiv.TravelApply #aAttachment
{
    width: 130px;
    text-decoration: none;
    color: Black;
    display:block;
}
#mainDiv.TravelApply #divTravelNo
{
    margin: 15px 75px 0 0px;
}
#mainDiv.TravelApply #divTravelSummary
{
    margin: 10px 0 0 125px;
}
#mainDiv.TravelApply .selectBox-dropdown
{
    min-width: 88px;
}
#mainDiv.TravelApply .LeaveField2.Custom
{
    padding-top: 3px;
    padding-top: 5px; \9
}
#mainDiv.TravelApply .LeaveField3.Custom
{
    margin-left:5px;
}
#mainDiv.TravelApply #taTravelNotes,#mainDiv.TravelApply #taTravelApproverNotes
{
    width: 296px; 
    height: 54px; 
    border: #D4D4D4 solid 0px; 
    overflow: auto;
}


/* Summary Page Style */
/* Admin Task Page Style */
#divSummaryUser.Summary #divSlideTab,#divSummaryAdmin.Summary #divSlideTab,#divAdminTask.TODO #divSlideTab
{
    position: relative;
}
#divSummaryUser.Summary #divBox,#divSummaryAdmin.Summary #divBox,#divAdminTask.TODO #divBox
{
    height:330px;
    margin-bottom:10px;
    background-color:White;
}

/* Leave User Summary */
#LeaveUserSummary.UserSummary #LeaveUserSummary_TotalDaysSummary
{
    float: left;
    margin-left: 15px;
}
#LeaveUserSummary.UserSummary #LeaveUserSummary_GoodWillSummary
{
    color: Silver;
    float: left;
    margin-left: 15px;
}
#LeaveUserSummary.UserSummary #LeaveUserSummary_BtnBox
{
    text-align: right;
}

/* Travel User Summary */
#TravelUserSummary.UserSummary TravelUserSummary_BtnBox
{
    text-align: right;
}


/* User Task Page Style */
#divUserTask.TODO #divSlideTab
{
    position: relative;
    float: left;
}
#divUserTask.TODO #divBox
{
    height: 330px;
    margin-bottom: 10px;
    background-color: White;
}
#divUserTask.TODO .NavActionBtnDiv
{
    padding-top: 8px;
}
#divUserTask.TODO .NavActionBtnImg
{
    height: 16px;
}
#divUserTask.TODO .SlideTab_Default
{
    margin: 0 3px 0 2px;
}
#divUserTask.TODO #btnback, #btnforward
{
    float: left;
}
#divUserTask.TODO #btnback
{
    width: 22px;
}

/* Calendar Setting Page Style */
#divCalendarSetting.Setting input
{
    border:1px solid #DDD;
}
#divCalendarSetting.Setting #divCalendarSetting
{
    background-color: #FFF;
    border: 1px solid #EEE;
}
#divCalendarSetting.Setting #tabCalendarInfo
{
    width: 100%;
}
#divCalendarSetting.Setting #divCalendarTopHeader, #divButtonTopBox
{
    float: left;
}
#divCalendarSetting.Setting #divCalTypeUserPart .item
{
    float: left;
}
#divCalendarSetting.Setting #btnAddCalTypeUser, #btnRemoveCalTypeUser
{
    width: 100px;
}
#divCalendarSetting.Setting .divTD
{
    width: 370px;
}
#divCalendarSetting.Setting .divTD .title
{
    width: 100px;
}
#divCalendarSetting.Setting .divTD .control
{
    width: 230px;
}
#divCalendarSetting.Setting .actionlist div
{
    float:left;
}
#divCalendarSetting.Setting #tbDate
{
    height:22px;
    line-height:22px;
}
#divCalendarSetting.Setting #imgClearDate
{
    width:18px;
    height:18px;
    margin-left:2px;
}

/* AddCalTypeUser Page Style */
#divAddCalTypeUser.Setting
{
    margin: 5px 5px;
}

/* Leave Flow Setting Page Style */
#divLeaveFlowSetting.Setting .jQuery_Wizzard_Navigation
{
    color: Blue;
    float: right;
}
#divLeaveFlowSetting.Setting .jQuery_Wizzard_Navigation_PageInfo
{
    color: blue;
    font-size: 14px;
}
#divLeaveFlowSetting.Setting .jQuery_Wizzard_Navigation_Back
{
    margin-right: 10px;
}
#divLeaveFlowSetting.Setting .jQuery_Wizzard_Navigation_Forward
{
    margin-right: 10px;
}
#divLeaveFlowSetting.Setting .jQuery_Wizzard_Container
{
    overflow: hidden;
    position: relative; /* 修复IE6/7 子元素溢出的问题 */
    overflow-y: hidden;
}
#divLeaveFlowSetting.Setting .jQuery_Wizzard_ContainerBox
{
    width: auto;
}
#divLeaveFlowSetting.Setting .jQuery_Wizzard_Content
{
    float: left;
}
#divLeaveFlowSetting.Setting .aLeaveTypeBenefitConfirm,#divLeaveFlowSetting.Setting .aMaxLeaveDaysBenefitConfirm
{
    color: BLUE;
}
#divLeaveFlowSetting.Setting .aLeaveTypeBenefitCancel,#divLeaveFlowSetting.Setting .aMaxLeaveDaysBenefitCancel
{
    margin-left: 2px;
    color: BLUE;
}
#divLeaveFlowSetting.Setting .divTD
{
    width: 400px;
    padding: 5px 0 0 5px;
}
#divLeaveFlowSetting.Setting .divTD .title
{
    width: 200px;
}
#divLeaveFlowSetting.Setting .divTD .control
{
    width: 200px;
}
#divLeaveFlowSetting.Setting input
{
    border-collapse: collapse;
    border: 1px solid #DDD;
}
#divLeaveFlowSetting.Setting #divWPage2 #sltLeaveJobGrade2
{
    width:180px;
}
#divLeaveFlowSetting.Setting #btnAddLeaveTypeBenefit,#divLeaveFlowSetting.Setting #btnAddMaxLeaveDaysBenefit
{
    width:55px;
}
.selectBox-dropdown-menu.custom
{
    max-height:108px;
}

/* Travel Flow Setting Page Style */
#divTravelFlowSetting.Setting .divTD
{
    width: 400px;
    padding: 5px 0 0 5px;
}
#divTravelFlowSetting.Setting .divTD .title
{
    width: 200px;
}
#divTravelFlowSetting.Setting .divTD .control
{
    width: 200px;
}
#divTravelFlowSetting.Setting input
{
    border: 1px solid #DDD;
}

/* Leave Init Setting Page Style */
#divLeaveInitSetting.Setting
{
    height: 400px;
    margin-top:10px;
}
#divLeaveInitSetting.Setting #divLeaveInitTopHeader
{
    float: left;
}
#divLeaveInitSetting.Setting #divButtonTopBox
{
    float:right;
}
#divLeaveInitSetting.Setting .aLeaveInitConfirm
{
    color: BLUE;
}
#divLeaveInitSetting.Setting .aLeaveInitCancel
{
    margin-left: 2px;
    color: BLUE;
}
#divLeaveInitSetting.Setting #divLeaveInitQuery
{
    margin-top:10px;    
}

#divLeaveInitSetting.Setting input
{
}
#divLeaveInitSetting.Setting .divRow
{
    margin-bottom:3px;
}
#divLeaveInitSetting.Setting .divTD
{
    margin-right:0px;
    width: 400px;
    float:left;
}
#divLeaveInitSetting.Setting .divTD .title
{
    width: 120px;
    float:left;
}
#divLeaveInitSetting.Setting .divTD .control
{
    width: 200px;
}
#divLeaveInitSetting.Setting .foot
{
    margin-top:10px;
    margin-bottom:20px;
}
#divLeaveInitSetting .field2 
{
    width:195px; 
    background-image:url(../../Images/Public/FormField2.png); 
    margin-left:0px; 
    margin-top:0px;
    margin-bottom:0px;
}
#divLeaveInitSetting .field3 { width:103px; background-image:url(../../Images/Public/FormField3.png);  margin-left:0px;
     margin-top:0px;
     margin-bottom:0px;
     padding-top:4px;}
#divLeaveInitSetting .field3 select
{
    width:90px;    
}
#divLeaveInitSetting .field1
{
    width:304px; 
    background-image:url(../../Images/Public/FormField1.png);
    margin-left:0px; 
     margin-top:0px;margin-bottom:0px;padding-top:7px;
}
#divLeaveInitSetting .field2 input,#divLeaveInitSetting .field2 select
{
    width:175px;
    margin-left:7px;
    }
#divLeaveInitSetting .right input
{
    border:0px;
}
#divLeaveInitSetting .right
{
    float:left;    
}

/* Cancel Confirm Page Style */
#divCancelConfirm.Cancel #divShowTaskinfoLeft
{
    float: left;
}
#divCancelConfirm.Cancel #divShowTaskinfoLeft .divTD
{
    width:85px;    
}
#divCancelConfirm.Cancel #divShowTaskinfoRight
{
    float: left;
    width: 190px;
    text-align:right;
}
#divCancelConfirm.Cancel #tabDeleteHeader
{
    margin-top: 30px;
}
#divCancelConfirm.Cancel #tabDeleteContent
{
    margin-top: 30px;
    width: 95%;
}
#divCancelConfirm.Cancel #tabDeleteFooter
{
    margin-top: 30px;
    width: 90%;
}    
#divCancelConfirm.Cancel #taDeleteNotes
{
    border: none;
    margin-left: 5px;
    width: auto;
}
#divCancelConfirm.Cancel .divTD
{
    height:20px;
}
#divCancelConfirm.Cancel .title
{
    width:80px;    
}
#divCancelConfirm.Cancel .value
{
    width:120px;    
}
#divCancelConfirm.Cancel .field12
{
    width:380px; 
     background-image:url(../../Images/Public/FormField12.png); 
     float:left; padding-top:5px;padding-left:5px; padding-bottom:0px; height:130px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;    
}
#divCancelConfirm.Cancel .field12 textarea
{
    height:115px;
}
/* SetPwd Page Style */
#divSetPwd.SetPwd
{
    margin: 20px 0 0 20px;
}
#divSetPwd.SetPwd #divSetPwdHeader
{
    font-weight: bold;
    font-size: 16px;
    margin: 30px 0 20px 10px;
}
#divSetPwd.SetPwd #tabSetPwdContent
{
    margin-left: 20px;
}
#divSetPwd.SetPwd #tabSetPwdContent tbody td
{
    height: 43px;
}

/* Job Title Setting Page */
#JobTitleSetting .SlideTab_LinkBox
{
    border: none;
}


/* LeaveTravelAdminSummary Page Style */
#divLeaveTravelAdminSummary.Summary
{
    padding-top: 10px;
}
#divLeaveTravelAdminSummary.Summary .Header #divUserSelect,#divLeaveTravelAdminSummary.Summary #divUserDaysSummary,#divLeaveTravelAdminSummary.Summary #divTopButtonBox
{
    float: left;
}
#divLeaveTravelAdminSummary.Summary #divUserSelect
{
    width: 230px;
    height: 50px;
}
#divLeaveTravelAdminSummary.Summary #divUserSelect .LeaveField2
{
    padding-top:1px;
}
#divLeaveTravelAdminSummary.Summary #divUserDaysSummary
{
    width: 340px;
    height: 80px;
}
#divLeaveTravelAdminSummary.Summary #divTopButtonBox
{
    width: 300px;
    height: 50px;
}
#divLeaveTravelAdminSummary.Summary #divUserSelect .LeaveField2
{
    margin: 10px 0 0 10px;
}
#divLeaveTravelAdminSummary.Summary #divUserLeaveDaysSummary div div,#divLeaveTravelAdminSummary.Summary  #divUserTravelDaysSummary div div
{
    float: left;
}
/********Report*********/
 .Reportsnav{
	background-position:center;
	margin-left:auto;
	margin-right:auto; /**width:750px;**/
}
.Reportsnav .icon
{
    margin:50px auto 0px    
}
.Reportsnav .icon .Images
{ 
   height:83px;
   width:83px;
}
#TimesheetReport .icon .Images
{   
   height:83px;
   width:83px;
   margin-left:34px;
}
.Reportsnav div
{
    float:left;
    margin-right:20px;
}
.Reportsicon,
.Reportsicon .icon,
.Reportsicon .text
{
    width:150px;  
    margin-left:5px;  
    text-align:center;
    cursor:pointer;
}
.Reportsicon
{
    /*height:100px;    */
}
.Report .row
{
    height:35px;
}
.Report .actionlist
{
    margin-top:0px;
}
.Report .head .row:eq(0) .report_title
{
    height:40px;
    line-height:40px;
}

.Report .head .Div_ReportMenu
{
    margin-top:-4px;
}

.Report .head .Div_ReportMenu select
{
    width:130px;    
}


.Report .left
{
float:left;
width:400px;
height:45px;
}        
.Report .right
{
float:left;
width:500px;
}

.Report .titlerow .right
{
width:476px;
}
.Report .body
{
    width:98.5%    
}
.Report .block
{
    height:30px;
    float:left;
}
.Report .generatebtn
{
float:left;
}
.Report .header1
{
float:left;
width:100px;
margin-left:auto;
margin-right:auto;
margin-top:0px; padding-top:10px;
margin-bottom:0px;
text-align:left;
font-weight:bold;
}
.Report .header2
{
float:left;
width:80px;
margin-left:0px;
margin-right:auto;
margin-top:0px; padding-top:10px;
margin-bottom:0px;
text-align:left;
font-weight:bold;
text-align:right;
margin-right:10px;
}
.Report .header3
{
float:left;
width:98px;
margin-left:0px;
margin-right:auto;
margin-top:0px; padding-top:10px;
margin-bottom:0px;
text-align:left;
font-weight:bold;
text-align:center;
margin-right:10px;
}
.Report .field7 
{
width:140px; 
margin-left:2px;
background-image:url(../../Images/Public/FormField7.png); 
float:left; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  margin-left:0px; margin-top:5px; margin-bottom:5px;
padding-left:5px;
padding-top:5px;
}
.Report .field9 
{
width:395px; 
margin-left:2px;
background-image:url(../../Images/Public/FormField9.png); 
float:left; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  margin-left:0px; margin-top:5px; margin-bottom:5px;
padding-left:5px;
padding-top:8px;
}
.Report .field9 select
{
    width:370px; 
}
.Report .field8 
{
width:360px; 
margin-left:2px;
background-image:url(../../Images/Public/FormField10.png); 
float:left; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  margin-left:0px; margin-top:5px; margin-bottom:5px;
padding-left:5px;
padding-top:8px;
}
.Report .field8 select
{
    width:330px; 
}
.Report .field7 select
{
    width:120px;
}
.Report .field2 select
{
    width:197px;
    border:0px;
}

.Report select
{
    border:0px;    
}
.Report input
{
    border:0px;
    width:120px;    
}
.Report .hr
{
    border-top:1px solid #BFBFBF;
    margin-top:10px;
    margin-bottom:10px;
}
.Report .generatebtn
{
    float:right;   
    margin-right:15px; 
}
.Report .SwitchReport
{
    float:right;
}
.Report .ReportContent
{
    margin-bottom:10px;
}    
#TimeSheet .part
{
    float:left; width:448px;
}
#TimeSheet .title
{
    float:left; padding-top:10px; font-weight:bold; margin-right:20px; margin-left:20px;
}
.Report .bluetext
{
color:#1183B5;
font-weight:bold;
cursor:pointer;
}
.Report .jblock
{
    width:321px;
    float:left;    
}
.Report .lblock
{
    width:248px;
    float:left;    
}

/************Expense Report******/
.ExpenseReport .graph
{
	width: 350px;
	height: 300px;
	float: left;
}
.ExpenseReport .display
{
    background-color:#cccccc;
    }  
.ExpenseReport .display tr
{
    background-color:#cccccc;
    }  
.ExpenseReport .display thead th
{
    background:#ececec;
    }  
.ExpenseReport .display tbody td
{
    background-color:#fff;
    border:1px solid #D3D3D3;
    } 
.ExpenseReport .left
{
width:380px;  
height:450px;
}
.ExpenseReport .right
{
width:506px;     
height:450px;
}
.ExpenseReport .right .table1
{
height:300px;
width:100%;    
}
.ExpenseReport .table2right span
{
    float:right;
    margin-top:140px;
    }
.ExpenseReport .table2left
{
width:100%;
float:left;
height:140px;
}
.ExpenseReport .table2right
{
width:30%;
float:left;
height:160px;
display:none
}
.ExpenseReport #container
{
    float:left;
    }
/************End Expense Report******/

/************ Leave Report *********/
#divLeaveReports.Report .Content
{
    padding-top: 5px;
    height:310px;
}
#divLeaveReports.Report .Content .left
{
    width: 450px;
    float: left;
}
#divLeaveReports.Report .Content .right
{
    width: 426px;
    float: left;
    margin-left: 10px;
}
#divLeaveReports.Report .Content .content1
{
    height: 170px;
}
#divLeaveReports.Report table.display thead th
{
    height:auto;
    background-color:#ECECEC;
}
#divLeaveReports.Report table.display tr
{
    background-color:White;
    height:23px;
    border-bottom:1px solid #EEE;
}
#divLeaveReports.Report table.display tr td
{
    padding:0;
    border-bottom:1px solid #EEE;
}
#divLeaveReports.Report #divLeaveDaysLeft, #divLeaveReports.Report #divLatestLeaveApply, #divLeaveReports.Report #divCompanyStats
{
    width: 100%;
}
#divLeaveReports.Report #divLeaveDaysLeft
{
    background-color: White;
    border:1px solid #DCDCDC;
}
#divLeaveReports.Report #divLatestLeaveApply
{
    height: 100px;
}
#divLeaveReports.Report #tabLeaveDaysLeft
{
    margin-left: 20px;
}
#divLeaveReports.Report #tabLeaveDaysLeft thead th
{
    background-color: #FFF;
}
#divLeaveReports.Report #tabLeaveDaysLeft tr
{
    height: 25px;
}
#divLeaveReports.Report #tabLatestLeaveApply, #divLeaveReports.Report #tabCompanyStats
{
    width: 100%;
    text-align: center;
    margin-top:10px;
}
#divLeaveReports.Report #divGenerateCSV
{
    text-align: right;
    margin-top: 10px;
}
#divLeaveReports.Report .left .content1 .chart
{
    font-family:"Lucida Grande" ,Helvetica,Arial,Verdana,sans-serif;
    font-size:10px;
    font-size:13px;
}
#divLeaveReports.Report .left .content1 #divChartLeftContainer
{
    width:15px;
    height:15px;
    float:left;
}
#divLeaveReports.Report .left .content1 #divChartBottomContainer
{
    text-align:center;
}
#divLeaveReports.Report .left .content1 #divChartLeftTitle
{
    -webkit-transform: rotate(-90deg) translate(-20px,-25px);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg); 
    /* IE8+ - must be on one line, unfortunately */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=3.061515884555943e-16, M12=1, M21=-1, M22=3.061515884555943e-16, SizingMethod='auto expand')";
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=3.061515884555943e-16,
            M12=1,
            M21=-1,
            M22=3.061515884555943e-16,
            SizingMethod='auto expand');
   margin:30px 0 0 0;
   float:left;
   width:70px;
}
#divLeaveReports.Report .left .content1 #divEmployeeUsedDaysChart
{
    height:150px;
    width:400px;
    float:left;
    margin:0 0 2px 5px;
}
#divLeaveReports.Report .left .content1 #divChartBottomTitle
{
    clear:left;
}


/******** Leave Traditional Report *********/
#divLeaveApplyTraRpt.Report .divRow
{
    width: 880px;
}
#divLeaveApplyTraRpt.Report .divRow .divTD
{
    width: 430px;
}
#divLeaveApplyTraRpt.Report .header1
{
    margin-left:10px;
}


/********** Travel Report *********/
#divTravelReports.Report .Content
{
    padding-top: 5px;
    height:310px;
}
#divTravelReports.Report .Content .left
{
    width: 400px;
    float: left;
}
#divTravelReports.Report .Content .right
{
    width: 476px;
    float: left;
    margin-left: 10px;
}
#divTravelReports.Report .Content .right .content1
{
    height: 150px;
}
#divTravelReports.Report #divTravelApplyDetailReport, #divTravelReports.Report .RowBox div table
{
    width: 100%;
}
#divTravelReports.Report .RowBox div
{
    height: 121px;
    text-align: center;
    float: left;
    width: 200px;
}
#divTravelReports.Report table.display tr
{
    background-color:White;
    height:23px;
}
#divTravelReports.Report table.display tr td
{
    border-bottom:1px solid #EEE;
}
#divTravelReports.Report table.display thead th
{
    padding:0;
    border-left:1px solid #DDD;
    background-color:#ECECEC;
}
#divTravelReports.Report .RowBox div table.display thead th
{
    height: 35px;
    padding:0;
}
#divTravelReports.Report #divLatestTravelApply
{
    margin-left: 15px;
}
#divTravelReports.Report #divGenerateCSV
{
    text-align: right;
    margin-top: 10px;
    clear:both;
}
#divTravelReports.Report #tabTravelApplyDetailReport
{
    text-align:center;
}
#divTravelReports.Report #EstCostAndCashAdvRatioChart
{
    width: 400px; 
    height: 300px; 
    float: left;
    border: 1px dashed gainsboro;    
}


/*************End Report**********/

/*** home ***/
#mylogo{
        height: 40px;
        width: 172px;
        display: block;
        background: url(../../../Images/aos172.png) 0 0 no-repeat;
}


/**********Time Track********/

.TimeTack .TimeTackApply
{
    margin-top:8px;
    margin-left:10px;
    }

    .TimeTackApply input,.TimeTackApply span
    {
        font-family: "Myriad Pro" ,Arial,sans-serif;
        font-size:12px;
        }
    .TimeTack .row
    {
        height:31px;
        padding-bottom:3px;
        padding-top:3px;
        width:100%
        } 
     .TimeTack .row2
    {
        height:33px;
        }   
      .TimeTack select
      {
          border:0px;
          }
    .TimeTack .bigrow1
    {
        height:73px !important;
        }  
    .TimeTack .bigrow2
    {
        height:73px !important;
        }  
.TimeTack .field1 select
{
    width:280px;
    }
    .TimeTack .field1 input,.TimeTack .field3 input,.TimeTack .field2 input,.TimeTack textarea
    {
    margin-left:7px;
        }
        .TimeTack .field1
{
    width:304px; 
    background-image:url(../../Images/Public/FormField1.png);
    margin-left:0px; 
     margin-top:0px;margin-bottom:0px;
     padding-top:7px;
    }
   
 .TimeTack .field2 
 {
     width:195px; 
     background-image:url(../../Images/Public/FormField2.png); 
     margin-left:0px; 
     margin-top:0px;
     margin-bottom:0px;
     padding-top:7px;
     }
 .TimeTack .field3 { width:103px; background-image:url(../../Images/Public/FormField3.png);  margin-left:0px;
     margin-top:0px;
     margin-bottom:0px;
     padding-top:7px;}
.TimeTack .field4 {  width:309px; background-image:url(../../Images/Public/FormField4.png); margin-left:0px;
     margin-top:0px;
     margin-bottom:0px;
     padding-top:7px; }
.TimeTack .field5 { float:left; width:309px; background-image:url(../../Images/Public/FormField5.png); margin-left:0px;
     margin-top:0px;margin-bottom:0px;
     padding-top:7px; }
     .TimeTack .field5.field4_c {  background-image:url(../../Images/Public/FormField4_c.png); }

  .TimeTack .field7 
 {
     width:140px; 
     margin-left:2px;
     background-image:url(../../Images/Public/FormField7.png); 
     float:left; padding-top:5px;padding-left:5px; padding-bottom:0px; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;
     padding-top:7px;  
     }
       .TimeTack .field8 
 {
     width:80px; 
     background-image:url(../../Images/Public/FormField8.png); 
     float:left; padding-top:5px;padding-left:5px; padding-bottom:0px; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat; 
     padding-top:7px;
     }
     .TimeTack .field8 input
 {
     width:65px; }
     
     .TimeTack .field11 
 {
     width:65px; 
     background-image:url(../../Images/Public/FormField11.png); 
     float:left; padding-top:5px;padding-left:5px; padding-bottom:0px; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat; 
     }
     .TimeTack .field11 input
 {
     width:58px; }
.TimeTack .field7 input
{
       width:100px;    
}
 .TimeTack .input
    {
    background-color:White;
    }
    .TimeTack select
    {
    
    }
    .TimeTack .attachImg
    {
    height:40px;
    width:40px;
    display:block;
    float:left;
    }
    .TimeTack #divShowAttachment span
    {
    display:block;
    float:left;
    }
.TimeTack .Upload
{
    float:left;
    margin-top:5px;
    width:15px;
    height:15px;
    background-image:url(images/edit.png);
    }
textarea
{
    border:0;
    overflow-y:auto;
    background:transparent;
    }
.TimeTack textarea
{
    margin-top:3px;
    height:54px;
    width:275px;
    }
.TimeTack .field1 input
{
    width:275px;
    }
.TimeTack .field2 input
{
    width:165px;
    }
.TimeTack .field3 input
 {
     width:80px;
     }

.TimeTack  #maindiv input
 {
     border:0;
     }
.TimeTack #maindiv select
 {
     }
.TimeTack .left{
	width:120px; float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px; padding-top:10px;
	margin-bottom:0px;
	text-align:left

}
.TimeTack .btn
{
    width:100%;
    }
    
.TimeTack .btn span
{
    display:block;
    float:right;
}
.TimeTack .right{
	width:320px; float:right;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;

}


.TimeTack #maindiv{
	width:450px;
	background-position:center;
    margin-left:17px;
}



.TimeTack #divAttachment
{
    margin-top:10px;
    float:left;
    }

.TimeTack #Attachfile
{
    height:20px;
    }
    
    
.TimeTack #timetracktype
{
    float:left;
    margin-left:3px;
    padding-left:3px;
    margin-top:3px;
    padding-top:3px;
    width:147px;
    }
    
    .TimeTack #Apply_head .field2
    {
    float:left;
        } 
       .TimeTack #Apply_head .Block
       {
           width:108px;
           height:10px;
           float:left;
           }
        .TimeTack #Apply_head .right
        {
            float:left;
            } 
.TimeTack #Apply_head
{
    margin-top:10px;  
    margin-bottom:10px;     
    width:100%; 
    }
    
.TimeTack .T_ID .field2
{
    }    
.TimeTack .T_ID select
{
    width:166px;
   border:0px; 
    }
 .TimeTack .T_ID input
 {
     border:0px;
     }   
.TimeTack .td_right
{
    margin-left:6px;
    }
    
.TimeTack #dd_Incurred
{ 
    width:75px;
    }
    .loading
    {
        width:16px;
        height:16px;
        background-image:url(images/loading.gif);
        position:absolute;
        top:50%;
        left:50%;
        }
.manatext{ font-size:17px; color:#127DB1; font-weight:bold;
    }
#bigger
{
    width:22px;
    height:23px;
    background-image:url(images/Bigger.png);
    float:left;
    margin-left:250px;
    }
#lower
{
    width:22px;
    height:23px;
    background-image:url(images/Lower.png);
    float:left;
    margin-left:20px;
    }
    /************Time Track*********/
    
    .homeicon1 img
    {
        width:83px;
        height:83px;
    }
    
    #GetTDCode .field2
    {
        width:195px; 
        background-image:url(../../Images/Public/FormField2.png); 
        margin-left:0px; 
        margin-top:0px;
        margin-bottom:0px;
        padding-top:5px;
        height:25px;
     }
    #GetTDCode .field2 input
{
    width:165px;
    margin-left:10px;
     border:0;
    }
#GetTDCode div
{
    float:left
    }
    #Reports_TimeTrack .DataTables
    {
        margin-top:-40px;    
    }
    #Reports_TimeTrack .row
    {
        height: 20px;
    }
    #Reports_TimeTrack .left, #Reports_TimeTrack .right
    {
        float:left;
    }
    #Reports_TimeTrack .left
    {
        width: 134px;
        margin-left:5px;
        height:20px;
    }
    #Reports_TimeTrack .right
    {
        width: 520px;
    }
    #Reports_TimeTrack .right div
    {
        width: 165px;
        float:left;
        text-align:center;
    }
    #Reports_TimeTrack .th
    {
        font-weight:bold;    
    }
    
  
#Reports_TimeTrack .boxtop {
	background-image: url(images/b1.png);
	height:10px;
	background-repeat:no-repeat;
	padding-bottom:0px;
}
#Reports_TimeTrack .boxmiddle {
	background-image: url(images/b2.png);
	background-repeat: repeat-y;
}
#Reports_TimeTrack .boxbottom {
	background-image: url(images/b3.png);
	background-repeat:no-repeat;
	height:10px;
	padding-bottom:10px;
}

#TimeTrackSummary .field2 select
{
    width:200px;
}

#TimeTrackSummary #TimeTrackSummaryHead
{
    margin-left:10px;
    margin-top:10px;    
}

#TimeTrackSummaryPart .row
    {
        height: 15px;
    }
    #TimeTrackSummaryPart .left, #Reports_TimeTrack .right
    {
        float:left;
    }
    #TimeTrackSummaryPart .left
    {
        width: 250px;
    }
    #TimeTrackSummaryPart .right
    {
        width: 450px;
    }
    #TimeTrackSummaryPart .left .key
    {
        width: 130px;
        text-align: right;
        float:left;
    }
    #TimeTrackSummaryPart .right .key
    {
        width: 200px;
        float:left;
    }
    #TimeTrackSummaryPart .value
    {
        width: 100px;
        text-align: left;
        float:left;
    }
    .Div_ReportMenu
    {
        float:left;  
        margin-left:20px;
    }
    .Div_ReportMenu select
    {
        width:150px;    
    }
    
    .report_title
    {
        float:left; 
        height:30px;
        line-height:30px;   
    }
    
    
#homeicons_template #gallery { list-style-type: none; margin-left:0px; padding:0px; }
#homeicons_template #gallery li { float:left; padding:17px; height:120px;padding-left:20px;padding-left:20px; }
#homeicons_template #gallery .placeHolder div { background-color:white !important; border:dashed 1px gray !important;width:80px;height:80px;margin-left:30px;float:left;margin-right:20px; }

    
#settingicons_template #gallery { list-style-type: none; margin-left:0px; padding:0px;}
#settingicons_template #gallery li { float:left; padding-top:17px;padding-bottom:17px; height:100px;margin-left:30px;margin-right:30px; width:120px;}
#settingicons_template #gallery .placeHolder div { background-color:white !important; border:dashed 1px gray !important;
height:54px; width:56px;margin-left:30px;  }
    
    
/** Settings nav ***/
.settingsnav div.icons
{
    margin-left:10px;margin-right:10px; float:left;
	margin-top:0px; width:100px;
	margin-bottom:0px;
	cursor:hand;
}
.settingsnav .target
{
    margin-bottom:10px;
    display:block;  
    height:55px;
}
    
.settingsnav div.icons img
{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
/** Settings nav ***/

.FlowSetting .block
{
    border: #DBDBDB solid 1px;
    background-color:White;
    width:100%;    
}
.FlowSetting .left
{
    width:51%;
    float:left;
    display:inline;
    height:30px;
    line-height:30px;
    vertical-align:middle;
}
.FlowSetting .single
{
    width:99%;
}
.FlowSetting .right
{
    width:48%;
    float:left;
    display:inline;
    height:30px;
    line-height:30px;
}
.FlowSetting .row
{
    width:100%;
    height:30px;
    margin-top:5px;
}
.FlowSetting .row div
{
    float:left;
}
.FlowSetting .bluetext
{
    color:#1183B5;
}

.FlowSetting input[type=checkbox]
{
    height:30px;
}

.FlowSetting .content
{
    margin-left:30px;
    margin-top:15px;    
}

 .FlowSetting .block    
 {
     width:100%;
     background-color:White
}

 .FlowSetting .block1    
 {
     height:90px; 
}
.FlowSetting input
{  
}
     .FlowSetting .field7 input
     {
        border:0px;
        width:130px;   
        float:left; 
        margin-top:3px;
    }
    
     .FlowSetting .field7 
 {
     width:140px; 
     background-image:url(../../Images/Public/FormField7.png); 
     float:left; padding-top:5px;padding-left:5px; padding-bottom:0px; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  
     }
     
     .FlowSetting .field2 
{
    width:195px; 
    background-image:url(../../Images/Public/FormField2.png); 
    margin-left:0px; 
    margin-top:0px;
    margin-bottom:0px;
}
     
    .FlowSetting .field2 input
     {
        border:0px;
        width:180px;   
        float:left; 
        margin-top:3px;
    } 
    
    .FlowSetting .content
    {
        margin:0px;  
        margin-left:20px;
        margin-top:10px;  
    }
    
.FlowSetting_Expense .header
{
    font-weight:bold;
    height:40px;
    line-height:40px;
    color:#333
}

.FlowSetting_Expense table thead th
{
    border:1px solid #E5E5E5;
    color: #333;   
}

.FlowSetting_Expense .actionlist
{
    margin-top:10px;    
}

#divLeaveFlowSetting .title
{
    width:200px;    
}

.FlowSetting_Expense .title
{
    width:200px;    
}


#divTravelFlowSetting .title,#FlowSetting_Profile .title
{
    width:150px;    
}

/*********************/

.FlowSetting .tableinput
{
    width:80px;    
    text-align:center;
}


.div_calenderView
{
    float:left;    
}

.div_calenderView #calenderView tr td
{
    width:260px;
}

#divCalendarSetting .field7 input
     {
        border:0px;
        width:100px;    
        float:left; 
        margin-top:3px;
    }
    
#divCalendarSetting .field7 
 {
     width:140px; 
     margin-left:10px;
     background-image:url(../../Images/Public/FormField7.png); 
     float:left; padding-top:5px;padding-left:5px; padding-bottom:0px; height:30px; border:#D4D4D4 solid 0px;background-repeat:no-repeat;  
}

.calendarHoverStyle
{
    color:#ff0000;
    
}
.cursor
{
    cursor:default;
}


#divCalendarSetting.Setting .divRow .left
{
    width: 390px;
    float: left;
}


#divCalendarSetting.Setting .divRow .right
{
    width: 365px;
    float: left;
    margin-left: 7px;
}
#divCalendarSetting.Setting .divRow .left .title,#divCalendarSetting.Setting .divRow .right .title
{
    width: 150px;
    float: left;
}

.half_page
    {
        width: 490px;
        height: 520px;
        float: left;
        display: inline-block;
        margin-top: 10px;
        display: none;
    }
    

#TaskHead .left
{
float:left;
width:400px;
height:45px;
}        
#TaskHead .right
{
float:left;
width:500px;
}

.loaderboxtop {
	background-image: url(images/c1.png);
	height:10px;
	background-repeat:no-repeat;
	padding-bottom:0px; float:left;width: 500px;
}
.loaderboxmiddle {
	background-image: url(images/c2.png);
	background-repeat: repeat-y;float:left;width: 500px;
	min-height:200px;
}
.loaderboxbottom {
	background-image: url(images/c3.png);
	background-repeat:no-repeat;float:left;width: 500px;
	height:12px;
}


.filepath
{
    width:100%;    
    min-height:18px;
}

.LeaveApply#mainDiv #divLeaveHeaderInfo #divUserName,.TravelApply#mainDiv #divTravelHeaderInfo #divUserName
{
    float: right; margin-right: 14px; font-weight: bold;   
}
.TravelApply#mainDiv #divTravelHeaderInfo #divUserName
{
    margin-right:18px;    
}

#divLeaveInitAdd
{
    text-align: center; width: 95%; margin-left: auto; margin-right: auto;
        margin-top: 10px;    
}


#FlowNotes>div
{
    margin-left:10px;    
}

#FlowNotes .cValue
{
    float:left;   
}

#FlowNotes .FlowNotesHead
{  
}

#FlowNotes #NotesList
{
    width:98%;
}

#FlowNotes #NotesList div
{
    float:left;
    padding-left:3px;
}



#FlowNotes .content div
{
    width:95%    
}

#FlowNotes .wf_notes
{
    padding-right:10px; 
    padding-top:10px;
    padding-bottom:10px;  
}

#FlowNotes .wf_datetime
{
    text-align:right   
}

#FlowNotes .dv_Row
    {
        width: 100%;
        float: left;
        margin-bottom:10px;
    }
    
#FlowNotes .dv_Row .dv_Td
{
    width: 50%;
    float: left;
}
#FlowNotes .dv_Row .key
{
    width: 50px;
    float: left;
}


/* Summary */
.notebox {
	width:471px;
	margin-left:1px; float:left;
	margin-right:1px;
	margin-top:10px;
	margin-bottom:10px;
}

.notetop {
	background-image: url(images/n_1.png);
	width:100%;
	height:10px;
	background-repeat:no-repeat;
	padding-bottom:0px; float:left;
}
.notemiddle {
	background-image: url(images/n_2.png);
	width:100%;
	background-repeat: repeat-y;float:left;
}
.notebottom {
	background-image: url(images/n_3.png);
	background-repeat:no-repeat;float:left;
	width:100%;
	height:10px;
}


#ExpenseSummary #UserAcounts
{
    border:0;
    width:180px;
}    
#ExpenseSummary #ExpenseHead
{
height:80px;
}
#ExpenseSummary .field2
{
margin-top:10px;margin-left:10px;float:left
}
#ExpenseSummary .actionlist
{
margin-top:10px;
}
#ExpenseSummary #Expensed
{
margin-left:10px;
}