/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
List View Styling      */
.TableLv
{
    background-color: #EEEEEE;
}
.TrUnderlineRow
{ background-color: #E4E4E4;
}
/*##########   Header Styles   ##########*/
.ThLeft
{
    text-align: left;
}
.ThLeft_8pt
{
    text-align: left;
    font-size:8pt;
}
.ThCenter
{
    text-align: center;
}
.ThCenter_8pt
{
    text-align: center;
    font-size:8pt;
}
.ThRight
{
    text-align: right;
}
.ThHide
{
   width: 0px;
   visibility:hidden; 
   padding: 0px;
   margin:0px;
}
.ThLeftInOut
{
    text-align: left;
    font-family: Verdana;
    font-size: large;
    color: #000000;
    font-weight: bold;
}
.ThCtr_Btm
{
    text-align: center;
    vertical-align: bottom;
}
.Hidden
{
    border-style: none;
    padding: 0px;
    margin: 0px;
    background-color: #FFFFFF;
}
/*##########   Table Data Styles   ##########*/
.TdLeft
{
    text-align: left;
}

.TdCenter
{
    text-align: center;
}
.TdRight
{
    text-align: right;
}
.TdLeft_8pt
{
    text-align: left;
    font-size:8pt;
}

.TdCenter_8pt
{
    text-align: center;
    font-size:8pt;
}
.TdRight_8pt
{
    text-align: right;
    font-size:8pt;
}
.hypAccNo
{
    text-decoration:none;
    font-weight:bold;
}

/*##########   Table Row Styles   ##########*/
.TrItem
{
    background-color: #f0f8fe;
    color: #666;
}
.TrEdit
{
    background-color: #C6E2FF;
    color: #666;
}
.TrInsert
{
    background-color: #FFF8B9;
    color: #666;
}
/*##########   Label/Textbox Styles   ##########*/
.lvSearch_xxSmall
{font-size: xx-small;
}
.lblInOut
{
    font-family: Verdana;
    font-size: large;
    color: #666;
    font-weight: bold;
}
.LvSmallFont
{
font-size:8pt;
margin:0 0 0 .5px;
}
/*###############################################*/
.btnClockIn
{
    background-position: 0px 0px;
    background-image: url('/Images/ClockIn.png');
    width: 55px;
    height: 40px;
    background-repeat: no-repeat;
    float: left;
}
.btnClockIn:hover
{
    background-position: 0px -40px;
}
.btnClockIn:active
{
    background-position: 0px -80px;
}
.btnIn
{
    background-position: 0px 0px;
    background-image: url('/Images/In.png');
    width: 55px;
    height: 40px;
    background-repeat: no-repeat;
    float: left;
}
.btnIn:hover
{
    background-position: 0px -40px;
}
.btnIn:active
{
    background-position: 0px -80px;
}
.btnClockOut
{
    background-position: 0px 0px;
    background-image: url('/Images/ClockOut.png');
    width: 55px;
    height: 40px;
    background-repeat: no-repeat;
    float: left;
}
.btnClockOut:hover
{
    background-position: 0px -40px;
}
.btnClockOut:active
{
    background-position: 0px -80px;
}
.btnOut
{
    background-position: 0px 0px;
    background-image: url('/Images/Out.png');
    width: 55px;
    height: 40px;
    background-repeat: no-repeat;
    float: left;
}
.btnOut:hover
{
    background-position: 0px -40px;
}
.btnOut:active
{
    background-position: 0px -80px;
}
.txtTimeEntry {
    width: 50px;
    margin-left: 5px;
    text-align: right;
    resize: none;
}
.txtClock
{
    width: 140px;
    height: 40px;
    font-size: x-small;
    resize:none;
}