/* Start of CMSMS style sheet 'homecss' */
body {
             direction:ltr;
	margin: 0px;
	height: 0%;
	padding: 0px;
	topmargin: 0px;
             leftmargin: 0px;
             rightmargin: 0px; 
             bottommargin: 0px;
             marginwidth: 0px;
             marginheight: 0px;
	font-family:  Arial, Helvetica, Sans Serif;
	font-size: 16px;
	xcolor: #333333;
             BACKGROUND-color: #A5A5A5;
} 

A{
	COLOR: #B6BAA7; 

  TEXT-DECORATION: none;
}
A:link {
	COLOR: #A09452;

}
A:active {
	COLOR: #A09452;

}
A:visited {
	COLOR: #A09452;

}
xA:hover {
	COLOR: #ffffff;

   TEXT-DECORATION: none;
}

.topurl {
    color            : #C6890F;
  font-family      : Tahoma;
  font-size        : 13px;
  font-weight      : normal;
  border           : 0px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
   margin: 0px 0px 0px 0px ;
  width           :auto;

}

.tophome{
  float            : left;
  text-align: left;
}

.products_title {
font: bold italic 12px Tahoma;
color: #a11811;

}
.products_desc {
font:  11px Tahoma;
color: #404957;
text-align:left;
padding: 0px 2px 0px 5px;
}
.products_det {
font:  11px Tahoma;
color: #8699b7;
position: relative;

}

 /* الامتداد*/

div.breadcrumbs,  div.breadcrumbs a{
    color            : #C6890F;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  border           : 0px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : right;
  line-height      : 10px;
   margin: 0px 0px 0px 0px ;
  width           :auto;

}

.l_side {
    BORDER-right: #5b6473 1px solid;
    PADDING-LEFT: 0px;
    FONT: 12px/20px Tahoma;
    align: justify;
    COLOR: #808080;  
    WIDTH: 194px;
    HEIGHT: 100%;
    
}
/*عنوان المقال*/
h2{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align : left;
    BORDER-TOP: #9B9788 0px solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 5px;
    COLOR: #9a0800;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #301B0B 0px solid;
    BACKGROUND:  url(images/homepage/icon/line.gif) no-repeat left 23px ;
}

h3 {
   background: url(../images/icon/icon-v.png) no-repeat right 50% ;
	PADDING-RIGHT: 20px;
	color: #25185d;
	font-size: 14px;
	height: 12px;
	font-family: tahoma;
	font-weight: bold;
	PADDING-TOP: 0px;
             PADDING-BOTTOM: 0px;
             text-indent: 0px;
 
}

.ordered {
         font-family: tahoma;
         font-size: 13px;
         font-weight: normal;
         color: #404957;
         text-align: left;
         line-height: 120%;  
         PADDING-left: 30px;
         background: url(images/homepage/icon/c2.png) no-repeat 15px 5px ;

       
 
}

#navbar p {
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    text-align : center;
    PADDING-BOTTOM: 3px;
    COLOR: #3A160E;
    PADDING-TOP: 3px;

}


/*الطباعة*/
.printicon{
    PADDING-top: 3px; 
  float            : left;
}



.printicon img { border: 0px; }
#rahmen {
width:900px;
}

 p {
  font-family: tahoma;
  font-size: 13px;
  font-weight: normal;
  color: #404957;
  text-align: justify;
  line-height: 150%;
  }


.pagenav a, .pagenav a:visited {
  color            : #C6890F;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  background       :  #1B1913 ;
  border           : 1px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : center;
  line-height      : 10px;
   margin: 0px 0px 0px 0px ;

}
.pagenav a:hover {
  color            : #fff;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  background       :  #7A6622 ;
  border           : 1px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : center;
  line-height      : 10px;

}

.top-page a, .top-page a:visited {
  color            : #C6890F;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  background       :  # ;
  border           : 0px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
   margin: 0px 0px 0px 0px ;

}
.top-page a:hover {
  color            : #fff;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  background       :  #7A6622 ;
  border           : 0px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;

}

#button-css input  {

  color            : #C6890F;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  background       :  #1B1913 ;
  border           : 1px  solid #7A6622;
  padding          : 0px 0px 0px 0px;
  text-align       : center; 
  width: 30px;
}
 
.searchbox input , .nms input {
 color            : #C6890F;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : normal;
  background       :  #1B1913 no-repeat;
  border           : 1px  solid #7A6622;
  margin-top          : 17px ;
  margin-right          : 5px ;
  white-space      : pre;
  text-align       : right;  
  width:80px;
  float            : right;

}
.searchbox label, .nms {
 font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    PADDING-RIGHT: 5px;
    text-align : right;
    BORDER-TOP: #9B9788 0px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    COLOR: #DBA43E;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #301B0B 0px solid;
 }


/*if there is not enough space for your links in the bar,change the height to 60px (ff)*/
#menubar {
background:url(uploads/images/templates/hauki2/menubg.gif);
background-repeat:repeat-y;
width:900px;
height:30px;
}

#biglinksbox {
float:left;
width:200px;
height:500px;
}

.biglink  {
background:url(uploads/images/templates/hauki2/biglink.jpg);
width:200px;
height:100px;
display:block;
text-decoration:none;
text-align:left;
font-weight:bold;
color:white;
}


.biglink:hover {
background:url(uploads/images/templates/hauki2/biglinkhover.jpg);
color:#FA8406;
}

.biglink_2 {
background:url(uploads/images/templates/hauki2/biglink_2.jpg);
width:200px;
height:100px;
display:block;
text-decoration:none;
text-align:left;
font-weight:bold;
color:white;
}


.biglink_2:hover {
background:url(uploads/images/templates/hauki2/biglinkhover_2.jpg);
color:#FA8406;
}

.biglink span {
position:relative;
top:40px;
left:15px;
}

.biglink_2 span {
position:relative;
top:40px;
left:115px;
}

#login {
background:silver;
border:1px solid gray;
padding-bottom:20px;
}

#login h3 {
color:#FFFFFF;
}

#login input {
border:1px solid #FA8406;
margin-bottom:2px;
}

#newsbox {
float:right;
width:200px;
height:400px;
background:url(uploads/images/templates/hauki2/newsbg.gif);
background-repeat:no-repeat;
}

#newscontent {
width:200px;
height:370px;
padding:10px;
overflow:auto;
}




#top_image_content {
background:url(uploads/images/templates/hauki2/contentbgtop.gif);
width:450px;
height:30px;
margin-top:-5px;
}

#main_image_content {
background:url(uploads/images/templates/hauki2/contentbg.gif);
width:450px;
}

#content {
width:410px;
text-align:left;
padding:1px;
min-height:450px;
}

#bottom_image_content {
background:url(uploads/images/templates/hauki2/contentbgbottom.gif);
width:450px;
height:30px;
}


/*hack for ie - not valid*/
*html #bottom_image_content {
background:url(uploads/images/templates/hauki2/contentbgbottom.gif);
width:450px;
height:30px;
margin-right:20px;
}



.footer {
    color            : #C6890F;
  font-family      : Tahoma;
font-size:12px;

text-align:center;
}


/*#############################NEWS###########################*/

.NewsSummary {
float: right;
width:420px;
margin-top:15px;
 }

.SRSummary {
    position:relative;
    top: -20px;
    left:  100px;
    float: right;
    width:620px;
    margin-top:15px;
 }

.NewsSummaryCategory {
  font-style: italic;
  margin: 0px 0;
 }

.NewsSummaryPostdate {

 }

.NewsSummarySummary p {
  font-family: tahoma;
  font-size: 11px;
  font-weight: normal;
  PADDING-RIGHT: 6px;
}

.SRSummarySummary {
    position:relative;
    top: -60px;
    left: 100px;

}

.SRSummarySummary p {
  font-family: tahoma;
  font-size: 11px;
  font-weight: normal;
  PADDING-RIGHT: 6px;
}

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;

  }

#NewsPostDetailSummary {
   margin-bottom: 10px;
  line-height: 150%;
   }

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */

.NewsSummaryLink  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    PADDING-RIGHT: 6px;
    text-align : right;
    BORDER-TOP: #9B9788 0px solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 0px;
    COLOR: #DBA43E;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #301B0B 0px solid;
 }

.SRSummaryLink  {
    position:relative;
    top: -30px;
    left: 100px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    PADDING-RIGHT: 6px;
    text-align : right;
    BORDER-TOP: #9B9788 0px solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 0px;
    COLOR: #DBA43E;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #301B0B 0px solid;
 }
.SRSummaryLinkExtra {
    position:relative;
    top: -50px;
    left: -250px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    PADDING-RIGHT: 6px;
    text-align : right;
    BORDER-TOP: #9B9788 0px solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 0px;
    COLOR: #DBA43E;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #301B0B 0px solid;
 }

.SRSummaryMorelink  {
    position:relative;
    top: -50px;
    left: -250px;
  color            : #C6890F;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  border           : 0px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
   margin: 0px 0px 0px 0px ;
  width           :auto;
}

.NewsSummaryImage img{
             display: block; 
	margin: 0px; 
	padding: 4px 4px 4px 4px; 
             BACKGROUND:  #684B34;
             border: 1px solid #3B2110;
             width:  120px ;
             height: 120px;
}

.NewsDetailImage img{ 
             display: block; 
	margin: 10px 20px 10px 0px; 
	padding: 4px 4px 4px 4px; 
             BACKGROUND:  #684B34;
             border: 1px solid #3B2110;
             width:  230px ;
             float : left;
}

.InnerImage img{ 
             display: block; 
	margin: 10px 20px 10px 0px; 
	padding: 4px 4px 4px 4px; 
             width:  230px ;
             float : left;
}


.NewsSummaryAuthor {}

.NewsSummaryMorelink  {
  color            : #C6890F;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  border           : 0px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
   margin: 0px 0px 0px 0px ;
  width           :auto;
}

#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}

#NewsPostDetailPrintLink {
   PADDING-top: 3px; 
   float : left;
}


#NewsPostDetailReturnLink {
margin-bottom:20px;
color            : #C6890F;
  font-family      : Tahoma;
  font-size        : 11px;
  font-weight      : normal;
  border           : 0px  solid #7A6622;
  padding          : 4px 4px 4px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
   margin: 0px 0px 0px 0px ;
  width           :auto;

}
/* End of 'homecss' */

/* Start of CMSMS style sheet 'vertical_menu_css' */
/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */
#menuwrapper { 
   width: 100%; 
   font: 9pt tahoma ;
   text-align:left;
   color: red;
  z-index: 1000;

}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
   margin-left: 0px;
 z-index: 1000;
}

#primary-nav ul { 
   position: absolute; 
   top: 0; 
   left: 100%; 
   display: none;
 z-index: 1000; 

}

#primary-nav li { 
   margin-bottom: -1px; 
   position: relative; 
   width: 194px; 
   float:left;


}


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   border: 0px solid #006699; 
   display: block; 
   margin: 0px; 
   padding: 5px 10px 8px 23px; 
   color: #fff;
   text-decoration: none; 
   xbackground: transparent; 
   text-align:left;
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
   z-index: 1000;
}

/* Dropdown Menu */

#primary-nav li a {
filter:alpha(opacity=85);
color:#FFFFFF;
   z-index: 1000;
}
#primary-nav li a:hover { 
              filter:alpha(opacity=100);
              color: White;
              xbackground: #46515c; 
   z-index: 1000;
}

#primary-nav li li a { 
       border: 1px solid #fff;
       background: #627086; 
       color: #fff;
   z-index: 1000;
} 
#primary-nav li, #primary-nav li.menuparent { 
   z-index: 1000;
}

#primary-nav li, #primary-nav li.menuparent { 
   background-image: url(images/homepage/hor-line.gif) ; 
   background-repeat:no-repeat;
   background-position:bottom;
   min-height:1em; /* Fixes IE7 bug*/
   z-index: 1000;
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive { 
   xbackground-color: #C7C7C7; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
   xbackground-image: url(images/cms/arrow.gif); 
   background-image: url(images/homepage/hor-line2.gif); 
   background-position: bottom; 
   background-repeat: no-repeat; 

   
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #46515c; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 

}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }


/* section header */
#primary-nav li.sectionheader {
   border-left: 1px solid #006699; 
   border-top: 1px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #46515c;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}

/* End of 'vertical_menu_css' */

/* Start of CMSMS style sheet 'Table_content' */
.backtabel {
width: 490px;
background-color : #511A2C ; 
}
.fronttabel {
direction:rtl;
width: 100%;
border:0px solid  #511A2C ;
background-color : #511A2C ; 
}
.fronttabel th, .fronttabel td.seperator {
color: white;
font-family: Arial;
font-size: 16px;
font-weight      : bold;
text-align: center;
background-color : #511A2C; 
line-height      : 30px;
}
.fronttabel td {
color: Black;
line-height      : 25px;
font-family: Tahoma;
font-size: 10pt;
font-weight      : normal;
text-align: center;
background-color : White; 
}
.fronttabel td.darkcell {
background-color : #eeeeee; 
}
/* End of 'Table_content' */

/* Start of CMSMS style sheet 'frombuilder' */
table.contactform { 
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align : left;
    xbackground:       #F0DDE4;
    COLOR: #acacac;
    xborder           : 1px  solid #EFEFEF;
}

.error_message {
             color: red;
             font-weight: bold;
             float            : left;
}
td.formlable {   

 }

.contactform input {
  color            : #ffdc8a;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : normal;
  background       :  #c2c2c2 no-repeat;
  border           : 2px  solid #41403a;
  margin-top          : 5px ;
  margin-bottom     : 10px ;
  white-space      : pre;
  text-align       : left;  
  width:200px;
  float            : left;
}
.contactform textarea {
 color            : #ffdc8a;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : normal;
  background       :  #202020 no-repeat;
  border           : 2px  solid #41403a;
  margin-top          : 10px ;
  xmargin-right          : 5px ;
  white-space      : pre;
  text-align       : left;  
  width: 400px;
  float            : left;
 overflow:hidden;
}

.submit input {
  color            : #252525;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       :  #ababab no-repeat;
  border           : 2px  solid #41403a;
  margin-top          : 5px ;
  margin-bottom     : 10px ;
  white-space      : pre;
  text-align       : center;  
  width:50px;
  float            : right;
}
/* End of 'frombuilder' */