body {
   /* background-color: #FBE8BC;*/
    margin: 0;
    padding: 0;
    width: 100%;
	height: 100%;
	font-family:calibri;
/*background-image: linear-gradient(bottom, #4396CA 15%, #145BA2 87%);
background-image: -o-linear-gradient(bottom, #4396CA 15%, #145BA2 87%);
background-image: -moz-linear-gradient(bottom, #4396CA 15%, #145BA2 87%);
background-image: -webkit-linear-gradient(bottom, #4396CA 15%, #145BA2 87%);
background-image: -ms-linear-gradient(bottom, #4396CA 15%, #145BA2 87%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #4396CA), color-stop(0.87, #145BA2));*/


/*
with blue Color
background-image: linear-gradient(center bottom , #4396CA 55%, #0021A2 85%);
background-image: -o-linear-gradient(center bottom , #4396CA 55%, #0021A2 85%);
background-image: -moz-linear-gradient(center bottom , #4396CA 55%, #0021A2 85%);
background-image: -webkit-linear-gradient(center bottom , #4396CA 55%, #0021A2 85%);
background-image: -ms-linear-gradient(center bottom , #4396CA 55%, #0021A2 85%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.55, #4396CA), color-stop(0.85, #0021A2));*/

/*background-image: linear-gradient(center bottom , #4396CA 90%, #0021FF 103%);
background-image: -o-linear-gradient(center bottom , #4396CA 90%, #0021FF 103%);
background-image: -moz-linear-gradient(center bottom , #4396CA 90%, #0021FF 103%);
background-image: -webkit-linear-gradient(center bottom , #4396CA 90%, #0021FF 103%);
background-image: -ms-linear-gradient(center bottom , #4396CA 90%, #0021FF 103%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, #4396CA), color-stop(0.103, #0021FF));*/

background-color: #4396CA;
background-repeat: no-repeat;
background-attachment: fixed;

}

/*@font-face {
    font-family: "L";
    src: url("../fonts/L.TTF");
}
@font-face {
    font-family: "BELWEB";
    src: url("../fonts/BELWEB.TTF");
}
@font-face {
    font-family: "ARLRDBD_0";
    src: url("../fonts/ARLRDBD_0.TTF");
}
@font-face {
    font-family: "CASTLEB";
    src: url("../fonts/CASTLEB.TTF");
}
@font-face {
    font-family: "CASTLEL";
    src: url("../fonts/CASTLEL.TTF");
}
@font-face {
    font-family: "BAHAMASN";
    src: url("../fonts/BAHAMASN.TTF");
}
@font-face {
    font-family: "SWZ721M";
    src: url("../fonts/SWZ721M.TTF");
}
@font-face {
    font-family: "SWZ721LE";
    src: url("../fonts/SWZ721LE.TTF");
}
@font-face {
    font-family: "HUM777L";
    src: url("../fonts/HUM777L.TTF");
}
@font-face {
    font-family: "HUM777N";
    src: url("../fonts/HUM777N.TTF");
}
@font-face {
    font-family: "BELGOTHK";
    src: url("../fonts/BELGOTHK.TTF");
}*/
.top-main {
    /*background-image: url("../img/images/top_pat.png");			29-08-2013	*/
    background-position: left center;
    background-repeat: repeat-x;
    border-bottom: 5px solid #000000;
    height: 105px;	/*105px;*/
    /*margin-left: auto;
    margin-right: auto;*/
    width: 100%;
	background:#F3F4F6;
}
#wrapper_new {
    height: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -106px;
    width: 1200px;
}
#wrapper_new_01 {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -110px;
    width: 98%;
}
#background_img {
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 800px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.header {
	float: left;
	height: 105px;
	width: 20%;
}
#logo {
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 105px;
    width: 19%;
	padding-left: 1%;
}
#logo_img {
    background-image: url("../img/images/logo_fieldForce.png");
    background-position: left center;
    background-repeat: no-repeat;
	background-size: 100% auto;
    float: left;
    height: 105px;
    width: 20%;
}
#headerCtr {
    float: left;
    height: 105px;
    width: 40%;
}
#headerRty {
    float: left;
    height: 105px;
    padding-left: 2%;
    width: 28%;
}
#headerRty .userImg {
    background: url("../img/images/userImg.png") no-repeat scroll center center transparent;
    float: left;
    height: 100px;
    width: 20%;
}
#headerRty .login {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10%;
    padding-top: 20px;
    width: 70%;
}
#headerRty .login a {
    color: #FFFFFF;
    font-family: sans-serif,serif,Arial;
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
    text-decoration: none;
    width: 1%;
}
#headerRty .login a:hover {
    color: #FFFFFF;
    font-family: sans-serif,serif,Arial;
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
    text-decoration: underline;
    width: 1%;
}
#headerRty .loginDetail {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 14px;
    padding-left: 10%;
    padding-top: 20px;
    width: 70%;
}
.mainLogo {
    float: left;
    height: 101px;
    margin-left: 25px;
    width: 275px;
}
.headerCtr {
    float: left;
    height: 101px;
    width: 870px;
}
#header_right {
    float: left;
    height: 101px;
    width: 500px;
}
#header_right .userImg {
    background: url("../img/images/userImg.png") no-repeat scroll center center transparent;
    float: left;
    height: 100px;
    width: 20%;
}
#header_right .login {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10%;
    padding-top: 20px;
    width: 70%;
}
#header_right .login a {
    color: #FFFFFF;
    font-family: sans-serif,serif,Arial;
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
    text-decoration: none;
    width: 1%;
}
#header_right .login a:hover {
    color: #FFFFFF;
    font-family: sans-serif,serif,Arial;
    font-size: 14px;
    font-weight: bold;
    padding-top: 20px;
    text-decoration: underline;
    width: 1%;
}
#header_right .loginDetail {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 14px;
    padding-left: 10%;
    padding-top: 20px;
    width: 70%;
}
@font-face {
    font-family: "ARLRDBD_0";
    src: url("../fonts/ARLRDBD_0.TTF");
}
@font-face {
    font-family: "HUM777N";
    src: url("../fonts/HUM777N.TTF");
}
nav {
    background-image: url("../img/images/navigation_pat.png");
    background-position: left center;
    background-repeat: repeat-x;
    float: left;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    width: 100%;
}
nav ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
nav li {
    display: block;
    float: left;
    height: 48px;
    list-style-type: none;
    padding-top: 15px;
    width: auto;
}
nav li a {
    border-right: 1px solid #000000;
    color: #FFFFFF;
    display: block;
    font-family: L;
    font-size: 0.9em;
    list-style-type: none;
    padding-left: 8px;
    padding-right: 7px;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    width: auto;
}
nav ul li a:hover {
    text-decoration: underline;
}
#wrapper {
    float: left;
    margin-top: 0;
    min-height: 500px;
    padding:0;
    width: 97%;
}
#bdyLeft {
    background: linear-gradient(to bottom, #DEEFF9 1%, #FFFFFF 100%) repeat scroll 0 0 #DEEFF9;
    float: left;
    min-height: 500px;
    width: 25%;
}
#bdyLeft h1 {
    background-image: url("../img/images/navigation_pat.png");
    background-position: left center;
    background-repeat: repeat-x;
    color: #FFFFFF;
    float: left;
    font-family: CASTLEB;
    font-size: 1.8em;
    height: 40px;
    letter-spacing: 0;
    margin: 0;
    padding-left: 3%;
    padding-top: 8px;
    width: 97%;
}
#bdyLeft ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#bdyLeft li {
    background-color: #F1F8FE;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.1em;
    height: 30px;
    list-style-type: none;
    margin-top: 1%;
    padding-bottom: 5px;
    padding-left: 5%;
    padding-top: 7px;
    width: 95%;
}
#bdyLeft li span {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: 10px;
    list-style-type: none;
    padding-bottom: 20px;
    text-align: left;
    width: 70%;
}
#bdyLeft li div {
    float: right;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: 10px;
    list-style-type: none;
    padding-bottom: 20px;
    padding-right: 10%;
    text-align: right;
    width: 20%;
}
#bdyRight {
    float: left;
    height: 200px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    width: 70%;
}
#bdyRight h1 {
    color: #000000;
    float: left;
    font-family: sans-serif,Tahoma,Geneva;
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 0;
    padding-left: 10px;
    text-align: left;
    width: 70%;
}
#bdyRight .mainThub {
    float: left;
    height: auto;
    margin-bottom: 25px;
    width: 100%;
}
/* #bdyRight .smallThumb {
    border: 2px solid #C1DCF1;
    display: block;
    float: left;
    height: 140px;
    margin-left: 1%;
    padding-bottom: 15px;
    padding-top: 20px;
    width: 150px;
} */
#bdyRight .smallThumb .icon {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    width: 100px;
}
#bdyRight .smallThumb .iconText {
    float: left;
    font-family: sans-serif,Tahoma,Geneva;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 17px;
    padding-top: 15px;
    text-align: center;
    width: 100%;
}
#loginBdy {
    background-color: #FFFFFF;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
    padding-bottom: 50px;
    padding-top: 20px;
    width: 1200px;
}
#loginBdy .loginPannel {
    background-color: #FFFFFF;
    background-image: url("../img/images/organizationBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding: 20px;
    width: 600px;
}
#loginBdy .loginPannel .textHeading {
    color: #1C607D;
    font-family: CASTLEB;
    font-size: 1.8em;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}
#loginBdy .loginPannel .textHeading span {
    color: #1C607D;
    font-family: sans-serif,serif,Arial;
    font-size: 0.8em;
    text-align: right;
    width: 100%;
}
#loginBdy .userName {
    color: #1C607D;
    font-family: L;
    font-size: 1.8em;
    padding-left: 105px;
    padding-top: 20px;
    text-align: left;
    width: 450px;
}
#loginBdy .rememberDiv {
    float: left;
    width: 400px;
}
#loginBdy .rememberMe {
    color: #1C607D;
    float: left;
    font-family: L;
    font-size: 0.9em;
    padding-right: 50px;
    padding-top: 20px;
    text-align: left;
    width: 250px;
}
#loginBdy .radioBtn {
    float: left;
    padding-left: 60px;
    padding-top: 20px;
    width: 30px;
}
#loginBdy .userInput {
    color: #FFFFFF;
    font-family: HUM777L;
    font-size: 1.3em;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    width: 350px;
}
#loginBdy .submitBtn {
    color: #FFFFFF;
    float: right;
    font-size: 1.3em;
    height: 25px;
    margin-left: 5px;
    width: 100px;
}
#loginBdy .submitBtn a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    color: #000000;
    float: right;
    font-family: HUM777L;
    font-size: 0.8em;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF;
    width: 100px;
}
#loginBdy .submitBtn a:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
#loginBdy .backBtn {
    color: #FFFFFF;
    float: right;
    font-size: 1.3em;
    height: 25px;
    margin-left: 5px;
    width: 70px;
}
#loginBdy .backBtn a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    color: #000000;
    float: right;
    font-family: HUM777L;
    font-size: 0.8em;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF;
    width: 70px;
}
#loginBdy .backBtn a:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
#superAdmin {
    background-color: #FFFFFF;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
    padding-bottom: 50px;
    padding-top: 20px;
    width: 1200px;
}
#superAdmin .loginPannel {
    background-color: #1C3A62;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding: 20px;
    width: 480px;
}
#superAdmin .loginPannel .textHeading {
    color: #FFFFFF;
    font-family: sans-serif,serif,Arial;
    font-size: 1.3em;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}
#superAdmin .loginPannel .textHeading span {
    color: #FFFFFF;

    font-family: sans-serif,serif,Arial;
    font-size: 0.8em;
    text-align: right;
    width: 100%;
}
#superAdmin .orgId {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    padding-left: 65px;
    padding-top: 20px;
    text-align: left;
    width: 150px;
}
#superAdmin .rememberDiv {
    float: left;
    width: 400px;
}
#superAdmin .rememberMe {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    padding-right: 50px;
    padding-top: 20px;
    text-align: left;
    width: 250px;
}
#superAdmin .radioBtn {
    float: left;
    padding-left: 60px;
    padding-top: 20px;
    width: 30px;
}
#superAdmin .userInputMain {
    color: #FFFFFF;
    font-size: 1.3em;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    width: 350px;
}
#superAdmin .userInput {
    color: #000000;
    float: left;
    font-family: HUM777L;
    font-size: 0.8em;
    height: 25px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding-left: 10px;
    width: 340px;
}
#superAdmin .submitBtn {
    color: #FFFFFF;
    float: right;
    font-size: 1.3em;
    height: 25px;
    width: 100px;
}
#superAdmin .goBtn a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    color: #000000;
    float: right;
    font-family: HUM777L;
    font-size: 1.2em;
    font-weight: bold;
    height: 25px;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    width: 50px;
}
#superAdmin .submitBtn a:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
#superAdmin .backBtn {
    color: #FFFFFF;
    float: right;
    font-size: 1.3em;
    height: 20px;
    margin-left: 5px;
    width: 70px;
}
#superAdmin .backBtn a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    color: #000000;
    float: right;
    font-family: HUM777L;
    font-size: 0.8em;
    font-weight: bold;
    height: 23px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF;
    width: 70px;
}
#superAdmin .backBtn a:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
#organization {
    background-color: #FFFFFF;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 130px;
    padding-bottom: 50px;
    padding-top: 20px;
    width: 1200px;
}
.userDiv {
    float: left;
    height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 400px;
}
#organization .loginPannel {
    background-color: #1C3A62;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding: 20px;
    width: 480px;
}
#organization .loginPannel .textHeading {
    color: #FFFFFF;
    font-family: sans-serif,serif,Arial;
    font-size: 1.5em;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}
#loginBdy .loginPannel .textHeading span {
    color: #FFFFFF;
    font-family: sans-serif,serif;
    font-size: 0.8em;
    text-align: right;
    width: 100%;
}
#organization .userName {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif;
    font-size: 1.2em;
    height: 30px;
    padding-left: 35px;
    padding-top: 15px;
    text-align: left;
    width: 150px;
}
#organization .userInput {
    color: #000000;
    float: left;
    font-family: sans-serif,serif;
    font-size: 1em;
    height: 25px;
    margin-top: 5px;
    width: 200px;
}
#organization .submitBtn {
    color: #FFFFFF;
    float: right;
    font-size: 1.3em;
    height: 25px;
    margin-top: 20px;
    width: 100px;
}
#organization .submitBtn a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    color: #000000;
    float: right;
    font-family: HUM777L;
    font-size: 0.8em;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF;
    width: 90px;
}
#organization .rememberDiv {
    float: left;
    width: 400px;
}
#organization .submitBtn a:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
#organization .backBtn {
    color: #FFFFFF;
    float: right;
    font-size: 1.3em;
    height: 25px;
    margin-left: 5px;
    width: 70px;
}
#organization .backBtn a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    color: #000000;
    float: right;
    font-family: HUM777L;
    font-size: 0.8em;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF;
    width: 70px;
}
#organization .backBtn a:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
#employeeTable {
    color: #000000;
}
#employeeTable h1 {
    color: #000000;
    font-family: sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 20px;
    text-align: left;
}
#employeeTable .tableBg {
    color: #000000;
    font-size: 1.6em;
    font-weight: bold;
    text-align: left;
}
#employeeTable .searchBar {
    background-image: url("../img/images/searchBarBg_pat.png");
    background-position: left center;
    background-repeat: repeat-x;
    border: 1px solid #A2CAFF;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    float: left;
    height: 68px;
    width: 100%;
}
#employeeTable .headBtn {
    background-color: #15536F;
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    height: 40px;
    padding-left: 15px;
    padding-top: 10px;
    width: 15%;
}
#employeeTable .keyword1 {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    height: 30px;
    padding-top: 15px;
    width: 20%;
}
#employeeTable .keyword {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.8em;
    height: 20px;
    margin-left: 5%;
    padding-left: 15px;
    width: 90%;
}
#employeeTable .keyword2 {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    height: 30px;
    padding-top: 15px;
    width: 45%;
}
#employeeTable .employeeDetl {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.8em;
    height: 25px;
    margin-left: 5%;
    padding-left: 15px;
    width: 60%;
}
#employeeTable .serchImg {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    height: 30px;
    margin-top: -5px;
    padding-left: 15px;
    width: 20%;
}
#employeeTable .keyword3 {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    height: 30px;
    margin-top: 5px;
    padding-left: 15px;
    width: 15%;
}
#employeeTable .addUsr {
    border-right: 1px solid #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    height: 30px;
    margin-right: 6%;
    padding-right: 10%;
    width: 19%;
}
#employeeTable .exportCsv {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: 25px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    width: 55%;
}
#employeeTable .companyRpt {
    background-image: url("../img/images/searchBarBg_pat.png");
    background-position: left center;
    background-repeat: repeat-x;
    border: 1px solid #A2CAFF;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    float: left;
    height: 50px;
    width: 100%;
}
#employeeTable .SlctRange {
    color: #15536F;
    float: left;
    font-family: L;
    font-size: 1.2em;
    height: 40px;
    padding-left: 8px;
    padding-top: 10px;
    width: 14%;
}
#employeeTable .StartDate {
    color: #15536F;
    float: left;
    font-family: L;
    font-size: 1.2em;
    height: 40px;
    padding-left: 10px;
    padding-top: 10px;
    width: 20%;
}
#employeeTable .StartDateDiv {
    float: left;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 15%;
}
#employeeTable .StartDateInput {
    background-color: #FFFFFF;
    color: #15536F;
    float: left;
    font-family: L;
    font-size: 1.2em;
    height: 25px;
    width: 100%;
}
#employeeTable .StartDateHeading {
    color: #15536F;
    float: left;
    font-family: L;
    font-size: 1.2em;
    height: 40px;
    padding-left: 10px;
    padding-top: 10px;
    width: 8%;
}
#employeeTable .searchBtn {
    color: #15536F;
    float: left;
    height: 40px;
    margin-left: 1%;
    padding-left: 10px;
    padding-top: 10px;
    width: 7%;
}
#employeeTable .StartDateCalander {
    color: #15536F;
    float: left;
    font-family: L;
    font-size: 1.2em;
    height: 40px;
    padding-left: 10px;
    padding-top: 10px;
    width: 3%;
}
#employeeTable .yearlyInut {
    color: #193356;
    float: left;
    font-family: L;
    font-size: 1.2em;
    height: 30px;
    width: 100%;
}
#employeeTable .yearly {
    color: #193356;
    float: left;
    font-family: L;
    font-size: 0.8em;
    height: 40px;
    padding-left: 10px;
    padding-top: 10px;
    width: 15%;
}
#employeeTable .keyword2 {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    height: 30px;
    padding-top: 15px;
    width: 45%;
}
#employeeTable .startDate {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.8em;
    height: 25px;
    margin-left: 5%;
    padding-left: 15px;
    width: 30%;
}
#employeeTable .serchImg {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    height: 30px;
    margin-top: -5px;
    padding-left: 15px;
    width: 20%;
}
#employeeTable .keyword3 {
    color: #193356;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.2em;
    height: 30px;
    margin-top: 5px;
    padding-left: 15px;
    width: 15%;
}
#employeeTable .addUsr {
    border-right: 1px solid #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    height: 30px;
    margin-right: 6%;
    padding-right: 10%;
    width: 19%;
}
#employeeTable .exportCsv {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: 25px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    width: 55%;
}
#serviceDespatch {
    float: left;
    font-family: sans-serif,serif,Arial;
    min-height: 500px;
    width: 100%;
}
#serviceDespatch h1 {
    color: #000000;
    font-family: sans-serif,serif,Arial;
    font-size: 1.6em;
    font-weight: bold;
    margin-top: 20px;
    text-align: left;
}
#serviceDespatch .searchBar {
    background-image: url("../img/images/searchBarBg_pat.png");
    background-position: left center;
    background-repeat: repeat-x;
    border: 1px solid #A2CAFF;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    float: left;
    height: 40px;
    text-align: left;
    width: 100%;
}
#serviceDespatch .searchBar {
    background-image: url("../img/images/searchBarBg_pat.png");
    background-position: left center;
    background-repeat: repeat-x;
    border: 1px solid #A2CAFF;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    float: left;
    height: 68px;
    width: 100%;
}
#serviceDespatch .serchHeading {
    float: left;
    height: 100%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 5px;
    width: 18%;
}
#serviceDespatch .field {
    float: left;
    height: 50px;
    padding-top: 20px;
    width: 23%;
}
#serviceDespatch .inputfield {
    height: 30px;
    width: 60%;
}
#serviceDespatch .serchbtn a {
    background-image: url("../img/images/searchBtn.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    padding-left: 10px;
    padding-top: 20px;
    width: 10%;
}
#serviceDespatch .serchbtn a:hover {
    background-image: url("../img/images/searchBtnHvr.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    padding-left: 10px;
    padding-top: 20px;
    width: 10%;
}
#serviceDespatch .tableStart {
    background-color: #FFFFFF;
    background-image: url("../img/images/tablebgPat.png");
    background-position: left center;
    background-repeat: repeat-x;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 50px;
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
}
#serviceDespatch .tableStartbody {
    background-color: #FFFFFF;
    float: left;
    height: 500px;
    margin-top: 10px;
    width: 100%;
}
#serviceDespatch .tableLft {
    float: left;
    height: 150px;
    margin-right: 1%;
    width: 29%;
}
#serviceDespatch .serviceDate {
    background-color: #336633;
    float: left;
    height: 40px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 21%;
}
#serviceDespatch .tableRht {
    background-color: #336633;
    float: left;
    height: 150px;
    width: 70%;
}
#tableRowHeding {
    background: url("../img/images/navigation_pat.png") repeat-x scroll left center transparent;
    color: #FFFFFF;
    float: left;
    font-size: 0.9em;
    height: 48px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
#tableRowHeding:hover {
    background: url("../img/images/navigation_pat.png") repeat-x scroll left center transparent;
    box-shadow: 3px 0 15px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    float: left;
    font-size: 0.9em;
    height: 48px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 100;
}
#tableRowHeding .radio1 {
    color: #000000;
    float: left;
    height: 30px;
    padding-left: 10px;
    width: 2%;
}
#tableRowHeding .EmploName {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    text-align: center;
    width: 15%;
}
#tableRowHeding .Branch {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    text-align: center;
    width: 5%;
}
#tableRowHeding .level {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
    width: 4%;
}
#tableRowHeding .employeRole {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    width: 10%;
}
#tableRowHeding .emailHd {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    text-align: center;
    width: 15%;
}
#tableRowHeding .mobile {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    text-align: center;
    width: 4%;
}
#tableRowHeding .registrDate {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    width: 13%;
}
#tableRowHeding .currentJob {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    width: 10%;
}
#tableRowHeding .status {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    width: 5%;
}
#tableRowHeding .action {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    margin-left: 4%;
    width: 6%;
}
#showLcnMap {
    float: left;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#showLcnMap .showMap {
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 25px;
    padding-top: 25px;
    width: 50%;
}
#showLcnMap .showMap a {
    background-image: url("../img/images/jobOnMap_btn.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #244C7F;
    display: block;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1.1em;
    font-weight: bold;
    height: 30px;
    padding-left: 15px;
    text-decoration: none;
    width: 305px;
}
#showLcnMap .showMap a:hover {
    background-image: url("../img/images/jobOnMap_btn_hvr.png");
    background-position: left center;
    background-repeat: no-repeat;
}
#showLcnMap .addJob {
    float: right;
    font-family: sans-serif,serif,Arial;
    height: 25px;
    padding-top: 25px;
    text-align: right;
    width: 50%;
}
#showLcnMap .addJob a {
    background-image: url("../img/images/addNewJob_btn.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #244C7F;
    display: block;
    float: right;
    font-family: sans-serif,serif,Arial;
    font-size: 1.1em;
    height: 30px;
    padding-right: 15px;
    text-align: right;
    text-decoration: none;
    width: 305px;
}
#showLcnMap .addJob a:hover {
    background-image: url("../img/images/addNewJob_btn_hvr.png");
    background-position: left center;
    background-repeat: no-repeat;
}
#jobInfo {
    background: url("../img/images/navigation_pat.png") repeat-x scroll left center transparent;
    color: #FFFFFF;
    float: left;
    font-size: 0.9em;
    height: 48px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
#jobInfo .radio1 {
    color: #000000;
    float: left;
    height: auto;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    width: 2%;
}
#jobInfo .employeeName {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 12%;
}
#jobInfo .clientCo {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
#jobInfo .employeName {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding: 5px 2%;
    text-align: center;
    width: 11%;
}
#jobInfo .location {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 13%;
}
#jobInfo .zipCode {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 8%;
}
#jobInfo .dateBookded {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
#jobInfo .postatedDate {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 13%;
}
#jobInfo .status {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 4%;
}
#jobInfo .action {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 10%;
}
.jobRadio {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: center;
    width: 2%;
}
.employeeName {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: center;
    width: 12%;
}
.clientCo {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
.employeName {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding: 5px 2%;
    text-align: center;
    width: 11%;
}
.location {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 13%;
}
.zipCode {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 8%;
}
.dateBookded {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
.postatedDate {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 13%;
}
.status {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 4%;
}
.action {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
.jobRadio1New {
    color: #000000;
    float: left;
    height: 30px;
    padding-left: 10px;
    padding-top: 5px;
    width: 2%;
}
.jobEmployeeNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 15%;
}
.jobBranchNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 5%;
}
.jobLevelNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 5px;
    text-align: center;
    width: 4%;
}
.jobEmployeRoleNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
.jobEmailHdNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 15%;
}
.jobMobileNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 4%;
}
.jobRegistrDateNew {
    color: #000000;
    float: left;

    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 13%;
}
.jobCurrentJobNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
.jobStatusNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 5%;
}
#jobActionNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    margin-left: 4%;
    text-align: center;
    width: 8%;
}
#jobActionNew .editIcon {
    border: medium none;
    color: #000000;
    float: left;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 30%;
}
#jobActionNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    margin-left: 3%;
    text-align: center;
    width: 8%;
}
#jobActionNew .editIcon01 {
    border: medium none;
    color: #000000;
    float: left;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 25%;
}
.radio1New {
    color: #000000;
    float: left;
    height: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 2%;
}
.employeeNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 15%;
}
.BranchNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 5%;
}
.levelNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding: 10px 2%;
    text-align: center;
    width: 4%;
}
.employeRoleNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
.emailHdNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 15%;
}
.mobileNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 4%;
}
.registrDateNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 13%;
}
.currentJobNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 10%;
}
.statusNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 5%;
}
#actionNew {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    height: auto;
    margin-left: 4%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 8%;
}
#actionNew .editIcon {
    border: medium none;
    color: #000000;
    float: left;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 30%;
}
#actionNew {
    color: #000000;
    float: left;
    font-family: sans-serif,Arial,Helvetica;
    height: auto;
    margin-left: 3%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 8%;
}
#actionNew .editIcon01 {
    border: medium none;
    color: #000000;
    float: left;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 25%;
}
#employeeTable .tableRowBlue {
    background-color: #E5ECF9;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}
#employeeTable .tableRowRed {
    background-color: #F9E5E6;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}
#employeeTable .tableRowgreen {
    background-color: #F9F9E5;
    float: left;
    font-family: sans-serif,Arial,Helvetica;
    font-size: 0.9em;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}
#jobOrder {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#jobOrder .topNavigation {
    float: left;
    height: 50px;
    width: 50%;
}
#jobOrder .backButton {
    float: left;
    height: 40px;
    padding-top: 10px;
    width: 50%;
}
#jobOrder p {
    background-color: #FFFFFF;
    color: #000000;
    font-family: HUM777L;
    font-size: 1em;
    font-weight: normal;
    margin-top: 10px;
    text-align: left;
    width: 100%;
}
#jobOrder .tableRowBlue {
    background-color: #F2F9FF;
    float: left;
    font-size: 0.9em;
    height: auto;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
}
#jobOrder .tableRowWhite {
    background-color: #FFFFFF;
    float: left;
    font-size: 0.9em;
    height: auto;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
}
#jobOrder .formText {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    height: 30px;
    margin-left: 10%;
    padding-bottom: 10px;
    padding-left: 5%;
    padding-top: 10px;
    width: 47%;
}
#jobOrder span {
    color: #FF0000;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    height: 30px;
    padding-left: 5px;
    text-align: left;
    width: auto;
}
#jobOrder .formInput {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 38%;
}
#jobOrder .formInputBtn {
    background-color: #006699;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    height: 30px;
    margin-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 30%;
}
#jobOrder .formInputField {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    width: 200px;
}
#jobOrder .formInputFieldDropDown {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: 30px;
    padding-left: 10px;
    width: 220px;
}
#jobOrder .formInputFieldTextArea {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: 80px;
    padding-left: 10px;
    width: 300px;
}
#jobOrder .formInputType {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    height: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 200px;
}
#jobOrder .tableRowWhite p {
    background-color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    font-weight: bold;
    padding-left: 3%;
    width: 97%;
}
#jobOrder .tableRowWhite a {
    color: #000000;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 1em;
    font-weight: bold;
    padding-left: 1%;
    text-decoration: none;
}
#jobOrder .tableRowWhite a:hover {
    text-decoration: underline;
}
#jobOrder .submitBtn {
    color: #FFFFFF;
    float: right;
    font-size: 1.3em;
    height: 25px;
    margin-top: 20px;
    width: 100px;
}
#jobOrder .submitBtn a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    color: #000000;
    float: right;
    font-family: HUM777L;
    font-size: 0.8em;
    font-weight: bold;
    height: 25px;
    margin-right: 60px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF;
    width: 90px;
}
#jobOrder .submitBtn a:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
#jobOrder .backBtn a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    float: right;
    font-family: SWZ721LE;
    font-size: 1em;
    font-weight: bold;
    height: 23px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    width: 70px;
}
#jobOrder .backBtn a:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
#footer {
   /* background-color: #333333;
    background-image: url("../img/images/footer_pat.png");
    background-position: left center;
    background-repeat: repeat-x;*/
    bottom: 0;
    color: #FFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 12px;
    height: 20px;
	padding-bottom:15px;
	padding-top:8px;
    position: fixed;
    text-align: center;
    width: 100%;
	
	
	
	overflow:hidden;
	border-top: 2px solid #000000;
	/*background-image: linear-gradient(top, #4396CA 15%, #145BA2 87%);
	background-image: -o-linear-gradient(top, #4396CA 15%, #145BA2 87%);
	background-image: -moz-linear-gradient(top, #4396CA 15%, #145BA2 87%);
	background-image: -webkit-linear-gradient(top, #4396CA 15%, #145BA2 87%);
	background-image: -ms-linear-gradient(top, #4396CA 15%, #145BA2 87%);

	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #4396CA), color-stop(0.87, #145BA2));*/

 	background-repeat: no-repeat;
    background-attachment: fixed;
	
	background:#F3F4F6;
	color:#000000;
}
#tableTest {
    background: url("../img/images/navigation_pat.png") repeat-x scroll left center transparent;
    color: #FFFFFF;
    float: left;
    font-size: 0.9em;
    height: 48px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
#tableTest ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#tableTest li {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    list-style-type: none;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
#testtableRowWhite {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#testtableRowWhite ul {
    background-color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#testtableRowWhite li {
    float: left;
    font-family: sans-serif,serif,Arial;
    font-size: 0.9em;
    height: 48px;
    list-style-type: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    text-align: center;
    width: auto;
    word-wrap: break-word;
}
#tableTest .radio {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    text-align: center;
    width: auto;
}
#tableTest .employeeName {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
#tableTest .branch {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
#tableTest .empRol {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
#tableTest .email {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
#tableTest .mobile {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
#tableTest .registration {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
#tableTest .current {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
#tableTest .status {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
.action {
    color: #FFFFFF;
    float: left;
    font-family: sans-serif,serif,Arial;
    font-weight: bold;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: auto;
}
#butns {
    float: left;
    height: 50px;
    width: 100px;
}
#butns a {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 2px #FFFFFF inset;
    float: left;
    font-family: L;
    font-size: 1.5em;
    height: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.css_btn_class {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    float: right;
    font-family: sans-serif,Arial,Helvetica;
    font-size: 1em;
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.css_btn_class:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
.css_btn_class:active {
    position: relative;
    top: 1px;
}
#organizationLogin {
    background-color: #FFFFFF;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 110px;
    padding-top: 50px;
    width: 1200px;
}
#organizationLogin .login {
    background-image: url("../img/images/superAdmin_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 485px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 760px;
}
#organizationLogin .keyicon {
    background-image: url("../img/images/key.png");
    background-position: right center;
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    margin-left: 260px;
    padding-top: 30px;
    width: 55px;
}
#organizationLogin h1 {
    color: #1C607D;
    float: left;
    font-family: CASTLEB;
    font-size: 1.8em;
    height: 50px;
    padding-left: 25px;
    width: 420px;
}
#organizationLogin .userName {
    color: #1C607D;
    float: left;
    font-family: arial;
    font-size: 1.5em;
    margin: 0;
    padding-left: 280px;
    padding-top: 20px;
    width: 580px;
}
#organizationLogin .userInput {
    color: #1C607D;
    float: left;
    font-family: L;
    font-size: 1.8em;
    height: 50px;
    margin-left: 180px;
    padding-left: 100px;
    width: 480px;
}
#organizationLogin .userInputInner {
    color: #1C607D;
    float: left;
    font-family: L;
    font-size: 0.8em;
    height: 40px;
    padding-left: 5px;
    width: 400px;
}
#organizationLogin .loginback_btn {
    border: medium none;
    float: right;
    height: 30px;
    padding-right: 60px;
    padding-top: 8px;
    width: 500px;
}
#organizationLogin .loginSubmitBtn {
    float: left;
    height: 30px;
    margin-left: 660px;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-right: 60px;
    padding-top: 3px;
    width: 20px;
}
#organizationLogin-01 {
    background-color: #FFFFFF;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 110px;
    padding-top: 50px;
    width: 1200px;
}
#organizationLogin-01 .login {
    background-image: url("../img/images/superAdmin_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 485px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 760px;
}
#organizationLogin-01 h1 {
    color: #1C607D;
    float: left;
    font-family: CASTLEB;
    font-size: 1.8em;
    height: 50px;
    padding-left: 160px;
    padding-right: 20px;
    text-align: center;
    width: 580px;
}
#organizationLogin-01 .userName {
    color: #1C607D;
    float: left;
    font-family: sans-serif,sens;
    font-size: 1.5em;
    margin: 0;
    padding-left: 280px;
    padding-top: 60px;
    width: 580px;
}
#organizationLogin-01 .userInput {
    color: #1C607D;
    float: left;
    font-family: arial;
    font-size: 1.5em;
    height: 50px;
    margin-left: 180px;
    margin-top: 10px;
    padding-left: 100px;
    width: 480px;
}
#organizationLogin-01 .userInputInner {
    color: #1C607D;
    float: left;
    font-family: sans-serif,sens;
    font-size: 0.8em;
    height: 40px;
    padding-left: 5px;
    width: 400px;
}
#organizationLogin-01 .loginback_btn {
    border: medium none;
    float: right;
    height: 30px;
    padding-right: 60px;
    padding-top: 8px;
    width: 500px;
}
#organizationLogin-01 .loginSubmitBtn {
    float: left;
    height: 30px;
    margin-left: 660px;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-right: 60px;
    padding-top: 3px;
    width: 20px;
}
#organizationLogin-02 {
    background-color: #FFFFFF;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 110px;
    padding-top: 50px;
    width: 1200px;
}
#organizationLogin-02 .login {
    background-image: url("../img/images/organizationBg.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 605px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 760px;
}
#organizationLogin-02 h1 {
    color: #1C607D;
    float: left;
    font-family: CASTLEB;
    font-size: 1.8em;
    height: 50px;
    padding-left: 160px;
    padding-right: 20px;
    text-align: center;
    width: 580px;
}
#organizationLogin-02 .userName {
    color: #1C607D;
    float: left;
    font-family: sans-serif,sens;
    font-size: 1.5em;
    margin: 0;
    padding-left: 280px;
    width: 580px;
}
#organizationLogin-02 .userInput {
    color: #1C607D;
    float: left;
    font-family: sans-serif,sens;
    font-size: 1.5em;
    height: 50px;
    margin-left: 180px;
    margin-top: 5px;
    padding-left: 100px;
    width: 480px;
}
#organizationLogin-02 .userInputInner {
    color: #1C607D;
    float: left;
    font-family: L;
    font-size: 0.8em;
    height: 40px;
    padding-left: 5px;
    width: 400px;
}
#organizationLogin-02 .loginback_btn {
    border: medium none;
    float: right;
    height: 30px;
    padding-right: 60px;
    padding-top: 8px;
    width: 500px;
}
#organizationLogin-02 .loginSubmitBtn {
    float: left;
    height: 30px;
    margin-left: 660px;
    margin-top: -10px;
    padding-bottom: 3px;
    padding-right: 60px;
    padding-top: 3px;
    width: 20px;
}
#organizationLogin-02 .rememberme {
    color: #1C607D;
    float: left;
    font-family: sans-serif,sens;
    height: 25px;
    padding-left: 280px;
    padding-top: 5px;
    width: 160px;
}
#organizationLogin-02 .rememberme span {
    color: #1C607D;
    float: right;
    font-family: sans-serif,sens;
    font-size: 1.2em;
    height: 30px;
}
#ordlogin {
    float:none;
    height: 300px;
    margin-top: 5px;
    width: 1200px;
	margin:0 auto;
}
#ordlogin .login {
    background-image: url("../img/images/loginPennel.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
   /* height: 265px;
    padding-left: 560px;
    padding-right: 240px;
    padding-top: 286px;*/
    width: 400px;
	
	 height: auto;
    padding-bottom: 226px;
    padding-left: 560px;
    padding-right: 240px;
    padding-top: 286px;
}
#ordlogin h1 {
    color: #1C607D;
    float: left;
    font-family: CASTLEB;
    font-size: 1.8em;
    height: 50px;
    padding-left: 25px;
    width: 420px;
}
#ordlogin .userName {
    color: #000;
    float: left;
    font-family: calibri;
    font-size: 1.2em;
    font-weight: bold;
    margin: -43px 0 0 0;
    padding-bottom: 5px;
    padding-top: 10px;
    text-align: left;
    width: 280px;
}
#ordlogin .userInput {
    color: #1C607D;
    float: left;
    font-family: calibri;
    font-size: 0.9em;
    height: 50px;
    width: 280px;
}
#ordlogin .userInputInner {
    color: #000;
    float: left;
    font-family: calibri;
    font-size: 1.2em;
    height: 30px;
    padding-left: 5px;
    width: 230px;
}
#ordlogin .loginback_btn {
    border: medium none;
    float: right;
    height: 30px;
    padding-right: 100px;
    padding-top: 8px;
    width: 300px;
}
#ordlogin .loginSubmitBtn {
    float: left;
    height: 40px;
    padding-bottom: 3px;
    padding-left: 148px;
    padding-top: 3px;
    width: 120px;
}
#ordlogin .loginSubmitBtn a {
    background-image: url("../img/images/login_btn.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 41px;
    width: 109px;
}
#ordlogin .loginSubmitBtn a:hover {
    background-image: url("../img/images/login_btnHvr.png");
    background-position: left center;
    background-repeat: no-repeat;
}
#ordlogin_01 {
    float: none;
    height: 400px;
   
    width: 1200px;
	margin: 0 auto;
	 margin-top: 5px;
}
#ordlogin_01 .login {
    background-image: url("../img/images/loginPennelBig.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 424px;
    padding-left: 590px;
    padding-right: 300px;
    padding-top: 201px;
    width: 300px;
}
#ordlogin_01 h1 {
    color: #1C607D;
    float: left;
    font-family: CASTLEB;
    font-size: 1.8em;
    height: 50px;
    padding-left: 25px;
    width: 420px;
}
#ordlogin_01 .userName {
    /*color: #0D3D52;*/
	color: #000000;
    float: left;
    font-family: calibri;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding-top: 3px;	/*9px;*/
    text-align: left;
    width: 200px;
}
#ordlogin_01 .userInput {
    color: #1C607D;
    float: left;
    font-family: calibri;
    font-size: 0.9em;
    height: 32px;
    width: 230px;
}
#ordlogin_01 .userInputInner {
    /*color: #1C607D;*/
	color: #000000;
    float: left;
    font-family: calibri;
    font-size: 1.2em;
    height: 20px;
    width: 205px;
}
#ordlogin_01 .userInputInnerSelect {
    /*color: #1C607D;
    float: left;
    font-family: L;
    font-size: 1.5em;
    height: 25px;
    padding-left: 5px;
    width: 210px;*/
	color: #000000;
    float: left;
    font-family: calibri;
    font-size: 1.2em;
    height: 25px;
    padding-left: 5px;
    width: 210px;
}
#ordlogin_01 .loginback_btn {
    border: medium none;
    float: right;
    height: 30px;
    padding-right: 120px;
    padding-top: 8px;
    width: 450px;
}
#ordlogin_01 .loginSubmitBtn {
    float: left;
    height: 40px;
    padding-bottom: 3px;
    padding-left: 120px;
    width: 100px;
}
#ordlogin_01 .loginSubmitBtn a {
    background-image: url("../img/images/login_btn.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 41px;
    width: 109px;
}
#ordlogin_01 .loginSubmitBtn a:hover {
    background-image: url("../img/images/login_btnHvr.png");
    background-position: left center;
    background-repeat: no-repeat;
}
#ordlogin_01 .rememberme {
    color: #000;
    float: left;
    font-family: calibri;
    font-size: 1em;
    margin: 0;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-top: 5px;	/*12px;*/
    text-align: left;
    width: 205px;	/*340px;*/
}
#ordlogin_01 .rememberme span {
    color: #000;
    font-family: calibri;
    font-size: 1em;
    padding-bottom: 2px;
    padding-left: 3px;
}
#ordlogin_01 .backbtn {
    float: left;
    height: 0;
	 margin-top: -24px;
    text-align: left;
    width: 220px;
}
#ordlogin_01 .notification {
    color: #FF0000;
    float: left;
    font-family: calibri;
    font-size: 0.8em;
    height: 10px;
    padding-left: 10px;
    text-align: left;
    width: 200px;
}
#ordlogin_02 {
    float: left;
    height: 700px;
    margin-top: 5px;
    width: 1200px;
}
#ordlogin_02 .login {
    background-image: url("../img/images/loginPennel.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 400px;
    padding-left: 560px;
    padding-right: 240px;
    padding-top: 240px;
    width: 400px;
}
#ordlogin_02 h1 {
    color: #1C607D;
    float: left;
    font-family: CASTLEB;
    font-size: 1.8em;
    height: 50px;
    padding-left: 25px;
    width: 420px;
}
#ordlogin_02 .userName {
    color: #04202D;
    float: left;
    font-family: L;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding-top: 15px;
    text-align: left;
    width: 250px;
}
#ordlogin_02 .userInput {
    color: #1C607D;
    float: left;
    font-family: L;
    font-size: 0.8em;
    height: 30px;
    width: 280px;
}
#ordlogin_02 .userInputInner {
    color: #1C607D;
    float: left;
    font-family: L;
    font-size: 1.2em;
    height: 30px;
    padding-left: 5px;
    width: 230px;
}
#ordlogin_02 .loginback_btn {
    border: medium none;
    float: right;
    height: 30px;
    padding-right: 100px;
    padding-top: 8px;
    width: 300px;
}
#ordlogin_02 .loginSubmitBtn {
    float: left;
    height: 40px;
    padding-bottom: 3px;
    padding-left: 150px;
    padding-top: 3px;
    width: 120px;
}
#ordlogin_02 .loginSubmitBtn a {
    background-image: url("../img/images/login_btn.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 41px;
    width: 109px;
}
#ordlogin_02 .loginSubmitBtn a:hover {
    background-image: url("../img/images/login_btnHvr.png");
    background-position: left center;
    background-repeat: no-repeat;
}
#ordlogin_02 .rememberme {
    color: #0D3D52;
    float: left;
    font-family: L;
    font-size: 1em;
    margin: 0;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top: 18px;
    text-align: left;
    width: 340px;
}
#ordlogin_02 .rememberme span {
    color: #0D3D52;
    font-family: L;
    font-size: 1em;
    padding-bottom: 2px;
    padding-left: 10px;
}
.btn {
    background: -moz-linear-gradient(center top , #99D0F7 0%, #CAE9FD) repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    float: right;
    font-family: L;
    font-size: 0.8em;
    font-weight: bold;
    height: 30px;
    margin-right: 60px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    width: 90px;
}
.btn:hover {
    background: -moz-linear-gradient(center top , #CAE9FD 0%, #99D0F7) repeat scroll 0 0 transparent;
}
.userName span {
    color: #FF0000;
    font-family: L;
    font-size: 1em;
    height: 30px;
    padding-left: 5px;
    text-align: left;
    width: auto;
}