﻿/**
* vBulletin 3.8.7 CSS
* Style: 'منتدى الأحساء التعليمي //اسلوب ديزاين'; Style ID: 19
*/
body
{
	background: #ffffff;
	color: #235295;
	font: 11px tahoma;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
a:link, body_alink
{
	color: #235295;
}
a:visited, body_avisited
{
	color: #235295;
}
a:hover, a:active, body_ahover
{
	color: #333333;
}
.page
{
	background: #FFFFFF;
	color: #000000;
	font: 11px tahoma;
}
td, th, p, li
{
	font: 11px tahoma;
}
.tborder
{
	background: #3399FF;
	color: #000000;
	border: 0;
}
.tcat
{
	background: #06aac8 url(azrag/1.jpg) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma;
}
.tcat a:link, .tcat_alink
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #CCCCCC;
	text-decoration: underline;
}
.thead
{
	background: #e8e8e8 url(azrag/2.jpg) repeat-x top left;
	color: #333333;
	font: bold 11px tahoma;
}
.thead a:link, .thead_alink
{
	color: #333333;
}
.thead a:visited, .thead_avisited
{
	color: #333333;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #666666;
}
.tfoot
{
	background: #06aac8 url(azrag/1.jpg) repeat-x top left;
	color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
	color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #00CCFF;
}
.alt1, .alt1Active
{
	background: #f9f9f9;
	color: #333333;
	font: bold 16px arial;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #235295;
	text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #235295;
	text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #000000;
	text-decoration: none;
}
.alt2, .alt2Active
{
	background: #efefef;
	color: #000000;
	font: bold 15px tahoma;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #505050;
	text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #000000;
	text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #505050;
	text-decoration: none;
}
.inlinemod
{
	background: #FFFFFF;
	color: #000000;
}
.wysiwyg
{
	background: #F5F5FF;
	color: #000000;
	font: bold 15px tahoma;
	margin: 5px 10px 10px 10px;
	padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
	color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
	color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
	color: #FF4400;
}
textarea, .bginput
{
	font: 11px tahoma;
}
.bginput option, .bginput optgroup
{
	font-size: 11px;
	font-family: tahoma;
}
.button
{
	font: 11px tahoma;
}
select
{
	font: 11px tahoma;
}
option, optgroup
{
	font-size: 11px;
	font-family: tahoma;
}
.smallfont
{
	font: 11px tahoma;
}
.time
{
	color: #FF0000;
}
.navbar
{
	font: 11px tahoma;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #3E5C92;
	color: #E0E0F6;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #000000;
}
.panel
{
	background: #FFFFFF;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #FFFFFF;
	color: #000000;
}
legend
{
	color: #333333;
	font: 11px tahoma;
}
.vbmenu_control
{
	background: #06aac8 url(azrag/1.jpg) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #FFFFFF;
	color: #000000;
	border:0;
}
.vbmenu_option
{
	background: #e8e8e8;
	color: #000000;
	font: 11px tahoma;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #333333;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #333333;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #06aac8 url(azrag/1.jpg) repeat-x top left;
	color: #FFFFFF;
	font: 11px tahoma;
	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: 14pt; }

/* ***** 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: 11px; }
.h1 {
	background-repeat: repeat-x;
	background-image: url('azrag/images/1_1_02.jpg');
	height: 253px;
	width: auto;
}


.h2 {
	height: 253px;
	float: right;
	background-repeat: no-repeat;
	background-image: url('azrag/images/1_1_04.jpg');
	width: 460px;
	position: relative;
}
.h3 {
	height: 253px;
	float: left;
	background-repeat: no-repeat;
	background-image: url('azrag/images/1_1_01.jpg');
	width: 265px;
	position: relative;
}
.h2 a {
	position: absolute;
	height: 25px;
	width: 70px;
	display: block;
	bottom: 40px;
	right: 93px;
}
.h3 a {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	bottom: 40px;
	right: 80px;
}

.hh1 {
	background-repeat: repeat-x;
	background-image: url('azrag/images/1_1_08.jpg');
	height: 63px;
	width: auto;
}
.hh2 {
	height: 63px;
	float: right;
	background-repeat: no-repeat;
	background-image: url('azrag/images/1_1_10.jpg');
	width: 277px;
}
.hh3 {
	height: 63px;
	float: left;
	background-repeat: no-repeat;
	background-image: url('azrag/images/1_1_07.jpg');
	width: 260px;
}
.ff1 {
	background-repeat: repeat-x;
	background-image: url('azrag/images/1_1_19.jpg');
	width: auto;
	height: 40px;
}
.ff2 {
	height: 40px;
	float: left;
	background-repeat: no-repeat;
	background-image: url('azrag/images/1_1_18.jpg');
	width: 209px;
}
.bg1 { background:transparent url('azrag/images/1_1_12.jpg') repeat-y left; padding-left:30px;
}
.bg2 { background:transparent url('azrag/images/1_1_14.jpg') repeat-y right;
padding-right:30px;
}
.ff3 {
	height: 40px;
	float: right;
	background-repeat: no-repeat;
	background-image: url('azrag/images/1_1_21.jpg');
	width: 43px;
}


td {
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;

margin-right:14px;
margin-left:14px;


}
 td:hover {
	background-color: #fff;
}

.f1 {
	background-repeat: repeat-x;
	background-image: url('azrag/images/1_1_25.jpg');
	height: 159px;
	width: auto;
}
.f2 {
	height: 159px;
	float: left;
	background-repeat: no-repeat;
	background-image: url('azrag/images/1_1_23.jpg');
	width: 312px;
}
.f3 {
	height: 159px;
	float: right;
	background-repeat: no-repeat;
	background-image: url('azrag/images/1_1_26.jpg');
	width: 145px;
	position: relative;
}
.f3  a {
	position: absolute;
	height: 25px;
	width: 70px;
	bottom: 18px;
	right: 35px;
}