/*	styles for the browse calendars and browse events pages
 */
body {
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 13px;
	font-family: Trebuchet MS, Sans-Serif;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #dcdcdc;
}
img {
	border: none;
}
h1, h2, h3, h4, h5 {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
a, span.pseudolink {
	color: #007dcb;
	text-decoration: underline;
	cursor: hand;
}
a.active, a:hover, a:focus {
	color: #e60d2e;
}

/*	the wrapping div
 */
#BrowseEvents, #BrowseCalendars {
	max-width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
}

/*	account status and header on browse calendars
 */
#AccountStatus {
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#AccountStatus #maint {
	display: none;
}
#BrowseCalendarsAboveHeader {
	height: 8px;
	border-top: solid 2px red;
	background-color: #605d5d;
}
h1.BrowseCalendarsTitle {
	margin-top: 24px;
	font-size: 20px;
	line-height: 16px;
	font-weight: normal;
	color: Black;
	border-bottom: 2px solid #a0a0a0;
}
div.BrowseCalendarsInfo {
	text-align: right;
	font-size: 12px;
	margin-top: 1px;
	margin-bottom: 20px;
}


/*	the header
 */
div.BrowseEventsHeader {
	padding-right: 28px;
	padding-left: 28px;
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: #f8f8ff;
}
div.BrowseEventsHeaderLeft, div.BrowseEventsHeaderRight {
	margin-bottom: 10px;
}
h1.CalendarName {
	font-size: 22px;
	line-height: 22px;
	color: black;
	font-weight: normal;
	border-bottom: solid 2px #a0a0a0;
}
div.CalendarDescription {
	padding-top: 8px;
}
div.CalendarDescription p {
	margin: 0px;
}
div.CalendarDescription p.caldescfirst {
	margin-bottom: 8px;
}
div.CalendarDescription p.caldescmiddle {
	margin-top: 8px;
	margin-bottom: 8px;
}
div.CalendarDescription p.caldesclast {
	margin-top: 8px;
}
p.CalendarKeywords {
	margin-top: 10px;
	font-size: 11px;
	margin-bottom: 0px;
}
div.CalendarOwnerInfo {
	margin-top: 12px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-top: 1px;
	background-color: white;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}
div.CalendarExtra {
	margin-top: 12px;
	font-size: 11px;
}
div.CalendarExtra table {
	width: 100%;
}
td.ExtraLeft {
	text-align: left;
	padding-top: 1px;
}
td.ExtraRight {
	text-align: right;
}
a.FeedButton {
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: Normal;
	background-color: #FF6600;
	color: White;
	padding-top: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 0px;
	margin-right: 2px;
	border-left: solid 1px #FF9A57;
	border-top: solid 1px #FFC8A4;
	border-right: solid 1px #7D3302;
	border-bottom: solid 1px #3E1901;
	text-decoration: none;
}
a.FeedButton:hover, a.FeedButton:focus, a:FeedButton:active {
	color: #ffdddd;
}

/*	the link to the customer's calendar
 */
div.CustomerCalendarReference {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 28px;
	margin-right: 28px;
	background-color: #f0f8ff;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-top: 6px;
	border-right: #6495ed 1px solid;
	border-top: #6495ed 1px solid;
	border-left: #6495ed 1px solid;
	border-bottom: #6495ed 1px solid;
}
div.BrowseCalendarsHeader, div.BrowseCalendarsBody {
	padding-left: 28px;
	padding-right: 28px;
}

div.BrowseCalendarsFilter {
	padding-top: 15px;
	padding-left: 28px;
	padding-right: 28px;
}

/*	the event listings - styled as hcal - see http://microformats.org/wiki/hcalendar
 */
.vcalendar {
	padding-left: 28px;
	padding-right: 28px;
}
.vcalendar .vevent, div.onecalendar {
	margin-top: 20px;
	margin-bottom: 20px;
}
.vcalendar .vevent .summary, h2.calname {
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	border-bottom: solid 2px #a0a0a0;
}
h2.stars5 {
	background-position: left 1px;
	background-image: url(../images/trumba_5stars_70x13.gif);
	background-repeat: no-repeat;
	padding-left: 75px;
}
h2.stars4 {
	background-position: left 1px;
	background-image: url(../images/trumba_4stars_56x13.gif);
	background-repeat: no-repeat;
	padding-left: 61px;
}
h2.stars3 {
	background-position: left 1px;
	background-image: url(../images/trumba_3stars_42x13.gif);
	background-repeat: no-repeat;
	padding-left: 47px;
}
h2.stars2 {
	background-position: left 1px;
	background-image: url(../images/trumba_2stars_28x13.gif);
	background-repeat: no-repeat;
	padding-left: 33px;
}
h2.stars1 {
	background-position: left 1px;
	background-image: url(../images/trumba_1stars_14x13.gif);
	background-repeat: no-repeat;
	padding-left: 19px;
}
h2.calname a, h2.calname a.active, h2.calname a:hover, h2.calname a:focus {
	color: Black;
	text-decoration: none;
	cursor: default;
}
.vcalendar .vevent .eventbodyblock, div.caldesc {
	margin-top: 2px;
	margin-left: 0.25in;
	text-indent: -0.25in;
	word-break: break-word;
	overflow-wrap: break-word;
}
.vcalendar .vevent .category {
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	color: #888;
	margin-right: 0.5em;
	font-family: 'Open Sans', Tahoma, Sans-Serif;
}
.vcalendar .vevent .eventtrailinginfo {
	font-style: italic;
}
abbr {
	border-bottom: none;
}

/*	page navigation for browse calendars
 */
div.nextpage {
	margin-bottom: 12px;
}
div.nextpage a, span.nextpagelabel {
	margin-right: 0.5em;
	white-space: nowrap;
}

/*	the footer
 */
#BrowseEventsFooter, #BrowseCalendarsFooter {
	padding: 4px 8px 6px 8px;
	background-color: Black;
	font-size: 12px;
	color: #d0d0d0;
	border-top: solid 2px #E60D2E;
	text-align: center;
}
#BrowseEventsFooter span.reg, #BrowseCalendarsFooter span.reg {
	position: relative;
	top: -4px;
	font-size: 10px;
}
#BrowseEventsFooter a, #BrowseCalendarsFooter a {
	color: #d0d0ff;
}

/*	the admin-mode flags
 */
span.calflag, span.under10views, span.acctTypeFree {
	font-family: Arial, Sans-Serif;
	font-size: xx-small;
	background-color: #FF0000;
	color: White;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	margin-right: 5px;
	border-left: solid 1px #FF5050;
	border-top: solid 1px #FF5050;
	border-right: solid 1px #8E0000;
	border-bottom: solid 1px #8E0000;
	position: relative;
	top: -1px;
}
span.acctType {
	font-family: Arial, Sans-Serif;
	font-size: xx-small;
	background-color: #00E300;
	color: Black;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	margin-right: 5px;
	border-left: solid 1px #50EC50;
	border-top: solid 1px #50EC50;
	border-right: solid 1px #007E00;
	border-bottom: solid 1px #007E00;
	position: relative;
	top: -1px;
}
span.hidePeriod {
	display: none;
}
div.urlerror {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 28px;
	margin-right: 28px;
	background-color: #ffe4e1;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-top: 6px;
	border-right: #ff0000 1px solid;
	border-top: #ff0000 1px solid;
	border-left: #ff0000 1px solid;
	border-bottom: #ff0000 1px solid;
	color: #ff0000;
}

@media (max-width: 500px) {
	div.BrowseEventsHeader {
		padding:10px 14px 5px 14px;
	}
	div.vcalendar {
		padding-left: 14px;
		padding-right: 14px;
	}
	div.CustomerCalendarReference {
		margin: 10px 14px 5px 14px;
	}
}