@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/notonaskharabic.css);
@import url(font.css);

/* ************** MAIN TAGS *********************** */
body { margin:0; diretion: rtl; /*background-color: #0c9ce7;*/ font-size: 15px; font-weight: bold; /*background-color:#060a25; background-image:url(images/bg23.jpg); background-repeat:repeat-y; background-position:top; background-attachment: fixed;*/ background-color:#06062a; background-image:url(//www.ishtartv.com/ar/main/images/bgbg.jpg); background-repeat:repeat-y; background-position:top; background-attachment: fixed; }
body, p, h1, h2, h3, h4, h5, h6, ul, li, td, div, span, input, form, select { direction: rtl; font-family: 'Noto Naskh Arabic', serif;}
input, select, textarea, option { font-size: 15px; font-weight: bold; }
table { direction: ltr; }
a { color: #069; text-decoration: none; }
a:hover { color: black; text-decoration: none; }
/* ************** MAIN TAGS *********************** */

/* *************** LAYOUT ***************** */
#ishBorder {margin:0 auto; width: 1020px; background-image:url(images/border.jpg); background-repeat:repeat-y; background-position: top; padding:0 86px; text-align: center;}
#ishWrapper {width: 1000px; margin: 0 auto; text-align: center; min-height: 500px; background:#fff; /*border:3px solid #75a3dd;*/ overflow: hidden; border-left:2px solid #000; border-right:2px solid #000; }
#ishContents { position: relative; float: right; width: 670px; padding: 10px; overflow:hidden; }
#ishSide { position: relative; float: right; width: 295px; padding: 10px; padding-right: 0px; overflow:hidden;}
#ishHeader {position: relative; float: right;}
#ishMenu {position: relative; float: right;}
#ishSlideshow {position: relative; float: right;}
#ishTabs {position: relative; float: right;}
#ishFooter { position: relative; float: right; overflow: hidden; width: 1000px; /* background:#293c74;*/ border-top:1px solid #d4d9ec; background: url(images/footerbg.jpg) no-repeat top center;} 
/* *************** LAYOUT ***************** */

#searchBox { background: #fff; padding: 5px 6px; overflow: hidden; height: 40px; text-align: right;} 
/*input.buttonStyle { font-size: 17px; color: white; font-weight: bold; background:#2a5dae; border: none; width: auto; height: 30px; padding: 3px 10px; background-image:url(images/button_bg.jpg); background-position:top; background-repeat:repeat-x; float: right; }
input.buttonStyle:hover {background-image:url(images/button_bg.jpg); background-position:0px 33px; background-repeat:repeat-x;}
input.textboxStyle {  border: none; width: 183px; height: 31px; background-image:url(images/textbox_bg.jpg); background-repeat: no-repeat; padding:2px 10px 2px 6px; float: right; }
*/
input.searchbuttonStyle { width: 62px; height: 35px; float: right; margin:0; }
input.searchtextboxStyle { /*border:2px solid #75a3dd;*/ border: none; width: 176px; height: 31px; background-image:url(images/textbox2.jpg); background-repeat: no-repeat; background-position:right; padding:2px 16px 2px 6px; float: right; line-height: 31px; vertical-align: middle; font-weight: normal; font-family: tahoma; font-size: 12px; border-width: 0px;}
input.searchbuttonStyle {border: none; border-width: 0px; width: 60px; height: 35px; background-image:url(images/button_sharek.jpg); background-repeat: no-repeat; background-position:left; float: right; line-height: 35px; vertical-align: middle; font-weight: bold; font-family: tahoma; font-size: 12px; color: white; text-align: center; margin-right: 120px;}

.ishForm { font-weight: normal; font-family: tahoma; font-size: 12px; background: #fff; padding-top:20px; padding-right: 20px; }
.ishForm input.tStyle { border: none; border-width: 0px; width: 230px; height: 31px; background-image:url(images/textbox.jpg); background-repeat: no-repeat; background-position:left; padding:2px 6px 2px 16px; float: right; line-height: 31px; vertical-align: middle; font-weight: normal; font-family: tahoma; font-size: 12px; }
.ishForm label { border: none; border-width: 0px; width: 100px; height: 31px; background-image:url(images/label.jpg); background-repeat: no-repeat; background-position:right; padding:2px 16px 2px 6px; float: right; line-height: 31px; vertical-align: middle; font-weight: bold; font-family: tahoma; font-size: 11px; color: white; text-align: left;}
.ishForm span { float: right; font-family: tahoma; width: 550px; font-weight: bold; text-align: center; font-size:12px; color: white; background:#F00; height: 29px; pading:3px 5px; }
.ishForm textarea { border: none; border-width: 0px; width: 378px; height: 190px; background-image:url(images/textarea.jpg); background-repeat: no-repeat; background-position:left; padding:8px 16px 2px 6px; float: right; line-height: 31px; vertical-align: middle; font-weight: normal; font-family: tahoma; font-size: 12px; }
.ishForm div { float: right; width: 100%; overflow: hidden; height:35px; margin:5px 0; text-align: right; }

#article_infobar { width: 600px; padding:5px; text-align: left; background: #eaf0f9;}
#article_infobar span { font-size:12px; font-weight: bold; color:#999; }
#article_title { width: 100%; text-align: right; background:#fff;}
#article_title img { float: left; }

#contentDiv { padding:0px 20px; width: 610px; background: #fff; }

#photoList { width: 620px; text-align: center; margin:0 auto; overflow: hidden;}
#photoList ul { padding:0; margin:0; list-style: none;} 
#photoList ul li { width: 140px; height: 200px; float: right; background: #fcf8f8; text-align: center; padding:5px; margin:1px; border:1px solid #efe4e4;}
#photoList ul li span { color: #999; font-size:11px; }
#photoList ul li:hover {background: #eaf0f9;}

#photoControl { width: 620px; text-align: center; margin:0 auto; overflow: hidden;}
#photoControl ul { padding:0; margin:0; list-style: none;} 
#photoControl ul li { width: 30px; height: 23px; float: right; background: #fcf8f8; text-align: center; padding:5px; margin:1px; border:1px solid #efe4e4;}
#photoControl ul li:hover {background: #eaf0f9;}

#articlesList span { font-size: 11px; color: #999; }
/* ************** CLASSES ************************* */
.imgStyle { padding: 6px; background:#eaf0f9; border:1px solid #75a3dd; margin: 4px 8px; }

.ishComp { position: relative; float: right; padding: 8px; background:#e9eaf5; /*border:1px solid #75a3dd;*/ overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius:10px;}
.ishSec { position: relative; float: right; width: 100%!important; height: 25px; line-height:25px; vertical-align:top; background-image:url(images/blue-dots-right.png); background-position: right; background-repeat: no-repeat; text-align: right; border-bottom: 1px solid #3d8acc; margin-top: 4px;}
.ishSec span { float: right; height: 15px;  width: 260px!important; line-height:15px;  vertical-align: top; color: white; font-size:16px; font-weight: bold; padding: 5px; background-image:url(images/secBG_2.gif); background-position:right; background-repeat:no-repeat; display: block; }
.ishSec span a { color: white; width: 260px!important; }
.ishSec span a:hover { color: white; text-decoration: underline; }

.ishSecWcontents { width: 665px;  }
.ishCompWcontents { width: 650px; }
.ishSecWside { width: 295px; }
.ishCompWside { width: 280px; }

.warmBG { background:#fef271; }
.coolBG { background:#e9eaf5; }
.medBG { background:#fffbc1; }

.left {float: left;}
.ad { margin-top: 10px; }
.ad a img {border:1px solid #ddd;}
.footerDiv1 { float: right; height: 200px; overflow: hidden; color: #ccc; padding: 8px; text-align: right; font-size: 15px; border-left:1px solid #306c9c; margin:20px 10px 20px 10px; /*background: #e8eaf6;*/ }
.footerDiv1 a { color: #fff; /*color: #5960b8;*/ }
.footerDiv1 a:hover { color: #fff071;text-decoration: underline; /*color: #000;*/ }
.footerDiv2 { float: right; width: 1000px; height:50px; border-top:2px solid #313d62; background: #19264d; color: #ddd; font-size:12px; text align: center; padding-top: 6px;}

table.tableStyle { }
table.tableStyle tr:hover { background: #eaf0f9; } 
table.tableStyle td { background: #fcf8f8; padding:5px; margin:1px; border:1px solid #efe4e4;}
table.tableStyle td span { color: #999; font-size:11px; }
table.tableStyle td:hover {background: #eaf0f9;}
table.tableStyle th {background: #eaf0f9; border:1px solid #efe4e4;}



ul.ishModule1 { list-style: none; width: 270px; background-color: #fff; margin:0; padding:0;}
ul.ishModule1 li div { width: 260px; height: 100px; border-bottom:1px solid #66cfff; margin:0 8px; text-align: right;}
ul.ishModule1 li div a { text-align: right;}
ul.ishModule1 li div img { float: right; }
ul.ishModule1 li div span {color:#999; font-size: 11px;}

.ishModule2 { background-color: white; overflow:hidden; padding:6px 0; vertical-align: top;}
.ishModule2 div { position: relative; float: right; width: 350px;}
.ishModule2 div div { position: relative; float: right; width: 350px; border-left: 1px solid #66cfff; padding:10px; text-align: right;}
.ishModule2 div div a {font-size: 16px;}
.ishModule2 div div img { float: right; }
.ishModule2 div div p { font-weight: normal; margin:2px; margin-top: 6px; }
.ishModule2 ul { position: relative; float: left; margin:0; margin-right:10px; padding: 8px; width: 240px; text-align: right;}
.ishModule2 ul li { /*padding:0; margin: 0;*/}

ul.ishModule3 { list-style: none; width: 2600px; height: 170px; background-color: #fff; margin:0; padding:0; padding-top: 5px; float: left;}
ul.ishModule3 li { position: relative; float: right; text-align: center; width: 560px; height: 170px; margin: 0; padding: 0;}
ul.ishModule3 li div { position: relative; float: left; width: 170px; padding:0 5px; height: 170px; text-align: center;}
ul.ishModule3 li div a { text-align: center; font-size:12px;}

ul.ishModule4 { list-style: none; height: 200px; background-color: #000; margin:0; padding:0; float: left;}
ul.ishModule4 li { position: relative; float: left; text-align: center; width: 210px; height: 200px; margin: 0; padding: 0;}
ul.ishModule4 li div { position: absolute; left:0; top: 140px;  text-align: center; display: block; width: 210px; height: 60px; line-height: 60px; vertical-align: middle; background: #000;}
ul.ishModule4 li a { color:#f1f1f1; font-size: 17px; }
ul.ishModule4 li a:hover { color:#fff; }
ul.ishModule4 li a:hover img { border: none; }
ul.ishModule4 li a img { border: none; }
/* ************** CLASSES ************************* */

/* ************** SLIDER MODULE1 ************************* */
.slider { width:280px; height:506px; overflow: hidden; border:1px solid #ddd;}
.divControl { float: right; display: block; margin:3px; width:20px; height:16px; text-align: center;}					
.divControl img {margin:0;}
.divControl span a{width: 30px; display: block;}
/* ************** SLIDER MODULE1 ************************* */

/* ************** SLIDER MODULE3 ************************* */
.slider3 { height:180px; overflow: hidden; width: 600px; float: left; border:1px solid #ddd; }
.divControl3 { float: left; display: block; margin:0; width:26px; height:180px; text-align: center; line-height: 180px; vertical-align: middle;}		
.divControl3 span a{width: 26px; display: block;}
.divControl3 span a{width: 26px; display: block;}
.divControl3 img {margin:70px 0;}
/* ************** SLIDER MODULE3 ************************* */

/* ************** SLIDER MODULE4 ************************* */
.slider4 { height:200px; overflow: hidden; width: 210px; float: left; border:4px solid #ddd; }
.divControl4 { float: left; display: block; width:26px; height:200px; text-align: center; line-height: 200px; vertical-align: middle;}	
.divControl4 span a{width: 26px; display: block;}
.divControl4 span a{width: 26px; display: block;}	
.divControl4 img {margin:70px 0;}
/* ************** SLIDER MODULE4 ************************* */



/* ************** ROUNDED IMAGES ************************* */
/* normal image */
.normal-img {
	background: #ccc;
	border: solid 1px #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.normal-img-2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
}

/* rounded image styles */
.rounded-img {
	display: inline-block;
	border: solid 1px #999;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}
/* ************** ROUNDED IMAGES ************************* */

*, html, body, p, li, ul, a, span, div, input, select, form, h1, h2, h3, h4, h5, h6, ol { font-family: 'Noto Naskh Arabic', serif !important;  /* font-family: 'JF Flat Regular',Sans-Serif !important; font-size: 97%!important; */}
body { line-height: 19px; }
h2 { line-height: 24px; }
.wt-rotator span { line-height: 24px; }

.jw-icon{font-family:'jw-icons' !important;}

#st_gdpr_iframe { display: none!important; }