
<!--
.doNotDeleteThis {

}
A
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.pageCaption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #006699;
}
.pageCaptionSmall
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #006699;
}
.pageSubCaption
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.pageContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.pageLargeContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
}

.pageSmallContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
/* ********************* SECTION ***********************/
.sectionCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

.sectionCaptionSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.sectionSubCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

.sectionContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.detailSectionCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FF6600;
}

.detailSectionSubCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

.detailSectionContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.detailSectionContentEven {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #006699;
}

.detailSectionContentOdd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF9900;
}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.redContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cc3300;
}
/**************** special,highlight,urgent ************/
.specialContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

.urgent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.special {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

.attention {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #CC3300;
}

.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #CC3300;
}

.errorSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #CC3300;
}

.alert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #a94442;
	background-color: #f2dede;
	padding: 9px;
	border: 1px solid transparent;
}
/********************** SONG LISTS *************************/
.listCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #006699;
}

.listCaptionWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}

.listContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.listArtist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.listArtistWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
}

/********************** SEARCH *************************/
.searchCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}

.searchSubCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	text-decoration: none;
}

.searchItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.searchContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.searchHighlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #006699;
	font-weight: bold;
}

table.search {
	border-color: #006699;
	border-style: solid;
	border-width: thin;
	background-color: #CCCCCC;
}

tr.searchHeader {
	background-color: #006699;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
}

INPUT.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;

}
SELECT.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	width: 145px;
}

OPTION.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #006699;

}
.searchFormLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
}

.searchFormHelpNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-style: italic;
}

.searchFormContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}
.searchFinderLink
{
	FONT-SIZE: 10pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}
.searchLink
{
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/***************************** MENU ********************/
.menuCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}

.menuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: none;
	color: #FFFFFF;
	text-decoration: none;
}

.menuItem:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;
}

table.inlineMenu {
	border: 0;
	background-color: #FF6600;
}
TABLE.inlineMenu TR
{
	BACKGROUND: #FF6600;
	COLOR: #FFFFFF
}

/************************ Navigation Bar *****************/
.navBarCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #006699;
	text-decoration: none;
}

.navBarFormLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;

}
.navBarContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;

}
.navBarContentLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}

.navBarContentLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;
}

.navigator {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	BACKGROUND-COLOR: #000000;
	text-decoration: none;
}

.navigator a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	BACKGROUND-COLOR: #000000;
	text-decoration: underline;
}

/********************** Help Menu ********************/
.helpMenuItem
{
	FONT-SIZE: 8pt;
	COLOR: #ffffff;
	LINE-HEIGHT: 175%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}


.helpMenuItem:hover
{
	FONT-SIZE: 8pt;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}
/********************* PROMOTIONS *********************/
.promoPageCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #000000;
}

.promoPageContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

.promoNoteLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #000000;
	text-decoration: none;
}

.promoNoteLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #000000;
	text-decoration: underline;
}

.promoPageCaptionWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #FFFFFF;
}

.promoPageContentWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}

.promoNoteLinkWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #FFFFFF;
	text-decoration: none;
}

.promoNoteLink:hoverWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #FFFFFF;
	text-decoration: underline;
}
/********************* NOTE ***************************/
.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.urgentNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.alertNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #CC3300;
}

.helpNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #000000;
}

.specialHelpNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #006699;
}

.specialNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.subscriptNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	vertical-align: sub;
}

.superNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	vertical-align: super;
}

.menuNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;

}
.pageSpecialNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	color: #000000;
}

.exampleNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #006600;
}

.bannerNote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	color: #000000;
}
/*********************** HTML Tags **********************/
BODY {
	background: #FFFFFF;
	margin: 0px;
}

TABLE {
	margin-left: 0px;
	margin-right: 0px;
	border: 0;
}

table.gray {
	border-color: #EEEEEE;
	border-style: solid;
	border-width: thin;
}
TABLE.blueborder
{
	border: 2px solid #006699;
}
TABLE.navBarBorder
{
	border: 1px solid #006699;
}
TR.header
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #006699;
	HEIGHT: 30px;
}

TR.headerSmall
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #006699;
}
TR.headerAlert
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #CC3300;
}
/******************* FORM ****************************/
.formLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: bold;

}
.formButtonSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
}

.formButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
}

INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;

}
OPTION {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

INPUT.sectionContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

INPUT.navMenuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

INPUT.pageContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

INPUT.buttonCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

TEXTAREA.detailSectionContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

/***********************SMD Template Styles *************************/
td.leftBorder {
	border-left: 1px solid #006699;
}

td.rightBorder {
	border-right: 1px solid #006699;
}

td.sideBorders {
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
}

td.bottomBorder {
	border-bottom: 1px solid #006699;
}

td.topBorder {
	border-top: 1px solid #006699;
}

table.template {
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
}
/************************ HYPERLINKS or A tag *********************/
/* A:link { color: #336699}     unvisited link */
/*A:visited { color: #336699}   visited links */
/*A:active { color: #336699}    active links */
A.sectionContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;
}
.link
{
	FONT-SIZE: 10pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.link:hover
{
	FONT-SIZE: 10pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.pageLink
{
	FONT-SIZE: 10pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.pageLink:hover
{
	FONT-SIZE: 10pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}

.pageImportantLink
{
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.pageImportantLink:hover
{
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}
.pageSpecialLink:hover
{
	FONT-SIZE: 10pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	font-style: italic;
	font-weight: none;
}
.pageSpecialLink
{
	FONT-SIZE: 10pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-style: italic;
	font-weight: none;
}
.sectionLink
{
	FONT-SIZE: 8pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.sectionLink:hover
{
	FONT-SIZE: 8pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.detailSectionLink
{
	FONT-SIZE: 10pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.detailSectionLink:hover
{
	FONT-SIZE: 10pt;
	COLOR: FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.detailSearchLink
{
	FONT-SIZE: 10pt;
	COLOR: #FF6600;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.detailSearchLink:hover
{
	FONT-SIZE: 10pt;
	COLOR: #FF6600;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.listLink
{
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.listLink:hover
{
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.listSongLink
{
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.listSongLink:hover
{
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.listSongLinkWhite
{
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.listSongLinkWhite:hover
{
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.listMoreLink
{
	FONT-SIZE: 8pt;
	COLOR: #FF6600;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.searchLink
{
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.searchLink:hover
{
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}
A.mailTo
{
	FONT-SIZE: 10pt;
	COLOR: #006699;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline
}
.featureLink
{
	FONT-SIZE: 10pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.helpNoteLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #006699;
	TEXT-DECORATION: none;
}

.helpNoteLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #006699;
	TEXT-DECORATION: underline;
}

HR.blackLine {
	COLOR: #000000;
}

HR.blueLine {
	COLOR: #006699;
}

HR.whiteLine {
	COLOR: #FFFFFF;
}

.spaceAfter {
	display: block;
	margin-bottom: 12px;
}
/* ********************SPLASH Location Page ********************** */
.splash_margin { margin-top: 50px; margin-left: 50px;}
.splash_big { font-family: verdana; font-size: 12; font-weight: bold }
.splash_medium { font-family: verdana; font-size: 12; color: #333333 }
-->
span.octavoWarning {
	display: block;
	background: #ffcc66;
	padding: 10px;
}
span.arrangemeMessage {
	color: 72777f;
	font-style: italic;
	line-height: 16px;
}
span.arrangemeMessage img {
	vertical-align: middle;
	height: 16px;
}

.icon.interactive,
.icon.print {
	background: url('/images/results-sprite2.png') 0 -47px no-repeat;
	width: 17px;
	height: 17px;
	display: inline-block;
	vertical-align: text-bottom;
}

.icon.print {
	background-position: 0 -81px;
}

.digitalBookIcon {
	width: 17px;
	height: 17px;
	display: inline-block;
	vertical-align: text-bottom;
	padding-left: 20px;
}

/**
 * Tooltips
 */
.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.tooltip.in {
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	border-radius: 4px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	right: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000;
}


.policybanner {
    position: fixed;
    display: none;
    bottom: auto;
    width: 100%;
    top: 0;
    background: #333;
    color: #fff;
    z-index: 999;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

.bannershow {
	display: block;
}

.banner-margin {
	margin-top: 50px !important;
}

.banner-flex {
    margin: 0.5rem auto;
    display: -ms-flexbox !important;
    display: flex!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    height: 50px;
    padding: 0;
    margin: 0;
}

.banner-content {
	padding: 5px;
	position: relative;
}

.banner-content p {
    margin: 0;
}

.banner-content p a {
	color: #fff;
	font-weight: 700;
	text-decoration: underline;
}

.no-style {
	background: none;
	color: #fff;
	border: 0;
	font-size: inherit;
	font-weight: bold;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

button.closeButton {
	color: #fff;
	font-weight: 900;
	font-size: 200%;
    background: none;
    border: 0;
}

.closeButton span {
    display: block;
    line-height: 17px;
}

button.closeButton:hover {
	color: #CC3333;
}

@media (max-width: 500px) {
	.policybanner p {
	    line-height: normal;
	    font-size: 12px;
	}

	.banner-margin {
		margin-top: 75px !important;
	}

	.banner-flex {
		height: 75px;
	}
}