@import 'reset.css';
@import 'dialog.css';
@import 'mobile.css';
@import url(../fonts/kurdistan/font.css?rand=123);

@font-face {
  font-family: "Sarchia_Qatar";
  src: url(../fonts/74_Sarchia_Qatar.ttf);
}

@font-face {
  font-family: "Sarchia Lina";
  src: url(../fonts/58_Sarchia_Lina.ttf);
}

body {font-family: 'Droid Arabic Naskh', Calibri,Arial, Tahoma; font-size: 13px; line-height: 140%; overflow-x: hidden; direction: rtl;}
/*a {color: #2f2c36; text-decoration: none;}*/
a {color: #000; text-decoration: none;}
a:hover {color: #ff0000;}
input, textarea, select, button {font-size: 14px;}
input[type="submit"], input[type="button"] {background-color: #7EAA0F; color: #fff; border: none; padding: 6px 20px; cursor: pointer;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	min-height: 28px;
}
input[type="submit"]:hover, input[type="button"]:hover {background-color: #73880a;}

img {max-width: 100% !important;}

.fixed {position:fixed; top:0px;}
.autohide, .hidden {display: none;}
.container2 {width: 1220px; max-width: 100%; margin: 0 auto; /*overflow: hidden;*/}
header {width: 100%; height: 90px; background-color: #d8b505; padding: 0;}

.top-nav {text-align: left;}
.top-nav a {display: inline-block; padding: 0 10px; color: #585858;font-family: 'Droid Arabic Naskh', Calibri,Arial, Tahoma;}
.top-nav a:last-child {padding-left: 0;}
.sitename h2 {font-size: 44px; font-weight: bold; color: #606060;font-family: Bodoni MT Black, Calibri,Arial, Tahoma;}
.sitename p.slogan {color: #fff; font-size: 24px; padding: 15px 0 0;font-family: 'Droid Arabic Naskh', "Sarchia_Qatar", Droid Arabic Kufi,Droid Arabic Naskh,Calibri,Arial, Tahoma;}
.sitedate {display: block; position: relative; left: 0; bottom: 12px; color: #808080; text-align: left; direction: ltr;}
.clear {clear: both;}


/* -------------- Pagination Begin ------------- */
.pageNav {clear: both; text-align: center;}
.pageLang {display: inline-block; border: #E0E0E0 1px solid; background-color: #F0F0F0; padding: 2px 6px;}
.pageBox, .pageBoxB, .pageNext {display: inline-block; border: #D0D0D0 solid 1px; padding: 2px 6px; margin-left: 2px; cursor: pointer;}
.pageBoxB {background-color: #e5e696; border: #959502 solid 1px;}
.pageBox:hover, .pageNext:hover, .pageBoxB:hover {background-color: #e5e696; border: #959502 solid 1px;}

.pageList {text-align: center;}
.pageList input {background:url(../images/bg_button.jpg) repeat-x; min-width: 30px; height:23px; border:1px #bec0c1 solid; color: #585858; font-weight:bold; padding: 4px 5px 4px 5px;}
.pageList select {width: 390px; margin: 0 5px;}
/* -------------- Pagination End -------------- */


/* --------------  Main body Begin -------------*/
main {clear: both; padding: 20px 0 0 0; width: 1220px; max-width: 100%; margin: 0 auto; height: auto; /*overflow: hidden;*/}
main h1 {font-size: 22px; margin: 25px 0 5px 0;}
/*main h1.news-title, h1.news-title {font-size: 20px; margin: 10px 0 5px 0; font-family: 'Droid Arabic Naskh', "Sarchia Lina";}*/
main h1.news-title, h1.news-title {font-family: 'Sarchia Tablo' !important; font-weight: normal !important; font-size: 28px; line-height: 1.1;}

.news-pic img {max-width: 460px !important; margin: 5px 0;}

h1.catNav, h2.catNav {padding: 4px 0 6px 0; border-bottom: #e6ce62 3px solid; font-size: 18px; margin: 0 0 12px 0; direction: rtl;}
h1.catNav a, h2.catNav a {font-size: 18px;}
.textbody {font-family: 'Droid Arabic Naskh' !important; font-size: 16px; line-height: 1.8; text-align: justify; overflow-wrap: break-word;}
.textbody img {max-width: 460px !important;}
.textbody td {padding: 3px 5px;}
.textbody td.top {vertical-align: top;}

.imgAttach {text-align: center; margin: auto; padding: 0;}
.imgAttach .imgDesc {font-size: 14px; color: #FF00FF; padding: 0; margin-top: 2px;}

.date {color: #808080; direction: ltr; text-align: right;}

.effectBox {display: block;}
.effectBox .box-1 {display: block; width: 526px; float: right; margin-left: 11px;}
.effectBox .box-2 {display: block; width: calc(100% - 537px); float: right;}

.slideNews {width: 450px;}

.latestNews {width: 100%; height: 345px; float: right; overflow: hidden; direction: ltr;}
.latestNews a {display: block; padding: 3.2px 15px 3.2px 0; text-align: right;
	background-image: url(../images/dot.jpg);
	background-position: right 9px;
	background-repeat: no-repeat;
}

.newsTitle, .newsTitle a {font-size: 13px;}

.contact {width: 550px;}
.contact input {width: 75%;}
.contact textarea {width: 100%;}

/* ---------- Ads ---------- */
.adsCalendar {float: left; margin: 11px 0 0 2px; width: 258px; height: 82px; overflow: hidden; text-align: center; background-color: #F0F0F0; border: none;}
.adsCalendar img {width: 100%; height: 100%;}
.adsCalendarBody {display: block; width:100%; height: 100%;}
.adsBottom {text-align: center;}
.adsBottom img {margin: 5px;}
.adsArticle {text-align: center;}
.adsArticle img {margin: 5px;}

.adsSideColumn {width: 100%; text-align: center; line-height: 0; padding: 5px !important;}
.adsSideColumn p {margin: 0 0 3px 0 !important; padding: 0 !important;}
.adsSideColumn p:last-child {margin-bottom: 0 !important;}
.adsSideColumn img {width: 100%;}

.social-logos {display: none;}
.social-logos p {margin: 3px 0 !important; padding: 0 !important;}
.social-logos p:last-child {margin-bottom: 0 !important;}
/* ------------------------- */

.mainCol {clear: both; float: right;
    width: -moz-calc(100% - 320px);
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
}
.mainCol1 {clear: both; float: right;
    width: -moz-calc(100% - 580px);
    width: -webkit-calc(100% - 580px);
    width: calc(100% - 580px);
}
.mainCol2 {clear: both; float: right;
    width: -moz-calc(100% - 312px);
    width: -webkit-calc(100% - 312px);
    width: calc(100% - 312px);
}
.rightCol {float: left; width: 300px;}
.rightCol1 {float: right; width: 250px; margin-right: 15px;}

.col-1 {float: right; width: 270px; /*min-height: 500px;*/ margin-left: 15px; display: block;}
.col-main {float: right;
    width: -moz-calc(100% - 570px);
    width: -webkit-calc(100% - 570px);
    width: calc(100% - 570px);
    /*border: #ccdbec 1px solid; padding: 10px;*/
    margin-bottom: 15px;
}
.col-main2 {width: 100%; border: #ccdbec 1px solid; padding: 10px;}
.col-3 {float: left; width: 270px;}

.box-border {border: #ccdbec 1px solid; padding: 10px;}

.category {clear: both; margin-bottom: 20px;}
/* Category Navigation */
.category ul { display: block; width: 100%; height: 32px; background-color: #fcf7d1; overflow: hidden; margin-bottom: 10px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
/*
.category ul:hover {background-color: #d1cfcf; color: #fff;}
.category ul:hover > li.active {background-color: #fceabb;}
*/

.category ul li {display: inline-block;}
.category ul li a {display: block; color: #585858; line-height: 26px; padding: 5px 10px 0 10px; font-family: 'Droid Arabic Naskh', "Sarchia Lina"; font-size: 15px; font-weight: normal !important;}
.category ul li.active {background-color: #d8b303;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.category ul li.active h2 a {padding: 3px 20px;}
/* Category top article */
.category article {display: block; float: right; width: 57%;}
.category article h3 {margin-top: 5px; font-size: 15px; font-weight: bold; color: #000;}
.category article h3 a {color: #000;}
.category article h3 a:hover {color: #58477a;}
.category article img {width: 180px; max-height: 300px; float: right; margin: 0 0 5px 10px;}
/* Category next articles */
.category > div {display: block; float: right; width: 43%; margin-top: 17px; padding-right: 8px;}
.category > div a {display: block; padding: 2px 12px 2px 0; background: url(../images/row.jpg) right 8px no-repeat; }

.cat-hotnews {width: 50%; float: right; padding-left: 15px;}
.cat-hotnews .thumb {display: block; height: 160px; overflow: hidden;}
.cat-hotnews .thumb img {width: 100%; min-height: 100%;}

.box1 {}
.box1 h2 a, .box1 h2 span {
	display: block; color: #fff; padding: 5px 10px; background-color: #6e7774; line-height: 22px; color: #fff; font-size: 15px; text-transform: uppercase; margin-bottom: 8px; font-family: 'Droid Arabic Naskh', Calibri,Arial, Tahoma;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.box1 h2 a:hover, .box1 h2 span:hover {background-color: #a8a9a9;}

.box_title {display: block; text-align: center;}
.box_title a {font-weight: bold;}

.box2 {}
.box2 h2 a, .box2 h2 span {
	display: block; color: #fff; padding: 5px 10px; background-color: #6e7774; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 22px; color: #fff; font-size: 13px; text-transform: uppercase;font-family: 'Droid Arabic Naskh', Calibri,Arial, Tahoma;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.box2 h2 a:hover, .box2 h2 span:hover {background-color: #a8a9a9;}
.box2 .boxcontent {padding: 15px 20px; background-color: #F9F9F9; border-left: #D0D0D0 1px solid; border-bottom: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.box2 input[type="text"], .box2 select {display: block; width: 100%; margin: 5px 0;}
.box2 .btn {text-align: center; margin-top: 15px;font-family: 'Droid Arabic Naskh', Calibri,Arial, Tahoma;}

.box3 {margin-bottom: 15px;}
.box3 h3, .box1 h3 {
	display: block; color: #fff; padding: 5px 10px; background-color: #d8d8d8; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 22px; color: #000; font-size: 17px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.box3 h3:hover, .box3 h3:hover {background-color: #c5bebe;}
.box3 div {padding: 10px 8px; background-color: #F9F9F9; border-left: #D0D0D0 1px solid; border-bottom: #D0D0D0 1px solid; border-right: #D0D0D0 1px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.box3 div > span {display: block; padding: 2px 12px 2px 0; background: url(../images/row.jpg) right 8px no-repeat;}
.box3 div p > span {color: #808080; font-size: 13px; display: inline;}
.box3 div p {display: block; padding: 6px 2px; border-bottom: #ACACAC 1px dotted;}
.box3 div p:first-child {padding-top: 2px;}
.box3 div p:last-child {padding-bottom: 2px; border-bottom: none;}

.boxMenu {}
.boxMenu h2 a, .boxMenu h2 span {
	display: block; color: #fff; padding: 5px 10px; background-color: #72aa00; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 22px; color: #fff; font-size: 13px; text-transform: uppercase;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.boxMenu h2 a:hover, .boxMenu h2 span:hover {background-color: #8fc400;}
.boxMenu .boxcontent {padding: 0 10px; background-color: #E3FCDE; border-left: #a9db80 1px solid; border-bottom: #a9db80 1px solid; border-right: #a9db80 1px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.boxMenu .boxcontent a {display: block; padding: 7px 22px 7px 0; background: url(../images/arrow.png) right 8px no-repeat; border-bottom: #C0C0C0 1px dotted;}
.boxMenu .boxcontent a:last-child {border-bottom: 0;}

.otherNews div {min-height: 258px;}
.otherNews div a {font-size: 13px;}

.pollTitle {font-size: 15px; font-weight: bold; color: #585858; padding-bottom: 10px;}

.topNews {width: 100%; margin-bottom: 12px;}
.topNews img {width: 100%; margin: 0; padding: 0;}
.topNews .content {background-color: #f6f6f6; padding: 10px 15px 15px 15px; margin: 0;}
.topNews .content h2 a {display: block; font-size: 16px; font-weight: bold; padding: 3px 0 10px 0;}

.normalNews {clear: both; overflow: auto; padding: 10px 0; border-bottom: #C0C0C0 1px dotted;}
.normalNews h3 {font-weight: bold; font-size: 15px; margin-bottom: 2px;}
.normalNews img {width: 180px; float: right; margin: 5px 0 5px 15px;}

.author {text-align: left; font-weight: bold; direction: ltr;}

#Div_Gallery p {float: right; width: 18%; height: 100px; overflow: hidden; padding: 3px; background-color: #F9F9F9; border: #E0E0E0 1px solid; text-align: center; margin: 7px 1%;}
#Div_Gallery p:hover {border: #79B200 1px solid; background-color: #E8F9E5;}
#Div_Gallery p span {display: block; width: 100%; height: 100%; overflow: hidden;}
#Div_Gallery p img {width: 100%; height: auto; opacity: 0.8;
    -webkit-transition: all 0.8s ease; /* Safari and Chrome */
    -moz-transition: all 0.8s ease; /* Firefox */
    -o-transition: all 0.8s ease; /* IE 9 */
    -ms-transition: all 0.8s ease; /* Opera */
    transition: all 0.8s ease;
}
#Div_Gallery p img:hover {opacity: 1;
	-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}

.refresh, .refresh a {color: #585858;}

.nTitle {font-weight: bold; font-size: 16px;}
.archive img {display: inline; vertical-align: bottom; margin-bottom: 4px;}
.archive span {display: inline-block; margin-left: 12px;}
.archive input[name="sdate_from"] {direction: ltr; text-align: right;}
.archive input[name="sdate_to"] {direction: ltr; text-align: right;}

ul.treecat {width: 50%; margin-right: 25%; overflow: hidden;}
ul.treecat li {padding: 3px 25px 3px 2px; background: url(../images/arrow2.gif) right 3px no-repeat; background-color: #FFF; border: #E0E0E0 1px solid; margin-bottom: 5px; border-radius: 3px; overflow: hidden;}
ul.treecat li:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
ul.treecat li a {display: block;}
ul.treecat li a:hover {text-decoration: none;}

ul.treenews {list-style-type: none;}
ul.treenews li {padding: 5px 3px 5px 10px; background-color: #FFF; border: #E0E0E0 1px solid; margin-bottom: 5px; border-radius: 3px; clear: both;}
ul.treenews li:after {clear: both;}
ul.treenews li:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
ul.treenews li a {display: block;}
ul.treenews li a:hover {text-decoration: none;}
ul.treenews li span.date {float: left;}

.pageLine {height: 5px; border-bottom: #FF8080 2px solid;;}
.hits {color: #585858;}

.imgCode {width: 200px;}
.imgCode input {width: 100px;}
.imgCode img {height: 26px; padding: 2px; border: #ACACAC 1px solid; border-radius: 4px; float: left;}
.imgCode img:hover {border: #808000 1px solid;}
/* -------------- Main body End -------------*/

/* ----------- Bottom column Begin -----------*/
.bottomCol-1 {float: left;
    width: -moz-calc(100% - 285px);
    width: -webkit-calc(100% - 285px);
    width: calc(100% - 285px);
}
.bottomCol-2 {float: right; width: 270px;}

.pic {vertical-align: bottom;}
/* ------------ Bottom column End -----------*/


/* ------------- Rating Begin -----------*/
.ratingbar {clear: both; min-height: 26px; border-bottom: #FF8080 1px solid;}
.ratingbar .rating {float: right;}
.ratingbar .rating ul {list-style-type: none; float: right;}
.ratingbar .rating ul li {width: 22px; height: 22px; float: right; margin: 0px 2px; cursor: pointer;}
.ratingbar .rating ul.disabled li {cursor: default;}
.ratingbar .rating ul li.star_0 {background: url(../images/rating_0.png) top center no-repeat;}
.ratingbar .rating ul li.star_05 {background: url(../images/rating_0.5.png) top center no-repeat;}
.ratingbar .rating ul li.star_1 {background: url(../images/rating_1.png) top center no-repeat;}
.ratingbar .rating ul li.star_over {background: url(../images/rating_over.png) top center no-repeat;}
.ratingbar .rating_desc {float: left; padding: 5px 10px 0 0; color: #585858;}
.ratingbar .print {float: left; text-align: right; direction: ltr;}
.ratingbar .print img {padding-right: 8px; height: 20px; vertical-align:text-bottom;}
.ratingbar .print span {display: block; float: left;}
.ratingbar .print a {text-decoration: none;}
.ratingbar .print a:hover {color: #FF0000;}
.msg {color: #ff0000;}
/* ------------- Rating End -----------*/

/* ------------- Gallery Begin ---------*/
.gallery {margin-top: 20px;}
.gallery h2 {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.gallery li {float: right; width: 29%; height: 200px; margin: 5px 2%; overflow: hidden; font-size: 13px;}
.gallery li a {display: block; width: 100%; height: 160px; padding: 6px; text-align: center; vertical-align: middle; background-color: #F9F9F9; border: #E0E0E0 1px solid;}
.gallery li a span {display: block; width: 100%; height: 100%; overflow: hidden;}
.gallery li a:hover {border: #79B200 1px solid; background-color: #E8F9E5;}
.gallery li a img {width: 100%;
    -webkit-transition: all 0.8s ease; /* Safari and Chrome */
    -moz-transition: all 0.8s ease; /* Firefox */
    -o-transition: all 0.8s ease; /* IE 9 */
    -ms-transition: all 0.8s ease; /* Opera */
    transition: all 0.8s ease;
}
.gallery li a span:hover > img {
	-webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}
.gallery li p {text-align: center; padding-top: 3px;}

.galleryPic p {margin: 10px 5px 20px 5px; text-align: center;}
.galleryPic span {display: block; padding-top: 2px;}
.galleryPic img {max-width: 650px;}

/* ------------- Gallery End -----------*/

/* ------------- Faq & Weblink Begin -----------*/
.faq li {display: block; width: 100%; overflow: hidden; border-radius: 4px;}
.faq .question {margin-top: 10px; padding: 5px 25px 5px 10px; border: #D0D0D0 1px solid; background: url(../images/arrow2.gif) right 5px top 6px no-repeat; background-color: #fbfbfb; cursor: pointer; color: #000058;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.faq .question:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
.faq .answer {display: none; margin-top: 5px; margin-bottom: 20px; padding: 15px; border: #FF8080 1px solid;}

.weblink {clear: both; overflow: auto; padding: 5px 25px 5px 10px; border: #D0D0D0 1px solid; margin-top: 10px; background: url(../images/arrow2.gif) right 5px top 6px no-repeat; background-color: #fbfbfb; cursor: pointer; border-radius: 4px;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.weblink:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
.weblink .site {width: 50%; float: left; text-align: right; display: block;}
.weblink .link {width: 50%; float: left; text-align: left; display: block; color: #000058;}
/* ------------- FAQ & Weblink End -----------*/

/* ------------- Sitemap Begin ---------------*/
.sitemap {max-width: 450px; margin: 0 auto;}
.sitemap li { padding: 2px 25px 2px 5px; border-bottom: #C0C0C0 1px solid; margin: 5px 0;}
.sitemap li.root {background: url(../images/treeview/home.png) right 0px top 0px no-repeat; font-weight: bold;}
.sitemap li.root a {color: #008000;}
.sitemap li.folder {background: url(../images/treeview/folder.gif) right 0px top 3px  no-repeat;}
.sitemap li.file {background: url(../images/treeview/file.gif) right 0px top 3px  no-repeat;}
.sitemap li.sub1 {margin-right: 30px; border-bottom: #C0C0C0 1px dotted; margin}
.sitemap li.sub2 {margin-right: 60px; border-bottom: #C0C0C0 1px dotted; margin}
.sitemap li.sub3 {margin-right: 90px; border-bottom: #C0C0C0 1px dotted; margin}
/* ------------- Sitemap End -----------------*/

/* ---------- Footer Begin ----------- */
footer {clear: both; margin-top: 15px; background-color: #535355; border-top: #e5cc2a 3px solid;}

.fmenu {padding-top: 10px; font-size: 14px;}
.fmenu a {display: inline-block; padding: 2px 0 5px 20px; color: #fff;font-family: 'Droid Arabic Naskh', Calibri,Arial, Tahoma;}
.fmenu a:hover {color: #D0D0D0;}

.pagetop {float: left; margin-top: 50px;}
.pagetop img {width: 32px;}

.copyright {padding: 25px 0; color: #C0C0C0; font-size: 14px;}
.copyright a {color: #C0C0C0;}
/* ---------- Footer End ------------- */


.box-author {padding: 5px; border: #C0C0C0 1px dotted; overflow: auto; margin: 5px 0;}
.box-author .pic-author img {max-width: 80px; max-height: 100px; float: right; margin-left: 10px; border: #D0D0D0 1px solid; padding: 2px;}
.box-author .author-intro {padding-top: 5px; text-align: justify;}
.box-author h2 {font-size: 15px; margin-top: 10px;}
.box-author h2 a {color: #ff0000;}
.box-author:after {clear: both;}

.header-text {width: 1150px; max-width: 98%; margin: 0 auto; font-family: 'Droid Arabic Naskh', 'Calibri'; text-align: center; padding: 6px 10px 4px 10px; line-height: 1.3;}
.header-text h1, .header-text h1 a {font-family: 'Sarchia Tablo', 'Droid Arabic Naskh', 'Calibri'; font-size: 24px; font-weight: normal; color: #ff0000;}

.hot-news-text{ margin: 10px 0 0 0; width: 100%;}
.hot-news-text marquee {display: block !important; width: 100%; font-weight: normal; font-size: 14px; font-family: 'Droid Arabic Naskh', 'Sarchia Tablo'; text-align: left;}
.ads-sep {display: inline-block; margin-left: 70px;}
.ads-sep2 {display: inline-block; margin-left: 30px;}

.top-contact {padding: 2px 10px; min-height: 24px; color: #9e9e9e; font-size: 15px;}
.top-contact a {color: #9e9e9e; font-size: 15px;}
.top-contact .left-nav {width: 50%; float: left; text-align: left; direction: ltr;}
.top-contact .left-nav a {display: inline-block; padding-right: 20px;}
.top-contact .right-nav {width: 50%; float: right; text-align: right;}
.top-contact .right-nav a {display: inline-block; padding-left: 20px;}

.top-banner {width: 100%; height: 68px; padding: 0;}
.top-banner img {width: 100%; height: 100%;}

.text-en {font-family: 'Droid Arabic Naskh', Arial; direction: ltr; font-size: 14px; line-height: 1.4;}
.text-en .catNav {direction: ltr;}
.text-en .normal-news, .text-en .big-news, .text-en .big-news2 {font-size: 14px;}
.text-en .box-author .pic-author img {max-width: 80px; max-height: 100px; float: left; margin: 0 10px 0 0; border: #D0D0D0 1px solid; padding: 2px;}
.text-en .textbody {font-size: 14px; line-height: 1.5;}

.alphabet {font-size: 14px; font-weight: bold;}
.alphabet a {float: right; color: #F0F0F0; display: block; text-align: center; width: 28px; padding: 4px 2px; background-color: #6f6f6f; border: #646464 1px solid; border-left: 0; text-decoration: none;}
.alphabet a.last {border-left: #646464 1px solid;}
.alphabet a:hover {background-color: #646464; text-decoration: none;}
.alphabet a.visited {text-decoration: none;}

ul.writer {list-style-type: none;}

.writer-block {clear: both; text-align: center; display: inline-block; width: 24%; padding: 12px 5px; cursor: pointer; color: #000058;}
.writer-block:hover .writer-thumb {border: #000 1px solid;}
.writer-block:hover .writer-name {font-weight: bold;}
.writer-thumb {display: inline-block; width: 60px; height: 60px; border: #D0D0D0 1px solid; border-radius: 50%; overflow: hidden; text-align: center;}
.writer-thumb img {width: 100%; min-height: 100%;}
.writer-name {display: block; width: 100%; margin-top: -3px; font-size: 16px;}

.writer-pos {width: 10px; height: 1px; margin: 0 auto;}

.writer-box {
	display: none;
	position: absolute;
	text-align: right;
	margin-top: -210px;
	margin-right: -130px;
	width: 320px; height: 120px; padding: 10px 15px 10px 13px;
	background-color: #F4F4F4; border: #D0D0D0 1px solid;
	border-radius: 5px; z-index: 9999;
}
.writer-box .wrclose {display: block; position: absolute; margin-top: -19px; margin-right: -23px; z-index: 10000}
.writer-box .wrclose img {width: 20px; border: 0;}
.writer-box .wrpic img {float: left; max-width: 170px; max-height: 98px;}
.writer-box a {color: #800080}

.home-thumb {clear: both; display: block; width: 100%; min-height: 80px; margin-bottom: 20px;}
.home-thumb a {float: right; display: block; width: 12.5%; height: 76px; padding: 5px 0 5px 10px;}
.home-thumb a:nth-child(8) {padding-left: 0;}
.home-thumb a img {width: 100% !important; height: 100%; border: #E0E0E0 1px solid;}

.show-hidden {margin: 5px 0 20px 0;}
.show-more {clear:both; text-align: center; cursor: pointer; padding: 5px 0 0 0 !important; color: #ACACAC}
.show-more a {background: none !important; padding: 0 !important; display: inline !important; color: #ACACAC !important;}
.show-more:hover{color: #009349}

.news-clamp {
	max-height: 265px;
	overflow: hidden;
}
.news-clamp2 {
	display: block;
	max-height: 150px;
	overflow: hidden;
}

.videoBoxCol {width: 300px; max-width: 100%;}
.videoBoxCol iframe {width: 100% !important; height: 180px;}

.videoBox {width: 750px; max-width: 100%; margin: 0 auto;}
.videoBox video, .videoBox embed, .videoBox object, .videoBox iframe {width: 100% !important; height: 450px;}

.liveVideo {width: 900px; max-width: 100%; margin: 0 auto;}
.liveVideo video, .liveVideo embed, .liveVideo object, .liveVideo iframe {width: 100% !important; height: 550px;}

.printingbar {clear: both; min-height: 28px; border-bottom: #FF8080 1px solid;}
.print {float: right; width: 200px; text-align: left;}
.print img {max-height: 24px; margin: 0 5px; margin-top: -5px;}

.social {float: left; direction: ltr; padding-bottom: 10px;}
.social span, .social a {display: inline-block; padding-right: 6px; font-size: 16px;}
.social i {font-size: 20px; color: #994499;}
.social .tellfriend {vertical-align: bottom; margin-bottom: -3px; padding-left: 10px;}

/* Dictionany */
.napakan {min-height: 200px;}
	.napakan select {padding: 4px 5px;}
	.napakan .word {font-size: 22px ;color: #000; font-weight: bold;}
	.napakan .noword {color: #808080;}
	.napakan .meaning {border-top: #969696 1px dashed; margin-top: 6px; padding: 10px; min-height: 100px;}
	.napakan .latest-title {font-size: 16px ;color: #585858;}
	.napakan .latest-list p {padding-top: 4px;}
	.napakan .latest-list a {font-size: 15px; color: #000}

ul.dict {list-style-type: none;}
ul.dict li {width: 265px; float: right; margin-left: 8px;}
ul.dict li.last {margin-left: 0;}
ul.dict .words {margin-top: 5px; padding: 5px 10px 5px 5px; border: #D0D0D0 1px solid; background-color: #fff; cursor: pointer; color: #000058;}
ul.dict .words:hover {background-color: #FFFFC0; border: #FF8080 1px solid;}
ul.dict .words a {display: block;}

.live-box {border: #ccdbec 1px solid; padding: 8px 8px 2px 8px; margin-bottom: 15px; position: relative; /*direction: ltr;*/}
.live-box:after {clear: both;}
.live-box .live-title img {float: left; max-width: 51px !important; margin-right: 6px;}
.live-box .live-title span {float: left; display: inline-block; padding: 2px 6px; background-color: #b5000c; color: #fff; font-weight: bold; font-size: 14px;}
.live-box .live-title iframe {max-height: 155px !important;}
.live-box .live-title .title {display: block; float: left; width: calc(100% - 60px); margin-top: 5px; text-align: left; font-size: 16px; font-weight: bold;}
.live-box .overlay {display: block; position: absolute; left: 8px; width: calc(100% - 16px); height: 196px; z-index: 9999;}

.latest-video {border: #ccdbec 1px solid; padding: 0 8px 8px 8px; margin-bottom: 20px;}
.latest-video h2 {margin: 0 -9px 10px -9px;}
.latest-video .item {clear: both; display: block; margin: 5px 0; padding: 6px 0; border-bottom: #ccdbec 1px solid; height: auto; overflow: auto;}
.latest-video .item:last-child {border-bottom: 0; margin-bottom: 0;}
.latest-video .thumb {float: right; display: block; position: relative; margin: 0 0 2px 10px; max-width: 120px;}
.latest-video .thumb img {width: 100%; height: 100%;}
.latest-video .cat {display: block; color: #d20e27 !important; font-weight: bold; margin: 0; padding: 0 0 2px 0; text-transform: uppercase;}
/*.latest-video .title {font-weight: bold; color: #4d3777;}*/
.latest-video .title {font-weight: bold; color: #333;}

.play-icon {display: inline-block; position: absolute; bottom: 7px; right: 1px; padding: 4px 5px; background-color: #c1041c; color: #fff; font-size: 9px; line-height: 1.3; border-radius: 3px;}
/*.play-icon:hover {background-color: #e1b008;}*/
.latest-video .item:hover .play-icon {background-color: #d0b040;}

.auto-text {display: block !important; text-align: center !important; color: #ff0000; font-weight: bold; font-size: 16px; line-height: 1.6;}

.colbox-1 {border: #ccdbec 1px solid; padding: 5px 8px 8px 8px; margin-bottom: 15px;}
.colbox-1 h2 {text-align: left; margin: 3px 0 10px 0;}

.most-view {border: #ccdbec 1px solid; padding: 0 8px 8px 8px;}
.most-view h2 {margin: 0 -9px 10px -9px; text-align: right;}
.most-view .item {clear: both; display: block; margin: 5px 0; padding: 6px 0; border-bottom: #ccdbec 1px solid; height: auto; overflow: auto;}
.most-view .item:last-child {border-bottom: 0; margin-bottom: 0;}
.most-view .thumb {float: right; display: block; position: relative; margin: 0 0 2px 10px; width: 120px; height: 70px; overflow: hidden;}
.most-view .thumb img {width: 100%; min-height: 100%;}
/*.most-view .title {font-weight: bold; color: #4d3777;}*/
.most-view .title {font-weight: bold; color: #333;}

.most-view2 {border: #ccdbec 1px solid; padding: 0 8px 8px 8px;}
.most-view2 h2 {margin: 0 -9px 10px -9px; text-align: right;}
.most-view2 .item {clear: both; display: block; margin: 5px 0; padding: 5px 0; border-bottom: #ccdbec 1px solid; height: auto; overflow: auto;}
.most-view2 .item:last-child {border-bottom: 0; margin-bottom: 0;}
.most-view2 .thumb {float: right; display: block; position: relative; margin: 0 0 2px 10px; width: 120px; height: 70px; overflow: hidden;}
.most-view2 .thumb img {width: 100%; min-height: 100%;}
.most-view2 .title {font-weight: bold; color: #333;}
.most-view2 .first {display: block; background-color: #F0F0F0; padding: 10px; margin: -10px -8px 10px -8px;}
.most-view2 .first .title {font-size: 15px;}
.most-view2 .first .pic {display: block; max-height: 237px; overflow: hidden; margin-bottom: 5px;}
.most-view2 .first .pic img {width: 100% !important;}

.vaccine_finder {direction: ltr; font-size: 14px;}
.vaccine_finder .cdc {float: right; max-width: 50px;}
.vaccine_finder .desc {margin-top: -7px; margin-bottom: 12px; font-size: 13px;}
.vaccine_finder .bold1 {font-weight: bold; font-size: 16px; margin-bottom: 5px;}
.vaccine_finder .bold2 {font-weight: bold; font-size: 15px;}
.vaccine_finder table {margin-top: 10px; margin-bottom: 5px;}
.vaccine_finder table td {font-size: 15px;}
.vaccine_finder .zipcode {width: 100%; padding: 8px 3px; text-align: center;}
.vaccine_finder .area {width: 100%; padding: 8px 3px; text-align: center;}
.vaccine_finder .btn-send {width: 100%; padding: 12px 10px; text-align: center; background-color: #003366; color: #fff; font-weight: bold; font-size: 14px;}
.vaccine_finder .disclaimer {text-align: center; margin: 12px 0 0 0; color: #585858;}
.vaccine_finder .disclaimer strong {color: #000;}
.vaccine_finder .disclaimer span {color: #585858;}
.vaccine_finder .vaccine-err {color: #FF8080; display: none; text-align: center; padding-bottom: 5px;}

.medal_count {padding-bottom: 2px;}

.featured-news .first {margin-bottom: 10px;}
.featured-news .first .pic {display: block; margin: -10px -10px 0 -10px; padding: 0; line-height: 0;}
.featured-news .first h2 {display: block; font-size: 18px; line-height: 1.4; color: #000; font-weight: bold; margin: 0 -10px 8px -10px; padding: 7px 10px; background-color: #E0E0E0;}
.featured-news .first h2 a {color: #000; font-weight: bold;}

.featured-news .next {margin: 0 -10px;}
.featured-news .next .item {display: block; float: right; width: 50%; height: 312px; overflow: hidden; margin: 0; padding: 10px 10px 0 10px;}
.featured-news .next .pic {display: block; height: 180px; overflow: hidden; margin: 0; padding: 0; line-height: 0;}
.featured-news .next .pic img {width: 100%; min-height: 100%;}
.featured-news .next h2 {display: block; font-size: 16px; font-weight: bold; color: #000; margin: 8px 0 5px 0;}
.featured-news .next h2 a {color: #000; font-weight: bold;}
.featured-news .next .desc {color: #444;}

.space {height: 0px;}

.latest-news .item {clear: both; display: block; margin: 8px 0; border-top: #E0E0E0 1px solid; padding: 8px 0 0 0;}
.latest-news .item:last-child {margin-bottom: 0;}
.latest-news .item .cat {display: block; color: #d20e27 !important; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 10px 0; text-transform: uppercase;}
.latest-news .item .pic {display: block; width: 160px; max-height: 96px; overflow: hidden; float: right; margin: 0 0 0 12px; padding: 0; line-height: 0;}
.latest-news .item h2 {display: block; font-size: 15px; color: #333; font-weight: bold;}
.latest-news .item h2 a {color: #333;}

.live-tv {width: 100%; height: 151px; margin-bottom: 5px;}
.live-tv iframe, .live-tv video, .live-tv img {width: 200%; height: 200%;}
.live-tv iframe {
   zoom: 0.5;
  -moz-transform: scale(0.5);
  -moz-transform-origin: 100% 0;
  -o-transform: scale(0.5);
  -o-transform-origin: 100% 0;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: 100% 0;
}

.livetv-title {padding-top: 10px; margin: 0; font-weight: bold; font-size: 20px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-5 {margin-bottom: 5px;}
.m-b-8 {margin-bottom: 8px;}

.featured-livetv {margin-bottom: 15px; width: 100%;}
.featured-livetv .vbox {display: block; width: 100%; height: auto; z-index: -1 !important;}
.featured-livetv .vbox iframe, .featured-livetv .vbox video {width: 100%; z-index: -1 !important;}
.featured-livetv .vbox iframe {height: 370px;}
/*
.featured-livetv .vbox iframe {
   zoom: 0.8;
  -moz-transform: scale(0.8);
  -moz-transform-origin: 100% 0;
  -o-transform: scale(0.8);
  -o-transform-origin: 100% 0;
  -webkit-transform: scale(0.8);
  -webkit-transform-origin: 100% 0;
}
*/
.featured-livetv .vtitle {display: block; font-size: 18px; line-height: 1.4; color: #000080; font-weight: bold; padding: 7px 10px 7px 5px; background-color: #E0E0E0; margin-top: -6px;}
.featured-livetv .vtitle2 {display: block; font-size: 18px; line-height: 1.4; color: #000080; font-weight: bold; padding: 7px 10px; background-color: #E0E0E0; margin-top: -6px;}

.live-icon {display: inline-block; float: left; background-color: #FF0000; color: #fff; border-radius: 4px; padding: 0 8px; font-size: 16px; line-height: 20px;}

.cursor {cursor: pointer;}

.mobile-show {display: none;}