/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* Body CSS */
body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url('../SiteImages/body-bg.gif');
    background-repeat: repeat;
    font-family: Verdana;
}   
img
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    height: 25px;
}
.leftrignt_border
{
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
}
.navpattarn
{
    background-image: url('../SiteImages/body-bg.gif'); /*background-color: #CDCDCD;*/
}

.navpattarn_nav
{
    background-image: url('SiteImages/pattern-dots.png');
    background-color: #fff;
}
.blue-gridient
{
    background-color: #4B7DA4;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* Button CSS */
.buttonDiv
{
    width: 100%;
    margin: auto;
    height: 42px;
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
} 
.buttonDiv2
{
    width: 100%;
    margin: auto;
    height: 38px;
    background: #8db5d9;
    background: -webkit-gradient(linear, left top, left bottom, from(#a3bdda), to(#e6eef7) );
    background: -moz-linear-gradient(-90deg, #a3bdda, #e6eef7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a3bdda', endColorstr='#e6eef7');
}
.buttonUser
{
    padding: 5px 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    float: left;
    display: block;
    border: 1px solid #999999;
    margin-left: 6px;
    width: auto;
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: #4477a1;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

.btn-slide
{
    padding: 5px 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    float: none;
    display: block;
    border: 1px solid #999999;
    margin-left: 6px;
    width: auto;
    margin: auto;
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.buttonIcon
{
    width: 32px;
    height: 32px;
    font-size: 22px;
    font-weight: bold;
    color: White;
    text-align: center;
    vertical-align: top;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3019 33%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff3019 33%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff3019 33%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff3019 33%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff3019 33%,#cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

/*CSS For Radio Buttons*/
.radioButton
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    text-align: left;
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* Tab  and Table CSS */

.TabPageDiv
{
    width:100%;
    margin: auto;
    height: 42px;
    background: #4477a1;
    border-radius: 17px 17px 0px 0px;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #4c7da5;
    border-bottom-color: #4c7da5;
    border-left-color: #4c7da5;
} 
.tableborder
{
    border-color: #C0C0C0;
    padding: 8px;
    background-color: #FFFFFF;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
}

.tdCSS
{
    padding-left: 5px;
    text-align:left;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* Footer CSS */

.copyright_text
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    text-align: center;
    padding-top: 8px;
}
.footer 
{
    font-size:13px;
}

.footer a
{
    text-decoration: none;
}

.footer a:hover
{
    text-decoration: underline;
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* Heading  CSS */

h3
{
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 5px 0px;
    color: #A8A8A8;
    font-size: 18px;
    text-decoration: none;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    display: block;
    font-family: "PT Sans Latin CE Regular" , 'Lucida Sans Unicode' ,Arial,sans-serif;
}

.headerbg
{
    background-image: url(SiteImages/top_bg3.png);
    background-repeat: repeat-x;
}
 
.welcome
{
    color: #000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.headign
{
    border-bottom: 1px solid #bfbfbf;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #376B96;
    text-decoration: none;
    text-align: left;
}
.Labelheadign
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #376B96;
    text-decoration: none;
    text-align: left;
}
/*CSS For News Heading Textbox*/
.NewsHeading-textfield
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    height: 18px;
    width: 500px;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
}
/*CSS For Datalist*/
.dataListheading
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    text-align: left;
    text-decoration: none; /* background-image: url('../SiteImages/Heading_Bg_All.png');*/
    background-repeat: repeat-x;
    background-color: #3D3D3D;
}
.HeaderRight
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
  
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #000000;
}

.HeaderLeft
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;  
    border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-width: 1px; border-color: #000000;    
}
.HeaderMiddle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #000000;
}
.headignInner
{
    border-bottom: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #3D3D3D;
  
    text-align: left;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS Code For Message label and Validation error*/

.Msg-text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none; /* text-align: left;*/
    padding-right: 6px;
}
/*CSS Code For Error Text*/
.errortext
{	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-right: 6px;
    text-align: center;    
}
/*CSS Code For Label-Bold*/
.form-Label
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: #333333;
    text-decoration: none;
    padding-right: 6px;
    text-align: right;
}
/*CSS Code For Label Text*/
.form-Lebel_Normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    padding-right: 6px;
    text-align: right;
}
/*CSS Code For Req.(*) */
.star1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-variant: normal;
    color: #FF0000;
    text-decoration: none;
    text-align: left;
}
/*CSS Code For Validator Callout Extender*/
.customCalloutStyle div, .customCalloutStyle td
{
    font-family: 'normal Verdana' ,Arial,Helvetica,sans-serif;
    border: 1px solid #FF0000;
    background-color: #ECFFAA;
    color: #FF0000;
}

 

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS Code For Textbox*/

.form-textfield
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
    width: 180px;
}
.Login-textfield
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
    width: 150px;
}
.form-textfield-cal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
    width: 160px;
}
.Pay-textfield
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-align: right;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    padding-right: 2px;
    width: 150px;
}
/*CSS Code For Normal Text*/
.form-text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    padding-right: 6px;
    text-align: right;
}
/*CSS Code For Normal Text Center*/
.form-text-center
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    padding-right: 6px;
    text-align: center;
}
/*CSS Code For Normal Text Left*/
.form-text-left
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    padding-right: 6px;
    text-align: left;
}

.form-textfieldSmaller
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    height: 20px;
    width: 60px;
    border: 1px solid #CCCCCC;
    padding-left: 1px;  
    padding-top :1px;
    padding-right :1px;
    padding-bottom :1px;   
    
}
/*CSS Code For Small Textbox*/
.form-textfieldSmall
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    height: 25px;
    width: 60px;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
}
/*CSS Code For Bold Text Align Left*/
.form-text-BoldL
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
    text-align: left;
}
/*CSS Code For Bold Text Align Right*/
.form-text-BoldR
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
    text-align: right;
}
.form-text-BoldCent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
    text-align:center;
}
.TextboxAsLabel
{
    background-color: #FFF;
    border-style: none;
    border-color: inherit;
    border-width: medium;
}
/*Textbox Watermark*/ 

.watermarked
{
    width: 180px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS Code For Gridview Design*/
.mGrid
{
    background-color: #e6f1f9;
    margin: 0px 0 0px 0;
    border: 1px solid #b3b3b3;
    border-collapse: collapse;
}
.mGrid td
{
    padding: 2px;
    border: 1px solid #b3b3b3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #4a4a4a;
    text-decoration: none;
    padding-left: 5px;
    height: 25px;
    text-align: left;
}
.mGrid th
{
    background-color: #C7D8ED; /* background-image: url('../SiteImages/Heading_Bg_All.png');*/
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    padding-left: 5px;
}
.mGrid .alt
{
    background: #FFFFFF;
    border: 1px solid #b3b3b3;
    height: 25px;
}
.mGrid .pgr
{
    background: #b3d2e6;
    border: 1px solid #b3b3b3;
    text-align: center;
}
.mGrid .pgr table
{
    margin: 5px 0;
    text-align: center;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border: 1px solid #ffffff;
    font-weight: normal;
    color: #000000;
    line-height: 12px;
    background-color: #b7d3e8;
    text-align: center;
    font-weight: bold;
    padding-right: 3px;
    padding-left: 3px;
    margin-left: 5px;
    height: auto;
    width: auto;
}
.mGrid .pgr a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5d5d5d;
    text-decoration: none;
    float: left;
    height: auto;
    width: auto;
    margin-left: 5px;
    display: block;
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
}
.mGrid .pgr a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5d5d5d;
    text-decoration: underline;
    float: left;
    height: auto;
    width: auto;
    margin-left: 5px;
    display: block;
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
}
.gridUserheading
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    padding-left: 1px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    text-align: left;
    text-decoration: none; /* background-image: url('../SiteImages/Heading_Bg_All.png');*/
    background-repeat: repeat-x;
}
.gridUserheading a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    padding-left: 3px;
}

.grdheading
{
    border: 1px solid #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 5px;
    padding-top: 7px;
    padding-right: 5px;
    padding-bottom: 7px;
    text-align: left;
    text-decoration: none;
    background-image: url('../SiteImages/header.jpg');
    background-repeat: repeat;
    font-weight: bold;
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS Code For Model Popup*/
.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
    overflow-x: hidden;
    z-index: 1000;
}
.ModalPopupBG1
{
    overflow-x: hidden;
    z-index: 1000;
}
.drag
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    background-color: #5686AE;
    cursor: move;
    z-index: 1000;
}
.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 5px;
    z-index: 1000;
}
.ProgressmodalPopup
{
    background-color: #696969;
    filter: alpha(opacity=40);
    opacity: 0.7;
    xindex: -1;
    cursor: wait;
}

.modalPopupCSS
{
    background-color: #696969;
    filter: alpha(opacity=40);
    opacity: 0.7;
    xindex: -1;
    cursor: wait;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS Code For Dropdown*/
.form-dropdownList
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    height: 18px;
    width: 183px;
    border: 1px solid #bfbfbf;
    padding-left: 1px;
}
.Login_FY_dropdown
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;  
    border: 1px solid #CCCCCC;
    padding-left: 1px;
    width: 180px;
}
.form-dropdown
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    height: 18px;
    width: 183px;
    border: 1px solid #bfbfbf;
    padding-left: 1px;
}
.form-dropdown-Large
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    height: 18px;
    width: 303px;
    border: 1px solid #bfbfbf;
    padding-left: 1px;
    margin-top: 6px;
}

.form-dropdown-small
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    height: 18px;
    width: 90px;
    border: 1px solid #bfbfbf;
    padding-left: 1px;
    margin-top: 6px;
}

/* css for list box*/

.form-listbox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    height: 150px;
    width: 180px;
    border: 1px solid #bfbfbf;
    padding-left: 1px;

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS Code For Multi Line Textbox*/
.form-multiboxNew
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
}

.form-multibox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    width: 180px;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
}
/*CSS Code For Multi Line Textbox Grid*/
.form-Gmultibox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    width: 100px;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*FieldSets Are Used In Salary Paramenter*/
.fieldset-Modal
{
   width:480px;
   height:500px;
   
}
.fieldsetAutoHiNdWid
{
    width: auto;
    height: auto;
}
.fieldset200Wid
{
    width: 170px;
    height: auto;
}

.legendWhiteBlack
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: left;
}

fieldset
{
    margin: 20px;
    padding: 0 10px 10px;
    border: 1px solid #666;
    border-radius: 8px;
    padding-top: 10px;
    width: inherit;
    border-color: #80a6ca;
}  

legend
{
    background: #FFFFFF;
    border: solid 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 0px;
    padding: 6px; /* For better legibility against the box-shadow */
    border-radius: 8px;
    color: #4678a4;
    font-weight: bold;
    border-color: #80a6ca;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
fieldset > legend
{
    float: left;
    margin-top: -20px;
    border-radius: 8px;
    padding-top: 6px;
    color: #4678a4;
    font-weight: bold;
    border-color: #80a6ca;
}
fieldset > legend + *
{
    clear: both;
}
.fieldsetWid100Per
{    border: 1px solid #A8A8A8;
    width: 97%;
    height: auto;
}   
.fieldsetWid800px
{
    border: 1px solid #A8A8A8;
    width: 800px;
    height: auto;
}
.fieldsetWid700px
{
    border: 1px solid #A8A8A8;
    width: 700px;
    height: auto;
}
.fieldsetWid750px
{
    border: 1px solid #A8A8A8;
    width: 750px;
    height: auto;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/ 
/* CSS for password*/
.VeryPoorStrength
{
    background: Red;
    color: White;
    font-weight: bold;
}
.WeakStrength
{
    background: Gray;
    color: White;
    font-weight: bold;
}
.AverageStrength
{
    background: orange;
    color: black;
    font-weight: bold;
}
.GoodStrength
{
    background: blue;
    color: White;
    font-weight: bold;
}
.ExcellentStrength
{
    background: Green;
    color: White;
    font-weight: bold;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS for progressbar*/
#overlay
{
    position: fixed;
    z-index: 99;
    top: -81146px;
    left: -27px;
    background-color: #726E6D;
    width: 100%;
    height: 15889%;
    filter: Alpha(Opacity=80);
    opacity: 0.80;
    -moz-opacity: 0.80;
}  
#progresstwo
{
    background-color: #726E6D;
    width: 110px;
    height: 24px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

#progressone
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -55px;
    color: white;
}

body > #progressone
{
    position: fixed;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS for Border*/
.AllBorder
{
    border: 1px solid #000000;
}
.PayBottomBorder
{
    border-left: 1px none #000000;
    border-right: 1px none #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px none #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
    height: 27px;
}
.TopBorder
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
    border-style: solid none none none;
    border-width: 1px;
    border-color: #000000;
}
.BarBorder
{
    border-style: solid;
    border-width: 1px;
    width: 180px;
    padding: 2px;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS for marquee*/

.MarqueeText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #5F8DB4;
    font-size: 12px;
    font-weight: bold;
}
.MarqueeText:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFCC66;
    font-size: 12px;
    font-weight: bold;
}

.MarqueeText1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
.MarqueeText1:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFCC66;
    font-size: 12px;
    font-weight: bold;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS Code For Timepicker*/
.form-timepicker
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #454545;
    text-decoration: none;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
    width: 120px;
}
.clock
{
    position: relative;
    width: 600px;
    height: 600px;
    margin: 20px auto 0 auto;
    background: url(../SiteImages/clockface.jpg);
    list-style: none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS for Payslip*/
.PayslipT
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px; 
    
}
.LeaveTD
{
    border: 1px solid #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    text-align: center;
}

.CFLeaveTD
{
    border: 1px solid #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    text-align: center;
    height:20px;
    width:50px;
}

.Rs
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    padding-left: 5px;
    text-align: left;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS for Inbox*/
.Inbox
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5B5858;
	text-decoration:none;
	display:block;
}
.Inbox:hover
{
    /*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5B5858;
	text-decoration:none;
	background-color:#DDDDDD;
	display:block;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #5B5858;
    text-decoration: none;
    background-color: #EC9F95;
    display: block;
}

.InboxText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    color: #5B5858;
    text-decoration: none;
    color: Black;
    display: block;
}
.inboxLink
{
    text-decoration:none;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* CSS For AutoComplete  */
.small-fieldset
{
    border-bottom: #21BFD4 1px solid;
    border-left: #21BFD4 1px solid;
    margin-bottom: 0px;
    border-top: #21BFD4 1px solid;
    border-right: #21BFD4 1px solid;
    padding: 10px;
    width: 350px;
    border-color: #21BFD4;
}

/* Auto Complete Text Box Extender */
 .AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 10px;
    background-color: White;
    margin-left: 0px;
}
.AutoExtenderList
{
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: Maroon;
}
.AutoExtenderHighlight
{
    color: White;
    background-color: #006699;
    cursor: pointer;
}

#divwidth
{
    width: 158px !important;
}
#divwidth div
{
    width: 158px !important;
}
#divwidth2
{
    width: 158px !important;
}
#divwidth2 div
{
    width: 158px !important;
}
#divwidth3
{
    width: 158px !important;
}
#divwidth3 div
{
    width: 158px !important;
}

#divLongwidth
{
    width: 579px !important;
}
#divLongwidth div
{
    width: 579px !important;
}
#divLongwidth1
{
    width: 555px !important;
}
#divLongwidth1 div
{
    width: 555px !important;
}
#divLongwidth2
{
    width: 555px !important;
}
#divLongwidth2 div
{
    width: 555px !important;
}

#divLongwidth3
{
    width: 555px !important;
}
#divLongwidth3 div
{
    width: 555px !important;
}

#divLongwidth4
{
    width: 300px !important;
}
#divLongwidth4 div
{
    width: 300px !important;
}

#divLongwidth5
{
    width: 400px !important;
}
#divLongwidth5 div
{
    width: 400px !important;
}
/* AutoComplete highlighted item 
.autocomplete_completionListElement 
{  
        margin : 0px!important;
        background-color : inherit;
        color : windowtext;
        border : buttonshadow;
        border-width : 1px;
        border-style : solid;
        cursor : 'default';
        overflow : auto;
        height : auto;
    text-align : left; 
    list-style-type : none;
    padding : 0px;
}
.autocomplete_highlightedListItem
{
        background-color: #ffff99;
        color: black;
        padding: 0px;
         margin:0px;
}

.autocomplete_listItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #D1D1D1;
    color: windowtext;
    padding: 0px;
    margin: 0px;
}*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* CSS FOR Calendar Control CSS*/
.CalBorder
{
    border-color: 1;
    border-style: groove;
    border-width: thin;
}
.cal_Theme1 .ajax__calendar_container
{
    background-color: #DEF1F4;
    border: solid 1px #77D5F7;
}

.cal_Theme1 .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body
{
    background-color: #ffffff;
    border: solid 1px #77D5F7;
    height: 200px;
}

.cal_Theme1 .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
color: #004080;
text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active
{
    color: #004080;
    font-weight: bold;
    background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today
{
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}


.divCorner
{
    border: 1px solid #487aa4;
    border-radius: 17px;
    color: #FFFFFF;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
}
.BOMDiv
{
    overflow: auto;
    display: none;
    position: relative;
    left: 15px;
}

.ImageCorner
{
    border:1px solid;
    border-radius:20px;
    border-color:#666666 ; 
}
input.button:hover
{
   color: Green;
}
 

.lstView
{
    width="100%";
}      


.newlink
{
    text-decoration: none;
    padding-top: 50px;
    margin-top: 50px;
    color: #fff;
    font-size: 12px;
    font-family: Verdana;
    font-weight:bold;
}
    
 .DivPadd
{
    padding-top:10px;
    text-align:center;
    border:1px solid;
    border-radius:5px;
    border-color:#666666 ; 
    height:40px;
    width:200px; 
    background-color :#A8A8A8;
    }
 .DivPadd:hover
{
    padding-top:10px;
    text-align:center;
    border:1px solid;
    border-radius:5px;
    border-color:#666666 ; 
    height:40px;
    width:200px; 
    background-color :#393939;
    color: #fff;
}

/*SearchPanel */
#panel {
	
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	/*background: url(images/btn-slide.gif) no-repeat center top;*/
}

.active 
{
	background-position: right 12px;
}





.close
{
    position:absolute; 
    right:-20px; 
    top:-25px;
}

.divCorner
{
    border: 1px solid #0099CC;  
    border-radius: 20px;
    color: #FFFFFF;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
}





.linkNew1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    padding-right: 6px;
    text-align: right;
}
 .linkNew1:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding-right: 6px;
    text-align: right;
}
.pnlDisplay
{
    display:none;
}
/*input {
	-moz-box-sizing: content-box;
	border: 1px solid #B2B2B2;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
	margin-top: 10px;
	transition: all 0.2s linear 0s;
	color:#666666;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	background-image: url(../images/star_red.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 5px;
	width: 250px;
	}
	
.input:hover {
	-moz-box-sizing: content-box;
	border: 1.5px solid #3BABD8;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 4px 0 rgba(168, 168, 168, 0.6) inset;
	margin-top: 10px;
	transition: all 0.2s linear 0s;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	background-image: url(../images/star_red.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 5px;
	width: 250px;
	}	
*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*CSS For DebitCreditLink*/
.HideDRCRLnk
{
    display: none;
    color: #FFFFFF;
}
.DRCRLnk
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    text-decoration:blink;
    padding-right: 6px;
    text-align: center;
}
.DRCRLnk:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #009933;
    text-decoration: none;
    padding-right: 6px;
    text-align: center;
}


.updateimg { background-image: url('../SiteImages/Edit.png'); background-repeat: no-repeat; display:block; }