/* 
	General
*/
body {
	padding:0; margin:0; 
	background: #1a0000;
}
a {
	text-decoration: none; 
	color: blue;
}
a:hover {
	color: red;
}
img {
	border: 0px;
}
h1 {font: bold 36px Traditional Arabic; color: #ce1111; margin:0; padding:0;}
h3 {font: bold 18px arial; padding:0; margin:0; color: #524964;}
h4 {font: bold 18px arial; padding:0; margin:0; color: #524964;}
h5 {font: bold 15px arial; color: green; margin:0; padding:0;}
h6 {font: bold 12px tahoma; color: gray; margin:0; padding:4px;}
/*
	Public
*/
.color_error, .color_sucss, .color_note {
	font: bold 17px arial; 
	color: #000; 
	padding: 8px; 
}
.color_error {
	background: #f1dfe8; 
	border:3px solid #94122e;
}
.color_note {
	background: #f1dfe8; 
	border:3px solid #94122e;
}
.color_sucss {
	background: #eaf5e6; 
	border: 3px solid #519536;
}
.space {
	padding:12px;
}
.space p {
	padding:0;
	margin:0;
}
.space a {
	font: bold 15px arial, times new roman;
	margin-top:9px;
	display: block;
	color:#004088;
}
.space a:hover {
	color:#000;
}
.glow {
	padding:7px;
}
.ltr{
	direction: ltr;
}
.rtl {
	direction: rtl;
}
.floatr {
	float: right;
}
.floatl {
	float: left;
}
.both {
	clear: both;
}
.dotted {
    border-top: 1px dotted #000;
}
.dotbordertd td {
	border-bottom: 1px dotted #000;
}
.sbordertd td {
	border-bottom: 1px solid #000;
}
.head {
	border-bottom: 3px solid #BFA1BC; 
	height: 25px; 
	font: bold 21px arial; color: #524964; 
	background: url(bg_foshia.png);
}
.borderdot {
	border: 1px dotted #999;
}
#container {
	width:980px; 
	margin: 0 auto;
}
#alphabet {
	font: bold 12px tahoma; 
	color: blue;
}
#alphabet a{
	border:1px solid gray; 
	color:blue; 
	width:16px; 
	padding:2px 5px 5px 5px; 
	margin:3px;
	text-align: center; 
	display:-moz-inline-box; display: inline-block; 
}
#alphabet a:hover{
	background: #eee; 
	color:#000;
}
#alphabet .current {
	background: #ffd980; 
	padding:3px 8px; 
	display:-moz-inline-box; display: inline-block;
}
#footer {
	clear: both;
	height: 39px;
	background: url(images/footerbg.gif);
}
#footer .ftitle{
	float: right;
	height: 39px;
	border: 1px solid red;
}
#mbox{
	background-color:#eee; 
	padding:8px; 
	border:2px 
	outset #666;
}
#mbm{
 font: bold 12px tahoma;
 float:right;
 padding-bottom:5px;
}
#ol{
	background-image:url(images/overlay.png);
}
.dialog {
	display:none
}
* html #ol{
	background-image:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}
.topicmarquee {
	float:left; 
	width:580px; 
	background:#fff; 
	padding:2px; 
	margin:3px 0 0 2px; 
	height:24px;
	display: inline;
}

/*
	SETTINGS
*/
#turnoffmsg {
	color: red; 
	font: normal 18px arial; 
	border: 4px solid gray; 
	padding: 14px;
	margin:120px;
	background: #fff;
}
/*
	FORM
*/
.forminline form, input,select,textarea, label {
	display: inline;
}
#sendtoform {
	font: bold 17px arial;
}
#sendtoform form {
}
#sendtoform input, #sendtoform textarea{
	color: blue;
	border:1px solid gray;
	padding: 3px 4px;
 width: 200px;
}
#sendtoform label {
	display: block;
}
#sendtoform .buttons {
	width:77px;
}
/**
 *
 * Header
 */
#header {
	margin:0 auto;
}
.adarea {
	background:#fff;
	float:right;
	height:74px;
	width:470px;
}
#otherlanguage {
	background: url(images/banner_bottom_02.jpg);
	float: right;
	padding-top:11px;
	height: 30px;
	text-align: center;
	width: 470px;
	direction: rtl;
}
#body {
	clear:both;
}
#titles {
	background: url(images/title_background.png) repeat-x top;
	height: 82px;
	border: 0px solid red;
}
#heading {
	height: 44px;
	width: 980px; 
}
#titles ul {
	margin:0;
	padding:0;
	list-style:none;
}
#titles li{
	display:inline;
	margin:0;
	padding:0;
}
#titles li a{
	font: bold 16px arial;
	color: #232323;
	background: url(images/title_bg_left.png) no-repeat left top;
	padding: 0 0 0 2px;
	display: inline-block;
	margin: 5px 0 0 0;
}
#titles li a span{
	display: inline-block;
	background: url(images/title_bg_right.png) no-repeat right top;
	height: 28px;
	padding: 8px 9px 0px 2px;	
}
#titles li a:hover {
	cursor: pointer;
	background-position:0% -36px;
	color:#000;
}
#titles li a:hover span {
      background-position:100% -36px;
}

#titles li.live a{
	background: #232323;
	color:#fff;
	text-align: center;
	padding:7px 5px 8px 5px;
	border:1px solid #fff;
	font: normal 12px tahoma;
	margin-right: 23px;
}


#titles #live {
	position: relative;
	top: 0; left: 0;
	background: #232323;
	width: 78px;
	height: 28px;
	color:#fff;
	text-align: center;
	padding-top:8px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	font: normal 12px tahoma;
}
#titles #live a{
	color: #fff;
}
#titles #live a:hover{
	color: red;
}



#titles #panel2 {
	clear: both;
	height: 36px;
	padding-top:5px;
}
/*
	*
	* 
	Homepage
*/
#index{
	background: url(images/homebackground.gif) repeat-y;
	min-height: 800px;
	margin: 0 auto;
	overflow: hidden;
}
#index .bgright, #index .bgleft {
	width:14px;
	position: relative;
	top: 0; left: 0;
	border:0px solid red;
}
#index .bgright{
	background: url(images/bg_right.gif) no-repeat top right;
	float:right;
}
#index .bgleft{
	float: left;
	background: url(images/bg_left.gif) no-repeat top left;
	width:14px
}
.indexright {
	z-index: 1000;
	background: #fff;
	float:right;
	width:280px;
	border:0px solid red;
	min-height: 1000px;
}
.indexleft {
	float: right;
	border:0px solid red;
	width: 670px;
}

.newstopic {
	padding: 0;
	text-align: justify;
	font: normal 12px tahoma;
}
.newstopic hr{
	border: 1px dotted gray;
	height: 0px;
}
.newstopic a {
	font: bold 15px arial, times new roman;
	margin-top:9px;
	display: block;
	color:#004088;
}
.newstopic a.change {
	font: normal 12px tahoma;
}
.newstopic a:hover {
	color:#000;
}

.fundationnews ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fundationnews li{
	display: inline;
}
.fundationnews a {
	background: #EDE8E8;
	width: 117px; 
	float: right; 
	display:-moz-inline-box; display: inline-block;
	border:1px solid #B39E9E;
	padding:2px 2px 4px 2px;
	margin-left:7px;
	margin-bottom:10px;
	min-height: 230px;
	font: bold 15px arial;
}

.tablefile td {
	background: #fff;
	font: bole 17px arial;
}
.tablefile td p {
	font: bole 17px arial;
}
.tablefile th{
	border-bottom: 2px solid #000;
	font: bole 17px arial;
	
}
/* 
	Preveiw
*/
#textareas {
	font: bold 17px arial; 
	line-height: 155%; 
	text-align: justify; 
}
#textareas h1 {
	font: bold 27px Traditional Arabic;
	padding: 9px;
	color:#890101;
}
#textareas p{
	text-align: justify; 
	font:bold 21px Traditional Arabic;
    line-height: 145%;
}
.imageview {
    padding: 0px 12px 5px 5px;
}
.tools {
	font: bold 17px arial; 
	color: #555;
	clear: both;
}
.tools span {
	display:block; 
	line-height: 155%;
}
.infotopic {
	font: normal 12px tahoma;
	}
.infotopic span {
	color: #333;
	}
.infotopic em {
	font: normal 12px tahoma; 
	color: #426396;
}

.tools {
    text-align: center;
}
/*
	Category page
*/
.indexbody {
	
}
.newsdisplay {
	margin: 0 auto;
	width: 905px;
}
.newsdisplay .top {
	background: url(images/displaydivtop_news.gif);
	height: 5px;
	font: normal 1px arial;
}
.newsdisplay .body {
	background: url(images/displaydivbg_news.gif);
	min-height: 112px;
	padding: 5px 14px;
}
.newsdisplay .body h1, .newsdisplay .body h1 a {
	font: bold 17px arial;
	color:#004088;
}
.newsdisplay .body h1 a:hover {
	color:#2c76fd;
}
.newsdisplay .detial {
	background: url(images/displaydivbotbg_news.gif);
	height: 34px;
}
.detial .reading {
	float: left;
	background: url(images/displaydivlink_news.gif);
	width:140px;
	height: 30px;
	padding: 4px 0 0 40px;
	margin: 0;
	text-align: center;
	
}
.reading a {
	color:#cec8b5;
	font: bold 15px arial;
}
.reading a:hover {
	color: #fff;
}

.detialdate {
	float:right; 
	margin:0; 
	padding:3px 10px 0 0 ;
	background:url(images/displaydivdate_news.gif) right no-repeat;
	height:30px;
	border:0px solid red;
	width:240px;
	text-align: center;
	color:#cec8b5;
	font: bold 15px arial;
}
/* 
	COMMENTS
*/
.commentview {
	clear:both;
	width: 628px;
	overflow: hidden; 
	padding: 0px; margin:0 auto;
}
.commentview .top {
	background: url(comment-div.gif) top center no-repeat;
	height:60px;
	padding: 25px 80px 0px 0px;
	
}
.commentview .top h1 {
	font:bold 19px arial;
}
.commentview .txtor {
	padding:23px;
	background: url(comment-divbg.gif);
	font: normal 17px arial;
}
.commentview .bottom {
	background: url(comment-divbottom.gif) center no-repeat;
	height:6px;
	
}
#commententry {
	width: 580px;
}
/* 
	Paging
*/
.page {}
.rulepaging {
	font: normal 13px tahoma; 
	color: blue; 
	display: inline;
	}
.rulepaging a {
	color: blue;
	}
.rulepaging a:hover {
	color: #c72a00;
	}
.rulepaging div.rulepagingloop {
	display: inline;
	}
.rulepaging .rulepagingloop a{
	background: #ddd; 
	padding:3px 8px; 
	text-align: center; 
	display:-moz-inline-box; 
	display: inline-block;
	}
.rulepagingloop a:hover{
	background: #ffe5a8;
	}
.rulepagingloop .current {
	background: #ffd980; 
	padding:3px 8px; 
	display:-moz-inline-box; 
	display: inline-block;
	}
/*
	Contact
*/
#contactusform{
}
.formbody {
	padding:12px;
	font: bold 16px arial;
}
#contactusform label {
	display: block;
	cursor: pointer;
	}
#contactusform input:hover {
	background: #e3ded5;
	}
#contactusform input, textarea {
	font: bold 16px arial; 
	padding: 5px; 
	margin:1px;
	border:1px solid #444;
	color:#7d1000;
	}
.buttons {
	padding: 4px 14px; 
	margin:1px;
	border:1px solid #444;
	color:#7d1000;
	width:100px;
}
#contactnumbers {
	font:bold 17px arial;	
}
#contactnumbers span {
		width:75px;
	float: right;
}
#callcenters {
	
}
#callcenters p {
	line-height: 144%;
	margin: 0; padding: 0;
	margin-right: 27px;
}
#callcenters span {
	width:83px;
	color: green;
	float: right;
	
}
/* 
	POLL SYSTEM
*/
.question {
	font: bold 17px arial; 
	color: brown; 
	margin:0; padding:2px; 
	text-align:center;
	}
.putsub {
	font: normal 12px tahoma; 
	color: #000; 
	padding-bottom: 4px; 
	background: #ddd; 
	border:1px solid #666;
	}
/* 
	ads 
*/
.ads {
	font:bold 18px arial; 
	color:#fff; 
	border:0px solid red; 
	padding:0px; 
	margin:0; margin-top: 10px;
	}
/**
 * Video Streaming
 */
#vt {
    background:#c1bdaf; 
    border:1px solid #626262;
    margin: 12px 30px; 
    min-height:400px;
}
#obj {
    background: url(images/background_videoobj.jpg) no-repeat center #d9d7cd; 
    border:1px solid #626262; 
    margin: 9px;
    min-height:270px;
    text-align: center;
    padding-top:10px;
}
#broadcastdate {
    margin:9px;
    overflow: hidden;
}
#broadcastdate h1 {
    
}

#broadcastdate h2 {
    margin:12px 0 6px 0; 
    padding:0;
}
#broadcastdate h2 span {
    float: right; width: 347px;
    border-left:2px solid #fff;
    margin-left:9px;
}

#broadcastdate div {
    background:#e3e2dd;
    border:2px solid #b7b7b7;
    padding:12px;
    min-height: 300px;
}
#broadcastdate div h3 {
    padding: 12px 0;
}
#broadcastdate div p {
    font: bold 17px arial;
    padding:0;
    margin:0;
}
#broadcastdate div.right {
    float: right; width: 320px;
    margin-left:0px;
}
#broadcastdate div.left {
    float: right; width: 523px;
}
 

#galbody{
    background: #fff;
    border:1px solid #626262;
    margin:0 30px;
    min-height: 560px;
}

#showphoto {
    text-align: center;
    padding: 25px;
}

#galbody .photos {
    display: inline-block;
    background: url(images/photobg.png);
    width: 193px;
    height: 138px;
    margin: 0 12px;
}
#galbody .photos img {
    padding-top: 14px;
}

/**
 * Bio
 */
 
 #bio, #bio p{
    font: bold 17px arial;
    line-height: 170%;
    margin: 0;
    padding: 0 30px;
 }
#bio p {
    text-align: justify;
        padding: 0 25px;
}
 #bio h1 {
    font: bold 29px Traditional Arabic; color: #ae5a2a; 
 margin:0; padding:0;
 text-align: center;
 padding-top: 40px;
 }
  #bio h3 {
    font: bold 22px arail; color: #fff; 
 margin:0; padding:0;
 text-align: right;
 }
   #bio h2 {
    font: bold 19px arail; color: #ae5a2a; 
 margin:0;
 padding-right: 25px;
 padding-top:20px;
 text-align: right;
 }
 
 
 
 /**
  * eBooks
  */
  
#bookdetails {
    float:right; 
    margin:0 30px 0 0;
    border:0px solid red; 
    font: bold 12px tahoma;
 }
#bookdetails p{
    background: #eee;
    border-bottom: 1px dotted gray;
    margin-top:4px;
    padding: 6px;
}
#bookdetails span {
    float: right;
    width: 120px;
}