/* =RESET
=-----------------------*/

* {
    margin:0;
    padding:0;
    outline:0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
html {
    background: /*url(../images/body-bg.jpg) left top repeat*/;
}
/*
html {position:relative} 
html:before, html:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  width: 100%;
  height:100%;
  top: 418px;
  background:#e3dbc6 url(../images/body-bg-2.jpg) center top repeat-x;
}*/
img {
    border:none;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration:underline;
}
del {
    text-decoration: line-through;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, il, a, input {
    direction:rtl;
}
ul, ol, dl {
    list-style-position:inside;
}
a {
    color:#d26d1b;
    text-decoration:none; /*-moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;*/
}
a:hover {
    text-decoration:none; /*opacity:.7;*/
    cursor:pointer !important;
}
ul li {
    list-style:none;
}
.both {
    clear:both;
    height:50px
}
h1.headtitle {
    font:normal 13px 'hacen_saudi', Tahoma, Geneva, sans-serif;
    color:#462922;
    /*text-shadow:0 1px 1px #fff;*/
    height:53px;
    line-height:35px;
    text-align:right;
    background: url(../images/title-center.png) center center no-repeat;
    width:461px;
    margin:0;
    padding:0 25px 0 0;
    -moz-border-radius-topleft: 11px;
    -webkit-border-top-left-radius: 11px;
    border-top-left-radius: 11px;
    -moz-border-radius-topright: 11px;
    -webkit-border-top-right-radius: 11px;
    border-top-right-radius: 11px;
}
/*h2 {
        font:normal 13px 'hacen_saudi', Tahoma, Geneva, sans-serif;
        color:#f9edbd;
        text-shadow:0 1px 1px #000;
        height:54px;
        line-height:44px;
        text-align:center;
        background: url(../images/title.png) center center repeat;
        width:210px;
        position:absolute;
        top:0;
        left:0;
}*/
h2.title_left {
    font:normal 13px 'hacen_saudi', Tahoma, Geneva, sans-serif;
    color:#f9edbd;
    text-shadow:0 1px 1px #000;
    height:54px;
    line-height:44px;
    text-align:center;

    width:210px;
    position:absolute;
    top:0;
    left:0;

    background: url(../images/title-left.png) center center repeat;
    -moz-border-radius-topleft: 12px;
    -webkit-border-top-left-radius: 12px;
    border-top-left-radius: 12px;
    direction:ltr
}
h2.title_right {
    font:normal 13px 'hacen_saudi', Tahoma, Geneva, sans-serif;
    color:#f9edbd;
    text-shadow:0 1px 1px #000;
    height:54px;
    line-height:44px;
    text-align:center;

    width:210px;
    position:absolute;
    top:0;
    left:0;

    background: url(../images/title-right.png) center center repeat;
    -moz-border-radius-topright: 12px;
    -webkit-border-top-right-radius: 12px;
    border-top-right-radius: 12px;
    direction:ltr
}
.twitt {
    position:relative
}
.twitt:before, .twitt:after {
    z-index: 100;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    width: 44px;
    height:47px;
    top: 20px;
    max-width:300px;
    background:url(../images/twitt.png);
}
h5 {
    font:normal 12px 'hacen_saudi', Tahoma, Geneva, sans-serif;
    color:#bf6b17;/*
    text-shadow:0 1px 50px #000;*/
    height:30px;
    line-height:30px;
    text-align:right;
}
h5 span {
    color:#372e25;
    font-weight:bold;
    font-family:'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif
}
.more {
    direction:rtl;
    background: url(../images/button.png) center center no-repeat;
    border:none;
    width: 55px;
    height:auto;
    font-size:11px;
    display:block;
    text-align:center;
    font-weight:bold;
    color:#fff !important;
    font-family:Tahoma, Geneva, sans-serif;
    cursor:pointer;
    padding:13px 0 13px 0;
    text-shadow:0 1px 1px #000000;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
    float:left;
    margin:10px;
}
.more:hover {
    color:#fff;
    opacity:.7;
}
p {
    direction:rtl;
    width:auto;
    text-align:justify
}
table {
    direction: rtl;
    width: 100%;
}
table thead th {
    background: url("../images/block/widget_title_bg.png") repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font: bold 12px Tahoma;
    padding: 6px 5px;
    text-align: right;
}
table tbody td {
    background: none repeat scroll 0 0 #fcd99c;
    line-height: 150%;
    padding: 4px 5px;
    text-align: right;
}
table tbody td a:hover {
    color: #7C7C7C;
}
/* 1) BODY
=-----------------------*/
body {
    background:#e3dbc6 url(../images/header-bg.jpg) center top repeat-x;
    width:100%;
    height:100%;
    font-size:15px; /*overflow-x:hidden;*/
    font-weight:bold;
    font-family:  "Traditional Arabic", Tahoma, Geneva, sans-serif ;
    line-height:1.5em;
}
#institution {
    position:absolute;
    top:45px;
    right:-10px;
    display: block;
    width: 500px;
    height: 301px;
    background:url(../images/institution.png) center center no-repeat
}
/*#body_bg {background:url(../images/body-bg.png) center top no-repeat; width:100%; height:100%; margin:auto}*/
#page_container {
    width:auto;
    margin:auto;
    background: url(../images/top-bar-bg.png) top left repeat-x;
}





/*=font dynamic
=----------------------*/

@font-face {
    font-family: 'hacen_saudi';
    src: url('../css/hacen_saudi_arabia.eot');
    src: url('../css/hacen_saudi_arabia.eot?#iefix') format('embedded-opentype'), url('../css/hacen_saudi_arabia.woff') format('woff'), url('../css/hacen_saudi_arabia.ttf') format('truetype'), url('../css/hacen_saudi_arabia.svg#hacen_saudi_arabiaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bbc-nassim-regular';
    src: url('../css/bbc-nassim-regular.eot');
    src: local('O'), url('../css/bbc-nassim-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GE_SS_Two';
    src: url('../css/GE_SS_Two.eot');
    src: local('☺'), url('../css/GE_SS_Two.woff') format('woff'), url('../css/GE_SS_Two.ttf') format('truetype'), url('../css/GE_SS_Two.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv_GE_SS_Unique_Light';
    src: url('../css/GE_SS_Unique_Light.eot');
    src: local('â?º'), url('../css/GE_SS_Unique_Light.woff') format('woff'), url('../css/GE_SS_Unique_Light.ttf') format('truetype'), url('../css/GE_SS_Unique_Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


.left_links {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none no-repeat scroll center center #F0EBDE;
    border-color: -moz-use-text-color #AB7767 #AB7767 -moz-use-text-color;
    border-image: none;
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #AB7767;
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    cursor: pointer;
    display: block;
    height: 40px;
    padding: 0;
    position: fixed;
    text-align: right;
    transition-duration: 0.2s !important;
    width: 30px;
    z-index: 99999;
    left: -1px;
}
.left_links span {
    border-radius: 0 4px 4px 0;
    display: block;
    height: 100%;
    width: 100%;
}
.left_links span img {
    border-radius: 0 4px 4px 0;
    height: 24px;
    width: 26px;
}
.left_links:hover {
    background-position: 90% center;
    width: 45px;
}




a.l_0 {
    top:65px;
    background: url(../images/side-icons-1.png) -190px center no-repeat;
    width:100px;
    height:91px;
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:     none;
    border-top:none;
    border-left:none;
}
a.l_0:hover {    width:285px;
                 background-position: 0 center;}
a.l_0 span {
    background:#d23e2b;
}
a.l_1 {
    top:170px;
    background: url(../images/side-icons-2.png) -190px center no-repeat;
    width:100px;
    height:91px;
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:     none;
    border-top:none;
    border-left:none;
}
a.l_1:hover {    width:285px;
                 background-position: 0 center;}
a.l_1 span {
    background:#d23e2b;
}
a.l_2 {
    top:275px;
    background: url(../images/side-icons-3.png) -190px center no-repeat;
    width:100px;
    height:91px;
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:     none;
    border-top:none;
    border-left:none;
}
a.l_2:hover {    width:285px;
                 background-position: 0 center;}
a.l_2 span {
    background:#d23e2b;
}
a.l_3 {
    top:380px;
    height:24px;
    padding:1px 1px 1px 0;
}
a.l_3 span {
    background:#ed6862;
}

a.l_3 span img:hover {}
a.l_1 span {
    background:#d23e2b;
}
a.l_4 {
    top:415px;
    height:24px;
    padding:1px 1px 1px 0;
}
a.l_4 span {
    background:#76b2ff;
}
a.l_5 {
    top:450px;
    height:24px;
    padding:1px 1px 1px 0;
}
a.l_5 span {
    background:#8bdeff;
}
a.l_6 {
    top:470px;
    height:24px;
    padding:1px 1px 1px 0;
}
a.l_6 span {
    background:#12b2ec;
}
a.l_7 {
    top:500px;
    height:24px;
    padding:1px 1px 1px 0;
}
a.l_7 span {
    background:#d23e2b;
}
a.l_8 {
    top:530px;
    height:24px;
    padding:1px 1px 1px 0;
}
a.l_8 span {
    background:#12b2ec;
}



/* 2) HEADER STYLE
=-----------------------*/
#header {
    width:971px;
    margin:auto;
    position:relative;
    height:60px;
}
#logo {
    position:absolute;
    top:60px;
    left:60px;
    display: block;
    width: 419px;
    height: 292px;
    text-indent: -9999px;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
}
#logo a img {
    position: absolute;
    left:0;
    top:0;
    width: 419px;
    height: 292px;
}
#logo:hover {
    opacity:.7;
}
#nav {
    background: url(../images/container-top.png) no-repeat center top;
    width: auto;
    height: auto;
    margin:320px auto auto auto;
}
#nav_content {
    width:971px;
    margin:auto;
    position:relative
}
#site_map {
    float:right;
    background: url(../images/all-bg.png) left bottom no-repeat;
    margin:15px 20px 0 0;
    height:118px;
    width:313px;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
}
#site_map:hover {	/*opacity:.7;*/
}
#site_map ul {
    float:right;
    margin:0;
    height:118px;
    width:313px
}
#site_map ul li {
    float:right;
    text-align:center;
}
#site_map ul li a {
    height:118px;
    text-align:center;
    display:block;
    cursor:pointer;
    float:right;
}
.site_map_a_1 {
    width:100px;
}
.site_map_a_1:hover {
    background:url(../images/all-bg.png) -213px bottom no-repeat;
}
.site_map_a_2 {
    width:107px;
    margin:0 10px 0 0;
}
.site_map_a_2:hover {
    background:url(../images/all-bg.png) -96px bottom no-repeat;
}
.site_map_a_3 {
    width:100px;
    margin:0 -4px 0 0;
}
.site_map_a_3:hover {
    background:url(../images/all-bg.png) left bottom no-repeat;
}
#newsticker_date {
    width:938px;
    background:url(../images/all-bg.png) left top no-repeat;
    padding:0;
    font-size:10px;
    height:58px;
    direction:rtl;
    position:absolute;
    top:73px;
    right:16px;
}
#newsticker_date .title {
    color:#FFF;
    font-family: 'GE_SS_Two', Tahoma, Geneva, sans-serif;
    font-size:12px;
    float:right;
    margin:0 39px 0 0;
    width:70px;
    text-align:center;
}
#newsticker_date .ticker {
    color:#282526;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    float:right;
    margin:19px 123px 0 0;
    text-align:right;
    width:475px;
    height:20px;
}
#newsticker_date .ticker ul li a {
    font-weight:bold;
    color:#4f3f31;
}
#time_date {
    background: url(../images/calendar.png) center right no-repeat;
    float:right;
    margin:13px 5px 0 0;
    padding-right:25px;
    width:350px;
    line-height:20px;
    color:#e3dbc6;
    text-shadow: 1px 1px 1px #000;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-align:right
}
#welcome_user {
    background: url(../images/welcome_user.png) center right no-repeat;
    float:right;
    margin:13px 255px 0 0;
    padding-right:30px;
    width:305px;
    line-height:20px;
    color:#e3dbc6;
    text-shadow: 1px 1px 1px #000;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-align:right
}
.socail {
    position:absolute;
    left:50px;
    top:100px;
    width:267px;
    height:49px;
    margin:0;
    overflow:; /*background: url(../images/all-bg.png) -313px -185px no-repeat;*/
}
.socail ul {
    display:inline;
    width:267px;
    float:left;
    margin:0;
    height:31px;
    position:relative
}
.socail ul li {
    float:right;

    height:47px;
    width:33px;
}
.socail ul li a {
    height:47px;
    width:33px;
    display:block
}
.s_1 {
    background:url(../images/all-bg.png) -545px -138px no-repeat;
    margin:0 5px 0 0;
}
.s_1:hover {
    background:url(../images/all-bg.png) -545px -185px no-repeat;
    margin:0 5px 0 0;
}
.s_2 {
    background:url(../images/all-bg.png) -512px -138px no-repeat;
    margin:0 5px 0 0;
}
.s_2:hover {
    background:url(../images/all-bg.png) -512px -185px no-repeat;
    margin:0 5px 0 0;
}
.s_3 {
    background:url(../images/all-bg.png) -480px -138px no-repeat;
    margin:0 4px 0 0;
}
.s_3:hover {
    background:url(../images/all-bg.png) -480px -185px no-repeat;
    margin:0 4px 0 0;
}
.s_4 {
    background:url(../images/all-bg.png) -447px -138px no-repeat;
    margin:0 4px 0 0;
}
.s_4:hover {
    background:url(../images/all-bg.png) -447px -185px no-repeat;
    margin:0 4px 0 0;
}
.s_5 {
    background:url(../images/all-bg.png) -414px -138px no-repeat;
    margin:0 4px 0 0;
}
.s_5:hover {
    background:url(../images/all-bg.png) -414px -185px no-repeat;
    margin:0 4px 0 0;
}
.s_6 {
    background:url(../images/all-bg.png) -380px -138px no-repeat;
    margin:0 5px 0 0;
}
.s_6:hover {
    background:url(../images/all-bg.png) -380px -185px no-repeat;
    margin:0 5px 0 0;
}
.s_7 {
    background:url(../images/all-bg.png) -347px -138px no-repeat;
    margin:0 5px 0 0;
}
.s_7:hover {
    background:url(../images/all-bg.png) -347px -185px no-repeat;
    margin:0 5px 0 0;
}
.s_8 {
    background:url(../images/all-bg.png) -314px -138px no-repeat;
    margin:0 5px 0 0;
}
.s_8:hover {
    background:url(../images/all-bg.png) -314px -185px no-repeat;
    margin:0 5px 0 0;
}
#css3:hover ul li a {
    opacity:0.5;
}
#css3 ul li a {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 100ms;
    -moz-transition-property: opacity;
    -moz-transition-duration: 100ms;
    transition: all 0.3s ease 0s;
}
#css3 ul li a:hover {
    opacity:1;
}
.socail ul li a {
    width:30px;
    height:31px;
    float:right; /*background:#999;*/
    cursor:pointer; /*text-indent:-1000px*/
}
/* 3) MENU STYLE
=-----------------------*/
#top_menu {
    width:1000px;
    background: url(../images/nav-bg.jpg) center top no-repeat;
    margin:286px auto auto auto;
    position:relative;
    height:46px;
    ;
    z-index:103;
}
#top_menu {
    position:relative
}
#top_menu:before, #top_menu:after {
    z-index: 100;
    position: absolute;
    content: "";
    right: 0;
    width: 20px;
    height:15px;
    top: 46px;
    background:url(../images/sup-img-menu.png) right top no-repeat;
}
#top_menu:after {
    left: 0;
    right: auto;
    background:url(../images/sup-img-menu.png) left top no-repeat;
}
#top_menu ul {
    position:absolute;
	right: 20px;
    top: 1px;
    width: 966px
}
#top_menu ul li {
    background: url(../images/separato.png) left center no-repeat;
    float:right;
    text-align:center;
    padding:7px 9px 0px 21px;
    height:41px;
    position:relative;
}
#top_menu ul li:last-child {
    background:none !important;
}
.top_menu_ul_li_no_img {
    background:none !important;
    float:right;
    text-align:center;
    padding:10px 7px 0px 7px;
    height:38px;
}
#top_menu ul li a {
    text-decoration:none;
    color:#f0ebde;
    display:block;
    font-family:'hacen_saudi', Tahoma, Geneva, sans-serif;
    font-weight:normal !important;
    font-size:12px !important;
    height:26px;
    margin:0px 1px 0px 1px !important;
    padding:0px 0px 0px 0px;
    cursor:pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}/*
#top_menu ul li a:nth-child(1n+1) {background:url(../images/3lme.png) no-repeat !important; width:50px; height:50px;}*/
#top_menu ul li a span {
    display:block;
    height:38px;
    padding-right:0;
    cursor:pointer;
    position:relative;
}
#top_menu ul li a span img {
    position:absolute;
    top:-17px;
    right:19px;
}
#top_menu ul li a:hover, #top_menu ul li a.activelink {
    color:#eacd5b;
    background:url(../images/top-menu-left-hover.png) no-repeat left;
    cursor:pointer;
}
#top_menu ul li a:hover span, #top_menu ul li a.activelink span {
    background:url(../images/top-menu-right-hover.png) no-repeat right;
    cursor:pointer;
}
/* Sub Menu */

#top_menu ul ul {
    -moz-box-shadow: inset 0 -13px 15px 5px #201310;
    -webkit-box-shadow: inset 0 -13px 15px 5px #201310;
    box-shadow: inset 0 -13px 15px 5px #201310;
    position: absolute;
    top: 32px;
    left: 0;
    z-index:1000000 !important;
    opacity: 0;
    width:120px;
    background: #261713;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
#top_menu ul li:hover > ul {
    opacity: 1;
}
#top_menu ul ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
    background:none;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
#top_menu ul li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
}
#top_menu ul ul li a {
    padding: 4px 4px 4px 4px;
    margin: 0;
    transition:width .5s;
    -webkit-transition:width .5s; /* Safari */
    border: none;
    border-bottom: 1px solid #5e3d1b;
    min-width:100px;
    width:auto;
}
#top_menu ul ul li a:hover {/*width:110px*/
}
#top_menu ul ul li:last-child a {
    border: none;
}
/*******************/




#right_menu {
    background: url(../images/main-menu-bottom.jpg) left bottom no-repeat;
    padding:0 0 10px 0;
    float:right;
    width:208px;
    margin:49px 0 0 0;
    height:auto;
}
#right_menu ul {
    float:left;
    padding:5px 0 0 0;
    /*background:url(../images/main-menu-bg.jpg) left top repeat-y;*/
}
#right_menu ul li {
    float:left;
    width:203px;
    height:30px;
    margin:0 0 5px 0;
    padding:0;
}
#right_menu ul li a img {
    position: absolute !important;
    top: 0;
    right: 0 !important;
}
#right_menu ul li a {
    width:203px;
    height:30px;
    text-decoration:none;
    display:block;
    line-height:18px;
    text-align:right;
    font:normal 13px 'hacen_saudi', Tahoma, Geneva, sans-serif;
    padding: 0;
    margin:0;
    background:url(../images/h-separator-menu.png) center bottom no-repeat;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position:relative;
    transition: .2s;
    -webkit-transition: .2s;
}
#right_menu ul li a span {
    float:right;
    margin:0;
    padding:0 25px 0 0;
    background:url(../images/right-menu-arrow.png) 96% center no-repeat;
}
#right_menu ul li a:hover {
    color:#462922;
    text-shadow:0 1px 1px #fff;
    padding: 0 8px 0 0;
}
#right_menu ul li.active a {
    background:#e9f6f6;
    border:1px solid #b7b1b1;
}
/* 4) CONTAINER
=-----------------------*/

#container_bg {
    background:url(../images/container-bg.png) center top repeat-y;
    width:auto;
    height:auto;
    padding:0;
    margin:-20px auto auto auto;
    position:relative;
    z-index:101
}
#container_top {
    background:url(../images/container-top.png) center top no-repeat;
    width:auto;
    height:auto;
    margin:0px auto auto auto;
    padding:20px 0 0 0;
    position:relative;
    z-index:101
}
#container_bottom {
    background:url(../images/container-bottom.png) center bottom no-repeat;
    width:auto;
    height:auto;
    margin:auto;
    padding:0 0 0 0;
    position:relative;
    z-index:101
}
.content {

    width:1000px;
    margin:auto;
}
#sidebar_left {

    float: left;
    width: 210px;
    margin:10px 0 15px 11px;
    overflow:hidden;
    padding:10px 0 10px 0;
}
.left_frames {
    border:1px solid #cb9788;
    background:#f3efe4;
    -moz-border-radius-topleft: 12px;
    -webkit-border-top-left-radius: 12px;
    border-top-left-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    -webkit-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -moz-box-shadow: inset 0 0 20px #cac9c8;
    -webkit-box-shadow: inset 0 0 20px #cac9c8;
    box-shadow:inset 0 0 20px #cac9c8;
    width:208px;
    position:relative;
    height:auto;
    margin:0 0 30px 0;
    display:inline-block;
    clear:both;
}
.left_frames:before, .left_frames:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 12px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;

    -webkit-box-shadow: 0 13px 7px #777;
    -moz-box-shadow: 0 13px 7px #777;
    box-shadow: 0 13px 7px #777;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.left_frames .more {}
.left_frames .corner_img_right {
    position:absolute;
    top:-11px;
    right:-1px;
    background:url(../images/corner-img.png) top right no-repeat;
    width:20px;
    height:11px
}
.left_frames .corner_img_left {
    position:absolute;
    right:-1px;
    bottom:-11px;
    background:url(../images/corner-img.png) bottom right no-repeat;
    width:20px;
    height:11px
}
.left_frames a img {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#sidebar_right {

    float: right;
    width: 210px;
    margin:10px 11px 15px 0;
    /*overflow:hidden;*/
    padding:10px 0 10px 0;
}
.right_frames {
    border:1px solid #cb9788;
    background:#f3efe4;
    -moz-border-radius-topright: 12px;
    -webkit-border-top-right-radius: 12px;
    border-top-right-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -webkit-border-bottom-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -moz-box-shadow: inset 0 0 20px #cac9c8;
    -webkit-box-shadow: inset 0 0 20px #cac9c8;
    box-shadow:inset 0 0 20px #cac9c8;
    width:208px;
    position:relative;
    height:auto;
    margin:0 0 30px 0;
    display:inline-block;
    clear:both;
}
.right_frames:before, .right_frames:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 12px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width:300px;

    -webkit-box-shadow: 0 13px 7px #777;
    -moz-box-shadow: 0 13px 7px #777;
    box-shadow: 0 13px 7px #777;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.right_frames .corner_img_right {
    position:absolute;
    top:-11px;
    left:-1px;
    background:url(../images/corner-img.png) top left no-repeat;
    width:20px;
    height:11px
}
.right_frames .corner_img_left {
    position:absolute;
    left:-1px;
    bottom:-11px;
    background:url(../images/corner-img.png) bottom left no-repeat;
    width:20px;
    height:11px
}
.small_frame_inner {
    background:#e5daae;
    padding:0 0 4px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.right_frames a, .left_frames a {
    margin:auto;
    width:100%;

    height:auto;
    display:block;
}
.right_frames a img, .left_frames a img {
    width:100%;
    display:block;
    padding:0;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
}
.right_frames a img {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.right_frames a img:hover, .left_frames a img:hover {
    opacity:.7;
}
.imp_links {
    overflow: hidden;
    position: relative;
    width:220px;
    height: 177px !important;
    margin:45px auto 5px auto;
}
.imp_links ul {
    margin: auto;
    padding: 0px;
    width:100%;
}
.imp_links ul li {
    width:auto;

    font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif;
}
.imp_links ul li a {
    margin:auto;
    width:auto !important;
    border-bottom:1px dashed #5d4a37;
    line-height:25px;
    text-align:center;
}
.imp_links ul li a div {
    color:#5d4a37;
    font-size:13px;
    /*background:url(../images/icon-1.png) right center no-repeat;*/
    padding:5px 0 0 0;
    font-weight:bold
}
.imp_links ul li a div span {
    color:#bf6b17;
    display:inline-block
}
#Stats {
    width:255px;
    margin:55px 10px 15px 0;
    float:right;
    background:url(../images/visit.png) 15px center no-repeat
}
#Stats p {
    width:auto;
    height:30px;
    line-height:30px;
    font-weight:normal !important;
    color:#fe0000;
    font-weight:bold;
}
#Stats p span {
    color:#494949;
}
#Stats_p_noborder {
    border-bottom:none !important
}
.big_frame {
    border:1px solid #cb9788;
    background:#f3efe4;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    /*-moz-box-shadow: inset 0 0 20px #cac9c8;
    -webkit-box-shadow: inset 0 0 20px #cac9c8;
    box-shadow:inset 0 0 20px #cac9c8;*/
    width:486px;
    position:relative;
    height:auto;
    margin:0 0 15px 17px;
}
.big_frame:before, .big_frame:after {
    bottom: 16px;
    box-shadow: 0 13px 7px #777777;
    content: "";
    height: 50px;
    left: 10px;
    max-width: 300px;
    position: absolute;
    width: 400px;
    z-index: -1;
    -webkit-box-shadow: 0 13px 7px #777;
    -moz-box-shadow: 0 13px 7px #777;
    box-shadow: 0 13px 7px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.big_frame:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.big_frame_inner {
    border:1px solid #ccbe8f;
    background:#FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position:relative;
    -moz-box-shadow:inset 0px -3px 4px #cfcfce;
    -webkit-box-shadow:inset 0px -3px 4px #cfcfce;
    box-shadow:inset 0px -3px 4px #cfcfce;
}
.big_frame a img {
    width:100%;
    display:block;
    padding:0;
    margin:auto;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
    -webkit-border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}
.big_frame a img:hover {
    opacity:.7;
}
.big_frame_inner iframe {
    width:607px;
    height:350px;
    margin:45px 6px 6px 6px;
}
.slider_3 {

    margin:0 5px 5px 0;
    width:480px;
    height:auto;
    overflow:hidden;
    clear:both;
    display:inline-block
}
.slider_3 ul {
    width:480px;
}
.slider_3 ul li {
    background:url(../images/separator.png) left center no-repeat;
    float:right;
    padding:0 5px 0 24px;
    -webkit-border-radius:0 6px 0 6px;
    border-radius:0 6px 0 6px;
}
.slider_3 ul li:nth-child(3n+3) {
    background: none !important
}
.slider_3 ul li a {
    color:#bf6b17;
    display:block;

    width:131px;
    height:auto;
    text-align:center;
    line-height:1.8em;
    clear:both;
}
.slider_3 ul li a img {
    width:131px;
    height:90px;
    display:block;
    padding:4px;
    background:#fff;
    border:1px solid #f0e2c2;
    margin:auto auto 8px auto;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
    -webkit-box-shadow: 0 4px 6px -6px #777;
    -moz-box-shadow: 0 4px 6px -6px #777;
    box-shadow: 0 4px 6px -6px #777;
}
.slider_3 ul li a img:hover {
    opacity:.7;
}
.slider_3 ul li a span {
    color:#372e25;
}
.right_box {
    background:url(../images/bottom-shaddow.png) center bottom no-repeat;
    padding:0 0 13px 0;
    width:194px;
    margin:auto auto 5px auto;
}
.right_box_top {
    background:url(../images/right-box-top-bg.jpg) center top no-repeat;
    width: auto;
    margin:auto;
}
.right_box_top2 {
    background:url(../images/right-box-top-bg-2.jpg) center top no-repeat;
    width: auto;
    margin:auto;
}
.right_box_bottom {
    background:url(../images/right-box-bottom-bg.jpg) center bottom no-repeat;
    width: auto;
    margin:auto;
    position:relative;
    height:100%;
}
.right_box_bg {
    background:url(../images/right-box-repeat-bg.jpg) center top repeat-y;
    width: 194px;
    margin:auto;
}
.right_box_corner_img {
    position:absolute;
    top:7px;
}
.right_box_a {
    margin:auto;
    width:auto;
}
.content_box_shadow {
    background: url(../images/shaddow.png) center bottom no-repeat;
    width:220px;
    padding: 0 0 10px 0;
    overflow:hidden
}
.content_right_box_frame {
    width: 218px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #FFF;
    border: 1px solid #c5d1d9;
    margin: 10px auto 10px auto;
    position:relative;
}
.content_right_box_inner {
    background:#edf0f1;
    padding: 0;
    margin: 2px;
    border-radius: 0;
    width: auto;
    overflow:hidden;
}
.top-header-gray {
    background:url(../images/top-header-gray.png) no-repeat;
    position:absolute;
    width:201px;
    height:45px;
    top:-4px;
    right:7px;
}
.top-header-orange {
    background:url(../images/top-header-orange.png) no-repeat;
    position:absolute;
    width:201px;
    height:45px;
    top:-4px;
    right:7px;
}
#center {
    width:520px;

    margin:0 auto 35px auto;
    height:auto;
    z-index:0;
    position:relative
}
.left_box {
    width:705px;
    float:left;
    margin:0 0 6px 0
}
.welcome {
    width:511px;
    background:url(../images/welcome.png) right bottom no-repeat;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position:relative;
    margin:auto;
    padding:10px 0 20px 0;
    min-height:232px;
    height:auto;
    position:relative;
    right:10px
}
.welcome_div {
    width:511px;
    float:right;
    margin:0;
    background:url(../images/welcome-title.png) 90% top no-repeat;
}
.welcome_div p {
    float:right;
    margin:70px 5px 0 0;
    direction:rtl;
    text-align:center;
    width:300px;

    line-height:25px;
}
.shaddow-library-video {
    background:url(../images/shaddow-library-video.png) center bottom no-repeat;
    padding:0 0 15px 0;
}
.image_video {
    background:#2f3b4f;
    width:194px;
    height:130px;
    padding:0 0 45px 0;
    margin:50px auto 0 auto;
    overflow:hidden;
    position:relative
}
.image_video a {
    position:absolute;
    right:3px;
    top:3px;
}
.image_video_p {
    width:194px;
    margin:10px auto 0 auto;
}
/* 5) Inner pages
=-----------------------*/
.inner_frame {
    display:inline-block;
    clear:both;
    margin:11px;
    background:#f3f2f1;
    padding: 10px;
    border:1px dashed #5d4a37;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    transition: .2s linear;
    width:91%;
}
.prog_loop {
    display:inline-block;
    clear:both;
    margin:0 0 5px 9px;
    background:#f3f2f1;
    padding: 0 0 0 0;
    border:1px dashed #5d4a37;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    transition: .2s linear;
    width:auto;
}
.prog_loop:hover {
    background:#f9edbd
}
.prog_loop_img {
    width:96%;
    height:auto;
    display:block;
    padding:4px;
    margin:10px auto 10px auto !important;
    background:#fff;
    border:1px solid #f0e2c2;
    margin:auto auto 8px auto;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
}
.prog_loop_img:hover {
    opacity:.7;
}
.one_row_loop {
    width:587px;
    display:inline-block;
    clear:both;
    margin:10px 0 16px 16px;

    padding:0;
    border:1px dashed #5d4a37;
    border-bottom:none;
    -webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.36);
    -moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.36);
    box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.36);
}
.one_row_loop li {
    display:block;
    clear:both;
    margin:auto;
}
.one_row_loop li a {
    display:block;
    -moz-box-shadow: inset 0 0 2px 2px #f3efe9;
    -webkit-box-shadow: inset 0 0 2px 2px #f3efe9;
    box-shadow: inset 0 0 2px 2px #f3efe9;
    border-bottom:1px dashed #5d4a37;
    direction:rtl;
    text-align:right;
    width:auto;
    padding:5px 25px 5px 5px;
    margin:0 auto 0px auto;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    transition: .2s linear;
}
.one_row_loop li a.fatwa {
    background:#f3f2f1 url(../images/fatwa.png) 99.5% 6px no-repeat
}
.one_row_loop li a.vot {
    background:#f3f2f1 url(../images/good.png) 99.5% 6px no-repeat
}
/*.one_row_loop li a:nth-child(1n+1) {background:#fff;}	 
.one_row_loop li a span:before { content: "»"; float:right; width:20px !important; text-align:center;margin-left:5px ; color:#FFF;  font-size:16px; }*/
.one_row_loop li a:hover {
    color:#000;
    background:#f9edbd url(../images/mini-arrow.png) 99% 6px no-repeat !important
}
.live_stream {
    background:url(../images/lcd_monitor_illustration.png) top center no-repeat;
    display:inline-block;
    clear:both;
    margin:0 0 5px 12px;
    padding: 0 0 5px 0;
    border:none;
    width:460px;
    height:auto;
    text-align:center;
}
.live_stream iframe {
    width:391px;
    height:279px !important;
    margin:25px 6px 6px 4px;
}
.live_stream .frequency {
    font-size:25px;
    color:#cdcdcd;
    text-shadow: 0 1px 1px #000
}
.live_stream .frequency span {
    color:#bf6b17
}
.contact_us {
    display:inline-block;
    clear:both;
    margin:0 0 12px 11px;
    background:#f3f2f1;
    padding: 0 0 5px 0;
    border:1px dashed #5d4a37;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    transition: .2s linear;
    width:593px;
}
/* 5) FOOTER
=-----------------------*/ 
#footer_bg {
    width:auto;
    background:#5d433b url(../images/bottom_background.jpg) top center no-repeat;
    margin:-99px auto 0 auto;
    height:auto;
    padding:130px 0 0 0;
    position:relative;
    z-index:100;
}
#footer_bottom {
    /*background:url(../images/copyright.png) bottom center no-repeat;
    */width:auto;
    height:auto;
    line-height:79px;
    padding:0;
    margin:auto;
}
#footer_content {
    height:auto;
    width:971px;
    padding:15px 0 0 0;
    margin:auto
}
#footer_content .column {
    width:232px;

    min-height:200px;
    float:right;
    margin:0 5px 0 5px;
}
#footer_content .column h3 {
    background:url(../images/separator-h.png) center bottom no-repeat;
    line-height:37px;
    font-family:'hacen_saudi', Tahoma, Geneva, sans-serif !important;
    font-size:13px;
    font-weight:normal;
    color:#eacd5b;
    text-align:center;
    text-shadow: 1px 1px 1px #000;
    position:relative
}
.about_icon {
    position:relative
}
.about_icon:before, .about_icon:after {
    z-index: 100;
    position: absolute;
    content: "";
    left: 32px;
    width: 37px;
    height:44px;
    top: -13px;
    max-width:300px;
    background:url(../images/about-bg.png);
}
#footer_content .column div {
    width:232px;
}
div.channel_info {
    width:232px;
    line-height:2em;
    direction:rtl;
    text-align:right;
    color:#d7cb9d;
    text-shadow: 0 1px 1px #000;
    padding:5px 0 0 0;
}
div.channel_info .right_comma {
    background:url(../images/right-comma.png) right top no-repeat;
    padding:10px 20px 0 0;
}
div.channel_info .left_comma {
    background:url(../images/left-comma.png) left bottom no-repeat;
    padding:0 0 10px 20px;
    width:192px !important;
    text-align:justify
}
div.channel_info .left_comma span a {
    color:#eacd5b;
    font-weight:bold;
    text-shadow: 0 1px 1px #000;
}
div.menu_contact {
    padding:5px 0 0 0;
}
div.menu_contact ul {
}
div.menu_contact ul li {
}
div.menu_contact ul li a {
    width:auto;
    text-decoration:none;
    display:block;
    line-height:25px;
    text-align:right;
    margin:0 1px 0 1px;
    text-shadow: 0 1px 1px #000;
    color:#d7cb9d;
    padding: 0 4px 0 4px;
    background:url(../images/arrow_menu_contact.png) left center no-repeat;
    transition: .2s;
    -webkit-transition: .2s;
}
div.menu_contact ul li a:hover {
    color:#fff;
    text-decoration:underline;
    padding: 0 8px 0 0;
}
#coptright {
    background:#5d433b url(../images/copyright.jpg) center top no-repeat;
    height:auto;
    margin:auto;
    width:100%;
    padding:10px 0 10px 0;
}
#coptright_content {
    width:670px;
    height:42px;
    margin:auto;
}
#coptright_content center {
    color:#fff;
    text-shadow: 0 1px 1px #000;
    line-height:42px;
    direction:rtl;
}
#coptright_content a {
    text-decoration:none;
    height:30px;
    float:left;
    margin:0 0 0 20px;
    padding-right:40px;
    background:url(../images/zad-logo.png) right center no-repeat;
}
#coptright_content a span {
    color:#f8f105 !important;
    text-shadow: -1px 0 #aa0707, 0 1px #aa0707, 1px 0 #aa0707, 0 -1px #aa0707
}
/* 7)tabs
=---------------------*/
.TabsFrame {
    float:right;
    margin:40px 12px 0 0;
}
.menu {
    padding: 0; /*clear: both;*/
    width:681px;
}
.menu li {
    display: inline;
}
.menu li a {
    padding: 0;
    float:right;
    text-decoration: none;
    color:#2f2b2c;
    font-weight: lighter;
    font-size:12px;
    font-family:'GE_SS_Two', Tahoma, Geneva, sans-serif;
    height:36px;
    line-height:36px;
    background:url(../images/tabs-button.png) left 0 no-repeat;
    border-bottom:none;
    /*width:130px;*/
    margin:0 2px 0 2px;
    text-align:center;
}
.menu li a:hover, .menu li.active a {
    color:#fff;
    background:url(../images/tabs-button.png) right 0 no-repeat;
}
#news {
    width:666px;

    float:right;
    margin:11px 0 15px 0;
    border:1px solid #e3dbc3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.tab_news span {
    padding-right:13px;
    font:italic 11px Arial, Helvetica, sans-serif;
    color:#6d9e29;
}
.tab_news p {
    color:#494949;
    font-weight:lighter;
    font-family:Tahoma, Geneva, sans-serif;
}

/* 7)search
=---------------------*/

.search {
    background: url(../images/search-bg-block.png) left bottom no-repeat;
    width:207px;
    height:80px;
    margin:50px 0 0 0;
}
.search p {
    float:right;
    text-align:right;
    color:#615f5e;
    direction:rtl
}
#header_search {

    width:207px;
    height:auto;
    position:relative;
    right:5px;
}
.sidbar-search {
    background: url(../images/search-bg.png) center center no-repeat;
    width:185px;
    height:auto;
    border:none;
    padding:5px 5px 5px 5px;
    height:23px;
    margin:0;
    color:#4c4d4f;
    /*border:1px solid #481597; -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3;*/
    float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight: bold;
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    direction:rtl;
}
.sidbar-search:focus {/*border:#C60 1px solid;*/
}
.search-button {
    color:#000;
    background:url(../images/search-button.png) center center no-repeat;
    width:48px;
    height:46px;
    border:none;
    padding:0;
    margin:0;
    cursor:pointer;
    position:absolute;
    left:80px;
    top:100px;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;
}
.search-button:hover {
    opacity:.7;
}
.search-button:focus {/*border:#C60 1px solid;*/
}
/* 7)emails
=----------------------*/

#emails {
    width:208px;
    height:125px;
    direction: rtl;
    margin:55px auto 11px auto;
    background: url(../images/email-bg.png) 4px bottom no-repeat;
    overflow:hidden;
    display:inline-block;
    clear:both;
}
#emails p {
    float:right;
    margin:0 18px 5px 0;
    width:auto;
}
.email-text {
    background:#fff0ff /*url(../images/all-bg.png) -666px -183px repeat-x*/;
    width:170px;
    height:auto;
    border:none;
    padding:12px 6px 12px 6px;
    height:auto;
    margin:0px 12px 0 0;
    color:#4c4d4f;
    border:1px solid #CCC; /*-moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3;*/
    float:right;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11px;
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    direction:rtl;
}
.email-name:focus, .email-text:focus {/*border:#C60 1px solid;*/
}
.email-button {
    background: url(../images/button.png) center center no-repeat;
    border:none;
    width:55px;
    height:auto;
    padding:13px 0 13px 0;
    font-size:11px;
    text-align:center;
    font-weight:bold;
    color:#f9edbd;
    font-family:Tahoma, Geneva, sans-serif;
    cursor:pointer;
    float:right !important;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease
}
.regist {
    margin:2px 45px 5px 0;
}
.cancel {
    margin:2px 10px 5px 0;
}
.email-button:hover {
    color:#FFF;
    opacity:.7;
}
/* 8)mobile
=----------------------*/
#mobile {
    background:url(../images/mobile.png) left top no-repeat;
    width:171px;
    height:90px;
    margin:10px 0 5px 5px;
    float:left;
    overflow:hidden;
}
.mobile-text {
    background:#fff;
    width:150px;
    height:20px;
    border:1px solid #e3dbc3;
    padding:4px;
    margin:30px 0 0 0;
    /* [disabled]margin:4px;
    */
    float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#0f2701;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity:0.5;
    filter:Alpha(opacity=50); /* IE8 and earlier */
}
/* 8)mobile
=----------------------*/

.vote_div {
    text-align: right;
    direction: rtl;
    margin: 49px 0 10px 0;
    width: 192px;
    background:url(../images/vote.png) 10px center no-repeat;
    overflow:hidden;
    display:inline-block;
    clear:both;
}
.vote_div form {
    direction:rtl;
    float:right;
    margin:5px 4px 0 auto;
    width:200px;
	position:relative;
	right:-50px;
}
.vote_div p {
    font-weight: normal;
    padding:5px 10px 0 0;
}
.vote_div label {
    padding-right:10px
}
.vote, .result {
    background: url(../images/button.png) center center no-repeat;
    border:none;
    width:55px;
    height:auto;
    padding:13px 0 13px 0;
    font-size:11px;
    text-align:center;
    font-weight:bold;
    color:#f9edbd;
    font-family:Tahoma, Geneva, sans-serif;
    cursor:pointer;
    float:right !important;
    -moz-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease
}
.vote {
    margin:10px 40px 5px 0;
}
.result {
    margin:10px 10px 5px 0;
}
.vote:hover, .result:hover {
    color:#FFF;
    opacity:.7;
}
button {
    border:none;
}
/*----------------------*/	


/* 9)tooltip
=----------------------*/
#tooltip {
    border-radius:10px;
    padding:5px;
    background-color:#f9edbd;
    color:#000;
    border:1px solid #333;
    display:block;
    position:absolute;
    z-index:100000;
    font:9pt Tahoma, Geneva, sans-serif;
    border:1px solid #cebf90;
}
/*----------------------*/		


.widgets_content {
    padding: 10px;
    overflow: hidden;
    clear: both;
    display: block;
}
.widgets_content .select {
    border: 1px #c9c5d1 solid;
    background: #FFF;
    color: #46434e;
    margin: 0px 2px;
    padding: 8px 6px !important;
    font-family: Tahoma;
    font-size: 12px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    direction:rtl;
    text-align:right;
    width:250px;
}
/********************jCarouselLite****************/
.prev_jcarouse {
    position: absolute;
    background: url('../images/arrows.png');
    width: 33px;
    height: 33px;
    top: 3px;
    cursor: pointer;
    left:10px;
}
.prev_jcarouse:hover {
    background-position: 0px -34px;
}
.next_jcarouse {
    position: absolute;
    background: url('../images/arrows.png');
    width: 33px;
    height: 33px;
    top: 3px;
    cursor: pointer;
    left:34px;
    background-position: -33px 0;
}
.next_jcarouse:hover {
    background-position: -33px -34px;
}
/*-----------------------------------------------------*/
.shutterAnimationHolder .film canvas {
    display: block;
    margin: 0 auto;
}
.shutterAnimationHolder .film {
    position:absolute;
    left:50%;
    top:0;
}
.shutterAnimationHolder {
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    z-index:1000;
}
#img_container {
    width:420px;
    height:210px;
    margin:40px auto auto auto;
    /*border:5px solid #fff;*/
    overflow:hidden;/*
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
}
#img_container ul {
    list-style:none;
}
#img_container ul li a img {
    border-bottom-left-radius: 10px;
    width:420px;
    height:210px;
}


.breaking_news
{background:#a10c0c; color:#fff; padding:4px;}

.catg-bg {
    background: url('../images/catg-bg.jpg') center bottom no-repeat;
    width: 357px;
    height: 56px;
    margin: 0 auto 15px;
    display: block;
}
.catg-bg a {
    padding: 15px 30px;
    text-align: right;
    float: right;
    display: block;
    direction: rtl;
    font-size: 14px;
    font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif;
}
/****************************/
.shelf-stand {background:url('../images/shelf.jpg') center bottom no-repeat; display:block;  height:162px; margin:20px auto; width:444px;}
.shelf-books {background:url('../images/book_shadow.png') center bottom no-repeat; width:130px; direction:ltr; height:125px; right:17px; float:right; position:relative; text-align:center;}
.shelf-books img {position:absolute; bottom:0; right:29px; width:96px !important; height:134px !important; -webkit-border-radius: 0!important;-moz-border-radius: 0!important;border-radius:0!important;}
.shelf-books p {position:absolute; bottom:0; left: 0; width: 105px; text-align:center;}
.shelf-books p span { padding:5px 5px 0; background-color:rgba(255,255,255,.3); -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; color:#FFF; text-shadow: 0 1px 1px #000000;}

/****************/
.get-book {
    background: url('../images/buy-button2.jpg') center bottom no-repeat;
    width: 180px;
    height: 41px;
	-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important;
float:right;
margin:10px 25px 10px 0;
cursor:pointer;
}
.get-ebook{
    background: url('../images/buy-button.jpg') center bottom no-repeat;
    width: 180px;
    height: 41px;
	-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important;float:left;
margin:10px 0 10px 25px;
cursor:pointer;
}
/*********************************/
.view-node-terms, #cart-selected {direction:rtl;}
.view-node-img {-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important;}
.item-term {font-size: 12px;font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif;}
#book-info {clear:both; direction:rtl; width:441px;font-size: 12px;font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif;}
.rtl {direction:rtl;}
.float-right {float:right;font-size: 12px;font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif;}
.float-left {float:left;font-size: 12px;font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif;}
.width-50 {width:50%}
.width-100 {width:100%}
.radius6 {-webkit-border-radius: 6px !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important;}
.text-center {text-align:center;font-size: 13px;font-weight:normal;font-family:'hacen_saudi', Tahoma, Geneva, sans-serif;}
.text-right {text-align:right}
.text-left {text-align:left}
/*.bold {font-weight:bold}*/
.color-red {color:#F00}
.border-fram {border:1px solid #e2be9c; padding:7px; margin-bottom:15px;}
#order-place {text-align:center; margin:10px 0; clear:both; font-size: 13px;font-weight:normal;font-family:'hacen_saudi', Tahoma, Geneva, sans-serif;}
.cart-info {text-align:center; color:#d26d1b; margin:10px auto; font-size: 13px;font-weight:normal;font-family:'hacen_saudi', Tahoma, Geneva, sans-serif;}
#all-books {font-size: 12px;font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif;}
#book-cart, #ebook-cart {clear:both; padding-bottom:15px;}
#book-cart h2, #ebook-cart h2 {font-size:14px; margin-right:15px;}
.cart-item {margin-right:20px;  text-align:right; direction:rtl; }
.cart-item:before
{ 
content:"• ";
}
.cart-item span{
    font-size: 10px;
    padding: 0 20px;
}


.empty-cart {margin:0 0 0 42%; background:#d26d1b; color:#FFF; padding:5px; border:1px solid #F66}
#all-books h2 {color:#333}
#cart-form {font-size: 12px;font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif; border-top:1px solid #e6b186; padding-top:15px;}
#cart-form .row {clear:both;}
#cart-form .row input, #cart-form .row textarea  {float:left; width:250px; cursor:pointer;}
#cart-form .buttons input {background:#d26d1b; color:#FFF; padding:5px; border:1px solid #F66}
#cart-form .row span  {float:right; }
#cart-info {text-align:center; font-size: 12px;font-family: 'Conv_GE_SS_Unique_Light', Tahoma, Geneva, sans-serif; border-top:1px solid #e6b186; padding-top:10px; margin-top:10px}

/***********************************/
#socail {position:absolute; background-color:transparent; width:200px; top:758px; left:48px; height:40px; z-index:9999}
#socail .sol {width:100px;  margin:0 auto 0 auto; position:inherit; background:url('../images/socail.png')}
#socail .sol ul {width:100px; float:left; margin:0; height:31px;}
#socail .sol ul li {float:right; width:30px; background:; margin:0 1px 0 1px; height:31px; }
#socail .sol ul li a {width:30px; cursor:pointer; height:31px; float:right; /*background:#999;*/ cursor:pointer;}
/***********************************************/
#carousel {
	background:#8d5830;
	left:0;
    clear: both;
    height: 170px;
    left: -10px;
    margin:0;
    padding: 0;
	top: 0;
    width: 462px;
}
#carousel img {
    background: none repeat scroll 0 0 #ECE5D2;
    border: 1px solid #B39F7E;
    box-shadow: 0 2px 2px rgba(50, 50, 50, 0.2);
    cursor: pointer;
    padding: 5px;
    position: relative;
}


/***********************************************/
#img-container {/*
	width:420px;
	height:210px;*/
	margin:40px auto auto auto;
	/*border:5px solid #fff;*/
	overflow:hidden;/*
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
}

/* Container when content is shown in slider */
#img2
{
width: 475px; height: auto; overflow: hidden; background:#fff url(../images/slider-bg.jpg) left top repeat-x; border:1px solid #e3dbc3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin:auto auto 20px auto; padding:10px 0 0 0;}

.date-span {
    font: 10px Tahoma, Geneva, sans-serif;
    color: #a6a6a6;
    display: block;
    width: auto;
	text-align:right;
}