﻿
* { font-family: Tahoma; font-size: 9pt; }
.qiblaSlide, .owghatSlide { left: 0; position: absolute; top: 0; }
.qiblaSlide { z-index: 999; }
.owghatSlide { background: none repeat scroll 0 0 #E5EEFD; display: block; height: 332px; top: 820px; z-index: 1000; width: 100%; }
.slide_c { height: 332px; overflow: hidden; position: relative; }
#main { overflow: hidden; padding: 0; }
.t-box { border-bottom-width: 0; margin: 0; padding: 11px 11px 0; }
.t-box, .b-box { background-color: #E3E4E6; line-height: 150%; }
.boxcaption { background: none repeat scroll 0 0 #E3E4E6; border-bottom: 3px solid #AF2307; }
#QMap { background-color: #EEEEEE; border-color: #AAAAAA #DDDDDD; border-style: solid; border-width: 1px; height: 267px; overflow: hidden; }
.b-box { padding: 8px 15px; }
.box { background: none repeat scroll 0 0 #A1C271; direction: rtl; padding: 0; }
.info-tab { }
.QDirection { color: #FFFF00; font-size: 12pt; font-weight: bold; }
.QValue { color: #333333; }
.info-tab a, .info-tab a:hover { border-bottom: 1px dotted black; color: #414D4C; text-decoration: none; }
#QAddress { direction: rtl; padding: 3px; width: 150px; }
#HeaderIcon { float: left; margin-bottom: -3px; }
.latitude, .longitude, .distance { padding: 0; width: 48px; }
.latitude .icon, .longitude .icon, .distance .icon { display: block; height: 29px; width: 48px; }
.latitude .icon { background: url("/JS/jquery/plugin/owghat/Qibla/qibla-iconset.png") no-repeat scroll center -270px transparent; }
.longitude .icon { background: url("/JS/jquery/plugin/owghat/Qibla/qibla-iconset.png") no-repeat scroll center -230px transparent; }
.distance .icon { background: url("/JS/jquery/plugin/owghat/Qibla/qibla-iconset.png") no-repeat scroll center -195px transparent; }
.qibla { background: url("/JS/jquery/plugin/owghat/Qibla/qibla-iconset.png") no-repeat scroll left -152px transparent; padding-left: 25px; width: 138px; }
.qibla span { display: block; }
.direction, .time { border-right: 1px solid #939393; cursor: pointer; display: block; float: left; height: 25px; margin: 0; padding: 5px 10px; width: 25px; }
.time { background: url("/JS/jquery/plugin/owghat/Qibla/qibla-iconset.png") no-repeat scroll 5px 0 transparent; }
.direction { background: url("/JS/jquery/plugin/owghat/Qibla/qibla-iconset.png") no-repeat scroll 5px -114px transparent; }
.time:hover { background: url("/JS/jquery/plugin/owghat/Qibla/qibla-iconset.png") no-repeat scroll 4px -38px transparent; }
.direction:hover { background: url("/JS/jquery/plugin/owghat/Qibla/qibla-iconset.png") no-repeat scroll 4px -76px transparent; }
.fajr, .rise, .noon, .sunset, .Night, .midNight { clear: both;width:100%}
.fajr .title, .rise .title, .noon .title, .sunset .title, .Night .title, .midNight .title { border-left: 2px solid #999999; display: block; float: right; padding: 5px; text-align: right; width: 43%; }
.fajr .value, .rise .value, .noon .value, .sunset .value, .Night .value, .midNight .value { display: block; float: right; padding: 14px 5px 5px; text-align: left; width: 40%; }
.fajr .icon, .rise .icon, .noon .icon, .sunset .icon, .Night .icon, .midNight .icon { background-image: url("/JS/jquery/plugin/owghat/Qibla/owghat.png"); background-repeat: no-repeat; display: block; float: left; height: 26px; margin-left: -29px; width: 46px; }
.owghatBanner { background-image: url("/JS/jquery/plugin/owghat/Qibla/banners.jpg"); background-repeat: no-repeat; height: 86px; }
.owghatBanner.rise { background-position: 0 0; }
.owghatBanner.noon { background-position: 0 100px; }
.owghatBanner.set { background-position: 0 200px; }
.owghatBanner.Night { background-position: 0 300px; }
.owghatBanner span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: #FFFFFF; font-size: 8pt; padding: 3px; position: absolute; right: 10px; top: 10px; }
.dayInfo { background: none repeat scroll 0 0 #CBD1DD; height: 20px; padding: 5px 10px; text-align: right; width: 300px; }
.fajr { background-position: 0 0; }
.rise { background-position: 0 -100px; }
.noon { background-position: 0 -200px; }
.sunset { background-position: 0 -300px; }
.Night { background-position: 0 -400px; }
.midNight { background-position: 0 -500px; }
.fajr .icon { background-position: 0 0; }
.rise .icon { background-position: 0 -26px; }
.noon .icon { background-position: 0 -52px; }
.sunset .icon { background-position: 0 -78px; }
.Night .icon { background-position: 0 -104px; }
.midNight .icon { background-position: 0 -130px; }
.midllepanel { width: auto !important; }
body { margin: 0; padding: 0; }
.country ,.cities{width:90px;}
