/* Style classes for the left menu of www.telia.se */
/* TODO: Remove obsolete classes */

div.menu {
	width: 200px;
        margin-bottom: 30px;
}

#navtitle img {
	border: 0;
	margin: 10px 0 0 13px;
}
#navtitle {
	height:30px;
	width:200px;
	margin:0;
	padding:0;
	background-image:url(/img/menu/menu_header.gif);
	background-repeat:no-repeat;
}

#navblock {
	/*min-height: 490px;*/
	width: 200px;
	margin:0;
	padding:0;
	background-image: url(/img/menu/menu_bg.gif);
	background-repeat: repeat;
	/*background-color: #774477;*/
}

* html #navblock {
	height: 490px;
}

/* Fix only for Mozilla  */
*>#navblock #navroot {
	margin-top: -5px;
	border: 0px;
}

#navrootend {
	width:172px;
	margin:5px 0 0 13px;
	padding:5px 0 7px 5px;
	line-height:20px;
	background-image:url(/img/menu/menu_streck_190x1.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

#navfooter {
	font-size:0;
	height:11px;
	width:100%;
	background-image:url(/img/menu/menu_footer.gif);
	background-repeat:no-repeat;
}

#navroot {
	/*width:100%;*/
	margin:0 0 0 8px; 
	padding:0 9px 0 5px;
}

#navroot ul {
	margin:0;
	/* Recursive indent */
	padding:0 0 0 11px;
}
#navroot ul ul {
	margin:0;
	/* Recursive indent */
	padding:0 0 0 9px;
}

/* Difference between first level items and the rest */


#navroot li {
	/* General */
	list-style-type:none;
	/* 5px over and under dot line */
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	line-height:20px;
	background-image:url(/img/menu/menu_streck_190x1.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

#navroot ul li {
	margin:0;
	padding:0;
	background-image:none;
	/*background-color: #454545;*/
}

#navroot a {
	font-family:Verdana;
	font-size:13px;
	/*font-weight:bold;*/
	text-decoration:none;
	white-space:nowrap;
	color:#53534E;
	padding:0 0 0 12px;
	background-repeat:no-repeat;
	background-position:left;
}
#navroot ul a {
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	padding:0 0 0 10px;
}
#navroot a:hover {
        color:#cf0566;
}

#navroot ul li ul li a:hover{
        color:#cf0566;
}

/* Selected node */
#navroot li.selected a {color:#cf0566;}
#navroot li.selected ul a {color:#53534E;}
#navroot li.first {background-image: none;}

/* List items */
#navroot a {background-image:url(/img/menu/menu_pil_1.gif);}
#navroot a.open {background-image:url(/img/menu/menu_pil_1_down.gif); color:#CF0566;}
#navroot ul a {background-image:none;}
#navroot ul a.open {background-image:url(/img/menu/menu_pil_2_down.gif); color:#CF0566;}
#navroot ul a.closed {background-image:url(/img/menu/menu_pil_2.gif);}

/* Menu item link */
a.menu_item, a.menu_item:visited {
	color: #53534E;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;
}
a.menu_item:hover {
	color: #CF0566;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;
}

/* Sub menu item link */
a.menu_subitem, a.menu_subitem:visited {
	color: #53534E;
	font-size: 12px;
	text-decoration : none;
}
a.menu_subitem:hover, a.menu_subitem:active {
	color: #F68B00;
	font-size: 12px;
	text-decoration : none;
}

/***** Rel. items start ******/
a.menu_rel_item, a.menu_rel_item:visited {
	color: #53534E;
	font-size: 11px;
	text-decoration : none;
}

a.menu_rel_item:hover, a.menu_rel_item:active {
	color: #CF0566;
	font-size: 11px;
	text-decoration : underline;
}

div.menu_rel_item {
	/*height : 18px;*/
}

#rel_tbl { /* Related items table */
	margin-left: 10px;
}
td.rel_tbl_tl { /* Top left cell */
	height : 30px;
	width : 5px;
	background-image : url("/img/menu/rel_tl_bg.gif");
}
td.rel_tbl_t { /* Top (middle) cell */
	height : 30px;
	width : 170px;
	background-image : url("/img/menu/rel_t_bg_170px.gif");
}
td.rel_tbl_tr { /* Top right cell */
	height : 30px;
	width : 5px;
	background-image : url("/img/menu/rel_tr_bg.gif");
}
td.rel_tbl_l { /* Left cell */
	/*height : 77px;*/
	width : 5px;
	background-image : url("/img/menu/rel_l_bg.gif");
}
td.rel_tbl_body { /* "Default body" cell */
	vertical-align : top;
	background-image : url("/img/menu/rel_body_bg.gif");
        padding: 0 0 5px 5px;
}
td.rel_tbl_r { /* Right cell */
	height : 5px;
	width : 5px;
	background-image : url("/img/menu/rel_r_bg.gif");
}
td.rel_tbl_bl { /* Bottom left cell */
	height : 5px;
	width : 5px;
	background-image : url("/img/menu/rel_bl_bg.gif");
}
td.rel_tbl_b { /* Bottom (middle) cell */
	height : 5px;
	width : 170px;
	background-image : url("/img/menu/rel_b_bg.gif");
}
td.rel_tbl_br { /* Bottom right cell */
	height : 5px;
	width : 5px;
	background-image : url("/img/menu/rel_br_bg.gif");
}
/**** Rel. items end ******/

