*{margin:0;padding:0}
html{direction:rtl;font:normal 8pt/20px tahoma;color:#444}
body{background:#dcdbdc;text-align:justify}
a{text-decoration:none;color:#006c35}
a:hover{color:#FF8A00}
a:visited{}
a:active{}
a img{border:none}
input,select{font:8pt tahoma}

.button{display:block;padding:0 15px;margin-right:auto;clear:left;cursor:pointer;font:bold 13pt "Simplified Arabic";text-align:center;color:#fff;background:#006c35 url(../images/h-grds.png) repeat-x 0 -180px;border:1px solid #007139;white-space:nowrap;overflow:hidden}
.button:hover{background-color:#FF7F00;border-color:#F47600;color:#fff}

.form{min-width:450px;border:0}
.form legend{display:none}
.form label{display:inline-block;text-align:left;padding:0 5px;vertical-align:top;margin-bottom:20px}
.form .label{width:110px;font-weight:bold}
.form em{color:red;font-style:normal}
.form .textBox,.form .textArea,.form select{background:#fff url(../images/h-grds.png) repeat-x 0 0;border:1px solid #E6E6E6;color:#777}
.form .textBox{background-position:0 -30px;height:22px;padding:0 5px}
.form .textArea{background-position:0 -60px;padding:0 5px}
.form select{background-position:0 -30px;background-color:transparent;padding:5px}
.form .button{margin:auto}
.form .sml{width:10%;min-width:100px}
.form .sml2{width:28%;min-width:130px}
.form .med{width:40%;min-width:150px}
.form .lrg{width:60%;min-width:250px}

.form .correct,.form .incorrect{display:inline-block;padding-right:20px;margin-right:5px}
.form .correct{color:green;background: url(../images/succeed.png) no-repeat 99% 50%}
.form .incorrect{color:red;background: url(../images/error.png) no-repeat 99% 50%}

.form .textBox:hover,.form .textArea:hover{border:1px solid #d8d8d8}
.form .textBox:focus,.form .textArea:focus{background:#fff;border:1px solid #35BB29}

#loading{width:100%;min-height:137px;padding-top:10%;height:90%;background:#f0f0f0;text-align:center;position:absolute}
#container{margin:0px auto;min-height:500px;background:url(../images/header-bg_02.png) top repeat-x;border:1px solid #EAEAEA}
#content{width:980px;margin:0px auto;min-height:500px;background:#ececec;box-shadow:1px 5px 10px #888;-moz-box-shadow:1px 5px 10px #888;-webkit-box-shadow:1px 5px 10px #888;margin-bottom: 20px;}

#header{width:980px;margin: auto;height:271px;background: url(../images/header-bg2_02.png) no-repeat}
#header img{margin: 40px 100px 0 0}
#logo{float:right;display:block;width:248px;height:200px;background: url(../images/header-img_03.png) no-repeat;margin-top: 30px}

#rightColumn{width:230px;float:right;padding:20px 0}

ul.menu{margin:0 -10px;padding:0;list-style:none}
ul.menu li{margin-right:25px;background: url(../images/menu-bg_14.png);width: 227px;height: 30px;}
ul.menu li img{vertical-align:middle}
ul.menu li #home{padding-right: 0px;font:bold 13pt "Simplified Arabic";}
ul.menu li a{padding:5px;padding-right: 50px;font:bold 11pt "Simplified Arabic";}
ul.menu li a:hover{padding-right:51px}

ul.dateArchive li a span{float:left;color:#aaa;font-weight:bold}
ul.dateArchive li a:hover span{color:#FF8A00}

.form.login{min-width:185px;padding:0;margin:0px;border:0px}
.form.login legend{display:none}
.form.login .label{padding-right:3px;vertical-align:bottom;margin-bottom:0px;width:auto;text-align:right;color:#969DA5;font-weight:bold;cursor:pointer}
.form.login .textBox{width:198px}
.form.login #login-submit{cursor:pointer;float:left;font:bold 8pt tahoma;padding:0 5px 3px;margin-top:17px}

#middleContent{margin-right:240px;padding:20px}
.breadCrumb{background:#F8F8F8 url(../images/breadcrumbbg.png) repeat-x;height:39px;margin-bottom:20px;border:1px solid #f0f0f0}
.breadCrumb a.home{display:inline-block;background:url(../images/drk-20-home.png) no-repeat;width:30px;height:39px}
.breadCrumb span{display:inline-block;background:url(../images/breadsep.png) no-repeat top left;height:19px;padding:10px 0px 10px 30px;vertical-align:top;font-weight:bold;color:#969DA5}
.breadCrumb span.current{background:none;color:#666}
.breadCrumb span a{}
.breadCrumb span a:hover{}

.block{background:#F8F8F8;margin:0 0 20px 0;vertical-align:top;border:1px solid #f0f0f0;min-height: 240px}
.block .title{padding:2px 10px;font:bold 12pt "Simplified Arabic";color:#fff;background: #006c35}
.block .info{padding:0 10px;background:#F3F3F3;color:#9F9F9F;font-size:8pt}
.block .content{padding:10px;min-height:100px;margin-top: 10px}
.block .text .img{float:left;vertical-align:text-top;background:#E4E4E4;margin:10px 10px 10px 0;padding:3px}
.block.sml,.block.xsml{display:inline-block; width:49%}
.block.sml,.block.xsml{width:30%}
.block.sml .title,.block.xsml .title{background:#006c35}

.block2{background:#F8F8F8;margin:0 0 20px 0;vertical-align:top;border:1px solid #f0f0f0;min-height: 80px}
.block2 .title{padding:2px 10px;font:bold 12pt "Simplified Arabic";color:#fff;background: #006c35}
.block2 .info{padding:0 10px;background:#F3F3F3;color:#9F9F9F;font-size:8pt}
.block2 .content{padding:10px;min-height:100px;margin-top: 10px}
.block2 .text .img{float:left;vertical-align:text-top;background:#E4E4E4;margin:10px 10px 10px 0;padding:3px}
.block2.sml{display:inline-block; width:49%}
.block2.sml .title{background:#006c35}

.news{height:30px;padding-top: 20px;width:940px;margin: auto;overflow: hidden;}
.news ul{background:#F8F8F8;list-style: none}
.news ul li{margin-right:25px;height: 20px;margin-bottom: 10px;padding-top: 5px}
.news ul li a{padding:5px;font:10pt "Simplified Arabic";}

.middleBlock{width: 950px;margin:auto;margin-top: 20px}
.middleBlock .sml{width: 450px;margin:0 10px 20px 10px;height: 260px}
.middleBlock .xsml{width:292px;margin:0 10px 20px 10px;height: 260px}

#carousel {margin: 20px auto 0px auto;}


#vertical-ticker3 img,#vertical-ticker4 img{height: 200px;width:270px;margin-right:0px}

ul.sliderMenu{margin:0 -10px;padding:0;list-style:none}
ul.sliderMenu li{margin-right:25px;min-height:20px}
ul.sliderMenu li img{vertical-align:middle}
ul.sliderMenu li a{padding:5px;font:10pt "Simplified Arabic";display:list-item;list-style:inside url(../images/information.png);}

.sections{clear: both;text-align: center}
.sections .sec{background:url(../images/line_15.png) no-repeat bottom;padding-bottom: 10px;}
.sections .title{padding:10px 10px;font:bold 12pt "Simplified Arabic";color:#006c35;background:url(../images/sec-titel-bg_15.png) no-repeat center;text-align: center }
.sections .sectitle{padding:2px 10px;margin:10px 30px 10px 0;max-width: 300px;font:bold 12pt "Simplified Arabic";color:#fff;background:#006c35;}
.sections.sml{display:inline-block; width:257px;margin-right: 50px;height: 184px;overflow: hidden;margin-top: 10px}
.sections.sml img{height: 110px;max-width: 250px;border:solid 2px #ceced0}
.sections.sml a{font-weight:bold;font-size:10pt;white-space:nowrap}

#slider{padding-top: 20px;background:url(../images/line_15.png) no-repeat bottom;padding-bottom: 10px}

/*.services{display:block;padding:20px}
.services a{display:inline-block}
.services a *{display:inline-block;clear:none}
.services a span{margin-left:5px;vertical-align:middle}
.services div{clear:none}*/
.services a img{width:10%}

.details{display:block;margin-right:auto;background:url(../images/details.gif) no-repeat top right;width:71px;height:13px;clear: both}
.more{display: block;margin-right:auto;background:url(../images/more.gif) no-repeat top right;width:45px;height:13px}

.ad{display:inline-block;margin:0 auto 20px;border:1px solid #e8e8e8}
.ad img{display:block;border:1px solid #fff}
/*
.notice{display:block;border:1px solid silver;margin:10px 0;padding:2px 30px 2px 3px;opacity:0.8}
.error{border-color:#ee9ba1;color:#6C0022;background:#FFC6CA url(../images/error.png) no-repeat 99% 50%}
.information{border-color:#8ec7f7;color:#146cb7;background:#c7e2ff url(../images/information.png) no-repeat 99% 50%}
.attention{border-color:#edc628;color:#765300;background:#ffe396 url(../images/attention.png) no-repeat 99% 50%}
.succeed{border-color:#a7e283;color:#318100;background:#cfffb2 url(../images/succeed.png) no-repeat 99% 50%}*/

.notice{display:block;border:1px solid silver;margin:10px 0;padding:2px 2px 0;background:url(../images/h-grds.png) repeat-x 0 -180px}
.error{border-color:#ee9ba1;color:#6C0022;background-color:#FFC6CA}
.error:before{content:url(../images/error.png)}
.information{border-color:#8ec7f7;color:#146cb7;background-color:#c7e2ff}
.information:before{content:url(../images/information.png)}
.attention{border-color:#edc628;color:#765300;background-color:#ffe396}
.attention:before{content:url(../images/attention.png)}
.succeed{border-color:#a7e283;color:#318100;background-color:#cfffb2}
.succeed:before{content:url(../images/succeed.png)}
.notice:before{margin:3px 3px 0 6px;display:inline-block;vertical-align:top}

.dataGrid{border:1px solid #dadada;width:100%}
.dataGrid th{padding:5px;background:#d6d6d6 url(../images/h-grds.png) repeat-x 0 -180px;border-bottom:1px solid #CCC;white-space:nowrap}
.dataGrid td{padding:5px;border-left:1px solid #fff}

.familyDataGrid{vertical-align: middle;width:69%}
.familyDataGrid td{padding:5px;border-left:1px solid #fff}
.familyImg{width: 203px;height: 150px;vertical-align: middle}
.familyDataGrid .even{background-color: #e8edeb}
.familyDataGrid .cellTitle{color: #006c35;font:10pt "Simplified Arabic" ;min-width:150px}


.pager{text-align:center;height:20px;background:url(../images/drk-5.png)}
.pager .resultsCount{margin:1px 0;float:right;color:#2478c3;font-weight:bold}
.pager .resultsCount b{color:#649d00}
.pager .resultsCount em{font-style:normal;color:#888}
.pager .pages{float:left;text-shadow:0 0}
.pager .pages a{}
.pager a:link,.pager a:visited{display:inline-block;background:#74AA2C url(../images/h-grds.png) repeat-x 0 -31px;padding:2px;margin:2px;min-width:15px;min-height:15px;color:#fff;vertical-align:top}
.pager a.nextPrev:visited,.pager a.nextPrev:link{background-color:#006c35;padding:3px 10px 0px;}
.pager a:hover, .pager a.nextPrev:hover{background-color:#FF8A00}
.pager a.current:link, .pager a.current:visited{background-color:#1581C4;background-position:0 -31px;font-weight:bold}

.gallery{list-style:none;text-align:center;display:block;clear: both}
.gallery li{text-align:center;display:inline-block;line-height:15pt;margin:2px;min-width:100px}
.gallery li img{width:115px;height: 115px}
.gallery li a:link,.gallery li a:visited{display:block;background:url(../images/drk-5.png);padding:5px}
.gallery li a:hover{background-color:#fff;color:red}

#footer{clear:both;background:#252525;text-align:center;height: 90px;color: #fff;padding-top: 10px;;font:8pt "Simplified Arabic";}
#footer span{color:#ff8400;}
#footer #copyrights{color:#fff;}
#footer .footerLinks{margin-bottom: 30px;margin-top: 10px}
#footer .footerLinks span{color:#BEBDBE;margin-left:10px}
#footer .footerLinks a{color:#BEBDBE;margin-left:10px}
#footer .footerLinks a:hover{color:#FF8A00;}

.comment{margin-bottom:20px;padding:5px}
.commentDetails{height:40px}
.commentDetails *{display:block}
.commentDetails .thumb{float:right;background:url(../images/drk-5-point.png) no-repeat 0 100%;padding:0 0 5px 50px;margin-left: 10px}
.commentDetails .thumb img{width:31px;height:31px;background:#fff url(../images/drk-20-person.png) no-repeat center;padding:1px;border:1px solid #CCCCCC}
.commentDetails .name{}
.commentDetails .date{font-size:7pt;font-weight:normal;color:#B4B4B4}
.comment .quote{display:block;background:url(../images/drk-5.png);padding:10px}
.comment.odd .thumb{background-image:url(../images/light-80-point.png)}
.comment.odd .quote{background-image:url(../images/light-80.png)}

.titleTooltip{display:none;background:url(../images/drk-70.png);position:absolute;bottom:-65px;left:0px;z-index:2;white-space:nowrap;padding:10px}
.titleTooltip:before{content:"\00a0";display:block;position:absolute;top:-12px;left:16px;width:0;height:0;border:6px solid transparent;border-bottom-color:#000}
.titleTooltip:after{content:"\00a0";display:block;position:absolute;top:-10px;left:17px;width:0;height:0;border:5px solid transparent;border-bottom-color:#000}
/*.titleTooltip:before{content:"\00a0";display:block;position:absolute;bottom:-16px;left:46px;width:0;height:0;border:8px solid transparent;border-top-color:#222}
.titleTooltip:after{content:"\00a0";display:block;position:absolute;bottom:-14px;left:47px;width:0;height:0;border:7px solid transparent;border-top-color:#222}*/

.hide{display:none}
.inlineBlock{display:inline-block}
.center{margin:auto;text-align:center}
.lightShadow{text-shadow:1px 1px #fff}
.drkShadow{text-shadow:1px 1px #000}
.drkShadow2{color: #2D2D2D;text-shadow: 0 2px 0 #FFFFFF, 0 4px 0 rgba(0, 0, 0, 0.1);}
.left{float: left}
.right{float: right}
/* #logo:target{} /* style applied to #logo when a link of 'href="#logo"' clicked */
/* .button:focus{} /* style applied when element get focus */
/* .button:active{} /* style applied when button down */
/* [href]{} /* style applied to all elements has "href" attribute */
/* img[alt]{} /* style applied to all "img" has "alt" attribute */
/* input[type="text"]{} /* style applied to all "input" has "type=text" */
/* input:disabled{} /* Style applied to all disabled inputs */
/* input:enabled{} /* Style applied to all enabled inputs */
/* input:checked{} /* Style applied to checkboxes that checked */
/* input:indeterminate {} /* Style applied to radio buttons that not chosen nither unchosen */
/* .text:after{content:"..."} /* add the "..." after the content of ".text" */
/* h1:before{content:url(icon.gif)} /* add "icon.gif" before content of "h1" */
/* img:after{content:attr(alt)} /* set "alt" value after img tag */

.contactInfo{text-align: center;border-bottom:3px solid #dcdbdc;padding-bottom:20px}
.contactInfo > a,.contactInfo > b,.contactInfo > img{display: inline-block;margin-left:20px;vertical-align:middle;color:#006c35 }
.contactInfo > img{margin:-4px 0 0}