﻿@charset "utf-8";
 @import url('droidarabickufi.css');


body{ background:url(../images/bg_body.jpg); direction:rtl; font-family: 'Droid Arabic Kufi',serif !important;font-size: 14px !important;line-height: 1.42857143;color: #000 !important;background-color: #fff; font-weight:normal !important;}

.link{color:#428bca !important;}
.link:hover{color:#428bca !important; text-decoration:none;}
.link-grey{color:#666 !important;}
.link-grey:hover{color:#666 !important; text-decoration:none;}
.link-maroon{color:#800000 !important;}
.link-maroon:hover{color:#800000 !important; text-decoration:none;}
.link-black{color:#000 !important;font-size:13px !important}
.link-black:hover{color:#000 !important; text-decoration:none;}
.link-black-bold{color:#000 !important;font-size:12px !important;font-weight:bold;}
.link-black-bold:hover{color:#000 !important; text-decoration:none;}
.multiLangMenu {margin-top:20px;margin-bottom:20px;direction:ltr;}
.main-menu {}
.main-menu > ul {margin:5px -20px;padding:0px}
.main-menu > ul > li {display:inline;margin:5px;}
.footer {margin-top:-24px; }
.footer-menu {padding-top:10px;}  
.footer-menu > ul {/*margin:5px -20px;padding:0px*/}
.footer-menu > ul > li {display:inline;margin:5px;}
.input-group {width:190px;direction:ltr}
.search-field { margin-top:0px !important;}
.bg-white {background-color:#fff;}
.news-ticker {height:30px; line-height:30px;padding:0px 5px;}
.pnl-news img{max-width:100%; }
.side-menu {/*background-color:#fff;*/margin-right:-25px;}
.side-menu >  ul{margin:0px;padding:5px 10px;float:right;}
.side-menu > ul > li{list-style-type:none;padding-top:20px;clear:both; }
.copy-rights {font-size:11px;}
.nav {padding-right:0px !important;}
.nav-tabs > li { float: right !important; }
.form-control { }
legend { font-size:16px !important}
.err-message {color:#f00;}
.more-link { font-size:12px !important;}
#MasterBody_Imgprint {float:left; }
#divContent { width:95%;}
#divContent img { max-width:100%}
#divContent table {width:100% !important; }
#divContent ol {width:96% !important ; }
.text-white { color:#fff !important;}
.img-spacing {margin:10px; }
hr { width:93%;}
#myTab { margin-right:-3px;}
.cursor-hand {cursor:pointer;}
.imgWinnerPopup{ width:750px; height:500px;}
.video-text-more {margin-left:14px; }
.img-winners {  text-align: center; width: 130px; margin: 9px;font-size:12px }
.winners-headings-div { height:30px ; line-height:30px;background-color:#800000;font-weight:bold;  color:white; font-size:14px; text-align:center}
.winners-headings-big-div { height:50px ; line-height:50px;background-color:#800000;font-weight:bold;  color:white; font-size:14px; text-align:center}
.winners-headings-small-div { height:30px ; line-height:30px;background-color:#800000; color:white; font-size:12px; text-align:center}
.vertical-top { vertical-align:top}
.winner-details-content { border:1px solid #ccc; border-radius:10px;background-color:#fff;padding:20px;text-align:justify;direction:rtl}
#MasterBody_divTerms {border:1px solid #ccc;padding:10px; }
.tdHeader[style] {background-position: right !important; text-align: right !important;  color: #FFFFFF !important; font-weight: bold !important; background-image: url('../images/titlepage_AR.png') !important; background-repeat: no-repeat !important; width: 250px !important; height: 39px !important; padding-right: 70px !important;padding:20px; line-height:8px; }
.tdHeader {background-position: right !important; text-align: right !important;  color: #FFFFFF !important; font-weight: bold !important; background-image: url('../images/titlepage_AR.png') !important; background-repeat: no-repeat !important; width: 250px !important; height: 39px !important; padding-right: 70px !important;padding:20px; line-height:8px; }
.subtitle[style] { text-align: right !important; background-image: url('../images/titlepage_AR2.png') !important; background-repeat: no-repeat !important; background-position: right !important; width: 160px !important; height: 25px !important; padding-right: 40px !important;  font-weight: normal !important; color: #FFFFFF !important; line-height: 5px !important;  padding: 10px;margin-top: 25px;float: right;font-size:9pt !important; }
.subtitle { text-align: right !important; background-image: url('../images/titlepage_AR2.png') !important; background-repeat: no-repeat !important; background-position: right !important; width: 160px !important; height: 25px !important; padding-right: 40px !important;  font-weight: normal !important; color: #FFFFFF !important; line-height: 5px !important;  padding: 10px;margin-top: 25px;float: right;font-size:9pt !important; }
.tdHeader2 { background-position: right; text-align: right; font-family: 'Times New Roman', Times, serif; font-size: 12pt; color: #000000; font-weight: bold; height: 39px; padding-right: 70px; background-image: url('../images/arrow.png'); background-repeat: no-repeat; }
.top-bar {background-color:#640c04;height:30px;line-height:30px;font-size:9pt;}
.login-panel { color:#fff;direction:rtl;float:left;}
.modalPopupSignUp {  width: 770px !important;height: 500px;border: none;text-align: right; }
.modal-content { width:790px;}
.pnlLogin { left:175px !important;}
.pnlLogin #txtEmailAddress { text-align:left; direction:rtl}
.pnlLogin #txtPassword { text-align:left; direction:rtl}
.pnlLogin > .popover > .popover-content { margin: 0; padding: 0; text-align: right; direction: rtl; }
.pnlLogin > .popover > .popover-content > ul { margin: 0; padding-right: 10px; }
.pnlLogin > .popover > .popover-content > ul > li { display: block; padding: 3px; }
.pnlLoginDiv { width:240px;}
.popover.bottom { margin-top:34px !important;}
.btn-login { width:95% !important;}
div.passwordRecovery { position: absolute; left: 0px; top: 0px; width: 441px; height: 417px; background-image: url(../images/passwordRetrieveBg.png); }
.modalPopupResetPwd { width: 475px; height: 470px; border: none; text-align: center; float: left; left:22%}
.details-td-width { width: 90px; }
.alertMessage { position: fixed; top: 0; right: 0; width: 100%; z-index: 2; text-align: center; }

#staff{}
#staff li{float:right;display:block;width:100%;text-align:right;margin:0 0 20px 0px; }
#staff li img{margin-left:10px;}

/*Carausel Sliders starts here*/
.carousel-indicators {bottom:0px !important;}
.carousel-control.right {}
.carousel-control.left {}
.carousel-inner {border:3px solid #999}
.carousel-caption {font-size:20px;}
/*Carausel Sliders ends here*/

/*home page content starts here*/
.hp-content{margin: 40px 0px;text-align:justify;}
.hp-image {width:100%;}
/*home page content ends here*/

/*Forward page content starts here*/
.far-content {margin-top:20px;text-align:center;}
/*Forward page content ends here*/

/*ajax classes starts here*/
.ajax__tab_xp .ajax__tab_body {font-family:'Droid Arabic Kufi',serif !important;font-size:14px inherit!important;}
.ajax-tab-normal {color: #fff;cursor: default;background-color: #a52f24;border: 1px solid #ddd;border-bottom-color: transparent;}

.ajax__tab_header { font-size: 14px; font-weight:bold; display: block; }
.ajax__tab_header .ajax__tab_outer { border-color: #222; color: #222; padding-left: 10px; margin-right: 3px; border:solid 1px #d7d7d7;background:none !important; }
.ajax__tab_header .ajax__tab_inner { border-color: #666; color: #666; padding: 3px 10px 2px 0px;background:none !important }
.ajax__tab_body {  font-size: 10pt; background-color: #fff; border-top-width: 0; border: solid 1px #d7d7d7; border-top-color: #ffffff; }
.ajax__tab_active .ajax__tab_outer { border-bottom-color: #ffffff; background-color: #d7d7d7; }
.ajax__tab_active .ajax__tab_inner { color: #000; border-color: #333; }
.ajax__tab_hover .ajax__tab_outer { background-color:#9c3; }
.ajax__tab_hover .ajax__tab_inner { color: #fff; }
.ajax__tab_tab { background:none !important;color:#fff;}
.ajax__tab_xp .ajax__tab_tab { padding:0px !important;height:27px !important;font-family:'Droid Arabic Kufi',serif !important;font-size:9pt}
.ajax__tab_inner { height:30px !important;line-height:27px;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer { height:35px !important; background-color:#a52f24 !important;color:#fff}
.ajax__tab_xp .ajax__tab_outer { height:35px !important; color:#fff;background-color:#ccc !important}

/*ajax classes ends here*/

/*GridView Starts here*/
.gridView {/*border: 1px solid gray;*/color: #a6a6a6;}
.gridView > tbody > tr > td {border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;border-right:1px solid #f3f3f3; border-left:1px solid #f3f3f3;padding:10px !important;}
.gridview-alternate {background-color: #f6f6f6;}
.gridview-row {background-color: #fdfdfd;}
.gridview-lnk {color:#428bca !important; text-decoration:none !important;}
.gridview-lnk a{color:#428bca;}
.gridview-lnk a:hover{color:#428bca !important; text-decoration:none;}
.gridview-row-style { height:30px;line-height:30px;padding-right:10px;}
.grdnews {font-size:18px; }

/*GridView Ends here*/

/*GirdView Paginations starts here*/
.pagination-a { padding-left: 0; /*display: inline-block;*/ margin: 20px 0; border-radius: 4px; margin-top: 10px; }
	.pagination-a table > tbody > tr > td {display: inline;}
		.pagination-a table > tbody > tr > td > a,
.pagination-a table > tbody > tr > td > span { position: relative; float: right; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; color: #70a1da; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; }
		.pagination-a table > tbody > tr > td > span { position: relative; float: right; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; color: #fff; background-color: #70a1da; border-color: #dddddd; cursor: default; }
		.pagination-a table > tbody > tr > td:first-child > a,
.pagination-a table > tbody > tr > td:first-child > span { margin-left: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination table-a > tbody > tr > td:last-child > a,
.pagination table-a > tbody > tr > td:last-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination table-a > tbody > tr > td > a:hover,
.pagination table-a > tbody > tr > td > span:hover,
.pagination table-a > tbody > tr > td > a:focus,
.pagination-a table > tbody > tr > td > span:focus { color: #97310e; background-color: #eeeeee; border-color: #dddddd; }
/*small paginations starts here*/
.pagination-a-small { padding-left: 0; /*display: inline-block;*/ margin: 20px 0; border-radius: 4px; margin-top: 10px; }
	.pagination-a-small table > tbody > tr > td {display: inline;}
		.pagination-a-small table > tbody > tr > td > a,
.pagination-a-small table > tbody > tr > td > span { position: relative; float: right; padding: 2px 4px; line-height: 1.42857143; text-decoration: none; color: #70a1da; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; }
		.pagination-a-small table > tbody > tr > td > span { position: relative; float: right; padding: 2px 4px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; color: #fff; background-color: #70a1da; border-color: #dddddd; cursor: default; }
		.pagination-a-small table > tbody > tr > td:first-child > a,
.pagination-a-small table > tbody > tr > td:first-child > span { margin-left: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination table-a > tbody > tr > td:last-child > a,
.pagination table-a > tbody > tr > td:last-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination table-a > tbody > tr > td > a:hover,
.pagination table-a > tbody > tr > td > span:hover,
.pagination table-a > tbody > tr > td > a:focus,
.pagination-a-small table > tbody > tr > td > span:focus { color: #97310e; background-color: #eeeeee; border-color: #dddddd; }
  
/*small paginations ends here*/

/*winners page, accordian pane starts here-*/

.bg-maroon { background-color:#70a1da;}
.accordionHeader { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #d03b2d; border: 1px solid #ddd;color:#fff;font-weight:normal !important; cursor:pointer;}
.accordionHeader span {font-weight:normal !important; }

.accordionHeaderSelected { padding: 10px 15px; margin-bottom: -1px; background-color: #f3574a; border: 1px solid #ddd;color:#fff;font-weight:normal !important;}
.accordionContent { background-color:#F6F6F6;text-align:center;}
/*winners page, accordian pane ends here-*/
  
/*social icons starts here*/
.social-icons {margin:20px !important; }
.social-icons ul{ }
.social-icons ul li{ list-style-type:none;float:right;margin:10px; }


/*social icons ends here*/

/*listing page starts here*/
.listingImageBorder {width:100px; }
.listingImgCol {width:60px;height:6px; text-align:center;vertical-align:middle;padding:5px;}
.litingImgBorder {border:1px solid #999;padding:2px;width:120px;height:120px;}

.titleListHeadings a{text-align:right;font-size:12px;font-weight:bold;color:#1a6c86 !important; font-family:'Droid Arabic Kufi', serif; display: block;padding-right:10px;}

.shortDescription{font-size:10pt;padding-right:10px;font-family:'Droid Arabic Kufi', serif;color:#666;text-align:justify;}
/*listing page ends here*/


/*menu starts here*/
.navbar { margin-bottom:0px;}
.navbar-nav { width:100% !important;margin:0px -21%;}
.navbar-brand {display:none !important; }
.navbar-nav > li > a { padding-top: 7px; padding-bottom: 7px;margin:5px; }
.navbar-nav > li {float:right}
.nav-ul-main-menu {margin:0px 4%; }
.navbar-default {background-color:transparent; }
/*menu ends here*/

.desktop-pull-right {float:right; width:100%;}
.lnk-signup-desktop {display:inline; }
/*.lnk-signup-mobile {display:none; }*/

#MasterBody_Imgprint {cursor:pointer }
.Video-display-popup {width:750px; height:400px; }

@media (min-width:767px) and (max-width:991px) {
    .navbar { margin-bottom: 20px; }
    .navbar-nav > li { float: right !important; }
    .side-menu { margin-right: 0px; }
    .nav-ul-main-menu { margin: 0px 5%; }
    .pnlLogin { left: 80px !important; }
    #divContent ol {width:100% !important; }

}

@media (max-width:767px) {

    /*navigation starts here*/
.navbar {margin-bottom:20px;}
.navbar-brand {display:inline !important; }
.navbar-default {background-color:#640c04; }
.navbar-nav {width:auto !important;margin:0; }
.navbar-nav > li > a { margin:-11px;}
.btn {border-radius:0px; }
.nav-ul-main-menu {margin:0px -2%; }
.nav-ul-main-menu > li > a {margin:-1px !important; }
#language-navbar { direction:rtl;overflow:hidden}
.navbar-default {margin-top:10px; }
 .navbar-nav > li {float:none !important}

 /*navigation ends here*/

.desktop-pull-right {}
.lnk-signup-desktop {display:none; }
/*.lnk-signup-mobile {display:inline }*/

.side-menu { margin-right:0px;}
.pnlLogin { left:18px !important;}
#divContent ol {width:96% !important ; }
.navbar-toggle { float:left !important;margin-left:10px;}
.navbar-brand { float:right;}
.imgWinnerPopup {height:250px; width:250px; }
    .modal-content {width:100% }

    /* kapl signup page start here*/
    iframeS {width:300px !important }
    .modalPopupSignUp {width:300px !important }
    .BMP-margin-left {margin-left:0px !important }
/*kapl ends here*/
}