@charset "UTF-8";
/* CSS Document */



/* main region */
body{ background-color:#c8c8c8; background-repeat:repeat; background-position: top center;margin:0px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#333;  }
div#main { width: 1000px; background-color:#ffffff; margin:auto; height:auto;}
div#mainfooter{width:1000px; background-color:#FFF; margin:auto; height:auto;}
a {	outline: none;}


/* header styles */
input.searchText {float:left;font-size:0.9em;width:190px;}
.searchButton {background:none repeat scroll 0 0 #67ab40;border:0 none;color:#FFFFFF;float:left;height:18px;line-height:13px;padding:1px 0 5px;width:60px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin-left:3px;}

div#container { width: 960px; background-color:#ffffff; margin:auto; height:auto;}
div#header_top { width:960px; float:left; background-color:#FFF;}
div#header_top_left { width:480px; height:23px; float:left; background-color:#FFF; margin-top:8px; }
.header_top_left_tiny_logo { width:200px; height:33px; float:left; }
.header_top_left_tiny_logo_maxis_div { width:27px; height:16px; float:left;margin-left:10px;}
.header_top_left_sign_in_div { width:50px; height:16px; float:left; padding-top:3px;}
.header_top_left_sign_in_div a{ color:#B0B0B0; text-decoration:none; font-weight:bold;}
.header_top_left_tiny_logo_div { width:18px; height:16px; float:left;}
.header_top_left_tiny_logo_textfield_div { width:auto; height:16px; float:left; margin-left:10px;  margin-right:5px;}
.header_top_left_sharethis_div a{ width:50px; height:auto; float:left; color:#87a900;font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:bold; margin-left:2px;padding-top:1px}
div#header_top_right { width:480px; height:25px; float:left; color:#87a900; text-align:right; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:8px;}
.new_tag{ color:#F00; text-align:left; text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:8px;}

div#header_main { width:960px; height:110px; float:left; background-image:url(images/bg-blue.gif); margin-top:5px; margin:auto;  margin-bottom:10px; } 
div#header_logo_mylaunchpad {height: 39px; width:213px;float:left; text-align:center; margin-top:47px; }
div#header_banner {height: 90px; width:728px;float:left; text-align:center; margin-top:11px;}
div#header_logo_maxis {height: 39px; width:194px;float:left; text-align:right; margin-top:39px; margin-right:15px; }

/* 3 columns */
div#left {width:140px; float:left; height:auto;}
div#mainsearch{width:790px; height:auto; float:left; margin-right:10px; margin-left:10px;}
div#mainleft{width:510px; height:auto; float:left;}
div#center { width:510px; float:left; height:290px; margin-bottom:10px; border: 1px solid #E7E7E7;}
div#right { width:300px; float:right; height:auto;}
div#bottom { width:510px; height:auto; float:left; }
div#bottom_main_left {width:510px; height:auto; float:left;}
div#bottom_left { width:510px; height:182px; float:left; margin-bottom:10px; }
div#bottom_left2 { width:510px; height:182px; float:left; margin-bottom:10px;}
div#bottom_right { width:300px; height:auto; float:left; margin-left:5px;}
div#bottom_boxes { width:820px; height:auto; float:right; background-color:#ecebeb; margin-bottom: 10px; margin-top:5px; }

/*bottom 3 boxes */
/*div#boxes {width:257px; height:auto;float:left; background-color:#FFF;}*/
div#boxes {width:257px; height:260px;float:left; background-color:#FFF;}
.box_title {width:257px; height:25px; background-color:#b4cef4; font-size:15px; font-weight:bold; text-transform:uppercase; color:#FFF; float:left; padding-top:6px;}
.box_pencil {width:50px; height:25px; background-color:#b4cef4; float:left; padding-top:5px;}
.box_main_news_title {width:245px; height:auto; font-size:15px; font-weight:bold; color:#7d95c7; margin:5px; float:left;}
.box_main_news_title a{color:#7d95c7; text-decoration:none;}
.box_main_news_content {width:245px; height:auto; font-size:11px; margin:5px;float:left;}
.box_main_news_content a{ text-decoration:none; color:#333;}
.box_main_news_line {width:245px; height:auto; margin:5px; background-color:#ccc;float:left;}
.box_main_news_highlight {width:245px; height:auto; font-size:11px; font-weight:bold; margin:5px;float:left;}
.box_main_news_highlight a{ text-decoration:none;  color:#333;}



/* left bar navigation */
div#navigation {width:135px; float:left; height:auto;}

/* main highlight */
div#mainhighlight {width:510px; height:290px; float:left; margin-bottom:8px;}

/* right column */
.clouds_title { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#004296; float:left; width:300px; margin-top:10px;}
.clouds {width:300px; height:auto; float:left; text-align:center;}
.clouds a{ text-decoration:none;font-weight:bold; color:#91c944;}
.clouds .small {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; font-weight:bold;}
.clouds .small a{ text-decoration:none;}
.clouds .medium {font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#999;font-weight:bold;}
.clouds .medium a{ text-decoration:none;}
.clouds .big {font-family:Arial, Helvetica, sans-serif; font-size:18px;color:#999;font-weight:bold;}
.clouds .big a { text-decoration:none;}

/* Module HubArticle 4 */
.hubArticle04 {padding:0.3em 0; margin:0.1em 0 0 0; width:250px; float:left; }
.hubArticle04 .pix {float:left; height:70; width:120; overflow:hidden;}
.hubArticle04 img {border:0; width:120;}
.hubArticle04 .titletxt {float:left;margin:0;padding:0 0 0 0.5em;width:120px; font-size:13px; line-height:15px;}
.hubArticle04 .titletxt a{ text-decoration:none; color:#333; font-weight:bold;}
.hubArticle04 .titletxt span { display:block; font-size:11px; margin-top:0.3em;}
/* Module HubArticle 4 */

/* tab contents */
.content_text {color:#333; text-align:left;  padding-left:3px; }
.content_text a{color:#7d95c7; text-decoration:none; font-weight:bold; line-height:14px;}
.content_text ul {list-style: square inside; margin-top: 5px; margin-left: 0px; margin-bottom: 5px; padding-left: 0px;}


/* Horoscopes Section */
.hubHoroscopes_top {width:500px; height:26px; float:left; background-color:#FFF; border-bottom: 1px solid #ccc; margin-bottom:2px;}
.hubHoroscopes_middle {width:500px; height:110px; float:left;background-color:#FFF; padding-top:6px;}
.hubHoroscopes_middle_img {width:136px; height:auto; float:left;background-color:#FFF;}
.hubHoroscopes_middle_content {width:364px; height:auto; float:left;background-color:#FFF;}
.hubHoroscopes_bottom {width:500px; height:18px; float:left;background-color:#FFF;border-top: 1px solid #ccc;}
.hubHoroscopes_bottom a{ color:#7fa9d7; text-decoration:none; font-weight:bold;}

/* 300x250 ads */
div#ads300250 { width:300px; height:250px; margin-top:20px; float:left;}

/* 300x100 ads */
div#ads300100 { width:300px; height:100px; margin-top:10px; float:left; margin-bottom:10px;}



/* mainhighlight scroller */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;top: 0;}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
 }
 
.stepcarousel .panel a{ color:#FFF; margin-top:5px; text-transform:uppercase; font-size:10px;}
.stepcarousel .panel a:hover { color:#ccc;}
.stepcarousel .panel h1 {margin:0.3em 0; font-size:18px; }
.pix_big {width:510px; height:375px; overflow:hidden;}
.pix_big img {width:560px;  }

.legend05 {	background:#000000;	color:#FFFFFF;	display:inline;	overflow:hidden;	padding:5px 15px;	position:absolute;	bottom:0;	height:70px;	width:560px;	filter:alpha(opacity=80);	opacity: 0.8;}

/* left bar navigation */
.applemenu{
margin:0px 0;
padding: 0;
width: 135px; /*width of menu*/
}

.applemenu div.silverheader a{
background:#999999; background-image:url(images/drop_down_bg.gif); repeat-x center left;
font: normal 11px Arial, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
font-weight:bold;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: #ffffff;
background-image:url(images/drop_down_bg.gif);
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image:url(images/drop_down_bg.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
line-height:18px;
font-size:13px;
background: #f3f3f3;
padding: 5px;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.applemenu div.submenu a{
color:#666666;
text-decoration:none;
font-size:10px;
font-weight:bold;

}

.applemenu div.submenu a:hover{
color:#666666;
text-decoration:none;
font-size:10px;
font-weight:bold;
}

/* music_game */
.music_game_box {float:left; border-color:#FFF;width:300px; height:180px;font-size:9px;}
.music_game_box a:link{color:#333; text-decoration:none;}
.music_game_box a:visited{color:#333; text-decoration:none;}
.music_game_box a:hover{color:#333; text-decoration:none;}
.music_game_box a:active{color:#333; text-decoration:none;}

.music_game_tabs {float:left; border-color:#FFF;width:164px; height:27px;}
.music_game_container {float:left; border-color:#FFF;width:144px; height:37px; margin-top:3px;}
.music_game_arrow {float:left; border-color:#FFF;width:20px; height:30px; margin-top:3px; padding-top:5px;}
.music_game_separator {float:left; border-color:#FFF;width:164px; height:1px; background-image:url(images/line_grey.gif);}
.music_game_more {text-align:left; font-size:10px;}
.music_game_more a:link{ color:#333;text-align:left; text-decoration:none;}
.music_game_more a:visited{ color:#333;text-align:left; text-decoration:none;}
.music_game_more a:hover{ color:#333;text-align:left; text-decoration:none;}
.music_game_more a:active{
	color:#333;
	text-align:left;
	text-decoration:none;
}

.music_game_link a:link{ color:#333;text-align:left; text-decoration:none;}

/* footer */
div#footer {width: 1000px; height:auto; background-color:#e8e8e8; float:left;}
.footer_container {width:166px; height:auto; margin-top:10px; float:left;background-color:#e8e8e8;}
.footer_headings {width: 166px; height:auto; font-size:12px; font-weight:bold; color: #666; float:left;}
.footer_sub_headings {width: 166px; height:auto; font-size:10px; line-height:13px; float:left;}
.footer_sub_headings a{ color:#333; text-decoration:none;}
.footer_copyright {width: 834px;  padding-left:166px; height:auto; font-size:10px;float:left; background-color:#e8e8e8; padding-bottom:10px; padding-top:10px;}
.footer_copyright a{ text-decoration:none; color:#333;}

/* popup for more links */
 a.imPop {  
    position:relative;  
    z-index:20;  
		color:#fff;
 }
 
  a.imPop {  
    position:relative;  
    z-index:20;
	color:#fff;
	text-decoration:none;
 }

a.imPop:hover {  
     display:inline;  
     z-index:30;  
	 	color:#fff;
 }  
 
a.imPop span {  
     display:none;  
	 	color:#fff;
 } 

a.imPop:hover span { background-color:#60891f;
     display:block;  
     position:absolute;  
     top:15px;  
     right:0px;  
     width:960px;  
     height:103px;  
 }
 
 /* popup for maxis logo */
 a.imPop2 {  
    position:relative;  
    z-index:20;  
 }
 
  a.imPop2 {  
    position:relative;  
    z-index:20;
	color:#fff;
	text-decoration:none;
 }

a.imPop2:hover {  
     display:inline;  
     z-index:30;  	color:#fff;
 }  
 
a.imPop2 span {  
     display:none;  
	 	color:#fff;
 } 

a.imPop2:hover span { background-color:#60891f;
     display:block;  
     position:absolute;  
     top:10px;  
     left:-10px;  
     width:960px;  
     height:20px;  
	 	color:#fff;
 }
 
  /* popup for signin */
 a.imPop3 {  
    position:relative;  
    z-index:20;  
 }
 
  a.imPop3 {  
    position:relative;  
    z-index:20;
	color:#fff;
	text-decoration:none;
 }

a.imPop3:hover {  
     display:inline;  
     z-index:30;  	color:#fff;
 }  
 
a.imPop3 span {  
     display:none;  
	 	color:#fff;
 } 

a.imPop3:hover span { background-color:#304678;
     display:block;  
     position:absolute;  
     top:13px;  
     left:-37px;  
     width:960px;  
     height:35px;  
	 	color:#fff;
 }
 

	
	
	 .logo_button { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold;}
 .logo_button a:link{font-size:12px;color:#FFF; text-decoration:none; font-weight:bold;}
  .logo_button a:hover{font-size:12px;color:#FFF; text-decoration:none; font-weight:bold;}
   .logo_button a:active{font-size:12px;color:#FFF; text-decoration:none; font-weight:bold;}
    .logo_button a:visited{font-size:12px;color:#FFF; text-decoration:none; font-weight:bold;}
	
		 .more_button { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; font-weight:bold;}
 .more_button a:link{font-size:10px;color:#FFF; text-decoration:none; font-weight:bold;}
  .more_button a:hover{font-size:10px;color:#FFF; text-decoration:none; font-weight:bold;}
   .more_button a:active{font-size:10px;color:#FFF; text-decoration:none; font-weight:bold;}
    .more_button a:visited{font-size:10px;color:#FFF; text-decoration:none; font-weight:bold;}
	
	.top_right_links { color:#87a900; text-decoration:none;}
	.top_right_links a{ color:#87a900; text-decoration:none;}
	.top_right_links a:hover{ color:#87a900;text-decoration:none;}
	.top_right_links a:active{ color:#87a900;text-decoration:none;}
	.top_right_links a:visited{ color:#87a900;text-decoration:none;}
	
	/* MAIN HIGHLIGHT SLIDER */    
	.main_highlight_photo {width:510px; height:275px; position:relative;} 
	.main_highlight_desc {height:75px;  padding-bottom:0; padding-left: 0px; padding-right: 0px; padding-top: 0; position:absolute; left:0px; top: 200px; z-index:999; width:510px !important; background-color:#000000;filter:alpha(opacity=80);    -moz-opacity:0.8;    -khtml-opacity: 0.8;    opacity: 0.8;  text-align:left; z-index:1000;} 
	.headlines_head { width:100%; padding-left: 10px; padding-right: 10px; font-size:18px !important; letter-spacing:-1px; padding-bottom:5px; color:#FFF; font-weight:bold; padding-top:10px; z-index:1000;} 	
	.headlines_head a { font-size:18px !important; letter-spacing:-1px; color:#ffffff !important; font-weight:bold;} 
	.headlines_head a:link { color:#FFF; font-weight:bold; text-decoration:none;} 
	.headlines_head a:active{ color:#FFF; font-weight:bold; text-decoration:none;} 
	.headlines_head a:hover{ color:#FFF; font-weight:bold;text-decoration:underline;} 
	.headlines_head a:visited{color:#FFF; font-weight:bold;text-decoration:none;} 
	.headlines_desc { padding-left: 10px; padding-right: 10px;font-size:11px;padding-bottom:5px; color:#FFF; z-index:1000;} 
	.headlines_desc a:link {  color:#fff;font-size:11px !important;text-decoration:none; font-weight:bold;} 
	.headlines_desc a:active {  color:#fff;font-size:11px !important;text-decoration:none;font-weight:bold;} 
	.headlines_desc a:hover { color:#fff;font-size:11px !important;text-decoration:underline;font-weight:bold; } 
	.headlines_desc a:visited { color:#fff; font-size:11px !important;text-decoration:none;font-weight:bold;}
	
	.topnewspaging { position:absolute; padding-left:400px; top:273px; z-index:2000; float:right; } 
	.topnewspaging a { position:relative; float:left; display:block; height:8px; width:8px; margin:5px; background:url(images/main_highlight_off_dot.gif); overflow:hidden; text-indent:-10000px; } 
	.topnewspaging a.selected { background:url(images/main_highlight_on_dot.gif); }




#blanket {
   background-color:#333333;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}
#popUpDiv_News {
	position:absolute;
	background-color:#333333;
	top:200px;
	width:auto;
	height:auto;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}

#popUpDiv_Entertainment {
	position:absolute;
	background-color:#333333;
	width:auto;
	height:auto;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}

#popUpDiv_Sport {
	position:absolute;
	background-color:#333333;
	width:auto;
	height:auto;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}
[if gte IE 5]> <style type="text/css"> #blanket {filter:alpha(opacity=65);}</style><![endif]

a img {
border : 0;
}
div.wrap {
width : 510px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 510px;
height : 52px;
}
div#top div#nav ul {
float : left;
width : 510px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 275px;
}
div#header div#slide-holder {
z-index : 40;
width : 510px;
height : 325px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {

width : 510px;
height : 325px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 10px;
width : 510px;
height : 30px;
display : none;
position : absolute;

}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;

font-size : 10px;
line-height : 16px;

text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;

height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 0px;

line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}

/* horoscopes */
.hiddenDiv {
	display: none;
	}
.visibleDiv {
	display: block;
	}