﻿#ms-navitem, #ms-navitem ul, #ms-navitem li {
		width: 227px;
		margin: 0;
	 	padding: 0;
        list-style: none;
		font: bold 12px/1.9 Arial, Helvetica, sans-serif bold;
}
#ms-navitem a {
        display: block;
        height: 20px;
		line-height: 1.6;
		background-color: #E6E6E6;
		text-decoration: none;
		padding-left:15px;
}
#ms-navitem a.span {
        color: #525252;
        background: url('../images1/sideNav_bg2.gif');
		position: relative;
		padding-left:20;
		height: 20px;
		line-height: 1.6;
}

#ms-navitem a.span img {
	position: absolute;
	top: 7px;
	left: 6px;
	border: 0;
}

#ms-navitem spancap {
        color: #525252;
        list-style: none;
		font: bold 12px/1.9 Arial, Helvetica, sans-serif bold;
        background: url('../images1/nav_bg-top.png');
		position: relative;
		padding-left:25;
		height: 53px;
		line-height: 1.6;
}

#ms-navitem li.cap {
	background: url('../images1/nav_bg-top.png');
	color: #525252;
	height:11px;
	}
	
#ms-navitem li.capbottom {
	background: url('../images1/nav_cap-btm.png') no-repeat;
	color: #525252;
	height: 11px;
	line-height: 1.6;
	}
	

#ms-navitem li ul li {
        font: 12px/1.9 Arial, Helvetica, sans-serif bold;
        border: none;
		
}
#ms-navitem li ul li a {
        color: #777;
		padding-left:15px;
		background: url('../images1/nav_button_off.png');
}
#ms-navitem li ul li a:hover {
        color: #FFFFFF;
		padding-left:15px;
		background: url('../images1/nav_button_on.png');
}

.ms-WPTitle {
      background:#EEE; 
	  border-bottom: 2px solid #BEBEBE; 
	  padding: 5px 10px 3px 10px; 
	  font: bold 12px Arial, Helvetica, sans-serif; 
	  color: #525252;
}

.ms-WPTitleMain { 
	  padding: 0px 7px 5px 10px; 
	  font: bold 20px Arial, Helvetica, sans-serif; 
	  color: #CB0C0F;
}

.ms-WPBody {
	  font: 12px Arial, Helvetica, sans-serif; 
	  padding: 5px 10px 0px 10px;
	  color: #525252;
}

.ms-WPBody A:link,.ms-WPBody A:visited {
	  color:#1973b4;
	  text-decoration:none;
}

.ms-WPBody A:hover {
	  color:#0033cc;
	  text-decoration:underline;
}

.ms-toolbar {
	  font: bold 12px Arial, Helvetica, sans-serif; 
	  padding: 5px 10px 0px 10px;
	  text-align: center;
	  color: #525252;
}

.ms-menutoolbar {
	  font: 12px Arial, Helvetica, sans-serif; 
	  padding: 5px 10px 0px 10px;
	  align: top;
	  border-bottom: 1px solid #BEBEBE;
	  border-right: 1px solid #BEBEBE;
	  color: #525252;
}



/********** red button starts **********/ 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
	background: transparent url('/..images1/button_slidingDoor-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 11px Verdana; /* Change 11px as desired */
	line-height: 13px; /* This value + 2px + 3px (top and bottom padding of SPAN) must equal height of button background (default is 18px) */
	height: 18px;  /*Height of button background height */
	padding-left: 4px; /*4px; Width of left menu image */
	text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
	color: #f5f5f5; /*button text color*/
}

a.ovalbutton span{
	background: transparent url('/..images1/button_slidingDoor-right.gif') no-repeat top right;
	display: block;
	padding: 2px 4px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
	text-transform:uppercase;
	letter-spacing:1px;
}

a.ovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left;
	/*background-position:top left;*/
}

a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	/*background-position: top right;*/
	text-decoration:underline; /* underlined in FF */
}

/*   sudhir. code for the gray button .   */
a.grayovalbutton{
	background: transparent url('/..images1/button-gray_slidingDoor-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 11px Verdana; /* Change 11px as desired */
	line-height: 13px; /* This value + 2px + 3px (top and bottom padding of SPAN) must equal height of button background (default is 18px) */
	height: 18px;  /*Height of button background height */
	padding-left: 4px; /*4px; Width of left menu image */
	text-decoration: none;
}

a:link.grayovalbutton, a:visited.grayovalbutton, a:active.grayovalbutton {
	color: #f5f5f5; /*button text color*/
}

a.grayovalbutton span{
	background: transparent url('/..images1/button-gray_slidingDoor-right.gif') no-repeat top right;
	display: block;
	padding: 2px 4px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
	text-transform:uppercase;
	letter-spacing:1px;
}

a.grayovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left;
	/*background-position:top left;*/
}

a.grayovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	/*background-position: top right;*/
	text-decoration:underline; /* underlined in FF */
}

/*  Sudhir*/
#qtywidth {
    width:140px;
}


/*  Sudhir*/
#buttonwidth {
    width:80px;
}

#btn_arrow_space { /* Hover state CSS */
	padding-right:18px;
	padding-left:5px;
}

.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%;
/*	border: 1px solid blue;   sudhir. testing */
}

#buttonspace {
	margin-left:10px;
}
/********** red button ends **********/ 


/********** CSS for Research Library Search Webpart (Begins) **********/ 
#rlwebpart-table	{
	width: 700px;
}

#rlwebpart-textarea {
	font: 12px Arial, Helvetica, sans-serif;
	width: 300px;
}
	
#rlwebpart-buttonarrowspace { /* Hover state CSS */
	padding-right:18px;
	padding-left:5px;
}
.rlwebpart-utilitytext {
	font: 12px Arial, Helvetica, sans-serif; 
	padding: 5px 10px 0px 10px;
	color: #525252;	  
}

.rlwebpart-utility A:link,.rlwebpart-utility A:visited {
	color:#1973b4;
	text-decoration:none;
}

.rlwebpart-utility A:hover {
	color:#0033cc;
	text-decoration:underline;
	width:80px;
}
.rlwebpart-resultsfoundtext {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #0033cc;
}

.rlwebpart-columnheaders {
	font: bold 12px Arial, Helvetica, sans-serif; 
	padding: 5px 10px 0px 10px;
	text-align: center;
	color: #525252;
}

a.rlwebpart-ovalbutton{
	background: transparent url('/..images1/button_slidingDoor-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 11px Verdana; /* Change 11px as desired */
	line-height: 13px; /* This value + 2px + 3px (top and bottom padding of SPAN) must equal height of button background (default is 18px) */
	height: 18px;  /*Height of button background height */
	padding-left: 4px; /*4px; Width of left menu image */
	text-decoration: none;
}

a:link.rlwebpart-ovalbutton, a:visited.rlwebpart-ovalbutton, a:active.rlwebpart-ovalbutton {
	color: #f5f5f5; /*button text color*/
}

a.rlwebpart-ovalbutton span{
	background: transparent url('/..images1/button_slidingDoor-right.gif') no-repeat top right;
	display: block;
	padding: 2px 4px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
	text-transform:uppercase;
	letter-spacing:1px;
}

a.rlwebpart-ovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left;
	/*background-position:top left;*/
}

a.rlwebpart-ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	/*background-position: top right;*/
	text-decoration:underline; /* underlined in FF */
}

/*   sudhir. code for the gray button .   */
a.rlwebpart-grayovalbutton{
	background: transparent url('/..images1/button-gray_slidingDoor-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 11px Verdana; /* Change 11px as desired */
	line-height: 13px; /* This value + 2px + 3px (top and bottom padding of SPAN) must equal height of button background (default is 18px) */
	height: 18px;  /*Height of button background height */
	padding-left: 4px; /*4px; Width of left menu image */
	text-decoration: none;
}

a:link.rlwebpart-grayovalbutton, a:visited.rlwebpart-grayovalbutton, a:active.rlwebpart-grayovalbutton {
	color: #f5f5f5; /*button text color*/
}

a.rlwebpart-grayovalbutton span{
	background: transparent url('/..images1/button-gray_slidingDoor-right.gif') no-repeat top right;
	display: block;
	padding: 2px 4px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
	text-transform:uppercase;
	letter-spacing:1px;
}

a.rlwebpart-grayovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left;
	/*background-position:top left;*/
}

a.rlwebpart-grayovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	/*background-position: top right;*/
	text-decoration:underline; /* underlined in FF */
}

.rl-footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:400;
	text-decoration:none;
}

.rl-copyright {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1973b4;
	font-weight:400;
	text-decoration:none;
}

.rl-copyright:hover {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1973b4;
	font-weight:400;
	text-decoration:underline;
}

/********** CSS for Research Library Search Webpart (Ends) **********/ 

