.section{
         background-color:#D7F4F1;
}

#calTable {
	width: 200px;
}

#ftrTd {
	background-color: #ffffff;
}

/*
#menuTable {
	background-image: url(../images/al_10.jpg);
	background-repeat: norepeat;
}*/

#menuTable a {
	color: #16526A;
}

#submenuTable {
	background-image: url(../images/menu_2.gif);
	background-repeat: norepeat;
}

#submenuTable a {
	color: #ffffff;
}


#menu  ul { /* all lists */
	list-style-type: none;
	font-weight: bold;
	text-align: center;
	margin: 5px;
	z-index: 100;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu ul li {
	float: left;
	position: relative;
	margin-top: 2px;
	width: 75px;
	height: 32px;
	margin-top: -4px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 9;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	padding-right: 3px;
}

#menu ul li.current-li {
        float: left;
	position: relative;
	margin-top: 2px;
	width: 75px;
	height: 32px;
	margin-top: -4px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 9;
	background-image: url(../images/menu.png) !important;
	background-repeat: no-repeat;
	padding-right: 3px;
}

#menu ul li.current-li a {
    color:#16526A !important;
}
/*
#home {
	border-left: 1px solid #330001;
}*/

#menu ul li:hover {
	/*background-color: #1F3661;*/
	background-image: url(../images/menu-active.png);
}

.li-hover{
	/*background-color: #1F3661;*/
	background-image: url(../images/menu-active.png) !important;
}
#menu ul li span { //
	padding-right: 10px
}

#menu ul li ul {
cursor:pointer;
left:-1px;
margin:0;
padding:2px 0 0;
position:absolute;
width:14em;
}

#menu ul li ul li ul.subsub {
	padding: 0px 0px 0px 10px;
	margin:  0px 0px 0px 150px;
	width: 14em;
	position: absolute;
	left: -1px;
	cursor: pointer;
}

#menu a {
	text-decoration: none;
	font-size: 11px;
	color: #16526A;
	cursor: pointer;
	font-family: Arial;
}

#menu li ul { /* second-level lists */
	display: none;
	position: absolute;
	background-repeat: repeat;
	width: 150px;
	border-color: #A8B5C4;
}

#menu li ul li ul.subsub { /* third-level lists */
	display: none;
	position: absolute;
	background-repeat: repeat;
	width: 150px;
	border-color: #A8B5C4;
}

#menu li ul li ul.subright { /* third-level lists */
	display: none;
	position: absolute;
	background-repeat: repeat;
	width: 150px;
	border-color: #A8B5C4;
}

#current {
	background-image: url("../images/menu-active.png") !important;
}

#current a, #menu li.li-hover a {
    color: #FFFFFF;
}

#menu li ul div {
	border-style: solid;
	border-width: 1px;
}

#menu li ul li.topBorder {
background:none repeat scroll 0 0 #3D73A1;
border:1px solid #213D55;
color:#FFFFFF;
height:auto;
padding:11px;
text-align:left;
width:137px;
font-size: 11px;
}

#menu li ul li.topBorder a {
	margin: 12px 12px 12px;
}

#menu li ul li.bottomBorder {
	height: 25;
	color: #ffffff;
	background: url(../images/1.gif);
}

#menu li ul li a {
	color: #ffffff;
}

#menu li ul li.bottom {
	height: 2;
	background: url(../images/2.gif);
}

#menu li>ul {
	/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

/*
#menu li:hover ul,#menu li.over ul,#menu li a:hover ul {
	/* lists nested under hovered list items */
/*	display: block;
	margin-top: 15px;
*/
/*left: 281px !important;*/
/*}
*/
#menu li:hover ul li:hover ul.subsub {
	/* lists nested under hovered list items */
	display: block;
	margin-top: -34px;
        margin-left: 150px;
}
#menu li:hover ul li:hover ul.subright {
	/* lists nested under hovered list items */
	 display: block;
    margin-left: -160px;
    margin-top: -37px;
}
.selected {
	background: #1D6893 url(../images/dolphin_left-ON.gif) no-repeat top
		left;
	line-height: 275%;
}

.selected span {
	display: block;
	padding: 0 20px 0 0;
	width: auto;
	background: #1D6893 url(../images/dolphin_right-ON.gif) no-repeat top
		right;
	height: 33px;
}

#menu ul li li:hover,#menu ul li li.over1 {
	color: #A42A34;
	background: #1F3661;
}

#menu ul li li:hover a,#menu ul li li.over1 a {
	color: #FFFFFF;
}

.username {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #005587;
	text-decoration: none;
}

.head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF5400;
	text-decoration: none;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #4e4e4e;
	text-decoration: none;
}

/* ---------------------- END Dolphin nav ---------------------- */
body,html {
	font-size: 40%;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #16526A;
	background-color: #D2D9E6 !important;
}

h1 {
	text-align: center;
	font-size: 1.4em;
	color: #16526A !important;
	background-color :   transparent;
}

h2 {
	text-align: center;
	font-size: 1.4em;
	color: #16526A !important;
	background-color :   transparent;
}

#content {
	width: 770px;
	margin: 0 auto;
}

.top_caption {
	color: black;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
/*
label {
	display: block;
	float: left;
        width: 100%;
}
*/
#formbutton {
	margin-left: 200px;
}

#top,#bottom,#middle {
	width: 100%;
}

#top {
	margin-top: 0;
	background-image: url(../images/al_02.gif);
}

#bottom  ,#bottom table {
	margin-bottom: 0;
	border-color: #666666;
	cellpadding: 1px;
	margin-left: auto;
	margin-right: auto;
}

#middle {
	background-color: #143d55;
	margin-top: 0;
}

#bottom table th {
	color: #ffffff;
	background-color: #A4B6D3;
	font-size: 12px;
}

#bottom  table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	align: center;
}

#bottom table.date,#bottom table.leaveApp {
	text-align: center;
	margin-left: 0px;
	margin-right: auto;
	/*width: 20%;*/
}

#bottom #gadget,#bottom #gadget table {
	background-color: #EDF9F9;
	margin-left: 0px;
}

#bottom #gadget table,#gadget table tr td {
	margin-left: 0px;
	text-align: left
}

#photo tr td {
	text-align: left;
}

#bottom #gadget3,#bottom #gadget3 table {
	margin-left: 0px;
	margin-top: 10px;
	height: 25px;
	position: absolute;
	z-index: 1;
	background-color: #EDF9F9;
	color: #EDF9F9;
	width: 100%;
}

#bottom #gadget4,#bottom #gadget4 table {
	margin-left: 0px;
	margin-top: -22px;
	height: 25px;
	position: absolute;
	z-index: 1;
	background-color: #EDF9F9;
	color: #EDF9F9;
	width: 100%;
}

#bottom #gadget1,#bottom #gadget1 table {
	margin-left: 0px;
	margin-top: 260px;
	height: 75px;
	position: absolute;
	z-index: 1;
	background-color: #EDF9F9;
	color: #EDF9F9;
	width: 350px;
}

#bottom #gadget2,#bottom #gadget2 table {
	margin-left: 312px;
	margin-top: 0;
	width: 0.25%;
	height: 300px;
	position: absolute;
	z-index: 0;
	background-color: #EDF9F9;
	color: #EDF9F9;
}

#_fromdate_calendar,#_todate_calendar,#_dateofjoining_calendar,#_birthdate_calendar,#_date_calendar
	{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 20%;
}

#bottom table.tableSize {
	text-align: center;
	margin-left: 0;
	margin-right: auto;
	width: 50%;
}

#bottom table.tableSize1,#bottom table.tableSize3 {
	text-align: center;
	margin-left: 0;
	margin-right: auto;
	width: 30%;
}

#bottom table.tablesubmit {
	text-align: center;
	margin-left: 25px;
	margin-right: auto;
	width: 20%;
}

#bottom table.tableSize2 {
	text-align: center;
	margin-left: 0;
	margin-right: auto;
	width: 35%;
}

#bottom table.tableprivilege {
	text-align: center;
	margin-left: 0;
	margin-right: auto;
	/*width: 35%;*/
}

#bottom table.addNew {
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}

#bottom table.addNew1 {
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.yellow {
	background-color: #F2F5F7;/*#E0E9F8;*/
}

.white {
	background-color: #ffffff;
}

.label1 {
	width: 100px;
	display: block;
}

.names {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
}
/*
.submit {
	background: none;
	cursor: pointer;
	background-image: url(../images/save.gif);
	font-size: 0;
	border: 0 none;
	height: 26px;
	width: 65px;
}

.submit:hover {
	background-image: url(../images/save-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.print {
	background: none;
	cursor: pointer;
	background-image: url(../images/print.gif);
	font-size: 0;
	border: 0 none;
	height: 26px;
	width: 65px;
}

.print:hover {
	background-image: url(../images/print-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}


.pdf {
	background: none;
	cursor: pointer;
	background-image: url(../images/pdf.gif);
	font-size: 0;
	border: 0 none;
	height: 26px;
	width: 65px;
}

.pdf:hover {
	background-image: url(../images/pdf-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.apply {
	background: none;
	cursor: pointer;
	font-size: 0;
	background-image: url(../images/apply.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.apply:hover {
	background-image: url(../images/apply-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
.accept {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/accept.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.accept:hover {
	background-image: url(../images/accept-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
*/
/*
.upload {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/upload.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.upload:hover {
	background-image: url(../images/upload-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.update {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/update.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.update:hover {
	background-image: url(../images/update-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.search {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/search.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.search:hover {
	background-image: url(../images/search-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.approve {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/Bt_approve.gif);
	border: 0 none;
	height: 26px;
	width: 76px;
}

.approve:hover {
	background-image: url(../images/Bt_approve-h.gif);
	border: 0 none;
	height: 26px;
	width: 76px;
}

.disapprove {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/bt_disapprove.gif);
	border: 0 none;
	height: 26px;
	width: 76px;
}

.disapprove:hover {
	background-image: url(../images/Bt_disapprove-h.gif);
	border: 0 none;
	height: 26px;
	width: 76px;
}

.report {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/report.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.report:hover {
	background-image: url(../images/report-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.edit {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/edit.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.edit:hover {
	background-image: url(../images/edit-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.done {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/done.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.done:hover {
	background-image: url(../images/done-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
.pay {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/pay.gif);
	border: 0 none;
	height: 26px;
	width: 77px;
}

.pay:hover {
	background-image: url(../images/pay-hover.gif);
	border: 0 none;
	height: 26px;
	width: 77px;
}
.deny {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/deny.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.deny:hover {
	background-image: url(../images/deny-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
*/
.close {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/close.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.close:hover {
	background-image: url(../images/close-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
/*
.cancel {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/cancel.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.cancel:hover {
	background-image: url(../images/cancel-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.draft {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/save-as-draft.gif);
	border: 0 none;
	height: 26px;
	width: 105px;
}

.draft:hover {
	background-image: url(../images/save-as-draft-h.gif);
	border: 0 none;
	height: 26px;
	width: 105px;
}

.submitreview {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/submit-review.gif);
	border: 0 none;
	height: 26px;
	width: 105px;
}

.submitreview:hover {
	background-image: url(../images/submit-review-h.gif);
	border: 0 none;
	height: 26px;
	width: 105px;
}
.delete {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/delete.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.delete:hover {
	background-image: url(../images/delete-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
*/
.browse {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/browse.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.browse:hover {
	background-image: url(../images/browse-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

/*
.accept {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/accept.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.accept:hover {
	background-image: url(../images/accept-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
.yes {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/yes.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.yes:hover {
	background-image: url(../images/yes-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.no {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/no.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.no:hover {
	background-image: url(../images/no-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.showall {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/showall.gif);
	border: 0 none;
	height: 26px;
	width: 75px;
}

.showall:hover {
	background-image: url(../images/showall-h.gif);
	border: 0 none;
	height: 26px;
	width: 75px;
}

.escalate {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/escalate.gif);
	border: 0 none;
	height: 26px;
	width: 76px;
}

.escalate:hover {
	background-image: url(../images/escalate-h.gif);
	border: 0 none;
	height: 26px;
	width: 76px;
}

.go {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/go.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.go:hover {
	background-image: url(../images/go-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.add {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/add.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.add:hover {
	background-image: url(../images/add-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.save {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/save.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.save:hover {
	background-image: url(../images/save-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.save-and-new {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/save-and-new.gif);
	border: 0 none;
	height: 26px;
	width: 105px;
}

.save-and-new:hover {
	background-image: url(../images/save-and-new-h.gif);
	border: 0 none;
	height: 26px;
	width: 105px;
}





.calcLeaves {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url('../images/calculate leaves.gif');
	border: 0 none;
	height: 26px;
	width: 124px;
}

.calcLeaves:hover {
	background-image: url(../images/calculate-leaves-h.gif);
	border: 0 none;
	height: 26px;
	width: 124px;
}
.enable {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/enable.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.enable:hover {
	background-image: url(../images/enable-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
.disable {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/disable.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.disable:hover {
	background-image: url(../images/disable-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
.view {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/view.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.view:hover {
	background-image: url(../images/view-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
*/

.bodyLeft tr,.name tr {
	text-align: left;
}

.leftmenu tr td {
    text-align: center;
    padding-left: 10px;
    /*padding-right: 10px;*/
    height: 38px;
}

.leftmenu tr td.bullet {
	height: 27px;
	border-bottom: 1px dotted #b4cbcf;
	padding: 0 0 0 6px;
}

.daysettingtd {
	color: black;
	font-weight: bold;
	float: left;
	text-align: left;
}

.expenseview {
	color: black;
	font-weight: bold;
	text-align: left;
	width: 25%;
}

.expenseviewdata {
	color: black;
	text-align: left;
	width: 25%;
}

.escalate1 {
	background-color: #EFBE87;
}

.calshift {
	left: -174px;
	position: relative;
}
/*
.activetxt {
	position: relative;
	left: -75px;
}

.labeladjust {
	position: relative;
	left: -80px;
}

.activetxt1 {
	position: relative;
	left: -75px;
}
*/
.tstatusdate {
	float: left;
	left: -49px;
	position: relative;
}

.statusendlabel {
	left: -37px;
	position: relative;
}

.endcal {
	left: -83px;
	position: relative;
}

.probcheck {
	left: -26px;
	position: relative;
}

.searchfield {
	left: -20px;
	position: relative;
}

.searchlabel {
	left: -23px;
	position: relative;
	width: 178px;
}
/*
.addemplink {
	width: 119px;
}
.searchbutton {
	left: -9px;
	position: relative
}
*/

.confirmleave {
	left: 47px;
	position: relative;
	top: -13px;
	width: 245px;
}

.msgdisplay {
	color: red;
	font-weight: bold;
	text-align: left;
	background-color: #F1F0FF;
	padding-left: 15px !important;
}
.success {
	color: blue !important;
	font-weight: bold !important;
	text-align: left !important;
	background-color: #F1F0FF !important;
	padding-left: 15px !important;
	font-family: Arial !important;
	font-size: 11px !important;
}
/*
#employeename {
	width: 197px;
}
*/

.hide {
	display: none;
}

.show {
	display: marker;
}

.submitdisable {
	background: none;
	cursor: pointer;
	background-image: url(../images/save.gif);
	font-size: 0;
	border: 0 none;
	height: 26px;
	width: 65px;
	float: right;
	margin-right: 125px;
}

.savedisable {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/save.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

table #log {
	/*margin-left:97px;*/
    width:518px !important;
    text-align:center;
}

/*
#buttonadd{
	margin-left:278px;
	}

.reset {
	font-size: 0;
	background: none;
	cursor: pointer;
	background-image: url(../images/reset.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}

.reset:hover {
	background-image: url(../images/reset-h.gif);
	border: 0 none;
	height: 26px;
	width: 65px;
}
*/
.dragimg{
	background-image: url(../images/drag.png);
	background-repeat:no-repeat;	
	width:10px;
	background-position: center center;
}

.tablecss {
    width: 100%;
    border:0px;
    background-color:#b0ae86;
}
.tablecss th {
    background-color:#84C1C1;
    color:#FFFFFF;
    font-size:12px;
}

/*added below css in 2012*/

.direct-links .names a {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}

.direct-links .names {
    padding-bottom: 2px;
    padding-top: 2px;
}

.upcoming-bday .names {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    border-top: 1px solid #DC6FAC;
    padding-bottom: 2px;
    padding-top: 1px;
}
.upcoming-holidays .names {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    border-top: 1px solid #88C0D2;
    padding-bottom: 2px;
    padding-top: 1px;
}
.my-leave .leave {
    background-color: transparent;
    padding-bottom: 18px;
    padding-left: 9px;
}
.my-leave .leave a {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
}
.my-leave .leave-app a {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
}

.my-leave .leave a .minimum-leave {
    color: #BCE580; 
}

.upcoming-bday , .upcoming-holidays, .my-leave {
    margin-top: 47px;
    margin-left: 26px;
}
.direct-links {
    margin-left: 50px;
    margin-top: 15px;
}
.upcoming-bday {
    width: 237px;
}
.upcoming-holidays {
    width: 300px;
}

.disable-nav .leftmenu .list {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 11px;
    font-family: Tahoma;
}

#show {
    float: right;
    margin-bottom: -28px !important;
}

#bottom .floatLeft, .tablebox .floatLeft {
    background-color: #FFFFFF;
    border: 1px solid #CBCCCE;
}

.floatLeft{
	background-color:#fff;
	border: 1px solid #CBCCCE;
}

#subsubmenus td a {
    border-right: 1px solid #93B3BA;
    margin-left: 7px;
    padding-right: 7px;
}

#disnav .leftmenu td#inactive a, #disnav .leftmenu td#active a {
    border-right: 1px dotted #EEEEEE;
    padding-right: 9px;
}


/*menu css*/
.submenunew
{
    background-color: #6B92D7 !important;
    height: 33px !important;
    left: 0 !important;
    /*margin-left: -435px !important;*/
    padding: 0 !important;
    position: absolute !important;
    width: 1024px !important;
    margin-top: 14px !important;
}
/*
.submenunew:hover{margin-top: 14px !important;}
*/

#menu li ul li.topBorder {
    background-image: none !important;
    border: 0 none !important;
    display: inline !important;
    float: left !important;
    /*height: 28px !important;*/
    margin: 0 !important;
    text-align: lef !importantt;
    width: auto;
    background-color:#6B92D7 !important;
    padding-bottom: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0 !important;
}

li.subsubmenu {
    background-color: #F2F5F7 !important;
    background-image: none !important;
    border-bottom: 1px solid #CACBCF !important;
    border-left: 1px solid #CACBCF !important;
    border-right: 1px solid #CACBCF !important;
    display: inline !important;
    float: left !important;
    margin: 0 0 0 -10px !important;
    padding: 0 10px 8px !important;
    width: 100% !important;
}

#menu li ul li.topBorder a {
    color: #FFFFFF;
    display: block;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 0;
    text-align: center; 
    padding-top: 5px;
}

.submenunew .subsub
{
    /*display: block;*/
    margin-left: 0 !important;
    margin-top: 4px !important;
}
/*
.submenunew .subsub a li
{
    padding: 0 5px 0 0 !important;
}
*/
#menu ul li ul li ul.subsub {
    background-color: #6B92D7 !important;
    padding-top: 10px;
}
/*
#sub1 {
    margin-left: -317px !important;
}
#sub2 {
    margin-left: -395px !important;
}
#sub3 {
    margin-left: -473px !important;
}
#sub4 {
    margin-left: -551px !important;
}
#sub6 {
    margin-left: -629px !important;
}
#sub7 {
    margin-left: -707px !important;
}
#sub8 {
    margin-left: -785px !important;
}
#sub9 {
    margin-left: -863px !important;
}
#sub10 {
    margin-left: -941px !important;
}
*/
.submenunew .subright li {
    width: 100px !important;
}

#menu li:hover ul li:hover ul.subright {
    display: block;
    margin-left: 1px;
    margin-top: 1px;
}
.subsub a, .subright a {
    line-height: 16px;
    color: #16526A !important;
}

#topmenulinks {
    padding-top: 10px;
    color: #16526A;
}
.topmenulinks a {
    color: #16526A !important;
}

#topcurrent a {
    font-weight: bold;
}

#disnav #active {
    background-image: url("../images/subactive.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}

#disnav #active a span {
 font-weight: bold !important;
}

#disnav #inactive a span {
 font-weight: bold !important;
}

tr#subsubmenus td {
    background-color: #F2F5F7;
    border-bottom: 1px solid #CBCCCE !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

tr#subsubmenus td a span {
    color:#16526A !important;
}

#menu ul li:hover a span {
    color:#FFFFFF;
}
/*end menu css*/


/*form table structure css*/
.tdtitle {
    padding-left: 15px;
}
#alerts .tdtitle {
    padding-left: 15px;
    border-left:1px solid #CCCCCC;
    padding-right:4px;
}

.tdtitle p {
    margin-bottom: 8px !important;
    margin-top: 8px !important;
}

.caption_status {
    color: #16526A;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    font-family: tahoma;
}
.chkbox-caption {
    font-size: 10px !important;
    font-weight: normal !important;
}

.addemplink a {
    color: #16526A;
    font-family: tahoma;
    font-size: 10px;
    margin-right: 25px;
}

.addemplink {
    text-align: right;
}

table.names th {
    background-color: #ADCDE7 !important;
    color: #16526A !important;
}
table.names {
  background-color: #CBCCCE;
  color: #16526A !important;
}

#bottom, .tablebox {
    padding-top: 20px; /*35px;*/
}

.home-bottom {
    padding-top: 25px !important;
}

.empattcode {
    color: #16526A !important;
}

.calfill {
    background: url("../images/cal.gif") no-repeat scroll right center #EEEEEE !important;
    border: 1px solid #AAAAAA !important;
    color: #16526A !important;
    padding-right: 0 !important;
    padding-left: 5px !important;
    width: 85px !important;
    font-family: tahoma !important;
    font-size: 11px !important;
    height: 16px !important;
    border-radius: 5px 5px 5px 5px !important;
}
.travelapp .calfill {
    width: 140px !important;
}

.caption {
    color: #16526A !important;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

#hometable th {
    background-color: #A4B6D3 !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
}

#hometable tr td {
    color: #48484C !important;
}

.green {
    background-color:#F2F5F7 !important;
}

table.names tr td a {
    font-family: arial !important;
    font-size: 11px !important;
}
/*table.names a {
  color: #16526A !important;
}*/
/*end form table structure css*/



/*--------------------------- test css -----------------*/
.testdivclass{
    background-color: #DDE9F7 !important;
    margin-left: -233px;
    text-align: left;
    margin-top: -5px;
    position: absolute;
    display:none;
}

ul.submenunew li.topBorder a {
    color: #FFFFFF;
    display: block;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 7px 0 0;
    text-align: center;
}

ul.submenunew li.topBorder {
    /*background-color: #6B92D7 !important;*/
    background-image: none !important;
    border: 0 none !important;
    display: inline !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 10px 11px !important;
    width: auto;
}
#subsubid {
display:none;
}

ul.submenunew li.topBorder ul.subsub, ul.submenunew li.topBorder ul.subright {
    /*background-color: #6B92D7 !important;*/
    position: absolute !important;
    padding-left: 0px !important;
    /*margin-left: -10px !important;*/
    margin-top: 5px !important;
    z-index: 10;
}

ul.submenunew li.topBorder ul.subsub a li, ul.submenunew li.topBorder ul.subright a li {
    padding: 5px 15px 5px 10px !important;
    text-align: left !important;
}

ul.submenunew li.topBorder ul.subsub a:hover li, ul.submenunew li.topBorder ul.subright a:hover li {
    background-color: #DDE9F7 !important;
}

/*
ul.submenunew li.topBorder ul.subsub a:hover, ul.submenunew li.topBorder ul.subright a:hover {
    color:#16526A !important;
}
.submenunew li.topBorder:hover{background-color:red !important;}
*/
/*
.submenudiv .submenunew li.topBorder:hover a {
    color: #16526A !important;
}*/
.submenudiv .submenunew li.topBorder:hover {
    background-color: #3C61A4 !important;
}
.hover-active {
    background-image: url("../images/menu-active.png") !important;
}
.hover-active a span {
    color:#FFFFFF !important;
}

div.paginator {
       text-align: center !important; 
}

div.paginator span.page-first, div.paginator span.page-last, div.paginator .page_link {
    background-color: #FFFFFF;
    border: 1px solid #CBCCCE;
    padding: 3px 5px 2px;
}

.content-body {
    background-color: #F1F0FF !important;
    padding-bottom: 25px !important;
}

/*--button code--*/

.search, .go, .showall, .submit, .save, .add, .edit, .update, .apply, .cancel, .done, .yes, .no, .report, .reset, .save-and-new, .draft, .submitreview, .print, .pdf, .approve, .disapprove, .calcLeaves, .loginbutton, .newpasswordbutton, .accept, .deny, .disable, .view, .escalate, .pay, .enable, .savedisable
{
    text-align:center;
    font-family:Tahoma, arial;
    font-weight:bold;
    font-size:12px;
    color:#fff;
    border:1px solid #aac0e7;
    box-shadow:1px 1px 3px #e0e0e1;
    -moz-box-shadow:1px 1px 3px #e0e0e1;
    -webkit-box-shadow:1px 1px 3px #e0e0e1;
    -o-box-shadow:1px 1px 3px #e0e0e1;
    -ms-box-shadow:1px 1px 3px #e0e0e1;
    height:23px;
    background-image:url(../images/btn-bg.png);
    background-repeat:repeat-x;
    background-position:left top;
    /*line-height: 20px;*/
    cursor:pointer;
    margin-bottom:10px;
    margin-top: 10px !important;
    padding-bottom: 3px;
    vertical-align: middle;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.search:hover, .go:hover, .showall:hover, .submit:hover, .save:hover, .add:hover, .edit:hover, .update:hover, .apply:hover, .cancel:hover, .done:hover, .yes:hover, .no:hover, .report:hover, .reset:hover, .save-and-new:hover, .draft:hover, .submitreview:hover, .print:hover, .pdf:hover, .approve:hover, .disapprove:hover, .calcLeaves:hover, .loginbutton:hover, .newpasswordbutton:hover, .accept:hover, .deny:hover, .disable:hover, .view:hover, .escalate:hover, .pay:hover, .enable:hover
{
    background-image:url(../images/btn-bg-hover.png);
    background-repeat:repeat-x;
    background-position:left top;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*
.save-and-new, .draft, .submitreview, .approve, .disapprove
{
    width:110px !important;
}
.calcLeaves
{
    width:132px !important;
}---------------*/

.inner-floatLeft {
    background-color: #F2F5F7;
    padding: 5px 13px 0px !important;
}

span.active-page {
    color: #16526A !important;
    font-weight: bold !important;
}

.tablebox .myacc-table {
    background-color: #CBCCCE;
    width: 773px !important;
}
.tablebox .tableSize1 td.caption {
    width: 15% !important;
}

.names tr td, .names tr th {
    height: 20px !important;
    text-align:left;/* !important;*/
    padding-left: 5px !important;
}

.quality-policy {
    float:left;
    margin-top: -20px;
}
/*
.quality-policy iframe#quality_panel {
    background-color: transparent;
    border: 0 none;
    height: 550px;
    margin-left: 17px;
    margin-top: 20px;
    overflow: hidden;
    position: absolute;
    width: 626px;
}
*/
.login-spacer {
    float: left;
    margin-left: 570px;
}

.logindiv {
    float:right;
    margin-top: 30px;
    margin-right: 20px;
}

.login-messages {
    /*background-color: #FFFFFF;
    border: 1px solid #ccc;*/
    float: right;
    /*height: 132px !important;
    width: 236px;*/
    margin-top: 24px;
    margin-right: 330px;
}

.pwd-login-messages {
    margin-top: 77px !important;
}

.logindiv .userdetails {
    color: #3C61A4 !important;
    font-family: Arial !important;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 5px;
    margin-top: 5px;
}

.logbox {
    border: 1px solid #CCCCCC;
    font-family: Arial;
    font-size: 18px;
    width: 307px;
    height: 25px;
    color: #4A6671;
}

.login-tab {
    margin-left: 40px;
}

.login-tab-sub {
    margin-left: 16px !important;
}

div.login-tab-sub {
    margin-left: 30px !important;
    margin-top: 25px !important;
}

.login-tab a {
    color: #3C61A4 !important;
    font-family: arial;
}

.login-tab a:hover {
    text-decoration: underline !important;
    color: #16526A !important;
}

.loginpage-status {
    height:20px;
    /*width: 235px;*/
}

.log-quality-policy {
    float: right;
    margin-right: 460px;
    margin-top: -100px;
}

/*
.log-quality-policy iframe#quality_panel {
    background-color: transparent;
    border: 0 none;
    height: 550px;
    margin-left: 17px;
    margin-top: 20px;
    overflow: hidden;
    position: absolute;
    width: 449px;
}
*/

.task-quality-policy {
    float: right;
    margin-right: 360px;
    margin-top: -115px;
    height: 570px;
}

/*
.task-quality-policy iframe#quality_panel {
    background-color: transparent;
    border: 0 none;
    height: 550px;
    margin-left: 17px;
    margin-top: 20px;
    overflow: hidden;
    position: absolute;
    width: 349px;
}
*/

.brhide td br {
    display: none;
}

form INPUT {
    height: 20px;
}

#seperator hr {
    background-color: #CACCCE;
    border: medium none;
    height: 1px;
}


.th-result {
    text-align:right !important;
}

#section_header .section-editlink {
    padding-right: 25px;
    text-align:right !important;
}

h3.review-name {
    /*background-color: #FFFFFF;
    border-color: #CBCCCE;
    border-style: solid solid none;
    border-width: 1px 1px medium;*/
    padding: 15px 20px;
    background-color: #FFFFFF;
    border: 1px solid #CBCCCE;
}

h3.review-title {
    /*background-color: #F2F5F7;
    border-color: #CBCCCE;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin-top: -15px;
    padding: 15px 20px;*/
    text-align: center !important;
}

.status-chkbox {
    float:left;
}

.status-chkbox-label {
    float:left;
    margin-top: 3px;
}

img#alarm-logo, img.sort-arrow {
    border: none !important;
}

div.print-pdf-buttons {
    float: right;
    margin-top: -45px;
    padding-right: 15px;
}

tr.load-hide-row {
    display: none; 
    background-color: #FFFFFF;
}

#upload_file_wrap_list {
    margin-left: 3px;
}

#task-comparedate, #task-durationvalidation {
    display: none;
}

#assigndiv table tr td {
    height: 0px !important;
}


.margin_space #hide {
    background-color: transparent !important;
}

.direct-links .names a:hover, .my-leave .leave-app a:hover {
    color: #3C61A4 !important;
}

.sortheader {
    color: #FFFFFF !important;
}

.hastask {
    
    color: #FFFFFF !important;
    background-color: #6B92D7 !important;
}

.today-center {
    margin-left: 430px;
}
.rep-link a {
    color: #16526A !important;
    font-family: tahoma !important;
    font-size: 10px !important;
}

.emptasktable, .emptasktable th, .emptasktable td {
    border: 1px solid #CBCCCE !important; 
    border-collapse: collapse !important;
}

td.plusminussign {
    width: 3% !important;
}

/*tasksheet progress*/
.maintask .subtask .taskname
{
    color: #075174;
    float: left;
    font-family: arial,verdana,tahoma;
    font-size: 12px;
    padding: 0px 22px;
	width:210px;
	text-align: left;
	display: table;
    height: 45px;
    overflow: hidden;
}  

.maintask .subtask .taskname div
{
    display: table-cell;
    vertical-align: middle;
}	

.maintask .subtask .taskname a
{
    display: block;
    width: 210px;
    word-wrap: break-word;
}

.maintask .subtask .taskgraph
{
    float: left;
    padding: 0px 22px 0 0;
    text-align: left;
    width: 455px;
    cursor:pointer;
   height: 45px;
}

.maintask .subtask .taskpercentage
{
    border-right: 1px solid #CBCCCE;
    color: #76A8BF;
    float: left;
    font-family: arial,verdana,tahoma;
    font-size: 18px;
    font-weight: bold;
    padding: 13px 0;
    text-align: left;
    width: 72px;
	min-height:22px;
}

.maintask .subtask .taskremark
{
    color: #2DA721;
    float: left;
    font-family: arial,verdana,tahoma;
    font-size: 11px;
    font-weight: bold;
    padding: 0 5px 0 17px;
    text-align: left;
    width: 123px;
	margin-top: 10px;
}

.maintask .subtask .taskremark.good
{
    background-image: url("../images/check-arrow.png");
    background-position: 8px center;
    background-repeat: no-repeat;
    padding-left: 28px;
}

.maintask .subtask
{
    overflow: hidden;
	padding: 0;
	border-bottom: 1px solid #cbccce;
	border-left: 1px solid #cbccce;
	border-right: 1px solid #cbccce;
}

.floatLeft.myprogress p.bod
{
    float: left;
    margin: 0 0 0 6px !important;
    padding: 23px 0 20px;
}

.taskProgressHead
{
    background-color: #E4E6E6;
    border: 1px solid #CBCCCE;
	border-bottom: 0;
    border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	-ms-border-radius: 7px 7px 0 0;
    color: #3C61A4;
    font-family: arial,verdana,tahoma;
    font-size: 12px;
    line-height: 22px;
    padding: 10px 20px;
  
}

.taskProgressHead span{font-weight:bold;}

.mth-p
{
    color: #3C61A4;
    float: left;
    font-family: verdana,arial,tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-top: 5px;
    display: inline;
   	width: 56%;
	margin-left:3px;
}

.myprogress #select_month
{
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #B12B76;
    font-family: verdana,arial,tahoma;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0 0 0 0;
    line-height: 1;
    padding: 1px 0;
    width: 150px;
	-moz-appearance: none !important;
    -webkit-appearance: none !important;
}

.myprogress #select_month option
{
	background-color:transparent;
}

.styled-select {
    background: url("../images/down-arrow.png") no-repeat scroll 106px center transparent;
    border: 1px solid #e2e2e3 !important;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
    overflow: hidden;
    width: 120px;
	display:inline-block;
	margin-left: 15px;
    position: relative;
    top: 6px;
}

.myprogress #select_month:focus
{
	border:0 !important;
	outline:0 !important;
}

.colorEstAct
{
    display: inline;
    float: left;
    margin-left: 20px;
    padding: 20px 0;
    width: auto;
}

.colorEst
{
    float: left;
    background-color:#e0c37e;
    margin-right: 10px;
    padding: 1px 12px 1px 3px;
    color:#616162;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
}

.colorAct
{
    float: left;
    background-color:#5eaae5;
    margin-right: 10px;
    padding: 1px 12px 1px 3px;
    color:#616162;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
}
	
.mth-score
{
        margin-left: 5px;
	color:#3c61a4;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:left;
	font-weight:bold;
        border-right: 1px solid #5EAAE6;
	display: inline-block;
	width: 100px;
}

#emp_status_div #empstatus
{
	border:1px solid #CBCCCE !important;
	width: auto;
}

#emp_status_div .jqplot-table-legend{border:0 !important;}

#emp_status_div #empstatus th
{
	background-color:#e4e6e6;
	border-right: 1px solid #CBCCCE;
	border-bottom: 1px solid #CBCCCE;
	text-align: right;
}

#emp_status_div #empstatus th.last{border-right:0 !important;}

#showprogress_div .maintask .jqplot-point-label
{
    margin-left: -8px !important;
    margin-top: 0px;
	font-size: 11px;
}

#emp_status_div #empstatus .jqplot-table-legend{
	width:auto !important;
	background-color: transparent;
}

.headerTitle
{
    color: #3C61A4;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-left: 14px;
    text-align: left;
}

.monthName
{
    color: #4f4b4b;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.monthscore
{
    color: #079f27;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
	padding-right: 10px;
}

#empstatus td.yellow{background-color:#eff5fb;}

#leave .jqplot-pie-series, #working .jqplot-pie-series
{
	color:#fff;
	font-size:14px;
}

#attendance .jqplot-pie-series
{
	color:#666666;
	font-size:14px;
}

.blank-div
{
	position: absolute; 
	margin-left: 435px;
	margin-top: 8px;
	width: 25px; 
	height: 21px; 
	background-color: #FFFFFF;
}

.your-sc
{
    border-left: 1px solid #5EAAE6;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 23px;
    padding-top: 12px;
    position: relative;
    z-index: 1000;
}

#empstatus .es-data
{
	vertical-align:top;
	text-align:center;
}

.floatLeft div.bod
{
	padding-left:6px !important;
	width:23% !important;
}

/*end tasksheet progress*/

/*admin tasksheet*/
#a_e_s #empstatus th
{
	background-color:#E4E6E6;
}

#a_e_s, #a_e_s #empstatus
{
	width:100%;
}

#a_e_s #empstatus {
    border: 1px solid #CBCCCE !important;
}

#a_e_s #admin_status_div th {
    background-color: #E4E6E6;
    border-bottom: 1px solid #CBCCCE;
    border-right: 1px solid #CBCCCE;
    text-align: center;
}

#a_e_s #admin_status_div th .headerTitle
{
	float:none !important;
	padding-left: 0;
}

#a_e_s #admin_status_div .es-data{text-align:center;}

#a_e_s{margin-top:25px;}

#admin_status_div{margin-bottom:20px;}

#a_e_s #empstatus th.last{border-right:0;}

#a_e_s #admin_status_div #late, #a_e_s #admin_status_div #admin_attendance, #a_e_s #admin_status_div #task{width:auto !important;}

#a_e_s #empstatus .jqplot-table-legend
{
	background-color:transparent;
	margin: 5px;
}

#a_e_s #project_progress_div{margin-bottom:20px;}

#a_e_s td.jqplot-table-legend-label {
    font-size: 11px !important;
}
/*end admin tasksheet*/

.account-alerts
{
    font-size: 12px !important;
    font-weight: bold !important;
    color: #666666 !important;
    text-align:left;
}
.alerts-display
{
    font-size: 18px !important;
    color: #7FB62B !important;
    float:right;
    line-height:15px;
    padding-right:2px;
}
.moredetail{ 
  display:block !important;
  position: absolute;
  height: auto;
  width: 354px;
  font-family: Tahoma;
  z-index: 3;
}
.moredetail .caption{ 
  color: #16526A !important;
  font-size: 12px !important;
  font-weight: bold !important;
 }
.moredetail table{ 
  background-color: #F3F3F4; 
  border: 1px solid #CACBCF !important;
  padding: 10px;
}
.mth-name {
    padding-left: 32px;
}



.moredetailpop{  
    background-color: #F3F3F4; 
    display:inline !important;
    position: absolute;
    height: auto;
    width: 354px;
    margin: -4px 0 0 25px;
    box-shadow: 2px 2px 2px #C6C6C6; 
    z-index: 3;
    border: 1px solid #BFCDC2;
}
.moredetail table{ 
  background-color: #F3F3F4; 
  border: 1px solid #CACBCF !important;
  padding: 10px;
}
.unapproved_tasks .moredetail,.approved_tasks .moredetail ,.my_unapproved_tasks .moredetail {
    margin: 0 0 0 250px;
}
.maintask .moredetail{  
    margin: -1px 0 0 251px;
}

.moredetailpop .taskpopdetail th{
    color: #577096 !important;
    font-family: arial !important;
    font-weight: bold !important;
    background-color:#D8D8D8 !important;
}
.taskpopdetail th{
    color: #577096 !important;
    font-family: arial !important;
    font-weight: bold !important;
    background-color:#D8D8D8 !important;
}
#taskpopdetail th{
    color: #577096 !important;
    font-family: arial !important;
    font-weight: bold !important;
    background-color:#D8D8D8 !important;
}

#a_e_s #tabs .ui-widget-header {
    background-color: #FFFFFF !important;
    border: 1px solid #CBCCCE !important;
    color: #3C61A4 !important;
    font-family: Arial,Helvetica,sans-serif !important;
    text-align: center !important;
    font-size: 14px;
    font-weight: bold;
}
#a_e_s .ui-tabs .ui-tabs-panel,#a_e_s .ui-tabs{
    padding : 0 !important;
}
#a_e_s .ui-tabs .ui-state-default{
    background-color: #E4E6E6 !important;
}
#a_e_s .ui-tabs .ui-state-active{
    background-color: #A4B6D3 !important;
}
#a_e_s .ui-tabs .ui-state-active a,#a_e_s .ui-tabs .ui-state-default a{ 
    color: #1F3661 !important;
    font-size: 11px !important;
}
#a_e_s #tabs{
 border: none !important;
}
#a_e_s #tabs .ui-tabs-nav{
border-bottom:  none !important;
}
#a_e_s #emp-status{ 
    float: left;
    margin-left: 12px;
 
} 
#a_e_s #admin_status_div #empstatus,#a_e_s #tabs #tab_2,#a_e_s #tabs #tab_1{
    border: 1px solid #CBCCCE;
    border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -o-border-radius: 7px 7px 0 0;
    -ms-border-radius: 7px 7px 0 0;
}
.topLink {
    font-size:9px !important;
    text-transform:uppercase !important;
}
#loading{
    margin:auto;
    padding-top:30px;
    text-align:center;
    vertical-align:middle;
}

#toTop {
    background: url("../images/top.png") no-repeat scroll left top transparent;
    border: medium none;
    bottom: 120px;
    height: 37px;
    overflow: hidden;
    position: fixed;
    right: 18px;
    text-decoration: none;
    text-indent: 100%;
    width: 75px;
} 

#toTopHover {
    background:url(../images/top.png) no-repeat left top;
    width:51px;
    height:18px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
}

#taskpopdetail .yellow{
background-color:#E4E6E6 !important;
}
#taskpopdetail .white{
background-color:#F0F0F0 !important;
}
.more{  
   background-image: url("../images/dropdownmenu.png") ;
   background-repeat: no-repeat; 
   background-position: center top;
   background-size: 21px auto;
   list-style:none;
   display:block !important;
   position: absolute;
   height: auto;
   width: 145px;
   font-family: Tahoma;
   font-size: 11px;
   font-weight: bold;
   margin:0 0 0 -6px; 
   padding:6px 0 0 0; 
 }

.more a:hover {
    background-color: #F2F5F7 ;
    color : #003300;
}
.more a{  
    cursor: pointer; width: 120px;
    background-color: #DDE9F7 ;
    border-bottom: 1px solid #CACBCF !important;
    border-left: 1px solid #CACBCF !important;
    border-right: 1px solid #CACBCF !important;
    display:block !important;
    float: left !important;
    color: #16526A !important;
    line-height: 16px;  
    padding:5px 15px 5px 10px !important;
    text-align: left !important;
}

.more > li:first-child  a{
    border-top: 1px solid #CACBCF !important;
}
#formNoTask{
    display: inline;
    text-align: center;
    width: 23%; 
    float: right;

}
#noTask{
    margin: 0 !important;
}
.taskProgressHeadCont{
    display: inline;
    width: 77%;
}
#multipletaskname {
max-width: 366px;
}
.lmore{  
    list-style:none;
    position: absolute;
    height: auto;
    width: 145px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin: -20px 0 0 201px;
    background-color: #DDE9F7 ;
    display:block !important;
    color: #16526A !important;
    line-height: 16px;  
    padding:5px 5px 5px 5px !important;
}
.lmore li { 
    border-bottom: 1px solid #CACBCF !important;
    border-left: 1px solid #CACBCF !important;
    border-right: 1px solid #CACBCF !important;
}

/* css for projectstatusgraph starts*/
.projectLine {
    background-color:#2fb4e5; 
    min-height: 8px;
}
.taskLine {  
    background-color:#0195ab; 
    min-height: 8px;
}
.logLine {    
    background-color:#6bf692;
    min-height: 8px;
}
.projectLineBlank,.taskLineBlank,.logLineBlank {    
    min-height: 8px;
}
.projectStatusReport {   
    table-layout: fixed;
}   
.projectStatusReport td {   
    overflow: hidden;
}

.projectStatusReport th.unsortable {
    min-width:62px !important;
    width:62px !important;
}
.projectstatusreport td.caption_status {
    padding-right: 5px;
    text-align: right;
}
/* css for projectstatusgraph ends*/