@import url(../Polished/StyleSheet.css);


.listingdisplaypanel .listingimage img {padding: 0; margin:auto; position: relative; right: 0px;}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mgdisplaylistinghome { min-height:400px;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mgdisplaylistinghome {min-height:440px;}
}

@media (min-width: 1200px) {
    .mgdisplaylistinghome {min-height:450px;}
}


@media (max-width: 767px) {
    .qsearchdiv {height:0; margin:0 auto; max-width:1200px; z-index:100; position:relative; bottom:450px; border-radius:3px;}
    .EVcheckboxdiv {color:#555; padding:8px 0 1px 0; background:#fff; border:1px solid #ddd; margin-bottom:5px; position:relative; bottom:48px; margin-left:15px; margin-right:0; width:93.5%;}
    .EVcheckboxdivMobile {height:40px;color:#555; padding:8px 0 1px 0; background:#fff; border:1px solid #ddd;}
    .mobilelabel {font-weight:400;}

    .VirtualEvent {width:100%; margin:0 auto; margin-top:8px; margin-bottom:8px; border:1px solid #ddd; padding:5px 8px; background:#eee; border-radius:4px;}
    .VirtualEvent .fa-wifi {color:#4DB2F7;}
    .virtualcheck input[type="checkbox"] {margin:0 3px 0 16px;}

    .addbutton .mg-btn-primary {padding:5px 0; margin:5px 0;}

    .VirtualEventFullDisplay {border:1px solid #ddd; padding:5px 8px; margin:8px 0; background:#eee; width:auto; border-radius:4px;}
    .VirtualEventFullDisplay .fa-wifi {color:#4DB2F7;}

    .virtualinfo {margin:15px 0;}
    .EventLocation {margin:20px 0 5px 0;}
    .listingdisplayinfo {margin:30px 0; text-align:left;}
    .listingbuttons {margin-bottom:20px;}
    .eventtimezone {margin-top:15px;}
    .eventdates {padding:25px 2px; border-bottom:1px solid #ddd;}
    .ListingDisplay_Advertiser {color:#222; padding:0 15px;}

    .qsbutton {line-height:26px; margin:8px 0; width:100%; background:#4DB2F7; border:1px solid #4DB2F7; font-size:18px; color:#fff;}

}

@media (min-width: 768px) {
    .qsearchdiv {height:0; margin:0 auto; max-width:1200px; z-index:100; position:relative; bottom:300px; border-radius:3px;}
    .EVcheckboxdiv {color:#fff; font-size:18px; text-align:left;}

    .VirtualEvent {padding:2px 8px; margin:5px 0; font-weight:bold; position:relative; right:8px;}
    .VirtualEvent .fa-wifi {color:#4DB2F7; padding-right:5px;}

    .addbutton .mg-btn-primary {padding:3px 20px; margin:3px; font-size:14px; position:relative; left:10px; bottom:3px;}

    .VirtualEventFullDisplay {font-weight:bold; padding:5px 0; margin:10px 0; border-radius:4px;}
    .VirtualEventFullDisplay .fa-wifi {color:#4DB2F7; padding-right:3px;}
    .virtualinfo {margin:15px 0;}
    .EventLocation {margin:15px 0 5px 0;}
    .eventtimezone {margin-top:15px;}
    .eventdates {padding:20px 2px; border-bottom:1px solid #ddd;}

    .ListingDisplay_Advertiser {color:#222; padding:0 30px 10px 0; margin-left:-10px;}
    .listingdisplayinfo {padding-left:0; padding-bottom:20px; border-bottom:1px solid #ddd;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .qsearchdiv {height:0; margin:0 auto; max-width:1200px; z-index:100; position:relative; bottom:320px; border-radius:3px;}
}

@media (min-width: 1200px) {
    .qsearchdiv {height:0; margin:0 auto; max-width:1200px; z-index:100; position:relative; bottom:340px; border-radius:3px;}
}

.calendarwrapper {width:100%; background:#f6f8f8; border-color:#f6f8f8;}
.calendarcol {max-width:1200px; margin:0 auto; float:none;}

.hpcalendar {margin:20px 0;}
.hpcalendar .panel-bodyhm {border:1px solid #ddd; margin-top:10px;}
#CalendarHeader {color:#222; background:#f1f3f7; border:1px solid #ddd; padding:10px 10px; font-size:22px;}

.mg-datepicker,
.table-condensed {width:100%; background:#fff; padding:0 10px 10px 10px; font-size:16px;}

.datepicker-inline {width: 100%;}

.datepicker thead {background:#fff; color:#222; border-radius:0; font-size:18px;}
.dow {background:#f1f3f7; color:#333;}
.prev {background:#fff;}
.next {background:#fff;}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {background: #f5f5f5; cursor: pointer;}
.day:hover {color:#333;}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {background: #fff; color:#222;}

.datepicker {padding: 10px;  border:none; border-radius: 0; direction: ltr;}
.datepicker td, .datepicker th {text-align: center; width: 20px; height: 50px; border-radius:0; border: none;}

.mg-datepicker table tr td.new, .mg-datepicker table tr td.old {color: #bbb;}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #fff;
    background-image: none;
    background-image: none;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); 
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
     border-color: #04c #04c #002a80; 
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active,
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #fff; color:#333;
}

#ListingsHeader {color:#333; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 5px; font-size:24px;}
/*#ListingsHeader .morelink a {text-transform:lowercase; color:#222;}
#ListingsHeader .morelink .btn {position:relative; right:18px;}*/

/*Featured Venue heading*/
.mgpanel-headingvenue {color:#333; text-transform:uppercase; background:#fff; border-color:#fff; padding:5px 5px; font-size:24px;}
/*.mgpanel-headingvenue .morelink a {text-transform:lowercase; color:#fff;}
.mgpanel-headingvenue .morelink .btn {position:relative; right:18px;}*/

@media (max-width: 767px) {
    .mgdisplaylistinghomevenue {padding:10px 20px; line-height:22px; text-align:center; margin-bottom:10px; background:#fff; border:1px solid #eee; height:auto;}
    .mgdisplaylistinghomevenue img {padding:5px; margin:0 auto;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mgdisplaylistinghomevenue {padding:10px 0px; width:32%; margin-right:10px; margin-bottom:10px; background:#fff; border:1px solid #eee; line-height:22px; text-align:left; min-height:560px;}
    .mgdisplaylistinghomevenue img {padding:5px; margin:0 auto;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mgdisplaylistinghomevenue {padding:10px 0px; width:32%; margin-right:10px; margin-bottom:10px; background:#fff; border:1px solid #eee; line-height:22px; text-align:left; min-height:500px;}
    .mgdisplaylistinghomevenue img {padding:5px; margin:0 auto;}
}

@media (min-width: 1200px) {
    .mgdisplaylistinghomevenue {padding:10px 0px; width:32%; margin-right:15px; margin-bottom:15px; background:#fff; border:1px solid #eee; line-height:22px; text-align:left; min-height:500px;}
    .mgdisplaylistinghomevenue img {padding:5px; margin:0 auto;}
}

/* Calendar */  
/*.eventCalendarSelector {color:#222; width:95%; min-height:250px; background:#fff; margin:0 auto; border:1px solid #ddd;}
.calendar .eventCalendarSelector {color:#222; min-width:300px; min-height:250px; background:#fff; margin:0 auto; border:1px solid #ddd;}

    .eventCalendarSelector  .OtherMonthDayStyle {background:#eee; text-align:center; vertical-align:middle;}
    .eventCalendarSelector  .OtherMonthDayStyle a:link {text-decoration:none;}
    .eventCalendarSelector  .TodayDayStyle {border:2px solid #1b1718; text-align:center;}
    .eventCalendarSelector  .TodayDayStyle a:link {text-decoration:none;}
    .eventCalendarSelector  .DayStyle {text-align:center; vertical-align:middle;}
    .eventCalendarSelector  .DayStyle a:link {text-decoration:none;}
    
.homeEVCalendar .title {text-align:center; color:#222; font-weight:bold;}
.homeEVCalendar {margin-bottom:10px; background:#fff; border-radius:8px; bordernone;}

.HomePageCalendarTitle {text-align:center; margin:0 auto; background:#f0f0f0; color:#222;}
.HomePageCalendarTitle a {text-decoration:none;}
.eventCalendarSelector th {text-align:center; vertical-align:middle; border:none;}
.eventCalendarSelector td {text-align:center; vertical-align:middle;}*/