html, body
{
    height: 100%;
    width: 100%;
}
a:link
{
    color: rgb(0,114,188);
    text-decoration: none;
}
a:visited
{
    color: rgb(0,114,188);
    text-decoration: none;
}
a:active
{
    color: rgb(0,114,188);
    text-decoration: none;
}

body
{
    font-family: Arial;
    font-size: 12px;
    color: rgb(0,0,0);
    bckground-color: rgb(200,200,200);
    background-image: url('images/bg.gif');
    margin: 0px 0px 0px 0px;
}
.modal_Background /*Job Setup Document Headers*/
{
    background-color: #000000;
    filter: alpha(opacity=30);
    opacity: 0.7;
    padding: 5px;
    font-style: italic;
    color: #376091;
}
table
{
    font-family: Arial;
    font-size: 12px;
    color: rgb(0,0,0);
    bckground-color: rgb(0,0,0);
}

.tborder
{
    border: 1px solid #E8E8E8;
    border-collapse: collapse;
}


.th
{
    background-color: rgb(51,102,153);
    font-family: Arial, Verdana;
    font-weight: bold;
    font-size: 12px;
    color: rgb(255,255,255);
    height: 20px;
    text-align: center;
    padding: 5px 5px 5px 5px;
}


.th-subscription
{
    background-color: rgb(51,102,153);
    font-family: Arial, Verdana;
    font-weight: bold;
    font-size: 12px;
    color: rgb(255,255,255);
    height: 20px;
    text-align: left;
    padding: 5px 5px 5px 5px;
}
.tch
{
    background-color: rgb(200,200,200);
    font-family: Arial, Verdana;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: rgb(0,0,0);
    height: 20px;
}

.tc3
{
    font-weight: normal;
    background-color:#d6d6d6;
    font-family: Arial, Verdana;
    font-style: normal;
    font-size: 12px;
    color: rgb(0,0,0);
}

.tc4
{
    font-weight: normal;
    background-color:#a3a3a3;
    font-family: Arial, Verdana;
    font-style: normal;
    font-size: 12px;
    color: rgb(0,0,0);
}

.tc5
{
    font-weight: normal;
    background-color: rgb(225,225,225);
    font-family: Arial, Verdana;
    font-style: normal;
    font-size: 12px;
    color: rgb(0,0,0);
    height: 20px;
}

.tc
{
    font-weight: normal;
    background-color: rgb(225,225,225);
    font-family: Arial, Verdana;
    font-style: normal;
    font-size: 12px;
    color: rgb(0,0,0);
    
}

.tc1
{
    font-weight: normal;
    background-color: rgb(245,245,245);
    font-family: Arial, Verdana;
    font-style: normal;
    font-size: 12px;
    color: rgb(0,0,0);
}
.tchead
{
    background-color: rgb(240,240,240);
}


.tc2
{
    background-color: rgb(255,255,255);
    font-family: Arial, Verdana;
    font-style: normal;
    font-size: 12px;
    color: rgb(0,0,0);
}

p
{
    text-align: justify;
    line-height: 150%;
}
.hd
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: rgb(200,0,0);
}

.shd
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: rgb(24,123,178);
}

.lfthd
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: rgb(200,0,0);
}

.err
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: rgb(200,0,0);
}

.errgreen
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: Green;
}


.topbar
{
    bckground-color: rgb(51,102,153);
    background-image: url('images/bg-top.gif');
    font-family: Trebuchet MS;
    font-size: 22px;
    font-weight: bold;
    color: rgb(255,255,255);
}

.bottom
{
    bckground-color: rgb(240,240,240);
    background-image: url('images/bg-bottom.gif');
    font-family: Arial;
    font-size: 11px;
    color: rgb(0,0,0);
}

.tb
{
    font-family: Arial;
    font-size: 11px;
    color: rgb(0,0,0);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200,200,200);
    background-color: rgb(250,250,250);
}
.tbnum
{
    font-family: Arial;
    font-size: 11px;
    color: rgb(0,0,0);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200,200,200);
    background-color: rgb(250,250,250);
    text-align: right;
    width: 50px;
}
.tb1
{
    font-family: Arial;
    font-size: 11px;
    color: rgb(0,0,0);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200,200,200);
    background-color: rgb(250,250,250);
    width: 200px;
}
.tb2
{
    font-family: Arial;
    font-size: 12px;
    color: rgb(0,0,0);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200,200,200);
    background-color: rgb(250,250,250);
    width: 300px;
}

/*text editor classes*/
.texteditor
{
    width: 500px;
    height: 200px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200,200,200);
}

.texteditor .ajax__htmleditor_editor_toptoolbar
{
    background-color: #f0f0f0;
    padding: 0px 0px 2px 2px;
    border-bottom-width: 1px;
    border-bottom: 1px solid rgb(200,200,200);
}
.texteditor .ajax__htmleditor_editor_bottomtoolbar
{
    background-color: #f0f0f0;
    padding: 0px 0px 2px 2px;
    border-top: 1px solid rgb(200,200,200);
}

/**end*********/

.buttn
{
    font-family: Arial;
    font-size: 11px;
    color: rgb(255,255,255);
    background-color: rgb(51,102,153);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255,255,255);
}
.linkbtn
{
    font-family: Arial;
    font-size: 11px;
    color: rgb(255,255,255);
    background-color: rgb(51,102,153);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255,255,255);
    padding: 2px 3px 2px 3px;
}
ul
{
    list-style-image: url('images/list-bullet.gif');
}

.dg
{
    vertical-align: top;
    padding: 2px 4px 2px 4px;
    text-align: left;
    border-bottom: solid 1px #ffffff;
}
.pg
{
    padding-right: 20px;
}
.hold
{
    background-color: #ffff99;
}
.internalmemo
{
    background-color: #d7fad7;
}
.inresult
{
    background-color: #ffe5fb;
}
.rfc
{
    background-color: #dfd2fb;
}
.hidecontrol
{
    display: none;
}
.lbl
{
    border: 0px solid #bab7b7;
    font-family: Arial;
    font-size: 12px;
    background-color: Transparent;
}
.th1
{
    background-color: rgb(51,102,153);
    font-family: Arial, Verdana;
    font-weight: bold;
    font-size: 12px;
    color: rgb(255,255,255);
    height: 20px;
    text-align: left;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}
.h1
{
    font-family: Arial Narrow;
    font-size: 21px;
    font-weight: bold;
    color: #2558a1;
    text-transform: uppercase;
    border: 1px dotted #2558a1;
    border-width: 0px 0px 1px 0px;
    margin-bottom: 0px;
}
.gall
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: rgb(255,255,255);
    height: 20px;
}


a.tab-nav:link, a.tab-nav:visited, a.tab-nav:active
{
    color: #333333;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    background: #dcdcdc;
    padding: 5px 8px 5px 8px;
    line-height: 25px;
    height: 25px;
}

a.tab-nav:hover
{
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    background: #336699;
    padding: 5px 8px 5px 8px;
    line-height: 25px;
    height: 25px;
}

a.tab-navmo:link, a.tab-navmo:visited, a.tab-navmo:active
{
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    background: #336699;
    padding: 5px 8px 5px 8px;
    line-height: 25px;
    height: 25px;
}

a.tab-navmo:hover
{
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    background: #336699;
    padding: 5px 8px 5px 8px;
    line-height: 25px;
    height: 25px;
}

/*---------------------------------------------------------------------------*/
/*------------------------------Search style starts-------------------------*/

a.pagging:link, a.pagging:visited, a.pagging:active
{
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    _background-color: #cecece;
    background-color: #f2f2f2;
    color: #000;
    border: 1px solid #cecece;
    width: 20.5px;
    height: 20.5px;
    line-height: 20px;
    text-align: center;
    margin: 0px 5.6px 9px 0px;
    text-decoration: none;
}
a.pagging:hover
{
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    background-color: #cecece;
    color: #000;
    border: 1px solid #cecece;
    width: 20.5px;
    height: 20.5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0px 5.6px 9px 0px;
    text-decoration: none;
}


a.pagging-mo:link, a.pagging-mo:visited, a.pagging-mo:active
{
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    background-color: #cecece;
    color: #fff;
    border: 1px solid #cecece;
    width: 20.5px;
    height: 20.5px;
    line-height: 20px;
    text-align: center;
    margin: 0px 5.6px 9px 0px;
    text-decoration: none;
}
a.pagging-mo:hover
{
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    background-color: #cecece;
    color: #fff;
    border: 1px solid #cecece;
    width: 20.5px;
    height: 20.5px;
    line-height: 20px;
    text-align: center;
    margin: 0px 5.6px 9px 0px;
    text-decoration: none;
}

/*------------------------------Search style ends-------------------------*/
/*-----------------------------------------------------------------------*/

.highlightRow
{
    background-color: #FFFFAA;
}


/*---------------------------------------------------------------------------*/
/*------------------------------Calender style starts-------------------------*/

.calender
{
    background: #f2f2f2;
    padding: 2px 0px 2px 0px;
    border: 1px solid #cecece;
    margin: 1px;
}

.travel
{
    background: #F7F8AD;
    padding: 2px 0px 2px 0px;
    border: 1px solid #cecece;
    margin: 1px;
}

.leave
{
    background: #B3F6AC;
    padding: 2px 0px 2px 0px;
    border: 1px solid #cecece;
    margin: 1px;
}

.holiday
{
    background: #FF0000;
    padding: 2px 0px 2px 0px;
    border: 1px solid #cecece;
    margin: 1px;
}

.business-visit
{
    background: #EE82EE;
    padding: 2px 0px 2px 0px;
    border: 1px solid #cecece;
    margin: 1px;
}

.pending
{
    background: #f2f2f2;
    padding: 2px 0px 2px 0px;
    border: 1px solid #cecece;
    margin: 1px;
    font-weight: bold;
}

.in-office
{
    background: #B4E1F8;
    padding: 2px 0px 2px 0px;
    border: 1px solid #cecece;
    margin: 1px;
    font-weight: bold;
}


a.link:link
{
    color: rgb(50,50,50);
    text-decoration: none;
}
a.link:visited
{
    color: rgb(50,50,50);
    text-decoration: none;
}
a.link:active
{
    color: rgb(50,50,50);
    text-decoration: none;
}
a.link:hover
{
    color: rgb(0,0,0);
    text-decoration: none;
}

/*------------------------------Calender style ends-------------------------*/
/*-----------------------------------------------------------------------*/
a.black:link, a.black:visited, a.black:active
{
    color: #ffffff;
    text-decoration: none;
    padding: 2px 6px 2px 6px;
    background: rgb(51,102,153);
}

a.black:hover
{
    color: #ffffff;
    text-decoration: underline;
    padding: 2px 6px 2px 6px;
    background: rgb(51,102,153);
}

.pass
{
    color: #ccc;
}

.leftdiv
{
    background-image: url(images/left-div.gif);
    background-position: center;
    background-repeat: no-repeat;
    line-height: 1px;
}

.autocompleteloader
{
    background-image: url('images/loader.gif');
    background-repeat: no-repeat;
    background-position: right;
}

.hr
{
    border:1px solid #ccc;
    line-height:1px;
    border-width:1px 0px 0px 0px;
}