/* *
 * rd_grey skin
 * horizontal is default
 * */

/* font sizes */
div.ktskinrd_grey a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    vertical-align: middle;
	line-height: 23px;
}
/* second and following levels font-size */
div.ktskinrd_grey li li a { font-weight: normal; line-height: 23px; }

/* first level menu item size */
div.ktskinrd_grey ul li.lev1 {
	width: 170px; 
	
}
/* second and following levels menu item size */
div.ktskinrd_grey li.lev1 ul, div.ktskinrd_grey li.lev1 li {
	width: 170px;
	
}
 
/* HACK: fix ie5.5 setting width on inline li's */
div.ktskinrd_grey div.kthorizontal2 ul li ul, div.ktskinrd_grey div.kthorizontal2 ul li li {
	width: auto;
}

/* default link style */
div.ktskinrd_grey a {
	padding: 0px 0px 0px 30px;
	color: #0f0f0f;
}
/* *
 * backgrounds:
 * - ideally, we should use backgrounds on li's and margins to space items out but, 
 *   because IE keeps triggering onmouseout events if we use margins on the li's, 
 *   we must put the backgrouns on the a's and use line height to space them out
 * - we also set the same image as the off state on the li's in order to 
 *   minimise visible flicker when hovering menu items in IE
 * */
/* level 1 background */
div.ktskinrd_grey li.lev1, div.ktskinrd_grey li.lev1 a.lev1 {
	background-image: url(img/menuleft_up.gif);
	background-position: 0px 0px;
}
/* must make the first level item wider because we want to show more of the left side of the background image */
div.ktskinrd_grey ul li.lev1_first {
	width: 170px;
	
}
div.ktskinrd_grey ul li.lev1_first, div.ktskinrd_grey ul li.lev1_first a.lev1 {
	background-position: 0px 0px;
	
}
div.ktskinrd_grey ul li.lev1_first a.lev1 {
	padding-left: 30px;
}
/* *
 * must make last menu item wider for the same reasons as the first, 
 * in this case, also take into account the 1px border between items
 * */
div.ktskinrd_grey ul li.lev1_last {
	width: 170px;
	
}
div.ktskinrd_grey ul li.lev1_last, div.ktskinrd_grey ul li.lev1_last a.lev1 {
	background-position: 100% 0px;
	
}

	/* level 2 item backgrounds */
div.ktskinrd_grey ul li li.lev2, div.ktskinrd_grey ul li.lev2 li {
		background: url(img/menuleft_up.gif) no-repeat 0px 50%;
	}
div.ktskinrd_grey ul li li.lev2 a.lev2, div.ktskinrd_grey ul li.lev2 li a {
		background: url(img/menuleft_up.gif) no-repeat 0px 50%;
		padding-top: 0px;
		padding-bottom: 0px;
		
	}
	/* horizontally space out level 3 UL's */
div.ktskinrd_grey ul li.lev2 ul {
		margin-left: 10px;
	}

/* selected first level items backgrounds */
div.ktskinrd_grey li.lev1_selected a.lev1 {
	background-image: url(img/menuleft_up.gif);
}
div.ktskinrd_grey li a.selected {
	color: #e47200;
      /*color: #4f72b4;*/
}
/* selected second and third level items backgrounds */
div.ktskinrd_grey li.lev1 li.lev2 a.selected {
	background-image: url(img/menuleft_up.gif);
}

/* current first level items backgrounds */
div.ktskinrd_grey ul li.lev1 a.lev1_current {
	background-image: url(img/menuleft_up.gif);
}
/* current second and third level items backgrounds */
div.ktskinrd_grey ul li.lev1 li.lev2 a.current {
	background-image: url(img/menuleft_up.gif);
}
/* *
 * specific to vertical
 * - first level menu items have a different size than the horizontal ones
 * - also, the backgrounds must not be shifted for the first and last meneu items
 * */
div.ktskinrd_grey div.ktvertical ul.lev1, div.ktskinrd_grey div.ktvertical ul li.lev1 {
	width: 170px;
	
}
div.ktskinrd_grey div.ktvertical li.lev1, div.ktskinrd_grey div.ktvertical li.lev1 a.lev1 {
	background-image: url(img/menuleft_up.gif);
	background-position: 0px 0px;
}
div.ktskinrd_grey div.ktvertical ul li.lev1_last a.lev1 {
	line-height: 23px;
background-image: url(img/menuleft_up.gif);
}
div.ktskinrd_grey div.ktvertical li.lev1_selected a.lev1 {
	background-image: url(img/menuleft_dn.gif);
}
/* current vertical first level menu items backgrounds */
div.ktskinrd_grey div.ktvertical ul li.lev1 a.lev1_current {
	background-image: url(img/menuleft_dn.gif);
}
div.ktskinrd_grey div.ktvertical ul.lev2 {
	padding-left: 1px;
}

/* *
 * specific to horizontal2
 * - there is no level 3
 * - level 2 items don't have backgrounds
 * - must add padding between level 2 menu items
 * */
div.ktskinrd_grey div.kthorizontal2 li ul {
	padding: 0;
	border: none 0;
}
div.ktskinrd_grey div.kthorizontal2 li.lev1 li,
div.ktskinrd_grey div.kthorizontal2 li.lev1 li a {
	padding: 0;
	border: none 0;
	background: transparent !important;
	background-image: none !important;
}
div.ktskinrd_grey div.kthorizontal2 li.lev1 li a {
	padding-right: 0px;
}

div.ktskinrd_grey div.kthorizontal2 li.lev1 li a.selected {
	color: #4f72b4 !important;
	background: transparent !important;
}
div.ktskinrd_grey div.kthorizontal2 li ul.lev2 {
	background-image: none;
	padding-left: 0px;
}

/* selected horizontal2 second level menu items */
div.ktskinrd_grey div.kthorizontal2 li li a.selected {
	font-weight: bold;
}