/* ------- وسم html ------- */
html {

	scrollbar-face-color: #FDFDFD;
	scrollbar-shadow-color: #6F0606;
	scrollbar-track-color: #ECECEC;
	scrollbar-highlight-color: #6F0606;
	scrollbar-arrow-color: #6F0606;
	scrollbar-base-color: #FDFDFD;
	scrollbar-darkshadow-color: #FDFDFD;
}


/* ------- خلفية الموقع ------- */

body { 
margin : 0; 
font-family : Microsoft Sans Serif; 
font-size : 8pt; 
color : #6F0606; 
background-color : #FDFDFD; 
} 
a{
font-weight: bold; 
color : #6F0606;
}

/* ------- المحتوى ------- */

.main	{
border:1px  solid #6F0606; 
margin: 0px;
		}


/* ------- العناوين ------- */
.title { 
border:0px  solid #6F0606; 
border-bottom-width :0px;
height : 20px; 
line-height : 200%; 
background-image : url('images/title.jpg'); 
background-repeat : repeat-x; 
color : #CCCCCC; 
text-align : center ;
font-weight:bold;

} 
.title	a { 
color : #CCCCCC; 
}
/* ------- اسفل الجداول ------- */
.foot {
border:0px  solid #6F0606;
background-color: #FFF; 
background-image : url('images/title.jpg'); 
background-repeat : repeat-x; 
color : #CCCCCC; 
padding-left:10px; 
padding-right:10px; 
height:20px
} 

.foot  a{ 
color : #CCCCCC; 
} 

/* ------- ارقام الرومات ------- */
.roomid { 
border : 1px solid #6F0606; 
color : #CCCCCC; 
background-color : #000; 
width : 98px; 
font-weight : bold 
} 



/* ------- خلية زر الرومات ------- */

.room { 
background-position : center; 
background-repeat : no-repeat; 
cursor : pointer; 
text-align: center;
} 



/* ------- جدول الرومات ------- */

.allrooms { 
border : 0px solid #6F0606; 
background-color : #E4E4E4; 
color : #CCCCCC;
} 

.allrooms  a{
font-weight: bold; 
color : #CCCCCC;
}
/* ------- عناصر الازرار مثل البحث ------- */

.input  {
font-family: Tahoma; 
font-size: 9pt; 
border: 1px solid #6F0606;
background-color : #CCCCCC;
color : #6F0606;
}


/* ------- رسالة تحميل البرنامج ------- */

.prmsg 	{
border : 0px solid #6F0606; 
background-color: #6F0606; 
color:#FFF000; 
font-family: Times New Roman; 
font-size: 17px; 
font-weight:bold;
padding-top: 5px; 
padding-bottom: 5px 
}

.prmsg a{
font-family: Times New Roman; 
font-size: 17px; 
font-weight: bold;
color:#BDBCBD;
}


/* ------- رسالة الاخطاء ------- */

.error 	{
border : 1px solid #7B0C26; 
background-color: #FF0000; 
color:#FFFF00; 
font-weight:bold
}


/* ------- لون التوزيع الاول ------- */
.alt1 	{
border : 1px solid #fff; 
padding:5px;
background-color: #DBDBDB; 
color:#FFFF00; 
font-weight:bold
}

.alt1 	a{
 
color:#FFFF00; 
font-weight:bold
}

/* ------- لون التوزيع الثاني ------- */
.alt2 	{
border:2px outset #EFEFEF;
padding:5px;
background-color: #DBDBDB; 
color:#6F0606; 
font-weight:bold
}

.alt2 a{
 
color:#6F0606; 
font-weight:bold
}


/* ------- لون التوزيع الثالث ------- */
.alt3	{
border:1px solid #EFEFEF;
padding:0px;
background-color: #EFEFEF; 
color:#6F0606; 

}

.alt3 a{
 
color:#6F0606; 
font-weight:bold
}

.lastnews	{
border:1px solid #6F0606;
padding:0px;
background-image : url('images/title.jpg'); 
background-repeat : repeat-x; 
background-color: #FFF; 
color:#FFF000; 
font-weight:bold;
height: 25px;
line-height: 200%;
}
.lastnews	a{
color:#FFF000;
}





select {
font-family: Tahoma; 
font-size: 9pt; 
border: 1px solid #cccccc;
}

legend {
color:#6F0606; 
}





/* ------- css إضافي ------- */
.header      { 
background-image: url('images/h-background.jpg') ;
width:  100%;

}
.online		 { position: absolute; left: 10px; top: 5px;

	font-family: Microsoft Sans Serif;
	font-size: 8pt;
	color: #FFF000;
}
.count		 {float: right;height: 20px; position:absolute ;right: 150px; top:40px;color: #6F0606;
	font-family: Microsoft Sans Serif;
	font-size: 8pt;
	color: #6F0606;
}




.banner      { 
position: absolute; 
left: 20px; 
top: 35px 
}

.menu        {
float: right;
height: 20px; 
width:  100%;
position: absolute; 


}

.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

.menu li {
	display: block;
	float: right;
}

.menu a {
	
	display: block;
	float: left;
	height: 20px;
	padding: 5px 10px 6px 10px;
	text-decoration: none;
	text-transform: capitalize;
	font-family: Microsoft Sans Serif;
	font-size: 8pt;
	color: #CCCCCC;
}

.menu a:hover { 
	text-decoration: none; 
	height: 20px;
	background:url('images/menu.jpg') repeat-x ;
	color: #6F0606; 
	padding: 5px 10px 6px 10px;

}

.item ul  li{
width:  102px;
list-style: none;
border:0px solid #CCCCCC;
}


.item  a
{
	color: #6F0606;
	display: block;
	text-decoration: none; 
	height: 10px;
	background:#CCCCCC url('images/menu.jpg') repeat-x ;
	text-decoration: none;
	padding: 5px 10px 6px 10px;

}
.item a:hover
{

	display: block;
	text-decoration: none; 
	height: 10px;
	background:#6F0606 url('images/title.jpg') repeat-x ;
	text-decoration: none;
	color: #CCCCCC;
	padding: 5px 10px 6px 10px;
}

.footer	{
height: 40px;
 background-image: url('images/footer.jpg'); background-repeat:  repeat-x;
 padding: 10px 0px 0px 0px;
 text-align:center;
 }

 
 
 
 
 
 
 
 
 
 

.table{
border: 1px solid #FFFFFF;


}
.table td     {  background-color:#EEE;color : #6F0606;  text-align:right;}

