﻿/*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: 4px 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 {
/*	display: none;*/
	opacity:0.2;
}
.listrow:hover > .ActionCell > .ActionButtons,
.listaltrow:hover > .ActionCell > .ActionButtons {
	display: inline-block;
	opacity:1;
}


/* 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(20%) sepia(96%) saturate(815%) hue-rotate(171deg) brightness(93%) contrast(100%);
}
	.IconPic:hover {
		filter: invert(55%) sepia(70%) saturate(5945%) hue-rotate(163deg) brightness(100%) contrast(103%);
	}

.MenuBarLeft .IconPic,
.MenuBarRight .IconPic,
.hlink.IconPic,
.listheader .IconPic {
	filter: invert(20%) sepia(96%) saturate(815%) hue-rotate(171deg) brightness(93%) contrast(100%);
}
	.MenuBarLeft .IconPic:hover,
	.MenuBarRight .IconPic:hover,
	.hlink.IconPic:hover,
	.listheader .IconPic:hover {
		filter: invert(55%) sepia(70%) saturate(5945%) hue-rotate(163deg) brightness(130%) contrast(103%);	
	}

/*.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); }*/

