﻿/* Neutralize styling */
html, body, form, fieldset 
{
	font: 100%/120% Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

p, pre,
blockquote, ul, ol, dl, address 
{
	margin: 1em 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	padding: 0;
	margin: 0;	
}

li, dd, blockquote 
{
	margin-left: 1em;
}

img
{
	border: none;
	behavior: url(scripts/iepngfix.htc);
	color: #FFF;
}

ul
{
	margin-left: 15px;
}
ul li { padding: 3px 0;}
ol
{
	margin-left: 15px;
}
h1
{
	color: #cc0000;
	display: block;
	font: normal 22px/35px Arial;	
}

/* Custom Styling */
body 
{
	background-color:#491914;
	color: #000;
	font: normal 12px Arial;
	padding-top: 120px;
	
}

.top-header{
	width:960px;
	height:21px;	
	background-image: url(../images/headcap.gif);
	behavior: url(scripts/iepngfix.htc);
	background-repeat:no-repeat;
	margin: 0 auto;	
	padding: 0 25px 0px 27px;
}

.top-headerss{
	width:960px;
	height:21px;	
	background-image: url(../images/headcapss.gif);
	behavior: url(scripts/iepngfix.htc);
	background-repeat:no-repeat;
	margin: 0 auto;	
	padding: 0 25px 0px 27px;
}

div.maindiv
{
	width:960px;		
	background-image: url(../images/bg_main.gif); 
	behavior: url(scripts/iepngfix.htc);
	background-repeat:repeat-y;
	margin: 0 auto;	
	padding: 0 25px 5px 25px;
}

/* Header */
div.top-banner
{
	height: 90px;
	margin-left: 20px;
	padding-top: 8px;
	position: absolute;
	top: 0px;
	width: 930px;
	
	
}
div.top-men
{
	height: 25px;
	margin-left: 20px;
	padding-top: 2px;
	position: absolute;
	top: 100px;
	width: 752px;
	color: #fff;
	overflow:hidden;
}
div.top-bground
{
	height: 18px;
	margin-left: 89px;
	padding-top: 2px;
	position: absolute;
	top: 63px;
	width: 750px;
	color: #fff;
	left: 233px;
}

div.top-men a
{
	color: #fff;
}
div.header
{
	background: url(../images/newmh_bg.jpg) repeat-x;
	height:77px;
	width:960px;
}

div.header img.logo
{
	margin-left: 20px;
	margin-top: 1px;
	left: 328px;
	top: 100px;
}

div.header-text
{
	color: #fff;
	font: normal 12px Arial;
	float: right;	
	margin-right: 15px;
	margin-top: 2px;
	text-align: right;
}

td.feed 
{
  
  
}

td.feed a
{
	color:#FFF;
	
}

/* Menu */
div.sep
{
		padding-top: 4px;
}

div.menubg
{
	width:960px;
	background: url(../images/new_mbg.jpg) repeat-x;
	
}

/* Middle */
div.middle
{
	background: #fff;
	padding-top: 8px;
	width: 960px;
}
div.middle-wrapper
{
	background: url(../images/bg_middlewrapper.gif) repeat-y left;
	behavior: url(scripts/iepngfix.htc);
}

/* Content */
div.content
{
	float: left;
	width: 620px;	
}
div.content p
{
	text-align: justify;
	color:#000
}
td.textcol
{
	color: #000
}
div.video
{
	background: #f7f8e8;
	margin-bottom: 20px;
	padding: 15px 20px;
}
ul.video-details-list
{
	list-style-type: none;
	margin: 0;	
	padding: 0;
}
ul.video-details-list li
{
	border-bottom: dotted 1px #db5751;
	clear: both;
	display: block;
	margin: 0;	
	padding: 10px 0;
	color: #000;
}
ul.video-details-list li img
{
	margin: 0 10px 0 0;
	float: left;
}
div.text-content
{
	padding: 0 10px;
}
div.welcome
{	
	float: left;
	padding: 10px 10px 10px 10px;	
	width: 260px;
}

/* Video Clips */
div.video-clips
{	
	background: #f7f0e3;
	float: left;
	margin-right: 23px;
	width: 168px;
	
}
div.search
{
	background: #e00000;
	padding: 6px;
}
div.search label
{
	clear: both;
	color: #fff;
	font: bold 12px Tahoma;
	display: block;
	margin-bottom: 5px;
	 
}
div.newsletter
{
	background: #ebdabc;
	padding: 15px;	
}
div.newsletter p
{
	text-align: center;	
}
div.latest-video
{
	padding: 5px 10px 15px 10px;	
	text-align: center;	
}
div.latest-video-list
{
	height: 600px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;	
	width: 148px;
}
div.thumbnail
{
		
}
div.thumbnail img
{
		
}
div.thumbnail p
{
	color: #212031;
	font: normal 10px Tahoma;
	margin-top: 5px;
}
div.thumbnail a
{
	color: #e00000;
	font: bold 10px Tahoma;	
	text-transform: lowercase;
	text-decoration: none;
}

/* Banner */
div.banner
{	
	float: right;
	text-align: right;
	width: 139px;	
}
div.banner img
{
	margin-bottom: 10px;	
}

/* Banner Bottom */
div.banner-bottom
{
	margin: 20px 0;
	text-align: center;
	color: #fff;
}

/* Footer */
div.footer
{ 	
	color: #fff;
	font: normal 11px Arial;	
	padding-bottom: 20px;
	text-align: center;
    margin: 0 auto;
}
div.footer a, div.footer label
{
	color: #fff;
	font: normal 11px/16px Arial;	
	margin: 0 5px 0 5px;
	text-decoration: none;
	white-space: nowrap;
}
div.footer a:hover
{
	text-decoration: underline;	
}

/* Classes */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.block { display: block; }
.red { color: #cc0000; }
input.input, select.dropdown
{
	background: #e5e8ca;
	border: solid 1px #57700a;	
	font: normal 11px Arial;
}
input.input, text.sertext
{
	background: #e5e8ca;
	border: solid 1px #57700a;	
	font: normal 11px Arial;
}
.heading
{
	color: #cf100f;
	font: normal 13px Arial;	
}
.heading1
{
	color: #cc0000;	
	font: normal 15px Arial;	
}
.bg-arrow
{
	background: url(../images/arrow.gif) no-repeat left center;
	padding-left: 20px;	
}

/* Gridview styles */
.grid
{
	/*background-color: #ffffff;*/
	/*border: solid 1px #e7e7e7;	*/
}
.grid-header
{
	background-color: #dbdbb5;
	border-bottom: solid 1px #999999;
	color: #666666;
	font: bold 12px Arial;
}
.grid-item
{
	color: #666666;
	font: normal 12px Arial;	
}
.grid-item a, .grid-item-alternate a
{
	text-decoration: none;	
	color: #666666;
}
.grid-item:hover, .grid-item-alternate:hover
{
    background-color: #ffffdd;
}
.grid-item-alternate
{
	background-color: #f7f8e8;
	color: #666666;
	font: normal 12px Arial;		
}
.grid-item input.text
{
	border-left: solid 1px #e2e3ea;
	border-right: solid 1px #e2e3ea;
	border-bottom: solid 1px #e3e9ef;
	border-top: solid 1px #abadb3;
	font: normal 12px Arial;
	padding: 1px;	
}
.grid-item-alternate input.text
{
	border-left: solid 1px #e2e3ea;
	border-right: solid 1px #e2e3ea;
	border-bottom: solid 1px #e3e9ef;
	border-top: solid 1px #abadb3;
	font: normal 12px Arial;
	padding: 1px;	
}

input.text, textarea.text, select.select
{
	border-left: solid 1px #e2e3ea;
	border-right: solid 1px #e2e3ea;
	border-bottom: solid 1px #e3e9ef;
	border-top: solid 1px #abadb3;
	font: normal 11px Arial;
	padding: 2px;	
}

span.error-message
{
	display: block; 
	position: absolute;	
	margin-top: -8px;
}
/*liezl*/
table.myList input 
{
      width: 20px;
      display: block;
      float: left;
}
table.myList label 
{
      width: 520px;
      display: block;
      float: left;      
}

div.search_hed
{
	position:absolute;
	left: 966px;
	top: 120px;
	height: 82px;
	width: 240px;
	background: url(../images/bg_header.jpg) repeat-x;
	font-weight: bold;
}

img.find_button 
{ 
	
	cursor: pointer; 
}

table.bot
{
	position:absolute;
	left: 35px;
	top: 1919px;
}

td.white
{
	color:#000;
	font-weight:bold;
	font-family: Arial;
	border-bottom: 2px solid #D7D7D7;
	font-size: 14px;
		
}

td.apclor
{
	font-family: Arial;
	font-style:italic;
	font-size: 15px;	
	padding: 12px;
		
}

tr.dirho:hover
{
	background:#F8B389
	
}

hr.col
{
	
	color:#D7D7D7;
	
}

td.catt
{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

table.headsea
{
	width:935px;
	height:75px;
}

td.headlog
{
	width:694px;
	height:75px;
}

input.seabox
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:120px;
	height:16px;
}

select.vidcat
{
	width:128px;
	height:19px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

td.toprightcorner
{
	background:url(../images/top-link.gif)  repeat-x right;
	color:#FFF;
}

td.toprightcorner a
{
	color:#FFF;
}



/* Password Checker Styles
----------------------------------------------- */


/* Tables
----------------------------------------------- */
	.pwdChkTbl1 {border:0; margin:0 0 0 15px; padding:0; width:100%;}
	.pwdChkTbl1 span {font-size:40%;}

	.pwdChkTbl2 {font-family:Tahoma,sans-serif; font-weight:bold; width:140px; border:0; height:19px; background-color:#FFF;}
	.pwdChkTbl2 span {font-size:50%;}

	.pwdChkTbl3 {font-family:Tahoma,sans-serif; font-weight:bold; width:40px; border:0; height:19px; background-color:#FFF; margin:3px 15px 15px 0;}
	.pwdChkTbl3 span {font-size:70%;}

	.pwdChkTbl4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; border:0; background-color:#FFF; margin:0px 20px 0 20px;}

	.pwdChkTd1 {font-size:70%; color:#000; font-weight:bold; vertical-align: top; text-align:right; width:180px; padding:5px 7px 13px 0;}

	.pwdChkTd2 {width:420px; vertical-align:top; padding:0 0 13px 0;}

	.pwdChkTd3 {width:150px; vertical-align:top; padding:0 0 13px 0;}

	.pwdChkTd4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; vertical-align:top; padding-bottom:15px;}
	.pwdChkTd4 h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; margin: 8px 0px 0px 0px; padding-bottom: 8px;}

	.pwdChkTd5 {width:98px; vertical-align:top;}


/* JavaSCript Conditions
----------------------------------------------- */
	.pwdChkCon0 {background-color:#EBEBEB; border-right:solid 1px #BEBEBE; border-bottom:solid 1px #BEBEBE; text-align:center;}
	.pwdChkCon1 {background-color:#FF4545; border-right:solid 1px #BB2B2B; border-bottom:solid 1px #BB2B2B; text-align:center;}
	.pwdChkCon2 {background-color:#FFD35E; border-right:solid 1px #E9AE10; border-bottom:solid 1px #E9AE10; text-align:center;}
	.pwdChkCon3 {background-color:#3ABB1C; border-right:solid 1px #267A12; border-bottom:solid 1px #267A12; text-align:center;}
	.pwdChkCon4 {background-color:#3ABB1C; border-right:solid 1px #267A12; border-bottom:solid 1px #267A12; text-align:center;}


/* Miscellaneous
----------------------------------------------- */
	#inputPC {font-size:70%; width:210px; height:19px; border:solid 1px #AAA;}

	hr.divider {border: 0; width: 95%; height: 2px; color: #B8B8B8; background: #B8B8B8; margin:15px 0 0 20px;}
	
	.messagebox{
	
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}

td.loginsty
{
	width:399px; 
	height:20px;
	background-color:#CCC;
	color:#900; 
	font-size:16px;
}

.poller{	/* The poller box */
				
		width:120px;				
		padding:15px;	
		text-align:left;
		background-color:#FFF;
		margin:10px;
		background-image:url(../images/pollmhead.png);
		background-repeat:no-repeat;
	}
	/* Poller title above radio buttons */
	.pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
		font-size:0.9em;
	}
	/* Label for each radio button */
	.pollerOption{
		margin:0px;
		font-size:0.8em;
	}
	/* Label for each option above graph - i.e. results */
	.result_pollerOption{
		margin:0px;
		font-size:0.8em;
	}
	/* Title of poller - when ajax shows the results */
	.result_pollerTitle{
		margin-bottom:5px;
		font-weight:bold;
		font-size:0.9em;
	}
	/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
	.result_pollGraph img{
		float:left;
	}
	/* The <div> tag where the percentage result is shown */
	.result_pollGraph div{
		float:left;
		height:16px;
		background-repeat:repeat-x;
		color:#cc0000;
		font-size:1.5em;
		line-height:16px;
	}
	/* Graph div - parent of both the corner images and the div displaying percentage votes */
	.result_pollGraph{	
		height:16px;
	}
	
	/* Message when Ajax is working getting restults fromt the server */
	.poller_waitMessage{
		display:none;	
	}	
	
	.result_totalVotes{
		clear:both;
		font-size:0.8em;
		margin-top:10px;
		font-style:italic;
	}
	
	/*- font style --------------------- */
.fg{font-family:Georgia, "Times New Roman", Times, serif;}.fa{font-family:Arial, Helvetica, sans-serif;}.fbld {font-weight: bold;}.fn	{text-decoration: none;}.fl {color: #0033cc;}.fb{color: #000000;}.fcg {color: #222222;}.fcgl {color: #008716;}.fcw {color: #ffffff;}.fcp {color: #b6005e;}.fcgl {color: #333333;}.fr{color: #cc0000;}.fu {text-transform: uppercase;}.fccap {color: #666666;}
/*- font style ends --------------------- */
/*- line height --------------------- */
.lh16 {line-height: 16px;}.lh18 {line-height: 18px;}.lh20 {line-height: 20px;}.lh22 {line-height: 20px;}.lh24 {line-height: 20px;}
/*- line height --------------------- */

/*- font size --------------------- */
.fs10 {font-size: 10px;}.fs11 {font-size: 11px;}.fs12 {font-size: 12px;}.fs14 {font-size: 14px;}.fs16 {font-size: 16px;}.fs20 {font-size: 20px;}.fs24 {font-size: 20px;}.fs30 {font-size: 10px;}
/*- font size ends --------------------- */



/*- margin --------------------- */
.mart10	{margin-top: 10px;}.marb10	{margin-bottom: 10px;}.mart5	{margin-top: 5px;}.mart3	{margin-top: 3px;}.marb5	{margin-bottom: 5px;}.marr10 {margin-right: 10px;}.marr15 {margin-right: 15px;}.marl15 {margin-left: 15px;}.marl10 {margin-left: 10px;}.marr5 {margin-right: 5px;}.mart20	{margin-top: 20px;}.mart15	{margin-top: 15px;}.mart8	{margin-top: 8px;}.marb15 {margin-bottom: 15px;}
/*- margin ends --------------------- */


/*- float --------------------- */
.float_l {float: left;}.float_r {float: right;}
/* float ends --------------------- */

/* align --------------------- */
.algl {text-align: left;}.algr {text-align: right;}.algc {text-align: center;}
/*- align ends --------------------- */

.imgwrapper {
	position: relative;
	float: left;
}

#searchdubai{height:22px;width:212px;}
#searchdubai label,.navSearchBox,#searchdubai button.seabut{float:left;height:23px;line-height:16px; border:0; background:none;}
button.seabut:hover {text-decoration:underline!important;cursor: default}
#searchdubai span{float:left;padding-right:3px}
#searchdubai label{font-weight:bold;font-size:16px;margin-right:10px;}
.navSearchBox{border:0;padding:3px;height:16px;width:120px;font-family:arial,sans-serif; color:#444;font-size:13px;line-height:13px; background-color:#ffffff; background-image:url('inputbox.png'); background-position:top left; background-repeat:no-repeat;}
#searchdubai button.seabut{font-family:arial,sans-serif;font-size:12px;margin:0 0 0 5px;width:52px;color:#fff; background:url(top_sear.png) no-repeat; height:22px; line-height:22px;}