body, #top
{
    margin: 0px;
    padding: 0px;
    font-family: Tahoma;
    font-size: 9pt;
    background-color:#fbfaf8;
    font-weight: normal;
}

#top{
	height:197px; background:url(../images/headerbg.jpg) repeat-x top;
}

#dhtmlmenu
{
    height: 25px;
    width: 570px;
    position: absolute;
   /* z-index: 100;*/
    left: 150px;
    top: 150px;
}

#logo
{
    height: 117px;
    width: 254px;
    float:left; 
    display:block;  
    outline:none;
     padding-top:11px;
     padding-left:45px;
   
}


#header{
	width:918px; height:197px; background:url(../images/header.jpg) no-repeat top;
	margin:0px auto;
}

/* ---
    to menu
*/
#topmenu{
     width:500px; 
     height:35px;
	 margin:15px auto auto 15px;  vertical-align:bottom;  float:left; display:block; outline:none;
}

#topdhtml{
     width:570px; 
     height:25px;
	 float:right; 
	 display:block; 
	 outline:none;
	 margin-top:120px;
}

/* ------ home buttom ------*/
.homeftopTab{
	width:29px; height:25px; margin:0px;  padding-left:2px; float:left; display:block; outline:none;
}
.homeftopTab:hover{
	height:30px;
}

.homeTab{
	background:url(../images/home.jpg) no-repeat;
	
}
.homeTabActive{
	background:url(../images/home.jpg) no-repeat; height:30px;
}

/* ------- menu buttm      -----*/
.ftopTab{
	width:80px; height:21px; margin:0px;padding-left:2px; float:left; display:block; outline:none;
}
.ftopTab:hover{
	height:26px;
}


/*----- ----- ----- menu item*/
.connectTab{
	background:url(../images/connectbuttom.jpg) no-repeat;
}
.connectTabActive{
	background:url(../images/connectbuttom.jpg) no-repeat; height:26px;
}

.libraryTab{
	background:url(../images/librarybuttom.jpg) no-repeat;
}
.libraryTabActive{
	background:url(../images/librarybuttom.jpg) no-repeat; height:26px;
}

.albumTab{
	background:url(../images/albumbuttom.jpg) no-repeat;
}
.albumTabActive{
	background:url(../images/albumbuttom.jpg) no-repeat; height:26px;
}

.serviceTab{
	background:url(../images/service.jpg) no-repeat;
}
.serviceTabActive{
	background:url(../images/service.jpg) no-repeat; height:26px;
}

.aboutTab{
	background:url(../images/aboutplc.jpg) no-repeat;
}
.aboutTabActive{
	background:url(../images/aboutplc.jpg) no-repeat; height:26px;
}




/*--
	Body
--*/
#maincontainer
{
    width:100%; margin:0px; padding:0px;
}
#border{
	width:918px;  margin:0px auto; padding:0px;
}
#container{
	width:917px; margin:0px; padding:0px; display:block; float:left;
}

/*--
	Footer
--*/

#footerBg{
     height:103px; background:url(../images/footerbg.jpg) repeat-x bottom;
}
#footercon
{
    width:400px; height:100%; 
	margin:auto  auto 0px auto;
}


.footerlink
{
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    outline: none;
}
.footerlink:hover{
	color:#444c52;
}


/* fffffffffffffffffffffffffffff fffffffffffffff  link */

/*   الصندوق الاسود */
#titleblackbox
{
    width:100%;
    direction:rtl;
    color:#f4f1ea;
    display:block;
    
}
#titleblackbox a
{
  
    direction:rtl;
    outline:none; 
    text-align:justify;
    display:block;
    color:#f4f1ea;
    font-size:11pt;
    font-family:Times New Roman;
    text-decoration:none;
    font-weight:bold;
    
}
#titleblackbox a:hover
{
    color:Black;

    
}
#titleblackbox a:visited
{
    color:White;
    
    
}

/*  صندوق الفلاشي */

.newssummary{
	width:100%; text-align:justify; font-family:Tahoma; font-size:8pt; color:#f4f1ea;
	direction:rtl;
}
.newsstittle{
	width:100%; text-align:justify; font-family:Times New Roman; font-size:10pt; color:#fff;
	direction:rtl;
}

/*****************************************/
/*  اخبار الصندوق الاسود */

.btitle
{
	width:100%; text-align:justify; font-family:Times New Roman; font-size:11pt; color: #f4f1ea;
	direction:rtl;
	text-decoration:none;
	font-weight:bold;
	
}
.btitle:hover{
	color: #000;
	
}

.bsummary2{
	width:100%; text-align:justify; font-family:Tahoma; font-size:8pt; color:#f4f1ea;
	direction:rtl;
		text-decoration:none;
	
}

.bsummary2:hover{
 color:#000;
}

/*  اخبار تحت الصندوق الاسود */

.title{
	width:100%; text-align:justify; font-family:Times New Roman; font-size:11pt; color: #699fcd;
	direction:rtl;
	text-decoration:none;
	font-weight:bold;
	
}
.title:hover{
	color: #3d3d3d;
	
}
.summary{
	width:100%; text-align:justify; font-family:Tahoma; font-size:8pt; color:#8dbbe3;
	direction:rtl;
		text-decoration:none;
	
}

.summary:hover{
 color:#7d7d7d;
}

.study{
	width:100%; font-family:Tahoma; font-size:8pt; color:#7d7d7d;
	direction:rtl;
		text-decoration:none;
	
}

.study:hover{
 color:#8dbbe3;
}

.allstudy{
	width:100%; font-family:Times New Roman; font-size:11pt; color:#8dbbe3;
	direction:rtl;
		text-decoration:none;
	
}

.allstudy:hover{
 color:#7d7d7d;
}






/*****************************************/
/*****************************************/
/*****************************************/
/*****************************************/

/* box and buttonm*/
.bgColor1
{
    background-color: #fff; padding:3px;
    
}
.bgColor2
{
    background-color: #fff; padding:3px;
}
.box
{
    font-family: Tahoma;
    font-size: 9pt;
    color: #0099ff;/* #cc3300;*/
    font-weight: normal;
    height: 18px;
    border: #dcdcdc 1px solid;
    padding: 2px;
    background-color: #ffffff;
}
.btn
{
    color: #0066ff; font-family: Tahoma; font-size:9pt; cursor:pointer;
}


/*--
	news links
--*/
.newsTitle{
	width:100%; display:block; text-align:justify; text-decoration:none; outline:none; 
	font-family:"Times New Roman", Times, serif; font-size:12pt; color:#51b0ed;
	font-weight:bold; direction:rtl;
}
.newsTitle:hover{
	color:#f58b2c;
}
.newsText{
	width:100%; text-align:justify; font-family:Tahoma; font-size:9pt; color:#999999;
	direction:rtl;
}
.newsImg{
	width:230px; height:147px; background:#666666; display:block;
}
.newsImg:hover{
	filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
}


/*--
	album images
--*/

.smallImg{
	background:#666666; display:block; background:center; outline:none;
}
.smallImg:hover,.AlbumImage:hover{
	filter:alpha(opacity=50);-moz-opacity:.5;opacity:.7; background:center; outline:none;
}


/*--
	Links
--*/

.bigLink{
	width:100%; display:block; text-align:right; text-decoration:none; outline:none; 
	font-family:"Times New Roman", Times, serif; font-size:12pt; color:#51b0ed;
	font-weight:bold; direction:rtl;
}
.bigLink:hover{
	color:#f58b2c;
}

/*--
    Ads
--*/

.adLink{
	width:90%; background:url(../images/dot.gif) no-repeat right;
	padding-right:20px; margin-top:5px; float:right;
}
.adLink:hover{
	color:#f58b2c;
}

.msgRed
{
    font-family: Times New Roman;
    font-size: 13pt;
    color: #cc3300;
    font-weight: bold;
    width: 95%; height:20px;
    background: #ffcc00 url(../images/errorIcon.jpg) no-repeat right top;
    display: block;
    text-align: center; padding:10px 10px; display:block;
}
.msgGreen
{
    font-family: Times New Roman;
    font-size: 13pt;
    color: #ffffff;
    font-weight: bold;
    width: 95%; height:20px;
    background: #33cc33 url(../images/doneIcon.jpg) no-repeat right top;
    display: block;
    text-align: center; padding:10px 10px;display:block;
}

/*--
    Grid View
--*/
#GVTabs
{
    width:98%; height:30px; display:block; float:right; margin:0px; padding:0px; padding-right:20px;
    border-bottom:5px solid #5f5e5e;
}
.tabNotActive
{
    width:99px; height:22px; margin:0px; padding:0px; padding-top:8px; display:block;
    background:url(../images/gvTabNotActive.jpg) no-repeat top; text-align:center;
    font-family:Times New Roman; font-size:11pt; font-weight:bold; 
    text-decoration:none; float:right; outline:none;color: #000;
}
.tabNotActive:hover
{
    background: url(../images/gvTabHover.jpg) no-repeat top; color:White);    
}
.tabActive
{
    width:99px; height:22px; margin:0px; padding:0px; padding-top:8px; display:block;
    background:url(../images/gvTabActive.jpg) no-repeat top; text-align:center;
    font-family:Times New Roman; font-size:11pt; font-weight:bold; color:White;
    text-decoration:none; float:right; outline:none;
}
.GVHeader
{
    font-weight: bold;
    font-size: 11pt;
    background-image: url(../images/GVHeader.jpg);
    vertical-align: middle;
    color: #ffffff;
    direction: rtl;
    background-repeat: repeat-x;
    font-family: 'Times New Roman';
    background-color: #666666;
    text-align: center;
    height: 20px;
    text-decoration: none;
}
.GVHeader a
{
    font-weight: bold;
    font-size: 11pt;
    color: #ffffff;
    direction: rtl;
    background-repeat: repeat-x;
    font-family: 'Times New Roman';
    text-align: center;
    text-decoration: none;
}
.GVHeader a:hover
{
    font-weight: bold;
    font-size: 12pt;
    color:Green;
    direction: rtl;
    background-repeat: repeat-x;
    font-family: 'Times New Roman';
    text-align: center;
    text-decoration: none;
}
.GVHeader a:visited
{
    font-weight: bold;
    font-size: 11pt;
    color: #ffffff;
    direction: rtl;
    background-repeat: repeat-x;
    font-family: 'Times New Roman';
    text-align: center;
    text-decoration: none;
}

.GVHeader2
{
   background-color: #666666;
   font-weight:bold;
   font-family:Times New Roman;
   
  
}

.GVHeader2 a
{
    color:Black;
    background-color:White;
    font-size:12pt;
    text-align:right;
    text-decoration:none;
}
.GVHeader2 select
{ 
        
     color:White;
     background-color: #000000;
     font-size:12pt;
    
}


.GVAlterRow
{
    font-weight: normal;
    font-size: 9pt;
    color: #545454;
    font-family: tahoma;
    background-color: #f4f1ea;
    height: 30px;
}
.GVRow
{
    font-weight: normal;
    font-size: 9pt;
    color: #545454;
    font-family: tahoma;
    height: 30px;
    background-color: #f8f7f3;
}

.GVRow:hover,.GVAlterRow:hover
{
    background-color: #fff;
}

.GVDel
{
    background-position: center center;
    background-image: url(../images/GVDel.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display:block;
    outline:none;    
}
.GVDel:hover
{
    background-position: center center;
    background-image: url(../images/GVDel_hover.gif);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}

.GVEdit
{
    background-position: center center;
    background-image: url(../images/GVEdit.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display:block;
    outline:none;
}
.GVEdit:hover
{
    background-position: center center;
    background-image: url(../images/GVEdit_hover.gif);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}

.GVOk
{
    background-position: center center;
    background-image: url(../images/GVOk.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display:block;
    outline:none;
}
.GVOk:hover
{
    background-position: center center;
    background-image: url(../images/GVOk_hover.gif);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}

.GVCancel
{
    background-position: center center;
    background-image: url(../images/GVCancel.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display:block;
    outline:none;
}
.GVCancel:hover
{
    background-position: center center;
    background-image: url(../images/GVCancel_hover.gif);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}


.GVDetails
{
    background-position: center center;
    background-image: url(../images/GVDetails.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display:block;
    outline:none;
}
.GVpass
{
    background-position: center center;
    background-image: url(../images/passchange.jpg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display:block;
    outline:none;
}


.GVDetails:hover
{
    background-position: center center;
    background-image: url(../images/GVDetails_hover.gif);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}

.GVPagerLink
{
    color:#FFF; text-decoration:none; padding:0px 3px; margin:0px 2px;
}
.GVPagerLink:hover
{
    background-color: #ccccff; color: #ff0000;
}
.activePage
{
    color: #ffffff;
    text-decoration: none;
    padding: 0px 3px;
    margin: 0px 2px;
    background-color: #cc0000;
}

.GVHeaderLinks
{
    font-family: 'Times New Roman';
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}
.GVHeaderLinks
{
    color: gainsboro;
}
.ToolsLinks
{
    font-size: 9pt; color: #545454; font-family: tahoma; text-decoration: none;
}
.ToolsLinks:hover
{
    color: #0099ff;
}


/*************************/

#barBox
{
    padding:0;
    margin:0;
    width:99%;
    background-color:#fbfaf9;
    border: 1px solid #bcd2e0;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    behavior:url(css/border-radius.htc);/* to run corner in IE6*/
    direction:rtl;
 
}
#headbox
{
    
    width:99%;
    height:20px;
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:middle;
    background-color:#699fcd;
    border: 1px solid #fff;
  /* -moz-border-radius-topright: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius:10px;
   -webkit-border-top-right-radius:10px;
    -moz-border-radius:10px;
   -webkit-border-radius:10px;
  behavior:url(css/border-radius.htc);*/
    margin-top:10px; 
    position:relative;
    font-family:Times New Roman;
    font-size:1.3em;
    font-weight:bold;
   color:#fff;
 
}