/*a:link {color: #FF0000}     unvisited link */
/*a:visited {color: #00FF00}  visited link */
/* a:hover {color: #FF00FF}   mouse over link */
/*a:active {color: #0000FF}   selected link */
/* order is important !!! */
@import url("../../graphics/graphics.css");

a
{
    font-size:small;
    color: var(--common-link);
    text-decoration:none;
}
a:hover
{
    /*color:#384A68;*/
    text-decoration:underline;  
}

/* button bar link style */

#TDButtonBar .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}

a.hlink, a.listLinkRow, a.listLinkAltRow, a.SubmitButton {
/*	-moz-box-shadow: inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow: inset 0px 1px 3px 0px #91b8b3;
	box-shadow: inset 0px 1px 3px 0px #91b8b3;*/
	background-color: var(--button-bg);
	-moz-border-radius: var(--button-radius);
	-webkit-border-radius: var(--button-radius);
	border-radius: var(--button-radius);
	border: 1px solid #566963;
	display: inline-block;
	cursor: pointer;
	color: var(--button-fg);
	font-size: small;
	font-weight: bold;
	padding: 2px 8px;
	text-decoration: none;
}
	a.hlink:hover, a.listLinkRow:hover, a.listLinkAltRow:hover {
		background-color: var(--button-hover-bg);
		color: var(--button-hover-fg);
	}

a.SubmitButton {
	background-color: var(--button-submit-bg);
	color: var(--button-submit-fg);
}
	a.SubmitButton:hover {
		background-color: var(--button-submit-hover-bg);
		color: var(--button-submit-hover-fg);
	}


/*link style for view team leave */
#ViewTeamLeave a.hlink {
	color: var(--common-link);
}
	#ViewTeamLeave a.hlink:hover {
		text-decoration: underline;
	}

a.listLinkSelectedRow {
	-moz-box-shadow: inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow: inset 0px 1px 3px 0px #91b8b3;
	box-shadow: inset 0px 1px 3px 0px #91b8b3;
	background-color: var(--button-bg);
	color: var(--button-fg);
	-moz-border-radius: var(--button-radius);
	-webkit-border-radius: var(--button-radius);
	border-radius: var(--button-radius);
	border: 1px solid #566963;
	display: inline-block;
	cursor: pointer;
	font-size: small;
	font-weight: bold;
	padding: 2px 8px;
	text-decoration: none;
	text-shadow: 0px -1px 0px #2b665e;
}

	a.listLinkSelectedRow:hover {
		background-color: var(--button-hover-bg);
	}
th.listheader a, tr.listheader a {
	color: var(--list-header-fg);
	text-decoration: underline;
	font-size: small;
}

/* grid pager link styles */
tr.pagerStyle a {
	color: var(--list-header-fg);
	font-size: 14px;
}  
                
/* end link style for list screens */

a.ToolTip {
	font-size: small;
	color: var(--text-color);
	text-align: left;
	text-decoration: none;
}

a.ToolTip:hover
{
   	text-decoration:none;
}

.ActionCell {
	width: 60px;
    vertical-align:top;
	text-align:center;
}
.ActionButtons {
	/*opacity:0.4;*/
}
.listrow:hover > .ActionCell > .ActionButtons,
.listaltrow:hover > .ActionCell > .ActionButtons {
/*	opacity:1;*/
	background-color:#e0e0e0;
}

/* IconBtn is a button with an icon to the left
   IconPic is a clickable icon which has a hover
   IconImg is simply an image that is static
*/

.IconBtn, .IconPic, IconImg {
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	display: inline-block;
	background-repeat: no-repeat;
}
.IconBtn {
	background-position: 4px center;
	white-space: nowrap;
}
.IconPic, .IconImg {
	width:16px;
	height:16px;
	background-position: center center;
	filter: invert(23%) sepia(100%) saturate(2139%) hue-rotate(252deg) brightness(82%) contrast(80%);
}
	.IconPic:hover {
		filter: invert(12%) sepia(69%) saturate(6260%) hue-rotate(318deg) brightness(83%) contrast(100%);
	}

.MenuBarLeft .IconPic,
.MenuBarRight .IconPic,
.hlink.IconPic,
.listheader .IconPic {
	filter: invert(23%) sepia(100%) saturate(2139%) hue-rotate(252deg) brightness(82%) contrast(80%);
}
	.MenuBarLeft .IconPic:hover,
	.MenuBarRight .IconPic:hover,
	.hlink.IconPic:hover,
	.listheader .IconPic:hover {
		filter: invert(12%) sepia(69%) saturate(6260%) hue-rotate(318deg) brightness(83%) contrast(100%);
	}

.IconPic.Icon16 { width: 16px; height: 16px; }
.IconPic.Icon20 { width: 20px; height: 20px; }
.IconPic.Icon24 { width: 24px; height: 24px; }

.IconBtn.Icon16 { padding-left: 24px; }
.IconBtn.Icon24 { padding-left: 32px; }

.IconAdd, .IconAddHead { background-image: url(../../graphics/svg/add.svg); }
.IconBack { background-image: url(../../graphics/svg/back.svg); }
.IconCalendar { background-image: url(../../graphics/svg/calendar.svg); }
.IconCancel { background-image: url(../../graphics/svg/cancel.svg); }
.IconChangeRole { background-image: url(../../graphics/svg/change_role.svg); }
.IconConfirm { background-image: url(../../graphics/svg/confirm.svg); }
.IconDelete { background-image: url(../../graphics/svg/delete.svg); }
.IconDetails { background-image: url(../../graphics/svg/details.svg); }
.IconDocuments { background-image: url(../../graphics/svg/documents.svg); }
.IconDownload { background-image: url(../../graphics/svg/download.svg); }
.IconEdit { background-image: url(../../graphics/svg/edit.svg); }
.IconEnquire { background-image: url(../../graphics/svg/enquire.svg); }
.IconExpenses { background-image: url(../../graphics/svg/expenses.svg); }
.IconForward { background-image: url(../../graphics/svg/forward.svg); }
.IconHome { background-image: url(../../graphics/svg/home.svg); }
.IconLogout { background-image: url(../../graphics/svg/logout.svg); }
.IconMessages { background-image: url(../../graphics/svg/messages.svg); }
.IconNext { background-image: url(../../graphics/svg/next.svg); }
.IconPayslips { background-image: url(../../graphics/svg/payslips.svg); }
.IconRefresh { background-image: url(../../graphics/svg/refresh.svg); }
.IconReply { background-image: url(../../graphics/svg/reply.svg); }
.IconSave { background-image: url(../../graphics/svg/save.svg); }
.IconSearch { background-image: url(../../graphics/svg/search.svg); }
.IconSelect { background-image: url(../../graphics/svg/select.svg); }
.IconSend { background-image: url(../../graphics/svg/send.svg); }
.IconSitemap { background-image: url(../../graphics/svg/sitemap.svg); }
.IconTimesheet { background-image: url(../../graphics/svg/timesheet.svg); }
.IconViewDocument { background-image: url(../../graphics/svg/documents.svg); }
.IconWithdraw { background-image: url(../../graphics/svg/withdraw.svg); }

.BtnEdit { background-image: url(../../graphics/16/edit_white.png); }
.BtnAdd { background-image: url(../../graphics/16/add_white.png); }
.BtnDelete { background-image: url(../../graphics/16/delete_white.png);}
.BtnSave { background-image: url(../../graphics/16/save_white.png); }
.BtnNext { background-image: url(../../graphics/16/next_white.png); }
.BtnBack { background-image: url(../../graphics/16/back_white.png); }
.BtnCancel { background-image: url(../../graphics/16/cancel_white.png); }
.BtnConfirm { background-image: url(../../graphics/16/confirm_white.png); }
.BtnSearch { background-image: url(../../graphics/16/search_white.png); }