/* CSS dimofinf.net 2010 for Dimofinf v3.0.0 */

body {

	margin:0px;

	padding:0px;

	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;

	font-size:9pt;

}

/*-------- Header [BEGIN] --------*/

#page {

	margin:auto;

	margin-top:10px;

}

.page-wrapper {

	margin:auto;

	padding:0px;

	margin-bottom:10px;

}

.header {

	-webkit-border-radius:4px;

	-moz-border-radius:4px;	

	background:url('../logobg.png') repeat-x 0 0;

}

.container {

	margin:auto;

	padding:0 4px 0 4px;

}



/*-------- Header [END] --------*/

a {

	text-decoration:none;

	outline:none;

}

a:hover {

	text-decoration:underline;

	outline: none;

}

/* XSmall Font */

.xsmallfont {

	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;

	font-size:9px;

	font-weight: normal;

}

/* Small Font */

.smallfont {

	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;

	font-size:11px;

	font-weight:normal;

}

/* Larg Font */

.largfont {

	font:  15px 'Times New Roman', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;

}



#newstitle1,#newstitle2,#newstitle3,#newstitle4,#newstitle5,#newstitle6,#newstitle7,#newstitle8,#newstitle9,#newstitle10,#newstitle11,#newstitle12,#newstitle13,#newstitle14,#newstitle15,#newstitle16,#newstitle17,#newstitle18,#newstitle19,#newstitle20{

	font-family:"Times new roman"; font-weight:bold; font-size:14px; margin:2px; color:#fff;white-space:nowrap;

}

/*-------- Global [BEGIN] --------*/

/* Display <q>tags as elements */

Q {

	font:7pt Tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;

	display: block;

}

/* ***** basic styles for multi-page nav elements */

div.pageslist {

	margin:8px;

	font-size:9px;

}

span.pageslist a {

	font-weight:bold;

	padding:2px 4px !important;

	margin-right:3px;

	overflow:hidden;

}

div.pageslist a,div.pageslist span {

	display:block;

	font-weight:bold;

	margin-left:3px;

	padding:2px 6px !important;

	text-decoration:none;

}

div.pageslist .selected {

	padding: 2px 6px !important;

}

/*-------- Global [END] --------*/

.time {

	font-size:11px;

	font-weight:normal;

}

img {

	border:none;

}

.hr{

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

border:0 none;

height:2px;

margin:2px  0 4px;

}



table {

	border:none;

	border-collapse:collapse;

	border-spacing:5px 0px;

}

td,div,a,ul,li,span,h2,.img,input {

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

		outline:none;

}

.noradius td{

	-webkit-border-radius:0px;

	-moz-border-radius:0px;	

}

.tborder {

	border-spacing:2px;

	border-collapse:separate;

}

#blocktable {

	border:1px solid;

	padding:1px;

}

.lighttitle {

	padding:3px;

}

.darktitle {

	padding:3px;

}

.lightcontent,.whitecontent {

	padding:2px;

}

.darkcontent {

	padding:2px;

}

.lightrow {

	margin-bottom:5px;

	display:table;

	border-color:#ff0000;

}

.poll {

	width:100%;

	padding:0px;

	margin-bottom:5px;

}

.commentitle {

	border-collapse:collapse;

	padding:4px;

}

.commenrepltitle {

	border-collapse:collapse;

	padding:4px;

}

.repliestitle {

	border-collapse:collapse;

	padding: 4px;

}

/*-------- Calendar [BEGIN] --------*/

.arrowbutton {

	padding:0px 2px 1px 2px;

	text-decoration:none;

	font-weight: bold;

	font-size: 11px;

}

/*-------- Calendar [END] --------*/

.choice{

	padding:1px;

	margin-bottom:4px;

}

/*-------- Nav Menu [BEGIN] --------*/

#navunder {

	width:100%;

	padding-bottom:2px;

	-webkit-border-top-right-radius:0px;

	-webkit-border-top-left-radius:0px;

	-moz-border-radius-topleft:0px;

	-moz-border-radius-topright:0px;

}

#navmenu {

	width:100%;

	border-bottom:solid 2px;

	margin:0px;

	-webkit-border-radius:0px;

	-moz-border-radius:0px;

}

#navmenu ul {

	margin:0;

	padding:0px 0px;

	list-style-type:none;

}

#navmenu li {

	display:inline;

	margin:0;

	padding:0;

}

#navmenu a {

	margin:0;

	padding:0 0 0 4px;

	text-decoration:none;

	-webkit-border-radius:0px;

	-moz-border-radius:0px;

}

#navmenu a span {

	display:block;

	padding:5px 10px 4px 6px;

	-webkit-border-radius:0px;

	-moz-border-radius: 0px;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navmenu a span {

	float: none;

}

/* End IE5-Mac hack */

#navmenu a:hover {

	background-position:0% -42px;

}

#navmenu a:hover span {

	background-position:100% -42px;

}

#navmenu #current a {

	background-position:0% -42px;

}

#navmenu #current a span {

	background-position: 100% -42px;

}

/*-------- Nav Menu [END] --------*/

/*-------- menu [BEGIN] --------*/

/* MENU PANEL ELEMENTS */

#menu ul {

	margin:0px;

	padding:0px;

	list-style:none;

	width:100%;

}

#menu ul li {

	position:relative;

}

#menu li:hover ul {

	display:block;

}

#menu li:hover>ul {

	visibility:visible;

}

#menu ul ul {

	visibility:hidden;

}

#menu ul,li {

	margin: 0px;

}

/* Styles for Menu Items */

#menu ul a {

	display:block;

	text-decoration:none;

	padding:5px;

	border-bottom:0;

	border-left:0;

	border-right: 0;

}

/* Sub Menu Styles */

#menu li ul a {

	text-decoration:none;

	padding:5px;

	border-bottom:0;

}

#menu li ul {

	position:absolute;

	top:0px;

	display:block;

	z-index: 10000;

}

/*-------- menu [END] --------*/

/*-------- Content [BEGIN] --------*/

.content {

	width: 100%;

}

/*-------- Content [END] --------*/

/*-------- Various [BEGIN] --------*/

div.box {

	margin:10px 0 15px;

	padding:2px;

}

div.box.code {

	background:url('../../../../images/code_lines.png') repeat-y 0 -3px;

	margin:3px; padding-left:20px; padding-right:2px; padding-top:0; padding-bottom:0

}

.pics {

	padding:0;

	overflow:hidden;

}

.pics img {

	padding: 10px;

}

div.pan{

	background:url('../h1200.png') repeat-x;

}

/* tab pane styling */

div.panes div.pan {

	display:none;

	padding:5px;

	border-top:0;

	-webkit-border-top-right-radius:0px;

	-webkit-border-top-left-radius:0px;

	-moz-border-radius-topleft:0px;

	-moz-border-radius-topright:0px;

}

#stickednews{

	height:295px;	

	margin:0px;

}

.stickednews li {

	list-style-image:none;

	width:98% !important; /* stupid iexplorer*/

	list-style-type:none;

	margin:0 !important;

	height:270px;	

}

#importantnews {

	height:295px;

	margin:0px;

}

.importantnews li {

	list-style-image:none;

	width:98% !important; /* stupid iexplorer*/

	list-style-type:none;

	padding:1px;

	margin:0 !important;

	height:88px;	

}

.clear {

	clear:both;

}

.ticker {

	margin:0px;

	padding:1px;

	overflow:hidden;

	position:relative;

	height:15px;

}

.ticker li {

	list-style-type:none;

	display:none;

	top: 0px;

}

/* root element for tabs */

ul.tabs {

	list-style-type:none;

	margin:0 !important;

	padding:0;

	height: 30px;

}

/* single tab */

ul.tabs li {

	text-indent:0;

	padding:0;

	margin:0 !important;

	list-style-image: none !important;

}

/* link inside the tab. uses a background image */

ul.tabs a {

	font-size:11px;

	display:block;

	height:30px;

	line-height:30px;

	width:134px;

	text-align:center;

	text-decoration:none;

	padding:0px;

	margin:0px;

	position:relative;

	top:1px;

}

ul.tabs a:active {

	outline: none;

}

/* when mouse enters the tab move the background image */

ul.tabs a:hover {

	background-position: -420px -31px;

}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

ul.tabs a.current,ul.tabs a.current:hover,ul.tabs li.current a {

	background-position:-420px -62px;

	cursor:default !important;

	-webkit-border-bottom-right-radius:0px;

	-webkit-border-bottom-left-radius:0px;

	-moz-border-radius-bottomleft:0px;

	-moz-border-radius-bottomright: 0px;

}

/* Different widths for tabs

/* width 1 */

ul.tabs a.s {

	background-position:-553px 0;

	width:81px;

}

ul.tabs a.s:hover {

	background-position:-553px -31px;

}

ul.tabs a.s.current {

	background-position: -553px -62px;

}

/* width 2 */

ul.tabs a.l {

	background-position:-248px -0px;

	width:174px;

}

ul.tabs a.l:hover {

	background-position:-248px -31px;

}

ul.tabs a.l.current {

	background-position: -248px -62px;

}

/* width 3 */

ul.tabs a.xl {

	background-position:0 -0px;

	width:248px;

}

ul.tabs a.xl:hover {

	background-position:0 -31px;

}

ul.tabs a.xl.current {

	background-position: 0 -62px;

}

/* initially all panes are hidden */

div.pane {

	display:none;

}

#accordion {

	width: 100%;

}

/* currently active header */

#accordion h2.current {

	cursor: default;

} 

/* accordion pane */

#accordion div.pane {

	display:none;

}

.contents {

	border-style:solid;

	border-width:1px;

}

#contents {

	border-style:solid;

	border-width:0 1px 1px 1px;

	margin:0px;

	overflow:hidden;

	padding: 5px;

}

.module-title,#accordion h2 {

	display:block;

	font-size:12px;

	font-weight:bold;

	line-height:1em;

	margin:0px;

	padding:7px 5px;

	text-transform:capitalize;

}

#accordion #contents {

	margin-bottom:2px;

}

input[type="text"],input[type="password"],select,textarea {

	padding:2px;

}

.postbar {

	background:url('../topnav.jpg') repeat-x center top;

	font-size:11px;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin:5px;

	padding-left:0; padding-right:0; padding-top:7px; padding-bottom:3px

}

.clearfix {

	display:inline-block;

}

.bockmark-hovers {

	filter:alpha(opacity=40);

	opacity:0.4;

}

.bockmark-hovers:hover {

	filter:alpha(opacity=100);

	opacity: 1;

}

/* toolbar buttons */

.editor div.bbcodButton {

	border:1px solid transparent;

}

.editor table {

	border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:0px solid #CCCCCC; background:#808080 url('../topnav.jpg') repeat-x center top; color:#333333;

	display:block;

	margin:0px;

	padding: 2px

}

#command { 

	position:relative;

	height:10px;

	display:block;

	margin: auto;

}

.lightSwitcher {

	position:absolute;

	z-index:13301;

	outline:none;

	text-decoration:none;

}

.lightSwitcher:hover {

	text-decoration:underline;

}

#shadow {

	background-image:url('../shade1x1.png');

	position:absolute;

	left:0;

	top:0;

	width:100%;

	z-index:13300

}

.turnedOff {

	color:#ffff00;

	background-image:url('../light_bulb.png');

}

/*-------- Various [END] --------*/

/*-------- Rating [BEGIN] --------*/

.ratingblock{display:block}.unit-rating{margin:0px;padding:0px;height:15px;position:relative;background:url('../../../../images/starrating.gif') repeat-x top left; ; list-style-type:none}.unit-rating li{text-indent:-9000px;padding:0px;margin:0px;float:left}.unit-rating li a{outline:none;display:block;width:15px;height:15px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0px}.unit-rating li a:hover{background:url('../../../../images/starrating.gif') left center;z-index:2;left:0px}.unit-rating a.r1-unit{left:0px}.unit-rating a.r1-unit:hover{width:15px}.unit-rating a.r2-unit{left:15px}.unit-rating a.r2-unit:hover{width:30px}.unit-rating a.r3-unit{left:30px}.unit-rating a.r3-unit:hover{width:45px}.unit-rating a.r4-unit{left:45px}.unit-rating a.r4-unit:hover{width:60px}.unit-rating a.r5-unit{left:60px}.unit-rating a.r5-unit:hover{width:75px}.unit-rating a.r6-unit{left:75px}.unit-rating a.r6-unit:hover{width:90px}.unit-rating a.r7-unit{left:90px}.unit-rating a.r7-unit:hover{width:105px}.unit-rating a.r8-unit{left:105px}.unit-rating a.r8-unit:hover{width:120px}.unit-rating a.r9-unit{left:120px}.unit-rating a.r9-unit:hover{width:135px}.unit-rating a.r10-unit{left:135px}.unit-rating a.r10-unit:hover{width:150px}.unit-rating li.current-rating{background:url('../../../../images/starrating.gif') left bottom;position:absolute;height:15px;display:block;text-indent:-9000px;z-index:1}

/*-------- Rating [END] --------*/

/*-------- Footer [BEGIN] --------*/

.footer {

	text-align:center;

	padding:5px 0 30px 0;

	margin-top:5px;

	-webkit-border-top-right-radius:0px;

	-webkit-border-top-left-radius:0px;

	-moz-border-radius-topleft:0px;

	-moz-border-radius-topright:0px;

}

.copyright {

	text-align: center;

}

/*-------- Footer [END] --------*/


#nav-h {
	background: #669999;
	list-style: none;
	height:26px;
	padding: 0;
	margin: 0;
}
#nav-h ul {
	position: absolute;
	list-style: none;
	z-index: 1000;
	display: none;
	width: 190px; /* عرض القائمة الفرعية */
	padding: 0;
	margin: 0;
	top: 100%;
	right: 0;
}
#nav-h ul ul, #nav-h ul ul ul {
	right: 100%;
	top: 0;
}
#nav-h li {
	position: relative;
	display: inline;
	float: right;
}
#nav-h li.iehover { 
	z-index: 1000;
} 
#nav-h ul li {
	display: block;
	width: 100%;
}


/* ---- ROOT > -------------------------- */
#nav-h a {
	font: bold 15px Arial, Helvetica, sans-serif;
	border-left: 1px solid #CAE6E3;
	padding: 4px 10px;
	text-decoration: none;
	background: #669999;
	outline-style:none;
	display: block;
	float: left;
	color: #FFF;
	height: auto !important;
	height: 1%;
}
/* ---- ROOT:Hover > -------------------- */
#nav-h a:hover, #nav-h li:hover a, #nav-h li.iehover a {
	background-color: #30685E;
	color: #FFF;
}
/* ---- ROOT.ArrowDown > ---------------- */
#nav-h a.popup_down {
	
	background-position: 5px 9px;
	background-repeat: no-repeat;
	padding-left: 18px
}


/* ---- ROOT > LEVEL_01 ----------------- */
#nav-h li:hover li a, #nav-h li.iehover li a {
	border-bottom: 1px solid #CAE6E3;
	background-color: #30685E;
	padding: 3px 10px;
	border-left: none;
	color: #FFF;
	float: none;
}
/* ---- ROOT > LEVEL_01:Hover ----------- */
#nav-h li:hover li a:hover, #nav-h li:hover li:hover a, #nav-h li.iehover li.iehover, #nav-h li.iehover li.iehover a {
	background-color: #50A1A1;
	color: #FFF;
}
/* ---- ROOT > LEVEL_01.ArrowLeft ------- */
#nav-h li:hover li a.popup, #nav-h li.iehover li a.popup {
	background-position: 10px 8px;
	background-repeat: no-repeat
}


/* ---- ROOT >> LEVEL_02 ---------------- */
#nav-h li:hover li:hover li a, #nav-h li.iehover li.iehover li a {
	border-bottom: 1px solid #CAE6E3;
	background-color: #30685E;
	color: #FFF;
}
/* ---- ROOT >> LEVEL_02:Hover ---------- */
#nav-h li:hover li:hover li a:hover, #nav-h li:hover li:hover li:hover a, #nav-h li.iehover li.iehover li a:hover, #nav-h li.iehover li.iehover li.iehover a {
	background-color: #50A1A1;
	color: #FFF;
}


/* ---- ROOT >>> LEVEL_03 --------------- */
#nav-h li:hover li:hover li:hover li a, #nav-h li.iehover li.iehover li.iehover li a {
	border-bottom: 1px solid #CAE6E3;
	background-color: #30685E;
	color: #FFF;
}
/* ---- ROOT >>> LEVEL_03:Hover --------- */
#nav-h li:hover li:hover li:hover li a:hover, #nav-h li.iehover li.iehover li.iehover li a:hover {
	background-color: #50A1A1;
	color: #FFF;
}


#nav-h li:hover ul ul, #nav-h li:hover ul ul ul, #nav-h li.iehover ul ul, #nav-h li.iehover ul ul ul {
	display: none;
}
#nav-h li:hover ul, #nav-h ul li:hover ul, #nav-h ul ul li:hover ul, #nav-h li.iehover ul, #nav-h ul li.iehover ul, #nav-h ul ul li.iehover ul {
	display: block;
}