body 
{
    direction :rtl;
	background-image : url(../../images/Color_BackGround.gif);
	background-position : top center;
	background-repeat : repeat-x;    
    font-size : 14px;
    font-family : Simplified Arabic;
    color : #FFFFFF;
    background-color:#2B2B2B;
	scrollbar-face-color: #2B2B2B;
	scrollbar-highlight-color: #F5F5F5;
	scrollbar-3dlight-color: #2B2B2B;
	scrollbar-arrow-color:  #B71B20;
	scrollbar-track-color: #2B2B2B;
	scrollbar-darkshadow-color: #2B2B2B;
	margin : 0px;
	padding:0px;
}
/* Links style*/
A:link {
	COLOR: #2B2B2B;
	font-size:14px;
	TEXT-DECORATION: none;
	font-weight:bold;
}
A:visited {
	COLOR: #2B2B2B;
	font-size:14px;
	TEXT-DECORATION: none;
	font-weight:bold;
}
A:hover {
	COLOR: #B71B20;
	font-size:14px;
	TEXT-DECORATION: none;
	font-weight:bold;
}
A:active {
	 TEXT-DECORATION: none;
}
/* Menu Links style*/
A:link.LMenu {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-size:14px;
	font-weight:bold;
}
A:visited.LMenu {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-size:14px;	
	font-weight:bold;
}
A:hover.LMenu {
	COLOR: #B71B20;
	TEXT-DECORATION: none;
	font-size:14px;	
	font-weight:bold;
}
A:active.LMenu {
	 TEXT-DECORATION: none;
}
/* SubTitle Links style*/
A:link.SubTitle {
	COLOR: #2963C3;
	font-size:14px;	
	TEXT-DECORATION: none;
	font-weight:bold;
}
A:visited.SubTitle  {
	COLOR: #2963C3;
	font-size:14px;	
	TEXT-DECORATION: none;
	font-weight:bold;
}
A:hover.SubTitle  {
	COLOR: #B71B20;
	font-size:14px;	
	TEXT-DECORATION: none;
	font-weight:bold;
}
A:active.SubTitle  {
	 TEXT-DECORATION: none;
}

/* MainTitle Links style*/
A:link.MainTitle {
	COLOR: #B71B20;
	TEXT-DECORATION: none;
	font-size : 18px;
}
A:visited.MainTitle  {
	COLOR: #B71B20;
	TEXT-DECORATION: none;
	font-size : 18px;
}
A:hover.MainTitle  {
	COLOR: #B71B20;
	TEXT-DECORATION: none;
	font-size : 18px;
}
A:active.MainTitle  {
	 TEXT-DECORATION: none;
	 font-size : 18px;
}

/* HR style*/
HR{
    color : #C7C7C7;
    height : 1pt;
    width:95%;
}

/* Tables style*/
.Border_Black{
	border : 1px solid #2B2B2B;
	background-color : transparent;
	border-collapse : collapse;
}
.Border_Gray{
	border : 1px solid #C3C3C3;
	background-color : transparent;
	border-collapse : collapse;
}
.Border_Red{
	border : 1px solid #8B2234;
	background-color : transparent;
	border-collapse : collapse;
}
.No_Border{
	border : none;
	background-color : transparent;
	border-collapse : collapse;
}
/* Cells style*/
.Red{
    font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 
    color : #FFFFFF;
	background-color : #B71B20;
	border : none;
}
.Gray{
    font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 
    color : #000000;
	background-color : #F8F8F8;
	border : none;
}
.White{
    font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal;    
    color : #000000;
	background-color : #FFFFFF;
	border : none;
}
.None{
    font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal;     
    color : #000000;
	background-color : transparent;
	border : none;
}

.Title
{
    font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 
    color : #2B2B2B;
	background-color : #EEEEEE;
	border : 1PX SOLID #C3C3C3;	
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
}

.TitleMainStory
{
    font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 
    color : #000000;
	background-color : #F8F8F8;
	border : 1PX SOLID #C3C3C3;	
	text-align:center;
}

.MainMenu
{
	background-image: url(../../images/Blackbg.gif);
	background-position: right top;
	background-repeat: repeat-x;
	background-color: #B2B2B2;
	color: #FFFFFF;
}

.Section
{
	background-image: url(../../images/BG_Section.gif);
	background-position: right top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #000000;
}

.Weather
{
	background-image: url(../../images/Redbg.gif);
	background-position: right top;
	background-repeat: repeat-x;
	background-color: #B2B2B2;
	color: #FFFFFF;
}
.CatMenu
{
	background-image: url(../../images/Graybg.gif);
	background-position: right top;
	background-repeat: repeat-x;
	background-color: #F1F1F1;
	color: #2B2B2B;
	height: 26px;
}

.EcoHeader
{
	background-image: url(../../images/Economic/Header.gif);
	background-position: right top;
	background-repeat: repeat-x;
	background-color: #F1F1F1;
	color: #B71B20;
	height: 22px;
}

/* Admin Template*/
.AdminHeader
{
	direction: ltr;
	padding: 5px;
	padding-top: 30px;
	text-align: left;
	background-image: url(../../images/Logo.jpg);
	background-position: right middle;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #2B2B2B;
	width: 100%;
	height: 80px;
}

.AdminFooter
{
	direction: ltr;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	background-color: #C3C3C3;
	width: 100%;
	height: 25px;	
}


/* Spans style*/
span.txtSearch{
	color : #2B2B2B;
	font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 
    background-color:Yellow;
}

span.txtBlack{
	color : #2B2B2B;
	font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 
}
span.txtRed{
	color : #B71B20;
	font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 	
}
span.txtCyan{
	color : #1B59BF;
	font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 	
}
span.txtGray{
	color : #C3C3C3;
	font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 	
}
span.txtWhite{
	color : #FFFFFF;
	font-family : Simplified Arabic;
    font-size : 14px;
    font-weight : normal; 	
}
span.titBlack{
	color : #2B2B2B;
	font-family : Simplified Arabic;
	font-size : 16px;
}
span.titRed{
	color : #B71B20;
	font-family : Simplified Arabic;
	font-size : 16px;
}
span.titCyan{
	color : #1B59BF;
	font-family : Simplified Arabic;
	font-size : 16px;
}
span.titGray{
	color : #C3C3C3;
	font-family : Simplified Arabic;
	font-size : 16px;
}
/* Images style*/
.image{
	border : 1px solid #C3C3C3;
}
/* Shadow */
.GrayShadow
{
	padding:5px;
	filter:shadow(color=gray, Strength=3, Direction=135);
}

.BlackShadow
{
	padding:5px;
	filter:shadow(color=black, Strength=3, Direction=135);
}
/* Box style*/
.AccessDenied
{
	direction: ltr;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: left;
	background-image: url(../../images/Logo.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color:#000000;
}
/* Alerts */
.True{
    font-family : Simplified Arabic;
    font-size : 14px;
    font-weight:normal;
    color : #000000;
	background-color :#E8FFF2;
	border : 1px solid #67A54B;	
	width: 95%;
	height: 25px;
	text-align: center;
	padding-right: 5px;
}
.False{
    font-family : Simplified Arabic;
    font-size : 14px;
    font-weight:normal;    
    color : #000000;
	background-color : #FFEBE8;
	border : 1px solid #DD3C10;
	width: 95%;
	height: 25px;
	background-image: url(../../images/Error.gif);
	background-position: right center;
	background-repeat: no-repeat;	
	text-align: right;
	padding-right : 27px;
}

/* Menu */
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
border: 1px solid #dadada;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Simplified Arabic;
color: white;
background: black url(../../images/titlebar.png) repeat-x center left;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
padding: 0px 5px 0px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-align:right;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../../images/arrowbullet.png) no-repeat center right; /*custom bullet list image*/
display: block;
padding: 0px 4px 0px 0px;
padding-right: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
color: #000000;
text-align:right;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}


/*  Tab Style */
.usual LI {
	FLOAT: right; LIST-STYLE-TYPE: none;
}
.usual UL A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING: 4px; BACKGROUND: #444; MARGIN: 1px 1px 1px 0px; COLOR: #fff; TEXT-DECORATION: none; FONT: Simplified Arabic 12px normal;
}
.usual UL A:hover {
	BACKGROUND: #B71B20; COLOR: #fff
}
.usual UL A.selected {
	BACKGROUND: #111; MARGIN-BOTTOM: 0px; CURSOR: default; COLOR: #000; BORDER-BOTTOM: snow 1px solid
}

/************************ Slider ************************/
#slider4 {
	width: 500px; height:400px;
}

.sliderwrapper {
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border: 0px;
	width: 500px; /*width of featured content slider*/
}

.sliderwrapper .contentdiv 
{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	background: white;
	width: 500px; /*width of content DIVs within slider */
    filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;		
}

#paginate-slider4 {
	text-align: center; padding-bottom:5px;
}

#paginate-slider4 a img {
	width: 80px; height: 50px; 
	border: 1px solid #2B2B2B;
	margin-right: 5px; vertical-align: top;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);
}
	
#paginate-slider4 a:hover img, #paginate-slider4 a.selected img {
	border: 1px solid #2B2B2B;
	width: 80px; height: 50px; vertical-align: bottom;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);		
}

/*Hot Articles*/
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
padding-top: 5px;
text-indent: 3px;
font: bold 16px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
height:30px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
padding-top: 5px;
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #B71B20;
padding-right:20px;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}

#sample
{
 -ms-filter: "progid:DXImageTransform.Microsoft.Pixelate(duration=1, maxSquare=40, enabled=false)";
 filter :progid:DXImageTransform.Microsoft.Pixelate(duration=1, maxSquare=40, enabled=false);
 font-family:Simplified Arabic;
 font-size:14px;
 font-weight:normal;
 color: #000000;
 width:150px;
 height:200px;
}