body, td {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
}

body {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    scrollbar-base-color: #EBEBEB;
}

.BodyTable {
    background-color: #E2E2E2;
    padding: 7px;
}

.GrayBorder {
    border: 2px solid #CCCCCC;
}

.ActiveMenu {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #EBEBEB;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
}

.ActiveMenu a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
}

.ActiveMenu a:hover {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
}

.ActiveMenu a:visited {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
}

.ActiveMenu a:link {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
}

.InActiveMenu {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    cursor: hand;
}

.InActiveMenu a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.InActiveMenu a:hover {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #336699;
    text-decoration: none;
}

.InActiveMenu {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.InActiveMenu a:visited {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.InActiveMenu a:link {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.SeperateMenu {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #E5E5E5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

.ContentTable {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;

}

.BlueBorder {
    border: 1px solid #CCCCCC;
}

.GrayBorder {
    border: 1px solid #999999;
}

.HeaderBold {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #055A78;
    vertical-align: top;
    text-align: left;
    padding-left: 10px;

}

.HeaderBoldBorder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #055A78;
    text-align: left;
    padding-left: 10px;
    vertical-align: middle;
    padding-top: 3px;
    border: 1px solid #CCCCCC;
    background-color: #EDEDED;

}

.DisplayBoxSimple {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #B6B6B6;
    border-left: solid 1px #FFFFFF;
    border-top: solid 1px #FFFFFF;
    text-decoration: none;
    padding-left: 7px;
    height: 18px;
}

.DisplayBoxCell {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #E6E6E6;
    border-bottom: solid 1px #B6B6B6;
    border-left: solid 1px #FFFFFF;
    border-top: solid 1px #FFFFFF;
    text-decoration: none;
    padding-left: 7px;
    height: 22px;
    color: #055A78;
}

.DisplayBoxCellBlack {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #E6E6E6;
    border-bottom: solid 1px #B6B6B6;
    border-left: solid 1px #FFFFFF;
    border-top: solid 1px #FFFFFF;
    text-decoration: none;
    padding-left: 7px;
    height: 22px;
    color: #333333;
}

.DisplayBoxCellData {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #E6E6E6;
    border-bottom: solid 1px #B6B6B6;
    border-left: solid 1px #FFFFFF;
    border-top: solid 1px #FFFFFF;
    text-decoration: none;
    padding-left: 7px;
    color: #055A78;
}

.DisplayBoxCellHead {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;

    background-color: #E6E6E6;
    border-bottom: solid 1px #B6B6B6;
    border-left: solid 1px #FFFFFF;
    border-top: solid 1px #FFFFFF;
    text-decoration: none;
    padding-left: 7px;
    color: #333333;
    height: 18px;
}

.DisplayLink:link {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
}

.DisplayLink:visited {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.DisplayLink:hover {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #055A78;
    text-decoration: underline;

}

.DisplayLink:active {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #666666;
}

.HeadBottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-color: #E5E5E5;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
}

.BlackLinks {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
}

.BlackLinks a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
}

.BlackLinks a:hover {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
}

.BlackTitle {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
}

.BlackContent {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
}

/*.Buttons {
	background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	cursor: pointer;hand;
	color: #333333;
}*/
.Buttons {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    padding-left: 5px;
    margin-right: 10px;
    border: 0;
    background: #fff url(../../images/button-org.gif) no-repeat;
    color: #000000;
    height: 22px;

    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.BlackContentJustify {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
    text-align: justify;

}

.FormLabel {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
}

.FormLabelblack {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
}

.FormLabelpopup {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #333333;
}

.Labeldisable {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #ACA899;
}

.RedFullBorder {
    border-bottom: #F00 solid 1px;
    border-top: #F00 solid 1px;
    border-right: #F00 solid 1px;
    border-left: #F00 solid 1px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #F00;
    padding-left: 6px;
    padding-top: 3px;
}

.blackDashedBorder {
    border-bottom: #000 dashed 1px;
    border-top: #000 solid 1px;
    border-right: #000 solid 1px;
    border-left: #000 solid 1px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    padding-left: 6px;
    padding-top: 3px;
}

.DashedBottomBorder {
    border-bottom: #000 dashed 1px;
    border-top: none;
    border-right: none;
    border-left: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
}

.blackFullBorder {
    border-bottom: #000 solid 1px;
    border-top: #000 solid 1px;
    border-right: #000 solid 1px;
    border-left: #000 solid 1px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    padding-left: 6px;
    padding-top: 3px;
}

.TextBoxBottomborder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #f8f8f8;
    border-color: #f8f8f8;
    scrollbar-base-color: #e8f5ee;
    width: 80%;
	height:21px;
	padding: 1px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    border-left: #fff 1px solid;
    border-bottom: #000 1px solid;
}
.TextBoxnoborder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color:#EEF7F7;
    border-color: #f8f8f8;
    scrollbar-base-color: #e8f5ee;
    width: 80%;
	height:21px;
	padding: 1px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    border-left: #fff 1px solid;
    border-bottom: #000 1px solid;
}

.TextBoxBottombordercsc{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #fff;
	border-color:#f8f8f8;
	scrollbar-base-color: #e8f5ee;
	width:80%;
	height:21px;
	padding: 1px;
	border-top:#fff 1px solid; 
	border-right:#fff 1px solid; 
	border-left:#fff 1px solid; 
	border-bottom:#000 1px solid; 
	}
.TextBoxnobordercsc{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #fff;
	border-color:#f8f8f8;
	scrollbar-base-color: #e8f5ee;
	width:80%;
	height:21px;
	padding: 1px;
	border-top:#fff 1px solid; 
	border-right:#fff 1px solid; 
	border-left:#fff 1px solid; 
	border-bottom:#fff 1px solid; 
	}

.TextBoxnoborder1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color:#EEF7F7;
    border-color: #f8f8f8;
    scrollbar-base-color: #e8f5ee;
    width: 80%;
	height:21px;
	padding: 1px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    border-left: #fff 1px solid;
    border-bottom: #fff 1px solid;
}
.TextBoxnoborder2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    scrollbar-base-color: #FFFFFF;
    width: 80%;
	height:21px;
	padding: 1px;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    border-left: #fff 1px solid;
    border-bottom: #fff 1px solid;
}
.RedDashedBorder {
    border-bottom: #F00 dashed 1px;
    border-top: #F00 solid 1px;
    border-right: #F00 solid 1px;
    border-left: #F00 solid 1px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #F00;
    padding-left: 6px;
    padding-top: 3px;
}

.FormRedLabelBig {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #CC0033;
    font-weight: normal;
    font-style: italic;
}

.FormLabelBigest {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 15px;
    color: #333333;
}

.FormLabelBig {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}

.FormLabelBoldBig {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}

.FormLabelNumeric {
    text-align: right;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
}

.FormLabelNumericBold {
    text-align: right;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    font-weight: bold;
}

.FormLabelBold {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.FormLabelBold1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.FormLabelBold2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}

.FormLabelStrong {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #333333;

}

.QHTextBox {
    height: 25px;
    border: #999 1px solid;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    scrollbar-base-color: #EAFEFF;
    padding: 5px 4px 5px 4px;
}

.QHTextBox :focus, .QHTextBox :hover {
    background-color: #CBF0FE;
}

.redTextBox {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 5px;
    color: #000000;
     background-color:#ff0000 ;
    scrollbar-base-color: #CCCCCC;
}
.blueTextBox {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 5px;
    color: #000000;
     background-color:#2626d8 ;
    scrollbar-base-color: #CCCCCC;
}
.aquaTextBox {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 5px;
    color: #000000;
     background-color:#00ffff ;
    scrollbar-base-color: #CCCCCC;
}
.greenTextBox {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 5px;
    color: #000000;
    background-color:#19a85d ;
    scrollbar-base-color: #CCCCCC;
}
.TextBox {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
	padding: 1px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
}

.TextBoxLarge {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
}

.usTextBox {
    border-bottom: 1px solid #333333;
    border-top: none;
    border-left: none;
    border-left: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    /*scrollbar-base-color: none; */
    width: 77%;
    padding: 5px;
}

.usTextBox1 {
    border-bottom: 1px solid #333333;
    border-top: none;
    border-left: none;
    font-weight: bold;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #333333;
    /*scrollbar-base-color: none; */
    width: 77%;
    padding: 0px;
}

.TextBoxSocialSecurityMarshalIsland {
    word-spacing: 6px;
    letter-spacing: 16px;
    height: 26px;
    padding: 4px 4px 4px 6px;
    border: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    BACKGROUND-image: url("../../images/socsecTextBoxRMI.png");
    background-repeat: no-repeat;
    background-posibackground-position: top left;
}


.TextBoxSocialSecurityJamica {
    word-spacing: 6px;
    letter-spacing: 16px;
    height: 26px;
    padding: 4px 4px 4px 6px;
    border: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    BACKGROUND-image: url("../../images/socsecTextBoxJPS.png");
    background-repeat: no-repeat;
    background-posibackground-position: top left;
}

.TextBoxSocialSecurity {
    word-spacing: 6px;
    letter-spacing: 17px;
    height: 26px;
    padding: 6px 5px 4px 3px;
    border: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    /*scrollbar-base-color: none; */
    BACKGROUND-image: url("../../images/socsecTextBox.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 77%;
}

.smlTextBoxSocialSecurity {
    width: 131px;
    letter-spacing: 8px;
    height: 26px;
    padding: 6px 5px 1px 6px;
    border: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    /*scrollbar-base-color: none; */
    BACKGROUND-image: url("../../images/socsecTextBoxsml.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 85%;
}
.TextBoxOfficeUse {
    width: 131px;
	 word-spacing: 6px;
    letter-spacing: 12px;
    height: 26px;
    padding: 6px 5px 1px 6px;
    border: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    /*scrollbar-base-color: none; */
    BACKGROUND-image: url("../../images/socsecTextBoxsml.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 85%;
}
.TextBoxOfficeUseCSC {
    width: 131px;
	 word-spacing: 6px;
    letter-spacing: 10px;
    height: 26px;
    padding: 6px 5px 1px 6px;
    border: none;
    font-family:"Courier New", Courier, monospacel;
    font-size: 11px;
    color: #000000;
    /*scrollbar-base-color: none; */
    BACKGROUND-image: url("../../images/CSC_NAME.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 85%;
}

.TextBoxCanadaSIN {
    word-spacing: 6px;
    letter-spacing: 17px;
    height: 26px;
    padding: 6px 5px 4px 3px;
    border: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    /*scrollbar-base-color: none; */
    BACKGROUND-image: url("../../images/Canada_SIN.png");
    background-repeat: no-repeat;
    background-position: top left;
    width: 77%;
}

.TextBoxPhone {

    word-spacing: 6px;
    letter-spacing: 6px;
    height: 24px;
    padding: 6px 5px 1px 4px;
    border: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    /*scrollbar-base-color: none; */
    background-image: url(../../images/usPHONETextBox.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 134px;
}

.TextBoxPhone2 {

    word-spacing: 6px;
    letter-spacing: 6px;
    height: 24px;
    padding: 6px 5px 1px 4px;
    border: none;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    /*scrollbar-base-color: none; */
    background-image: url(../../images/usPHONETextBox.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 190px;
}

.FileImportbox {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 280px;
}

.SearchEmployee {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
	padding: 1px;
    color: #000000;
    width: 195px;
    scrollbar-base-color: #CCCCCC;
}

.fieldsetstyle {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #004980;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
}

fieldset {
    border: 1px solid #CCCCCC;
}

.TextBoxReadOnly {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    background: #ECECEC;
    scrollbar-base-color: #CCCCCC;
}

.TextBoxNumeric {
    text-align: right;
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
}

.TextBoxNumericReadOnly {
    text-align: right;
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    background: #ECECEC;
    scrollbar-base-color: #CCCCCC;
}

.TextBoxNumericDisabled {
    text-align: right;
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #CCCCCC;
    scrollbar-base-color: #CCCCCC;
}

.RedBox {
    border: 1px solid #cc0000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #cc0000;
    scrollbar-base-color: #CCCCCC;
}

.GrayBox {
    border: 1px solid #E4E4E4;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #E4E4E4;
}

.GrayBox2 {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
}

.TextBoxWidth {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    width: 200px;
	height:21px;
	padding: 1px;
    scrollbar-base-color: #CCCCCC;

}

.TextBoxDisabled {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
	height:21px;
	padding: 1px;
    scrollbar-base-color: #CCCCCC;
}

.BlackTextBox {
    border: 1px solid #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
	padding: 1px;
    color: #000000;

}

.TextBoxWhite {
    border: 1px solid #FFFFFF;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
	height:21px;
	padding: 1px;
    scrollbar-base-color: #CCCCCC;

}

.GridHeader {
    background-color: #999999;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;

}
.GridHeader1 {
    background-color: #999999;
    
    font-family: Tahoma, Arial, Verdana, sans-serif;
    
    font-weight: bold;
    color: #FFFFFF;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;

}
.GridRow {
    background-color: #000000;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    width:150px;

}

.GridSubHeader {
    background-color: #EAEAEA;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
    text-align: left;
}

.GridSubHeaderSort {
    background-color: #EAEAEA;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

.LeaveDay {
    background-color: #FFFFD7;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
}

.Holiday {
    background-color: #EDEDED;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
}

.GridSubHeaderHover {
    background-color: #FCFFFB;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
}

.GridSubHeaderCenter {
    background-color: #EAEAEA;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
    text-align: center;
}

.GridSubHead {
    background-color: #EAEAEA;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    text-align: right;
    color: #333333;
    padding-right: 4px;

}

.GridFooterLine {
    background-color: #CCCCCC;
}

.Pad7 {
    padding: 7px;
}

.PageBreak {
    page-break-after: always;
}

.PageTitle{
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}

.PageTitle1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    padding: 7px;
}

.SubFormHead {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    background-color: #B1CBE4;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;

}

.SubTopPanel {
    background-color: #EAEAEA;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #999999;
    border-bottom-color: #999999;
}

.RedBorder {
    border: 1px solid #990000;
}

.GreenBorder {
    border: 1px solid #006600;
}

.ActiveMenuOver {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #EAEAEA;
    cursor: hand;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E5E5E5;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #E5E5E5;
    border-left-color: #E5E5E5;

}

.ActiveMenuOver a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #E5E5E5;
    text-decoration: none;
    border-top-width: 1px;
    border-left-width: 1px;
}

.ActiveMenuOver a:link {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #E5E5E5;
    text-decoration: none;
}

.ActiveMenuOver a:visited {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #E5E5E5;
    text-decoration: none;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
}

.ActiveMenuOver a:hover {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;

    text-decoration: none;
}

.InActiveMenuOver {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #EAEAEA;
    border: 1px solid #E5E5E5;
    cursor: hand;
    color: #333333;
    text-decoration: none;
}

.InActiveMenuOver a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.InActiveMenuOver a:link {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.InActiveMenuOver a:visited {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.InActiveMenuOver a:hover {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FF6600;
    text-decoration: none;
}

.SideNavActive {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.SideNavActiveGray {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    background-color: #d4d4d4;
    /*background-image: url(../../images/skin_modern_header.png);*/
}

.ActiveMenuSup {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #E5E5E5;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E5E5E5;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #E5E5E5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;

}

.WhiteLinks2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #EDEDED;
}

.WhiteLinks {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

.GrayLinks {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000000;
}

.GridFooter {
    background-color: #EAEAEA;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

.ListLink {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #CC3300;
}

.GridCell1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
}

.GridCell1 a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: underline;
}

.GridCell2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #EAEAEA;
}

.GridCell2 a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: underline;
}

.SubNavActive {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #EAEAEA;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #38669E;

}

.SubNavInActive {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #f8f8f8;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #38669E;

}

.SideNavInActive2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #C8C8C8;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.SideNavInActive {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #DFDFDF;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.GridSubRBorder {
    background-color: #F0F0F0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;

}

.Instructions {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #FBFBFB;
    border: 1px solid #CCCCCC;
    padding: 4px;
}

.ErrorMsg {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #951E00;
}

.AlertErrorMsg {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #951E00;
}

.successMsg {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #009500;
    text-align: justify;
}

.AlertsuccessMsg {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #009500;
    font-weight: bold;
    text-align: justify;
}

.successMsg1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #009500;
}

.OrangeFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #00CC33;
    font-weight: normal;
}

.BlueFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #214772;
}

.LeftBorder {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;

}

.BorderFull {
    border-top: thin;
    border-color: #CCCCCC;
    border-style: solid;

}

.BorderFullblack {

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid black;

}

.RightBorder {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;

}

.preInstall {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
}

.greenh2 {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #006600;
    padding-right: 4px;
    padding-top: 20px;
}

.TopWhiteLinks {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #666666;
}

.TopWhiteLinks a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #666666;
}

.TopWhiteLinks a:link {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #666666;
}

.TopWhiteLinks a:visited {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #666666;
}

.TopWhiteLinks a:hover {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #06F;
}

.linkHeader {
    background-color: #F0F0F0;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;

}

.blackfont {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}

.blackfontOver {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}

A.blackfont.link {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;

}

A.blackfont.visited {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;

}

A.blackfont:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;

}

.LeftFormSubHead {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #D7E3F2;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.LeftFormCell {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #f8f8f8;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
}

.LeftFormTable {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #f8f8f8;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    border: 1px solid #CCCCCC;

}

.AdSection {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 20px;
    padding-right: 3px;
    padding-bottom: 20px;
    padding-left: 3px;

}

.ActiveTab {
    PADDING-RIGHT: 9px;
    PADDING-LEFT: 9px;
    FONT-SIZE: 11px;
    BACKGROUND: url(../../images/tab_right_on.gif) no-repeat right top;
    /*	FLOAT: left;*/
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    WHITE-SPACE: nowrap;

    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    cursor: pointer;
}

.InActiveTab {
    PADDING-RIGHT: 9px;
    PADDING-LEFT: 9px;
    FONT-SIZE: 11px;
    BACKGROUND: url(../../images/tab_right.gif) no-repeat right top;
    /*FLOAT: left;*/
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    WHITE-SPACE: nowrap;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    cursor: pointer;
}

.tabbody1 {
    padding: 1px;
    position: absolute;
    left: 260px;
    width: 99%;
    visibility: hidden;
}

.tabbody2 {
    padding: 1px;
    position: absolute;
    left: 320px;
    width: 99%;
    visibility: hidden;
}

.tab-body {
    padding: 1px;
    position: absolute;
	left: 250px;  
    width: 99%;
    z-index: 1;
    visibility: hidden
}

.tab-body2 {
    padding: 1px;
    position: absolute;
	left: 320px;  
    width: 99%;
    z-index: 1;
    visibility: hidden
}

.tab-body-popup {
    padding: 1px;
    position: absolute;
    left: 45px;
    width: 99%;
    z-index: 1;
    visibility: hidden;
}

.tab-body1 {
    padding: 1px;
    position: absolute;
    /*left: 245px;*/
    width: 99%;
    z-index: 1;
    visibility: hidden
}

.tab-body2 {
    padding: 1px;
    position: absolute;
    /*left: 245px;*/
    width: 99%;
    z-index: 1;
    visibility: hidden
}

.tab-body-wide{
    padding: 1px;
    position: absolute;
	left: 200px;  
    z-index: 1;
    visibility: hidden
}

#recruiter-msg-top{
    /* width: 557px;
      height: 328px;
    background-image: url("../../images/index_frame.gif"); */
    background-repeat: no-repeat;
    margin-left: 656px;
    margin-top: -532px;
	position: absolute;
}

#recruiter-msg-bottom{
    width:557px;
    height:20px;
   /*  background-image:url("../../images/index_frame.gif"); */
    background-repeat:no-repeat;
    background-position:bottom;
    margin-left: 570px;
    margin-top: -434px;
}

.rec-logo {
    float: right;
    margin-left: 160px;
    margin-top: -506px;
    position: relative;
    z-index: 1;
	text-align: right;
}

.rec-letter {
    color: #999999;
    height: 325px;
    margin-left: 6px;
    margin-right: 2px;
    margin-top: 80px;
    overflow: auto;
    width: 333px;
	font-size: 11px;
}

#toolbarBox{
    width:160px; 
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    height: 450px;
}

#essNotification{
    position: absolute;
    z-index: 1;
    width: 14px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 80, 80);
    border: 1px solid rgb(246, 255, 0);
    margin: -5px 26px;
}


/* MEDIA QUERIES FOR BROWSER COMPATIBILITY */
    /* IE10  AND ABOVE */
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

        .tabbody1 {
            width: 76%;
        }

        .tabbody2 {
            width: 73%;
        }

        .tab-body {
            width: 76%;
        }
  
        .tab-body1 {
            position: absolute;
            width: 75%;
            z-index: 1;
        }

		.tab-body2 {
			position: absolute;
			width: 71%;
			z-index: 1;
		}
		
		.rec-logo {
			float: left;
			margin-left: 896px;
			margin-top: -525px;
			position: relative;
			z-index: 1;
		}

		.rec-letter {
			color: #999999;
			height: 325px;
			margin-left: 6px;
			margin-right: 2px;
			margin-top: 80px;
			overflow: auto;
			width: 333px;
			font-size: 11px;
		}

        #recruiter-msg-top{
            position: absolute;
            margin-top: -550px;
        }

        #recruiter-msg-bottom{
            height: 103px;
            position: absolute;
            margin-top: 327px;
        }
 
    }

    /* GOOGLE CHROME */
    @media (-webkit-min-device-pixel-ratio: 0) {
        .tab-body {
            width: 76%;
        }

        .tab-body2 {
            width: 72%;
        }

        .tabbody1 {
            left: 260px;
            position: absolute;
            width: 75%;
        }

        .tabbody2 {
            left: 320px;
            position: absolute;
            width: 72%;
        }
		
		.rec-logo {
			float: left;
			margin-left: 895px;
			margin-top: -525px;
			position: relative;
			z-index: 1;
		}

		.rec-letter {
			color: #999999;
			height: 325px;
			margin-left: 6px;
			margin-right: 2px;
			margin-top: -130px;
			overflow: auto;
			width: 333px;
			font-size: 11px;
		}
		
		.rec-logo {
            margin-top: -393px;
        }

        #recruiter-msg-top{
            position: absolute;
			margin-top: -184px;
        }

        #recruiter-msg-bottom{
            height: 103px;
            position: absolute;
            margin-top: 327px;
        }

    }

    /* FIREFOX */
    @-moz-document url-prefix() {
        .tab-body1 {
            left: 245px;
            padding: 0 10px;
            position: absolute;
            width: 75%;
            z-index: 1;
        }

        .tab-body {
            width: 76%;
        }

		.tab-body2 {
            width: 71%;
		}
		
        .tabbody1 {
            left: 260px;
            position: absolute;
            width: 75%;
        }

        .tabbody2 {
            left: 320px;
            position: absolute;
            width: 71%;
        }

        .FormTab {
            padding:0;
        }
		
		.rec-logo {
			float: left;
			margin-left: 890px;
			margin-top: -525px;
			position: relative;
			z-index: 1;
		}

		.rec-letter {
			color: #999999;
			height: 325px;
			margin-left: 6px;
			margin-right: 2px;
			margin-top: 80px;
			overflow: auto;
			width: 333px;
			font-size: 11px;
		}

        #recruiter-msg-top{
            position: absolute;
            margin-top: -523px;
        }

        #recruiter-msg-bottom{
            height: 103px;
            position: absolute;
            margin-top: 327px;
        }

    }
	
	/* All MS Edge */
	@supports (-ms-ime-align:auto) { 
		#recruiter-msg-top{
			position: absolute;
			margin-top: -550px;
		}
		.rec-letter { 
			margin-top:  100px; 
		} 
		
		.rec-logo {
			margin-top: -525px;
		}


	}
	
	/*@media all and (-webkit-min-device-pixel-ratio:0)*/



/* END OF MEDIA QUERIES FOR BROWSER COMPATIBILITY  */

.tab-bodyes {
    padding: 1px;
    position: absolute;
    top: 250px;
    width: 99%;
    z-index: 1;
    visibility: hidden
}

.tab-bodyes1 {
    padding: 1px;
    position: absolute;
    top: 200px;
    width: 99%;
    z-index: 1;
    visibility: hidden
}

.tab-bodyes2 {
    padding: 1px;
    position: absolute;
    top: 260px;
    width: 99%;
    z-index: 1;
    visibility: hidden
}

.FormTab {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #f8f8f8;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E5E5E5;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #E5E5E5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
    padding: 8px 2px;

}
.FormTab1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color:#FFFFFF;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E5E5E5;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #E5E5E5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
    padding: 8px 2px;

}
.EmptyTab {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
}

.SeperateTab {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
}

.GridCell3 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FFFFFF;

}

.GridCell4 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #ffff00;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
}

.activeButtons {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: 800;
    padding-left: 5px;
    margin-right: 5px;
    border: 1px;
    border-color: #666666;
    background: #BCBCBC;
    color: #ffffff;
    height: 22px;
    width: 65px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.inactiveButtons {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: 800;
    padding-left: 5px;
    margin-right: 5px;
    border: 1px;
    border-color: #990000;
    background: #CC0033;
    color: #ffffff;
    height: 22px;
    width: 65px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

input.disabled,
input[disabled] {
    color: #CCC;
    border: none;
    text-shadow: none;
}

.Fbuttons {
    background-image: url(../../images/button.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 7px;
}

.Fbuttonsred {
    background-image: url(../../images/button_red.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 7px;
}

.Fbuttonsgreen {
    background-image: url(../../images/button_green.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 7px;
}

.Fbuttonsgray {
    background-image: url(../../images/button_gray.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 7px;
}

.fbuttonshover {
    background-image: url(../../images/buttonhover.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 7px;
}

.fbuttonshoverred {
    background-image: url(../../images/buttonhover_red.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 7px;
}

.fbuttonshovergreen {
    background-image: url(../../images/buttonhover_green.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 7px;
}

.fbuttonshovergray {
    background-image: url(../../images/buttonhover_gray.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 7px;
}

.fbuttonsfocusactive {
    background-image: url(../../images/buttonclicked.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 5px;
}

.fbuttonsfocusactivered {
    background-image: url(../../images/buttonclicked_red.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 5px;
}

.fbuttonsfocusactivegreen {
    background-image: url(../../images/buttonclicked_green.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 5px;
}

.fbuttonsfocusactivegray {
    background-image: url(../../images/buttonclicked_gra.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 65px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 5px;
}

.next {
    cursor: pointer;
    border: 0;
    background: url(../../images/next.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    height: 53px;
    width: 55px;
}

.previous {
    cursor: pointer;
    border: 0;
    background: url(../../images/previous.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    height: 53px;
    width: 55px;
}

.register {
    cursor: pointer;
    border: 0;
    background: url(../../images/register.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    height: 53px;
    width: 55px;
}

.next_dis {
    border: 0;
    background: url(../../images/next_dis.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    height: 53px;
    width: 55px;
}

.previous_dis {
    border: 0;
    background: url(../../images/previous_dis.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    height: 53px;
    width: 55px;
}

.register_dis {
    border: 0;
    background: url(../../images/register_dis.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    height: 53px;
    width: 55px;
}

.savenadd {
    cursor: pointer;
    border: 0;
    background: url(../../images/savenadd.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    height: 53px;
    width: 55px;
}

.save {
    cursor: pointer;
    border: 0;
    background: url(../../images/save.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    height: 53px;
    width: 55px;
}

.view {
    height: 53px;
    cursor: pointer;
    border: 0;
    background: url(../../images/view.jpg) no-repeat;
    padding-left: 5px;
    display: inline;
    width: 55px;
}

.FButtons2 {
    cursor: pointer;
    border: 0;
    background: #fff url(../../images/gray_btn.gif) no-repeat;
    font-size: 11px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    padding-left: 5px;
    margin-right: 5px;
    height: 22px;
    width: 65px;
    position: relative;
}

.FButtons4 {
    cursor: pointer;
    border: 0;
    background: #fff url(../../images/gray_btn4.gif) no-repeat;
    font-size: 11px;
    alignment-baseline: central;
    height: 32px;
    width: 77px;
    position: relative;
    color: #fff;
    padding-bottom: 8px;
    font-weight: bold;
}

.FButtons4hover {
    background-image: url(../../images/gray_btn4_hover.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 77px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 8px;
}

.FButtons4focusactive {
    cursor: pointer;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    background: #fff url(../../images/gray_btn4_focusactive.png) no-repeat;
    padding-left: 0px;
    margin-right: 0px;
    height: 32px;
    width: 77px;
    position: relative;
    cursor: pointer;
    padding-bottom: 5px;
}

.FButtons5 {
    cursor: pointer;
    border: 0;
    background: #fff url(../../images/gray_btn5.png) no-repeat;
    font-size: 11px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    alignment-baseline: central;
    height: 32px;
    width: 90px;
    position: relative;
    color: #fff;
    padding-bottom: 8px;
    font-weight: bold;
}

.FButtons5hover {
    background-image: url(../../images/gray_btn5_hover.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    width: 90px;
    height: 32px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    border: none;
    background-color: #FFF;
    padding-bottom: 8px;
}

.FButtons5focusactive {
    cursor: pointer;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    background: #fff url(../../images/gray_btn5_focusactive.png) no-repeat;
    padding-left: 0px;
    margin-right: 0px;
    height: 32px;
    width: 90px;
    position: relative;
    cursor: pointer;
    padding-bottom: 5px;
}

.FButtons_large {
    cursor: pointer;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    background: #fff url(../../images/gray_btn_large.gif) no-repeat;
    padding-left: 0px;
    margin-right: 0px;
    height: 32px;
    width: 131px;
    position: relative;
    cursor: pointer;
    padding-bottom: 7px;
}

.FButtons_large_hover {
    cursor: pointer;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    background: #fff url(../../images/gray_btn_large_hover.gif) no-repeat;
    padding-left: 0px;
    margin-right: 0px;
    height: 32px;
    width: 131px;
    position: relative;
    cursor: pointer;
    padding-bottom: 7px;
}

.FButtons_large_clicked {
    cursor: pointer;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    background: #fff url(../../images/gray_btn_large_clicked.gif) no-repeat;
    padding-left: 0px;
    margin-right: 0px;
    height: 32px;
    width: 131px;
    position: relative;
    cursor: pointer;
    padding-bottom: 5px;
}

.FButtons3 {
    cursor: pointer;
    border: 0;
    background: #fff url(../../images/gray_btn.gif) no-repeat;
    font-size: 11px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    padding-left: 5px;
    margin-right: 5px;
    height: 22px;
    width: 65px;
    position: relative;
    cursor: pointer;
}

.buttonEnding {
    position: absolute;
    display: inline;
    margin-left: -10px;
    width: 17px;
    height: 22px;
    background: url(../../images/end-org.gif) no-repeat;
}

.nxtButton .press-it-btn {
    background: url(../../images/NextNormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.nxtButton .press-it-btn:hover, .nxtButton .press-it-btn:active {
    background: url(../../images/NextHover.png);
    background-repeat: no-repeat;
}

.PreviousButton .press-it-btn {
    background: url(../../images/PreviousNormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.PreviousButton .press-it-btn:hover, .PreviousButton .press-it-btn:active {
    background: url(../../images/PreviousHover.png);
    background-repeat: no-repeat;
}

.submitButton .press-it-btn {
    background: url(../../images/submit.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.submitButton .press-it-btn:hover, .submitButton .press-it-btn:active {
    background: url(../../images/submithover.png);
    background-repeat: no-repeat;
}

.saveButton .press-it-btn {
    background: url(../../images/savenormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.saveButton .press-it-btn:hover, .save .press-it-btn:active {
    background: url(../../images/save_hover.png);
    background-repeat: no-repeat;
}

.cencelButton .press-it-btn {
    background: url(../../images/deletenormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.cencelButton .press-it-btn:hover, .cencelButton .press-it-btn:active {
    background: url(../../images/deletehover.png);
    background-repeat: no-repeat;
}

.deleteButton .press-it-btn {
    background: url(../../images/document_delete.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.deleteButton .press-it-btn:hover, .deleteButton .press-it-btn:active {
    background: url(../../images/document_deletehover.png);
    background-repeat: no-repeat;
}

.editButton .press-it-btn {
    background: url(../../images/editnormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.editButton .press-it-btn:hover, .editButton .press-it-btn:active {
    background: url(../../images/edithover.png);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.ButtonUpdate .press-it-btn {

    background: url(../../images/normal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    width: 67px;
    height: 41px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    line-height: 14px;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.ButtonUpdate .press-it-btn:hover {
    background-position: center;
    background: url(../../images/hover.png);
    background-repeat: no-repeat;

    color: #fff;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
    /*text-shadow: 1px 1px 0px #07526e;*/
}

.ButtonUpdate .press-it-btn:active {
    background-position: bottom;
    background: url(../../images/clicked.png);
    background-repeat: no-repeat;

    color: #fff;
    font-weight: normal;
    /*text-shadow: 1px 1px 0px #07526e;*/
}

.redButtonUpdate .press-it-btn {
    background-image: url(../../images/rednormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    width: 67px;
    height: 41px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    line-height: 14px;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.redButtonUpdate .press-it-btn:hover {
    background-position: center;
    background-image: url(../../images/redhover.png);
    background-repeat: no-repeat;

    color: #fff;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
}

.redButtonUpdate .press-it-btn:active {
    background-position: bottom;
    background-image: url(../../images/redclicked.png);
    background-repeat: no-repeat;

    color: #fff;
    font-weight: normal;
    /*text-shadow: 1px 1px 0px #07526e;*/
}

.bigButtonUpdate .press-it-btn {
    background-image: url(../../images/bignormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;

    width: 65px;
    height: 41px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    line-height: 14px;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.bigButtonUpdate .press-it-btn:hover {
    background-position: top;
    background-image: url(../../images/bighover.png);
    background-repeat: no-repeat;

    color: #fff;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
}

.bigButtonUpdate .press-it-btn:active {
    background-position: top;
    background-image: url(../../images/bigclicked.png);
    background-repeat: no-repeat;

    color: #fff;
    font-weight: normal;
    /*text-shadow: 1px 1px 0px #07526e;*/
}

.bigButtonLeftBg {
    background-image: url(../../images/bigleftbg.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;

    width: 85px;
    height: 41px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    line-height: 14px;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.biggestredButtonUpdate .press-it-btn {
    background-image: url(../../images/biggestrednormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;

    width: 91px;
    height: 41px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    line-height: 14px;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.bigredButtonUpdate .press-it-btn {
    background-image: url(../../images/bigrednormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;

    width: 65px;
    height: 41px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    line-height: 14px;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.bigredButtonUpdate .press-it-btn:hover {
    background-position: top;
    background-image: url(../../images/bigredhover.png);
    background-repeat: no-repeat;

    color: #fff;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
}

.bigredButtonUpdate .press-it-btn:active {
    background-position: top;
    background-image: url(../../images/bigredclicked.png);
    background-repeat: no-repeat;

    color: #fff;
    font-weight: normal;
    /*text-shadow: 1px 1px 0px #07526e;*/
}

.bigyellowButtonUpdate .press-it-btn {
    background-image: url(../../images/bigyellownormal.png);
    background-repeat: no-repeat;
    background-position: top;

    display: block;
    float: left;

    width: 65px;
    height: 41px;
    text-decoration: none;
    color: #2375f1;
    text-align: center;
    padding-top: 10px;
    line-height: 14px;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.bigyellowButtonUpdate .press-it-btn:hover {
    background-position: top;
    background-image: url(../../images/bigyellowhover.png);
    background-repeat: no-repeat;

    color: #2375f1;
    font: 10px Tahoma, Geneva, sans-serif;
    font-weight: normal;
}

.bigyellowButtonUpdate .press-it-btn:active {
    background-position: top;
    background-image: url(../../images/bigyellowclicked.png);
    background-repeat: no-repeat;

    color: #2375f1;
    font-weight: normal;
    /*text-shadow: 1px 1px 0px #07526e;*/
}

.LButtons {
    background-color: #E5E5E5;
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    cursor: pointer;
    width: 220px;
}

.LButtons1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;

    border: 0;
    background: #fff url(../../images/fullgreen1.gif) no-repeat;
    color: #000000;
    height: 22px;
    width: 60px;
    cursor: pointer;
}

.LButtons2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    border: 0;
    background: #fff url(../../images/fullred1.gif) no-repeat;
    color: #FFFFFF;
    height: 22px;
    width: 60px;
    cursor: pointer;
}

.LButtons3 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    padding-left: 5px;
    margin-right: 10px;
    border: 0;
    background: #fff url(../../images/UnderReview.gif) no-repeat;
    color: #FFFFFF;
    height: 22px;
    width: 78px;
    font-weight: bold;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;

}

.LButton3Ending {
    position: absolute;
    display: inline;
    margin-left: -10px;
    width: 17px;
    height: 22px;
    background: #fff url(../../images/UnderReview_Right.gif) no-repeat;
}

.Documentin {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #009500;
}

.Documentout {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #951E00;
}

.StatusR {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FF0000;
}

.StatusG {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #336600;
}

.StatusY {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFCC00;
}

.Statusor {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FF6600;
    font-weight: bold;
}

.MFButtons {
    background-color: #E5E5E5;
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    cursor: pointer;
    width: 100px;

}

.TextLinks {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    text-decoration: none;
}

.BlueTabBorder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #214772;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E5E5E5;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #E5E5E5;
    border-left-color: #E5E5E5;
    cursor: pointer;
    font-weight: bold;
    padding: 4px;

}

.BlueTabBalance {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #003366;
    font-weight: bold;
    padding: 4px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
    border-bottom-width: 1px;

}

.ListTab {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 9px;
    background-color: #FFFFFF;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E5E5E5;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #E5E5E5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
    padding: 8px;
}

.BlackBorder {
    border: 1px solid #333333;
    padding: 3px;

}

.ViewLabels {
    border: 1px solid #333333;
    padding: 10px;
    background-color: #EAEAEA;
}

.ViewLabels_New {
    border: 1px solid #FFFFFF;
    padding: 10px;
    background-color: #EAEAEA;
}

.ViewLabels1 {
    background-color: #E5E5E5;
}

.BlackNormal {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
}

.ButtomBorder {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #000000;
}

.PinkFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #CC0000;
    font-weight: bold;
}

.PinkFont2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FF6699;
    font-weight: bold;
}

.GreenFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #00FF00;
    font-weight: bold;

}

.DarkGreenFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #006699;
    font-weight: lighter;
}

.thinRedFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #CC6666;
    font-weight: lighter;
}

.RedFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: red;
    font-weight: bold;

}

.RedFontbig {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 15px;
    color: red;
    font-weight: bold;

}

.whiteFontbig {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 15px;
    color: White;
    font-weight: bold;

}

.SteelBlueFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #008B8B;
    font-weight: bold;
    padding-left: 5px;

}

.BlueListFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
/*  font-size: 13px; */
	font-size: 12px;
    color: #004980;
    font-weight: bold;
	}

.LargeBlueListFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 15px;
    color: #004980;
    font-weight: bold;
}

.LargeBlueListFont :hover {
    background-color: #333;
}

.Largemandatory {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #336A7E;
}

.mandatory {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #336A7E;
}

.titleFont {
    font-family: Times New Roman;
    font-size: 11px;
    font-style: italic;
    color: #FFFFFF;
}

.BlackTableHead {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
}

.BorderStyle {
    border-collapse: collapse;
}

.InnerBorder {
    border-collapse: collapse;
    border-color: #E5E5E5;
}

.innerGrid {
    background-color: #F0F0F0;

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;

}

.GrayListFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #999999;
}

.generaltabbody {
    padding: 1px;
    position: absolute;
    z-index: 1;
    visibility: hidden
}

.NewStatusFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #FF0066;
}

.NewBlueListFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #004980;
    font-weight: bold;
}

.GridClass1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FFFFCC;
}

.GridClass2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #CCFFCC;
}

.GridBoxClass1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border: 1px solid #0066FF;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FFFFCC;
}

.GridBoxClass2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border: 1px solid #0066FF;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #CCFFCC;
}

.GridBoxClass3 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border: 1px solid #0066FF;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FFCCFF;
}

.GridBoxClass4 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border: 1px solid #0066FF;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #cfcfcf;
}

.TextReadOnly {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    font-weight: normal;
    background-color: #EEA6DC;
}

.ScorllBarColor {
    scrollbar-base-color: #E7EFF8;

}

.HyperLinks {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
    font-weight: bold;
    text-decoration: underline;
}

.ImageBorder {
    display: block;
    border: #999999 1px dotted;
    float: none;
    margin: 4px 4px;
}

.ImageFrameBorder {
    background-color: #FFFFFF;
    border: #C4C4C4 1px solid;
    float: none;
    margin: 4px 4px;
}

.AshFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #EEEEEE;
}

.AshBox {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border: 1px solid #E5E5E5;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #EEEEEE;
}

.NewColorTab {

    cursor: pointer;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    background-color: #EAEAEA;

}

.WhiteBorder {
    border: 1px solid #FFFFFF;
    background-color: #EAEAEA;
}

.LeftActiveMenu {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #E5E5E5;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.LeftActiveMenuOver {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #E5E5E5;
    cursor: hand;
    text-decoration: none;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.LeftInActiveMenu {

    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    background-color: #EAEAEA;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.LeftSeperateMenu {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #E5E5E5;
}

.DescFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #CC0000;

}

#divLayerLeave {
    height: 110px;
    position: relative;
    width: 94%;
    overflow: scroll;
}

.SubFormLabel {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-left: 15px;
	padding-right: 2px;
}

.SubFormLabelBold {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    font-weight: bold;
    padding-left: 200px;
}

.BasicSalaryTd {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #0000CC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #EAEAEA;
    font-weight: bold;
}

/*Added By Riyaz To Bring Common Style */

.GreenIndexTopBg {
    background-color: #DFDFDF;
}

.GreenInterActIcon {
    background: url('../../images/banner_16-_v03_01.gif');
}

/*Ends Here*/

/* Styles added by TJ */
/* Used for the Payroll Register report */
.Total td {
    border-top: thin #000000 dashed;
    font-weight: bold;
}

/* Used for the Payroll Register report */
.SubTable td {
    border-bottom: thin #CCCCCC solid;
    border-top: thin #CCCCCC solid;
    font-weight: bold;
    background-color: #EAEAEA;
}

/* Prevent repetitive inclusion in the cells */
.CellSubHeader td {
    background-color: #EAEAEA;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #333333;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 2px;
}

.txtNumeric {
    border: 1px solid #CCCCCC;
    color: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    text-align: right;
	height:21px;
}

/* Ends Here */

.SelectBox {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 200px;
	height:21px;
}

.LongListBox {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 660px;
}

.ActiveCell {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
	height:21px;
    background-color: #EAEAEA;
}

.ActiveCell a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
	height:21px;
    text-decoration: underline;
}

.InActiveCell {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FF3333;
}

.InActiveCell a {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #FFFFFF;
    text-decoration: underline;
}

.SelectBoxW {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 300px;
}

.ComboBox {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 175px;
}

.SelectCompensation {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	/*height:21px;*/
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 150px;
}

.SelectShift {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 80px;
}

.SelectReason {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 225px;
}

.AmtCompensation {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
}

.hide {
    display: none
}

.disable {
    visibility: hidden
}

.enable {
    visibility: visible
}

/* Added by Prakash K.S on 26-09-2007 */
.ActiveGridCell {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #339900;
}

.InActiveGridCell {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #FF3333;
}

.RedBold {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
    color: #FF0000;
    text-decoration: underline;
    font-weight: bold;
}

.Red {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #CC0000;
    font-weight: bold;
}

.BlackSmall {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 9px;
    color: #333333;
}

.BlueSmall {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
    color: #000099;
}

.GrayBoxAndText {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
    scrollbar-base-color: #CCCCCC;
}

.GrayBoxAndText {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #999999;
    scrollbar-base-color: #CCCCCC;
}

.GridSubHeader12 {
    background-color: #EAEAEA;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
}

img.VEDActive {
    border: 0;
    filter: Glow(Color=#FFFF99, Strength=2);
    hspace: 0;
    vspace: 0;
	vertical-align:middle;
}

img.VEDInActive {
    border: 0;
    /*filter: gray alpha(opacity=65); */
    hspace: 0;
    vspace: 0;
    -moz-opacity: 0.65;
    opacity: .65;
	vertical-align:middle;
}

.HolidayBg {
    background-color: #AFD728;

}

.TableBorderStyle1 {
    border-left: medium;
    border-left-width: thin;
    border-left-style: solid;
    border-left-color: #333333;
    border-right: medium;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: #333333;
}

.SelectBoxVisa {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 200px;
}

.largeGridHeader {
    background-color: #999999;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: large;
    font-weight: bold;
    color: #FFFFFF;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;

}

.subheadings {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #EAEAEA;
}

.subsubheadings {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #EAEAEA;
}

.subheadings2 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #EAEAEA;
}

.GridListHeader {
    background-color: #EAEAEA;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding-right: 4px;
    text-align: center
}

.OrgTextBox {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    width: 250px;
	height:21px;
	padding: 1px;
    scrollbar-base-color: #CCCCCC;
}

.GrayBoxRight {
    border: 1px solid #E4E4E4;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    text-align: right;
}

.TextBoxRight {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    text-align: right;
}

.FButtonsLarge {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    padding-left: 5px;
    margin-right: 5px;
    border: 0;
    background: #fff;
    /*background: #fff url(../../images/fullgreenlarge.gif) no-repeat; not found this bg image*/
    color: #000000;
    height: 22px;
    width: 115px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.GridButton {
    background-color: #DBDBDB;
    border-bottom: solid 1px #808080;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #808080;
    border-top: solid 1px #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
}

.GridButton:hover {
    background-color: #DBDBDB;
    border-bottom: solid 1px #FFFFFF;
    border-left: solid 1px #808080;
    border-right: solid 1px #FFFFFF;
    border-top: solid 1px #808080;
}

.textSuperBox {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    width: 90%;

}

.loginBoxt_noborder {
    background-color: #FFFFFF;
    border: none;
    width: 90%;
    color: #808080;
    font-size: 12px;
}

.loginBoxt_with_border {
    width: 95%;
    font-size: 16px;
}

.loginBoxtext{
    font-size: 12px;
    text-decoration: none;
    color: rgba(140, 140, 140, 1);
}

.loginBoxtext a {
    color:rgba(140, 140, 140, 1);
    font-size: 16px;
}

.loginok .press-it-btn { ;
    background: url(../../images/ok.png) no-repeat;
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    cursor: pointer;
    margin-top: 1px;
}

.loginok .press-it-btn:hover {
    background: url(../../images/okhover.png) no-repeat;
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    cursor: pointer;
    margin-top: 1px;
}

.loginok .press-it-btn:active {
    font-family: RobotoCondensed-bold;
    background: url(../../images/okclicked.png) no-repeat;
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    cursor: pointer;
    margin-top: 1px;
}

.press-it-btn-go a{
    font-family: RobotoCondensed-bold;
    font-size: 18px;
}

.loginFPW .press-it-btn {
    background: url(../../images/forget_pw.png) no-repeat;
    background-repeat: no-repeat;
    background-position: top;
    display: block;
    height: 32px;
    width: 122px;
    padding-top: 10px;
    cursor: pointer;
}

.loginFPW .press-it-btn:hover {
    background: url(../../images/forget_pwhover.png) no-repeat;
    background-repeat: no-repeat;
    background-position: top;
    display: block;
    height: 32px;
    width: 122px;
    padding-top: 10px;
    cursor: pointer;
}

.loginFPW .press-it-btn:active {
    background: url(../../images/forget_pwclicked.png) no-repeat;
    background-repeat: no-repeat;
    background-position: top;
    display: block;
    height: 32px;
    width: 122px;
    padding-top: 10px;
    cursor: pointer;
}

.ERROR_MSG {
    border: 1px solid #990000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 16px;
    color: #990000;
    font-weight: bold;
    height: 50px;
    padding: 4px;
    background-color: #FBEAEA;
}

.SUB_ERROR {
    font-size: 11px;
    background-color: #990000;
    color: #FFFFFF;
    font-weight: normal;
    border: 0px;
    padding: 2px;
}

.SUCC_MSG {
    border: 1px solid #060;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 16px;
    color: #090;
    font-weight: bold;
    height: 22px;
    padding: 4px;
    background-color: #D5FBBD;

}

.SUB_SUCC_MSG {
    font-size: 11px;
    background-color: #090;
    color: #FFFFFF;
    font-weight: normal;
    border: 0px;
    padding: 2px;
}

.horizontal_bottom_line {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    border-color: #000000;
    border-bottom: thin;
    border-bottom-style: solid;
}

.PAY_REPORT_HEADING {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.PAY_REPORT_HEADING_SUB {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #999999;
    font-weight: bold;
}

.REPORT_GRID_BORDER_TOP {
    border-top: 1px #000000 solid;
    border-right: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    background-color: #EDEDED;
    padding: 2px;
}

.REPORT_GRID_MIDDLE_ROW {
    border-bottom: 1px #000000 solid;
    border-right: 1px #000000 solid;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    height: 18px;
    padding: 2px;
}

th {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    color: black;
    background-color: white;
}

thead {
    display: table-header-group;
}

tbody {
    display: table-row-group;
}

.RealOrangeFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #DF7000;
    font-weight: normal;
}

.RealGreenFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #009500;
    font-weight: normal;
}

.RealPinkFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #CA0065;
    font-weight: normal;
}

.SelectBoxEmployeeBank {
    border: 1px solid #CCCCCC;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    width: 350px;
}

/* Ends */
.LeftBottomBorder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    border-top-width: 0px;
    border-color: #999999;
    border-right-width: thin;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
}

.BottomBorder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    border-top-width: 0px;
    border-color: #999999;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    padding-left: 5px;
}

.rightBorder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    border-top-width: 0px;
    border-color: #999999;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-left: 5px;
}

.leftBorder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    /*border-top-width: 0px;*/
    /*border-color: #999999;*/
    /*border-right-width: 0px;*/
    /*border-right-style: none;*/
    /*border-bottom-width: 0px;*/
    /*border-left-width: 1px;*/
    /*border-top-style: none;*/
    /*border-bottom-style: none;*/
    /*border-left-style: solid;*/
}

.acceptedPay {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #009900;
}

.rejectedPay {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #CC0000;
}

.AlertErrorSubMsg {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #951E00;
}

.GridCell1Msg {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
}

.GridCell2Msg {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 8px;
    background-color: #EAEAEA;
}

.rightBottomBorder {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    border-top-width: 0;
    border-color: #999999;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    padding-left: 5px;
}

.TextBoxh1 {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #000000;
    scrollbar-base-color: #CCCCCC;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.AutoSearchRow1 {
    padding: 0;
    margin: 0;
    background: #FFFFFF;
    line-height: 18px;
    border-top-color: white;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: #b5b5b5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-color: #b5b5b5;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #b5b5b5;
    border-left-width: 1px;
    border-left-style: solid;
}

.AutoSearchRow2 {
    padding: 0;
    margin: 0;
    background: #E0E0E0;
    line-height: 18px;
    border-top-color: white;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: #b5b5b5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-color: #b5b5b5;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #b5b5b5;
    border-left-width: 1px;
    border-left-style: solid;
}

.AutoSearchEmpKeyId {
    float: left;
    padding-right: 5px;
    width: 30%;
}

.AutoSearchEmpName {
    float: left;
}

.AutoSearchRow1 a {
    width: 150px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    padding-left: 5px;
}

.AutoSearchRow1 a:hover {
    background: #9AC2E5;
}

.AutoSearchRow2 a {
    width: 150px;
    padding-right: 5px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333333;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    padding-left: 5px;
}

.AutoSearchRow2 a:hover {
    background: #9AC2E5;
}

.MandatoryBottom {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 9pt;
    border-top-width: 0;
    border-color: #999999;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.oshaheading {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #E5E5E5;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E5E5E5;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #E5E5E5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5E5E5;
    padding-left: 10px;

}

.m_f_headb {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000066;
    border: 1px solid #DCDCDC;
    background-color: #DCDCDC;
    padding: 6px 6px 6px 6px;

}

.m_f_head {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000066;
    border: 1px solid #696969;
    background-color: #DCDCDC;
    padding: 6px 6px 6px 6px;

}

.form_head {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000066;
    border: 1px solid #D3D3D3;
    background-color: #C0C0C0;
    padding: 6px 6px 6px 6px;

}

.FButtonsLargeSilver {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    padding-left: 5px;
    margin-right: 5px;
    border: 0;
    background: #fff url(../../images/org_btn_vl.gif) no-repeat;
    height: 22px;
    width: 122px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.tablegrid {
    font-size: 11px;
    color: #336A7E;
    border: 1px solid #CCCCCC;
    padding: 0px 0px 0px 2px;
    background-color: #EAEAEA;
}

.tablegrid2 {
    font-size: 11px;
    color: #336A7E;
    border: 1px solid #CCCCCC;
    padding: 0px 0px 0px 2px;
}

.WindowsBg {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    padding-left: 5px;
    border-top: #A4BED4 solid 1px;
    border-left: #A4BED4 solid 1px;
    border-right: #A4BED4 solid 1px;
    color: #000000;
    padding: 5px 0 0 5px;

    background-image: url("../../images/windows_bg.png");
    background-repeat: repeat-x;
    position: absolute;
    width: 100%;
    height: 25px;

}

.TextBoxGrayFont {
    border: 1px solid #BEC2C2;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
	height:21px;
	padding: 1px;
    color: #999999;
    scrollbar-base-color: #CCCCCC;
}

.GreenButton {
    background-image: url(../../images/greenbutton.png);
    background-repeat: no-repeat;
    width: 242px;
    height: 34px;
}

.dhxEditorHeader {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    padding-left: 5px;
    border-top: #A4BED4 solid 1px;
    border-left: #A4BED4 solid 1px;
    border-right: #A4BED4 solid 1px;
    color: #000000;
    padding: 5px 0 0 5px;
    background-image: url("../../images/windows_bg.png");
    background-repeat: repeat-x;
    width: 100%;
    height: 25px;
}

.blackcircle {
    background-image: url(../../images/blackcircle.png);
    background-repeat: no-repeat;
    margin-left: 9px;
    padding-top: 6px;
    padding-left: 8px;
    height: 24px;
    width: 24px;
    color: #FFFFFF
}

.graybutton {
    background-image: url(../../images/graybutton.png);
    width: 242px;
    background-repeat: no-repeat;
    height: 34px;
}

.whiteboldbigfont {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 8px;
    padding: 0px 0px 0px 6px;
}

.AutoSearchResults {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    padding: 0;
    margin: 0;
    background: #FFFFFF;
    border: #b5b5b5 solid 1px;
    overflow: hidden;
    z-index: 99999;
}

.AutoSearchResults ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.AutoSearchResults li {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    color: #000000;
    font-size: 11px;
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
    /*width: 100%;*/

    /*font: menu;
	font-size: 12px;
	*/

    /* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
    line-height: 15px;
    overflow: hidden;
}

.AutoSearchLoading {
    background: white url('../../images/ajax-loader-small.gif') right center no-repeat;
}

.AutoSearchOddOption {
    background: #FFFFFF;
    border-top-color: white;
    border-top-width: 1px;
    border-top-style: solid;

    border-bottom-color: #b5b5b5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.AutoSearchEvenOption {
    background: #E0E0E0;
    border-top-color: white;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: #b5b5b5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.AutoSearhOver {
    background-color: #9AC2E5;
    color: #333333;
}

.dhtmlxgridstyle {
    position: absolute;
    z-index: 1;
    display: none;
    width: 75%;
    height: 460px;
}

.dhtmlxgridboxstyle {
    background-color: white;
    position: relative;
    width: 99%;
    height: 400px;
}

.dhtmlxLayoutStyle {
    position: relative;
    top: 20px;
    left: 5px;
    width: 98%;
    height: 560px;
}

.dhtmlxgridfilterstyle {
    width:99%;
    height:46px;
}

.relativediv {
    position: relative;
    width: 85%;
    padding: 45px 0px 0 0;
    left: -10px;
    margin: 30px 0 0 0
}

.gradient_button {
    height: 44px;
    width: 100%;
}

.gradient_button ul {
    padding: 2px 0 0 0;
}

.gradient_button ul li {
    float: left;
    padding-left: 14px;
    text-align: center;

}

.gradient_button ul li a {
    position: relative;
    float: left;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    font-family: 'ColaborateThinRegular';
    height: 32px;
    line-height: 32px;
    padding: 0 26px 0 26px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    background-image: -moz-linear-gradient(top, #000000, #272728); /* FF3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #272728)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#272728'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#272728')"; /* IE8 */
}

.gradient_button ul li a:hover,
.gradient_button ul li a.current {
    background-image: -moz-linear-gradient(top, #272728, #000000); /* FF3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #272728), color-stop(1, #000000)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272728', endColorstr='#000000'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#272728', endColorstr='#000000')"; /* IE8 */
    color: #00CCFF;
}

.gradient_button ul li a:after {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 7px;
}

.mainLoginBox{
	height:233px; width:170px; margin-left:16px; vertical-align:top
}
 
.defaultButtonDown {
    border-color: #f4f4f4 #e8e8e8;
    border-style: solid;
    border-width: 1px;
}

#ActionToolbarBox{ border-left: 1px solid #CCCCCC; border-top: 1px solid #ffffff;}

/* NadeEm on 20160104 for grid loading status && Grid button*/
.GridButton{
	border:1px solid #666666;
	font-size:11px;
	background-color:#CCCCCC;
	color:#333333;
	cursor:pointer;
	margin-bottom:2px;
	height:18px;
	width:50px;
}
.overlay{
	float:left;
    background-image:url("../../images/disablebk.png");
	opacity: 0.4;                    /* Firefox, Safari(WebKit), Opera */
    -ms-filter: "alpha(opacity=40)"; /* IE 8 */
    filter: alpha(opacity=40);       /* IE 4-7 */
	margin:1px 1px 1px 1px;
	text-align:center;
	border:0px solid red;
	position:relative;
}
.position{
	position:absolute;
	top:50%;
	left:50%;
	height:100px;
	/*width:160px;
	margin-left:-60px;*/
	margin-top:-50px;
	vertical-align: middle;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	color:#000033;
} 
.position p{
 	margin: 5px 0px 0px 0px;
	padding:0px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#000066;
}
.img{
	height:70px;
	width:50px;
	background-image:url(../../images/load_small.gif);
	text-align:center;
} 
*html .img{
	background-repeat:no-repeat;
}
.imgcircle{
  	margin-top:32px;
	height:31px;
	width:31px;
	background-image:url(../../images/load_small_circle.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left:9px;
	display:inline;
} 
*html .imgcircle{
	height:38px;
	width:40px;
} 

/* End */

.dhxsidebar_base_dhx_skyblue div.dhxsidebar_cont div.dhxsidebar_side.dhxsidebar_tpl_details div.dhxsidebar_side_items div.dhxsidebar_item{
    cursor: pointer;
}



/*Ess Apps on employee Index Responsive */
.ess_apps {
    margin-top: 2px;
}  
.ess_apps .ess_app {
    padding: 0;
    list-style: none;
    width: 100%;
    background-color: #fff;	
	height: 50px;
}
 
.ess_apps .ess_app li {
    float: left;  
	width: 9%;
    height: 55px; 
    margin-bottom: 10px; 
	text-align: center; 
}


/* New Top Login */
.login-top-menu ul {
    font-family: RobotoCondensed-light;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right;
    font-size: 16px;
}

.login-top-menu ul li {
    float: left;
}

.login-top-menu ul li a {
    display: block;
    color: #0759fd;
    text-align: center;
    padding: 12px 14px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.login-top-menu ul li a:hover {
    color: #194795;
}

@font-face {
    font-family: RobotoCondensed-regular;
    src: url(../../font/Roboto_Condensed/RobotoCondensed-Regular.ttf);
}

@font-face {
    font-family: RobotoCondensed-light;
    src: url(../../font/Roboto_Condensed/RobotoCondensed-Light.ttf);
}

@font-face {
    font-family: RobotoCondensed-bold;
    src: url(../../font/Roboto_Condensed/RobotoCondensed-Bold.ttf);
}

@font-face {
    font-family: Allura-Regular;
    src: url(../../font/Allura/Allura-Regular.ttf);
}


.footer-16{
    font-family: RobotoCondensed-light;
    font-size: 14px;
    color: grey;
    padding-right: 20px;
}

.footer-16 a{
    text-decoration: none;
    color: grey;
    margin-left: 2px;
    margin-right: 2px;
}

.recruiter-msg{
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #333333;
}


.moodleButton {
    -moz-box-shadow: 0px 1px 0px -50px #fff6af;
    -webkit-box-shadow: 0px 1px 0px -50px #fff6af;
    box-shadow: 0px 1px 0px -50px #fff6af;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color:#ffec64;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #ffaa22;
    display:inline-block;
    cursor:pointer;
    color:#333333;
    font-family:Verdana;
    font-size:8px;
    font-weight:bold;
    padding:0px 3px;
    text-decoration:none;
    line-height: 10px;
}
.moodleButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color:#ffab23;
}
.moodleButton:active {
    position:relative;
    top:1px;
}
 
#TaskUISearch {
    padding-top: 1px;  
}

*, :after, :before {
    box-sizing: border-box;
}