/* homepage.css */
/****************/

BODY#homepage .component {
	direction:ltr;
	float: left;
	margin:4px 5px;
	overflow:visible;
	position:relative;
	z-index:0;
}

#homepage .component H2{
	color:#9E7336;
	font-size:100%;
	height:17px;
	padding:15px 11px 11px 19px;
	text-transform:uppercase;
	width:auto;
}

/* Single Width */

BODY#homepage DIV.one_wide {
    width: 304px;
	background:url(../images/homepage/panel_box.jpg) no-repeat 0 42px;
}

#homepage DIV.one_wide H2{
	background:transparent url(../images/homepage/heading_background.jpg) no-repeat top left;	
}

#homepage DIV.one_wide DIV.inner,
#homepage DIV.one_wide FORM.inner{
	background:url(../images/homepage/panel_box.jpg) no-repeat bottom left;
	min-height:162px;
	position:relative;
}

#homepage DIV.one_wide DIV.inner IMG {
	clear:both;
	left:6px;
	position:absolute;
	top:0;
}

/* Double Width */
.component.two_wide {
    width: 619px;
    position: relative;
	background:url(../images/homepage/vid_panel_bg.png) no-repeat left bottom;
}

.component.two_wide H2 {
	background:url(../images/homepage/vid_panel_bg.png) no-repeat left top;
}


/* ****************** SPECIFIC MODULES ************************ */

#homepage DIV.one_wide DIV.inner.form IMG{
	position:relative;
	margin-bottom:2px;
}


#homepage DIV.component FORM.item_selector {
	float:right;
	position:absolute;
	right:10px;
	text-align:right;
	top:14px; 
}

/* VIDEO */

#homepage DIV#large_video_wrapper #large_video_swf{
	/* background: transparent url(../images/homepage/our_vision.jpg) no-repeat 4px 4px; */
	float:left;
	height:266px;
	margin-left:3px; 
	margin-top:1px;
	width:466px;
}

/* images used when no Flash installed */
#homepage DIV#large_video_wrapper DIV#large_video_swf IMG.video_substitute{
	display:none;
	left:0;
	position:absolute; 
	top:175px; 
}

#homepage DIV#large_video_wrapper DIV#large_video_swf IMG.video_substitute.first {
	display:inline;
	position:relative;
	top:0;
	margin:4px;
}

/* Video controls */
#homepage UL.large_video_links{
	float:left;
	padding:6px 0 7px;
	width:146px;
}

#homepage UL.large_video_links LI A {
	background-repeat:no-repeat;	
	display:block;
	font-size:0.85em !important;
	font-weight:bold;
	height:76px;
	margin-bottom:3px;
	overflow:hidden;
	padding:4px 9px;
	text-transform:uppercase;
}

#homepage UL.large_video_links LI#trigger_1 A{
	background-image:url(../images/homepage/video_button1_off.png);
}

#homepage UL.large_video_links LI#trigger_1 A:hover{
	background-image:url(../images/homepage/video_button1_over.png);
	text-decoration:none;
}

#homepage UL.large_video_links LI#trigger_2 A{
	background-image:url(../images/homepage/video_button2_off.png);
}

#homepage UL.large_video_links LI#trigger_2:hover A{
	background-image:url(../images/homepage/video_button2_over.png);
	text-decoration:none;
}

#homepage UL.large_video_links LI#trigger_3 A{
	background-image:url(../images/homepage/video_button3_off.png);
}

#homepage UL.large_video_links LI#trigger_3:hover A{
	background-image:url(../images/homepage/video_button3_over.png);
	text-decoration:none;
}

#homepage UL.large_video_links LI#trigger_1.active A,
#homepage UL.large_video_links LI#trigger_2.active A, 
#homepage UL.large_video_links LI#trigger_3.active A  {
	background:none;
	color:#999 !important;
}

#homepage UL.large_video_links LI A IMG {
	border:1px solid #CCC;
	margin:4px 0 0;
}

/* LATEST NEWS */
#homepage DIV#latest_nakheel_news{
	 height:209px; 
}

#homepage DIV#latest_nakheel_news DIV#news_image_area {
	float:left;
	height:162px;
	margin:1px 13px 3px 0;
	overflow:hidden;
	width:303px;
	position:relative;
}

#homepage DIV#latest_nakheel_news IMG {
	margin:0px;
}

#homepage DIV#latest_nakheel_news DIV.news-preview-mask {
	background:url(../images/homepage/article_overlay.png) no-repeat;
	float:left; 
	height:162px;
	width:303px; 
	position:absolute;
	z-index:10;
	top:0 !important;
	left:0;
}

#homepage DIV#latest_nakheel_news DIV.news_image_loading {
	background:url(../images/homepage/news_loader.gif) center 60px no-repeat !important;
}
#homepage DIV#latest_nakheel_news DIV.news_image_loading IMG {
	visibility:hidden;
}

#homepage DIV#latest_nakheel_news DIV#news_index {
	float:left;
	height:154px;
	overflow:auto;
	width:297px;
}

#homepage DIV#latest_nakheel_news DIV#news_index UL{
	font-size:95%;
	margin:0;
	padding:0;
}

#homepage DIV#latest_nakheel_news DIV#news_index UL LI{
	background-image:url(../images/homepage/news_index_item_background.jpg);
	background-position:-310px top;
	background-repeat:no-repeat;
	border-style:solid;
	border-color:#c2c3c3;
	border-width:0 0 1px 0;
	margin:0;
	padding:8px 8px 8px 18px;
}

#homepage DIV#latest_nakheel_news DIV#news_index UL LI.active{
	background-image:none !important;
}

#homepage DIV#latest_nakheel_news DIV#news_index UL LI.last{
	background-position:-620px bottom;
	border-bottom:0;
}

#homepage DIV#latest_nakheel_news DIV#news_index UL LI.first{
	background-position:left top;
	margin-top:0;
}

#homepage DIV#latest_nakheel_news DIV#news_index UL LI SPAN{
	display:block;
	float:left;
	padding-bottom:1px;
	width:175px;
}

#homepage DIV#latest_nakheel_news DIV#news_index UL LI SPAN.date{
	width:70px;
}


/*
#homepage DIV.one_wide EMBED,
#homepage DIV.one_wide OBJECT{
	margin-top:1px;
}
*/

/* PROMO CONTROLS */
#homepage .promo_controls {
	padding:15px 15px 0;
	position:absolute;
	right:0;
}

#homepage .promo_controls A {
	padding:3px 2px;
	float:left;
}

#homepage .promo_controls A.active {
	background-color:#d0bfa3;
	color:#996633 !important;
}

#homepage .promo_controls A.left,
#homepage .promo_controls A.right {
	text-decoration:none;
}

#homepage .promo_controls IMG {
	vertical-align:text-top;
	margin:2px 2px 0;
}

#promos .name {
	font-weight:bold;
}
/* STUFF */

#homepage DIV.one_wide DIV.swf {
	background-position:left top;
}

#homepage DIV.scroll {
	border-bottom:1px solid #c5c2bd;
	height:145px;
	margin-left:1px;
	overflow:auto;
	width:302px;
}

#homepage DIV#blue A {
	margin:10px 0 0 19px;
}

/* KEYWORDS */

#homepage DIV#keywords OL LI, 
#homepage #promos OL LI {
	background:url(../images/homepage/small_list_item.jpg) no-repeat left bottom;
	display:block;
}

#homepage DIV#keywords OL LI A,
#homepage #promos OL LI A {
	display:block;
	overflow:hidden;
	padding:11px 26px;
}

#homepage DIV#keywords OL LI.popularity_1 {
	font-size:1.4em;
	font-weight:bold;
}
#homepage DIV#keywords OL LI.popularity_2 {
	font-size:1.4em;
}
#homepage DIV#keywords OL LI.popularity_3 {
	font-size:1.25em;
}
#homepage DIV#keywords OL LI.popularity_4 {
	font-size:1.10em;
}
#homepage DIV#keywords OL LI.popularity_5 {
	font-size:1em;
}

/* END */

#homepage DIV.one_wide DIV.inner.noflash_html_fade UL LI{
	background:url(../images/homepage/panel_noflash_html_background.jpg) transparent no-repeat -1px bottom;
	height:116px;
	min-height:116px;
	padding:13px 27px 17px 27px;
}

#homepage DIV#did_you_know OL LI{
	border-bottom:1px solid #c5c2bd;
	display:block;
	font-size:1.4em;
	line-height:1.6em;
	overflow:hidden;
	padding:2em 26px;
	text-align:center;
}

/* ********** ENABLE JAVASCRIPT / FLASH MESSAGE **************** */
#message_container {
	position:absolute; 
	z-index:500; 
	width:100%; 
	left:0;
}

#message {
	margin:0; 
	/*visibility:hidden; */
	color:#FFF; 
	background-color:#0D548A; 
	padding:10px; 
	clear:both; 
	text-align:center;
	margin:0 auto;
	width:940px;
}

#message A {
	color:#CCF !important;
}
A.dont_ask {
	background: transparent url(../images/global/small_check.gif) right no-repeat; 
	padding-right:16px; 
	float:right; 
	font-size:80% !important; 
}

A.dont_ask.checked {
	background-image: url(../images/global/small_checked.gif);
}

#message A.close_button {
	float:left; 
	width:100px; 
	text-align:left;
}

#promos, #blue {
	margin:0 1px 0 -1px;
}

/* ********** Mini Accordion *********** */
.accordion {
	background:url(../images/homepage/panel_box_blue.jpg) no-repeat;
	height:162px;
}

div.one_wide div.accordion h3.toggle {
	background-color:#4890ca;
	clear:both;
	color:#FFF;
	padding:5px;
	cursor:pointer;
	font-size:1em;
	padding-left:10px;
	background:url(../images/homepage/mini-accordion-header-plus.gif) no-repeat !important; 
}

.one_wide .accordion ul.toggle li {
	float:left; 
	margin:0;
	width:139px;
}

.one_wide .accordion ul.toggle li a,
.one_wide .accordion ul.toggle li a:visited {
    display:block;
	height:100%;
	color:#FFF !important;
	background-color:#60bee1;
	padding:10px 2px 0 28px;
	height:22px;
	background:url(../images/homepage/mini-accordion-links.jpg) no-repeat; 
	width:109px;
}

.one_wide .accordion ul.toggle li a:hover {
	text-decoration:none;
	background-image:url(../images/homepage/mini-accordion-hover.jpg); 
}


/* ************ Styles after JS ************* */

#homepage div#wrapper .accordion.live div.scroll {
    padding:5px; 
    overflow:hidden;
	border-bottom:none;
	width:292px;
}

div.one_wide div.accordion.live h3.toggle {
    width:100%;
}

div.one_wide div.accordion.live h3.toggle.active {
   background:url(../images/homepage/mini-accordion-header.gif) no-repeat !important; 
}

.one_wide .accordion.live ul.toggle {
	width:290px;
}

.one_wide .accordion.live ul.toggle li {
	width:144px;
}

.one_wide .accordion.live ul.toggle li a,
.one_wide .accordion.live ul.toggle li a:visited {
	width:114px;
}

/* *********************************** */

.one_wide .accordion ul.toggle li.pos0 a,
.one_wide .accordion ul.toggle li.pos0 a:visited {
	background-position:0px -2px;
}

.one_wide .accordion ul.toggle li.pos1 a {
	background-position:-144px -2px;
}

.one_wide .accordion ul.toggle li.pos2 a {
	background-position:0px -35px;
}

.one_wide .accordion ul.toggle li.pos3 a,
.one_wide .accordion ul.toggle li.pos3 a:visited {
	background-position:-144px -35px;
}

.one_wide .accordion ul.toggle li.pos4 a {
	background-position:0px -67px;
}

.one_wide .accordion ul.toggle li.pos5 a {
	background-position:-144px -67px;
}