body {
margin: 0px;
padding: 0px;
margin-bottom: 6px;
font-family: Arial, Helvetica, sans-serif;
background-color: #fff;
font-size:12px;
overflow-x:hidden;
}
img{
border:none;
}
a{text-decoration:none;}
div#horiz {
width: 500px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
text-align: left;
}
#header {
position: fixed;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
width: 100%;
height: 53px;
border-bottom: 2px solid #999;
z-index: 50;
}
body>div#header {
position: fixed;
}
#header1  { background-color: #000; margin: 0; padding: 0; position: relative; top: 0; left: 0; height: 30px; border-bottom: 1px solid #fff }
#user {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
float: right;
text-align: right;
padding-right: 10px;
}
#user a:link, #user a:visited {
color: #fff;
text-decoration: none;
}
#user a:hover {
text-decoration: underline;
}
#userlogout {
float: right;
padding: 6px 10px 0px 0px;
}
#username {
font-size: 12px;
font-weight: bold;

}
#userdate {
font-size: 12px;
}
#header2 {
position: relative;
top: 0px;
left: 0px;
height: 25px;
background-color: #086be1;
border-bottom: 1px solid #333;
voice-family: "\"}\""; 
voice-family: inherit;
z-index: 100;
}
.ign0 {
/* anti-BUG IE5 */
}
#rightmenu {
float: right;
padding: 3px 10px 0px 0px;
height: 17px;
}
#rightmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
}
#rightmenu select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
border: 0px solid #933;
}
#rightmenu a:link, #rightmenu a:visited {
color: #fff;
text-decoration: none;
}
#rightmenu a:hover {
text-decoration: underline;
}
#menu {
float: left;
width: 380px;
}
#menu ul { /* all lists */
padding: 0px;
margin: 2px 3px 0px;
list-style: none;
}
#menu li { /* all list items */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
float: left;
position: relative;
color: #fff;
margin: 0px;
padding: 4px 30px 4px 3px;
z-index: 55;
cursor: default;
}
#menu li:hover, #menu li.over {
background-color:#fff;
color:#086be1;
border-bottom: 1px solid #086be1;
}
#menu li a {
display: block;
color: #fff;
padding: 1px 0px 1px 0px;
text-decoration: none;
}
#menu li a:hover {
color:#086be1;
}
#menu li:hover ul li:hover a, #menu li.over ul li.over a {
display: block;
color:#086be1;
}
#menu li:hover ul li:hover ul li a {
color:#fff;
}
#menu li:hover ul li:hover ul li:hover a {
color:#086be1;
}
#menu li ul { /* second-level lists */
display: none;
position: absolute;
margin: 4px -4px 0px;
top: 18px;
left: 4px;
z-index: 60;
}
#menu li>ul {
top: auto;
left: auto;
}
#menu li:hover ul.level1, #menu li.over ul.level1 {
display: block;
}
#menu li ul li {
position: relative;
width: 126px;
margin: 0px;
padding: 2px 3px 2px 3px;
font-size: 11px;
background-color: #58A0FA;
border-left: 1px solid #086be1;
border-right: 1px solid #086be1;
border-bottom: 1px solid #DBDBDB;
cursor: pointer;
voice-family: "\"}\"";
voice-family: inherit;
width: 135px;
}
.ign1 {
/* anti-BUG IE5 */
}
#menu li ul li ul { /* third-level lists */
display: none;
position: absolute;
margin: 0px 0px;
top: 0px;
left: 126px;
z-index: 70;
}
#menu li ul li:hover ul, #menu li ul li.over ul {
display: block;
}
#menu ul li li.more {
voice-family: "\"}\"";
voice-family: inherit;
background-image: url(../images/more.png);
background-position: right;
background-repeat:no-repeat;
padding-right: 12px;
width: 111px;
}
.ign2 {
/* anti-BUG IE5 */
}
#menu ul li ul li ul li {
border-left: 1px solid #086be1;
border-right: 1px solid #086be1;
border-bottom: 1px solid #DBDBDB;
background-color: #58A0FA;
}
#container {
position: relative;
/*top: 66px;*/
	top: 56px;
width: 98%;
left: 1%;
z-index: 10;
}
#filters {
position: absolute;
top: -66px;
right: 10px;
width: 500px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
text-align: right;
}
#filters select {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}
#filters input {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
width: 30px;
background-color: #ccc;
border: 1px solid #666;
}
#filters input.fff {
width: 14px;
}
#content {

}
#content h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
margin: 12px 0px 9px 0px;
}
#content p {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
margin: 6px 0px 3px 0px;
}
/* TABS */
div.tabmenu {
margin: 6px 0px 0px 0px;
border: 1px solid #fff;
}
div.tabmenu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
div.tabmenu li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
position: relative;
float: left;
margin: 0px 0px -1px 6px;
}
div.tabmenu li a:link, div.tabmenu li a:visited {	
display: block;
padding: 3px 6px 3px 6px;
font-weight: bold;
color: #999;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
text-decoration: none;
background-color: #eee;
}
div.tabmenu li a:hover {
color: #666;
background-color: #fff;
}
div.tabmenu li.active a:link, div.tabmenu li.active a:visited {
color: #999;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #fff;
background-color: #fff;
}
div.tabmenu li.active a:hover {
color: #666;
}
div.tabcontent {
clear : both;
border: 1px solid #999;
padding: 1px;
margin: 0px;
text-align: left;
}
div.tabcontent h4 {
margin: 0px;
padding: 3px;
background-color: #ccc;
border: 1px solid #999;
}
div.tabcontent p {
margin: 0px;
padding: 3px;
background-color: #eee;
border: 1px solid #999;
border-top: none;
}
div.tabcontent div.sep {
margin-bottom: 6px;
}
/* TASK LIST */
table{font-size:12px;}
table.sheet {
border-top: 1px solid #999;
border-left: 1px solid #999;
}
fieldset a:link, fieldset a:visited, table.sheet a:link, table.sheet a:visited {
color: #00c;
text-decoration: none;
}
table.sheet tr.disabled a:link, table.sheet tr.disabled a:visited {
color: #666;
}
fieldset a:hover, table.sheet a:hover, table.sheet tr.disabled a:hover {
text-decoration: underline;
}
table.sheet tr {
background-color: #eee;
}
table.sheet tr.hover {
background-color: #fcc;
}
table.sheet tr.high {
background-color: #f99;
}
table.sheet tr.disabled td {
color: #666;
}
table.sheet th {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
text-align: left;
background-color: #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
table.sheet th.sortable:hover, table.sheet th.sortable.hover {
cursor: pointer;
background-color: #ccf;
}
table.sheet th.cc {
text-align: center;
}
table.sheet th.rr {
text-align: right;
}
table.sheet td {
font-family:Arial, Helvetica, sans-serif;
font-size: small;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
table.sheet th.act, table.sheet td.act {
text-align: center;
}
table.sheet input, table.sheet textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #fff;
width: 95%;
}
table.sheet input#bsave {
width: 27px;
}
table.sheet input.fff {
width: 12px;
}
table.sheet td.sts0 {
font-size: 7px;
width: 8px;
}

/*
.JobStatus1,
table.sheet td.sts1 {
font-size: 8px;
background-color: #BEBEBE;
width: 8px;
}
.JobStatus2,
table.sheet td.sts2 {
font-size: 8px;
background-color: #F26522;
width: 8px;
}
.JobStatus3,
table.sheet td.sts3 {
font-size: 8px;
background-color: #F26522;
width: 8px;
}
.JobStatus4,
table.sheet td.sts4 {
font-size: 8px;
background-color: #8CC63F;
width: 8px;
}
.JobStatus5,
table.sheet td.sts5 {
font-size: 8px;
background-color:#00ADEF;
width: 8px;
}
.JobStatus6,
table.sheet td.sts6 {
font-size: 8px;
background-color: #00ADEF;
width: 8px;
}
.JobStatus7,
table.sheet td.sts7 {
font-size: 8px;
background-color: #8CC63F;
width: 8px;
}
.JobStatus8,
table.sheet td.sts8 {
font-size: 8px;
background-color: #ffc20e;
width: 8px;
}
.JobStatus9,
table.sheet td.sts9 {
font-size: 8px;
background-color: #ffc20e;
width: 8px;
}
*/
table.sheet td.prio {
text-align: center;
}
table.sheet td.prio span, #vprio span {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
text-align: center;
padding: 2px 4px 1px 4px;
width: 14px;
}
table.sheet td.ctsh {
text-align: center;
}
table.sheet td.ctlg {
font-size: x-small;
}
table.sheet td.ctsh span {
font-family: "Courier New", Courier, monospace;
font-size: 10px;
color: #fff;
text-align: center;
padding: 2px 4px 1px 4px;
width: 14px;
}
span.dlate {
color: #C00;
}
span.dday {
font-weight: bold;
}
span.ddone {
color: #999;
}
span.dtl {
font-size:14px;
font-weight:bold;
}
span.dtodo {
color: #696;
}
p.small, span.small {
font-size: x-small;
}
small, span.discrete {
font-size: x-small;
color: #999;	
}
a.small {
font-size: x-small;
color: #33c;
text-decoration: none;
}
a.small:hover {
color: #00f;
}
/* panels */
#message {
position: fixed;
top: 54px;
left: 50%;
margin-left: -200px;
width: 400px;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
background-color: #ffc;
border: 1px solid #666;
text-align: center;
z-index: 40;
}
#message.error {
background-color: #fcc;
}
#fview, #fedit {
position: fixed;
top: 54px;
left: 50%;
margin-left: -250px;
width: 500px;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
background-color: #fff;
border: 1px solid #666;
text-align: center;
z-index: 20;
}
table.setting {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
width: 100%;
}
#fview th, #fedit th {
color: #666;
font-weight: normal;
text-align: left;
}
table.setting th {
color: #666;
font-weight: normal;
text-align: right;
width: 15%;
}
#fview td, #fview td, table.setting td {
color: #000;
text-align: left;
}
#vctxt span {
font-weight: bold;
}
#fviewclose {
float: right;
}
#fviewclose a:link, #fviewclose a:visited {
color: #ccc;
text-decoration: none;
}
#fviewclose a:hover {
color: #999;
}
#fviewclose img {
vertical-align: middle;
}
/* form */
form {
margin: 0px;
padding: 0px;
}
#fedit th {
color: #666;
font-weight: normal;
text-align: left;
width: 65px;
}
#fedit td {
color: #000;
text-align: left;
}
#vmore {
position: relative;
height: 150px;
padding: 3px;
overflow: auto;
}
#vmore #vhist {
position: relative;
left: 50%;
margin-left: -170px;
width: 340px;
}
#vmore #vhist th {
padding: 2px;
border-bottom: 1px solid #999;
}
#vmore #vhist td {
padding: 2px;
border-bottom: 1px solid #eee;
}
#fedit input {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
#fedit select {
width: 220px;
}
#footer {

margin: 12px 0px 100px 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #666;
}
#footer.butt {
position: absolute;
margin: 0px;
bottom: 10px;
width: 100%;
}
#footer a {
color: #666;
}
input.prio {
width: 30px;
}
input.dead {
width: 100px;
}
input.full {
width: 415px;
}
textarea.full {
width: 415px;
height: 150px;
}
/* fieldsets */
form label {
cursor: pointer;
}
fieldset {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
fieldset legend {
font-size: medium;
font-weight: bold;
text-align: left;
}
fieldset p {
padding: 2px;
}
form input.fMiText {
width:50%;
}
form input.fText {
width:90%;
}
form textarea.fText {
width:90%;
height:100px;
}
form textarea.fTextBig {
width:90%;
height:200px;
}
/* boxes */
.box {
margin: 0px 5px 15px 5px;
padding: 15px;
}
h1.printheader {
display: none;
}
.printbox {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
margin: 5px 0px 15px 0px;
padding: 8px;
border: 1px solid #333;
}
div.printbox h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin: 0px 0px 15px 0px;
padding: 0px;
}
div.printbox div.description {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
margin: 9px 0px 0px 0px;
}
.mellow {
background-color: #ff9;
border: 1px dotted #666;
}
.blueish {
background-color: #ccf;
border: 1px dotted #666;
}
.greenish {
background-color: #cfc;
border: 1px dotted #666;
}
.redish {
background-color: #f99;
border: 1px dotted #666;
}
.error {
background-color: #f99;
border: 1px dotted #666;
}
.tznError {
color: #c00;
}
.compulsory {
color: #c00;
}

input, select, textarea, input[type='checkbox'], input.checkbox{
border:1px solid gray;
padding-left:1px;
}
.title{
font-size : 30px;
font-weight : bold;
}
.subtitle{
font-size : 24px;
font-weight : bold;
}
.pcfield{
width: 70px;
}
.moneyfield{
width: 70px;
}
.qtyfield{
width: 70px;
}
.notes{
width: 500px;
height: 200px;
}
.invoicenotes{
width: 100%;
height: 60px;
}
.Pnotes{
width: 500px;
height: 100px;
}
.smallnotes{
width: 500px;
height: 18px
}
.sections{
/*border: 1px solid orange;*/
padding: 10px;
}

table.sheet {
border-top: 1px solid #999;
border-left: 1px solid #999;
}


table.sheet tr {
background-color: #eee;
}

table.sheet td {
font-family:Arial, Helvetica, sans-serif;
font-size: small;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
/*Added by SHrabesh*/
table.sheet td,table.sheet th {
font-size:11px;
}
/*End*/
.dailytime{
color:#fff;  
padding:3px 10px; 
font-size:12px;
font-weight:bold; 
font-family:Arial, Helvetica, sans-serif;
border-radius:12px; 
-moz-border-radius:12px; 
-webkit-border-radius:12px;
margin-right:3px;
}
.dailytime img{
padding-bottom:4px;
}
.clear{ 
clear:both;
}
#easyTooltip{
margin:0 10px 10px 0;
/*width:250px;*/

padding:8px;
background:#f2f2f2;
font:Arial, Helvetica, sans-serif;
border:1px solid #e1e1e1;
line-height:130%;	
z-index:999;			
}
#easyTooltip h3{
margin:0 0 10px 0;
font:13px Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
border-bottom:1px solid #c5c5c5;
}	
#easyTooltip p{
margin:0 0 10px 0;
}		
#easyTooltip img{
background:#fff;
padding:1px;
border:1px solid #e1e1e1;
float:left;
margin-right:10px;
}		

#item{display:none;}
a.paging{
background: #000;
color:#fff;
border-radius:9px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
padding:5px 12px;
text-decoration:none;
}
table.feedback td{
padding:5px 7px;
}
a.post-track-custom{
text-decoration:none !important;
}
a.view-track-custom{
text-decoration:none !important;
}

.header-bg {
background: transparent url('../images/header-bg.png') top left repeat-y;
}

table.sheet {
border-spacing:0;
border-color:#DDD;
}

table.sheet tbody tr {
background-color:white;
border-color:#DDD;
}

table.sheet tbody tr:nth-child(even) {
background-color:#f7f7f7;
}

table.sheet td, table.sheet th {
/*padding:4px 2px;*/
padding:0 2px!important;
height:30px;
border-color:#DEDEDE;
border-bottom-color:#BBB;
}

table.sheet.timesheetcss td, table.sheet.timesheetcss th {
	white-space: normal;
}

table.sheet td:last-child, table.sheet th:last-child {
border-right-color:#BBB;
}

table.sheet td:first-child, table.sheet th:first-child {
border-left-color:#BBB;
}

table.sheet thead  tr.hover {
background-color:#EEE;
}

table.sheet tbody  tr.hover {
background-color:#91C9EF;
}

.hover td.sts0 {
background:white;
border-left-color:white!important;
}

.btn-icon {
background-color:transparent;
transition:opacity .3s;
-moz-transition:opacity .3s; /* Firefox 4 */
-webkit-transition:opacity .3s; /* Safari and Chrome */
-o-transition:opacity .3s; /* Opera */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter:alpha(opacity=75);
-moz-opacity:.75;
-khtml-opacity:.75;
opacity:.75;
}

.btn-icon:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}

.deadline {
color:#0062CC;
}

#easyTooltip {
box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
border-color:#666;
}

input[type="text"], input[type="password"], textarea, select {
padding:2px;
background:#F6F6F6;
color:#666;
font-size:12px;
border:1px solid #B9B9B9;
border-top-color:#A4A4A4;
-moz-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
-ms-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
-webkit-box-shadow:0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
box-shadow:0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}

input[type="submit"], input[type="reset"], input[type="button"], .btn {
background-color:transparent;
background-image:linear-gradient(top,whiteSmoke,#F1F1F1);
background-image:-moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image:-webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image:-webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
border:1px solid #C6C6C6;
color:#333;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
cursor:default;
font-size:11px;
font-weight:bold;
text-align:center;
height:27px;
line-height:27px;
min-width:54px;
outline:0;
padding:0 8px;
}

input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, .btn :hover {
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .1);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);
box-shadow:0 1px 1px rgba(0, 0, 0, .1);
}

input[type="submit"]:active, input[type="button"]:active,input[type="reset"]:active, input[type="reset"]:focus, .btn :active,
input[type="submit"]:focus, input[type="button"]:focus, .btn :focus {
background-image:linear-gradient(top,#EEE,#E0E0E0);
background-image:-moz-linear-gradient(top,#EEE,#E0E0E0);
background-image:-o-linear-gradient(top,#EEE,#E0E0E0);
background-image:-webkit-gradient(linear,left top,left bottom,from(#EEE),to(#E0E0E0));
background-image:-webkit-linear-gradient(top,#EEE,#E0E0E0);
-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
box-shadow:inset 0 1px 2px rgba(0, 0, 0, .1);
}
#rightmenu input[type="submit"], input[type="button"], .btn {
line-height:12px;
height:18px;
font-size:10px;
padding:0 3px;
min-width:44px;
font-weight:bold;
text-align:center;
}
#rightmenu input[type="text"]{
height:11px;	
}
input[type="button"].enable {
margin: 5px 0;
}

#current_clock img{ padding: 0 0 0 0 !important; }

.divPlan{ width: 100%; min-height:30px;line-height:30px; }
.tsGraphFilter{ padding-right:10px; display: block; float: left;}
.tsGraphFilter img{	float:left;}

img.plan{ cursor: pointer; right:2px; position: absolute; z-index:99; top: 50%;margin-top: -10px;} 
span.flux-title { font-size:24px; line-height:28px;letter-spacing: -0.05em; font-weight:bold; }
span.flux-title a { color:#666; }
button.tsGraph { color: #fff; border: none; cursor: pointer; padding: 5px 10px; background: #009FE3; -border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; }
table.tableline{ font-family:'Myrid', 'Lucida Grande', Arial;font-size:11px; color:#666666;border:1px solid #999999; }
table tr.thead { background: #CCCCCC !important;}
table tr.thead td{ border-bottom: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD;}
.part { margin-top:20px; clear:both; }
.cursor{ cursor:pointer;}
.child-table{ margin: 5px 0 20px;}
.task .btn {
display:inline-block;
*display:inline;
padding:4px 12px;
margin-bottom:0;
*margin-left:.3em;
font-size:14px;
line-height:18px;
color:#333;
text-align:center;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#e6e6e6;
background-image:-moz-linear-gradient(top, #fff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #fff, #e6e6e6);
background-image:-o-linear-gradient(top, #fff, #e6e6e6);
background-image:linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat:repeat-x;
border:1px solid #bbb;
*border:0;
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color:#a2a2a2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom:1;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}
.task .btn:hover, .task .btn:active, .task .btn.active, .task .btn.disabled, .task .btn[disabled] {
color:#333;
background-color:#e6e6e6;
*background-color:#d9d9d9
}
.task .btn:active, .task .btn.active {
background-color:#ccc \9
}

.task .btn-success {
color:#fff;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
background-color:#5bb75b;
*background-color:#51a351;
background-image:-moz-linear-gradient(top, #62c462, #51a351);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image:-webkit-linear-gradient(top, #62c462, #51a351);
background-image:-o-linear-gradient(top, #62c462, #51a351);
background-image:linear-gradient(to bottom, #62c462, #51a351);
background-repeat:repeat-x;
border-color:#51a351 #51a351 #387038;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.task .btn-success:hover, .task .btn-success:active, .task .btn-success.active, .task .btn-success.disabled, .task .btn-success[disabled] {
color:#fff;
background-color:#51a351;
*background-color:#499249
}
.btn-success:active, .btn-success.active {
background-color:#408140 \9
}
.acResults {
padding: 0px;
border: 1px solid WindowFrame;
background-color: Window;
overflow: hidden;
z-index:999;
}

.acResults ul {
margin: 0px;
padding: 0px;
list-style-position: outside;
list-style: none;	
}

.acResults ul li {
margin: 0px;
padding: 2px 5px;
cursor: pointer;
display: block;
font: menu;
font-size: 12px;
overflow: hidden;
}

.acLoading {
background : url('../images/indicator.gif') right center no-repeat;
}

.acSelect {
background-color: Highlight;
color: HighlightText;
}
td .hidden{display:none;}


/* Added for export csv wip button */
.task .btn-success, table.child-table tr td a{
vertical-align:top;
position:relative;
}
table.child-table tr td a span{
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
position:relative;
padding:4px 12px; 
text-decoration:none;
margin: 0;
}
table.child-table tr td a:hover{
text-decoration:none;
cursor:pointer;
}
.sheet td {
    white-space: nowrap;
}
.color-code {
  float: left;
  width: 15px;
  height: 15px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}
span.color-span{
    float: left;
    display: block;
    margin-top: 8px;
    margin-right: 10px;
}

.red-report {
  background: #f66a6a;
}

.green-report {
  background: #b8e9b0;
}

.orange-report {
  background: #FFA500;
}
.half-day-leave{
    width: 40% !important;
}
.hide{
    display:none !important;
}

.sheet .half-day-leave{
    background: red;
    color: white;
    padding: 3px 6px;
    width: auto !important;
    border: none;
    display: inline-block;
    font-size: 11px;
    margin: 0 3px;
    cursor: pointer;
}

.sheet .half-day-leave.first-half{
  background: #009AE0;                         
}

.sheet .half-day-leave.second-half{
  background: #E95B19;                         
}

.sheet .half-day-leave.remove{
  background: #E40228;                         
}

.orange-green-report{
	color:white;
    background: #ff0004;
    background: -moz-linear-gradient(left,  #ff0004 0%, #2a4726 56%, #2a4726 100%);
    background: -webkit-linear-gradient(left,  #ff0004 0%,#2a4726 56%,#2a4726 100%);
    background: linear-gradient(to right,  #ff0004 0%,#2a4726 56%,#2a4726 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#2a4726',GradientType=1 );
}
.green-orange-report{
	color:white;
    background: #2a4726;
    background: -moz-linear-gradient(left,  #2a4726 0%, #2a4726 46%, #2a4726 46%, #ff0004 100%);
    background: -webkit-linear-gradient(left,  #2a4726 0%,#2a4726 46%,#2a4726 46%,#ff0004 100%);
    background: linear-gradient(to right,  #2a4726 0%,#2a4726 46%,#2a4726 46%,#ff0004 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4726', endColorstr='#ff0004',GradientType=1 );
}
.green-orange-white-report{
    background: #2a4726;
    background: -moz-linear-gradient(left,  #2a4726 1%, #2a4726 19%, #ff0000 50%, #ffffff 51%, #ffffff 100%);
    background: -webkit-linear-gradient(left,  #2a4726 1%,#2a4726 19%,#ff0000 50%,#ffffff 51%,#ffffff 100%);
    background: linear-gradient(to right,  #2a4726 1%,#2a4726 19%,#ff0000 50%,#ffffff 51%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4726', endColorstr='#ffffff',GradientType=1 );
}
.orange-green-white-report{
	color: magenta;
    background: #ff0004;
    background: -moz-linear-gradient(left,  #ff0004 0%, #2a4726 29%, #2a4726 50%, #ffffff 51%, #ffffff 100%);
    background: -webkit-linear-gradient(left,  #ff0004 0%,#2a4726 29%,#2a4726 50%,#ffffff 51%,#ffffff 100%);
    background: linear-gradient(to right,  #ff0004 0%,#2a4726 29%,#2a4726 50%,#ffffff 51%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#ffffff',GradientType=1 );
}
.white-green-orange-report{
	color: magenta;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #ffffff 50%, #2a4726 50%, #2a4726 72%, #ff0004 100%);
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#ffffff 50%,#2a4726 50%,#2a4726 72%,#ff0004 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#ffffff 50%,#2a4726 50%,#2a4726 72%,#ff0004 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff0004',GradientType=1 );
}
.white-orange-green-report{
	color: magenta;
    background: #ffffff;
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #ff0004 50%, #2a4726 75%, #2a4726 94%, #2a4726 100%);
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#ff0004 50%,#2a4726 75%,#2a4726 94%,#2a4726 100%);
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#ff0004 50%,#2a4726 75%,#2a4726 94%,#2a4726 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2a4726',GradientType=1 );
}
.grey-report{
    background : #D0D0D0;
}
.basic-color-report,.full-day-report,.first-half-report,.second-half-report{
    clear: both;
}
.new-black-ticket{
    margin-left: 8px;
}
.new-black-ticket img.ticket_url{
    width: 20px;
}

table.sheet tbody tr.redAlertOdd {
	background: #ffebeb;
}

table.sheet tbody tr.redAlertEven {
	background: #f7e3e3;
}

table.sheet tbody tr.redAlertHeading th{
	background: #ccbcbc;
}

table.sheet tbody tr.bgred {
	background: #eacfcf !important;
}

.ico-info {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 6px;
}
.ico-info:before {
    content: '';
    border: 1px solid #333;
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    top: -1px;
    border-radius: 50%;
}

table.tbl-attendance td,
table.tbl-attendance th
{
    padding: 5px 2px!important;
    font-size: 10px;
    vertical-align: top;
}

table.tbl-attendance td.td_fixed {
    vertical-align: middle;
}

table.tbl-attendance tr td .leave-section{
	padding: 18px 0px 5px;
}