﻿/**
* vBulletin 3.8.3 CSS
* Style: 'رمضان كريم-إهداء محب ديزاين'; 
*Design by MUHB
*www.muhbdesign.com
*/
body
{
	background: #eff0f2;
	color: #000000;
	font: 10px tahoma, arial, sans-serif;
}
a:link, body_alink
{
	color: #000066;
}
a:visited, body_avisited
{
	color: #000066;
}
a:hover, a:active, body_ahover
{
	color: #666666;
}
.page
{
	background: #eff0f2;
	color: #000000;
}
td, th, p, li
{
	font: 10pt tahoma, arial, sans-serif;
}
.tborder
{
	background: #eaecef;
	color: #000000;
	border: 1px dotted #000000;
}
.tcat
{
	background: #e2eab7 url(Ramadan-muhb/gradients/gradient_tcat_g.gif) repeat-x top left;
	color: #FFFFFF;
	font: 10pt tahoma, arial, sans-serif;
	text-align: center;
}
.tcat a:link, .tcat_alink
{
	color: #FFFFFF;
}
.tcat a:visited, .tcat_avisited
{
	color: #003366;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #003399;
}
.thead
{
	background: #dfdfdd url(Ramadan-muhb/gradients/gradient_thead_g.gif) repeat-x top left;
	color: #000000;
	font: 10px tahoma, arial, sans-serif;
}
.thead a:link, .thead_alink
{
	color: #000000;
}
.thead a:visited, .thead_avisited
{
	color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #0099FF;
}
.tfoot
{
	background: #e2eab7 url(Ramadan-muhb/gradients/gradient_thead_g.gif) repeat-x top left;
	color: #666666;
	font: 6px tahoma, arial, sans-serif;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}
.tfoot a:link, .tfoot_alink
{
	color: #000000;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #666666;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFFFF;
}
.alt1, .alt1Active
{
	background: #FFFFFF  url(Ramadan-muhb/gradients/alt1.gif) repeat;
	color: #000000;
}
.alt2, .alt2Active
{
	background: #fdfdfe;
	color: #000000;
}
.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
.wysiwyg
{
	background: #F5F5FF;
	color: #000000;
	font: 10pt tahoma, arial, sans-serif;
	margin: 5px 10px 10px 10px;
	padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
	color: #000066;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
	color: #000066;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
	color: #FF4400;
}
textarea, .bginput
{
	font: 10pt tahoma, arial, sans-serif;
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: tahoma, arial, sans-serif;
}
.button
{
	font: 10px tahoma, arial, sans-serif;
}
select
{
	font: 10px tahoma, arial, sans-serif;
}
option, optgroup
{
	font-size: 10px;
	font-family: tahoma, arial, sans-serif;
}
.smallfont
{
	font: 10px tahoma, arial, sans-serif;
}
.time
{
	color: #666686;
	font-family: tahoma, arial, sans-serif;
}
.navbar
{
	font: 10px tahoma, arial, sans-serif;
}
.highlight
{
	color: #FF0000;
}
.fjsel
{
	background: #FFFFFF;
	color: #000000;
}
.fjdpth0
{
	background: #FFFFFF;
	color: #000000;
}
.panel
{
	background: #F5F5FF;
	color: #000000;
	padding: 10px;
	border: 1px dotted #000000;
}
.panelsurround
{
	background: #A2D849;
	color: #000000;
}
legend
{
	color: #000066;
	font: 10px tahoma, arial, sans-serif;
}
.vbmenu_control
{
	background: #dfdfdd url(Ramadan-muhb/gradients/gradient_thead_g.gif) repeat-x top left;
	color: #003366;
	font: 10px tahoma, arial, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
	border-bottom: 1px dotted #000000;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #000033;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #000033;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #eef0f1;
	color: #000000;
	font: 10px tahoma, arial, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #000033;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #000033;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #8A949E;
	color: #FFFFFF;
	font: 10px tahoma, arial, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 12pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 10px; }
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}  


#header
{
background: url(Ramadan-muhb/head-g.jpg) no-repeat top center;
height:200px;
margin:0 auto;
}
body
{
background-color: #eff0f2;
color: #00386c;
font: 10px tahoma;
margin: 0px 0px 0px 0px;  
padding: 0px;  
background-image: url(Ramadan-muhb/bg-g.jpg);  
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center top;
}
#footer
{
background: url(Ramadan-muhb/footer-g.jpg) no-repeat center;
width:777px;
height:100px;
margin:0 auto;
}

<!--
@import url("clientscript/vbulletin_editor.css?v=383");

.vBulletin_editor {
	background: #E1E1E2;
	padding: 6px;
}
.imagebutton {
	background: #E1E1E2;
	color: #000000;
	padding: 1px;
	border: none;
}
.ocolor, .ofont, .osize, .osmilie, .osyscoloar, .smilietitle {
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #FFFFFF;
}
.popup_pickbutton {
	border: 1px solid #FFFFFF;
}
.popup_feedback {
	background: #FFFFFF;
	color: #000000;
	border-left: 1px solid #FFFFFF;
}
.popupwindow {
	background: #FFFFFF;
}
#fontOut, #sizeOut, .popup_feedback div {
	background: #FFFFFF;
	color: #000000;
}
.alt_pickbutton {
	border-right: 1px solid #E1E1E2;
}
.popup_feedback input, .popup_feedback div
{
	border: 0px solid;
	padding: 0px 2px 0px 2px;
	cursor: default;
	font: 10px tahoma;
	overflow: hidden;
}
-->

<!--
	
	#tag_edit_list { list-style:none; margin:0px; padding:0px; }
	#tag_edit_list li { float:right; display:block; width:200px; }
	#tag_edit_list li.mine { font-weight:bold; }
	
	#links div { white-space: nowrap; }
	#links img { vertical-align: middle; }
	-->


/* Definitions we expect */

form {

	margin: 0px;

}



label {

	cursor: default;

}



.normal {

	font-weight: normal;

}



.inlineimg {

	vertical-align: middle;

}



.underline {

	text-decoration: underline;

}



.vbmenu_hilite * {

	cursor: pointer;

}



/* Auto-clearing of floats */

.floatcontainer:after, .block_row:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.floatcontainer, .block_row {

	display: inline-block;

}

/* IE-Mac hide \*/

* html .floatcontainer, * html .block_row {

	height: 1%;

}

.floatcontainer, .block_row {

	display: block;

}

/* End IE-Mac hide */


/* the container for the editor */
.vBulletin_editor
{
	border: 2px groove;
}

/* the container for all the edit controls */
#controlbar, .controlbar
{
	padding: 2px;
}

/* an individual button */
.imagebutton
{
	left: 0px;
	top: 0px;
}

/* an individual WYSIWYG color element in the color popup */
.ocolor
{
	padding: 2px;
	font-size: 1px;
}

/* WYSIWYG the part of the color element that gets colored */
.ocolor div
{
	width: 10px;
	height: 10px;
	border: 1px solid #ACA899;
}

/* WYSIWYG font, size and smilie elements within popups */
.ofont, .osize, .osmilie, .otextlink
{
	font: 10px tahoma;
	cursor: default;
}

/* style for WYSIWYG font option elements */
.ofont
{
	padding: 0px 4px 0px 10px;
	font-size: 14px;
	height: 20px;
}

/* style for WYSIWYG size option elements */
.osize
{
	padding: 0px 4px 0px 4px;
	width: 30px;
}

/* the smilie image within a WYSIWYG smilie popup */
.osmilie img
{
	vertical-align: middle;
	margin: 4px;
}

/* text buttons within popup menus */
.otextlink
{
	text-align: center;
	margin-top: 4px;
	height: 20px;
}

/* the left cell of a WYSIWYG popup menu control */
.popup_feedback
{
	font: 10px tahoma;
	height: 18px;
	padding: 0px 3px 0px 3px;
	white-space: nowrap;
	overflow: hidden;
}

/* the container window for a WYSIWYG popup menu */
.popupwindow
{
	border: 1px solid APPWORKSPACE;
	padding: 3px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
}

/* the WYSIWYG color popup */
#popup_forecolor
{
	padding: 3px;
}

/* the WYSIWYG font popup */
#popup_fontname
{
	padding: 1px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* the WYSIWYG size popup */
#popup_fontsize
{
	padding: 1px;
}

/* the WYSIWYG smilie popup */
#popup_smilie
{
	padding: 1px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* the WYSIWYG attach popup */
#popup_attach
{
	padding: 1px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* the context-notification area for WYSIWYG font and size feedback */
#fontOut, #sizeOut, .popup_feedback div
{
	height: 16px;
	border: 0px solid;
	padding: 0px 2px 0px 2px;
	cursor: default;
	font: 10px tahoma;
	overflow: hidden;
}



.wysiwyg { margin: 5px 10px 10px !important; padding: 0px !important; background: rgb(245, 245, 255) none repeat scroll 0% 0% !important; -moz-background-clip: border !important; -moz-background-origin: padding !important; -moz-background-inline-policy: continuous !important; color: rgb(0, 0, 0) !important; font-family: tahoma,arial,sans-serif !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; font-size: 10pt !important; line-height: normal !important; font-size-adjust: none !important; font-stretch: normal !important; -x-system-font: none !important; }
.wysiwyg a:link,  .wysiwyg_alink { color: rgb(0, 0, 102) !important; }
.wysiwyg a:visited,  .wysiwyg_avisited { color: rgb(0, 0, 102) !important; }
.wysiwyg a:hover,  .wysiwyg a:active,  .wysiwyg_ahover { color: rgb(255, 68, 0) !important; }
 p { margin: 0px; } .inlineimg { vertical-align: middle; }

