/* top navigation
*******************************************************************************/

/* control the "home" menu link so it has the same dimensions as the top menu */
#HomeLink
{
	background-image: url(./telerik/menu/img/imagea.gif);
	background-position: left top;
	background-repeat: repeat-x;
  	background-color: #daedd3;
	height: 1.60em; /* 21px; */  /*  21px to match topnav_off.png  */
	text-decoration: none;
	text-align: center;
	font-size: 0.70em;
	font-weight: 700;			
	/*line-height: 1.05em;*/
	border-bottom: solid 2px #FFF;
	padding-top: 3px;		
	/*padding-bottom: -3px;*/
}
* html #HomeLink {border-bottom: 1px solid #FFF; }

#HomeLink:hover, #HomeLink:active
{
	color: #44a12b;
}

.IE #HomeLink
{
	height: 2.05em; /* 21px; */  /*  21px to match topnav_off.png  */
}

#cim_main 
{
	margin-left: 6px;
	
}

#cim_main-content 
{
	margin-bottom: 4px;
	margin-left: 170px;
	position : relative;
	z-index : 5;	
}

/* content wrapper
*******************************************************************************/
#cim_content-wrapper 
{
	/* creates left column background image */
	/*background: transparent url(images/bg_left_col.gif) 0 0 repeat-y;*/
	clear: both;
	
}

/*  Default classes.  These are overridden in the athome, atwork, atplay skins */
.side-banner
{
	width: 222px;
	height: 600px;
	background-color: #c7e3b9;
	background-image: url(images/tips-gradient.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}

OL
{
  list-style-image: url(images/athome-tick-1.gif);
}

OL.Tick2
{
  list-style-image: url(images/athome-tick-2.gif);  
}

OL.num
{
  list-style-image: none; /*kw added class */
}

/*  ChildMenu classes.  This is the menu on the "at home", "at work", etc menu pages  */
.ChildMenuItem
{
	height: 70px;
	display: block;
	margin-bottom: 3px;
	/*  Background images are applied by the the various skin-specific CSS files, they   */
	/*  all repeat on the y axis																												 */
	background-repeat: repeat-y;
	cursor: pointer;
	overflow: hidden;
}

.IE .ChildMenuItem
{
	/*border-left: solid 2px white;	*/
}

.ChildMenuItem .title
{
	float: left;
	/*display: inline-block;*/
	width: 9em;
	font-weight: bold;
	text-align: right;
	line-height: 1.5em;
	font-size: 0.85em;	
	text-decoration: none;
	color: #3e3d40;
	margin-right: 7px;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 10px;
	white-space: pre-wrap;
}

.ChildMenuItem .icon
{
	float: left;
	vertical-align: top;
	/*  Height, width are not strictly required here, but they make the browser allocate the image visual */
	/*  space before the graphic files are read - so the page doesn't move about as images are downloaded */
	height: 70px;  
	width: 70px;
	overflow: hidden;
}

.ChildMenuItem .leftblock
{
	float: left;
	margin-right: 10px;
	margin-left: 6px;
	margin-top: 5px;
}

.ChildMenuItem .description
{
	text-decoration: none;
	font-size: 0.70em;
	color: #3e3d40;
	margin-right: 0.7em;
	line-height: 1.35em;	  
}

.ChildMenuItem .link
{
	font-weight: bold!important;	
	font-size: 0.70em;
	white-space: nowrap;
	color: #44a12b;
	line-height: 1.35em;	  
}

.ChildMenuItem:hover .link, .ChildMenuItem:active .link
{
	color: #3e4c8f;
}