/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: arial, sans-serif;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* END RESET */
/* Divs */
/* TO CENTRE A DIV WITH PECENTAGES SET WIDTH TO X%, THEN SET LEFT TO ((100-X)/2)% EXAMPLE: WIDTH: 98%; LEFT: 1%; */
/* NEWSLETTER */
#newsletterAdminDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
/* TOPICS */
#listTopicsDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addTopicDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editTopicDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteTopicDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* SUBTOPICS */
#listSubtopicsDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addSubtopicDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 560px; margin-left: -280px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editSubtopicDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 560px; margin-left: -280px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteSubtopicDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* CONTINENTS */
#listContinentsDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addContinentDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editContinentDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 560px; margin-left: -280px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteContinentDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* COUNTRIES */
#listCountriesDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addCountryDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 560px; margin-left: -280px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editCountryDiv{display: none; z-index: 500; left: 50%; position: absolute; width: 560px; margin-left: -280px; top: 10px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteCountryDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* CITIES */
#listCitiesDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addCityDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 560px; margin-left: -280px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editCityDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 560px; margin-left: -280px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteCityDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* EVENTS */
#listEventsDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addEventDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 962px; margin-left: -481px; top: 5%; background-color:#FFFFFF; border:solid 1px #000000;}
#editEventDiv{display: none; z-index: 500; top: 120px; width: 962px; left: 50%; margin-left: -481px; position: absolute;}
#promoteEventDiv{display: none; z-index: 510; top: 80px; width: 962px; left: 50%; margin-left: -481px; position: fixed; background-color: #FFFFFF; padding: 10px; border: solid 1px #000000;}
#deleteEventDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 600px; margin-left: -300px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#emailPromoDetailsDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 800px; height: 75%; margin-left: -400px; top: 13%; background-color:#FFFFFF; border:solid 1px #000000;}
#emailPromoConfirmDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteEmailPromotionDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#boldPromoDetailsDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 800px; height: 75%; margin-left: -400px; top: 13%; background-color:#FFFFFF; border:solid 1px #000000;}
#boldPromoConfirmDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteBoldPromotionDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editFesPromoDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteFesPromotionDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editBannerPromoDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editBannerImageDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; min-height: 100px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteBannerPromotionDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 500px; margin-left: -250px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#longDescriptionText{width: 954px; height: 300px;}
#confirmPromotionDiv{position: absolute; width: 960px; top: 180px; left: 50%; margin-left: -480px;}
/* EVENT TYPES */
#listEventTypesDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addEventTypeDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editEventTypeDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteEventTypeDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* PROMOTION TYPES */
#listPromotionTypesDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addPromotionTypeDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 650px; margin-left: -325px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editPromotionTypeDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 650px; margin-left: -325px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deletePromotionTypeDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* MESSAGES */
#listMessagesDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addMessageDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 650px; margin-left: -325px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editMessageDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 650px; margin-left: -325px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteMessageDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* USERS */
#listSubscribersDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#listOrganisersDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#editSubscriberDiv{display: none; z-index: 500; top: 120px; width: 962px; left: 50%; margin-left: -481px; position: absolute;}
#deleteUserDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#trustOrganiserDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* ADMINISTRATORS */
#listAdminDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addAdminDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 650px; margin-left: -325px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editAdminDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 650px; margin-left: -325px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteAdminDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* BLOCKING */
#listBlockingDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#addBlockingDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 650px; margin-left: -325px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#editBlockingDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 650px; margin-left: -325px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
#deleteBlockingDiv{display: none; z-index: 500; left: 50%; position: fixed; width: 300px; margin-left: -150px; top: 100px; background-color:#FFFFFF; border:solid 1px #000000;}
/* BOUNCE HANDLING */
#bounceAdminDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
/* AUDIT TRAIL */
#listAuditTrailDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
/* INVOICES */
#listInvoicesDiv{display: none; top: 311px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
/* FAQ */
#faqDiv{display: block; width: 962px; left: 50%; margin-left: -481px; position: relative; z-index: 450;}
/*
#countryHeadingDiv{ font-weight: bold; font-size: 110%; color: #4D4D4D; background-color: #59ACFF; padding-top: 10px; padding-bottom: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ACFF', endColorstr='#FFFFFF');
background: -webkit-gradient(linear, left top, left bottom, from(#59ACFF), to(#FFF));
background: -moz-linear-gradient(top, #59ACFF, #FFF);}
#topicHeadingDiv{ font-weight: bold; font-size: 110%; color: #4D4D4D; background: #59ACFF; padding-top: 10px; padding-bottom: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ACFF', endColorstr='#FFFFFF');
background: -webkit-gradient(linear, left top, left bottom, from(#59ACFF), to(#FFF));
background: -moz-linear-gradient(top, #59ACFF, #FFF);}
#preferredTopicsDiv{ font-weight: bold; font-size: 110%; color: #4D4D4D; background-color: #59ACFF; padding-top: 10px; padding-bottom: 10px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59ACFF', endColorstr='#FFFFFF');
background: -webkit-gradient(linear, left top, left bottom, from(#59ACFF), to(#FFF));
background: -moz-linear-gradient(top, #59ACFF, #FFF);}
*/
#countryHeadingDiv{ font-weight: bold; font-size: 110%; color: #FFF; background-color: #59ACFF; padding-top: 10px; padding-bottom: 10px;
/* for IE */
filter:alpha(opacity=75);
/* CSS3 standard */
opacity:0.75;}
#topicHeadingDiv{ font-weight: bold; font-size: 110%; color: #FFF; background: #59ACFF; padding-top: 10px; padding-bottom: 10px;
/* for IE */
filter:alpha(opacity=75);
/* CSS3 standard */
opacity:0.75;}
#recipientsDiv{display: none; z-index: 500; position: absolute; text-align: center; min-width: 100px; margin-bottom: 5px; background-color:#FFFFFF; border:solid 1px #000000; padding: 7px;}
#fullMessageDiv{display: none; z-index: 500; position: absolute; text-align: center; min-width: 100px; max-width: 400px; margin-bottom: 5px; background-color:#FFFFFF; border:solid 1px #000000; padding: 7px;}
#imageDiv{display: none; z-index: 500; position: absolute; text-align: center; width: 242px; height: 152px; background-color:#FFFFFF; border:solid 1px #000000; padding: 7px;}
#registerDiv{display: none; margin-left: -220px; position: absolute; width: 440px; left: 50%; z-index: 500; top: 12%; background: #FFFFFF; border: solid 1px #000000;}
#ajaxLoaderDiv{display: none; z-index: 600; left: 50%; position: absolute; width: 50px; margin-left: -25px; top: 95px; background-color: transparent; border:none;}
#preferenceListDiv{background-color: #E2E2E2; border-color: #FFFFFF;}
#loginDivContainer{position: absolute; right: 5px; top: 5px;}
#searchDiv{position: absolute; right: 10px; top: 60px; font-size: 95%;}
#adminSectionsTableContainer{position: absolute; width: 962px; left: 50%; margin-left: -481px; top: 160px; padding: 0;}
#mainInfoDiv{position: absolute; width: 95%; top: 175px; padding-left: 30px; padding-right: 30px;}
#spotlightContainer{position: absolute; width: 100%; top: 280px;}
#adsense1{position: absolute; left: 50%; margin-left: -364px; width: 728px; height: 90px; top: 330px; border: solid 1px #000000;}
#topicListContainer{position: absolute; width: 100%; top: 440px;}
#searchListContainer{position: absolute; width: 100%; top: 187px}
#eventInfoContainer{position: absolute; width: 900px; top: 180px; left: 50%; margin-left: -450px;}
#featuredEventBoxDiv{border: solid 1px #59ACFF; background-color: #D1E8FF; width: 200px; padding: 5px; margin-left: 10px;}
#searchBoxTable{font-size: 100%;}
#advancedSearchArea{position: absolute; width: 900px; top: 187px; left: 50%; margin-left: -450px;}
#dashboardContainer{position: absolute; width: 960px; top: 160px; left: 50%; margin-left: -480px;}
#grayCover{position: fixed; z-index: 499; width: 100%; top: 0px; left: 0px; background-color: gray; opacity: 0.8; display: none;}
#grayCover2{position: fixed; z-index: 505; width: 100%; top: 0px; left: 0px; background-color: gray; opacity: 0.8; display: none;}
#bottomGradient{background: url(images/gradient_inverted.jpg?ver=1500) repeat-x; height: 177px}
#dump{display: none;}
#checkInfo{display: none; position: absolute; width: 900px; top: 180px; left: 50%; margin-left: -450px;}
#checkOrgNewEventInfo{display: none; text-align: left;}
#adminMessage{text-align: center; top: 140px; width: 962px; left: 50%; margin-left: -481px; position: absolute; z-index: 450;}
#homeLink{top: 2px; left: 2px; position: absolute; z-index: 2; font-size: 10pt; font-weight: bold; color: #FFFFFF;}
.topicTableColumn1Container{background-color: #E2E2E2; width: 100%;}
.topicTableColumn2Container{background-color: #E2E2E2; width: 100%;}
.countryTableColumnContainer{background-color: #E2E2E2; width: 100%;}
.topicScrollDiv{background-color: #E2E2E2; width: 100%;}
.countryScrollDiv{background-color: #E2E2E2; width: 100%;}
#adsense_home_right{width: 292px;}
#trademark{position: absolute; top: 85px; left: 220px; z-index: 10; font-size: 12px; color: #6B9FCC;}
/* Buttons */
#editButton{width: 90px;}
#addButton{width: 90px;}
#deleteButton{width: 90px;}
#cancelButton{width: 90px;}
#okButton{width: 90px;}
#registerButton{width: 90px;}
#subscribeButton{width: 90px;}
#adminListAddButton{width: 100%;}
#loginButton{cursor: pointer; height: 22px; vertical-align: middle;}
#logoutButton{cursor: pointer; height: 22px; vertical-align: middle;}
#nextNewEventButton{width: 962px; height: 50px; font-size: 110%;}
.paidButton{width: 60px;}
.cityAddButton{width: 100%;}
.adminButton{width: 239px; color: #FFFFFF; background-color: #59ACFF; padding: 5px; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;}
.adminButtonInactive{width: 239px; color: #FFFFFF; background-color: #999999; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;}
.adminHeading{color: #FFFFFF; background-color: #59ACFF; padding: 5px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;}
/* Tables */
#frameTable{width: 98%; font-size: 95%;}
#preferencesTable{width: 95%; font-size: 95%;}
#adminSectionsTable{width: 100%;}
#topicScrollTable{width: 95%; font-size: 95%; margin: 8px;}
#countryScrollTable{width: 95%; font-size: 95%; margin: 8px;}
#topicTable{width: 95%; font-size: 95%;}
#topicTableColumn1{width: 95%; font-size: 95%; margin: 8px;}
#topicTableColumn2{width: 95%; font-size: 95%; margin: 8px;}
#countryTableColumn{width: 95%; font-size: 95%; margin: 8px;}
#spotlightTable{width: 100%; font-size: 95%;}
#infoTable{width: 100%; font-size: 105%;}
#adminTopicTable{width: 100%; font-size: 95%;}
#adminSubtopicTable{width: 100%; font-size: 95%;}
#adminCountryTable{width: 100%; font-size: 95%;}
#adminCityTable{width: 100%; font-size: 95%;}
#adminContinentTable{width: 100%; font-size: 95%;}
#adminEventTable{width: 100%; font-size: 95%;}
#adminEventTypeTable{width: 100%; font-size: 95%;}
#adminPromotionTypeTable{width: 100%; font-size: 95%;}
#adminUsersTable{font-size: 95%;}
#editTopictable{font-weight: bold; font-size: 95%;}
#editEventTable{font-size: 95%;}
#editCountryTable{width: 90%;}
#editCityTable{width: 90%;}
#editMessageTable{width: 90%;}
#addMessageTable{width: 90%;}
#addEventTable{font-size: 95%; width: 100%;}
#registerTable{width: auto; font-size: 95%;}
#logInTable{font-size: 95%;}
#loggedInTable{font-size: 95%;}
/* REGISTRATION */
.registerHeadingDiv{font-weight: bold; font-size: 110%; color: #FFFFFF; background-color: #59ACFF; padding-top: 10px; padding-bottom: 10px;}
/* Input fields */
/* TOPICS */
#addTopicField{width: 250px;}
#editTopicField{width: 250px;}
#topicSelect{height: 22px; width: 254px;}
/* SUBTOPICS */
#editSubtopicField{width: 250px;}
#addSubtopicField{width: 250px;}
#subtopicList{width: 300px;}
/* CONTINENTS */
#editContinentField{width: 250px;}
#addContinentField{width: 250px;}
#continentSelect{height: 22px; width: 100%;}
/* COUNTRIES */
#editCountryField{width: 99%;}
#addCountryField{width: 250px;}
#countrySelect{width: 100%;}
#countryList{width: 300px;}
#newEventCountryList{width: 100%;}
/* CITIES */
#cityList{width: 300px;}
/* EVENTS */
#editEventField{width: 250px;}
#addEventField{width: 250px;}
#editEventCountryIdField{width: 100%;}
#editEventEventTypeIdField{width: 100%;}
#addEventCountryIdField{width: 100%;}
#addEventEventTypeIdField{width: 100%;}
/* EVENT TYPES */
#editEventTypeField{width: 250px;}
#addEventTypeField{width: 250px;}
#eventTypeSelect{width: 100%;}
#eventTypeList{width: 100%;}
/* PROMOTION TYPES */
#editPromotionTypeField{width: 500px;}
#addPromotionTypeField{width: 500px;}
.promotionTypeEdit{width: 500px; resize:none;}
.promotionTypeAdd{width: 500px; resize:none;}
#preferedDateField{width: 90px; cursor: pointer;}
#userNameBox{min-width: 60px; max-width: 80px;}
#passwordBox{min-width: 60px; max-width: 80px;}
#searchStartDateField{width: 70px; cursor: pointer;}
#searchEndDateField{width: 70px; cursor: pointer;}
#registerKeywords{width: 350px; resize: none;}
#organizerKeywords{width: 300px; resize: none;}
#newEventDescription{resize: none;}
#securityCode{width: 96px;}
#title{width: 298px;}
.registerInput{width: 200px;}
.cityEditField{width: 210px;}
.monthCellBlue{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: #59ACFF; background: #59ACFF; cursor: pointer; border-radius: 10px; text-align: center; vertical-align: middle;}
.monthCellBlack{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: orange; background: orange; cursor: pointer; border-radius: 10px; text-align: center; vertical-align: middle;}
.monthCellGray{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: gray; background: gray; cursor: pointer; border-radius: 10px; text-align: center; vertical-align: middle;}
.monthCellRed{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: red; background: red; cursor: pointer; border-radius: 10px; text-align: center; vertical-align: middle;}
.monthCellGreen{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: green; background: green; cursor: pointer; border-radius: 10px; text-align: center; vertical-align: middle;}
.spaceCell{width: 4px; background: white; border: none;}
.monthCellBlueDemo{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: #59ACFF; background: #59ACFF; border-radius: 10px; text-align: center; vertical-align: middle;}
.monthCellBlackDemo{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: orange; background: orange; border-radius: 10px; text-align: center; vertical-align: middle;}
.monthCellGrayDemo{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: gray; background: gray; border-radius: 10px; text-align: center; vertical-align: middle;}
.monthCellRedDemo{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: red; background: red; border-radius: 10px; text-align: center; vertical-align: middle;}
.monthCellGreenDemo{color: white; font-weight: bold; width: 76px; height: 40px; border-width: 2px; border-color: green; background: green; border-radius: 10px; text-align: center; vertical-align: middle;}
#addListButton{width: 150px;}
#continueButton{width: 100%;}
/* Text */
#generalText{font-size: 95%; color: #808080;}
#adminHeading{font-weight: bold; font-size: 100%; color: #FFFFFF; background-color: #59ACFF; padding-top: 5px; padding-bottom: 5px;}
#generalHeading{font-weight: bold; font-size: 100%;}
#adminListHeading{color: #FFFFFF; background-color: #59ACFF; font-weight: bold; font-size: 95%;}
#eventListHeading{color: #FFFFFF; background-color: #59ACFF; font-weight: bold; font-size: 95%; cursor: pointer;}
#eventListHeadingNoPointer{color: #FFFFFF; background-color: #59ACFF; font-weight: bold; font-size: 95%;}
#editEventListHeading{color: #FFFFFF; background-color: #59ACFF; font-weight: bold; font-size: 95%;}
#topicHeading{color: #696969; font-weight: bold;}
#strong{color: red;}
#caBlue{color: #59ACFF;}
#searchHeading{color: #696969; font-weight: bold; font-size: 150%;}
#eventMonthHeading{color: #696969; font-weight: bold; font-size: 100%;}
#searchPlace{color: #000000; font-size: 70%;}
#searchName{font-size: 80%;}
#eventNameHeader{color: #696969; font-weight: bold; font-size: 150%;}
#userNameTextBox{color: #808080;}
#userNameTextBoxRetrieve{color: #808080;}
#passwordTextBox{color: #808080;}
#passwordTextBoxRetrieve{color: #808080;}
#searchText{color: #808080;}
#boldSearchTerm{font-weight: bold; font-size: 118%; color: green;}
#smallText{color: #696969; font-size: 80%;}
#featuredEventListing{font-size: 120%; font-weight: bold;}
#featuredEventListingBox{font-size:110%; font-weight: bold;}
#italic{font-style: italic;}
#textSelect{cursor: pointer;}
#noBlueLink{text-decoration: none;}
#whiteLink{text-decoration: none; color: #FFFFFF;}
#errorList li{line-height: 4px;}
#loginText{color: #FFF; font-weight: bold;}
#activeEventsHeading{color: #FFFFFF; background-color: #00C41E; font-weight: bold; font-size: 95%;}
#suspendedEventsHeading{color: #FFFFFF; background-color: #EC0000; font-weight: bold; font-size: 95%;}
#pendingEventsHeading{color: #FFFFFF; background-color: #FF8000; font-weight: bold; font-size: 95%;}
#pastEventsHeading{color: #FFFFFF; background-color: #0080FF; font-weight: bold; font-size: 95%;}
#largeHeading{color: #696969; font-weight: bold; font-size: 150%;}
#mediumHeading{color: #696969; font-weight: bold; font-size: 125%;}
#mediumHeadingDashboard{color: #696969; font-weight: bold; font-size: 125%;}
#smallerHeading{color: #696969; font-weight: bold; font-size: 110%;}
#heading{color: #696969; font-weight: bold; font-size: 100%;}
#heading80{color: #696969; font-weight: bold; font-size: 80%;}
#largeGreenHeading{color: #008000; font-weight: bold; font-size: 150%;}
#mediumGreenHeading{color: #008000; font-weight: bold; font-size: 125%;}
#smallerGreenHeading{color: #008000; font-weight: bold; font-size: 110%;}
#greenheading{color: #008000; font-weight: bold; font-size: 100%;}
.highlightText{color: #FFFFFF !important;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.handCursor{cursor: pointer;}
.black{color: #000000;}
.blue{color: #59ACFF;}
.blue2{color: blue;}
.red{color: red;}
.green{color: #008000;}
.orange{color: #FF4700;}
.orange2{color: #E99841;}
.grey{color: #696969;}
.grey2{color: #808080;}
.darkGrey{color: #3C3C3C;}
.errorText{color: red; font-size: 95%;}
.errorWhite{color: #FFF;}
.font78{font-size: 78%;}
.font80{font-size: 80%;}
.font85{font-size: 85%;}
.font90{font-size: 90%;}
.font95{font-size: 95%;}
.font100{font-size: 100%;}
.font105{font-size: 105%;}
.font110{font-size: 110%;}
.font115{font-size: 115%;}
.font120{font-size: 120%;}
.font125{font-size: 125%;}
.font130{font-size: 130%;}
/* Images */
#deleteImage{height: 16px; cursor: pointer;}
#deleteCountryImage{height: 16px; cursor: pointer; vertical-align: middle;}
#editImage{height: 16px; cursor: pointer;}
#promoteImage{height: 16px; cursor: pointer;}
#saveImage{height: 16px; cursor: pointer;}
#searchImage{height: 20px; vertical-align: text-bottom;}
#spotlightImage{max-height: 150px; max-width: 240px;}
#spotlightSpacing{width: 0px;}
#upImage{height: 16px; cursor: pointer; vertical-align: middle;}
#viewImage{height: 16px; cursor: pointer;}
#sendImage{height: 16px; cursor: pointer;}
/* Other */
table{font-size: 95%;}
body{font-family: Arial; background-image: url('images/gradient.jpg?ver=1500'); background-repeat: repeat-x; margin: 0; padding: 0;}
a{text-decoration: none; color: blue;}
#adminTextAreaEdit{resize:none;}
#adminEventDescriptionTextAreaEdit{resize:none;}
#tablePad{padding: 2px;}
#tableAlignTop{vertical-align: top;}
#customMessage{width: 98%;}
#extension{width: 50px;}
#linkBar{height: 80px; background-color: #79A5D6; color: #FFFFFF;}
form p{position:relative;}
label{position:absolute; top:5px; left:6px; color: gray;}
#spacer1{height: 1px;}
#spacer2{height: 2px;}
#spacer3{height: 3px;}
#spacer4{height: 4px;}
#spacer5{height: 5px;}
#spacer10{height: 10px;}
#spacer15{height: 15px;}
#spacer20{height: 20px;}
#spacer25{height: 25px;}
#spacer30{height: 30px;}
#spacer35{height: 35px;}
#spacer40{height: 40px;}
#spacer45{height: 45px;}
#spacer50{height: 50px;}
#spacer55{height: 55px;}
#spacer60{height: 60px;}
#spacer65{height: 65px;}
#spacer70{height: 70px;}
#spacer75{height: 75px;}
#spacer80{height: 80px;}
#spacer85{height: 85px;}
#spacer90{height: 90px;}
#spacer95{height: 95px;}
#spacer100{height: 100px;}
#spacer1w{width: 1px;}
#spacer2w{width: 2px;}
#spacer3w{width: 3px;}
#spacer4w{width: 4px;}
#spacer5w{width: 5px;}
#spacer10w{width: 10px;}
#spacer15w{width: 15px;}
#spacer20w{width: 20px;}
#spacer25w{width: 25px;}
#spacer30w{width: 30px;}
#spacer35w{width: 35px;}
#spacer40w{width: 40px;}
#spacer45w{width: 45px;}
#spacer50w{width: 50px;}
#spacer55w{width: 55px;}
#spacer60w{width: 60px;}
#spacer65w{width: 65px;}
#spacer70w{width: 70px;}
#spacer75w{width: 75px;}
#spacer80w{width: 80px;}
#spacer85w{width: 85px;}
#spacer90w{width: 90px;}
#spacer95w{width: 95px;}
#spacer100w{width: 100px;}
.spacer1{height: 1px;}
.spacer2{height: 2px;}
.spacer3{height: 3px;}
.spacer4{height: 4px;}
.spacer5{height: 5px;}
.spacer10{height: 10px;}
.spacer15{height: 15px;}
.spacer20{height: 20px;}
.spacer25{height: 25px;}
.spacer30{height: 30px;}
.spacer35{height: 35px;}
.spacer40{height: 40px;}
.spacer45{height: 45px;}
.spacer50{height: 50px;}
.spacer55{height: 55px;}
.spacer60{height: 60px;}
.spacer65{height: 65px;}
.spacer70{height: 70px;}
.spacer75{height: 75px;}
.spacer80{height: 80px;}
.spacer85{height: 85px;}
.spacer90{height: 90px;}
.spacer95{height: 95px;}
.spacer100{height: 100px;}
.spacer1w{width: 1px;}
.spacer2w{width: 2px;}
.spacer3w{width: 3px;}
.spacer4w{width: 4px;}
.spacer5w{width: 5px;}
.spacer10w{width: 10px;}
.spacer15w{width: 15px;}
.spacer20w{width: 20px;}
.spacer25w{width: 25px;}
.spacer30w{width: 30px;}
.spacer35w{width: 35px;}
.spacer40w{width: 40px;}
.spacer45w{width: 45px;}
.spacer50w{width: 50px;}
.spacer55w{width: 55px;}
.spacer60w{width: 60px;}
.spacer65w{width: 65px;}
.spacer70w{width: 70px;}
.spacer75w{width: 75px;}
.spacer80w{width: 80px;}
.spacer85w{width: 85px;}
.spacer90w{width: 90px;}
.spacer95w{width: 95px;}
.spacer100w{width: 100px;}
.spacer320w{width: 320px;}
.link{cursor: pointer;}
.hidden{display: none;}
.mainPageTableSpacing{padding: 2px;}
.pointer{cursor: pointer;}
.cursor{cursor: default;}
.highlight{background: #C8FFC8;}
.oddrow{background: #C4C4C4;}
.evenrow{background: #DEDEDE;}
.suspendedrow{background: #FF8A8A;}
.originalTextareaInfo{font-size: 95%; color: #000000; font-family: arial, sans-serif; text-align: right}
.warningTextareaInfo{font-size: 95%; color: #FF0000; font-family: arial, sans-serif; text-align: right}
.ui-datepicker{font-size: 70%;}
.textCenter{text-align: center;}
.textLeft{text-align: left;}
.textRight{text-align: right;}
.white{background-color: #FFFFFF;}
.whiteText{color: #FFFFFF;}
.padding5{padding: 5px;}
.paddingLeft5{padding-left: 5px; margin-right: 5px;}
.smallround{border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;}
.leftRound{-webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.bigRound{border-radius: 5px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 7px;}
.verticalMiddle{vertical-align: middle;}
.verticalTop{vertical-align: top;}
.verticalBottom{vertical-align: bottom;}
.noResize{resize: none;}
.noBorder{border: 0;}
.hr{border-bottom: solid 1px #000000; width: 100%;}
.height100percent{height: 100%;}
.width100percent{width: 100%;}
.width99percent{width: 99%;}
.width98percent{width: 98%;}
.organizerField{width: 98%;}
.width40{width: 40px;}
.width50{width: 50px;}
.width76{width: 76px;}
.width145{width: 145px;}
.width185{width: 185px;}
.width298{width: 298px;}
.width300{width: 300px;}
.width315{width: 315px;}
.width318{width: 318px;}
.width363{width: 363px;}
.width369{width: 369px;}
.width374{width: 374px;}
.width376{width: 376px;}
.width380{width: 380px;}
.width450{width: 450px;}
.width470{width: 470px;}
.width479{width: 479px;}
.width480{width: 480px;}
.width490{width: 490px;}
.width640{width: 640px;}
.width660{width: 660px;}
.width709{width: 709px;}
.width711{width: 711px;}
.width715{width: 715px;}
.width720{width: 720px;}
.width753{width: 753px;}
.width760{width: 760px;}
.width793{width: 793px;}
.width834{width: 834px;}
.width841{width: 841px;}
.width874{width: 874px;}
.width960{width: 960px;}
.noLeftRightMargin{margin-left: 0; margin-right: 0;}
.contentBorder{border: solid 1px darkgray; padding: 10px;}
.redBorder{border: solid 1px #FF8080; padding: 10px;}
.redBackground{background-color: #FF3333;}
.greenBorder{border: solid 1px #008000; padding: 10px;}
.greenBackground{background-color: #008000;}
.blueBorder2{border: solid 1px blue; padding: 10px;}
.blueBackground2{background-color: blue;}
.orangeBorder{border: solid 1px #E99841; padding: 10px;}
.orangeBackground{background-color: #E99841;}
.greyBorder{border: solid 1px #808080; padding: 10px;}
.greyBackground{background-color: #808080;}
.tealBorder{border: solid 1px teal; padding: 10px;}
.tealBackground{background-color: teal;}
.boxShadow{box-shadow: 2px 2px 3px #BFBFBF; -moz-box-shadow: 2px 2px 3px #BFBFBF; -webkit-box-shadow: 2px 2px 3px #BFBFBF;}
.lightGreyBackground{background-color: #F3F3F3;}
.darkGreyBackground{background-color: #DEDEDE;}
.transparentBackground{background-color: transparent;}
.topBottomBorderPromo{border-top: solid 1px darkgray; border-bottom: solid 1px darkgray;}
.blueBorder{border: solid 1px #59ACFF;}
.blueBackground{background-color: #59ACFF;}
.orangeBackground{background-color: orange;}
.greenBackground{background-color: #008000;}
.promoLineHeight{line-height: 18px;}
.lineHeight22{line-height: 22px;}
.promoCell{width: 708px; height: 128px; border: none; padding-left: 8px; margin-left: 8px; padding-right: 8px; margin-right: 8px;}
.promoButton:hover{color: lightgreen}
.lineHeight50{line-height: 50px;}
.arrowRight{border-collapse: collapse; width: 0; height: 0; border-top: 68px solid transparent; border-bottom: 68px solid transparent; border-left: 30px solid #59ACFF;}
.redImportant{color: red !important;}
.searchList{width: 150px;}
.suspendedHeading{color: #FFFFFF; font-size: 130%;}
.marginpadtop1{margin-top: 1px; padding-top: 1px;}
.minWidth33{min-width: 33px;}
.linkBlue{color: blue;}
.wrapWords{word-wrap: break-word;}
.fixedTableLayout{table-layout: fixed;}
.floatRight{float: right;}
.floatLeft{float: left;}
.opacity25{
-moz-opacity: 0.25;
-khtml-opacity: 0.25;
opacity: 0.25;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=25);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
filter:alpha(opacity=25);
}
.boxSize{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
hr.promoDivider{
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
select#messageList{color: #FFFFFF; background-color: #FF3333; font-size: 130%; text-align: center;}
select#messageList2{color: #FFFFFF; background-color: #FF3333; font-size: 130%; text-align: center;}
/* Dashboard button */
.dashboardButton2{
background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0.1)));
background-image:-moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#10ffffff', EndColorStr='#10ffffff');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#10ffffff', EndColorStr='#10ffffff')";
background-color:rgb(89, 173, 255);
border:0px solid rgba(0, 0, 0, 0.1);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding-left: 7px;
padding-top: 5px;
padding-right: 7px;
padding-bottom: 4px;
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.7);
font-size:16px;
font-weight:bold;
color:rgb(255, 255, 255);
/*text-shadow:-1px 1px 1px rgba(0, 0, 0, 0.5);*/
}
/* The *normal* state styling */
.dashboardButton{
background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0.1)));
background-image:-moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#10ffffff', EndColorStr='#10ffffff');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#10ffffff', EndColorStr='#10ffffff')";
background-color:rgb(89, 173, 255);
border:0px solid rgba(0, 0, 0, 0.1);
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
padding:3px 5px 6px 5px;
box-shadow:0px 1px 3px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.7);
font-size:16px;
font-weight:bold;
color:rgb(255, 255, 255);
/*text-shadow:-1px 1px 1px rgba(0, 0, 0, 0.5);*/
}
/* The *hover* state styling */
.dashboardButton:hover{
color:#0058FD !important;
/*text-shadow:-1px 1px 1px rgba(255, 255, 255, 0.8);*/
}
/* The *active* state styling */
.dashboardButton:active,.dashboardButton:focus{
color:rgb(255, 255, 255);
/*text-shadow:-1px 1px 1px rgba(0, 0, 0, 0.5);*/
}
/* Promote Button */
.promoteButton {
background: #15E820;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#15E820));
background: -webkit-linear-gradient(top, #00C41E, #0C7C11);
background: -moz-linear-gradient(top, #63F16A, #15E820);
background: -ms-linear-gradient(top, #63F16A, #15E820);
background: -o-linear-gradient(top, #63F16A, #15E820);
padding: 6.5px 13px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 100%;
font-family: Helvetica, Arial, Sans-Serif;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
}
.promoteButton:hover {
background: #004585;
color: #ffffff;
}
.promoteButton:active {
background: #004585;
}
/* Next Event Button Green */
.nextEventButtonGreen{
border-top: 1px solid #00ff33;
background: #006106;
background: -webkit-gradient(linear, left top, left bottom, from(#00a120), to(#006106));
background: -webkit-linear-gradient(top, #00a120, #006106);
background: -moz-linear-gradient(top, #00a120, #006106);
background: -ms-linear-gradient(top, #00a120, #006106);
background: -o-linear-gradient(top, #00a120, #006106);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 100%;
text-decoration: none;
vertical-align: middle;
}
.nextEventButtonGreen:hover{
border-top-color: #068f0f;
background: #068f0f;
color: #ffffff;
}
.nextEventButtonGreen:active{
border-top-color: #068f0f;
background: #068f0f;
}
/* Next Event Button Red */
.nextEventButtonRed{
border-top: 1px solid #ff8787;
background: #8a0b0b;
background: -webkit-gradient(linear, left top, left bottom, from(#e30000), to(#8a0b0b));
background: -webkit-linear-gradient(top, #e30000, #8a0b0b);
background: -moz-linear-gradient(top, #e30000, #8a0b0b);
background: -ms-linear-gradient(top, #e30000, #8a0b0b);
background: -o-linear-gradient(top, #e30000, #8a0b0b);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 100%;
text-decoration: none;
vertical-align: middle;
}
.nextEventButtonRed:hover{
border-top-color: #cf1414;
background: #cf1414;
color: #ffffff;
}
.nextEventButtonRed:active{
border-top-color: #cf1414;
background: #cf1414;
}
/* Paginator */
.paginate{font-family: Arial; color: #59ACFF;}
a.paginate{border: 1px solid #59ACFF; padding: 2px 6px 2px 6px; text-decoration: none; color: #59ACFF;}
a.paginate:hover{background-color: #59ACFF; color: #FFF; text-decoration: underline;}
a.current{border: 1px solid #59ACFF; font: bold Arial,Helvetica,sans-serif; padding: 2px 6px 2px 6px; cursor: default; background:#59ACFF; color: #FFF; text-decoration: none;}
span.inactive{border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; padding: 2px 6px 2px 6px; color: #999; cursor: default;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
/* Auto complete styles */
.autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
/* UPGRADE BUTTON */
.upgradeButton {
border-top: 1px solid #8ae685;
background: #24871b;
background: -webkit-gradient(linear, left top, left bottom, from(#0bb524), to(#24871b));
background: -webkit-linear-gradient(top, #0bb524, #24871b);
background: -moz-linear-gradient(top, #0bb524, #24871b);
background: -ms-linear-gradient(top, #0bb524, #24871b);
background: -o-linear-gradient(top, #0bb524, #24871b);
padding: 5px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 14px;
font-family: Georgia, serif;
text-decoration: none;
vertical-align: middle;
}
.upgradeButton:hover {
border-top-color: #22993e;
background: #22993e;
color: #ffffff;
}
.upgradeButton:active {
border-top-color: #09751f;
background: #09751f;
}
#upgradeButton{width: 150px; cursor: pointer; font-family: sans-serif; font-size: 11pt;}
/* Online badge */
.online-badge {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 10px;
background-color: green;
color: white;
font-size: 0.75rem;
font-weight: bold;
line-height: 1;
display: inline-block;
text-align: center;
vertical-align: text-bottom;
}
/* Online AND in-person badge */
.online-in-person-badge {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 10px;
background-color: #d4a15c;
color: white;
font-size: 0.75rem;
font-weight: bold;
line-height: 1;
display: inline-block;
text-align: center;
vertical-align: text-bottom;
}
/* In-person badge */
.in-person-badge {
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 10px;
background-color: #43adca;
color: white;
font-size: 0.75rem;
font-weight: bold;
line-height: 1;
display: inline-block;
text-align: center;
vertical-align: text-bottom;
}
/*.show-only-online-events-button{*/
/* background-color: green;*/
/* color: white;*/
/* border: solid 1px green;*/
/* cursor: pointer;*/
/*}*/
/*.show-all-events-button{*/
/* background-color: #59ACFF;*/
/* color: white;*/
/* border: solid 1px #59ACFF;*/
/* cursor: pointer;*/
/*}*/
.show-only-online-events-button {
background: #00b000;
background-image: -webkit-linear-gradient(top, #00b000, #008000);
background-image: -moz-linear-gradient(top, #00b000, #008000);
background-image: -ms-linear-gradient(top, #00b000, #008000);
background-image: -o-linear-gradient(top, #00b000, #008000);
background-image: linear-gradient(to bottom, #00b000, #008000);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
color: #ffffff;
text-decoration: none;
cursor: pointer;
border: 0;
padding: 5px;
}
.show-only-online-events-button:hover {
background: #008000;
background-image: -webkit-linear-gradient(top, #008000, #008000);
background-image: -moz-linear-gradient(top, #008000, #008000);
background-image: -ms-linear-gradient(top, #008000, #008000);
background-image: -o-linear-gradient(top, #008000, #008000);
background-image: linear-gradient(to bottom, #008000, #008000);
text-decoration: none;
cursor: pointer;
border: 0;
padding: 5px;
}
.show-all-events-button {
background: #96c5f5;
background-image: -webkit-linear-gradient(top, #96c5f5, #59ACFF);
background-image: -moz-linear-gradient(top, #96c5f5, #59ACFF);
background-image: -ms-linear-gradient(top, #96c5f5, #59ACFF);
background-image: -o-linear-gradient(top, #96c5f5, #59ACFF);
background-image: linear-gradient(to bottom, #96c5f5, #59ACFF);
-webkit-border-radius: 10;
-moz-border-radius: 10;
border-radius: 10px;
color: #ffffff;
text-decoration: none;
cursor: pointer;
border: 0;
padding: 5px;
}
.show-all-events-button:hover {
background: #59ACFF;
background-image: -webkit-linear-gradient(top, #59ACFF, #59ACFF);
background-image: -moz-linear-gradient(top, #59ACFF, #59ACFF);
background-image: -ms-linear-gradient(top, #59ACFF, #59ACFF);
background-image: -o-linear-gradient(top, #59ACFF, #59ACFF);
background-image: linear-gradient(to bottom, #59ACFF, #59ACFF);
text-decoration: none;
cursor: pointer;
border: 0;
padding: 5px;
}
.grt-cookie {
display:none;
position:fixed;
bottom:0;
left:0;
right:0;
padding: 20px;
background:#FFF;
color:#333;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
z-index:9999;
}
.grt-cookie-active {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
}
.grt-cookie p {
font-size: 14px;
margin: 0;
padding:0;
line-height: 1.35;
color:#333;
font-weight: normal;
}
.grt-cookie p a {
color:#333;
text-decoration: underline;
font-size: 14px;
margin: 0;
padding:0;
}
.grt-cookie-button {
display: inline-block;
cursor: pointer;
font-weight: normal;
font-size: 14px;
padding: 3px 18px;
margin-left:12px;
background: #333;
color: #FFF;
text-transform: capitalize;
white-space: nowrap;
}
@media (max-width:767px) {
.grt-cookie {
flex-direction: column;
padding: 15px;
}
.grt-cookie p, .grt-cookie p a {
font-size:13px;
}
.grt-cookie-button {
font-size:13px;
padding: 3px 14px;
margin:8px 0 0 0;
}
}