/*BODY SECTION OF DASHBOARD__________________________________________________________________________*/
body, html 
{
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: gray;
	scrollbar-shadow-color: gray;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: black; 
}
/*SCROLLBAR
body, html 
{
	scrollbar-face-color: #DFDFDF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: gray;
}
*/
BODY 
{
	margin:0 0 0 0;
	padding:0 0 0 0; height:100%;width:100%;
	FONT-SIZE:8pt; MARGIN:0 0 0 0; COLOR: #000000; FONT-FAMILY: Tahoma, Tahoma, Verdana, Arial, sans-serif; 
	background-color:white;
}
/*Gridview css_____________________________________________________________________________________*/
.gridview
{
	background-color:#F9F9F9;
	border-color:#999999; 
	border-bottom-color:white;
	border-top:0;
	border-left:0;
	border-right:0;
}
.gridview th
{
	height:30px;
	font-family: Tahoma, Verdana;  
	font-weight: bold; 
	color: #6A6A6F;
	background: url(images/table_back.gif); 
	background-repeat:repeat-x;
	vertical-align:middle;
	padding-bottom:8pt;
	border-top-width:0;
	border-bottom-width:0;
	border-left-width:1;
}
.gridview td
{
	vertical-align:middle;
	height:20px;
	padding-top:5pt;
	padding-left:5pt;
	border-top-width:0;
	border-bottom-width:0;
}

/*Grid row hover effect*/
.gridRowHover
{
	background-image: url(images/gridrowhover.gif);
	background-repeat:repeat;
	height:27px;
	vertical-align:middle;
	color:#cc0000;
}
.PagerStyleCss
{
	border:1;
	color:red;
	font-weight:bold;
}

.gridNew
{
	text-decoration:none;
}
.gridTextArea
{
 background-color:#F9F9F9;
 border-style:solid;
 border-width:1px;
 border-color:ThreeDFace ;
}


/*Table css_____________________________________________________________________________________*/
.Table1
{
	background-color:#F9F9F9;
	border-style:solid;
	border-color:#D4D0C8;
	border-width:1px;
}
Th1
{
	height:30px;
	font-family: Tahoma, Verdana;  
	font-weight: bold; 
	color: #6A6A6F;
	background: url(images/table_back.gif); 
	background-repeat:repeat-x;
	vertical-align:middle;
	border-width:0;
	border-left:1pt;
	border-left-color:#d2d2d2;
}
.td1
{
	vertical-align:middle;
	height:20px;
	color:Black;
	padding-left:5px;
	border-width:0;
	border-left:1pt;
	border-left-color:#d2d2d2;
	padding-top:2;
}

.tableFilter
{
	background-color:#F9F9F5;
	border: solid 1px #CCCCCC;
	color:maroon;
	font-weight:bold;
}

/*This CSS is used at places such as availabel sizes in subcategorycolor___________________________________*/
/*HTML HYPERLINK____________________________________________________________________________________*/


/* HTML HyperLink */

li A:link {
	color: black;
	text-decoration:underline; 
}
li A:visited 
{
	color: black;
	text-decoration:underline; 
}
li A:hover 
{
	color: #cc0000;
	text-decoration:underline; 
}
li A:active 
{
	color: black;
	text-decoration:underline; 
}

/*
If you had a few links you wanted to be a bit different, you'd add this:

a.menu:active {color:blue}
a.menu:visited {color:blue}
a.menu:link {color:blue}
a.menu:hover {color:pink}
Then add class="menu" to the links you'd like different, like this:

<a href="page.html" class="menu">link</a>
*/

/*________________________________________________________________________________________________*/
/*HTML Textbox, button, reset, submit, file browse, checkbox, radiobuttion and password field*/
IMG
{
	border:0;
}

Input
{
	border-style:solid;
	border-color:gray;
	border-width:1px;
	font-size:11px;
	font-family:Verdana;
}

/*HTML SELECT */
SELECT
{
	font-size:11px;
	font-family:Verdana;
}
textarea
{
	border-style:solid;
	border-color:gray;
	border-width:1px;
}
/*special controls _________________________________________________________________________________*/
.Role
{
	font-weight:bold;
	letter-spacing:1px;
	color:Navy;
}
.welComeMessage
{
    position : relative;
    color:navy;
    letter-spacing:1px;
}
/*Apply this to each individual cell of mainMenu*/
.MainMenuNormal
{
	cursor:pointer;
	background: url(images/mainnavi_back.gif); 
	background-repeat:repeat-x;
	border:0;
}
/*Apply this to selected cell of mainMenu*/
.MainMenuSelected
{
	cursor:pointer;
	background: url(images/mainnavi_over.gif); 
	background-repeat:repeat-x;
	color:red;
}
/*Apply this to each individual cell of subMenu*/
.SubMenuNormal
{
	cursor:pointer;
	background: url(images/submenu_back.gif); 
	background-repeat:repeat-x;
	text-decoration:none;
	text-align:center;
}
/*for form links in menu control not to show underline*/
.SubMenuNormal A:link
{
	color:Black;
	text-decoration:none;
}
.SubMenuNormal a:visited
{
	color:Black;
	text-decoration:none;
}
.SubMenuNormal a:hover
{
	color:Black;
	text-decoration:none;
}
.SubMenuNormal a.active
{
	color:Black;
	text-decoration:none;
}
.SubMenuExtraCell
{
	background: url(images/submenu_back.gif); 
	background-repeat:repeat-x;
	cursor:text;
}
.button 
{
	HEIGHT:auto;
	border-right:#A7ABAA 1px solid;
	border-bottom:#A7ABAA 1px solid;
	cursor:hand;
	background: url(images/buttonbg.gif); 
	background-repeat:repeat-x;
	color:black;
}

/*Popup center div css_____________________________________________________________________________________*/

.popupTable
{
	border:3px;
	border-color:#A0B6CD;
	border-style:solid;
	background-color:#DAE2F5;
	display:none; z-index: 1; 
	position: absolute; 
	left: 0px; top: 0px; 
}
.popupTitleBar
{
	background-image: url(images/popuptitlebar.gif); 
	background-repeat:repeat-x ;
	height:27px;
	padding:0;
}
.popupTitleBarText
{
	background-image: url(images/popuptitlebar.gif); 
	background-repeat:repeat-x ;
	height:27px;
	font-weight:bold;
	color:HighlightTxt ;
	padding-left:10pt;
}
.popupFormLabel
{
	padding-left:10pt;
}
/*_____________________________________________________________________________________*/
.UpdatePanel
{
	border-width:2pt;
	border-color:black;
	border-style:solid;
	z-index: 1; 
	position: absolute; 
	left: 0px; top: 0px; 
}
#lblmsg
{
	color:maroon;
}

/*following blocks of css is used for displaying images on mouse over_______________________________*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 8px;
left: -1000px;
border: 1px dashed blue;
visibility: hidden;
color: white;
font-weight:bold;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}
.row1
{
	vertical-align:middle ;
	border-width:0;
	border-left:1pt;
	background-color:#fef5d4 ;
}

.row2
{
	vertical-align:middle;
	border-width:0;
	border-left:1pt;
	background-color:#ebebeb;
}

ul, dl {
  margin:0 0 12px;
  padding:0;
  list-style:none;
  }

ul li {
background:url(images/arrow.gif)  no-repeat 2px .5em;
margin:0 0 4px;
padding:0 0 0 10px;
}


a.leafMenuNodeSelected:Link
{
	color:#cc0000;
	text-decoration:none;
}
a.leafMenuNodeSelected:Active
{
	color:#cc0000;
	text-decoration:none;
}
a.leafMenuNodeSelected:Hover
{
	color:#cc0000;
	text-decoration:none;
}
a.leafMenuNodeSelected:Visited
{
	color:#cc0000;
	text-decoration:none;
}

a.leafMenuNodeNormal:Link
{
	color:#cc0000;
	text-decoration:none;
}
a.leafMenuNodeNormal:Active
{
	color:#cc0000;
	text-decoration:none;
}
a.leafMenuNodeNormal:Hover
{
	color:#cc0000;
	text-decoration:none;
}
a.leafMenuNodeNormal:Visited
{
	color:#cc0000;
	text-decoration:none;
}