@font-face {font-family: 'TheSansArabic-Bold'; src: url(../fonts/TheSansArabic-Bold.eot); src: url(../fonts/TheSansArabic-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/TheSansArabic-Bold.woff2) format('woff2'),url(../fonts/TheSansArabic-Bold.woff) format('woff'),url(../fonts/TheSansArabic-Bold.ttf) format('truetype');}
@font-face {font-family: 'TheSansArabic-SemiBold';  src: url(../fonts/TheSansArabic-SemiBold.eot); src: url(../fonts/TheSansArabic-SemiBold.eot?#iefix) format('embedded-opentype'),url(../fonts/TheSansArabic-SemiBold.woff2) format('woff2'),url(../fonts/TheSansArabic-SemiBold.woff) format('woff'),url(../fonts/TheSansArabic-SemiBold.ttf) format('truetype');}
*{
    margin: 0;
    outline: 0;
    padding:0;
    -webkit-transition-property: background, border-color, color, box-shadow, display, padding, width, bottom;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-property: background, border-color, color, box-shadow, display, padding, width, bottom;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease-in;
}
body{
    direction: rtl;
    background: #f6f6f6;
}
a{text-decoration: none}
ul{list-style: none}
.clear{width:100%;height: 1px;clear:both}
img{border:0;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
#floating-icons a:hover,img:hover,.opacity{-webkit-opacity:.86;-moz-opacity:.86;opacity:.86}
.left{
    float:left;
}
.right,#controller div{
    float:right;
}
h1,h2,h3,a,.boxTitle,.tableDiv .cityName,.songTable,button{
    font-family: 'TheSansArabic-SemiBold';
}
#floating-icons {
    position: fixed;
    margin-top: 33px;
    left: .5%;
    width: 33px;
    z-index: 99999;
}
#container{
    width: 990px;
    margin: auto auto 50px auto;
    border: 1px solid #ddd;
    background-color: #fff;
    border-top: .3em solid #2575bc;
    border-bottom: .3em solid #D92136;
    padding:5px;
    border-radius: 10px;
}
.items,#topNav a,#lastnews #lastNewsTitle,.Links2 a{border-radius: 5px}
#topAds{
    width: 972px;
    height: 100px;
    padding: 3px;
    border: 1px #718585 solid;
    text-align: center;
}
#newsMarque{
    width:980px;
    height: 40px;
    padding: 5px;
    background: #2575bc;
    border-radius: 5px;
    display: none;
}
.tickercontainer .mask {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    overflow: hidden;
}
.tickercontainer {
    overflow: hidden;
    height: 40px;
    color: #fff;
}
ul#webticker2 {
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    list-style: none;
    margin: 0;
}
ul.newsticker {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
    position: relative;
    margin-left: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#webticker2 li {
    float: right;
    margin: 0;
    padding-left: 15px;
}
#ticker
{
    border: 2px solid #D92136;
    color: #333;
    width: 90%;
    border-radius: 5px;
    padding:15px;
    height: 22px;
    margin: 10px auto;
    display:none}
#ticker label{
    background: #D92136;
    color:#fff;
    padding:10px;
    border-radius: 5px;
    font-weight: bold;
    font-family: 'TheSansArabic-SemiBold';
}
#ticker .divider { 
    padding: 0 4px;
}
#ticker a, #ticker a:visited
{
    color: #eb2632;
    text-decoration: none;
    font-weight: bold;
}
#ticker a:hover
{
    color: #930;
    text-decoration: underline;
}
#presets{
    height: 40px;
    border-radius: 5px;
    float: right;
    background: #D92136;
    color:#fff;
    padding:0 10px;
    line-height: 40px;
    font-family: 'TheSansArabic-SemiBold';
}
ul.newsticker li {
    float: left;
    padding-right: 15px;
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    margin: 0 13px 0 0;
    color: #fff;
    line-height: 40px;}
ul.newsticker a .fa-gift{
    color:#EB3147;
    margin-left: 10px;
    font-size: 22px;
}
ul.newsticker a:hover{
    color:#e5c069;
}
#topNav{
    margin: 10px 0;
    background: #122536;
    padding: 5px 7px 0 0;
    border-radius: 5px;
}
#topNav a{
    width: 92px;
    height: 27px;
    margin-left: 5px;
    margin-bottom: 5px;
    text-align: center;
    line-height: 2;
    float: right;
    color:#FFF;
    background: #097EC2;
    font-size: 9pt;
}
.fa{margin-left: 2px;}
#topNav a:nth-child(n+21){
    background: #D92136;
}
#topNav a:hover{
    background:#2992CF;
}
#topNav a:nth-child(n+21):hover{
    background: #5E5E5E;
}
#topNews{
    height: 320px;
}
#topNews #rightCol{
    width: 150px;
    height: 320px;
}
#topNews #rightCol #logo{
    text-align: center;
    border-radius: 10px;
    padding: 5px;
    background: #F5F5F5;}
#lastnews #lastNewsTitle{
    height: 25px;
    margin-top: 2px;
    color: #fff;
    text-align: center;
    font-family: 'TheSansArabic-SemiBold';
    font-size: 10pt;
    line-height: 1.7;
    background: #097EC2;
}
.dateShow{
    text-align: center;
    font-family: 'TheSansArabic-SemiBold';
    font-size: 15px;
}
#NewsScroll{
    height: 130px;
}
#nt-example1 li{
    height: 60px;
    padding: 2px;
    border-bottom: 2px dotted #EB3147
}
#nt-example1 li a h2{
    font-size: 9.4pt;
    font-weight: normal;
    color:#000;
}
#nt-example1 li a span{
    font-size: 8.4pt;
    padding: 2px;
    font-weight: normal;
    margin-bottom: 4px;
    border-bottom: 1px dotted #6E6D6D;
    color: #D92136;
}
#controller div{
    float:right;
    margin-right: 10px;
    cursor: pointer;
    width:40px;
}
#controller div .fa{
    color:#2992CF;
}
#topNews #leftCol{
    width: 820px;
    height: 320px;
}
.mainNews{
    float:right;
    margin-left: 10px;
}
.mainNews,.mainNews .mainNewsImg{
    width: 400px;
    height: 220px;
}
.mainNews .mainNewsImg img{
    border-radius: 10px;
}
.mainNews .mainNewsInfo{
    width: 400px;
    height: 72px;
}
.mainNews .mainNewsInfo h2{
    width: 400px;
    line-height: 1.2;
    margin-top: 5px;
    font-size: 11pt;
}
.mainNews .mainNewsInfo p{
    width: 400px;
    font-family: tahoma;
    font-size: 8pt;
}
.mainNews .manNewsMore{
    width: 90px;
    height: 20px;
    background: #097EC2;
    border-radius: 7px;
    float: left;
    margin-top: 5px;
    text-align: center;
    font-size: 8pt;
}
.mainNews .manNewsMore a{
    color:#fff;
    display: block;
    line-height: 19px;
}
.mainNews .manNewsMore:hover{
    background: #444;
}
.MainNewsShowMore{
    color:#000;
}
.leftMainNews ul li{
    width: 100%;
    height: 70px;
    margin-bottom: 5px;
    background: #F5F5F5;
    border-radius: 5px;
    padding:2px;
}
.leftMainNews ul li:nth-child(2n){
    background: #f8f8f8;
}
.leftMainNews ul li a .img{
    width: 100px;
    height: 70px;
    float: right;
    border-radius: 5px;
    margin-left: 5px;
}
.leftMainNews ul li a .img img{
    border-radius: 5px;
}
.leftMainNews ul li a .Title h2{
    color:#000;
    font-size: 11pt;
    height: 55px;
}
.leftMainNews ul li:hover .Title h2{
    color:#fff;
}
.leftMainNews ul li:hover{
    background: #097EC2;
}
#nt-example1 li a h2:hover,.MainNewsShowMore:hover{
    color:#D92136
}
.Links2{
    height: 30px;
    padding: 5px;
    background: #404040;
    margin:10px 0;
    border-radius: 5px;
}
.Links2 a{
    color:#fff;
    margin:0 5px;
    line-height: 30px;
    padding:5px 2px;
    font-size: 11pt;
}
.love a{
    font-size: 20px;
}
.love a .fa{
    color:#EB3147;
    font-size: 20px;
    margin:0 15px;
}
.Links2 .left a,.Links2 a:hover{
    background: #2992CF
}
.Links2 .left a:hover{
    background: #222;
}
.love a:hover{
    background: #EB3147;
}
.love a:hover .fa{
    color:#fff;
}
.showItemsSquare,.items{
    width: 170px;
    height: 170px;
    display: table;
    padding: 5px;
    border: 1px solid #DDDDDD;
    float: right;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    overflow:hidden;
}
.showItemsSquare:hover,.items:hover{
    background-color:#ffffff;
    box-shadow: 0 0 5px #ccc;
}
.items{
    margin-left: 8px;
}
.itemsStrange{
    margin-left: 18px;
    margin-right: 13px;
}
.varientItems{
    margin-bottom:10px;
}
.showItemsSquare{
    margin: 15px;
}
.showItemsSquare .pic,.items .pic{
    width: 170px;
    height: 100px;
    border-bottom: 3px solid #097EC2;
}
.showItemsSquare h2,.items h2{
    width: 176px;
    line-height: 1.3;
    font-size: 11pt;
    margin-top: 2px;
    font-weight: normal;
    color:#000;
}
#adsUnderItems{
    width: 980px;
    height: auto;
    margin: 10px 0;
}
#adsUnderItems div.adsDiv{
    width: 477px;
    height: 70px;
    padding: 3px;
    border: 1px #718585 solid;
}
#threColums #rightColumns{
    width: 310px;
}
#threColums #rightColumns #Menu,#threColums #rightColumns #adsArea{
    width: 150px;
}
#threColums #rightColumns #LeftCoumnns{
    width: 660px;
    background: yellow;
}
#threColums #rightColumns #Menu ul li{
    width: 149px;
    height: 35px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 2.4;
    font-size: 10pt;
    font-weight: bold;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    color: #000;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}
#threColums #rightColumns #Menu ul li a{
    width: 129px;
    height: 35px;
    border-right: 10px solid #097EC2;
    padding-left: 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: table;
    color: #000;
}
#threColums #rightColumns #Menu ul li a.mainLink{
    border-right: 10px solid #D92136;
}
.boxBody{
    margin-bottom: 10px
}
#threColums #rightColumns #Menu ul li a:hover,.boxBody a:hover,.tableDiv:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}
#threColums #rightColumns #Menu ul li a:hover,.boxBody a:hover{
    border-right: 10px solid #D92136; 
}
#threColums #rightColumns #adsArea .ads{
    width: 150px;
    height: 147px;
    margin-bottom: 10px;
}
#threColums #rightColumns #adsArea .ads img{
    border-radius: 5px;
}
#threColums #LeftCoumnns{
    width:660px;
}
#threColums #LeftCoumnns a.news{
    height: 108px;
    margin-bottom: 10px;
    background-color: #444;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}
#threColums #LeftCoumnns a.news:nth-child(2) {
    background-color: #D92136;
}
#threColums #LeftCoumnns a.news:nth-child(4) {
    background-color:#097EC2
}
#threColums #LeftCoumnns .news .infos{
    width: 470px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 88px;
    float: right;
}
#threColums #LeftCoumnns .news .pic{
    width: 170px;
    height: 108px;
    background: white;
    float: left;
}
#threColums #LeftCoumnns .news .infos h2{
    width: 470px;
    font-size: 12pt;
    color: #fff;
}
#threColums #LeftCoumnns .news .infos p{
    width: 470px;
    font-family: tahoma;
    margin-top: 2px;
    font-size: 10pt;
    font-weight: normal;
    color: #fff;
    text-align: justify
}
#bigAds{
    width: 972px;
    border: 1px #718585 solid;
    padding: 3px;
    margin:10px 0;
}
#videoArea{
    width: 978px;
    height: auto;
    border: 1px solid #ddd;
    background: #2F2F2F;
}
#videoArea #VideoTitle{
    width: 978px;
    background: #151515;
}
#videoArea #VideoTitle ul li{
    height: 40px;
    float: right;
}
#videoArea #VideoTitle ul li a{
    height: 40px;
    color: #fff;
    font-size: 12pt;
    line-height: 2.7;
    padding:0 10px;
    margin: 0 10px;
}
#videoArea #VideoTitle ul li a:hover,#videoArea #VideoTitle ul li a.firstTitle{
    color:#e5c069;
}
#videoArea #videoBody{
    width: 978px;
    height: 320px;
    display: table;
}
#videoArea #VideoBody #MainVideo{
    width: 460px;
    height: 302px;
    padding: 10px;
}
#videoArea #VideoBody #MainVideo #VideoShow{
    width: 460px;
    height: 272px;
    background: gray
}
#videoArea #VideoBody #MainVideo h2{
    width: 460px;
    margin-top: 5px;
    color: #fff;
    font-size: 10pt;
}
#videoArea #VideoBody #otherVideo{
    width: 488px;
    padding-top: 10px;
}
#videoArea #VideoBody #otherVideo .minVideo{
    width: 156px;
    height: 125px;
    margin-bottom: 10px;
    float: right;
    margin:8px 3px;
    border-radius: 3px;
}
#videoArea #VideoBody #otherVideo .minVideo .pic{
    width: 156px;
    height: 100px;
}
#videoArea #VideoBody #otherVideo .minVideo h2{
    width: 156px;
    height: auto;
    margin-top: 5px;
    font-size: 10pt;
    color:#fff;
    padding-right: 2px;
}
#videoArea #VideoBody #otherVideo #moreVideo a{
    width: 150px;
    height: 15px;
    float: left;
    background: #e5c069;
    border-radius: 7px;
    line-height: 1.5;
    padding: 5px;
    color: #fff;
    font-size: 8pt;
}
#videoArea #VideoBody #otherVideo #moreVideo a:hover,#videoArea #VideoBody #otherVideo .minVideo:hover{
    background: #e5c069
}
#city{
    width:972px;
    height: 50px;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    margin: 10px auto;
}
#city,.boxBody a,.tableDiv{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color: #ffffff; 
}
#city ul li{
    width: 107px;
    float: right;
    height: 25px;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}
#city ul li a:hover{
    background: #097EC2;
    color:#fff;
}
#city ul li a{
    width: 100%;
    line-height: 25px;
    font-size: 9pt;
    color: #000;
    display: block;
}
aside{
    width: 310px;
}
aside .ads{
    width: 310px;
}
aside .Col{
    width: 150px;
}
aside .Col .ads{
    width: 150px;
    margin-bottom: 1px;
}
#contents #blog,.conts{
    width: 660px;
    height: auto;
}
#contents #blog .block{
    width: 320px;
    float:right;
    margin-right: 7px;
}
#contents #blog .block .blockTitle{
    height: 32px;
    color: #fff;
    font-size: 13pt;
    line-height: 1.7;
    padding-right: 10px;
    margin-bottom: 5px;
    display: block;
    border-radius: 5px;
}
.block .blockNewsTitleBody .newsTitle{
    height: 75px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #dcdcdc;
    display: block;
}
.block .blockNewsTitleBody .newsTitle:hover h2{
    text-decoration: underline
}
.block .blockNewsTitleBody .newsTitle img{
    width: 110px;
    height: 70px;
    float: right;
    margin: 5px;
}
.block .blockNewsTitleBody .newsTitle h2{
    font-size: 10pt;
    color: #000;
    height: 58px;
}
.block .blockNewsTitleBody .newsTitle span{
    font-size: 6pt;
    color:#111;
}
.blockAds{
    width: 652px;
    height: auto;
    border: 1px #718585 solid;
    padding: 3px;
    margin-bottom: 10px;
}
.boxTitle{
    height: 25px;
    color: #fff;
    text-align: center;
    font-size: 10pt;
    line-height: 1.7;
    background: #097EC2;
    margin-bottom: 5px;
    font-weight: bold;
}
.tableDiv,.boxBody a{
    height: 26px;
    border: 1px solid #dcdcdc;
    font-size: 9pt;
    display: block;
    color:#111;
    line-height: 26px;
    padding-right:3px;
}
#emailBox{
    margin: 10px 0;
    background: #444;
    height: 155px;
}
#emailBoxBody{
    text-align: center;
}
#emailBoxBody div{
    margin:10px 0
}
#emailBoxBody div #emailTextSubscribe{
    width:250px;
    padding:5px;
    height:15px;
    font-family: 'TheSansArabic-SemiBold';
    border:none;
}
#emailBoxBody div #emailTextSubscribe:hover{
    background: #e2e2e2;
    padding:5px;
    border:none;
}
#emailBoxBody div #emailSubmitSubscribe{
    width:80px;
    height:30px;
    color:#fff;
    border:none;
    background: #2992CF;
    cursor: pointer;
    font-family: 'TheSansArabic-SemiBold';
}
#emailBoxBody div #emailSubmitSubscribe:hover{

    background: #D92136;
}
#footerBody{
    padding: 5px;
    width: 968px;
    border: 1px solid #d4d9da;
    font-size: 11pt;
    margin: 10px 0;
}
.footerBlock{
    width: 115px;
    float:right;
}
.footerNewsBlock{
    width: 340px;
    float:right;
}
#footerBlockLeftLinks a,.footerBlock a{
    display: block;
    padding: 5px; 
}
.footerNewsBlock a{
    float:right;
    width:100px;
    padding:5px;
}
.footerBlock a,.footerNewsBlock a{
    color: #929191;
    font-size: 10pt;
    max-width: 115px;
}
#footerBlockLeftLinks a:hover,.footerBlock a:hover,.footerNewsBlock a:hover{
    background: #F5F5F5;
    color:#000;
}
.footerLeftBlock{
    float: left;
    width:280px;
}
#footerBlockLeftLinks a{
    color:#444;
    font-size: 12pt;
    float:right;
    margin: 0 10px 5px 0;
    width:120px;
}
#footerSlinks{
    margin-top: 10px;
}
#footerSlinks a{
    color:#444;
    margin-right: 10px;
}
#floating-icons a,#footerSlinks a{
    font-size: 22px;
}
#floating-icons a .rss,#footerSlinks a .rss:hover{
    color:#e19126   
}
#floating-icons a .twitter,#footerSlinks a .twitter:hover{
    color:#20b8ff   
}
#floating-icons a .facebook,#footerSlinks a .facebook:hover{
    color:#3a589b   
}
#floating-icons a .youtube,#footerSlinks a .youtube:hover{
    color:#cf3427  
}
#floating-icons a .googlePlus,#footerSlinks a .googlePlus:hover{
    color:#d64136  
}
#endNav{
    width: 970px;
    height: 25px;
    padding: 5px;
    background: #404040;
    color:#fff;
    font-family: 'TheSansArabic-SemiBold';
    font-size: 11pt;
    line-height: 25px;
}
#endNav .left a{
    color:#D92136
}
#back-to-top {
    bottom: 50px;
    position: fixed;
    right: 20px;
    display: none;
    height: 40px;
    width: 50px;
    background: #000;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
#back-to-top:hover{
    background: #2992CF;
}
#toolbar{
    margin: 10px 10px 0 10px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 98.5%;
    color: #FFFFFF;
    height: 45px;
    line-height: 32px;
    -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;
    background-color:#2575bc;
}
#toolbar a{
    margin: 0 15px;
    height: 30px;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url('../img/sw.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 70px;
}
#toolbar a:hover{
    color: #e19126;
    text-decoration: underline;
}
.table{
    border: 1px solid #ddd;
    margin: auto;
    border-collapse: collapse;
    display: table;
    border-spacing: 2px;
    border-color: gray;
}
.table tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.table tr td{
    border: 1px solid #ddd;
    padding: 5px;
    border-bottom: 2px solid #ddd;
    border-width: 1px !important;
    height: 30px;
}
.table input[type='text'],.table textarea,.table select,.table input[type='email'],.table input[type='tel']{
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 13px;
}
.table input[type='text'],.table input[type='email'],.table input[type='tel']{
    width: 60%;
    padding: 10px;
}
.table textarea{
    width: 90%;
    padding: 15px;
    height: 100px;
}
.table select{
    padding:8px;
    font-size: 17px;
}
.searchForm .btns,.table tr.firstTR,.table input[type='submit']{
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.submitTR{
    text-align: center
}
.table tr td p{text-align: justify}
.table input[type='submit']:hover,.searchForm .btns:hover{
    opacity: 0.9;
}
.table tr td.td1{width:30%}
.table tr td img{margin: 10px 17px;border:5px solid #ddd;border-radius: 5px;}
.table tr td img:hover{border:5px solid #428bca;}
input[type=text]:focus,table select:focus, textarea:focus,.table input[type='email']:focus,.table input[type='tel']:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
#sitebody{
    margin: 20px 0;
}
.center{
    text-align: center
}
.btn{
    margin: 5px;
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 200px;
}
.ok{
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.gobtn{
    background-color: #337ab7;
    border-color: #2e6da4;
}
.gobtn:hover{
    background-color:#286090;border-color:#204d74;
}
.title{
    width:80%;
    height: 30px;
    padding-right: 10px;
    margin: 5px 0 10px 0;
    border-radius: 7px;
    background: #E7EAEB;
    font-family: 'TheSansArabic-SemiBold';
    padding-top: 10px;
    font-size: 13px;
}
.sooqItemShow a.showItemsSquare{
    margin: 30px 50px;
}

.breadcrumbs .fa{
    margin: 0 10px;
}
.breadcrumbs a{
    color:#000;
}
.breadcrumbs a:hover{
    color: #D92136
}
.conts .newsContent{
    background-color: #fff;
    border: 1px solid #ececec;
    padding: 10px;
}
.articleTitle h1{
    line-height: 180%;
    border-bottom: 1px solid #d8d8d8;
    padding: 8px;
    font-weight: bold;
    color: #b21117;
}
.newsContentImg{
    margin: 20px 0 10px auto;
    display: block;
    text-align: center;
}
.newsParagraph p{
    text-align: justify;
    font-size: 13pt;
    line-height:35px;
}
.newsCatShow{
    float: right;
    width: 321px;
    border: 1px dotted #ccc;
    margin: 10px 5px 0 0;
    height: 85px;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
    border-radius: 5px;
}
.newsCatShow:hover{
    background: #097ec2;
}
.newsCatShow:hover .newstext h2,.newsCatShow:hover .newsstamp{
    color:#fff;
}
.newsCatShow img{
    width: 125px;
    height: 83px;
    border: 1px solid #000;
    float: right;
}
.newsCatShow .newstext {
    float: right;
    width: 190px;
    padding:1px 3px 1px 1px;
    display: inline-block;
    line-height: 150%;
}
.newsCatShow .newstext h2{
    font-size: 10pt;
    color:#222;
    font-weight: normal;
}
.newsCatShow .newsstamp{
    color: #888;
    bottom: 0;
    position: absolute;
    font-size: 7pt;
}
.tableDiv .cityName{
    width: 50%;
    float: right;
    font-size: 8.5pt;
    padding-right: 2px;
}
.tableDiv .degree{
    width: 40%;
    color: #D92136;
    font-size: 8.5pt;
    float: left;
    padding-left: 2px;
}
.tableDiv .degree img{
    width:20px;
    height: 20px;
}
.currencygreen{
    color:green;
}
.currencyred{color:red}
.newsInfos .date{font-size: 11px}
.newsInfos .left{margin-left: 20px}
.newsInfos .left .tags{padding:3px 6px;background: #097ec2;border-radius: 5px;cursor: pointer}
.newsInfos .left .tags a{color:#fff}
.newsInfos .left .tags:hover{background:#D92136}

.char{
    width: 25px;
    height: 25px;
    float: right;
    border-radius: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    background: #097EC2;
    text-align: center;
    color: #fff;
}
.char:hover{
    background: #D92136
}
.title-in{
    height: 30px;
    color: #fff;
    font-size: 12pt;
    line-height: 1.7;
    padding-right: 10px;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: bold;
    text-align: right;
    background:#122536;
    border-radius: 5px;
}
.title-in a{
    color:#fff;
}
.aboutArtist{
    margin: 10px 0;
    border:1px solid #ccc;
    border-radius: 5px;
    padding:5px;
}
.artistImg{
    float:right;
    width:176px;
    height: 100px;
    margin-left: 5px;
}
.artistInfo{
    float:right;
    margin-right: 5px;
    width:450px;
}

.albumBTN{
    color:#2F2F2F;
    margin: 0 10px 10px 0;
    background: #f8f8f8;
    float:right;
    padding:5px;
    font-size: 8pt;
    border-radius: 5px;
    border:none;
    cursor: pointer;
    border-bottom: 2px solid #ccc;
}
.albumBTN:hover{
    background: #D92136;
    color:#fff;
    border-bottom: 2px solid #b21117
}
.artName h3{
    font-size: 11pt;
    color:#D92136;
    margin-bottom: 10px;
}
.artDetails p{
    font-size: 11pt;
    font-family: tahoma
}
.songTable{
    border:2px solid #f8f8f8;
    border-radius: 5px;
    width:100%;
    font-size: 12pt;
}
.songTable tr{
    height: 35px;
}
.songTable tr td{
    padding:5px;
}
.songTable tr:nth-child(2n){
    background: #eee;
}
.songTable tr td .fa{
    font-size: 14pt;
    padding:5px;
}
.songTable tr td .fa-green{
    color:#357ebd;
    cursor: pointer;
    padding:5px;
}
.songTable tr td .fa-red{
    color:#D92136;
}
.songTable tr td .fa:hover{
    background: #000;
    color:#fff;
}
.firstTrSong{
    background: #204d74;
    color:#fff;
    font-weight: bold;
}

.imgLibraryFancy img{
    width:200px;
    height: 170px;
    margin:3px;
    border:5px solid #ccc;
    border-radius: 5px;
}
.imgLibraryFancy img:hover,.childpic:hover{
    border:5px solid #D92136;
}
.childpic{
    height: 270px;
    border:5px solid #ccc;
    border-radius: 5px;
    float:right;
    margin-left: 3px;
    margin-bottom: 20px;
}
.childpic img,.childpic img:hover{
    border:none;
}
.childpic div.info{
    height: 20px;
    margin-right:3px;
    color:#D92136;
    font-size: 10pt;
}
.childpic div.info div{
    width:45%;
    float:right;
}
.childpic div.info div h5{
    color:#000;
}
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }

.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }

.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }



.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px;}

#vootcontainer{
    width:96%;
    border:1px solid #ccc;
    background: #f8f8f8;
    border-radius: 5px;
    padding:2px;
}
#vootcontainer p{
    margin:0; line-height:1em;
}
#loader{ display:none; text-align:center;}
.option{ margin:10px 5px}
#pollform p,.option p{   
    font-family: tahoma;
    color: #000;
    margin-top: 5px;
    line-height: 1.2;
    font-size: 8pt;
    direction: rtl;
    text-align: right;
}
.bar{ height:10px;
      background: #097EC2;  
}
#pollcontainer h2{
    margin-top: 5px;
    font-family: tahoma;
    color: #000;
    font-size: 8pt;
    font-weight: bold;
}
.yourvote{ background:#D92136; }
#pollform{
    padding:5px;
}
.votes{
    font-size: 8pt;
    width: 79px;
    color: #fff;
    font-size: 10pt;
    font-family: 'TheSansArabic-SemiBold';
    line-height: 1.4;
    cursor: pointer;
    height: 25px;
    border-style: hidden;
    background: #252525;
}
.allVotes{
    background: #D92136;color:#fff;padding:5px;border-radius: 5px;
}
.votedValue{
    font-weight: bold;
}
.required{
    color: #EB3147;
}

.hidden{
    display: none;
}

.text-center{
    text-align: center;
}
.searchForm{
    background: #f8f8f8;
    padding:10px;
    border-radius: 5px;
}
.form-control{
    width: 50%;
    height: 34px;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.pager{font-size:16px;margin:1px;float:right;color:#fff;padding:2px;  background:#2e6da4}
.pager:hover,.pagers{background:#D92136;font-size:16px;margin:1px;float:right;color:#fff;padding:2px}
.pagin{min-width:20px;text-align:center}
.commentsFace{
    margin-top: 10px;
    background: #f8f8f8
}
.slinksshare{
    margin: 10px 0;
}
.slinksshare div{
    float:right;
    margin: 0 10px;
    max-width: 150px;
}
hr{
    height: 3px;
    border-radius: 3px;
    background: #e2e2e2;
    border:none;
}
#facebookPage{
    width: 310px;
    height: auto;
    margin-bottom: 10px;
}
.boxTower{
    margin: 5px 0 15px 0;
    border:1px solid #DCDCDC;
    padding:5px;
}
.borj{
    width:40px;
    height: 20px;
    margin: 7px;
    float: right;
    padding:10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.borj:nth-child(1n){
    background-color: #2575bc;
}
.borj:nth-child(2n){
    background-color: #D92136;
}
.borj:nth-child(3n){
    background-color: #855ece;
}
.borj:nth-child(4n){
    background-color: #008080;
}
.borj a{
    color:#fff;
    display: block;
    font-size:13px;
}
.borj:hover{
    background: #122536;
}
.borjContent{
    border: 3px solid #ececec;
    padding: 10px;
    margin: 10px 0;
}
.brjDate{
    color:#D92136;
    font-size: 14px;
    font-weight: bold;
}
.brjInfo p{
    font-size: 16px;
    font-family: 'TheSansArabic-SemiBold';
    text-align: justify;
    font-weight: normal;
    line-height: 30px;
}
.separate{
    height: 10px;
    width:100%;
}

.blackboxbody{
    background: #2F2F2F ;
    padding:5px;
}
.soundTrackPlay{
    width:43%;
    float: right;
    margin: 2px 3px;
    background: #111;
    padding:5px
}
.soundTrackPlay a{
    color:#fff;
    font-size: 12px;
    display: block;
    cursor: pointer;
}
.soundTrackPlay a .fa{
    float:left;
    color:#D92136
}
a.Titles:hover{
    color:#D92136;
}
.soundMore{
    width:90%;
    margin: auto;
    background: #000;
    margin: 5px;
    text-align: center;
}
.soundMore a{
    color:#fff;
    font-size: 14px;
    display: block;
    padding:3px
}
.soundMore a:hover{
    background: #D92136
}

.requiredEmail,.correctEmail,.emailOk{
    color:#fff;
    font-size: 13px;
    text-align: center;
    padding:2px;
    border-radius: 2px;
    display: none;
}
.requiredEmail,.correctEmail{
    background: #EB3147;
}
.emailOk{
    background: #5cb85c;
}

.moreLove a{
    padding:3px 10px;
    margin-left:10px;
    background:transparent;
}
.radioTitle h3 span{color:#D92136}
.mediashow{
    float:right;
    margin: 10px;
    padding:10px 12px;
    min-width: 170px;
    background: #097ec2;
    border-radius: 5px;
    text-align: center;
}
.mediashow a{
    display: block;
    color:#fff;
    font-size: 12pt;
}
.mediashow:hover{
    background: #2992CF;
}
.palphone img{
    margin-left: 10px;
}
.navFixed{
    position: fixed;
    top: 0;
    z-index: 9999;
    background-color: #D92136;
    width:100%;
    border-radius:none;
}
.greetSlinks{
text-align:center;
margin-top:20px;
}
.insideBorj{padding:10px 25px}
.tiltBorjBox a{color:#fff;display:block}
.tiltBorjBox:hover{background-color:#D92136}
.ins{height:10px;color:#e2e2e2;font-size:10pt}
.internalItems{margin:10px}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px; -moz-border-radius:4px;      border-radius:4px}
.fancybox-opened{z-index:8030}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);      box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../img/fancybox_sprite.png)}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(../img/fancybox_loading.gif) center center no-repeat}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../img/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}
.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}
.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../img/fancybox_overlay.png')}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}
.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}

/*!
 * froala_editor v1.2.8 (https://www.froala.com/wysiwyg-editor)
 * License https://www.froala.com/wysiwyg-editor/terms
 * Copyright 2014-2015 Froala Labs
 */
.froala-view {
    line-height: 140%;
}
.froala-view ul,
.froala-view ol,
ul.fr-tag,
ol.fr-tag {
    padding-left: 25px;
}
.froala-view p,
p.fr-tag {
    margin: 0 0 10px;
}
.froala-view h1,
h1.fr-tag {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}
.froala-view h2,
h2.fr-tag {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}
.froala-view h3,
h3.fr-tag {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}
.froala-view h4,
h4.fr-tag {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}
.froala-view h5,
h5.fr-tag {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}
.froala-view h6,
h6.fr-tag {
    font-size: 12px;
    line-height: 1.1;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*!
 * froala_editor v1.2.8 (https://www.froala.com/wysiwyg-editor)
 * License https://www.froala.com/wysiwyg-editor/terms
 * Copyright 2014-2015 Froala Labs
 */
img.fr-fil {
    z-index: 1;
    position: relative;
    margin: auto;
    overflow: auto;
    padding: 10px 10px 10px 3px;
    float: left !important;
}
img.fr-fil.fr-dib {
    float: none !important;
    margin-left: 0 !important;
}
img.fr-fir {
    z-index: 1;
    position: relative;
    margin: auto;
    overflow: auto;
    padding: 10px 3px 10px 10px;
    float: right !important;
}
img.fr-fir.fr-dib {
    float: none !important;
    margin-right: 0 !important;
}
img.fr-fin {
    z-index: 1;
    position: relative;
    margin: auto;
    overflow: auto;
    float: none;
}
img.fr-fin.fr-dib {
    padding: 10px 0;
}
img.fr-dib {
    vertical-align: top;
    display: block;
}
a.fr-file {
    position: relative;
}
a.fr-file:before {
    position: relative;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0c6";
    top: 0;
    padding-right: 3px;
}
.froala-view table,
table.fr-tag {
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.froala-view table td,
table.fr-tag td {
    border: solid 1px #cccccc;
    padding: 5px;
    vertical-align: top;
}
.froala-view table th,
table.fr-tag th {
    background: #e6e6e6;
    border: solid 1px #cccccc;
    padding: 5px;
    vertical-align: top;
}
.froala-view pre,
pre.fr-tag {
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, post millennium */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    border: solid 1px #cccccc;
    background: #fcfcfc;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: "Courier New", Courier, monospace;
}
.froala-view blockquote,
blockquote.fr-tag {
    margin-left: 20px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 20px;
    position: relative;
    font-style: italic;
    border-left: solid 5px #cccccc;
}
.froala-view hr,
hr.fr-tag {
    height: 0px;
    border: 0;
    border-top: solid 1px #cccccc;
    clear: both;
}
.fr-fvn {
    float: none;
    display: block !important;
    text-align: center !important;
}
.fr-fvl {
    float: left;
    margin: 10px 10px 10px 1px;
}
.fr-fvr {
    float: right;
    margin: 10px 1px 10px 10px;
}
.fr-tnv {
    float: none !important;
    margin: auto;
    text-align: center;
    display: block !important;
}
.fr-tnv.fr-fvl {
    text-align: left;
}
.fr-tnv.fr-fvr {
    text-align: right;
}