/*//////////
  
  global.css is using to define all the miscellnious common elements of dmi websites.
 
  CSS Designed by Lineesh Kaithoyil
  Email : lineesh.kaithoyil@dmi.ae
  Licensed Dubai Media Inc Web Team.

/////////*/
/* @Basic HTML */
body {
	/*font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	height: 100%;
	margin: 0;
	line-height: 1.3em;
	background:#f6f4f5;
	}
/* @end */
/*Structure of site defenition*/
.masterHead {
	background: url(" ") no-repeat scroll 0 0;
}

/*Common Heading defenition*/
.boxTitle h1 {
	background: url(" ") repeat;
	display: inline;
	text-transform: uppercase;
}
/* @end*/

/*Lang Text*/
.siteLang{
	font-size:#000;
	font-weight:bold;
	font-size:12px;
	width:40px;
	padding:20px 5px;
}
.dateHolder{
	font-size:11px;
	color:#ab0415;
	width:250px;
	text-align:right;
	padding:9px 29px;
}
/*@end*/

/*Search Bar*/

 
#searchwrapper form { display:inline ; }
.searchbox {
position:absolute !important; /*important*/
top:2px;
background:none;
border:0;
width:192px;
height:21px;

}
.searchbox_submit {
position:absolute; /*important*/
top:1px;
width:26px;
height:21px;
color:#000;
}
/*@end*/

/*Top Menu*/
/* Styling navigation links */
.navigation > ul > li > a{
outline:none;
display:block;
position:relative;
padding:15px 15px;
text-align:center;
text-decoration:none;
z-index:10000;
text-transform:uppercase;
}

/* Bagde style */
.navigation > ul > li > a span{
position:absolute;
top:-8px;
padding:1px 5px;
background:#3f3f3f;
}

/* Extra border for navigation links */
.navigation > ul > li > a:after{
content:"";
position:absolute;
border-right:1px solid;
top:3px; bottom:0px;
z-index:99;
}
.navigation ul li.drop:hover > a:after{top:0; bottom:0;}

.navigation > ul > li.drop:hover > a:before{top:19px;}

/* Hover state styles for drop menu link */
.navigation ul li.drop:hover > a{
background:#3f3f3f;
border-color:#3f3f3f;
padding-bottom:24px; padding-top:15px;
top:0px;
z-index:999;
}

/* Show dropdown when hover */
.navigation ul li.drop:hover > ul, .navigation ul li.drop:hover > div{display:block;}
.navigation ul li.drop > a:hover{background:url(images/menuSelect.jpg) repeat-x top center #313131; border-color:#313131;}

/* Dropdown styles */
.navigation ul li > ul, .navigation ul li > div{
display:none; width:auto;
position:absolute; top:43px;
padding:10px 0;
background:#313131;
z-index:999;
}

/* Dropdown list style */
.navigation ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
.navigation ul li > ul li a{
outline:none; display:block;
position:relative;
margin:0; padding:8px 20px;
text-decoration:none;
color:#BBBBBB;
}
.navigation ul li > ul li a:hover{
	color:#fff;
}

/* Dropdown box styles */
.navigation ul li > div{width:auto; padding:20px;}
.navigation ul li > div p{
text-align:justify;
margin:0;
}

.navigation ul li > div h1{
position:relative;
margin:0 0 12px 0;
padding-bottom:10px;
border-bottom:1px solid #222;
}
.navigation ul li > div h1:after{
content:"";
height:0; padding:0;
position:absolute; bottom:-2px; left:0; right:0;
border-bottom:1px solid #555; 
}

/* Column styles */
.navigation ul li > div h1 + .column{margin:0px;}

/* Column title style */
.navigation ul li > div .column h2{
padding:0; margin:0 0 12px 0;
}

/* Column List styles */
.navigation ul li > div .column ul,.navigation ul li > div .column2 ul{padding:0; margin:0; list-style:inside none;}
.navigation ul li > div .column ul li,.navigation ul li > div .column2 ul li{font:9pt/140% Arial, Helvetica, sans-serif; color:#bbb; margin:2px;}
.navigation ul li > div .column ul li a,.navigation ul li > div .column2 ul li a{color:#bbb; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.5);}
.navigation ul li > div .column ul li a:hover,.navigation ul li > div .column2 ul li a:hover{text-decoration:; color:#fff;}

.navigation ul li.col-2 > div{width:220px;}
.navigation ul li.col-3 > div{width:340px;}
.navigation ul li.col-4 > div{width:510px;}
.navigation ul li.col-5 > div{width:660px;}

/* Blue-dark */
.blue-dark, .blue-dark > ul > li > ul > li a:hover{
	background:url(images/menuFill.jpg) repeat-x top center #3e5c76;
}
.blue-dark{border-color:#1b313d;}
.blue-dark > ul > li > a{border-right:1px solid #1b313d; color:#fff;}
.blue-dark > ul > li > a:after{border-color:#6696bd;}
.blue-dark > ul > li > a:hover{
	background:url(images/menuSelect.jpg) repeat-x top center;}

/* @end */

/*Lang Text*/
.langTxt{
	color:#fff;
}
/*@end*/
/* styles for pannels and sections*/
	.sectionFill{
		background:url(images/sectionTopFill.gif) repeat-x top center;
		overflow:hidden;
	}

.sectionHead{
	padding:2px 0 0 0;
}
.sectionHead span{
				font-weight:bold;
				color:#b0190e;
				background:#fff;
				text-transform:uppercase;
				
	}
	.sectionInner{
		border: 1px solid #ddd;
		overflow:hidden;
	}
#logoList{
	padding:10px 0 0 0;
}
#logoList li{
	float:left;
}
.more{
	width:53px;
	height:24px;
	background:url(images/more-bg.png) no-repeat top center;
	padding:4px 0 0 0px;	
}

.more span a{
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	display:block;	
}
.more span a:hover{
	text-decoration:underline;
}
/*@end*/
/*Tab for video listing*/
ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px;
	border-bottom: 1px solid #999;
	margin:10px 0 0 0;
	width: 623px;
}
ul.tabs li {
	margin: 0;
	padding: 0;
	height: 29px;
	line-height: 31px;
	border: 1px solid #999;
	margin-bottom: -1px;
	background: #ececec;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #333;
	display: block;
	font-size: 13px;
	font-weight:bold;
	padding: 7px 20px;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
	

	
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border-top: none;
	clear: both;
	width: 623px;
	background: #fff;
}
.tab_content {
	padding: 10px;
}
/*@End*/
/*Video List contents*/

#vidList li{
	width:125px;
	overflow:hidden;
	display:block;
}
#vidList li a{
	color:#000;
}
#vidList li a:hover{
	text-decoration:underline;
}
/*.playBt { width: 120px; height: 80px; }	*/
.playBt a { text-decoration: none; display:block; }
.playBt a img { border: solid 1px #ccc; padding: 1px;}	
.playBt a span.play { display:block; background: url('play-arrow.png') center center no-repeat; margin: -80px 10px 0 0; height: 80px; position: relative; z-index: 100; opacity: 0.8; }
.playBt a:hover span.play { display:block; }
/*@end*/

/*Tab for schedule listing*/
ul.tabsSchedule {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px;
	border-bottom: 1px solid #999;
	margin:10px 0 0 0;
	width: 623px;
}
ul.tabsSchedule li {
	margin: 0;
	padding: 0;
	height: 29px;
	line-height: 31px;
	border: 1px solid #999;
	margin-bottom: -1px;
	background: #ececec;
	overflow: hidden;
	position: relative;
}
ul.tabsSchedule li a {
	text-decoration: none;
	color: #333;
	display: block;
	font-size: 13px;
	font-weight:bold;
	border: 1px solid #fff;
	outline: none;
}
ul.tabsSchedule li a:hover {
	background: #ccc;
}	
html ul.tabsSchedule li.active, html ul.tabsSchedule li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#program_list table th {
    background: none repeat scroll 0 0 #5B7A97;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
}
#program_list table td, #program_list table td a {
    border-bottom: 1px solid #E9E9E9;
    color: #000000;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

#program_list table td a:hover {
    text-decoration: underline;
}
#program_list table tr:hover {
    background: none repeat scroll 0 0 #E9E9E9;
}
#program_list table .en_color {
    color: #A90817;
}
#program_list table .ar_color {
    color: #5B7A97;
}

.prg_list_txt h2 a {
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#program_list_image h3 a {
    color: #9E9E9E;
    line-height: 1.2;
	font-size:11px;
    text-decoration: none;
}
.on_air a {
    color: #A90818;
}
.next a {
    color: #5B7A97;
}

/*end*/
/*Dmi News*/
#dmiNews{
	margin:5px 0 0 0;
}
#dmiNews li a{
	color:#333;
}

/*End*/

/*Common colors and borders*/
.red {
    color: red !important;
}
.navy {
    color: navy !important;
}
.dmiBlue {
    color: #577693;
}
.smaller {
    font-size: 80% !important;
}
.bolder {
    font-weight: bolder;
}
.bold {
    font-weight: bold;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    text-decoration: underline !important;
}
.dmiRed {
    color: #A80817;
}
.white {
    color: white !important;
}
.silver {
    color: silver !important;
}
.email1{
	color:#ff0000;
	text-decoration:none;
	}


/* Footer Menu  ***************************************************************************************************************
- Here the footer elements includes the theming (cloring) as well. This is done since the footer is same across all the websites.

*/


#dmi_footer {
	background: none repeat scroll 0 0;
}
#main_footer {
	padding: 25px 30px 20px 80px;
	background: none repeat scroll 0 0 ;
}

.main_footer_links li {
    float: right;
    padding: 3px 0;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}
.main_footer_links li ul li h2 a {
    font-size: 11px;
}

#footerSubMenu li {
    font-size: 11px;
    padding: 0 0 0 5px;
	font-weight:bold;
}
.main_footer_links li a{
	color: #bebebe;
}

.fsMenu li a:link, .fsMenu li a:visited {
    color: white;
    text-decoration: none;
}
/* @end */
/*Press menu*/
#menuPress {
	margin: 10px 0 10px 0;
}
	
#menuPress li a {
	height: 32px;
  	height: 24px;
	text-decoration: none;
}	
#menuPress ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*End*/
a:link {
    color: #AB1701;
}
a:hover {
    color: #AB1701;
}
a:visited {
    color: #AB1701;
}
a:link, a:hover, a:visited {
    font-size: 11px;
    font-weight: bold;
    line-height: 1.1em;
    outline: medium none;
    text-decoration: none;
}
.small {
    font-size: 90% !important;
}
/*Service txt*/
.txtService{
	margin-top:70px;
	height:25px;
	width:148px;
	background:#5c707b;
	padding:5px 0px 2px 0px;
}
.txtService:hover{
	background:#b0190e;
	
}
.txtService h2{
	padding-top:5px;
}
.icnQuality{
	background:url(images/icnQuality.png) no-repeat center top;
}
.icnPress{
	background:url(images/icnPress.png) no-repeat center top;
}
.icnVOD{
	background:url(images/icnVOD.png) no-repeat center top;
}
.icnVOD_ar{
	background:url(images/icnVOD_ar.png) no-repeat center top;
}
.icnLiv{
	background:url(images/icnLive.png) no-repeat center top;
}
.icnLiv_ar{
	background:url(images/icnLive_ar.png) no-repeat center top;
}
.icnCareers{
	background:url(images/icnCareers.png) no-repeat center top;
}
.sectionInner p a{
	color:#000;
	font-size:12px;
	font-weight:normal;
}
.sectionInner p a:hover{
	text-decoration:underline;
}