body
{
	margin-top: 0;
	background-color: #f2f2f2;
}

.modalBackground {
	background-color:Black;
	filter:alpha(opacity=90);
	opacity:0.8;
}
.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:black;
	padding-top:10px;
	padding-left:10px;
	width:300px;
	height:140px;
}

.HeaderDiv
{
	background-color: White;
	border: 1px solid #c4c4c4;
	border-radius: 10px;
	text-align: center;
	width: 99%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.UserDescDiv
{
	background-color: gray;
	color: White;
	font-family: Verdana,Calibri,MS Sans Serif,Arial,Times New Roman;
	text-align: center;
	width: 10%;
	float: left; /*margin-left: auto; 	margin-right: auto;*/
}

.DivHead
{
	width: 35%;
	height: 80px;
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: rtl;
	border-radius: 10px;
	text-align: center;
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px;
	background-position: center;
	background-image: url('../Images/AlfarabiLogo.png');
	background-repeat: no-repeat;


}

.loginDiv
{
	width: 35%;
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: ltr;
	border-radius: 10px;
	text-align: center;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px;
}

.ContentDiv1
{
	width: 35%;
	background-color: #D7D7D6;
	border: 1px solid #c4c4c4;
	direction: rtl;
	border-radius: 10px;
	text-align: center;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 18px;
}

.ContentDiv2
{
	width: 88%;
	/*height:250px;
	background-color: #D7D7D6;*/
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: rtl;
	border-radius: 10px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

.Table2
{
	border: 1px solid #000000;
	margin-bottom: 2px;
	margin-top: 2px;
	border-radius: 10px;
	padding: 2px;
	border-collapse: collapse;
}

.Table1
{
	border: 1px solid #c4c4c4;
	margin-bottom: 2px;
	margin-top: 2px; 
	border-radius: 10px;
	padding: 2px;
}

.TableSub
{
	margin-bottom: 2px;
	margin-top: 2px; 
	padding: 2px;
}

.FormsDiv
{
	width: 100%;
	height: 98%;
		/*height: 380px;*/
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: rtl;
	border-radius: 5px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.FormsDivMain
{
	width: 100%;
	height: 350px;
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: ltr;
	border-radius: 5px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.FormsDivMain2
{
	width: 100%;
	height: 1100px;
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: ltr;
	border-radius: 5px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.FormsDivMain3
{
	width: 100%;
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: ltr;
	border-radius: 5px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
.MainPanel
{
	width: 100%;
	height: 410px;
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: rtl;
	border-radius: 5px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.ButtonsSection
{
	width: 100%;
	height: 70px;
	background-color: White;
	border: 1px solid #c4c4c4;
	direction: rtl;
	border-radius: 5px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}


.mainloginDiv
{
	width: 97%;
	direction: rtl;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	font-family: Arabic Transparent, Verdana,Calibri,MS Sans Serif,Arial,Times New Roman;
	font-weight: bold;
}


.Menu
{
	text-align: center;
	font-family: Verdana,Calibri,MS Sans Serif,Arial,Times New Roman;
	background-color: #ccffcc;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
}
.Footer
{
	background-color: gray;
	color: White;
	font-family: Verdana,Calibri,MS Sans Serif,Arial,Times New Roman;
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
}
.Pagesbody
{
	font-family: Verdana,Calibri,MS Sans Serif,Arial,Times New Roman;
	text-align: center;
	direction: rtl;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}

.MainPanelStyle
{
	border-color: #999999;
	border: 1px solid #c4c4c4; /*border-style:solid; border-Width:3;*/
	direction: rtl;
	width: 100%;
	height: 98%;
	text-align: center;
}

input.twitterStyleTextbox
{
	border: 1px solid #c4c4c4;
	font-size: 16px;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
	font-family: tahoma, arial, sans-serif;
}

input.twitterStyleTextbox:focus
{
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.ddl
{
	/*background-image: url(../images/form_bg.jpg);*/
	background-repeat: repeat-x;
	border: 1px solid #c4c4c4;
	font-size: 16px;
	color: #333333;
	padding: 4px 4px 4px 4px;
	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	font-family: tahoma, arial, sans-serif;
	border-radius: 4px;
}

select.ddl:focus
{
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}


input.loginTextbox
{
	border: 1px solid #c4c4c4;
	width: 280px;
	height: 30px;
	font-size: 16px;
	font-family: Arabic Transparent,Arial;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

input.loginTextbox:focus
{
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.tb5
{
	border: 2px solid #456879;
	border-radius: 10px;
	height: 22px;
	width: 230px;
}

.tb10
{
	background-image: url(../images/form_bg.jpg);
	background-repeat: repeat-x;
	border: 1px solid #d1c7ac;
	width: 230px;
	color: #333333;
	padding: 3px;
	margin-right: 4px;
	margin-bottom: 8px;
	font-family: tahoma, arial, sans-serif;
	border-radius: 5px;
}
.tb10:focus
{
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}
.tb11
{
	background: #FFFFFF url(../images/search.png) no-repeat 4px 4px;
	padding: 4px 4px 4px 22px;
	border: 1px solid #CCCCCC;
	width: 230px;
	height: 18px;
	font-family: tahoma, arial, sans-serif;
}


/* .ddl2
        {
        	#7d6754  #7bc1f7
            border:2px solid;
            border-radius:5px;
            padding:3px;
            -webkit-appearance: none; 
            background-image:url(../Images/Nggfj.png);
            background-position:88px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox
            text-overflow: '';/*In Firefox
        }*/


/*الأزرار*/
.dc_g_button.large
{
	font-size: 16px;
}
.dc_g_button
{
	background: #ccc;
	border-color: #666;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #333 !important;
	display: inline-block;
	font-size: 12px;
	outline: none;
	padding: 7px 12px;
	text-decoration: none;
	margin: 3px;
}

.dc_g_button.blue
{
	background: #4b8df9;
	border-color: #3079ed;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #fff !important;
	font-family: Arabic Transparent,PT Bold Heading,Times New Roman;
	font-size: medium;
	font-weight: bold;
}
.dc_g_button.blue:hover
{
	background: #3F83F1;
	background: -moz-linear-gradient(top,#4D90FE,#357AE8);
	background: -ms-linear-gradient(top,#4D90FE,#357AE8);
	background: -o-linear-gradient(top,#4D90FE,#357AE8);
	background: -webkit-linear-gradient(top,#4D90FE,#357AE8);
	border: 1px solid #2F5BB7 !important;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.15);
	color: #fff !important;
}

.dc_g_button.red
{
	background: #D64937;
	border-color: #bf3928;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #fff !important;
}
.dc_g_button.red:hover
{
	background: #D14130;
	background: -moz-linear-gradient(top,#DC4A38,#C53727);
	background: -ms-linear-gradient(top,#DC4A38,#C53727);
	background: -o-linear-gradient(top,#DC4A38,#C53727);
	background: -webkit-linear-gradient(top,#DC4A38,#C53727);
	border: 1px solid #B0281A !important;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.15);
	color: #fff !important;
}

.dc_g_button.green
{
	background: #3A8E00;
	border-color: #337e00;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #fff !important;
}
.dc_g_button.green:hover
{
	background: #368200;
	background: -moz-linear-gradient(top,#3C9300,#368200);
	background: -ms-linear-gradient(top,#3C9300,#368200);
	background: -o-linear-gradient(top,#3C9300,#368200);
	background: -webkit-linear-gradient(top,#3C9300,#368200);
	border: 1px solid #2D6200 !important;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.15);
	color: #fff !important;
}

.dc_g_button.gray
{
	background: #999;
	border-color: #8c8c8c;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #fff !important;
	display: inline-block;
	outline: none;
	text-decoration: none;
	font-family: Arabic Transparent,Times New Roman,PT Bold Heading;
	font-size: medium;
	font-weight: bold;
}
.dc_g_button.gray:hover
{
	background: #919191;
	background: -moz-linear-gradient(top,#999,#7f7f7f);
	background: -ms-linear-gradient(top,#999,#7f7f7f);
	background: -o-linear-gradient(top,#999,#7f7f7f);
	background: -webkit-linear-gradient(top,#999,#7f7f7f);
	border: 1px solid #646464 !important;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.15);
	color: #fff !important;
}

.dc_g_button.black
{
	background: #424242;
	border-color: #000;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #fff !important;
}
.dc_g_button.black:hover
{
	background: #333;
	background: -moz-linear-gradient(top,#424242,#333);
	background: -ms-linear-gradient(top,#424242,#333);
	background: -o-linear-gradient(top,#424242,#333);
	background: -webkit-linear-gradient(top,#424242,#333);
	border: 1px solid #000 !important;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.15);
	color: #fff !important;
}

.dc_g_button.white
{
	background: #fff;
	border-color: #ccc;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #666 !important;
}
.dc_g_button.white:hover
{
	background: #fafafa;
	background: -moz-linear-gradient(top,#fff,#f2f2f2);
	background: -ms-linear-gradient(top,#fff,#f2f2f2);
	background: -o-linear-gradient(top,#fff,#f2f2f2);
	background: -webkit-linear-gradient(top,#fff,#f2f2f2);
	border: 1px solid #ccc !important;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.05);
	color: #666 !important;
}

.dc_g_button.silver
{
	background: #f2f2f2;
	border-color: #ccc;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #666 !important;
}
.dc_g_button.silver:hover
{
	background: #e8e8e8;
	background: -moz-linear-gradient(top,#f2f2f2,#dfdfdf);
	background: -ms-linear-gradient(top,#f2f2f2,#dfdfdf);
	background: -o-linear-gradient(top,#f2f2f2,#dfdfdf);
	background: -webkit-linear-gradient(top,#f2f2f2,#dfdfdf);
	border: 1px solid #ccc !important;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.05);
	color: #666 !important;
}

/*نهاية الأزرار*/

dCodes Framework:(c) TemplateAccess .dc_highlight
{
	background: #111;
	color: #fff !important;
	width: 90%;
	margin-left: 4px;
	margin-right: 4px;
	border-radius: 10px;
	font-family: Arabic Transparent;
	font-weight: bold;
}

.dc_highlight2
{
	border-bottom: 1px dotted;
	font-style: italic;
	line-height: 200%;
	padding: 3px;
	margin-left: 1px;
	margin-right: 1px;
}
.red
{
	background-color: #e90000 !important;
	border-color: #700 !important;
}
.orange
{
	background-color: #e98813 !important;
	border-color: #c27110 !important;
}
.yellow
{
	background-color: #efbb05 !important;
	border-color: #f7c808 !important;
}
.green
{
	background-color: #74941f !important;
	border-color: #74941f !important;
}
.olive
{
	background-color: #3a491a !important;
	border-color: #3a491a !important;
}
.teal
{
	background-color: #089 !important;
	border-color: #089 !important;
}
.blue
{
	background-color: #00437f !important;
	border-color: #00437f !important;
}
.deepblue
{
	background-color: #092334 !important;
	border-color: #092334 !important;
}
.purple
{
	background-color: #4b2c5a !important;
	border-color: #4b2c5a !important;
}
.hotpink
{
	background-color: #bc006e !important;
	border-color: #bc006e !important;
}
.slategrey
{
	background-color: #3b424a !important;
	border-color: #3b424a !important;
}
.mauve
{
	background-color: #625b56 !important;
	border-color: #625b56 !important;
}
.pearl
{
	background-color: #ab998f !important;
	border-color: #ab998f !important;
}
.steelblue
{
	background-color: #788794 !important;
	border-color: #63707c !important;
}
.mossgreen
{
	background-color: #717a75 !important;
	border-color: #717a75 !important;
}
.wheat
{
	background-color: #79745d !important;
	border-color: #79745d !important;
}
.coffee
{
	background-color: #372e25 !important;
	border-color: #372e25 !important;
}
.copper
{
	background-color: #6b3c02 !important;
	border-color: #6b3c02 !important;
}
.silver
{
	background-color: #eee !important;
	border-bottom: 1px dotted #b6b6b6;
	color: #444 !important;
}
.black
{
	background-color: #111 !important;
	border-color: #3d3d3d !important;
}
.white
{
	background-color: #fff !important;
	border-color: #eee !important;
	color: #aaa !important;
}
.red_text, .red_sprite a
{
	color: #700 !important;
}
.orange_text, .orange_sprite a
{
	color: #e98813 !important;
}
.yellow_text, .yellow_sprite a
{
	color: #efbb05 !important;
}
.green_text, .green_sprite a
{
	color: #74941f !important;
}
.olive_text, .olive_sprite a
{
	color: #3a491a !important;
}
.teal_text, .teal_sprite a
{
	color: #089 !important;
}
.blue_text, .blue_sprite a
{
	color: #00437f !important;
}
.deepblue_text, .deepblue_sprite a
{
	color: #092334 !important;
}
.purple_text, .purple_sprite a
{
	color: #4b2c5a !important;
}
.hotpink_text, .hotpink_sprite a
{
	color: #bc006e !important;
}
.slategrey_text, .slategrey_sprite a
{
	color: #3b424a !important;
}
.mauve_text, .mauve_sprite a
{
	color: #625b56 !important;
}
.pearl_text, .pearl_sprite a
{
	color: #ab998f !important;
}
.steelblue_text, .steelblue_sprite a
{
	color: #788794 !important;
}
.mossgreen_text, .mossgreen_sprite a
{
	color: #717a75 !important;
}
.wheat_text, .wheat_sprite a
{
	color: #79745d !important;
}
.coffee_text, .coffee_sprite a
{
	color: #372e25 !important;
}
.copper_text, .copper_sprite a
{
	color: #6b3c02 !important;
}
.silver_text, .silver_sprite a
{
	color: #999 !important;
}
.black_text, .black_sprite a
{
	color: #111 !important;
}