@charset "utf-8";
/* CSS Document */
/* هنا البيدنق اللي شال المسافات في اعلى التصميم */
* { margin:0; padding:0; outline:0; }
/* هنا منطقة جسم الصفحه  */
body{
	color:#CCCCCC;
	font-family:Tahoma, Arial;
	font-size:12px;
	background-color: #000000;
	margin: 0px;
	margin-top: 0px;
}

/*  اي دي سبورت عرب اللي معتمده عليه تصميمي بعد الله */
#support {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align: right;
	border: 1px solid #000000;
}

.login-button{
display:inline;	
float:right;
padding-right:50px;
width:154px;
height:28px;

}

.login-bar{
display:none;	
padding-left:0px;
}

input{
	border: 1px solid rgb(72, 146, 185);
	font-family: Tahoma;
	color: rgb(72, 146, 185);
}

.hidden-containing{
	display:none;
	background-attachment: inherit;
	background-position: right;
	background-image: url(../style/images/menu-containing.gif);
}
#support #block {
	width: 145px;
	float: right;
}


.view-containing{
	background-attachment: inherit;
	background-position: right;
	background-image: url(../style/images/menu-containing.gif);
}



.menu-item{
	padding-right: 30px;
	text-align:right;
	text-decoration: none;
}


.menu-item a:link{
	font-family: Tahoma;
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
}


.menu-item a:hover{
	font-family: Tahoma;
	font-size: 9pt;
	color: #CCCCCC;
	text-decoration: none;
}


/* نهاية الزر */
/*الهيدر اللي هي صورة عاصم  */
#support #header {
	color: #9624d1;
	background-color: #000000;
	height: 200px;
}
#support #navbar {
	background-color: #eeeeee;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 27px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;
}
#support #rightblock {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 170px;
	border-left-style: none;
}
}
#support #leftblock {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 170px;
	border-right-style: none;
}
#support #rightblock .headmenu {
	color: #FFFFFF;
	background-color: #99CC00;
	text-align: center;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}
#support #rightblock .linkesmenu ul li a:hover {
	color: #eeeeee;
	background-color: #9624d1;
}

#support #rightblock .linkesmenu {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#support #rightblock .linkesmenu ul {
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#support #rightblock .linkesmenu ul li {
	list-style-type: none;
}
#support #rightblock .linkesmenu ul li a {
	color: #000000;
	text-decoration: none;
	background-color: #eeeeee;
	display: block;
	font-size: 11px;
	padding: 5px;
	height: 16px;
}
#support #leftblock {
	float: left;
	height: 300px;
	width: 170px;
	padding: 5px;
	margin-left: 5px;
	text-decoration: none;
}
#support #leftblock .headmenu {
	background-color: #99CC00;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
}
#support #leftblock .linkesmenu {
	color: #9624d1;
	background-color: #eeeeee;
	text-decoration: none;
	display: block;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #999999;
}
#support #leftblock .linkesmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#support #leftblock .linkesmenu ul li {
	padding: 0px;
	text-decoration: none;
	margin: 0px;
}
#support #leftblock .linkesmenu ul li a {
	text-decoration: none;
	display: block;
	height: 16px;
	padding: 5px;
	margin: 0px;
}
#support #leftblock .linkesmenu ul li a:hover {
	color: #000000;
	background-color: #9624d1;
	padding: 5px;
	height: 16px;
}




#support #bodyarea {
	height: 500px;
	width: 640px;
	background-color: #000000;
}
#bodyarea #centerblock {
	margin-right: 240px;
	margin-left: 100px;
}

#support #blokhayaal {
	float: right;
	width: 145px;
	padding-top: 10px;
	padding-right: 10px;
}

#bodyPanel #testimonial{
	width:283px;
	height:162px;
	display:block;
	padding:32px 33px 0 148px;
	margin:0 0 0 20px;
	color:#786321;
	background-color: #FFF6DB;
	background-image: url(../style/images/testimonial-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/* BODY PANEL*/
#bodyPanel{width:762px; height:640px; position:relative; margin:0 auto; padding:0;}
#bodyPanel h2{ background:#fff; display:block; width:250px; height:50px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 202px; color:#FF7113;}
#bodyPanel p{
	margin:0 0 0 54px;
	padding:0 42px 35px 150px;
	color:#0F0F0F;
	background-color: #fff;
	background-image: url(../style/images/symbol2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bodyPanel p span{font-weight:bold;}
#bodyPanel p.dotline{background:url(style/images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 40px 0 25px; color:#000;}
#bodyPanel p.capstext{background: url(style/images/name.gif) bottom right no-repeat #fff; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; padding:2px 10px 0 25px ; margin:0 35px 10px 0; }
#bodyPanel p.more{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.more a{width:76px; height:26px; display:block; margin:314px 20px 19px 618px; background:url(style/images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px;}
#bodyPanel p.more a:hover{background:url(style/images/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#bodyPanel h3{background:#fff; display:block; width:250px; height:34px; margin:34px 0 12px 0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 20px; color:#FF7113;}
#bodyPanel #testimonial{
	width:283px;
	height:162px;
	display:block;
	padding:32px 33px 0 148px;
	margin:0 0 0 20px;
	color:#786321;
	background-color: #FFF6DB;
	background-image: url(../style/images/testimonial-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bodyPanel #testimonial p{background:none; margin:0; padding:0 0 5px 0;}
#bodyPanel #testimonial p span{color:#786321 !Important; background:#FFFAED !Important;}
#bodyPanel p.moretwo{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.moretwo a{
	width:76px;
	height:26px;
	display:block;
	margin:0px 0px 0px 196px;
	color:#555;
	text-decoration:none;
	font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0 0 0 10px;
	top:0px;
	right:0px;
	background-color: #FFF5D6;
	background-image: url(../style/images/more2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bodyPanel p.moretwo a:hover{
	color:#216EBD;
	text-decoration:none;
	background-color: #FFF5D6;
	background-image: url(../style/images/more2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bodyPanel h4{ background:#fff; width:250px; height:30px; position:absolute; top:361px; right:5px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px; color:#FF7113;}
#bodyPanel ul{width:225px; display:block; position:absolute; right:30px; top:405px; }
#bodyPanel ul li{
	font:12px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 0 30px;
	background-image: url(../style/images/symbol2.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}
#bodyPanel ul span{
	height:25px;
	display:block;
	background-image: url(../style/images/dot-line.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}



/*هنا الفوتر اخر التصميم  */

#support #footer {
	color: #9525d2;
	background-color: #000000;
	text-align: center;
	height: 20px;
	float: left;
	width: 800px;
}
#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:375px;
	position:absolute;
	left:621px;
	top:332px;
	margin-left:-175px;
	z-index:2;
	margin-top: -100px;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background-color: #9624D1;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background-color: #99CC00;
}

/* جديد */
.morepass{
	cursor:pointer;
	display:inline;
}

.attach{
	width:120px !important;
	margin:auto;
}

.vieattachment{
	width:80%;
	margin:auto;
	text-align:right;	
}

.login-button{
	display:inline;
	float:right;
	padding-right:50px;
	width:154px;
	height:28px;

}

.login-bar{
display:none;	
padding-left:0px;
}

input{
	border: 1px solid #666666;
	font-family: Tahoma;
	color: #9624D1;
}