/*SC_MusicBar_sxText.css Created: 2015-11-08
Book Antiqua,Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
=======================================================*/

h1,h2,h3,h4,h5 {
	font-family: "Book Antiqua", Roboto, arial, helvetica, sans-serif;
	font-weight: normal;
	line-height: 125%;
	color: #666;
}
h1 a, h2 a, h3 a, h4 a {
	color: #03a;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #A03;}

h1 {
	font-size: 1.6em;
	text-decoration: none;
	margin: 0 0 15px 0;
}
h2 {
	font-size: 1.4em;
	margin: 10px 0;
}
h3 {
	font-size: 1.2em;
	margin: 4px 0 8px 0;
}
h4 {
	font-size: 1.1em;
	margin: 6px 0;
}
h5 {
	font-size: 1em;
	margin: 4px 0;
}

h1.header {
	margin: 4px 0 15px 0;
}
h1.header span {
	display: block;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #ddd;
}

h2.header,
h3.header,
h4.header {
	clear: both;
	padding: 0;
	margin: 0 0 6px 0;
}
h2.header span,
h3.header span,
h4.header span {
	display: block;
	padding-bottom: 5px;
	color: #666;
	border-bottom: 1px solid #666;
}

h2.header {margin: 10px 0;}

td h3, td h4, td h5 {padding-top: 0; margin-top:0}
td p {line-height: 140%;}

div p:first-child {padding-top: 0; margin-top: 0;}

a.leftButton,
a.rightButton {
	display: block;
	background: #3DACCB url('../imgPG/grad50WT80.png') left bottom repeat-x;
	border-radius: 3px;
}
a.leftButton:hover,
a.rightButton:hover {
	background: #F27F09 url('../imgPG/grad50WT80.png') left bottom repeat-x; border: 0;
}

a.leftButton span {
	display: block;
	padding: 5px 10px;
	background: url('../imgPG/sx_dotArBL6.png') center center no-repeat;
}
a.rightButton span {
	display: block;
	padding: 5px 10px;
	background: url('../imgPG/sx_dotArBR6.png') center center no-repeat;
}


a.left,
a.right {display: inline-block;	padding: 5px 20px; border-radius: 5px;}

a.left {background: #3DACCB url('../imgPG/sx_dotArBL6.png') center center no-repeat;}
a.left:hover {background: #F27F09 url('../imgPG/sx_dotArBL6.png') center center no-repeat;}

a.right {background: #3DACCB url('../imgPG/sx_dotArBR6.png') center center no-repeat;}
a.right:hover {background: #F27F09 url('../imgPG/sx_dotArBR6.png') center center no-repeat;}

/* TEXTS
*****************************************************/
.text,
.textResizeable {
	font-size: 1em;
	margin: 12px 0 6px 0;
	line-height: 160%;
	text-align: justify;
	-moz-hyphens: auto;
	hyphens: auto;
}
.textSmall {
	font-size: 0.9em;
	line-height: 140%;
}
.textXSmall {
	font-size: 0.8em;
	line-height: 120%;
}

.textBG {
	clear: both;
	overflow: hidden;
	zoom: 1;
	background: #eee; 
	padding: 6px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.text > ul {margin-left: 22px; padding: 0;}
.text > ol {margin-left: 22px; padding-left: 0;}
.floatLeft {float: left;}
.floatRight {float: right;;}
.clear {clear: both; width: 100%}

.line {
	clear: both;
	border-bottom: 1px dotted #ddd;
	height: 20px;
	margin-bottom: 20px;
}

.alignCenter {text-align: center;}
.alignRight {text-align: right;}

.marginMinus {margin: -10px 0 10px 0;}
.margin {margin: 12px;}
.marginT {margin-top: 12px;}
.padding {padding: 8px;}
.paddingLR {padding: 0 12px;}
.paddingTB {padding: 8px 0;}

.space {clear:both; height: 15px;}
.successBG {background: #03a; color: #fff; padding: 10px;}
.errorBG {background: #e03; color: #fff; padding: 10px;}

/* FORMS
*****************************************************/
#formWrap {padding: 0 20px;}
#formWrap .message {margin: 10px; padding: 10px;}
#formWrap form {display: table; margin: 0 auto; padding: 0;}
#formWrap fieldset {
	border: 1px solid #ddd;
	margin: 0 0 2px 0;
	background: #eee;
	padding: 10px;
	border-radius: 7px;
	color: #000;
}
#formWrap fieldset label {display: block; text-align: right; padding-right: 2px;}

#formWrap input.inputText {display: none;}
#formWrap input[type="text"],
#formWrap textarea {margin: 2px 0; background: #fff; color: #000; border: 1px solid #666; padding: 2px;}

#printBG {margin-left: 3px; text-align: right; clear: right;}
#printBG table {margin: 0 0 4px auto;}
#printBG table td {border: 1px solid #fff; padding: 3px; background: #fff;}
#printBG table td img {display: block;}
#printBG table.media td {padding: 0;}
#printBG table.media td img {height: 28px;}

/* IMAGES
*****************************************************/
.imageCenter {
	position: relative;
	clear:both;
	display: table;
	table-layout: fixed;
	overflow: hidden;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.imageCenter img {
	width: 100%;
	height: auto;
	margin: auto;
	display: block;
}
.imageCenter iFrame,.imageCenter object,.imageCenter embed {width: 100%; height: 320px;}

/* For simple photo slider within texts 
=========================================== */
.imageCenter ul {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding:0:
	list-style: none;
	text-align: right;
	background: transparent;
	cursor: pointer;
	line-height: 120%;
	z-index: 200;
}
.imageCenter li {
	display: inline-block;
	*float: left;
	padding: 0 4px;
	margin: 0 0 0 -5px;
	background: #000; 
	color: #eee;
	border: 1px solid #fff;
}
.imageCenter li.selected {
	background: #fff; 
	color: #000;
}

.imageRight {
	float: right; 
	margin: 4px 0 2px 12px; 
	max-width: 40%;
	text-align: center;
}

.imageRight img {width: 100%; height: auto; margin: 0 auto; display: block;}
.imageRight iFrame,
.imageRight object,
.imageRight embed {width: 100%; height: 240px;}

.imageLeft {
	float: left; 
	margin: 4px 12px 2px 0; 
	max-width: 40%;
}
.imageLeft img {width: 100%; height: auto; margin: 0; display: block;}
.imageLeft iFrame, .imageLeft object, .imageLeft embed {width: 100%; height: 240px;}

.imageCell {
	margin: 0; 
	width: 100%;
}
.imageCell img {width: 100%; height: auto; margin: 0; display: block;}
.imageCell iFrame, .imageCell object, .imageCell embed {background: transparent; width: 100%; height: 140px;}


/*	===================================================== 
	SCROLL PAGE
===================================================== */
div.scroll{
	position: fixed;
	bottom: 8px;
	right: 8px;
	height: 40px;
	width: 40px;
	cursor: pointer;
	color: #fff;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background: #000;
	z-index:9999;
	opacity:0.4;
	display: none;
}
div.scroll:hover{
	opacity: 1;
	font-size: 18px;
	line-height: 30px;
}



/* TABLE FOR ALL MENUS
*****************************************************/
.menuTableBG {}
.menuTableBG table {clear: both;}
.menuTableBG table th {background: none;}
.menuTableBG table td {
	vertical-align: top; 
	padding: 4px 8px; 
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.menuTableBG table td:first-child {padding: 1px; width: 150px;}
/* .menuTableBG table td img {width: 148px; display: block;} */
.menuTableBG table td img {
    width: 100%;
    display: block;
    height: auto;
}
.menuTableBG table td:nth-child(2) {width: 100%;}
.menuTableBG table td:last-child {background: #ddd;}

/* END
*/