body
{
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Arabic Transparent';
    font-size: 15px;
    color: Black;
    line-height: 25px;
    text-decoration: none;
}
.lblSearch
{
    font-size: 14px;
    font-weight: bold;
}
#divQuestion
{
    color: #cc3333;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px;
    font-family:Tahoma;
}
.gallery-thumb
{
    height: 120px;
    margin: 5px;
    width: 242px;
}
ul.inline-b li
{
    display: inline-block;
}
ul.inline li
{
    display: inline;
}
.gallery-div
{
    width: 256px;
    overflow: hidden;
    display: inline-block;
    padding: 11px 0;
}

.book-div
{
    width: 730px;
    height: 225px;
    overflow: hidden;
    display: inline-block;
}

.book-cover
{
    width: 49px;
    height: 51px;
}

.system-divtren
{
    height: 460px;
    width: 345px;
    margin-left: 23px;
    overflow: hidden;
    background-image: url(/designimages/T-rightBG.jpg);
    background-repeat: repeat;
    border-left: solid;
    border-left-color: #d3f0f0;
    border-left-width: 1px;
}
.system-divtr
{
    height: 460px;
    width: 345px;
    margin-right: 23px;
    overflow: hidden;
    background-image: url(/designimages/T-rightBG.jpg);
    background-repeat: repeat;
    border-right: solid;
    border-right-color: #d3f0f0;
    border-right-width: 1px;
}

.system-div
{
    height: 367px;
    width: 375px;
    margin-right: 23px;
    overflow: hidden;
    background-image: url(/designimages/rightBG.jpg);
    background-repeat: repeat;
    border-right: solid;
    border-right-color: #bfbfbf;
    border-right-width: 1px;
}
.gallery-cursor
{
    margin: 65px 3px 3px;
}

.system-cursor-up
{
    height: 33px;
    width: 375px;
    margin-right: 23px;
    background-image: url(/designimages/rightBG.jpg);
    background-repeat: repeat-y;
    border-top-style: solid;
    border-top-color: #bfbfbf;
    border-top-width: 1px;
    border-right: solid;
    border-right-color: #bfbfbf;
    border-right-width: 1px;
}

.system-cursor-bottom
{
    height: 33px;
    width: 375px;
    margin-right: 23px;
    background-image: url(/designimages/rightBG.jpg);
    background-repeat: repeat-y;
    border-bottom-style: solid;
    border-bottom-color: #bfbfbf;
    border-bottom-width: 1px;
    border-right: solid;
    border-right-color: #bfbfbf;
    border-right-width: 1px;
}

.system-cursor-uptren
{
    height: 33px;
    width: 344px;
    margin-left: 24px;
    background-image: url(/designimages/T-rightBG.jpg);
    background-repeat: repeat-y;
    border-top-style: solid;
    border-top-color: #bfbfbf;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-color: #bfbfbf;
    border-right-width: 1px;
}

.system-cursor-uptr
{
    height: 33px;
    width: 344px;
    margin-right: 24px;
    background-image: url(/designimages/T-rightBG.jpg);
    background-repeat: repeat-y;
    border-top-style: solid;
    border-top-color: #bfbfbf;
    border-top-width: 1px;
    border-right: solid;
    border-right-color: #bfbfbf;
    border-right-width: 1px;
}

.system-cursor-bottomtr
{
    height: 33px;
    width: 344px;
    margin-right: 24px;
    background-image: url(/designimages/T-rightBG.jpg);
    background-repeat: repeat-y;
    border-bottom-style: solid;
    border-bottom-color: #bfbfbf;
    border-bottom-width: 1px;
    border-right: solid;
    border-right-color: #bfbfbf;
    border-right-width: 1px;
}

.system-cursor-bottomtren
{
    height: 33px;
    width: 344px;
    margin-left: 24px;
    background-image: url(/designimages/T-rightBG.jpg);
    background-repeat: repeat-y;
    border-bottom-style: solid;
    border-bottom-color: #bfbfbf;
    border-bottom-width: 1px;
    border-right: solid;
    border-right-color: #bfbfbf;
    border-right-width: 1px;
}
.system-nav-uptren
{
    margin-left: 40%;
    margin-top: -10px;
}
.system-nav-downtren
{
    margin-left: 40%;
    padding-top: 25px;
}

.system-nav-up
{
    margin-right: 40%;
    margin-top: -10px;
}
.system-nav-down
{
    margin-right: 40%;
    padding-top: 25px;
}
.system-link-selected
{
    border: solid 1px #cccccc;
    background-color: #eff6fe;
    font-family: 'Arabic Transparent';
    color: #0068B0 !important;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
    height: 28px;
}

.system-link-selectedtren
{
    border-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    border-left-width: 1px;
    border-left-color: #cccccc;
    border-left-width: 1px;
    border-bottom-color: #cccccc;
    background-color: #ebf8f7;
    font-family: 'Arabic Transparent'; /*color: #006633;*/
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    height: 28px;
}

.system-link-selectedtr
{
    border-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    border-right-width: 1px;
    border-right-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    background-color: #ebf8f7;
    font-family: 'Arabic Transparent'; /*color: #006633;*/
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
    height: 28px;
}

.pagerLink
{
    padding: 0 5px;
}
.system-link
{
    font-size: 15px;
    font-weight: bold;
    font-family: 'Arabic Transparent';
    color: #333333;
    padding-top: 5px;
    height: 28px;
}

.system-linken
{
    font-size: 12px;
    font-weight: bold;
    font-family: 'Arabic Transparent';
    color: #333333;
    padding-top: 5px;
    height: 28px;
}



/*/*/

.system-link-en
{
    font-size: 15px;
    font-weight: bold;
    font-family: 'Arabic Transparent';
    color: #333333;
    padding-top: 5px;
    height: 28px;
}

.system-div-en
{
    height: 367px;
    width: 387px;
    margin-left: 23px;
    overflow: hidden;
    background-image: url(/designimages/rightBG.jpg);
    background-repeat: repeat;
    border-left: solid;
    border-left-color: #bfbfbf;
    border-left-width: 1px;
}

.system-cursor-up-en
{
    height: 33px;
    width: 387px;
    margin-left: 23px;
    background-image: url(/designimages/rightBG.jpg);
    background-repeat: repeat-y;
    border-top-style: solid;
    border-top-color: #bfbfbf;
    border-top-width: 1px;
    border-left: solid;
    border-left-color: #bfbfbf;
    border-left-width: 1px;
}

.system-cursor-bottom-en
{
    height: 33px;
    width: 387px;
    margin-left: 23px;
    background-image: url(/designimages/rightBG.jpg);
    background-repeat: repeat-y;
    border-bottom-style: solid;
    border-bottom-color: #bfbfbf;
    border-bottom-width: 1px;
    border-left: solid;
    border-left-color: #bfbfbf;
    border-left-width: 1px;
}

.system-nav-up-en
{
    margin-left: 40%;
    margin-top: -10px;
}
.system-nav-down-en
{
    margin-left: 40%;
    padding-top: 25px;
}
.system-link-selected-en
{
    border-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    border-left-width: 1px;
    border-left-color: #cccccc;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    background-color: #faf5ec;
    font-family: 'Arabic Transparent'; /*color: #006633;*/
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
    height: 28px;
}



/**/


/*#divSystems a:link,#divMainSystemChilds a:link { font-size:15px; font-weight:bold; color:Black;  text-decoration: none; }
#divSystems a:active ,#divMainSystemChilds a:active  {color: #006633;  text-decoration: none; }
#divSystems a:visited ,#divMainSystemChilds a:visited  { text-decoration: none;}
#divSystems a:hover ,#divMainSystemChilds  a:hover { color: #000000; }*/

.register-box
{
    background-color: #E4E4E4;
    border: solid 1px silver;
}
.msgbox
{
    background-color: InfoBackground;
    border: solid 1px #000000;
    padding: 10px;
    color: Navy;
    line-height: 30px;
}
.pager-box
{
    text-align: center;
    background-color: #e4e4e4;
    border: solid 1px silver;
    width: 25px;
    height: 25px;
    margin: 6px;
    color: #000000;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    line-height: 25px;
}
.pager-selected
{
    color: White;
    font-weight: bold;
    background-color: Navy;
}
/* home-styles */
.header-up
{
    height: 32px;
    background-image: url(/designimages/headerUp.jpg);
    background-repeat: repeat-x;
    width: 452px;
}
.header-down
{
    background-color: #0a6836;
    width: 452px;
    height: 128px;
}
.main-div
{
    text-align: center;
}
.header-div
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.body-div
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.header-links
{
    text-align: left;
    color: White;
    font-family: Tahoma;
}
.header-links li
{
    display: inline;
    padding-left: 5px;
}
.header-links li a
{
    color: White;
    vertical-align: middle;
    line-height: 32px;
    font-size: 11px;
}
.login-div
{
    height: 64px;
    width: 352px;
    padding-top: 35px;
    padding-right: 50px;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
}
.login-div div.inner-login
{
    width: 344px;
    height: 64px;
    background-color: #d9e8e1;
}
.news-bar
{
    height: 30px;
    width: 100%;
    background-image: url(/designimages/marqueebg.jpg);
    background-repeat: repeat-x;
    border-top: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    font-family: Tahoma;
    color: White;
    vertical-align: middle;
    line-height: 28px;
    font-size: 11px;
    text-align: right;
}
.news-bar a
{
    color: #ffffff;
    display: inline-block;
    height: 28px;
    line-height: 28px;
}
.micon
{
    vertical-align: middle;
    margin-bottom: 1px;
}
.menu-bar
{
    height: 60px;
    width: 100%;
    border-bottom: solid 1px #ffffff;
    color: White;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    background-color: #d9e8e1;
    text-align: right;
}
.header-sep
{
    height: 3px;
    width: 100%;
    background-color: #80b299;
}
.menu-links
{
    margin-right: 15px;
    margin-top: 10px;
    display: inline-block;
}
.menu-links li
{
    display: inline;
}
.menu-links li a
{
    color: inherit;
    display: inline-block;
    padding: 5px;
    padding-right: 12px;
}
.search-div
{
    display: inline-block;
    padding-top: 5px;
    padding-left: 5px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    float: left;
}
.search-div input[type="text"]
{
    height: 24px;
    display: inline-block;
    border: 0px;
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
}
.right-panel
{
    float: right;
    width: 310px;
    background-color: #f9f3dd;
    margin-right: 10px;
}
.internal-right
{
    float: right;
}
.internal-left
{
    float: left;
    background-color: #f9f3dd;
    min-height: 400px;
    width: 200px;
}
.title-1
{
    font-size: 20px;
    font-weight: bold;
    color: #006766;
    line-height: 20px;
    padding: 6px;
}
.title-2
{
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    line-height: 20px;
    padding: 6px;
}
.title-inner
{
    font-size: 18px;
    font-weight: bold;
    color: #006766;
    line-height: 20px;
    padding: 6px;
}
.bullet-sep
{
    background-image: url(/designimages/bullet-sep-bg.png);
    background-repeat: repeat-x;
    height: 6px;
    width: 96%;
    margin: 5px;
}
.news-panel
{
    border: 10px solid #DDDDDD;
    padding: 3px 18px;
    font-weight: bold;
    font-size: 16px;
    list-style: NONE;
    background-color: White;
}
.news-panel a
{
    color: #9b999a;
}
.news-panel a:hover
{
    color: #68686a;
}
.vote-panel
{
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}
.gallery-panel
{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    margin-top: 10px;
}
.vote-header
{
    background-color: #cc3333;
    height: 29px;
    text-align: right;
    color: White;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 15px;
}
.gallery-header
{
    background-color: #682f79;
    height: 29px;
    text-align: right;
    color: White;
    padding-right: 10px;
    padding-left: 10px;
}
.vote-body
{
    background-image: url(/designimages/votinBg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}
.vote-button
{
    float: left;
    margin-top: 40px;
    padding: 6px;
}
.sites-links
{
    float: right;
    width: 170px;
    margin: 6px;
}
.WAS-panel
{
    float: right;
    margin: 6px;
    width: 483px;
}
.WAS-news
{
    text-align: center;
    width: 331px;
}
.WAS-images
{
    background-color: #bed8cb;
    width: 150px;
    float: left;
    height: 375px;
    text-align: center;
    border-left: solid 1px #98b2a5;
    border-bottom: solid 1px #98b2a5;
}
.news-images-panel
{
    height: 355px;
    max-height: 355px;
    overflow: hidden;
}
.WAS-images ul li
{
    width: 126px;
    height: 106px;
    background-color: #FFFFFF;
    padding: 3px;
    margin: 6px;
    list-style-image: none;
    list-style-type: none;
    vertical-align: middle;
}
.WAS-images ul li img
{
    vertical-align: middle;
    margin-top: 3px;
}
.footer-div
{
    min-height: 150px;
    height: 160px;
}
.footer-div h3, .footer-div h2
{
    color: #68686A;
}
.footer-div ul li
{
    display: inline-block;
}
.footer-element
{
    color: #68686A;
    font-family: Tahoma;
    font-size: 12px;
}
.footer-hr
{
    width: 90%;
    background-image: url(/designimages/footer-hr.png);
    background-repeat: repeat-x;
    height: 2px;
}
.pray-div
{
    width: 226px;
    float: right;
    padding: 6px;
    height: 147px;
    background-image: url(../images/panelsBG.jpg);
    background-repeat: no-repeat;
}
.pray-divEn
{
    width: 226px;
    float: left;
    padding: 6px;
    height: 147px;
    background-image: url(../images/panelsBG.jpg);
    background-repeat: no-repeat;
    background-position: right;
}
.weather-divAr
{
    width: 200px;
    float: right;
    padding: 6px;
    height: 147px;
    background-image: url(../images/panelsBG.jpg);
    background-repeat: no-repeat;
}
.weather-divEn
{
    width: 200px;
    float: left;
    padding: 6px;
    height: 147px;
    background-image: url(../images/panelsBG.jpg);
    background-repeat: no-repeat;
    background-position: right;
}
.related-div
{
    width: 250px;
    float: right;
    padding: 6px;
    height: 147px;
    background-image: url(../images/panelsBG.jpg);
    background-repeat: no-repeat;
}
.related-divEn
{
    width: 250px;
    float: left;
    padding: 6px;
    height: 147px;
    background-image: url(../images/panelsBG.jpg);
    background-repeat: no-repeat;
    background-position: right;
}
.logo-div
{
    width: 250px;
    float: right;
    padding: 0 7px 0 0;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
}
.logo-div a
{
    color: #68686A;
}
.logo-div a:hover
{
    text-decoration: underline;
}

.logo-divEn
{
    width: 250px;
    float: left;
    padding: 0 0 0 7px;
    text-align: center;
}
.pray-image
{
    padding: 6px;
    float: left;
    margin-left: 20px;
}
.related-div ul
{
    list-style-type: square;
    list-style-position: inside;
}
.related-div ul li
{
    margin: 5px;
    display: list-item;
}

.path-div
{
    background-color: #ececec;
    height: 28px;
    width: 100%;
    color: #666666;
    width: 800px;
    min-width: 800px;
}
.internal-footer
{
    background-image: url(/designimages/footerbg.jpg);
    height: 70px;
    vertical-align: middle;
}
.vote-div, .vote-div a
{
    color: #9B999A;
}
.weather-holder
{
    background-color: #FFFFFF;
    width: 55px;
    height: 55px;
    padding: 3px;
    border: solid 6px #dddddd;
    float: right;
}
.grid
{
    border-top: solid 1px;
    border-right: solid 1px;
    width: 100%;
}
.grid th
{
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    color: black; /*border-bottom: solid 1px black;*/
    padding: 1px 1px 1px 4px;
    border-bottom-style: outset;
    border-right-style: outset;
    border-left: 1px solid;
    border-bottom: solid 1px;
    padding: 3px;
}
.grid tr td
{
    border-left: 1px solid;
    border-bottom: solid 1px;
    vertical-align: middle;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    font-family: Tahoma;
}
.grid tr th
{
    font-family: Tahoma;
    font-size: 12px;
}
.grid a
{
    color: Black;
    text-decoration: none;
    font-family: Tahoma;
    font-size: 12px;
}
.grid a:hover
{
    text-decoration: underline;
}
.madda
{
    height: 26px;
    padding: 2px;
    float: left;
}

.msgbox-holder
{
    width: 300px;
    background-color: #FFFFFF;
    overflow: auto;
    padding: 20px;
    height: 200px;
    max-height: 200px;
    border: solid 1px silver;
    float: left;
}
ul.madda-list
{
    height: 500px;
    max-height: 500px;
    overflow: auto;
    width: 183px;
}
ul.madda-list li
{
    padding: 6px;
    font-weight: bold;
    font-size: 15px;
}
.system-info
{
    color: #5e5e5e;
    font-size: 16px;
    width: 475px;
}
.system-info tr td
{
    padding: 6px;
    border-bottom: dashed 1px silver;
}
.error-dialog
{
    background-color: #FEF2E3;
    position: absolute;
    z-index:1000;
}
.mawad-header
{
    float: right;
    text-align: center;
    width: 183px;
    background-color: #80b299;
    color: #006633;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
}
.mawad-body
{
    float: right;
    width: 183px;
    background-color: #e8f2ed;
    color: #006634;
}
.system-header
{
    background-image: url('/DesignImages/nezamTitle.jpg');
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
}
.item-panel
{
    /*background-image:url(/DesignImages/bg_all.jpg);     background-repeat:repeat;*/
    background-color: #eff6fe;
    height: 500px;
    overflow: scroll;
    font-weight: bold;
    font-size: 15px;
    color: #333333;
}
.item-panelSysProjects
{
    /*background-image:url(/DesignImages/bg_all.jpg);     background-repeat:repeat;*/
    background-color: #eff6fe;
    height: 500px;
    overflow: scroll;
    font-weight: bold;
    font-size: 15px;
    color: #333333;
    padding:10px 25px;
}
.versioned-madda
{
    background-color: #ffecec; /*position: relative;*/
}
.system-cont
{
    border: solid 2px #80b299;
}
.system-t-image
{
    width: 100%;
    text-align: center;
    margin-top: -22px;
}
.targama-t-image
{
    width: 100%;
    text-align: center;
    margin-top: -27px;
}
.system-card
{
    font-weight: bold;
    font-size: 16px;
}
.system-table
{
    /*border: solid 2px #7fb299;*/
    height: 500px;
    margin-bottom: 20px;
}
ul.targama-menu
{
    background-color: #D9E8E1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}
.mawad-selector
{
    /*height:40px;     line-height:40px;     margin-top:5px;     border: solid 1px silver;*/
    padding: 3px;
    color: #5E5E5E;
    font-weight: bold;
    width: 468px;
}
.mawad-links
{
    display: inline-block;
    overflow: hidden; /*width:300px;*/
    max-width: 300px;
    text-align: center;
    vertical-align: bottom;
    font-family: Arabic Transparent;
    font-weight: bold;
}
.madda-link
{
    width: 18px;
    cursor: pointer;
    margin: 1px;
    padding: 1px;
    margin-left: 3px;
    margin-right: 3px;
    font-weight: normal;
    border: solid 1px #cccccc; /*text-decoration:underline;*/
}

.madda-link:hover
{
    color: red;
}
/*.documents-row
{
    height:89px;     min-height:89px;
}
.kashafat-cont
{
    
}*/
.letter-button
{
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    /*border: 3px double #FFFFFF;*/
    color: #ffffff;
    font-weight: bold;
    margin: 2px 5px;
    padding: 3px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    background-image: url(/img/RoundCorner.png);
    background-position:center;
}
.letter-all
{
    width: 59px;
}
.LibSearchLabel
{
    font-family: Arabic Transparent;
    font-weight: bold;
    font-size: 16px;
    color: #996600;
}
/*.cornerDiv
{
    -moz-border-radius: 20px 20px 20px 20px;
}*/
.translationLB-Ar
{
    width: 18px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    border: 3px double #ffffff;
    color: #ffffff;
    font-weight: bold;
    margin: 2px;
    padding: 3px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    background-color:#408540;

}
.translationLB-En
{
    width: 18px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    border: 3px double #ffffff;
    color: #ffffff;
    font-weight: bold;
    margin: 2px;
    padding: 3px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    background-color:#9c6936;

}