html
{
    height: 100%;
    direction: rtl;
}
body
{
    margin: 0;
    padding: 0;
    direction: rtl; /*background: url('../images/bg_header.jpg') repeat-x right top;*/
    height: 100%;
}
@font-face
{
    font-family: 'DroidSansArabic';
    src: url('/fonts/DroidSansArabic.eot?#iefix') format('embedded-opentype'), url('/fonts/DroidSansArabic.ttf') format('truetype');
    font-weight: normal;
}

@font-face
{
    font-family: 'DroidSansArabic';
    src: url('/fonts/DroidSansArabic.eot?#iefix') format('embedded-opentype'), url('/fonts/DroidSansArabic.ttf') format('truetype');
    font-weight: bold;
}
.hline-font
{
    font: normal 133% 'DroidSansArabic' , Arial;
    overflow: hidden;
}

/************** reset ***************/
img
{
    border: 0;
}
a
{
    text-decoration: none;
}
a:hover
{
    color: maroon;
}
.radius
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; /* 	-webkit-border-top-left-radius: 5px; 	-webkit-border-bottom-left-radius: 5px; 	-moz-border-radius-topleft: 5px; 	-moz-border-radius-bottomleft: 5px; 	border-top-left-radius: 5px; 	border-bottom-left-radius: 5px; 	*/
}
/************** reset ***************/
.header_container
{
    width: 100%;
    margin: 0 auto;
}
#top-header
{
    background: url('../Images/Header_img1.jpg') no-repeat, url('../Images/Header_bg1.jpg') repeat-x;
    background-color: black;
    background-position: center bottom, bottom;
    /*height: 118px;*/
    height: 140px;
    padding-top: 4px;
}
.after-header
{
    background-color: #6c3f27;
    background: url('../images/Header_img2.jpg') no-repeat, url('../images/Header_bg2.jpg') repeat-x;
    background-position: center top;
    height: inherit;
}
.afterlogin
{
    width: 100%;
    padding: 0;
    display: none;
}

.afterlogin hr
{
    background: #842813 url('../images/Header_bg2.jpg') repeat-x scroll center;
    background-position: 226px bottom;
    height: 24px;
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
.afterlogin-icons
{
    width: 860px;
    text-align: left;
    padding-top: 2px;
    margin: 0 auto;
}
.afterlogin-icons span
{
    margin: 5px;
}
.afterlogin-icons img
{
    margin-bottom: 0px;
}
.imageslider-container
{
    width: 990px;
    margin: 0 auto;
    padding: 4px 0;
    height: 241px;
    display: none;
}
.imageslider
{
    width: 800px;
    float: left;
    margin: 0;
    height: 215px;
    
}
.imageslider .images
{
    width: 400px;
    float: right;
}
.imageslider h2
{
    color: #ffe887;
    font: normal 133% 'DroidSansArabic' , Arial;
    overflow: hidden;
}
.imageslider h5
{
    font-family: Tahoma;
    font-size: 13px;
    font-weight: normal;
    color: #ffefd5;
    text-align: justify;
    line-height: 1.4;
    padding: 0 15px 5px 25px;
    margin: 0;
    border-left: 1px white dotted;
}
.imageslider h5 a { color: #ffe887;}
.imageslider h5 a:hover { color: #ff6000;}
.imageslider .images a
{
    color: Red;
    direction: rtl;
    font-weight: bold;
}
.imageslider .images a:hover
{
    color: rgb(255, 235, 0);
}

.about-oman
{
    width: 400px;
    text-align: center;
    float: right;
}

.help-nav
{
    width: 160px;
    float: left;
    margin: 0;
    padding-top: 15px;
    height: 215px;
    text-align: center;
}
.help-nav p
{
    margin: 0;
    padding: 4px 0;
}
.help-nav p span
{
    margin-right: 10px;
}
.help-nav p:last-child 
{
    margin-top: 15px;
}
.help-icon
{
    background: url('../Images/help-icon.png') no-repeat top center;
    height: 28px;
    width: 33px;
    display: inline-block;
}
.cust-service-icon
{
    background: url('../Images/cservices.png') no-repeat top center;
    height: 28px;
    width: 36px;
    display: inline-block;
}
.help-icon span, .cust-service-icon span
{
    display: none;
}
.help-nav h5
{
    font: normal 105% 'DroidSansArabic' , Arial;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    color: #ffb973;
}
.help-nav a, .help-nav a:hover, .help-nav a:visited 
{
    color: #ffb973;
}
/************* Menu *************/
.nav-menu-container
{
    width: 990px;
    margin: 0 auto;
    height: 80px;
}
.nav-menu
{
    width: 511px;/*430px;*/
    float: left;
    margin-top: 15px;
}
.nav-menu ul
{
    margin: 0;
    padding: 0;
}
.nav-menu li {
    display: inline-block;
    margin: 0;
    padding: 8px 0px;
    width: 99px;
}
.nav-menu li a
{
    font-size: medium;
    font-weight: bold;
    color: white;
    padding: 3px 5px;
}
.nav-menu li a:hover
{
    /*background:url('../images/m-hover.jpg');*/
    color: #feefb1;
}
.nav-menu li:first-child
{
    background: inherit;
}
#page-container
{
    width: 100%;
}
#main-nav
{
    margin: 0 auto;
    width: 1000px;
    background: white;
    /*overflow: auto;*/
    padding-top: 0px;
    height: auto;
}
#LeftNav
{
    float: right;
    width: 745px;
    margin: 0 10px 0 10px;
    padding-bottom: 20px;
    overflow: auto;
    direction: rtl;
    right: 100%;
}
#RightNav
{
    width: 210px;
    margin: 0;
    padding-right: 20px;
    float: right;
    margin-right: 0px;
    border-right: 1px #999999 dotted;
    padding-top: 15px;
    height: 100%;
}
/*** search ****/
.search-container
{
    width: 209px;
}
.search-title
{
    background: url('../images/search-title.jpg') no-repeat top;
    height: 28px;
}
.search-content
{
    background-color: #dfdfdf;
    padding: 10px 15px;
}
.search-content p
{
    margin: 0;
    padding: 4px 0;
}
.search-content input
{
    width: 172px;
    border-top: 1px #90b3c9 solid;
    border-left: 1px #90b3c9 solid;
    border-bottom: 1px #e5f2f9 solid;
    border-right: 1px #e5f2f9 solid;
}
.search-content input[type="button"]
{
    background: url('../Images/search-options.gif') no-repeat;
    width: 16px;
    height: 11px;
    border: 0;
    cursor: pointer;
    float: right;
}
.search-content select
{
    width: 174px;
}
.search-btn
{
    text-align: left;
    margin-top: 4px;
    width: 176px;
    height: 19px;
}
.search-btn span {
    margin-right: 8px;
    
    font-size: small;
    margin-top: -4px;
    color: #414141;
}
.advsearch
{
    width: 209px;
    text-align: left;
    margin: 10px 0px 10px 5px;
    background: #ededed;
}
.advsearch a
{
    text-decoration: cancel-underline;
    font: normal 80% 'DroidSansArabic' , Arial;
    margin-left: 5px;
    color: #800000;
}
/* IDCard */
.text-idcard ul {
    list-style: none; text-align: right; font:normal .9em 'Arial'; margin: 0 15px;padding: 0;
}
.text-idcard li {margin: 0;}
.text-idcard label { width: 130px !important ; display: inline-block; padding: 3px 0 ; font:bold 83% DroidSansArabic !important;}
.text-idcard div { display: inline-block; margin-top: 4px;}
.text-idcard li:nth-child(odd){background:#f6f6f6 ; margin: 1px 0;}
.text-idcard li:nth-child(even){margin: 1px 0; }
.text-idcard a, .text-idcard a:visited { color: blue !important;}
.text-idcard a:hover { color: orangered !important; text-decoration: underline !important;}
div.fr {
    width: 100%;
}

/*************** login **************/
.login-container
{
    width: 209px;
}
.login-title
{
    background: url('../images/login-title.jpg') no-repeat top;
    height: 28px;
}
.login-content
{
    background-color: #ffeeb7;
}
.container
{
    width: 179px;
    margin: 0 auto;
    padding: 10px 0;
}
.login-content p
{
    margin: 0;
    padding: 4px 0;
}
.login-content input
{
    width: 172px;
    border-top: 1px #c08e5b solid;
    border-left: 1px #c08e5b solid;
    border-bottom: 1px #fae2ca solid;
    border-right: 1px #fae2ca solid;
}
.login-content select
{
}
.login-btn
{
    /*text-align: left;
    margin-top: 4px;*/
}
    .login-btn input {
        background: url('../images/sign-btn.gif') no-repeat;
        border-style:none;
        cursor: pointer;
    }
.forgetpass
{
    font-size: 14px;
    float: right;
    text-decoration: underline;
}
.newuser
{
    background-color: #ffcc6b;
    color: red;
    display: block;
    padding: 2px 20px; /*border-bottom: 10px #ffeeb7 solid;*/
    font-weight: bold;
}
/*********** nav-links ****************/
.nav-links
{
    margin-top: 15px;
    width: 209px;
    border-bottom: 4px solid #eaeaea;
}
.nav-links a
{
    display: block;
    padding: 4px 6px;
    background-color: #f3f3f3;
    border-bottom: 1px dotted #ccc;
    color: #333333;
}
.nav-links a:hover
{
    background-color: #eaeaea;
}

/*** Alltreaties & ju ***/
.ju-tra
{
    width: 209px;
}

.tra-content, .ju-content
{
    width: 190px;
    padding: 9px;
}
.tra-content:hover, .ju-content:hover
{
    background-color: #f1f1f1;
}
.block-alltreaties
{
    /*background: url('../images/alltreaties.jpg') no-repeat right;*/
    background: url('../Images/content.png') no-repeat;
    height: 80px;
    width: 220px;
    display: inline-block;
}
.tra-title
{
    margin-bottom: 0;
}
.ju-tra hr
{
    height: 1px;
    border: 0;
    background: #c7c4aa;
    width: 209px;
    margin-right: 0;
    margin-bottom: 15px;
}
.ju-title
{
    margin-bottom: 0;
}
.block-ju
{
    background: url('../images/ju.jpg') no-repeat right;
    height: 33px;
    width: 188px;
    display: inline-block;
}
/************ Misc *************/
.misc-container
{
    margin-top: 35px;
}
.misc1, .misc2
{
    width: 97.5%;
}
.misc1-title, .misc2-title
{
    margin-bottom: 0;
}
.misc1 h4, .misc2 h4
{
    margin-top: -15px;
    margin-left: 20px;
    float: left;
    background: #dddddd;
    padding: 2px 10px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.misc1 h4 a, .misc2 h4 a
{
    color: maroon;
}
.misc1 h4 a:hover, .misc2 h4 a:hover
{
    color: maroon;
}
.block-misc1
{
    background: url('../images/misc1-title.jpg') no-repeat right;
    height: 21px;
    width: 161px;
    display: inline-block;
}
.block-misc2
{
    background: url('../images/misc2-title.jpg') no-repeat right;
    height: 21px;
    width: 161px;
    display: inline-block;
}

.misc1 .contents
{
    padding: 15px 90px 15px 15px;
    background: #f1f1f1 url('../images/mics1.png') no-repeat right;
    min-height: 50px;
    text-align: justify;
    border-bottom: 3px #dddddd solid;
}

.misc2 .contents
{
    padding: 20px 90px 20px 15px;
    background: #f1f1f1 url('../images/mics2.png') no-repeat right;
    min-height: 50px;
    text-align: justify;
    border-bottom: 3px #dddddd solid;
}

.block-misc1 span, .block-misc2 span, .ju-title span, .tra-title span, .block-legs1 span, .block-legs2 span
{
    display: none;
}

/**************** ENC *********************/
.Enc-gridview
{
    width: 100%;
}
.enc-links
{
    color: #272727;
    margin: 0 20px 0 10px;
    padding-right: 15px;
    background: url(../images/enc-link-icon.gif);
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 1.4;
}
.enc-links:visited{}

.AlternatingRowStyle
{
}
.legs-container
{
    padding-top: 15px;
}
.legs{
    background: url('../images/legs1.jpg') no-repeat right;
    width: 243px;
    height: 29px;
    display: inline-block;
}
.legs-cols
{
    width: 50%;
    float: right;
}
.legs-cols .title
{
    margin-bottom: 0;
}
.block-legs1
{
    background: url('../images/legs1.jpg') no-repeat right;
    width: 243px;
    height: 29px;
    display: inline-block;
}
.legs-cols .content
{
    width: 95%;
    padding: 20px 0;
    background: #f1f1f1;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.legs-cols .viewby
{
    width: 95%;
    display: block;
    background: #dddddd;
    padding: 4px 0;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.legs-cols .viewby ul
{
    padding: 2px 15px;
    margin: 0;
}
.legs-cols .viewby li
{
    display: inline-block;
    padding: 0;
    margin: 0;
}
.legs-cols .viewby li a
{
    background: url('../images/view-icon.png') no-repeat right;
    padding-right: 15px;
    padding-left: 10px;
    color: #272727;
}
.legs-cols .viewby li a:hover
{
    color: #7a200b;
}
.dr-font
{
    font: normal 85% 'DroidSansArabic' , Arial;
}
.block-legs2
{
    background: url('../images/lges2.jpg') no-repeat right;
    width: 300px;
    height: 29px;
    display: inline-block;
}

.readmore
{
    font-weight: bold;
    color: #cc7020;
    display: inline-block;
}
.readmore:hover
{
    color: red;
}
/**************** footer ******************/
#footer-container
{
    text-align: center;
    background: black url('../images/footer_bg.jpg') repeat-x;
    height: 220px;
    padding-top: 1px;
}
#footer-container .fm-container
{
    width: 917px;
    margin: 0 auto;
}
#footer-container .col1
{
    float: right;
    width: 200px;
    height: 100px;
    margin: 30px auto;
    padding-right: 28px;
    border-left: 1px dotted rgb(204, 204, 204);
}
#footer-container .col1 ul
{
    padding-right: 30px;
    margin: 0 auto;
}
#footer-container .col1 li
{
    display: block;
    text-align: right;
    margin: 0;
}
#footer-container .col1 li a
{
    color: white;
    font-size: small;
    line-height: 1.5;
    font-family: Tahoma;
}
#footer-container .col1 li a:hover
{
    color: yellow;
}
.copyrights
{
    text-align: center;
    color: white;
    margin: auto;
    font-family: Tahoma;
    font-size: small;
}
.copyrights a 
{
    color: white;
    text-decoration: underline;
}
.copyrights a:hover 
{
    color: yellow;
    text-decoration: none;
}
.copyrights a:visited 
{
    color: white;
}
.watermark
{
    color: #999;
}


/**************** inner pages ********/
.hdline
{
    font: normal 125% 'DroidSansArabic' , Arial;
    border-bottom: 1px dotted rgb(204, 204, 204);
    color: brown;
    width: 98%;
}
div.inner-pages
{
    /*background: #f1f1f1;*/
    margin-top: 20px;
    margin-left: 20px;
    padding: 15px 5px 30px 10px;
    border-bottom: 3px #dddddd solid;
}
.innergridview
{
    width: 100%;
    /*border: 0;*/
}

/*** path ***/

.path-div
{
    margin-bottom: 20px;
    padding-right: 20px;
    background: url(../Images/);
}
.path-hr
{
    height: 1px;
    border: 0;
    width: 97%;
    background-color: #ccc;
    margin: 0;
}
a.courtes-group, a.ju-group, a.jp-group, a.chars-group, a.legs-group, a.news-group, a.agree-group, a.misc-group
{
    background: url('../images/folder-icon/folder.png') no-repeat right;
    padding: 6px 35px;
    font-size: medium;
    font-weight: bold;
    display: block;
    color: #252525;
    border-bottom: 1px dotted #c0c0c0;
}
a.courtes-links, a.ju-links, a.jp-links, a.chars-links, a.legs-links, a.news-links, .agree-links, a.misc-links
{
    background: url('../images/folder-icon/file.png') no-repeat right;
    padding: 8px 30px;
    font-size: medium;
    display: block;
    color: #252525;
    border-bottom: 1px dotted #c0c0c0;
}
a.courtes-group:hover, a.ju-group:hover, a.jp-group:hover, a.chars-group:hover, a.legs-group:hover, a.courtes-links:hover, a.ju-links:hover, a.jp-links:hover, chars-links:hover, chars-group:hover, a.legs-links:hover, a.news-group:hover, a.news-links:hover, a.agree-group:hover
{
    background-color: #fbfbfb;
}
.dropdownlist
{
    border: 1px dotted #dddddd;
    width: 97%;
    background: #f6f6f6;
    text-align: center;
    padding: 2px;
}
.must-subsc
{
    text-align: center;
}
.must-subsc h3
{
    color: Red;
}
a.LegsID
{
    color: #252525;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}
a.Legs2
{
    background: url('../images/folder-icon/file.png') no-repeat right;
    padding: 5px 30px;
    font-size: medium;
    display: block;
    color: #355ea9;
    border-bottom: 1px dotted #c0c0c0;
}
a.Legs2:hover
{
    color: maroon;
}
p.Legs2
{
    background: #f9f9f9;
    padding: 4px 10px;
    margin-top: 0;
    font-family: tahoma;
    font-size: 13px;
    color: rgb(71, 71, 71);
    
}
.news-page
{
    text-align: justify;
    padding: 0 10px;
}
.Agree, .borders
{
    border: 1px solid #ccc;
}

.Agrees, .Agrees_En
{
    font-weight: bold;
    display: block;
    background: #f6f6f6;
    color: #333333;
    padding: 8px 2px;
}
.Argees3
{
    color: #333333;
}
.Agrees2
{
    font-weight: bold;
}
.agree-group-english
{
    background: url('../images/folder-icon/folder.png') no-repeat left;
    padding: 6px 35px;
    font-size: medium;
   
    display: block;
    color: #252525;
    border-bottom: 1px dotted #c0c0c0;
}
.agree-links-english {
    background: url('../images/folder-icon/file.png') no-repeat left;
    padding: 8px 30px;
    font-size: .9em;
    display: block;
    color: #252525;
    font-family: Arial;
    border-bottom: 1px dotted #c0c0c0;
}

.paginglabel
{
    text-align: center;
}
.tblRegister h4
{
    margin: 0;
    padding: 10px 0;
}
.div-contact, .div-reg
{
    width: 98%;
}
.div-contact label
{
    width: 90px;
    display: inline-block;
    margin: 8px 0;
}
.div-reg label
{
    width: 180px;
    display: inline-block;
    margin: 8px 0;
}
.div-reg input[type='text'], .div-reg input[type='password'],.div-reg select
{
    width: 220px;
    height: 20px;
    border: 1px #ccc solid;
}

.div-contact input[type='text'], .div-contact input[type='password']
{
    width: 393px;
    height: 20px;
    background: #f6f6f6;
    border: 1px #ccc solid;
    padding: 0 4px;
    
}
.div-contact abbr, .div-reg abbr
{
    color: red;
}

.div-reg div
{
    border: 1px #e9e9e9 solid;
    padding: 4px 8px;
    margin: 2px 0;
}

.div-contact textarea
{
    height: 193px;
    width: 390px;
    margin-top: 5px;
    background: #f6f6f6;
    border: 1px #ccc solid;
    padding: 4px 4px;
}

.div-reg h4
{
    background: #f0edc9;
    padding: 2px 5px;
    color: brown;
    font: normal 95% 'DroidSansArabic' , Arial;
    margin: 0;
}
.advsearch-links
{
    text-align: center;
    margin: 15px;
}
.advsearch-links a
{
    display: inline-block;
    background: url('../Images/advsearch-icon.png') no-repeat right 0px;
    padding-right: 5px;
    margin: 2px 5px;
    height: 24px;
    color: rgb(41, 41, 41);
}
.advsearch-links a:hover
{
    color: rgb(255, 82, 0);
}
.advsearch-links a.selected
{
    color: rgb(255, 82, 0);
}
h4.hdtext
{
    background: #f0edc9;
    padding: 2px 5px;
    color: brown;
    font: normal 95% 'DroidSansArabic' , Arial;
    margin: 0;
}
.activeX-msg {padding: 0 10px;}
.tr-paging { text-align: center;}
.tr-paging h4 {border: 1px dotted #dddddd; background: #f6f6f6;font-weight: normal;}
.tr-paging span a { display: inline-block;margin: 10px 10px 0 10px; background: url('../images/view-icon.png') no-repeat right; padding-right: 15px; color: black}
.tr-paging span a:hover{ color: brown;}
#marq {padding: 0 4px; ; margin: 20px 0px 10px 0px; display: block;}
#marq img { display: block;vertical-align: top;}
.marqe-buttons { text-align: center;width: inherit;background: #f6f6f6;}
.marqe-buttons img { cursor: pointer;margin: 0 2px;}
#marq p {
    padding: 15px 2px;
    border-bottom: 1px #999 dotted;
    margin: 0;
}
#marq p:hover { background: #f6f6f6;}
#marq p a {
    font-weight: bold;
    font-size: medium;
    color: gray;
}
#marq p a:hover { color: brown;}
.user-agreement{}

/** search */
.adv-search-inpages{ padding: 5px;margin: 0 10px;}
.adv-search-inpages input[type="text"].search-text { width: 378px; height: 20px;}
.adv-search-inpages label {display: inline-block; height: 20px; width: 100px;}
.adv-search-inpages input[type="text"] { width: 100px;}
.search-h4 {border-bottom: 1px #ccc dotted;  padding: 10px 0;width: 98%;margin-bottom: 0px;}
.adv-search-inpages select.multiple { width: 151px;} 
.adv-s-en { direction: ltr;text-align: left;font-family: tahoma;font-size: small;}
.adv-s-en label{ display: inline-block;width: 90px;}
.search-h4-en {font-family: sans-serif; border-bottom: 1px #ccc dotted;  padding: 10px 0;width: 98%;margin-bottom: 0px;}

/* Customer services */ 
#layer1 {
    position: fixed;
    width: 228px; 
    height: 98px; 
    z-index: 10000; 
    bottom: 20px; 
    left: 15px;
    cursor: move;
    background: url('../images/CustomerServices-icon.png') no-repeat bottom right;
}
#layer1 img {
    opacity: 0.9;
    float: left;
    margin-left: 20px;
    margin-top: 65px;
}
#layer1 img:hover {
    opacity: 1;
}
.mydiv{
     padding: 15px 90px 15px 15px;
     background: #f1f1f1 no-repeat right; 
     width:730px;
     height:300px;
     overflow-y:scroll;
     text-align: justify;
     border-bottom: 3px #dddddd solid;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     border-bottom-left-radius:8px;
     border-bottom-right-radius:8px;
     padding: 10px 0;
}
.mydiv a{
    line-height: 1.4;
    background: right center no-repeat;
    color: black;
    border-bottom: 1px #CCCCCC dotted;
}
.mydiv a:hover{
    color : maroon;
}

.padding-all{
    padding:5px;
}