﻿/* Neutralize styling */
html, body, form, fieldset 
{
	
	margin: 0;
	padding: 0;
}

p, pre,
blockquote, ul, ol, dl, address 
{
	margin: 1em 0 1em .5em;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	padding: 0;
	margin: 0;	

}

h1 
{
    color: #c82123;
    font: normal 22px Arial;
    padding-bottom: 5px;
    
}

li, dd, blockquote 
{
	margin-left: 1em;
}

li { padding: 2px 0 2px 0; }

a img { border: none; }
a { text-decoration: none; }
p { padding: 0; margin: 12px 0 12px 0; }

body 
{
    background:#fff url(../../../../images/sub_bg.jpg) top center no-repeat;
    font:normal 12px tahoma;
	color:#626262;
    padding-bottom:40px;
}
.container
{
    margin:0 auto;
    width:941px;
}
.content
{
    text-align:justify;
}
.header
{
   
    padding-top: 100px;
    position: relative;
}
.mainlogo
{
    position:absolute;
    right:-20px;
    top:-0px;
}
.dg-logo
{
    position:absolute;
    left:44px;
    top:38px;
}
.separator1
{
     position:absolute;
     left:238px;
     top:50px;
}
.separator2
{
     position:absolute;
     left:0px;
     top:50px;
} 

.header-links
{
     position:absolute;
     left:280px;
     top:58px;
     direction:rtl;
}
.header-links span
 {
      font:normal 11px Arial;
      color:#fff;
      padding:0px 7px;
 }
.header-links a
{
    font:normal 11px Arial;
    color:#fff;
    text-decoration:none;
}
.header-links a:hover
{
    text-decoration:underline;
   
}
.search
{
     position:absolute;
     top:59px;
     left:480px;
     width:174px;
     height:18px;
     overflow:hidden;
     direction:rtl;
}
.search input
{
     border:0px;
     width:135px;
     height:17px;
     margin-top:0px;
     padding-top:2px;
     #padding-top:2px;
     padding-right:2px;
     font:normal 10px tahoma;
     color:#919191;
 }
#separator
{
     position:absolute;
     right:250px;
     top:50px;
}
.leftPart
{
    width:206px;
  
    float:right;
}
.middle
{
    width:513px;
    float:right;
    background:url(../../../../images/sub_middle_bg.jpg) top center no-repeat;
    padding:17px 18px 0 18px;
    min-height:500px;
    padding-bottom:10px;
	direction:rtl;
	line-height:150%
   
}
.rightpart
{
    width:185px;
    float:left;
    padding-top:5px;
}
.sub-clear
{
    clear:both;
    height:1px;
    line-height:0px;
    background-color:#00a8b6;
}
.leftMenu
{
    background:#d1eff3 url(../../../../images/sub_LM_topcorners.jpg) top left no-repeat;
    margin-top:3px;
    padding-top:7px;
    direction:rtl;

   
}
.leftMenu-cover
{
     background:#d1eff3 url(../../../../images/LM_bottomcorners.jpg) bottom left no-repeat;
      
}

.leftMenu-cover ul
{
	list-style-type: none;
	margin: 0 0 0 1px !important;
	padding: 0;
	
}
.leftMenu-cover ul li
{
	margin:0px;
	color:#0098a3;
	font:normal 12px tahoma;
	padding:0px;

}
.leftMenu-cover ul a 
{
    color: #0098a3;
    font:bormal 12px tahoma;
    display:block;
    padding:6px 25px 6px 0px !important;
    border-bottom:solid 2px #fff;
}
.leftMenu-cover ul a:hover
{
    color:#6ba92c;
    background:url(../../../../images/lm_arrow_ar.gif) right no-repeat;
    background-position:185px 11px !important;

} 
a.selectedMenu
{
    color:#6ba92c !important;
    background:url(../../../../images/lm_arrow_ar.gif) right no-repeat !important;
     background-position:185px 11px !important;
}
.right-sectios
{
    background:#f3fbfc url(../../../../images/sub_right_sections_bg.jpg) top left no-repeat;
    height:100px;
    padding:12px;
    font:normal 12px tahoma;
    color:#818181;
    direction:rtl;
}
.right-sectios p
{
    text-align:justify;
    margin:0px;
    padding:10px 0;
    direction:rtl;
}
.right-sectios-title
{
    font:bold 14px tahoma;
    color:#28bac5;
    text-align:center;
    border-bottom:solid 1px #fff;
    padding-bottom:5px;
    direction:rtl;
}
.Footer
{
    background:url(../../../../images/footer_bg.jpg) top left repeat-x;
    height:42px;
    font:normal 11px tahoma;
    color:#fff;
    padding:14px 0 0 12px;
    position:relative;
}
.Footer a
{
    font:normal 11px tahoma;
    color:#fff;
    padding:0 3px;
}
.Footer a:hover
{
    text-decoration:underline;
}
.footer-rightcorner
{
    position:absolute;
    left:932px;
    top:0px;

}
.footer-leftcorner
{
    position:absolute;
    left:0px;
    top:0px;
}
.sub-contianer
{
    margin:10px 0 0 0;
    
}
.b-bottom
{
    font:normal 20px Times New Roman;
    color:#00a8b6;
    background:url(../../../../images/titles_icon.jpg) right no-repeat;
    background-position:388px 3px;
    padding-right:25px;
    direction:rtl;
}
a.print
{
    font:normal 11px tahoma;
    background-position:20px 2px !important;
    color:#00a8b6;
}
a.print:hover
{
    text-decoration:underline;
}
a.share
{
    font:normal 11px tahoma;
    background-position:0 2px !important;
    color:#00a8b6;
}
a.share:hover
{
     text-decoration:underline;
}
.more
{
    margin:0px;
    padding:0px;
}
.more a
{
     color:#6ba92c;
     font:normal 11px tahoma;
     direction:rtl;
     padding-right:15px !important;
}
.more a:hover
{
    text-decoration:underline;
}

a.Next-Pre 
{
color:#fff;
font:normal 11px tahoma;
text-decoration:none;
}
a.Next-Pre:hover
{
text-decoration:underline;
}

ul.list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.list li
{
	background:url(../../../../images/lm_arrow_ar.gif) no-repeat top right;
	padding: 5px 15px 5px 0;
	background-position:495px 14px !important;
	direction:rtl;
}
ul.list a { color: #0082c8; }
ul.list a:hover { text-decoration: underline; }
.info-news
{
    direction:rtl;
}
.MoreNews
{
    margin-top:30px;
    color:#fff;
    font-size:12px;
    font-family:tahoma;
    font-weight:bold;
    background-color:#00a8b5;
    direction:rtl;
    padding:4px;
}
div.LinksOfNews
{
    background-color:#d8f2f4;
   padding:3px;
   padding-right:4px;
   margin:0 0 0 0;
   border-top:solid 1px #fff;
   direction:rtl;
}
div.LinksOfNews a
{
 font:normal 12px tahoma;
	color:#474747;
	direction:rtl;
}
div.LinksOfNews a:hover
{

 text-decoration:underline;
}
.News-Highlights
{
    width:355px;
    float:left;
    margin:0 0 0 2px;
}
.News-Highlights-img
{
    float:right;
    height:110;
    width:146px;
    border:solid 1px #f5f5f5;
}
.News-Highlights-title
{
    background:#e9e9e9 url(../../../../images/NH_bg.jpg) top left repeat-x;
    font:bold 11px tahoma;
    padding:10px 0 10px 10px;
    margin:0px 0px 0px 0px;
}
.News-Highlights-title a
{
font:bold 11px tahoma;
 color:#00A8B6;
}
.News-Highlights-title a:hover
{
 text-decoration:underline;
}
.View-all
{
    margin:2px 0 0 0;
    height:20px;
    clear:both;
    padding:5px 0 0 10px;
    background-color:#f0f0f0;
    text-align:left;
    direction:rtl;
}
.View-all a
{
    font:normal 11px tahoma;
    color:#00a8b6;
    font-weight:bold;
}
.View-all a:hover
{
    text-decoration:underline;
}
.Pager
{
    text-align: center; padding: 8px 0; background-color: #01a9b6;
    margin-top:5px;
    color:#fff;
}
.Pager a
{
    color:#fff;
    padding:0 3px;
}
.Pager a:hover
{
    text-decoration:underline;
}
a.gl
{
     color:#6ba92c;
}
a.gl:hover
{
    text-decoration:underline;
}
.FAQ-title
{
background-color:#00a8b5;
font:bold 11px tahoma;
color:#fff;
padding:5px 5px 5px 5px;
width:490px;
cursor:pointer;

}
.FAQ-answer
{
color: #5E5E5E;
font: normal 11px tahoma;
padding:5px 5px 5px 5px;
width:490px;
text-align:justify;
background-color:#edf9f9;


}

.ddsmoothmenu
{
    height:38px;
    background:url(../../../../images/TM_bg.jpg) bottom left repeat-x;
    margin:-17px 0 0 0 !important;
    #margin:-11px 0 0 0 !important;
    padding:0 35px;
    position:relative;
}
.RightCorner
{
    position:absolute;
    left:934px;
    top:11px;
    display:none;
}
.LeftCorner
{
    position:absolute;
    top:31px;
    left:0px;
    display:none;
    
}
.ddsmoothmenu ul
{
    z-index:1000;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li
{
    position: relative;
    display: inline;
    float: right;
    margin:0px;
    padding:0px;
   
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a
{
    font: normal 18px arial;
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding:11px 28px 7px; /*padding inside each tab*/
   #padding:11px 31px 7px; /*padding inside each tab*/
    color: #fff;

}

* html .ddsmoothmenu ul li a
{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited
{
    color: #fff;
}

.ddsmoothmenu ul li a.selected
{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: #9ed368; 
  color: #fff;
}

.ddsmoothmenu ul li a:hover
{
    background: #9ed368; /*background of menu items during onmouseover (hover state)*/
    color: #fff;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul
{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
     z-index:5px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li
{
    display:list-item;
    float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul
{
    top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a
{
     font: bold 12px tahoma;
    width: 159px; /*width of sub menus*/
    margin: 0;
    border-top-width: 0;
    background-color:#9ed368;
    padding:5px 22px 5px 22px !important;
    float:none;
    line-height:16px;
    border-bottom:solid 1px #fff;
}
.ddsmoothmenu ul li ul li a:hover
{
    background-color:#00adba;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


.downarrowclass
{
    position: absolute;
    top: 12px;
    right: 7px;
    display:none;
}

.rightarrowclass
{
    position: absolute;
    top: 6px;
    right: 5px;
    display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: #c4ddab;
}

.toplevelshadow
{ /*shadow opacity. Doesn't work in IE*/
    opacity:0.6 !important;
    filter:alpha(opacity=80) !important;
}
.sitemap
{
    
}
.sitemap a
{ 
    color:#00adba !important;
    font:normal 12px arial !important;
}
.sitemap a:hover
{
    text-decoration:underline !important;
}

.give-donations-sub
{
    background:url(../../../../images/give_ar.jpg) top left no-repeat;
    margin-top:16px;
    margin-left:7px;
    width:176px;
    padding:40px 15px 0 0;
    height:55px;
    direction:rtl;
}
.give-donations-sub a
{
    font:normal 12px tahoma;
    color:#909090;
}
.give-donations-sub a:hover
{
    color:#70a639;
    text-decoration:underline;
}
.dir
{
    direction:rtl;
}
.lblRes
{
    margin: 7px 0 3px 0; color: #00a9b8; font: bold 11px tahoma; background-color: #e5f6f8;padding: 5px;
    direction:rtl;
    width:497px;
}
.news-img
{
    float:right;
    margin:8px;
    border:solid 4px #e1f5f6;
     margin-top:0px;
}
.newstext
{
    text-align:justify;
}
.pg-loadingImg
{
    position: absolute; margin: 60px 245px 0 0; display:none;
}
.pg-next-pre
{
    background-color: #029ca8;width: 497px; border: solid 1px #f5f5f5;padding:5px;
    margin-top:5px;
    direction:rtl;
}
.left
{
    text-align:right;
}
.right
{
    text-align:left;
}
 #contactTable
    {
      direction:rtl;
    }
    #contactTable td select
    {
        height: 18px; #height:12px;width:150px;font-family:Arial;font-size:11px;color:#4f4f4f;}
    #contactTable td input
    {
        font-family: tahoma;
        font-size: 12px;
        color: #4f4f4f;
    }
    #contactTable td textarea
    {
        width: 305px;
        height: 100px;
        font-family: tahoma;
        font-size: 11px;
        color: #4f4f4f;
    }
    #contactTable td label
    {
        font-family: tahoma;
        font-size: 11px;
    }
    #contactTable td
    {
        vertical-align: top;
        padding: 5px;
    }
    label.error
    {
        /*color: #b495b5;*/
        background: url(templates/home/images/tool.png) no-repeat top left;
        color: Red;
        font-family: Verdana;
        font-size: 11px;
        position: absolute;
        margin-top: -15px;
        width: 250px;
        padding-left: 10px;
        padding-top: 3px;
        height: 34px;
    }
    .request
    {
     display:none;   
    }
    .required
    {
        border:solid 1px #0098a3;
    }
    .lblThank
    {
        background-color:#d5f3f5;
        padding:10px;
        text-align:justify;
        direction:rtl;
        font-family:Tahoma;
    }
     .btns
    {
        background-color:#01a8b8;
        border:solid 1px #fff;
       
        padding:1px;
    }
     .ln-title
 {
     color:#8d8d8d;
     font-size:13px;
     text-align:justify;
 }
  .ln-title a
 {
     color:#8d8d8d;
     font-size:13px;
     
 }
  .ln-title a:hover
  {
      text-decoration:underline;
  }
 #dhtmltooltip
 {
    position: absolute;
    color:#fff;
    font:bold 11px tahoma;
    padding:8px 8px 8px 8px;
    background-color:#00a7b4;
    visibility: hidden;
    direction:rtl;
    z-index: 100;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer
{
    position:absolute;
    z-index: 101;
    visibility: hidden;
     direction:rtl;
     color:#fff;
    font:bold 11px tahoma;
}
.member-login
{
    background: url(../../../../images/login_ar.jpg) no-repeat top left; height: 130px;
    width: 179px; padding-right: 10px; padding-left: 5px; padding-top: 40px;
    margin:15px 0 0 8px !important;
    direction:rtl;
}

.member-login table tr td table tr td
{
   
}

.btn-login
{
    text-align:left;
    padding:10px 0 5px 0 !important;
 
    
}
.lblNotMember
{
    font-size:10px;text-align:right;display:block;
    padding:3px;
    font:normal 12px tahoma;
    text-align:center;
}

.reg-form
{
    background-color: #e8f8f8; padding-bottom: 10px;
    padding:12px;
}
.reg-form table
{
   direction:rtl;
}
.form-header
{
    border:solid 1px #eeeeee;
    background-color:#f3f3f3;padding:7px;color:#2359bd;
    margin:5px 0;
}
.input-title
{  
    color:#2359bd;
    font:normal 11px tahoma;
}
.input-title span
{
    color:#e8080b;
}
.input
{
    border:solid 1px #e6e6e4;
    width:300px;
    margin:0 0 0 5px !important;
    font:normal 11px verdana;
    height:15px;
    padding:2px 0 0 0 !important;
    color:#696765;
}

.ddls-input
{
   
    Height:25px; 
    border:solid 1px #e6e6e4;
    Width:300px;
    margin:0 0 0 5px !important;
    font:normal 11px arial;
    Height:20px; 
    #Height:26px;
    padding-top:1px;
    color:#696765;
}

span.error-msg
{
    position: absolute;
}
span.error-msg span
{
    display:block; 
    margin-top: -10px; 
    margin-right:20px;  
    position:absolute;
	padding: 12px 10px 0 5px;
	width:120px;
	color: #851111 !important;
	font: bold 10px/16px tahoma;
	z-index:25;
	direction:rtl;
}
span.error-msg span img
{
    float: right;
    margin:-2px -20px 0 10px;
    #margin:-16px -20px 0 10px;
}
.board-header
{
    text-align: left;
    background-color:#bdeaed;
    padding:8px;
    margin-bottom:5px;
}
.board-header a
{
    color:#fff;
    background-color:#01a9b6;
    font:normal 11px tahoma;
    padding:4px;
    border:solid 1px #fff;
}
.board-header a:hover
{
    text-decoration:underline;
}
 #addtop td
    {
        font-family: tahoma;
        text-align: right;
    }
    #addtop td input
    {
        border: solid 1px #00a8b6;
    }
    .pass
    {
           border: solid 1px #00a8b6;
        
    }
    .grid1
    {
        border: solid 1px #ffffff !important;
    }
    .grid-header
    {
        font-family: tahoma;
        background-color: #00a8b6;
        color: #ffffff;
        font-size: 11px;
        text-align: center;
        padding: 5px;
    }
    .grid-item
    {
        border: solid 1px #ffffff !important;
        background-color: #cdeff1;
        padding: 0 5px 0 5px;
    }
    .grid-item-alternate
    {
        border: solid 1px #ffffff !important;
        padding: 0 5px 0 5px;
        background-color: #eefafa;
    }
    .grid-paging
    {
        display: block;
        padding: 2px 5px;
        background-color: #00a8b6;
        color: #fff;
    }
    .topic-title
    {
        text-decoration: none;
        font-family: Verdana;
        font-weight: bold;
        color: #63a400;
    }
    .view-topic-date
    {
        font-family: Verdana;
        font-weight: bold;
        font-size: 10px;
        background-color: #f8fcfd;
        border: solid 1px #ccc;
    }
    .view-poster
    {
        font-size: 13px;
        font-weight: bold;
        font-family:Tahoma;
    }
    .view-topic-title
    {
        display: block;
        border-bottom: solid 1px #cccccc;
        font-weight: bold;
        color: #28bac5;
        font-size: 12px;
        font-family:Tahoma;
    }
        .lblLocation
    {
       font-family:arial;
       font-size:10px;
       color:#63a400;
       
           }
           
           
.btns-style
{
    text-align: right;
    margin:5px 0  !important;;
    
}
.btns-style a
{
    color:#fff;
    background-color:#01a9b6;
    font:normal 11px tahoma;
    padding:4px;
    border:solid 1px #fff;
}
.btns-style a:hover
{
    text-decoration:underline;
}

.login
{
    width:323px;
    border:solid 1px #efefef;
    margin:20px 70px 0 0;
    background:url(../../../../images/login_bg.jpg) top left repeat-x;
    padding:25px 34px;
    direction:rtl
}
.sub-login
{
    background-color:#fff;
    font:bold 12px tahoma;
    color:#929192;
    padding:15px 0;
    padding-right:40px;
    
}
.sub-login input
{
    background-color:#fcfcfc;
    border:solid 1px #f0f0f0;
    height:19px;
     font:bold 13px tahoma;
    color:#dddddd;
    padding-top:3px;
    width:230px;
}
.sub-login a
{
    font:bold 12px tahoma;
    color:#929192;
}
.sub-login a:hover
{
    text-decoration:underline;
}
.not-member
{
    background-color:#f6f6f6;
    padding:10px 0;
     font:bold 12px tahoma;
    color:#929192;
}
.not-member a
{
    font:bold 14px tahoma;
    color:#929192;
}
.not-member a:hover
{
    text-decoration:underline;
}
.SearchResultList
{
    padding:5px 5px 5px 5px;
    margin-bottom:10px;
    background-color:#edf8fa;
    border:solid 1px #ebf6f8;
     color:#626262;
    font:normal 15px arial;
    line-height:150%;
}
.SR-title
{
    text-align:right;
}
.SR-title a
{ 
    color:#28bac5;
    font:bold 11px tahoma;
    text-decoration:none;
}
.SR-title a:hover
{
    text-decoration:underline;
}
.pager_info
{
    color:#6a4b0b !important;
    padding-right:10px !important;
    font:normal 11px arial;
}
.pager_info a
{
    color:#fff !important;
    font:normal 11px arial;
    padding:0px 3px;
}
.pager_info a:hover
{
    text-decoration:underline;
}


.lblResolution
{
    margin:7px 0 3px 0;
    color:#28bac5;
    font:bold 11px arial;
    background-color:#d0f7f9;
    padding:8px;
    width:491px;
}

.Nav-Gallery
{

    background-color:#28bac5;
    margin-top:5px;
    width:499px;
    direction:rtl;
    border:solid 1px #a3d5db;
}
.Nav-Gallery a
{
 color:#fff;
 font:bold 12px tahoma;
}
.Nav-Gallery a:hover
{
 text-decoration:underline;
}
.videobody-loading
{
position:absolute;margin:25px 245px 0 0;
}
