body {
	text-decoration: none;
	font-family: tahoma;
	font-size: 11px;
	background-image: url('../images/bgro.gif')
}
h1 {

	font-family:Tahoma;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

#stylefour{
	position:relative;
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../images/bgoff.gif) repeat-x top left;
	font-family:Tahoma;
	border-top:4px solid #B30000;
	}

#stylefour ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#stylefour ul li{
	display:block;
	float:right;
	margin:0;
	}

#stylefour ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:11px 20px 0 20px;
	height:23px;
	background:transparent url(../images/bgr.gif) no-repeat top right;
	}

#stylefour ul li a:hover,#stylefour ul li a.current{
	color:#B30000;
	background:#fff;
	}


#slider {

	/* You MUST specify the width and height */
	width:415px;
	height:180px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	right:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#c2c2c2;
	overflow:hidden;
	font-family:Tahoma;
	font-size:10px;
	color:#000;	
}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}







	#menu {
		font-family:Tahoma;
		font-size:12px;
		position:relative;
		margin:0 auto;
		width:200px;
	}
	
	#menu ul {
		/* remove list style */
		list-style:none;
		padding:0;
		margin:0;	
		
		/* set the layer position */
		position:relative;
		z-index:5;
	}
	
		#menu li {
			/* set the styles */
			background:#ccc url(../images/bg.gif) no-repeat 0 0;
			padding:5px;
			margin:2px;
			cursor:pointer;
			border:1px solid #e3e3e3;
		}
		
		#menu li.hover {
			/* on hover, change it to this image */
			background-image:url(../images/bg_hover.gif) !important;
		}
		
		#menu li a {
	text-decoration: none;
	color: #3399FF;
}
	
	
	#menu .block {
		/* allow javascript to move the block */
		position:absolute;
		top:0;
		
		/* set the left position */
		left:150px;	
		
		/* display above the #menu */
		z-index:10;
		
		/* the image and the size */
		background:transparent url(../images/arrow.png) no-repeat top right;
		width:39px;
		padding:4px;
		cursor:pointer;
	}
	
	/* fast png fix for ie6 */
	* html .png{
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
	}

/* ==================== Article rating  */

.rating {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 85px;
	height: 16px;
	overflow:hidden;
}
.unit-rating {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 85px;
	height: 16px;
	position: relative;
	background-image: url(../dleimages/rating.gif);
	background-position: top right;
	background-repeat: repeat-x;
}
.unit-rating li {
	text-indent: -90000px;
	padding: 0px;
	margin: 0px;
	float: right;
}
.unit-rating li a {
	display: block;
	width: 17px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 17;
	position: absolute;
	padding: 0px;
}
.unit-rating li a:hover {
	background-image: url(../dleimages/rating.gif);
	background-position: right center;
	z-index: 2;
	right: 0px;
}
.unit-rating a.r1-unit { right: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { right: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { right: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { right: 51px; }	
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { right: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating {
	background-image: url(../dleimages/rating.gif);
	background-position: right bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* ==================== BB Codes */
 
.bbcodes {
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	color: #ffffff;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	/*  width: 120px;  */
	height: 20px;
	background-image: url('../images/dlet_field_a.gif');
	background-repeat: repeat-x;
	font-weight: bold;
}

.editor textarea {
	color: #555555;			/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	background-image: url('../images/dlet_field_a.gif');
	background-repeat: repeat-x;
	background-color: #ffffff;
}



.editor_button {
	float: left;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
}
.editor_buttoncl {
	float: left;
	cursor: pointer;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}
.editbclose {
	float: right;
	cursor: pointer;
}
.editor_button select {
	font-family: tahoma;
	font-size: 11px;
}
.editor_button img {margin: 0; padding: 0;}
.editbclose img {margin: 0; padding: 0;}
.editor_button_brk img {margin: 0; padding: 0;}

/* ==================== Additional fields News */

.xfields textarea {
	color: #757575; /* ! */;
	font-size: 11px; /* ! */;
	font-family: tahoma; /* ! */;
	background-image: url('../images/dlet_field_a.gif');
	background-repeat: repeat-x;
	width: 499px;
	height: 86px;
	border: 1px solid #e0e0e0;
}
.xfields input {
	color: #757575; /* ! */;
	font-size: 11px; /* ! */;
	font-family: tahoma; /* ! */;
	background-image: url('../images/dlet_field_a.gif');
	background-repeat: repeat-x;
	width: 250px;
	height: 14px;
	border: 1px solid #e0e0e0;
}
.xfields select {
	color: #757575;		/* ! */
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	background-image: url('../images/dlet_field_a.gif');
	background-repeat: repeat-x;
	border: 1px solid #e0e0e0;
}

P {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	LINE-HEIGHT: 150%;
	font-family: Tahoma;
	font-size: 11px;
}


a, a:visited  {color:#656565;text-decoration: none;}a:hover {color:#ed0d0d;text-decoration: none;}img{border:0px}
f;text-decoration: none; a:hover {color:#cfa600;text-decoration: none;}img{border:0px}
table td{
padding:0px;
font-size: 11px;
font-family: Tahoma;
}

.list {
	font-size: 11px;
}

.clearfix {display: inline-block;}

select {
	font-family: Tahoma;
	background-color: #f7f7f7;
	font-size: 8pt;
	border: 1px solid #bebebe;
	padding: 3px;
	-moz-border-radius: 3px;
	color: #000000;
	background-repeat: repeat-x;
}


select:hover {
	border: 1px solid #33CCFF;

	color: #000000;
	cursor: pointer;
	background-repeat: repeat-x;
}

textarea {
	background-image: url('../images/dlet_field_a.gif');
	font-family: Tahoma;
	font-size: 8pt;
	border: 1px solid #bebebe;
	padding: 3px;
	-moz-border-radius: 3px;
	color: #000000;
	background-repeat: repeat-x;
}

textarea:hover {
	background-image: url('../images/dlet_field_a.gif');
	border: 1px solid #33CCFF;
	color: #000000;
	cursor: pointer;
	background-repeat: repeat-x;
}

input {
	background-position: center center;
	background-color: #f7f7f7;
	font-family: Tahoma;
	font-size: 8pt;
	border: 1px solid #bebebe;
	padding: 3px;
	-moz-border-radius: 3px;
	color: #000000;
	background-image: url('../images/bg_hover.gif');
	background-repeat: repeat-x;
}
input:hover {
	background-position: center center;
	background-color: #F2FBFF;
	border: 1px solid #33CCFF;
	color: #000000;
	cursor: pointer;
	background-image: url('../images/bg.gif');
	background-repeat: repeat-x;
}



.eff {
	
	/* the image size is 126x126, it's adjusted to fit the border as well*/
	width:156px;
	height:136px;

	/* important, allow the children object to move inside its parent obj */
	position:relative;	

	/* important, it hides the moved image */
	overflow:hidden;
	
	/* with the clear class, make it into 3 x 3 layout */
	float:right;
	
	/* IE float bug fix */
	display:inline;
	
	/* styling */
	margin:8px;
	font-size:30px;
}

.eff img {
	display:block;
	width:148px;
	height:126px;
	
	/* styling */
	text-decoration:none;
	border:4px solid #ccc;
	background:#ddd;

	/* important, it allows this obj to move by jquery */
	position:absolute;
	
	/* make sure it appears above the caption */
	z-index:500;
	
	cursor:pointer; cursor:hand;
}


.eff .caption {
	/* should be the same size with the image */
	width:149px;
	height:126px;
	
	/* styling */
	background:#333;
	border:4px solid #ccc;
	color:#eee;
	
	/* set the position to 0, 0 and appear under the image */
	position:absolute;
	top:0; left:0;
	z-index:0;
}


/* extra styling*/

.eff .caption a.header {
	margin:10px 5px 5px 5px;
	display:block;
	font-size:11px;	
	font-weight:700;
	font-family:Tahoma;
	color:#ffc71e;
}

.eff .caption p {
	margin:5px;	
}

.clear {clear:both}
legend {
	text-align: right;
	direction:rtl
}
fieldset {
	text-align: right;
	direction:rtl
}