/*****************************************************************************
 * Alzoa - Arabic News Search Engine                                          
 * @Author: Abdelrahim AbdelSapor    
 * Global CSS File                         
 *****************************************************************************/


 html {  /* Body Stylescrollbar-face-color:#5B89CB;
scrollbar-algin:"right";
scrollbar-highlight-color:#E9EBF4;
scrollbar-3dlight-color:#5B89CB;
scrollbar-darkshadow-color:#5B89CB;
scrollbar-shadow-color:#E9EBF4;
scrollbar-arrow-color:#E9EBF4;
scrollbar-track-color:#5B89CB;
overflow:hidden;*/
}

#Content {
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:center; /* Counteract to IE5/Win Hack */
	padding:0px;
	}
body
{
	background-repeat:repeat-x; 
	background-image:url(../images/bg.gif); 
	background-color:#d3e1ea;
	margin:0px;
	padding:0px;
	text-align:center; /* Hack for IE5/Win */
	border: 0;
	/*overflow: hidden;*/
	font-family: Arial;
	font-size:14px;

}



table,td,th
{font-family: Arial;
position:inherit;
font-size:15px;

   /* z-index=1;*/
}
.copyright{  /* >>>>>>>>>>>>>>>>>>>>>for version 3.0*/
text-align:left;
color: #000000; 
font-weight: bold;
font-size:12px;

}
.copyright a{
text-decoration:underline;
color: #7C0D0D;
}
.latestNews {
	color: #80272A;
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
}
.latestNews:link, .latestNews:visited, .latestNews:active
{
	text-decoration: none;
	color: #80272A;
}

.latestNews:hover
{
	text-decoration: underline;
}

.rMainMenu{
text-align:right;
text-decoration:none;
}
.topMenu {
	color: #FFFFFF;
	font-weight: bold;
    font-size:16px;
}
.topMenu a:link, .topMenu  a:visited, .topMenu  a:active
{
	text-decoration: none;
	color: #FFFFFF;
}

.topMenu a:hover
{
	color: #C15216;
	text-decoration: none;
}

.version {
color: #000000;
font-weight: bold;
font-size:11px;
}

.catTitle{
background-image:url(../images/titleBar.gif); 
width:100%; 
color:#ffffff;
padding-top:1px; 
padding-right:3px; 
padding-left:3px;
text-align:right;
}
.catTitleName{
color: #000000;
font-weight: bold;
text-decoration:underline;
font-size:14px;
}
.docDate{
color: #92999B;
text-decoration:none;
font-size:12px;
}
.newsResource{
color: #787D7E;
font-weight: bold;
text-decoration:underline;
font-size:12px;
}
.newsResource:link
{
	text-decoration: undeline;
	color: #787D7E;
}

.newsResource:hover
{
	color: #C15216;
	text-decoration: none;
}
.catDisplay{
background-color:#F0F1E1; 
border-bottom-color:#AAAAAA; 
border-left-color:#AAAAAA; 
border-right-color:#AAAAAA; 
border-top-color:#AAAAAA; 
border-style:solid; 
border-width:1px;
}
.newsTitle{
color: #053163;
font-weight: bold;
text-decoration:none;
font-size:15px;
}
.newsTitle:link
{
	text-decoration: none;
	color: #053163;
}

.newsTitle:hover
{
	color: #053163;
	text-decoration: underline;
}
.smallNewsTitle{
color: #162167;
font-weight: bold;
text-decoration:none;
font-size:14px;
}
.smallNewsTitle:link
{
	text-decoration: none;
	color: #162167;
}

.smallNewsTitle:hover
{
	color: #0E229A;
	text-decoration: underline;
}
.bigNewsTitle{
color: #7C0D0D;
font-weight: bold;
text-decoration:none;
font-size:15px;
}
.bigNewsTitle:link
{
	text-decoration: none;
	color: #7C0D0D;
}

.bigNewsTitle:hover
{
	color: #7C0D0D;
	text-decoration: underline;
}
.underTitle{
color: #094D64;
font-weight: bold;
text-decoration:underline;
font-size:14px;
}
.underTitle:link
{
	text-decoration: underline;
	color: #094D64;
}

.underTitle:hover
{
	color: #C15216;
	text-decoration: underline;
}

.selected{
color: #094D64;
font-weight: bold;
text-decoration:underline;
}
.unselected{
color: #000000;
text-decoration:none;
}

/***********************************************
* Show category data with Ajax 
* Dynamic Ajax Content-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by: AbdelRahim AbdelSapor
***********************************************/
#leftcolumn{
float:left;
width:150px;
height: 400px;
border: 3px solid black;
padding: 5px;
padding-left: 8px;

}

#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid gray;
}

#leftcolumn a:hover{
background-color: #FFFF80;
}

/*#rightcolumn{
float:left;
width:550px;
min-height: 400px;
border: 3px solid black;
margin-left: 10px;
padding: 5px;
padding-bottom: 8px;
}
*/
.resource{
color: #92999B;
font-weight: bold;
text-decoration:none;
font-size:11px;
}

.viewTitle {
	color: #80272A;
	font-weight: bold;
	font-size:20px;
	text-decoration:none;
}

/***********************************************
* Show tabs with Ajax 
* Dynamic Ajax Content-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by: AbdelRahim AbdelSapor
***********************************************/
.tabSelected{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; 
background-image: url(../images/selected.gif);
border-bottom-color: white;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/nonSelected.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */

}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
}
.itemTitle{
color: #C35018;
font-weight: bold;
}
.cpanelTitle{
color: #FF0000;
font-weight: bold;
font-size:16px;

}

/****************************************
	Add to myNews menu
*****************************************/
#dropmenudiv{
position:absolute;
border:1px solid #82ADCF;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
text-align:right;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #82ADCF;
padding: 3px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}
.input{
	margin-top:7px;
	border:#82ADCF; 
	border-width:1px; 
	background-color:#ffffff; 
	border-style: solid;
}
.boxTitle {
	direction:rtl;
	line-height:27px;
	color: #0A2656;
	font-weight: bold;
	font-size: 14px;
	border-color:#386385;
	border-width:1px;	
	background-image:url(../images/boxBg.gif);
	text-align:right;
	border-style: solid;
	height:27px;	
}

.boxBody {
	direction:rtl;
	color: #0A2656;
	border:#82ADCF;
	border-top-width:0px;
	border-width:1px;
	border-style: solid;
	background-color:#DDE8FE;
	text-align:right;
	
}
form {
	padding: 0 0 0 0px;
	margin: 0 auto 0 auto;
	}
.nav{
color: #C15216;
font-weight: bold;
text-decoration:underline;
font-size:14px;
}
.nav:link
{
	text-decoration: underline;
	color: #C15216;
}

.nav:hover
{
	color: #094D64;
	text-decoration: none;
}

.prevNextBtnDisable {
    border:#82ADCF; 
    border-width:1px; 
    background-color:#ffffff; 
    border-style: solid;
}
.prevNextBtn {
     font-weight: bold;
    font-size:14px;
}
.resourceNumber {font-size: 14px; font-weight: bold; color: #ff0000; }
.imageDiv {
  float:right;
  background: url(../images/drop-shadow.gif) no-repeat bottom right;
  margin: 8px 0 0 8px;
  padding:0 0 2px 0;
  
}

.topicImage { border: 1px solid #999; padding:4px;}
shadowed { 
  float:right;
  background: url(../images/drop-shadow.png) no-repeat bottom right !important;
  background: url(../images/drop-shadow.gif) no-repeat bottom right;

  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadowed img {
  display: block;
  position: relative;
  border: 1px solid #999; 
  border-width:1px;
  border-style:solid;
  padding: 4px;
  }
  .shadowed blockquote {
  display: block;
  font-weight:bold;
  position: relative;
  background-color: #ffc;
  border:1px solid #999;
  margin: -6px 6px 6px -6px !important;
  margin: 0px 6px 6px 0px;
  padding: 10px;
  max-width: 100%;
  }
.formbutton{
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:12px;
}
.formbutton:link
{
	text-decoration: none;
	color: #ffff;
}

.formbutton:hover
{
	color: #053163;
	text-decoration: none;
}


.gotoMenu{
color: #fff;
background-color:#000;
font-weight: bold;
text-decoration:none;
font-size:14px;
}
#siteLoader {
	position: absolute;
	z-index: 100;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 40%;
	left: 0;
	height: 43%;
	width: 100%;
	text-align: center;
	line-height: 0;	
}

.bodyContainer {
/* Add container height here if desired */
width:970px;
background-color: white;
border: 2px solid #055c96;

}
.headContainer {
/* Add container height here if desired */
margin:2px;
padding:2px;
}
fieldset{
border: 1px solid #045c97; 
padding:6px;
}
legend {
font-size:15px;
font-weight:bold;
color:#993300;
/*font-style:oblique;
font-variant:small-caps;*/
}

.commentbox{
background-color: #ececec;
width:500px;
text-align:right;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) right 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
direction:rtl;
padding-right: 90px;
padding-top: 1px;
text-align:right;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}