/*
|-----------------------------------------|
 	News24.com Menu's CSS 
|-----------------------------------------|
----------------------------------------------------------------------------- 
	24.com Sites Drop Down
------------------------------------------------------------------------------*/
.menudrop{width:954px;margin:0px auto;padding:1px 0px 0px 0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;background:#dfdfdf}
.menudrop:after{/*Add margin between menu and rest of content in Firefox*/display:block;height:0;clear:both;visibility:hidden;background:#dfdfdf}
.menudrop ul{width: 100%;padding:0px 0;margin:3px 0px 0px 0px;text-align:left;height:16px;background:#dfdfdf}
.menudrop ul li{display:inline;border-right:1px solid #bbb;padding:0px;margin:0px 0px 0px 0px;background:#dfdfdf}
.menudrop ul li a{color:#494949;padding:1px 7px 0px 7px;margin:0px;text-decoration:none}
.menudrop ul li.droplist a{padding:4px 7px}
.menudrop ul li.last{border:none}
.menudrop ul li a:hover{text-decoration:underline}
.menudrop ul li a[rel]:after{/*HTML to indicate drop down link*/ /*content: " v";*/
/*content: " " url(../Images/downimage.gif); /*uncomment this line to use an image instead*/}
.menudrop ul.login{width:185px;padding-right:0pt;margin-right:2px;text-align:right;line-height:12px}
.menudrop ul.sites{width:500px}
/*-- Drop menu container --*/
.dropmenudiv{position:absolute;top:20px!important;left:300px!important;border:1px solid #BBB;/*THEME CHANGE HERE*/border-bottom-width:0;font:normal 11px Verdana;line-height:14px; background:#EBEBEB;width:100px;visibility:hidden;margin-left:25px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;z-index:5000;filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=2)}
.dropmenudiv a{width:auto;display:block;text-indent:3px;/*THEME CHANGE HERE*/padding:2px 0;text-decoration:none;font-weight:bold;color:#000}
.dropmenudiv a.bottom_item{border-bottom:1px solid #BBB}
* html .dropmenudiv a{/*IE only hack*/width: 100%}
.dropmenudiv a:hover {background:#F1F1F1;/*background of drop down menu*/color:#01669e}
/*----------------------------------------------------------------------------- 
	Main horizontal navigation
------------------------------------------------------------------------------*/
#main_nav{width:954px;overflow:hidden;background:url(../images/nav_test.png) repeat-x bottom;height:56px}
#contentContainer{height:1px}
.menu{float:left;width:954px;margin-bottom:6px!important;margin-bottom:2px;margin-top:0px;font-size:12px;color:#fff}
.menu ul{padding:0;list-style:none}
.menu li{display:inline;margin:0px 0 0 0;padding:0px;font-size:12px;color:#0e2e5e}
.menu ul li a{color:#000099;float:left;text-decoration:none;font-size:13px;height:30px;white-space:nowrap;display:inline}
.menu ul a strong{display:block; padding:6px 10px 2px 8px;color:#0E2E5E;  /*tab text color*/ font-weight:bold;height:18px;background:url(../images/nav_div.gif) no-repeat right 6px}
.menu ul li a:hover strong{color:#ffffff; text-decoration:none!important}
* html .menu ul li a, * html .menu ul li a{width:1px}
.menu ul li a.tabactive, #nav ul li:hover a{/*border-color:#014D2C; colour of dividing line */cursor:pointer;background:#1e5b9a;margin-left:-2px;padding-left:2px}
.menu ul li a.tabactive strong{background-position:100% -24px;border-color:#1e5b9a;color:#fff}
.menu ul li a.defaultTabOff strong{color:#000}
.menu ul a.nobrder strong, .menu ul a.nobrder:hover strong{border:none}
/*-- Sub Link --*/
#contentContainer div{float:left;font-size:11px;padding:0px 10px 0px 10px;/*padding around 2nd level links*/color:#859FB6;height:19px;margin-top:0px!important;margin-top:5px;font-weight:bold;display:none;overflow:hidden}
#contentContainer div a{color:#FFFFFF; text-decoration:none}
#contentContainer div a:hover {color:#FFFFFF;text-decoration:underline!important}

/*----------------------------------------------------------------------------- 
	Main horizontal navigation - MyNews
------------------------------------------------------------------------------*/
#mynews #main_nav{background:url(../images/nav_mynews.png) repeat-x bottom;}
#mynews .menu ul a strong{display:block; padding:6px 10px 2px 8px;color:#0E2E5E;  /*tab text color*/ font-weight:bold;height:18px;background:url(../images/nav_div_mynews.gif) no-repeat right 6px}
#mynews .menu ul li a:hover strong{color:#ffffff; text-decoration:none!important;background-image:none}
#mynews .menu ul li a.tabactive, #mynews #nav ul li:hover a{cursor:pointer;background:#5B8BAF;margin-left:-2px;padding-left:2px;background-image:none}
#mynews .menu ul li a.tabactive strong{color:#fff!important;background-image:none}
