﻿/*Standard elements start*/
html, head, form, body { width: 100%; height: 100%; margin: 5px 0px 5px 0px; padding: 0px; background-color: #476482; font-family: verdana;font-size: 12px; color: #444444; line-height:150%;}
h3 {color:#828282;padding:0px;margin:0px;}
h4 {color:#828282;font-size:13px;}
a {color:#336699;text-decoration:none;}
a:Hover{text-decoration:underline;}
p {margin:0px;padding:0px;color:#444444}
td.column1 {text-align:left;}
tr.headItem { color: gray; font-weight: 800; }
tr.normalItem {}
tr.alternatingItem { background-color: #dbe7f3; }
div.alternatingItem {background-color: #F4F8FB;}
tr.seperatorItem {height:20px;}
td.heading {font-weight:800;font-size:14px;color:#336699}
p.heading {font-weight:800;font-size:14px;color:#336699}
span.heading {font-weight:800;font-size:14px;color:#336699}
input[type='text'] { width: 400px; font-family: Tahoma; font-size: 12px; color: #454545; }
textarea {color:#454545;font-family:Tahoma;font-size:12px;}
input[type='text']:Hover { }
input[type='submit'], input[type='button'] { width:82px;height:19px;background-color:Transparent;border:none;margin:0px;padding:0px;cursor:pointer;}
input[type='submit']:Hover { }
select {font-size:12px;color:#454545;font-family:Tahoma;}
textarea {width:400px;height:400px;}
span.validator {font-size:10px;}
.visible {visibility:visible;display:inline;}
.hidden {visibility:hidden;display:none;}
div.noItems {margin-bottom:15px;}
.clearBoth {clear:both;}
.column1 {width:125px;}
.column2 {}
.error {color:Red;font-weight:800;}
/*Standard elements end*/

/*Customer classes start*/
.customerName {font-weight:800;}
/*Customer classes end*/

/*Layout start*/
#container { width: 1024px; background: #476482; min-width: 1024px; margin: 0px auto;height:100%;}
#header { background: url(../images/HeaderBackground.png) repeat-x 0px -240px; padding: 0px; margin: 0px 0px 5px 0px; color: #ffffff; }
#header-left { background: url(../images/HeaderBackground.png) no-repeat 0px 0px; }
#header-right { background: url(../images/HeaderBackground.png) no-repeat right -120px; }
#header-top { height: 86px; text-align: center; padding: 0px 0px 0px 10px; }
#header-top-logo { float: left; }
#header-top-advert #header-top-advert-table {padding-top:2px;width:480px;height:84px}
#header-top-search { float: right; padding: 25px 0 31px; text-align: center; width: 220px; }
#header-top-search-box { background: url(../images/HeaderSearch.png) no-repeat; height: 21px; margin: 0 auto; padding: 1px 1px 1px 25px; width: 124px; }
#header-top-search-box input { background: #f6fbff; border: 0; color: #525252; cursor: text; float: left; font-size: 11px; height: 14px; line-height: 11px; margin: 4px 0 0; outline: none; padding: 0; text-align: left; width: 120px; }
#header-bottom { height: 28px; width: 100%; }
#header-bottom-left { float: right; font-size: 11px;padding-right:10px;margin-top:6px;}
#header-bottom-right { padding: 5px 10px 0px 5px;}
#content-container {width:100%;background-color:white;min-height:67%;}
#content-title { height: 41px; background-image: url(../images/ContentTitlebackGroundLeft.jpg); background-repeat: repeat-x; margin: 5px 0px; }
#content-title-left { }
#content-title-left h3 { padding: 12px 5px 0px 12px; color: #4f6b89; }
#content-title-right { background: url(../images/ContentTitlebackgroundRight.jpg) no-repeat 0px right; width: 339px; float: right; height: 100%; }
#content-title-right img {float:right;margin-right:10px;margin-top:12px;}
.borderFix {background-image:url(../Images/Border1pxBlue.png);background-repeat:repeat-y;background-position:750px 0px;}
#content { float:left;margin: 8px; width: 738px; background-color:white;}
#content-right { float:left;width: 250px; margin: 8px 5px 5px 12px; background-color:white;}
#content-right .ucPopularPlaces {margin-bottom:10px;}
#footer { clear:both;float:left;width:100%;margin:5px 0px 0px 0px;padding:5px 0px 5px 0px;color: white; background-color:transparent;background-image:url(../images/FooterBackground.gif);background-repeat:repeat-x; text-align:center;font-family:Verdana;font-size:11px;color:#FFFFFF;}
#footer a {color:#AFD6FF}
#footer a[href*="SendToFriend.aspx"] {background-image:url(../images/Email.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#footer a[href*="AboutUs.aspx"] {background-image:url(../images/Information.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#footer-spacer {width:100%;clear:both;float:left;height:5px;margin:0px;padding:0px;}
/*Layout end*/

/* item, title, description, image, modified start */
div.header {margin:0px;}
div.header .title {font-weight:bold;font-size:14px;color:#336699;margin-bottom:5px;}
div.body {}
div.body .item {}
div.body .item .description {text-align:justify;}
div.body .item .modified {font-size:11px;color:#90A4B7;margin-top:5px;margin-bottom:10px;}
/* title, description, image, modified end */

/*Announcements start*/
div.announcement { margin: 0px 0px 10px 0px; border-bottom: 1px dashed blue; border-bottom-color: #8080FF; }
div.announcement .body .item {clear:none;min-height:85px;}
div.announcement .body .item .image {float:right;margin:0px 0px 0px 5px;}
.ucAnnouncements div.sectionTitle {margin-bottom:5px;}
.ucAnnouncements a[href*="Rss.aspx"] {background-image:url(../images/Rss.gif);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;font-weight:bold;font-size:14px;color:#336699;}
.ucAnnouncements a[href*="ViewAnnouncements.aspx"] {background-image:url(../images/News.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
/*Announcements end*/

/*Faq start*/
div.faq { margin: 0px 0px 10px 0px; border-bottom: 1px dashed blue; border-bottom-color: #8080FF; }
/*Faq end*/

/*ListPlaces start*/
.listPlaces { text-align: center; width: 100%; }
.listPlaces .placeNameHead { text-align: center; }
.listPlaces .placeNameBody { text-align:left;}
.listPlaces .placeNameBody img { padding: 0px 10px 0px 2px; }
.listPlaces .placeAndCountyNameBody img { padding: 0px 10px 0px 2px; }
.listPlaces .placeAndCountyNameHead {}
.listPlaces .placeAndCountyNameBody {text-align:left;}
.listPlaces .rssHead {}
.listPlaces .rssBody {	width:125px;}
.listPlaces .placesCloseToHead {}
.listPlaces .placesCloseToBody {	width:125px;}
.listPlaces .viewOnMapHead {}
.listPlaces .viewOnMapBody {width:125px;}
.listPlaces td a {background-image:url(../images/Clock.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
.listPlaces div.noResults {text-align:left;}
.listPlaces tr:hover {background-color: #0066FF;color:white;}
.listPlaces tr:hover a {color:white;}
/*ListPlaces end*/

/*ListPlaces paging start*/
.listPlacesPaging {margin-top:10px;}
/*ListPlaces paging end*/

/*ListPlacesPrayerTimes start*/
.listPlacesPrayerTimes {	text-align:center;margin-bottom:15px;}
.listPlacesPrayerTimes img {position:relative;top:2px;}
.listPlacesPrayerTimes .column1 {width:auto}
.listPlacesPrayerTimes .column1 a {background-image:url(../images/Clock.png);background-repeat:no-repeat;padding-left:25px;padding-bottom:2px;}
.listPlacesPrayerTimes thead .column1 {padding-left:27px;}
.listPlacesPrayerTimes tr:hover {background-color: #0066FF;color:white;}
.listPlacesPrayerTimes tr:hover a {color:white;}
/*ListPlacesPrayerTimes end*/

/*Prayer options start*/
table.prayerOptions {}
table.prayerOptions .header {padding:2px 0px 2px 0px;}
table.prayerOptions input[type='text'] { width:63px;}
table.prayerOptions input[type='submit'][id*='btnCalculate'] {background-image:url(../images/View.png);}
/*Prayer options end*/

/*Download prayer times start*/
table.downloadPrayerTimes {margin-left:40px}
/*Download prayer times end*/

/*Prayer related links start*/
table.related {margin-left:40px}
table.related a {white-space:nowrap;}
table.related a[href*="RssPrayerTimes.aspx"] {background-image:url(../images/Rss.gif);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
table.related a[href*="ViewPrayerTimesUsingMap.aspx"] {background-image:url(../images/Globe.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
table.related a[href*="ViewPlacesCloseTo.aspx"] {background-image:url(../images/PlaceCloseTo.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
table.related a[href*="PrinterFriendlyPrayerTimes.aspx"] {background-image:url(../images/PrinterFriendly.gif);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
table.related a[href*="ViewRamadanTimes.aspx"] {background-image:url(../images/Ramadan.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
/*Prayer related links end*/

/*Prayer times body start*/
div.prayerTimesBody {clear:both;float:left;width:500px;text-align:center;margin:20px 130px;}
div.prayerTimesHead { background-color: #1565AC; color: White; }
div.prayerTimesHead a {color:White;text-decoration:underline;}
table.prayerTimeTable {width:100%;}
table.prayerTimeTable thead {font-weight:800;}
table.prayerTimeTable tbody tr {height:25px;}
table.prayerTimeTable tr.normalItem {}
table.prayerTimeTable tr.alternatingItem { background-color: #dbe7f3; }
table.prayerTimeTable tr.today { font-weight:800; }
table.prayerTimeTable tbody tr:Hover { background-color: #0066FF; color:white}
/*Prayer times body end*/

/*Menu start*/
.menu {font-weight:bold;height:20px;margin-right:4px;margin-bottom:2px;}
.menu td a {padding:0px 5px 0px 5px;color:#95BBDF;}
.menu td a:Hover {text-decoration:none;}
.menu td:Hover {background-color:#184c86;}
.menu img {display:none;visibility:hidden;}
.menuHover {color:White;}
.menuItem {background-color:#184c86;color:#95bbdf;padding:0px 2px 1px 2px;font-family:Tahoma;width:130px;height:25px;}
.menuItem img {padding-right:5px;position:relative;top:-1px;}
.menuItem table:Hover {background-color:#184c86;}
.menuItem a {font-size:11px;color:#95BBDF;}
.menuItemHover {background-color:#062b53;}
.menuItemHover a {color:White;text-decoration:none;}
/*Menu End*/

/*List adverts start*/
div.listAdverts {text-align:center;width:250px;margin:5px 0px;}
div.listAdverts img {margin:5px 0px;}
/*List adverts end*/

/*User controls start*/
.ucSendToAFriend input[type='submit'][id*='btnSendToFriends'] {background-image:url(../images/Send.png);}
.ucTransalations input[type='button'][id*='audioPlayedFromButton'] {background-image:url(../images/Play.png);}
/*User controls end*/

/*Pages specific styles start*/
#pageSearchPlaces input[type='submit'][id*='btnSearch'] {background-image:url(../images/Search.png);}
#pageContactUs input[type='submit'][id*='btnSend'] {background-image:url(../images/Send.png);}
#pageContactUs #charactersRemaining { font-size: 10px; color: #999999; }
#pageFaqSearch input[type='submit'][id*='btnSearchFaq'] {background-image:url(../images/Search.png);}
#pageFaqSearch a[href*="FaqAll.aspx"] {background-image:url(../images/Faq1.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageFaqSearch a[href*="FaqNew.aspx"] {background-image:url(../images/Faq2.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageFaqAll a[href*="FaqNew.aspx"] {background-image:url(../images/Faq2.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageFaqAll a[href*="FaqSearch.aspx"] {background-image:url(../images/Faq3.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageFaqNew a[href*="FaqAll.aspx"] {background-image:url(../images/Faq1.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageFaqNew a[href*="FaqSearch.aspx"] {background-image:url(../images/Faq3.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageViewPrayerTimesForPopularPlaces a[href*="SearchPlaces.aspx"] {background-image:url(../images/Find1.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageViewPrayerTimesForPopularPlaces a[href*="ViewPrayerTimesUsingMap.aspx"] {background-image:url(../images/Globe.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageSearchPlaces a[href*="ViewPrayerTimesForPopularPlaces.aspx"] {background-image:url(../images/Clock.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageSearchPlaces a[href*="ViewPrayerTimesUsingMap.aspx"] {background-image:url(../images/Globe.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageViewPrayerTimesForRecentPlaces a[href*="SearchPlaces.aspx"] {background-image:url(../images/Find1.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageViewPrayerTimesForRecentPlaces a[href*="ViewPrayerTimesUsingMap.aspx"] {background-image:url(../images/Globe.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageViewPrayerTimesForRecentPlaces a[href*="ViewPrayerTimesForPopularPlaces.aspx"] {background-image:url(../images/Clock.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageViewPrayerTimesForAreasCloseTo a[href*="SearchPlaces.aspx"] {background-image:url(../images/Find1.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageViewPrayerTimesForAreasCloseTo a[href*="ViewPrayerTimesForPopularPlaces.aspx"] {background-image:url(../images/Clock.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageViewPrayerTimesForAreasCloseTo a[href*="ViewPrayerTimesUsingMap.aspx"] {background-image:url(../images/Globe.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
#pageAboutUs ul { list-style-type:square;margin-top:20px;}
#pageAboutUs li { padding-bottom:10px;}
#pageHome div.itemIntro {padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed blue;}
#pageViewPrayerTimesForPopularPlaces .listPlacesPrayerTimes .column1 {width:250px;}
#pageViewPrayerTimesForPopularPlaces .title {text-align:center;width:100%;font-weight:bold;}
/*Pages specific styles end*/

/*pageErrorDetails start*/
/*pageErrorDetails end*/

/*Map page start*/
#pageViewMapPrayerTimes #salahMap {width:405px;height:750px;float:left;}
#pageViewMapPrayerTimes #controlContainer {float:left;width:320px;margin-left:10px;}
#pageViewMapPrayerTimes  input[type='submit'][id*='btnSearch'] {background-image:url(../images/Search.png);}
#pageViewMapPrayerTimes  ul {margin-left:15px;padding:0px;}
#pageViewMapPrayerTimes  .item {margin-bottom:15px}
#pageViewMapPrayerTimes  #infoWindowPrayerTimes {width:98%;}
#pageViewMapPrayerTimes  #infoWindowPrayerTimes a {font-size:10px;}
#pageViewMapPrayerTimes  #infoWindowPrayerTimes tbody td {font-size:10px;}
#pageViewMapPrayerTimes  tr.seperatorItem {height:10px;}
#pageViewMapPrayerTimes  tr.prayerDate {font-weight:800;}
#pageViewMapPrayerTimes  tr.prayerMethod {}
#pageViewMapPrayerTimes  tr.asarMethod {}
#pageViewMapPrayerTimes  input[type='text'] { width:200px;}
#pageViewMapPrayerTimes  .listPlaces {text-align:left;}
/*Map page end*/

/*Translation start*/
.ucTranslations .navigation {margin-bottom:20px;}
.ucTranslations .translationDetails {width:100%;}
.ucTranslations .translationImage {float:right;}
.ucTranslations .translationDetails {width:100%;}
.ucTranslations input[type='button'] {background-image:url(../images/Play.png);margin-right:10px;}
/*Translation end*/

/*Send to a friend start*/
.ucSendToAFriend tr.heading {font-weight:800;}
.ucSendToAFriend tr.small {font-size:10px}
.ucSendToAFriend #divMessage { font-size: 10px; color: #999999; }
/*Send to a friend end*/

/*Popular Places start*/
div.ucPopularPlaces .header {background-color:#EAF2F9;background-image:url(../Images/PopularPlacesBackground.png);background-repeat:no-repeat;width:250px;height:40px;}
div.ucPopularPlaces {font-size:11px;}
div.ucPopularPlaces .header-title {height:20px;text-align:center}
div.ucPopularPlaces .header a {color:White;}
div.ucPopularPlaces .subtitles {height:20px;padding-left:2px;text-align:center;}
div.ucPopularPlaces .subtitle {float:left;width:80px;color:#AED5FF;margin-left:1px;position:relative;top:2px;}
div.ucPopularPlaces .selected {background-color:#EAF2F9;border-bottom:1px solid #EAF2F9;}
div.ucPopularPlaces .selected a {color:#336699;}
div.ucPopularPlaces .body {background-color:#EAF2F9;margin:0px;padding:8px;width:232px;border:1px solid #D1E0EF;overflow:hidden;}
div.ucPopularPlaces .body ul {margin:0px;padding:0px;text-align:left;list-style-image:none;}
div.ucPopularPlaces .body a {background-image:url(../images/Clock.png);background-repeat:no-repeat;padding-left:20px;padding-bottom:2px;}
/*Popular Places end*/

/*Rss Prayer times start*/
#rssPrayerTimes {margin-top:10px;}
#rssPrayerTimes .rssLeft {width:10%;}
#rssPrayerTimes .rssRight {width:10%;}
#rssPrayerTimes .rssLayout {font-size:9pt;width:100%;background-color:White;}
#rssPrayerTimes .rssLayout div {border:1px dashed navy;padding:12px;}
#rssPrayerTimes .rssLayout div, td {font-size:9pt;}
#rssPrayerTimes .rssTimes {border:1px dashed navy;padding-left:10px;width:50%;}
#rssPrayerTimes .rssTimesTitle {}
#rssPrayerTimes .rssSubscription {border-bottom:1px dashed navy;border-top:1px dashed navy;}
#rssPrayerTimes .explanation {border:1px solid gray;padding:10px;}
/*Rss Prayer times end*/

/*Rss Announcements start*/
#rssAnnouncements {background-color:White;margin:20px;}
#rssAnnouncements .whatIsThisPage, .rssFeedInstruction, .annnouncements, .rssSubscription {border:1px dashed navy;margin:5px;padding:5px;}
#rssAnnouncements .whatIsThisPage span {font-size:large;}
/*Rss Announcements start*/

/*Advert popup*/
.advertGenerator {float:left;clear:none;margin:2px;}
.advertGenerator a {text-decoration:underline;}
.advertPopUp * {font-size:10px;}
.advertPopUp { text-align:left; border-style: solid; border-width: 1px 3px 3px 1px; border-color: silver #888888 #888888 silver; width: auto; background-color: #EAF2F9; color: black; padding: 5px; font-size: 10px; position:absolute;opacity:0.9;filter:alpha(opacity=90) }
.advertPopUp .name  {padding-left:20px;padding-bottom:2px;font-weight:800;}
/*Advert popup*/

/*page online directory start*/
#pageOnlineDirectory td.heading {font-weight:800;font-size:12px;color:#666666}
#pageOnlineDirectory input[type='submit'][id*='btnSearchByName'] {background-image:url(../images/Search.png);}
#pageOnlineDirectory input[type='submit'][id*='btnSearchByCategoryAndCity'] {background-image:url(../images/Search.png);}
#pageOnlineDirectory .onlineDirectoryEntryBrief {margin-top:10px;margin-bottom:10px;}
/*page online directory end*/

/*Onlinedirectory full start*/
#pageViewOnlineDirectoryEntry #directoryEntryMap {margin-top:10px;margin-left:5px;width:50%;height:300px}
#pageViewOnlineDirectoryEntry #mapInfoText {font-weight:800; font-size:smaller}
/*Onlinedirectory start*/

/*pageWhyAdvertise start*/
#pageWhyAdvertise table {width:100%;text-align:center}
#pageWhyAdvertise table .headings {font-weight:bold;}
#pageWhyAdvertise .packageName {font-weight:bold;}
#pageWhyAdvertise .packagePrice {font-size:14px;}
/*pageWhyAdvertise end*/

/*pageLogin start*/
#pageLogin input[type='submit'][id*='btnLogin'] {background-image:url(../images/Login.png);}
#pageLogin .failureText {color:red}
/*pageLogin end*/

/*pageModifyCustomer start*/
#pageModifyCustomer input[type='submit'][id*='btnUpdate'] {background-image:url(../images/Update.png);}
/*pageModifyCustomer end*/

/*pageListAdverts start*/
#pageListAdverts input[type='submit'][id*='btnEditAdvert'] {background-image:url(../images/Update.png);}
/*pageListAdverts end*/

/*pageListAdverts start*/
#pageModifyAdvert input[type='submit'][id*='btnSave'] {background-image:url(../images/Update.png);}
/*pageListAdverts end*/

/*divPageModifyLogo start*/
#divPageModifyLogo input[type='submit'][id*='btnUpload'] {background-image:url(../images/Update.png);}
/*divPageModifyLogo end*/

/*pageCustomerDefault start*/
#pageCustomerDefault p {margin-bottom:20px;}
/*pageCustomerDefault end*/

/*pageModifyPassword start*/
#pageModifyPassword input[type='submit'][id*='btnChangePassword'] {background-image:url(../images/Update.png);}
/*pageModifyPassword end*/

/*pageLicenceLogin end*/
#pageLicenceLogin input[type='submit'][id*='btnLogin'] {background-image:url(../images/Login.png);}
/*pageLicenceLogin end*/

/*pageLicenceLogin end*/
#pageLicenceSignup input[type='submit'][id*='btnSignup'] {background-image:url(../images/Signup.png);}
/*pageLicenceLogin end*/

/*Add this style overrides start*/
form[onsubmit*="addthis"] {background-color:white}								
/*Add this style overrides end*/
