html, body {
    margin: 0;
    padding: 0;
}

* {
    font-family: Tahoma, Helvetica Neue, Arial, sans-serif !important;
    font-size:9pt!important;
}

/* Header */
.dxpnl-edge.t.headerPane 
{
    background-color: #EDEDED;
    background-position: left top;
    background-repeat: no-repeat;
}
.dxpnl-edge.t.headerPane.panel 
{
    padding: 0;
}
.templateTitle 
{
    float:left;
    margin: 11px 15px;      /* 11px  15px */
}
.dxpnl-edge.t.headerPane.bar .templateTitle 
{
    margin: 0;
}
.templateTitle a 
{
    text-decoration: none;
    font-size: large;     /* x-large     */
    color: black;
}
.loginControl 
{
    float: right;
    margin: 17px 25px;      /* 17px 25px */
    font-size: 12px;        /* 12px */
}
.loginControl a 
{
    color: black;
    text-decoration: none;
    border-bottom: dashed 1px black;
    display: inline-block;
}


/* Footer */
.dxpnl-edge.b.footerPane 
{
    background-color: #EDEDED;
}
.dxpnl-edge.b.footerPane.panel 
{
    padding: 0;
}
.footerMenu 
{
    float: right;
    padding-top: 0px;
}
.copyright 
{
    /*float: left;*/
    /*margin: 20px 15px 11px;*/         /*Changes  100px to 30px - pradeep - 04/15/2015 */ 
    align-content:center;           /*Added pradeep - 04/15/2015 */ 
    width:100%;
}
.content 
{
    padding: 5px;
}

/* Left Panel */
.leftPane.panel
{
    padding: 1px;
    width: 200px;
}

/* Right Panel */
.rightPane.panel
{
    padding: 0;
    width: 250px;
}

/* Account */
.accountHeader h2 
{
    margin: 10px 0 7px 0;
    font-size: 16px;
}
.accountHeader p 
{
    margin: 0;
    padding: 0;
}
.accountHeader 
{
    margin-bottom: 20px;
}
.form-field
{
    margin-bottom: 8px;
}


/* iOS */
.dxpnlControl_iOS.leftPane,
.dxpnlControl_iOS.rightPane,
.dxpnlControl_iOS.contentPane
{
    border-width: 1px !important;
}
.dxpnlControl_iOS.leftPane
{
    width: 300px;
}
.dxpnlControl_iOS.rightPane
{
    width: 450px;
}
.dxpnlControl_iOS .templateTitle
{
    margin: 17px 25px;
}
.dxpnlControl_iOS .templateTitle a
{
    color: #303030;
    font-size: 26px;
    line-height: 1em;
    font-weight: bold;
}
.dxpnlControl_iOS .loginControl a
{
    color: #0160E7;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
}
.dxpnlControl_iOS.mainContentPane
{
    border-width: 0px !important;
    box-shadow: initial;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
}
.dxpnlControl_iOS.dxpnl-edge.b.footerPane
{
    border-width: 1px !important;
}
.dxpnlControl_iOS .accountHeader p
{
    color: #303030;
}
.dxpnlControl_iOS .accountHeader h2
{
    color: #303030;
    font-size: 26px;
    margin-bottom: 10px;
}


/* Aqua */
.dxpnlControl_Aqua.dxpnl-edge.t.headerPane,
.dxpnlControl_Aqua.dxpnl-edge.b.footerPane,
.dxpnlControl_Aqua .footerMenu li
{
    background-color: #BFDBFF;
}
.dxpnlControl_Aqua.dxpnl-edge.t.headerPane
{
    background-image: url('images/AquaHeader.jpg');
}
.dxpnlControl_Aqua .accountHeader h2
{
    color: #5689C5;
}
.dxpnlControl_Aqua .loginControl a,
.dxpnlControl_Aqua .templateTitle a
{
    color: White;
    border-color: White;
}


/* DevEx */
.dxpnlControl_DevEx.dxpnl-edge.t.headerPane,
.dxpnlControl_DevEx.dxpnl-edge.b.footerPane,
.dxpnlControl_DevEx .footerMenu li
{
    background-color: #F2F3F4;
}
.dxpnlControl_DevEx .templateTitle a,
.dxpnlControl_DevEx .loginControl,
.dxpnlControl_DevEx .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_DevEx .loginControl a 
{
    border-bottom-color: #4B4B57;
}


/* BlackGlass */
.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane,
.dxpnlControl_BlackGlass.dxpnl-edge.b.footerPane,
.dxpnlControl_BlackGlass .footerMenu li
{
    background-color: #2A2A2A;
    color: white;
}
.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane
{
    background-image: url('images/BlackGlassHeader.jpg');
}
.dxpnlControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul
{
    border-bottom: 1px solid black;
}
.dxpnlControl_BlackGlass .accountHeader p
{
    color: #585858;
}
.dxpnlControl_BlackGlass .loginControl a,
.dxpnlControl_BlackGlass .templateTitle a
{
    color: White;
    border-color: White;
}


/* Glass */
.dxpnlControl_Glass.dxpnl-edge.t.headerPane,
.dxpnlControl_Glass.dxpnl-edge.b.footerPane,
.dxpnlControl_Glass .footerMenu li
{
    background-color: #CFE0E7;
}
.dxpnlControl_Glass.dxpnl-edge.t.headerPane
{
    background-image: url('images/GlassHeader.jpg');
}
.dxpnlControl_Glass .footerMenu *
{
    background-image: none !important;
}
.dxpnlControl_Glass .templateTitle a,
.dxpnlControl_Glass .loginControl,
.dxpnlControl_Glass .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_Glass .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxpnlControl_Glass .accountHeader h2
{
    color: #387FA4;
}
.dxpnlControl_Glass .accountHeader p
{
    color: #575757;
}



/* Office2003Blue */
.dxpnlControl_Office2003Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Blue .footerMenu li
{
    background-color: #BCD4F6;
}
.dxpnlControl_Office2003Blue .footerMenu div
{
    background: transparent none;
}
.dxpnlControl_Office2003Blue .leftPanel > ul
{
    background: transparent none;
}
.dxpnlControl_Office2003Blue .templateTitle a,
.dxpnlControl_Office2003Blue .loginControl,
.dxpnlControl_Office2003Blue .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_Office2003Blue .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxpnlControl_Office2003Blue .accountHeader p
{
    color: #424242;
}


/* Office2003Olive */
.dxpnlControl_Office2003Olive.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Olive.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Olive .footerMenu li
{
    background-color: #D6DCBB;
}
.dxpnlControl_Office2003Olive .footerMenu div
{
    background: transparent none;
}
.dxpnlControl_Office2003Olive .leftPanel > ul
{
    background: transparent none;
}
.dxpnlControl_Office2003Olive .templateTitle a,
.dxpnlControl_Office2003Olive .loginControl,
.dxpnlControl_Office2003Olive .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_Office2003Olive .loginControl a 
{
    border-bottom-color: #4B4B57;
}
.dxpnlControl_Office2003Olive .accountHeader p
{
    color: #424242;
}

/* Office2003Silver */
.dxpnlControl_Office2003Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Silver .footerMenu li
{
    background-color: #D0D0DE;
}
.dxpnlControl_Office2003Silver .footerMenu div
{
    background: transparent none;
}
.dxpnlControl_Office2003Silver .leftPanel > ul
{
    background: transparent none;
}
.dxpnlControl_Office2003Silver .templateTitle a,
.dxpnlControl_Office2003Silver .loginControl,
.dxpnlControl_Office2003Silver .loginControl a
{
    color: #4B4B57;
}
.dxpnlControl_Office2003Silver .loginControl a
{
    border-bottom-color: #4B4B57;
}
.dxpnlControl_Office2003Silver .accountHeader p
{
    color: #424242;
}

/* Office2010Black */
.dxpnlControl_Office2010Black.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Black.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Black .footerMenu li
{
    background-color: #393939;
    color: white;
}
.dxpnlControl_Office2010Black .footerMenu a
{
    color: white !important;
}
.dxpnlControl_Office2010Black .accountHeader h2
{
    color: #3C3C3C;
}
.dxpnlControl_Office2010Black .loginControl a,
.dxpnlControl_Office2010Black .templateTitle a
{
    color: White;
    border-color: White;
}


/* Office2010Blue */
.dxpnlControl_Office2010Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Blue .footerMenu li
{
    background-color: #D3E4F6;
}
.dxpnlControl_Office2010Blue .templateTitle a,
.dxpnlControl_Office2010Blue .loginControl,
.dxpnlControl_Office2010Blue .loginControl a
{
    color: Black;
}
.dxpnlControl_Office2010Blue .loginControl a 
{
    border-bottom-color: Black;
}
.dxpnlControl_Office2010Blue .accountHeader h2
{
    color: #498BC2;
}


/* Office2010Silver */
.dxpnlControl_Office2010Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Silver .footerMenu li
{
    background-color: #A9ACB4;
    color: white;
}
.dxpnlControl_Office2010Silver .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_Office2010Silver .loginControl a,
.dxpnlControl_Office2010Silver .templateTitle a
{
    color: White;
    border-color: White;
}



/* PlasticBlue */
.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_PlasticBlue.dxpnl-edge.b.footerPane,
.dxpnlControl_PlasticBlue .footerMenu li
{
    background-color :#3C4F8F;
    color: white;
}
.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane
{
    background-image: url('images/PlasticBlueHeader.jpg');
}
.dxpnlControl_PlasticBlue .accountHeader h2
{
    color: #5A83D0;
}
.dxpnlControl_PlasticBlue .accountHeader p
{
    color: #575757;
}
.dxpnlControl_PlasticBlue .loginControl a,
.dxpnlControl_PlasticBlue .templateTitle a
{
    color: White;
    border-color: White;
}


/* RedWine */
.dxpnlControl_RedWine.dxpnl-edge.t.headerPane,
.dxpnlControl_RedWine.dxpnl-edge.b.footerPane,
.dxpnlControl_RedWine .footerMenu li
{
    background-color: #78002B;
    color: white;
}
.dxpnlControl_RedWine.dxpnl-edge.t.headerPane
{
    background-image: url('images/RedWineHeader.jpg');
    background-position: top right;
}
.dxpnlControl_RedWine .footerMenu div 
{
    background: transparent none;
}
.dxpnlControl_RedWine .accountHeader h2
{
    color: #8A0A37;
}
.dxpnlControl_RedWine .loginControl a,
.dxpnlControl_RedWine .templateTitle a
{
    color: White;
    border-color: White;
}


/* SoftOrange */
.dxpnlControl_SoftOrange.dxpnl-edge.t.headerPane,
.dxpnlControl_SoftOrange.dxpnl-edge.b.footerPane,
.dxpnlControl_SoftOrange .footerMenu li
{
    background-color: #F9F9F9 !important;
    background-image: none !important;
}
.dxpnlControl_SoftOrange .templateTitle a,
.dxpnlControl_SoftOrange .loginControl,
.dxpnlControl_SoftOrange .loginControl a
{
    color: Black;
}
.dxpnlControl_SoftOrange .loginControl a 
{
    border-bottom-color: Black;
}
.dxpnlControl_SoftOrange .accountHeader h2
{
    color: Black;
}
.dxpnlControl_SoftOrange .accountHeader p
{
    color: #707070;
}


/* Youthful */
.dxpnlControl_Youthful.dxpnl-edge.t.headerPane,
.dxpnlControl_Youthful.dxpnl-edge.b.footerPane,
.dxpnlControl_Youthful .footerMenu li
{
    background-color: #8AA150;
    color: white !important;
}
.dxpnlControl_Youthful .accountHeader h2
{
    color: #80A70E;
}
.dxpnlControl_Youthful .loginControl a,
.dxpnlControl_Youthful .templateTitle a
{
    color: White;
    border-color: White;
}

/* Metropolis */
.dxpnlControl_Metropolis.dxpnl-edge.t.headerPane,
.dxpnlControl_Metropolis .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxpnlControl_Metropolis.rightPane
{
    width: 400px;
}
.dxpnlControl_Metropolis .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_Metropolis .loginControl a,
.dxpnlControl_Metropolis .templateTitle a
{
    color: Black;
    border-color: Black;
}
.dxpnlControl_Metropolis .templateTitle a 
{
    font-size: 28px;
}

/* MetropolisBlue */
.dxpnlControl_MetropolisBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_MetropolisBlue .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxpnlControl_MetropolisBlue.rightPane
{
    width: 400px;
}
.dxpnlControl_MetropolisBlue .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_MetropolisBlue .loginControl a,
.dxpnlControl_MetropolisBlue .templateTitle a
{
    color: Black;
    border-color: Black;
}
.dxpnlControl_MetropolisBlue .templateTitle a 
{
    font-size: 28px;
}

/* Moderno */
.dxpnlControl_Moderno.dxpnl-edge.t.headerPane,
.dxpnlControl_Moderno .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxpnlControl_Moderno.headerPane .headerMenu .dxm-main
{
    border-color: #d1d1d1;
    border-style: solid;
}
.dxpnlControl_Moderno.leftPane
{
    padding: 0px;
}
.dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-header,
.dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-headerCollapsed
{
    border-top: 0px;
}
.dxpnlControl_Moderno.rightPane
{
    width: 350px;
}
.dxpnlControl_Moderno .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_Moderno .loginControl a,
.dxpnlControl_Moderno .templateTitle a
{
    font-size: 12px;
    color: #0072c6;
    border-color: #0072c6;
}
.dxpnlControl_Moderno .templateTitle a 
{
    font-size: 28px;
}
.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvTable_Moderno
{
    border: 0!important;
}
.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvHeader_Moderno
{
    border-top: 0!important;
}
.dxpnlControl_Moderno.dxpnl-edge.b.footerPane 
{
    background: #EDEDED;
}

/* Mulberry */
.dxpnlControl_Mulberry .footerMenu li
{
    background-color: White;
    color: Black;
}
.dxpnlControl_Mulberry .accountHeader h2
{
    color: #3B3B3B;
}
.dxpnlControl_Mulberry .loginControl a,
.dxpnlControl_Mulberry .templateTitle a
{
    color: #BF4E6A;
    border-color: #BF4E6A;
    font-size: 12px;
}
.dxpnlControl_Mulberry .templateTitle a 
{
    font-size: 28px;
}
.dxpnlControl_Mulberry.dxpnl-edge.t.headerPane,
.dxpnlControl_Mulberry.dxpnl-edge.b.footerPane
{
    background: #F1F2F5;
}
.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvTable_Mulberry
{
    border: 0!important;
}
.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvHeader_Mulberry
{
    border-top: 0!important;
}

#content {
	background: #fff;
	margin: 30px 0 30px;
	padding: 20px 35px;
	width: 600px;
	float: left;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

#buttons {
    width:auto;
    position:relative;
    float:right;
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
#LeaveRequest1 {
	width: 280px;
	float: left;
	margin: 0px 0px 30px;
}


#LeaveRequest2 {
	width: 280px;
	float: left;
	margin: 0px 0px 30px;
}


#LeaveRequest3 {
	width: 150px;
	float: left;
	margin: 0px 0px 0px;
}


#LeaveRequest4 {
	width: 640px;
	float: left;
	margin: 0px 0px 0px;
}

#LeaveRequest5 {
    width:333px;
	float: right;
	margin: 0px 0px 0px;
}

#LeaveRequestchkFMLA {
    margin-top:13%;
}

#LeaveRequestchkUseShiftHrs {
    margin-top:17%;
}

#TimeClock {
	width: 95%;
    float:left;
}

#TimeClockEmail {
	width: 95%;
    float:left;
}

#Login {
	width: 95%;
    float:left;
}

#LoginEmail {
	width: 95%;
    float:left;
}

#ChangePassword {
	width: 95%;
    float:left;
}

#divMainTimeClock {
	width: 32%;
    height: 57%;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    float:left;
    padding:2px;
}

#divMainLogin {
	width: 32%;
    height: 27%;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
    float:left;
    padding:0px;
}

#divMain {
    margin:auto;
    float:left;
    padding:0px;
}

/*#HomePage1 {
	width: 775px;
	float: left;
	margin: 0px 0px 0px;
    padding: 0px;
}*/

#HomePage2 {
    width:1550px;
	float: left;
	margin: 0px 0px 0px;
    /*padding: 0px 0px 2px 2px;*/
    padding: 0px;
}

#HomePage3 {
	width: 515px;
	float: left;
	margin: 0px 0px 0px;
    /*padding: 0px 1px 0px 0px;*/
    padding: 0px 0px 0px 0px;
}

#HomePage4 {
	width: 515px;
	float: left;
	margin: 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#HomePage5 {
	width: 515px;
	float: none;
	margin: 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#TSDocumentListButton1 {
    width:350px;
	float: left;
	margin: 3px 0px 0px;
}

#TSDocumentListButton2 {
    width:870px;
	float: right;
	margin: 3px 0px 0px;
}

#PODocumentListButton1 {
    width:350px;
	float: left;
	margin: 3px 0px 0px;
}

#PODocumentListButton2 {
    width:955px;
	float: right;
	margin: 3px 0px 0px;
}

#PODocumentListButton3 {
    width:250px;
	float: left;
	margin: 3px 150px 0px;
}

#POReceivingList1 {
    width:108px;
	float: left;
	margin: 3px 0px 0px;
}

#POReceivingList2 {
    width:208px;
	float: right;
	margin: 3px 0px 0px;
}

#POVendorMaintenance {
    width:206px;
	float: right;
	margin: 3px 0px 0px;
}

#POQueryCOA {
    width:103px;
	float: right;
	margin: 3px 0px 0px;
}

#POPunchOutRadioButtonList {
	width: 580px;
	float: left;
	margin: 0px 0px 0px;
}

#POApprovalButtonsList1 {
    width:150px;
	float: left;
	margin: 3px 0px 0px;
}

#POApprovalButtonsList2 {
    width:310px;
	float: right;
	margin: 3px 0px 0px;
}

#PODocumentSearchButtonsList1 {
    width:350px;
	float: left;
	margin: 3px 0px 0px;
}

#PODocumentSearchButtonsList2 {
    width:760px;
	float: right;
	margin: 3px 0px 0px;
}

#InvStockLevelButtonsList1 {
    width:220px;
	float: left;
	margin: 3px 0px 0px;
}

#InvStockLevelButtonsList2 {
    width:340px;
	float: right;
	margin: 3px 0px 0px;
}

#TSEntryByRow1 {
	width: 365px;
	float: left;
	margin: 0px 10px 10px;
}

#TSEntryByRow2 {
	width: 365px;
	float: left;
	margin: 0px 10px 10px;
}

#TSEntryByRow3 {
	width: 355px;
	float: left;
	margin: 0px 10px 10px;
}

#TSEntryByRow4 {
	width: 500px;
	float: left;
	margin: 0px;
    padding:0px;
    
}

#TSClockHistoryDate1 {
	width: 130px;
	float: left;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#TSClockHistoryDate2 {
	width: 130px;
	float: left;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#TSClockHistoryButton1 {
	width: 10px;
	float: left;
	margin: 12px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#TSClockHistoryButton2 {
	width: 10px;
	float: left;
	margin: 12px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#TSClockHistoryButton3 {
	width: 102px;
	float: right;
	margin: 0px 0px 0px;
    padding-top:3px;
}

#EmpPayStubPayDate {
	width: 280px;
	float: left;
	margin: 0px 0px 2px;
}

#EmpPayStubGridview {
	width: 1500px;
	float: left;
	margin: 0px 0px 0px;
}

#EmpPayStubButtons {
    width:419px;
	float: right;
	margin: 3px 0px 0px;
}

#EmpPayStubDivGvwPayStub {
    float:left; 
    width:51%;
}

#EmpPayStubDivGvwLeaveInformation {
    float:left; 
    padding-left:1px; 
    margin-right:0%; 
    margin-top:0%;
    width:48%;
}


#TSInOutBoardFilter {
	width: 280px;
	float: left;
	margin: 0px 0px 2px;
}

#TSInOutBoardGridview {
	width: 1720px;
	float: left;
	margin: 0px 0px 0px;
}

#TSInOutBoardButtons {
    width:114px;
	float: right;
	margin: 3px 0px 0px;
}


#TSManualPunch1 {
	width: 280px;
	float: left;
	margin: 0px 0px 0px;
    padding-bottom:5px;
}

#TSManualPunch2 {
	width: 280px;
	float: left;
	margin: 0px 0px 0px;
}

#TSManualPunch3 {
	width: 280px;
	float: left;
	margin: 0px 0px 0px;
}

#divTSManualPunchUDF1 {
	width: 100%;
	float: left;
	margin: 0px 0px 0px;
}

#divTSManualPunchUDF2 {
	width: 100%;
	float: left;
	margin: 0px 0px 0px;
}

#TSManualPunch4 {
	width: 910px;
	float: left;
	margin: 0px 0px 0px;
}

#TSManualPunchButtons {
    width:205px;
	float: right;
	margin: 3px 0px 0px;
}

#LiveClock {
    width:100%;
    float:left;
    font-size:large;
    font-weight:bold;
    
}

#LightMasterHeading1 {
    width:400px;
    float:left;
}

#LightMasterHeading2 {
    width:50px;
    float:right;
}


#TSApprovalButton1 {
    width:100px;
	float: left;
	margin: 3px 0px 0px;
}

#TSApprovalButton2 {
    width:790px;
	float: right;
	margin: 3px 0px 0px;
}

#TSApprovalButton3 {
    width:210px;
	float: right;
	margin: 3px 0px 0px;
}

#TSStatus {
	width: 145px;
	float: left;
	margin: 0px 0px 2px;
}

#TSStatusButtons {
    width:313px;
	float: right;
	margin: 2px 0px 0px;
}

#ApproveLeaveButtons {
    width:442px;
	float: right;
	margin: 3px 0px 0px;
}

#ApproveLeaveScheduler1 {
	width: 280px;
	float: left;
	margin: 0px 0px 10px;
}

#ApproveLeaveScheduler2 {
	width: 80px;
	float: left;
	margin: 0px 0px 0px;
}

#ApproveLeaveScheduler3 {
	width: 80px;
	float: left;
	margin: 0px 0px 0px;
}

#ApproveLeaveScheduler4 {
	width: 80px;
	float: left;
	margin: 0px 0px 0px;
}

#PTS1 {
	width: 280px;
	float: left;
	margin: 0px 0px 30px;
}

/*#PTS2 {
	width: 280px;
	float: left;
	margin: 0px 0px 30px;
}*/

#PTS3 {
	width: 280px;
	float: left;
	margin: 0px 0px 0px;
}

#PTSButtons {
    width:685px;
	float: right;
	margin: 3px 0px 0px;
}

#ClockEntriesButtons {
    width:103px;
	float: right;
	margin: 3px 0px 0px;
}

#TSSelectPayDate1 {
	width: 280px;
	float: left;
	margin: 0px 0px 10px;
}

#TSSelectPayDate2 {
	width: 280px;
	float: left;
	margin: 0px 0px 10px;
}

#TSSelectPayDate3 {
	width: 340px;
	float: left;
	margin: 0px 0px 10px;
}

#TSSelectPayDateButtons {
    width:280px;
	float: left;
	margin: 3px 0px 0px;
}


#POSelectDocumentType1 {
	width: 400px;
	float: left;
	margin: 0px 0px 3px;
}

#POSelectDocumentType2 {
	width: 400px;
	float: left;
	margin: 0px 0px 3px;
}

#POSelectDocumentType3 {
	width: 400px;
	float: left;
	margin: 0px 0px 3px;
}

#POSelectDocumentType4 {
	width: 400px;
	float: left;
	margin: 0px 0px 6px;
}

#POSelectDocumentType5 {
	width: 400px;
	float: left;
	margin: 0px 0px 6px;
}

#POSelectDocumentTypeButtons {
    width:400px;
	float: left;
	margin: 0px 0px 0px;
}

#POCopyRequisitionButtons {
    width:217px;
	float: right;
	margin: 3px 0px 0px;
}

#POFaxButtons {
    width:500px;
	float: right;
	margin: 3px 0px 0px;
}

#SendEmail {
	width: 450px;
	float: left;
	margin: 0px 0px 5px;
}

#SendEmailButtons {
    width:240px;
	float: right;
	margin: 3px 0px 0px;
}

#AuditTrailComments {
	width: 550px;
	float: left;
	margin: 3px 0px 0px;
}

#AuditTrailButtons {
    width:320px;
	float: right;
	margin: 3px 0px 0px;
}

#AttachmentUpload {
	width: 400px;
	float: left;
	margin: 0px 0px 2px;
}

#AttachmentButtons {
    width:514px;
	float: right;
	margin: 3px 0px 0px;
}

#POReportsName {
	width: 370px;
	float: left;
	margin: 0px 0px 3px 6px;
    padding:0px;
}

#POReportsLayout {
	width: 200px;
	float: left;
	margin: 0px 0px 3px 6px;
    padding:0px;
}

#POReportsDateFilter {
	width: 800px;
	float: left;
	margin: 0px 0px 3px 6px;
    padding:0px;
}

#POReportsCustomizationButton {
    width: 300px;
    float: left;
    margin: 0px 0px 0px 6px;
    padding: 0px;
}

#POReportsDateFilterFromDate {
    float:left; 
    padding-bottom:12px; 
    width:80px;
}

#POReportsDateFilterToDate {
    float:left;
    margin-right:10px; 
    margin-top:0%; 
    padding-bottom:12px; 
    width:80px;
}

#POReportsDateFilterButtonsFind {
	float:left;
    margin-right:10px; 
    margin-top:10px; 
    padding-bottom:12px; 
    width:100px;
}

#POReportsDateFilterButtonsPrint {
	float:left;
    margin-right:10px; 
    margin-top:10px; 
    padding-bottom:12px; 
    width:100px;
}

#POReportsDateFilterButtonsPrintOption {
	float:left;
    padding-bottom:12px; 
    width:100px;
}

#POReportsButtons {
    width:364px;
	float: right;
	margin: 5px 0px 0px;
}

#TSHReportsName {
	width: 370px;
	float: left;
	margin: 0px 0px 3px 6px;
    padding:0px;
}

#TSHReportsLayout {
	width: 200px;
	float: left;
	margin: 0px 0px 3px 6px;
    padding:0px;
}

#TSHReportsDateFilter {
	width: 650px;
	float: left;
	margin: 0px 0px 3px 6px;
    padding:0px;
}

#TSHReportsCustomizationButton {
    width: 300px;
    float: left;
    margin: 0px 0px 0px 6px;
    padding: 0px;
}

#TSHReportsDateFilterFromDate {
    float:left; 
    padding-bottom:12px; 
    width:80px;
}

#TSHReportsDateFilterToDate {
    float:left;
    margin-right:10px; 
    margin-top:0%; 
    padding-bottom:12px; 
    width:80px;
}

#TSHReportsDateFilterButtonsFind {
	float:left;
    margin-right:10px; 
    margin-top:10px; 
    padding-bottom:12px; 
    width:100px;
}

#TSHReportsDateFilterButtonsPrint {
	float:left;
    margin-right:10px; 
    margin-top:10px; 
    padding-bottom:12px; 
    width:100px;
}

#TSHReportsButtons {
    width:364px;
	float: right;
	margin: 5px 0px 0px;
}


#BudgetQueryDateFilter {
	width: 1750px;
	float: left;
	margin: 0px 0px 3px 6px;
}

#BudgetQueryDateFilterFromDate {
    float:left; 
    padding-bottom:12px; 
    width:30%;
}

#BudgetQueryDateFilterToDate {
    float:left;
    margin-right:0%; 
    margin-top:0%; 
    padding-bottom:12px; 
    width:30%;
}

#BudgetQueryDateFilterWorkflow {
	float:left;
    margin-right:0%; 
    margin-top:0%; 
    padding-bottom:12px; 
    width:40%;
}

#BudgetQueryButtons {
    width:624px;
	float: right;
	margin: 5px 0px 0px;
}

#POReceivingButtons {
	width: 560px;
	float: left;
	margin: 10px 0px 10px;
    padding:0px;
    position:absolute;
}

#POReceivingDocumentInformation {
	width: 655px;
	float: left;
	margin: 3.5% 0% 0% 0%;
    padding:3px;
}

#POReceivingDocumentInformation1 {
	width: 60%;
	float: left;
    margin-right:5px;
    margin-bottom:10px;
}

#POReceivingDocumentInformation2 {
	width: 35%;
	float: left;
    margin-bottom:10px;
}

#POReceivingComments {
	width: 455px;
    height:168px;
	float: left;
	margin: 3.5% 0% 0% 0%;
    padding-left:5px;
}

#POReceivingVendorInfo {
	width: 280px;
    height:168px;
	float: left;
	margin: 3.5% 0% 0% 0%;
    padding-left:5px;
}

#POReceivingBillingInfo {
	width: 280px;
    height:168px;
	float: right;
	margin: 3.5% 0% 0% 0%;
    padding-left:5px;
}

#ApprovalSubstitution {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#ApprovalSubstitutionAllOtherInfoButtons {
	float: right;
	margin: 5px 0px 0px;
}

#TimeClockEntries1 {
	width: 280px;
	float: left;
	margin: 0px 0px 3px;
}

#TimeClockEntries2 {
	width: 280px;
	float: left;
	margin: 0px 0px 0px;
}

#TimeClockEntries3 {
	width: 280px;
	float: left;
	margin: 0px 0px 0px;
}

#TimeClockEntriesButtons {
    width:698px;
	float: right;
	margin: 3px 0px 0px;
}

#POEntryButtons {
	width: 620px;
	float: left;
	margin: 0px;
    padding:0px 0px 0px 0px;
}

#POEntryDocType {
	width: 500px;
	margin-top: 0px;
    margin-left:0px;
    padding:0px;
}

#POEntryDocumentInfo {
    width:1600px;
    float:left;
    margin:0px;
    padding-right:5px;
}

#POEntryDocNo {
    float:left;
    margin:0px 10px 10px 0px;
}

#POEntryWorkflowBillToShipTo {
    float:left;
    margin:0px 10px 10px 0px;
}

#POEntryVendorInfo {
    height:210px;
    float:left;
    margin:0px 5px 5px 0px;
}

#POEntryReason {
    float:left;
    margin:0px 10px 10px 0px; 
    padding: 0px;
}

#POEntryUDF {
    width:450px;
    float:left;
    padding: 0px 5px 5px 0px;
    /*position:absolute; z-index:auto"*/
}

#POEntryDocNoDescription {
    width:110%;
    float:left;
}

#POOFXLoginCredentials {
    width: 455px;
    float: left;
    margin: 3.5% 0% 0% 0%;
    padding: 3px;
}

#POOFXBillingStatementPeriod {
    width: 455px;
    height: 200px;
    float: left;
    margin: 3.5% 0% 0% 0%;
    padding-left: 5px;
}

#POOFXCreateDocumentWithStatementInfo {
    width: 455px;
    height: 200px;
    float: left;
    margin: 3.5% 0% 0% 0%;
    padding-left: 5px;
}

#POOFXStatementInfo {
    width: 750px;
    float: left;
    padding: 0px 5px 5px 0px;
    /*position:absolute; z-index:auto"*/
}


#EmployeeInfo {
    width:1570px;
    float:left;
    margin:0px;
}

#EmployeeName {
    width:375px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeAddress {
    width:475px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeOtherDetails {
    width:auto;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeDemographicInfo {
    width:270px;
    float:left;
    margin:0px;
}

#EmployeeDemographicInfo1 {
    width:115px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeDemographicInfo2 {
    width:105px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeImportantDates {
    width:270px;
    float:left;
    margin:0px;
}

#EmployeeImportantDates1 {
    width:105px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeImportantDates2 {
    width:105px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeEmergencyContact {
    width:516px;
    float:left;
    margin:0px;
}

#EmployeeEmergencyContact1 {
    width:228px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeEmergencyContact2 {
    width:228px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeDriverLicense {
    width:516px;
    float:left;
    margin:0px;
}

#EmployeeDriverLicense1 {
    width:228px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeDriverLicense2 {
    width:228px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeePayrollInfo {
    width:1570px;
    float:left;
    margin:0px;
}

#EmployeePayrollInfo1 {
    width:375px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeePayrollInfo2 {
    width:475px;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeePayrollInfo3 {
    width:auto;
    float:left;
    margin:0px 10px 10px 0px;
}

#EmployeeInfoButtons {
    width:200px;
	float: right;
    padding-top:3px;
	margin: 0px 0px 0px;
}


#BDDocumentListButton1 {
    width:150px;
	float: left;
	margin: 3px 0px 0px;
}

#BDDocumentListButton2 {
    width:790px;
	float: right;
	margin: 0px 0px 0px;
}


#BDEditButtons {
	width: 560px;
	float: left;
	margin: 0px 0px 3px;
    padding:0px 0px 0px 0px;
}

#BDEditDocumentInfo {
    width:1560px;
    float:left;
    margin:0px;
    padding-right:5px;
}

#BDEditDocNo {
    width:450px;
    float:left;
    margin:0px 10px 10px 0px;
}

/*#BDEditDocNoDescription {
    width:110%;
    float:left;
}*/

#BDEditWorkflow {
    width:180px;
    float:left;
    margin:0px 0px 0px 0px;
}

#BDEditNewBudget {
    width:180px;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
}

#BDEditPreviousBudget {
    width:180px;
    float:left;
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 10px;
}

#BDEditComments {
    width:300px;
    float:left;
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 10px;
}

.label {
    font-size:small;
    font-weight: bold;      
}
.labelMedium {
    font-size:small;
    font-weight: 600;      
}
.MsgLabel {
    font-size:small;
    font-weight: normal;
}
.text {
    font-size:small;
}
.textDocumentList {
    font-size:small;
}
.Gridtext {
    font-size:small;
}
.textPassword {
    font-size:small;
    -webkit-text-security: disc;
}
.combo {
    font-size: small;
}
.link {
    font-size: small;
    /*font-weight: bold;*/
    text-decoration: underline;
}

.button {
    font-size:small;
    font-weight: bold;
}

#TSEntryByRow4 div.dxb
{
       /*padding-bottom:0px!important;*/
       padding-left:8px!important;
       padding-right:8px!important;
       /*padding-top:0px!important;*/
}

.RoundPanel {
    font-size:small;
    font-weight: 600;
}

.LeaveRequestminWidthNotes {
    min-width: 130px;
}

.LeaveRequestminWidthApprovedDate {
    min-width: 155px;
}

.LeaveRequestminWidthSubmittedDate {
    min-width: 155px;
}

.TSDocumentListminWidthDocumentDescription {
    min-width: 250px;
}

.TSStatus {
    min-width: 250px;
}

.TSEmployee {
    min-width: 200px;
}

.TSLongDateWords {
    min-width: 120px;
}

.TSHDocumentDescription {
    min-width: 260px;
}

.TSEmployeePayStubType {
    min-width: 200px;
}

.TSStatusShort {
    min-width:100px;
}

.DocumentStatus {
    min-width:150px;
}

.Workflow {
    min-width:90px;
}

.TSApproveLeaveComments {
    min-width:200px;
}

.TSDate {
    min-width:155px;
}

.TSDateWithoutTime {
    min-width:90px;
}

.TSLongDate {
    min-width:170px;
}

.TSTime {
    min-width:95px;
}

.TSNotes {
    min-width:275px;
}

.TSChargeID {
    min-width:80px;
}

.TSPayrollID {
    min-width:60px;
}

.TSPayType {
    min-width:60px;
}

.TSPayCode {
    min-width:60px;
}

.TSLastName {
    min-width:100px;
}

.TSFirstName {
    min-width:100px;
}

.TSShiftCode {
    min-width:90px;
}

.TSDescriptionShort {
    min-width:120px;
}

.TSDescription {
    min-width:180px;
}

.UserName {
    min-width:180px;
}

.PODocumentNo {
    min-width: 120px;
}

.POType {
    min-width: 170px;
}

.POUserName {
    min-width: 130px;
}

.PODocumentDescription {
    min-width: 240px;
}

.POVendorName {
    min-width: 180px;
}

.POAddress {
    min-width: 200px;
}

.POShortTitle {
    min-width: 120px;
}

.POTitle {
    min-width: 160px;
}

.POApprovalLastApproval {
    min-width: 220px;
}

.POPrice {
    min-width:95px;
}

.POSegment {
    min-width:60px;
}

.PODescription {
    min-width:200px;
}

.CPU {
    min-width:60px;
}

.ProcessingGroup {
    min-width:120px;
}