/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

	body { padding: 0px }
	.panel h2.title { margin-bottom: 5px; background: #ffa800;}
	noscript div { background: #ccc; border: 1px solid #900; margin: 0px 0; padding: 0px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0px; background: #ff0000;}
	.coda-slider { background: #f0f0f0 }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 0px; overflow: auto !important; padding-left: 0px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 324px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 330px; margin-left: 3px;}
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 0px; width: 0px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #082b5f; display: center; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper {  padding: 2px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: right }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: center; display: block; float: left; margin-right:1px; padding: 5px 10px; font-size:16px; font-family:Simplified Arabic;  font-weight : bold; }
		.coda-nav ul li a:hover { background: #27a5f5; color: #000000; display: center; display: block; float: left; margin-right: 1px; padding: 5px 10px; font-size:16px; font-family:Simplified Arabic;  font-weight : bold; }
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: left }
	.coda-slider { float: right; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: right }
	.coda-slider .panel-container { position: right }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	#coda-slider-9, #coda-slider-9 .panel { width: 320px ;margin-right: 0px; }
#coda-slider-9 h2.title { display: none }

#featured{ 
	width:655px; 
	padding-right:0px; 
	position:relative; 
	border:1px solid #dcdcdc; 
	height:380px; 
		 		 	direction:rtl;
	background:#e4e3e3;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:415px; 
		list-style:none; 
  padding:0; margin:0; 
   text-align: justify;
	width:235px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0; padding-left:18px;  
	font-family:Times New Roman;
	 text-align: center;
	 margin-top: 0px;
	 		 	direction:rtl;
  font-weight : bold;
	font-size:13px; 
	color:#000000; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:4px 15px; 
	background:#000000; 
	padding:1px; 
	border:1px solid #b8b7b7;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:14px; font-family:Simplified Arabic; 
	 text-align: center;
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:70px; 
		direction:rtl;
	 text-align: center;
	 padding:1px; 
	color:#000000;  background:#ffffff; 
border:1px solid #b8b7b7;
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#ff0000; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/arrow.png') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#082b5f; 
	color:#ffffff;
}
#featured .ui-tabs-panel{ 

}

#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:300px;  
	height:70px;
	width:650px; 
		 text-align: right;
		 	direction:rtl;
		 	padding:3px; 
	background: #f2efef;
}
#featured .info h2{ 
	font-size:18px; font-family:Simplified Arabic; 
		 text-align: right;
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Simplified Arabic; font-size:15px; 
	 text-align: right;
	line-height:15px; color:#eeeaea;
}
#featured .info a{ 
	font-family:Times New Roman; font-size:16px; 
		padding:4px; 
	 text-align: right;
	  font-weight : bold;
	color:#3f3f3f; 
}
#featured .info a:hover{ 
	font-family:Times New Roman; font-size:16px; 
		padding:4px; 
	 text-align: right;
	  font-weight : bold;
	color:#000000; 
}

#featured .ui-tabs-hide{ 
	display:none; 
}

/* CSS Document 
#################################
# DGNews v 1.5.1                #
# filename: styles.php          #
# create by: Ilva Yulfianto     #
# website: www.diangemilang.com #
# email: diangemilang@gmail.com #
#################################
*/
body {
       background: #104697; 
	color : #000000;
	font-family : Tahoma;
	font-size : 9pt;
	margin-top : 0px;
	margin-right : 0px;
}
td, th {
	font-size : 9pt;
}
h1, h2 {
	color : #15265E;
}
h3, h4, h5, h6 {
	color : #5B7AB2;
}
a {
  color : #082b5f;
  text-decoration : none;
}
a:hover {
	  color : #cc5005;
}
.boxlook {
  color:#050;
  font-family : Simplified Arabic;
  font-size : 10pt;
  font-weight : bold;
  background-color:#fed;
  border: 1px solid;
  border-color: #696 #363 #363 #696;
}
.emailUs
{
  display: block;
  width: 107px;
  height: 23px;
  background: url("/media/emailUs.gif") no-repeat 0 0;

}

.emailUs:hover
{ 
  background-position: 0 -23px;
}

.emailUs span
{
  display: none;
}

.date {
	background : #ffffff; 
                border : #ffffff; 
	border-bottom-width : 0px;
	color: #000000;
	font-family: Tahoma;
	font-size: 10pt;
	}

.date3 {
	background : #FFFFFF; 
                border : #ffffff; 
	border-bottom-width : 1px;
	color: #F4451D;
	font-family: Simplified Arabic;
		font-size : 12pt;
	text-align: right;
	padding : 15px;
}
a.boldbuttons{
background: transparent url('media/roundedge-brown-right.gif') no-repeat top left;
display: block;
float: right;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('media/roundedge-brown-left.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
.footer {
	color : #000000;
	font-family : Tahoma;
	font-size : 10px;
	line-height : 20px;
}
.fotodesc {
	color : #6a5f50;
	font-family : Tahoma;
	font-size : 8pt;
		text-align: center;
	line-height : 25px;
	
}
.newsdisc {
	color : #000000;
	font-family : Simplified Arabic;
	font-size : 14pt;
	text-align: justify;
	padding : 15px;
	}
.newsdiscp {
	color : #000000;
	font-family : Simplified Arabic;
	font-size : 8pt;
	text-align: center;
	padding : 0px;
}
.newssss {
	color : #301D6F;
	font-family : Simplified Arabic;
	font-size : 12pt;
	text-align: right;

}
td#mainmenu a {
	background : #4d3812;
	border-bottom : 1px solid #cdcdcd;
        border-right : 1px solid #2F3782;
	color : #ffffff;  
	display : block; 
	font-family : Simplified Arabic; 
	font-size : 12pt; 
	font-weight : bold; 
	line-height : 20px;
	margin : 0; 
	padding : 2px; 
}
td#mainmenu a:hover {
	color : #fecd09; 
	
}
}
td#mainmenu1 a {
	background : url("/media/1.gif") no-repeat 0 0;;
	border-bottom : 0px solid #cdcdcd;
        border-right : 1px solid #2F3782;
	color : #ffffff;  
	display : block; 
	font-family : Simplified Arabic; 
	font-size : 12pt; 
	font-weight : bold; 
	line-height : 25px;
	margin : 0; 
	padding : 1px; 
}
td#mainmenu1 a:hover {
	color : #f9051c; 
	
}
.menu {
	background : #37485F; 
	color : #ffffff;
	font-size : 14pt;
	font-weight : bold;
	line-height : 20px;
}
.menu9 {
	background : #37485F; 
	color : #ffffff;
	font-size : 5pt;
	font-weight : bold;
	line-height : 20px;
        width: 10px;

}
.submenu {
	background : #ABBDC9;
                display : block;
	border : 1px solid #aaaaaa;
	color : #010100;
	font-size : 10px;
                line-height : 15px;
	font-weight : bold;
}
.submenu1 {
	background : #f88b0b;
                display : block;
	border : 1px solid #000000;
        font-family : Simplified Arabic;
	color : #fbfbf9;
	font-size : 18px;
        line-height : 22px;
	font-weight : bold;
        text-align: center;
}
.submenu1 a:hover {
	color : #000000; 
	
}
.morenews {
	color : #21436E;
	font-family : Simplified Arabic; 
	font-size : 12pt;
                line-height : 22px;
                list-style-type: circle;
             }
.morenews1 {
	color : #EE3B0B;
	font-family : Simplified Arabic; 
	font-size : 10pt;
        font-weight : bold;
        text-align: center;
        padding : 2px;
             }
.morenews2 {
	color : #1d32d3;
	font-family : Simplified Arabic; 
	font-size : 12pt;
        font-weight : bold;
        text-align: center;
             }     
    
.latestnews {
	color : #21436E;
	font-family : Simplified Arabic; 
	font-size : 9pt;
                line-height : 22px;
                text-align: center;
                text-indent: 1ex;
                
}
.newscat {
	color : #3c76fa;
	font-family : Simplified Arabic;
	font-size : 14pt;
	font-weight : bold;
	text-align: right;
}
.newsdate {
	color : #000000;
	font-family : Simplified Arabic;
	font-size : 12px;
	line-height : 12px;
	text-align: right;
	font-weight : bold;
	padding : 12px;
}
.newssubtitle {
	color : #1B0877;
	font-family : Simplified Arabic;
	font-size : 12pt;
	text-align: justify;
		font-weight : bold;
		text-decoration: underline;
		line-height : 19px;
	padding : 5px;
}
.newssubtitle1 {
                color : #363535;
	font-family : Simplified Arabic;
	font-size : 11pt;
	padding : 9px;
		direction:rtl;
	text-align: justify;
	

}
.newssubtitle2 {
                color : #000000;
	font-family : Simplified Arabic;
	font-size : 12pt;
	font-weight : bold;
}
.SubNews {
	font-family: "Arabic Transparent";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align:right;
	direction:rtl;
}
.SubNews2 {
	font-family: "Arabic Transparent";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	direction:rtl;
}
.img-shadow {
  float:right;

  margin: 0px 0 0px 0px !important;
  margin: 0px 0 0px px;


  }

.img-shadow img {
 
  	border:1px solid #595757;
	width:120px;
	position:right;
padding:3px;
	bottom:0px;
	right: 0px;
	padding:3px;
	margin: 0px 0 0px 0px;
	margin: 0px 0px 0px 0px;
	}
.img-shadow {
	border:1px solid #a29285;
	padding:1px;
	background:#ebebeb;
	}
	
.img-shadow4 {
  float:right;

  margin: 0px 0 0px 0px !important;
  margin: 0px 0 0px px;


  }

.img-shadow4 img {
 
  	border:1px solid #595757;
	width:370px;
        height:218px;
	position:center;
padding:3px;
	bottom:0px;
	right: 0px;
	padding:3px;
	margin: 0px 0 0px 0px;
	margin: 0px 0px 0px 0px;
	}
.img-shadow4 {
	border:1px solid #a29285;
	padding:1px;
	background:#ffffff;
	}

.newssubtitle4 {
                color : #690969;
	font-family : Simplified Arabic;
	font-size : 12pt;
        font-weight : bold;
        text-align: right;
        a {
  color : #cc5005;
  text-decoration : none;
}
}
.newstitle {
	color : #3c76fa;
	font-family : Simplified Arabic;
	font-size : 13pt;
	font-weight : bold;
	text-align: center;
}
}
.newstitlea {
	color : #ffffff;
	font-family : Simplified Arabic;
	font-size : 13pt;
	font-weight : bold;
	text-align: right;
}
}
.newstitlemain {
	color : #690969;
	font-family : Simplified Arabic;
	font-size : 16pt;
	font-weight : bold;
	direction:rtl;
	text-align: right ;
}
}
.newstitlemain a {
	color : #690969;
	font-family : Simplified Arabic;
	font-size : 16pt;
	font-weight : bold;
	direction:rtl;
	text-align: right;
}
}
.newstitlemain1 {
	color : #3c76fa;
	font-family : Simplified Arabic;
	font-size : 12pt;
	font-weight : bold;
	direction:rtl;
	text-align: center;
}
.newstitlemain1 a {
	color : #690969;
	font-family : Simplified Arabic;
	font-size : 12pt;
	font-weight : bold;
	text-align: center;
}
.newstitleslider {
	color : #690969;
	font-family : Simplified Arabic;
	font-size : 11pt;
	font-weight : bold;
	direction:rtl;
	text-align: center;
	}
	a:hover {
	  color : #cc5005;
}
		}
.newstitleslider a {
	color : #690969;
	font-family : Simplified Arabic;
	font-size : 11pt;
	font-weight : bold;
	text-align: right;
}
.newstitlemain2 {
	color : #690969;
	font-family : Simplified Arabic;
	font-size : 12pt;
	font-weight : bold;
	direction:rtl;
	text-align: right;
}
}
.newstitlemain2 a {
	color : #082b5f;
	font-family : Simplified Arabic;
	font-size : 10pt;
	font-weight : bold;
	direction:rtl;
	text-align: right;
}

.newstitlemain22 {
	color : #082b5f;
	font-family : Simplified Arabic;
	font-size : 10pt;
	font-weight : bold;
	direction:rtl;
	text-align: right;
}
}
.newstitlemain22 a {
	color : #082b5f;
	font-family : Simplified Arabic;
	font-size : 10pt;
	font-weight : bold;
	direction:rtl;
	text-align: right;
}
.newstitlenad {
	color : #3c76fa;
	font-family : Simplified Arabic;
	font-size : 12pt;
	font-weight : bold;
	text-align: right;
	padding:0px;
	padding-right:20px;
	}
.newstitlemain9 {

	color : #082b5f;
	font-family : Simplified Arabic;
	font-size : 10pt;
	font-weight : bold;
	direction:rtl;
		padding:0px;
text-indent:0px;
		text-align: right ;
			line-height: 10pt;
}
}
.newstitlemain9 a {
	color : #082b5f;
	font-family : Simplified Arabic;
	font-size : 10pt;
	font-weight : bold;
				line-height: 10pt;
		text-align:right ;
}
}

.newstitle4 {
	color : #01046c;
	font-family : Simplified Arabic;
	font-size : 12pt;
	line-height: 12pt;
	font-weight : bold;
 	text-align: center;
}
.newstitle11 {
	color : #696a69;
	font-family : Times New Roman;
	font-size : 12pt;
	line-height: 16pt;

 	margin-right: 15;
    margin-top: 5;
    margin-left: 5;
	padding:0px;
 	text-align: center;

 	}
 	  .newstitle11   a {
  color : #1b2962;
 	text-align: center;
}
.newstitle6 {
	color : #000000;
	font-family : Simplified Arabic;
	font-size : 9pt;
 	text-align:  justify ;
 	padding:3px;
}
.newstitle5 {
	color : #524d4d;
	font-family : Arabic Transparent;
	font-size : 11pt;
	line-height: 11pt;
	padding:5px;
	padding-top:15px;
	text-align: justify;
}
.redalert {
	color : #ff0000;
	font-family : Tahoma;
	font-size : 9pt;
}
.textbox {
	background : #ffffff; 
	border : 1px solid #aaaaaa;
		text-align:right;
			direction:rtl;
	color : #000000; 
	font-family : Simplified Arabic;
        font-weight : bold; 
	font-size : 10pt; 
        
}
.shadow1 {
position:relative; top: 4px; left: 4px;
width: 380px;
border-width: 0 4px 4px 0;
border-style: double;
border-color: black;
}
.shadow1 {
position:relative; top: -4px; left: -4px;
border-width: 3px;
border-style: double;
border-color: black;
position:center;
}
.shadow{
	float:left;
	clear:left;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 300px;
                height: 225;
}
.shadow {
                background-image : url('bg_b11.gif');
                color : #478113;
	position: center;
	bottom:6px;
	border: 3px double #999999;
	padding:35px;
	font-size:14px;
	margin: 3px;
}
.shadow2{
	float:right;
	clear:right;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 1px 0 10px 10px !important;
	margin: 1px 0 10px 5px;
	width: 150px;
}
.shadow2 {
	position:right;
	bottom:0px;
	border: 3px double #999999;
	padding:0px;
	font-size:0px;
	margin: 0px;
}
.shadow4{
	float:right;
	clear:right;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 1px 0 10px 10px !important;
	margin: 1px 0 10px 5px;
	width: 150px;
        hieght 150px;
}
.shadow4 {
	position:relative;
	bottom:0px;
	border: 3px double #999999;
	padding:0px;
	font-size:0px;
	margin: 0px;
}
.dropshadow1{
	float:right;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 100px;
}
.dropshadow1 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

.dropshadow2{
	float:left;
	clear:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 100px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}
.roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 20 0px;
}

.roundtop {
	background: url(tl.gif) no-repeat top right;
}

.roundbottom {
	background: url(bl.gif) no-repeat top right;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
      div.pagination {
              text-align:center;
              padding: 10px;
              margin: 14px;
      }

      div.pagination a {
              padding: 1px 1px 1px 1px; 
              margin: 2px;
              border: 1px solid #000000;
             
              text-decoration: none; /* no underline */
              color: #000000;
      }
      div.pagination a:hover, div.pagination a:active {
              border: 1px solid #000000;
              background-color:#000000;
              color: #fff;
      }
      div.pagination span.current {
              padding: 12px 15px 12px 5px;
              margin: 2px; 
                      border: 1px solid #000000;
                     
                      font-weight: bold;
                      background-color: #000000;
                      color: #FFF;
              } 
      div.pagination span.disabled {
                      padding: 2px 15px 2px 5px;
                      margin: 2px;
                      border: 1px solid #EEE;
             
                      color: #DDD; 
              }
.fieldHolder
{
	width: 20px;
	height: 25px;
	background: url(images/tfbg2.gif) no-repeat;
	margin-left: 100px;
	float: left;
}

.textInput2
{
	width: 450px;
	height: 25px;
	background: none;
	border: none;
	color: #000000;
	margin-top: 5px;
	margin-left: 5px;
}
input.btn {
  color:#050;
  font-family : Simplified Arabic;
  font-size : 10pt;
  font-weight : bold;
  background-color:#fed;
  border: 1px solid;
  border-color: #696 #363 #363 #696;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}
#poll{
	border: 3px solid #e8e8e8;
	background: #f0f0f0;
	width: 300px;
	color: #333333;
	padding:15px;
	font-family:Arial;
	margin: 5px;
}
#poll a:link, #poll a:visited, #poll a:active{
	color: #777;
	font-weight: bold;
	text-decoration:underline;
}
#poll a:hover{
	color:#CC0000;
}
#poll input{
	font-size: 11px;
}
#poll .question{
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin-bottom: 10px;
}
#poll .left{
	float: left;
}
#poll .right{
	float: right;
}
#poll #footer{
	height: 25px;
	font-family:Verdana;
	font-size:11px;
	margin-top: 10px;
}
#poll .button{
	background:transparent url(vote.gif) no-repeat scroll 0 0;
	float:right;
	height:31px;
	margin:0 20px 0 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	width:76px;
	border: none;
}
#poll .button:hover{
	background:transparent url(vote.gif) no-repeat scroll 0 -32px;
}
#poll label{
	display: block;
	font-size: 12px;
	padding: 7px 0px 9px 0px;
}
#poll .barempty{
	height: 12px;
	background-color:#CCC;
	width: 270px;
}
#poll .barfull{
	height: 12px;
	width: 200px;
	background-image: url(bar.gif);
	background-repeat: repeat-x;
}
#poll #footer a{
	float: left;
}
