/* toolBar (ancor in Listitem in toolbar */
#toolBarbg {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; HEIGHT: 10px;
	font-weight:bold;  	background-color:blue;
}
#toolBar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
#toolBar LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; 
	PADDING-TOP: 0px
}
#toolBar LI img {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	VERTICAL-ALIGN: middle; moz-opacity: 0.1
}
#toolBar LI A:link img {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	VERTICAL-ALIGN: middle; moz-opacity: 0.1
}
#toolBar LI A:visited img {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	VERTICAL-ALIGN: middle; moz-opacity: 0.1
}
#toolBar LI A:hover img {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); 
	moz-opacity: 1.0
}
#toolBar LI.divider {
	BORDER-RIGHT: medium none; BORDER-TOP: buttonhighlight 1px solid; BACKGROUND: navy; MARGIN-LEFT: 4px; 
	BORDER-LEFT: buttonshadow 1px solid; MARGIN-RIGHT: 4px; BORDER-BOTTOM: buttonshadow 1px solid
}
#toolBar LI A {
	PADDING-RIGHT: 3px; DISPLAY: block; 
	PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 0px; FONT: icon; 
	COLOR: navy; PADDING-TOP: 3px; background-image:url(images/greyBar.gif); 
	TEXT-ALIGN: center; TEXT-DECORATION: none
}
#toolBar LI A:link {
	PADDING-RIGHT: 3px; DISPLAY: block; 
	PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 0px; FONT: icon; 
	COLOR: navy; PADDING-TOP: 3px; 
	background-image:url(images/greyBar.gif);TEXT-ALIGN: center; 
	TEXT-DECORATION: none
}
#toolBar LI A:visited {
	PADDING-RIGHT: 3px; 
	DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 0px; 
	FONT: icon;  COLOR: NAVY; PADDING-TOP: 3px; 
	BACKGROUND-COLOR:#EDEEF0 ; TEXT-ALIGN: center; 
	TEXT-DECORATION: none
}
#toolBar LI A#selected:link {
	 
	TEXT-DECORATION: none; moz-border-radius: 5px
}
#toolBar LI A#selected:visited {
	 BACKGROUND-COLOR: white; 
	TEXT-DECORATION: none; moz-border-radius: 5px
}
#toolBar LI A.disabled {
	CURSOR: default; COLOR: graytext! important
}
#toolBar LI A.disabled img {
	FILTER: gray() alpha(opacity=60); moz-opacity: 0.3
}
#toolBar LI A:hover {
	FONT: icon; 
	COLOR: white; 
	TEXT-DECORATION: none; moz-border-radius: 5px;
	background-image:url(images/royaleBar.gif);
}
#toolBar LI A.disabled:hover {
	FONT: icon; 
	COLOR: buttontext; 
	BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
#toolBar LI A:active {
	
	COLOR: captiontext; 
}
/* Toolbar back color________________________________________________________________________________*/
.threeD 
{
	BORDER-TOP: navy 1px solid; BORDER-BOTTOM: navy 1px ; 
	BACKGROUND-COLOR:#EDEEF0;		font-weight:bold;
	background-image:url(images/greyBar.gif);
	
	border-width:1px;
	
	BORDER-BOTTOM-COLOR: #252525; 
	BORDER-TOP-STYLE: solid; 
	BORDER-TOP-COLOR: #252525; 

	BORDER-LEFT-STYLE: groove; 
	BORDER-RIGHT-COLOR: #252525; 
	BORDER-BOTTOM-STYLE: groove
	
}


/*USAGE EXAMPLE
 <td class="threeD" style="width: 100%;" valign="middle" align="right"   > 
         <ul id="toolBar" >
            <li id="arNewFolder">
                <a href="DashboardUser.htm" target="_top"><img height="17" hspace="2" src="Images/home.jpg" width="17" /><strong>Home</strong></a></li>
            <li id="Li1">
                <a href="javascript:print()"><img height="17"  hspace="2" src="Images/printer.gif" width="17"  /><strong>Print</strong></a></li>
             <li id="Li2">
                <a href="javascript:history.go(0)"><img height="17" hspace="2" src="Images/refresh.jpg" width="17" /><strong>Refresh</strong></a><strong>
                    </strong></li>
            <li id="Li4">   
                <a href="ChangePassword.aspx"><img height="17" hspace="2" src="Images/changepassword.jpg" width="17" /><strong>Change Password</strong></a><strong> </strong></li>
            <li id="Li5">
                <a href="logout.aspx"><img height="17" hspace="2" src="Images/logout.jpg" width="17" id="IMG3" language="javascript" /> 
                    <strong>Exit</strong></a><strong> </strong></li>
            </ul> 
        </td>

*/