@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,600,600i,700,700i');
html{font-size: 62.5%; }
body {width: 100%; margin: 0px;  outline: 0;}
body, .admin-content{letter-spacing:.01em; line-height:1.5; text-shadow: none; color: #000;  font-family: 'Nunito Sans', Verdana, Geneva, sans-serif; }
.body-page { background:#fff;}

.full-outer{ overflow-x: hidden}
.clearfix:after { content: ""; display: table; clear: both; }
/* 232 hide edit items */
.add-widget{display:none}
.delete-widget{display:none}
.grab-widget{display:none}
.grab{display:none}
.flex-order{display:none}
.area{ order: attr(data-mobile-order); }
.area-delete{display:none}
/* wysiwyg classes */
.size8 {font-size: .8rem}
.size9 {font-size: 1.2rem}
.size10 {font-size: 1.0rem}
.size11 {font-size:1.1rem}
.size12 {font-size: 1.2rem}
.size13 {font-size: 1.3rem}
.size14 {font-size: 1.4rem}
.size15 {font-size: 1.5rem}
.size16 {font-size: 1.6rem}
.size17 {font-size: 1.7rem}
.size19 {font-size: 1.9rem}
.size21 {font-size: 2.1rem}
.size23 {font-size: 2.3rem}
.size26 {font-size: 2.6rem}
.size28 {font-size: 2.8rem}
.size31 {font-size: 3.1rem}
.size35 {font-size: 3.5rem}
.size40 {font-size: 4.0rem}
.top5{margin-top: 5px !important}
.top10{margin-top: 10px !important}
.top15{margin-top: 15px !important}
.top20{margin-top: 20px !important}
.top25{margin-top: 25px !important}
.top30{margin-top: 30px !important}
.top35{margin-top: 35px !important}
.top40{margin-top: 40px !important}
.top45{margin-top: 45px !important}
.top50{margin-top: 50px !important}
.bottom5{margin-bottom: 5px !important}
.bottom10{margin-bottom: 10px !important}
.bottom15{margin-bottom: 15px !important}
.bottom20{margin-bottom: 20px !important}
.bottom25{margin-bottom: 25px !important}
.bottom30{margin-bottom: 30px !important}
.bottom35{margin-bottom: 35px !important}
.bottom40{margin-bottom: 40px !important}
.bottom45{margin-bottom: 45px !important}
.bottom50{margin-bottom: 50px !important}
.left5{margin-left: 5px !important}
.left10{margin-left: 10px !important}
.left15{margin-left: 15px !important}
.left20{margin-left: 20px !important}
.left25{margin-left: 25px !important}
.left30{margin-left: 30px !important}
.left35{margin-left: 35px !important}
.left40{margin-left: 40px !important}
.left45{margin-left: 45px !important}
.left50{margin-left: 50px !important}
.right5{margin-right: 5px !important}
.right10{margin-right: 10px !important}
.right15{margin-right: 15px !important}
.right20{margin-right: 20px !important}
.right25{margin-right: 25px !important}
.right30{margin-right: 30px !important}
.right35{margin-right: 35px !important}
.right40{margin-right: 40px !important}
.right45{margin-right: 45px !important}
.right50{margin-right: 50px !important}
.letter-spacing-0{letter-spacing: 0 !important}
.letter-spacing-1{letter-spacing: .01em !important}
.letter-spacing-2{letter-spacing: .02em !important}
.letter-spacing-3{letter-spacing: .03em !important}
.letter-spacing-4{letter-spacing: .04em !important}
.letter-spacing-5{letter-spacing: .05em !important}
.letter-spacing-6{letter-spacing: .06em !important}
.letter-spacing-7{letter-spacing: .07em !important}
.letter-spacing-8{letter-spacing: .08em !important}
.letter-spacing-9{letter-spacing: .09em !important}
.letter-spacing-10{letter-spacing: .10em !important}
.letter-spacing-11{letter-spacing: .11em !important}
.letter-spacing-12{letter-spacing: .12em !important}
.letter-spacing-13{letter-spacing: .13em !important}
.letter-spacing-14{letter-spacing: .14em !important}
.letter-spacing-15{letter-spacing: .15em !important}
.letter-spacing-16{letter-spacing: .16em !important}
.letter-spacing-17{letter-spacing: .17em !important}
.letter-spacing-18{letter-spacing: .18em !important}
.letter-spacing-19{letter-spacing: .19em !important}
.letter-spacing-20{letter-spacing: .20em !important}
.font-weight-normal{font-weight: normal !important}
.font-weight-semibold{font-weight: 600 !important}
.font-weight-bold{font-weight: bold !important}
.border-blue{border: 1px solid #000062 !important}
.border-gold{border: 1px solid #8B6838 !important}
.border-gray{border: 1px solid #ccc !important; padding: 3px}
.border-none{border: 1px solid #8B6838 !important}
.un-bold{font-weight: 100}
/*alignment */
audio.left{ float: left; margin:5px 15px 5px 0}
audio.right{ float: right; margin:5px 0px 5px 15px}
audio.center{ display: block; margin:5px auto}
img.left{ float: left; margin-right:15px}
img.right{ float: right; margin-left:15px}
img.center{ display: block; margin-left: auto; margin-right: auto}
iframe.left{ margin-left: 0; margin-right: auto}
iframe.right{ margin-left: auto; margin-right: 0}
iframe.center{display: block; margin-left: auto; margin-right: auto}
table.left{}
table.right{ float: right; }
table.center{ margin:0px auto}
.justify {text-align:justify; }
.left {text-align:left; }
.right {text-align:right; }
.center {text-align:center; }
p.justify {text-align:justify; }
p.left {text-align:left; }
p.right {text-align:right; }
p.center {text-align:center; }
/*elements */
h1{font-size: 2.5rem; line-height:1.3; margin: 15px 0; color: #600; font-weight:400; text-align: left ; }
h2{font-size: 1.8rem; line-height:1.3; margin: 15px 0; color: #600; font-weight:400; text-align: left }
h3{font-size: 1.7rem; line-height:1.3; margin: 15px 0; color: #600; font-weight:400; text-align: left }
h4{font-size: 1.6rem; line-height:1.3; margin: 15px 0; color: #600; font-weight:400; text-align: left }
h5{font-size: 1.5rem; line-height:1.3; margin: 15px 0; color: #600; font-weight:400; text-align: left }
h6{font-size: 1.4rem; line-height:1.4; margin: 15px 0; color: #600; font-weight:400; text-align: left }

.box p, .box h2, .box h3, .box h4, .box h5, .box h6, .box ul, .box hr{}

h1 a{color: #600;} 

p b, p strong{font-weight: 600 !important }
p:empty{  display:none }

p { font-size: 1.4rem; margin: 15px 0; text-align: justify;  padding: 0; }
hr{display: block; border: 0; height: 1px; background: #CCC; margin: 30px auto; max-width: 980px}
hr.medium{margin: 40px auto}



i{}
em{}
blockquote { font-size: 1.3rem; text-align: right; margin: 0 }
blockquote p{ font-size: 1.3rem; margin: 15px 0; text-align: right; }
table{ border-collapse: collapse}
td{font-size: 1.4rem; vertical-align:top; text-align: left; padding:0px; }
.underline{text-decoration: underline}
.hide{display: none}
a { outline: 0; }
a:active { color: #666677;  text-decoration: none; }
a:link { color: #666677;  text-decoration: none; }
a:hover { color: #999;  text-decoration: underline; }
a:visited { color: #666677;  text-decoration: none; }


h1 a{color: #600;} 
h1 a:active{color: #600;} 
h1 a:link{color: #600;} 
h1 a:hover{color: #600;} 
h1 a:visited{color: #600;} 




a.underline:link{text-decoration: underline}
a.underline:active{text-decoration: underline}
a.underline:visited{text-decoration: underline}
a.underline:hover{text-decoration: underline}
a.plain-link:link{color: #B0A986;}
a.plain-link:visited{color: #B0A986;}
a.plain-link:active{color: #B0A986;}
a.plain-link:hover{color: #B0A986;}
/*button links */
a.button-link{background-color:#2F97FF; padding:3px 8px; color:#FFF; font-size: 1.0rem; cursor:pointer; font-family:Verdana, Geneva, sans-serif}
a.button-link:link{text-decoration:none; }
a.button-link:active{text-decoration:none; }
a.button-link:visited{text-decoration:none; }
a.button-link:hover{text-decoration:none; background-color: #06F ; color:#FFF }
/* Structure */
.inner-container { width: 100%; padding: 225px 0px 20px 0px; margin: 0 auto ; }
.inner-container:after { content: ""; display: table; clear: both; }
.head{padding-top:0}
.header-top{
padding: 0;
position:absolute;
z-index: 2;
	width: 100%
}

h2 a { color: #600 !important }

.header-top p{}
.outer-container {background-color:#fff; position: relative}
.header-outer{background: #fff;
			  margin: 0 auto;
width: 600px;
height: 220px;
position:relative;
border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.header{ margin: 0 auto;
width: 600px;
}
.header-logo{width: 100%; }
.header td{height: 220px;}
.flags img{margin:0 4px; border: 1px solid #314357  }
.flags{line-height:1}
.banner { border-bottom:1px solid #CCC; }
.banner-en{ display: none}
.banner-es{ background-image: url("../images/banner-es.jpg"); }
.banner-de{ background-image: url("../images/banner-de.jpg"); }
.banner-pl{ background-image: url("../images/banner-pl.jpg"); }
.banner-nl{ background-image: url("../images/banner-nl.jpg"); }
.banner img{width: 100%; height: auto}
.top{height:81px; display: none}
.top img{display: block; margin: 0 auto}
.logo-outer{margin: 0; padding:20px 0; background: #fff; border-bottom: 1px solid #ccc;
}
.logo{margin: 0 auto 0 0;
padding: 0;
width: 320px;
vertical-align: middle;
height: 114px;


}

.logo img{margin: 0px auto; display: block;
width: 300px
}
.logo-circle{padding: 0; width: 230px;
vertical-align: middle;
}
.logo-circle img{margin: 0px 0px 0 20px; display: block;
width: 210px
}
.logo-text{padding: 0 10px 0 0; width: 400px;
vertical-align: middle;
}
.logo-text img{margin: 5px auto 0; display: block;
width: 320px
}
.head-description{vertical-align: middle;
padding: 0;
margin: 5px auto 0px

}
.head-description p{
	text-align: center;
letter-spacing: .09em;
}

.header td.head-info{padding: 7px; vertical-align:middle}
.head-info p{text-align: center; margin: 0;letter-spacing:.09em;}
hr.header-line{border-top: 1px solid #0f1d60; width: 90%; margin: 20px auto}
hr.short{margin-left: 20%; margin-right: 20%}
.share{ margin: 0 0 0 auto;
border-collapse: collapse;
width: 80px;
}
.share img{height: 25px;}
.share td{padding:0px 0 0 0px; margin:0;vertical-align:top;}
.share td p{display: inline-block;margin:7px 6px 7px 6px;vertical-align:top; text-align:right}
.share td .socialWidgetCore img, .socialWidgetCoreWhite img, .socialWidgetCoreGreen img{display:block !important; float:none !important; padding:0 !important; margin:0 !important}
/*MENU */
.separator { background-image: url("../images/menu-divider.png"); background-repeat: no-repeat; height:34px; width:1px } 
#menu-outer{margin:3px auto 10px; clear: both; width :1002px}
.menu-bar {display:table;  margin: 0 auto 0; vertical-align: top;width: 100%;}
.menu-bar br{display: none}
.menu-bar ul{display:table-row; margin:0px;text-align:center; list-style: none; padding:0;color: #314357; width: 100%}
.menu-bar .menu a{	white-space: normal; cursor: pointer !important; text-align:center; }
.menu-bar .menu a:link{	text-decoration:none}
.menu-bar .menu a:visited{text-decoration:none}
.menu-bar .menu a:active{text-decoration:none}
.menu-bar .menu a:hover{	text-decoration:none}
.menu-bar .menu li{display:table-cell; list-style: none; margin:0; padding:0; vertical-align: middle;}
.menu-bar .menu ul.registration-menu{display:none}
.menu-bar .menu ul.registration-menu li{display:none}
.menu-bar .menu ul.registration-menu li a{display:none}
/* Top Level */
.menu-bar .menu > li{margin-right:0px;list-style: none;background: transparent}
.menu-bar .menu > li > a{display: block;
padding: 2px 9px;
font-weight: 400;
font-size: 1.5rem;
letter-spacing: .05em;
color: #0f1d60 }
.menu-bar .menu > li:last-child > a{margin-right:0px }
.menu-bar .menu > li:hover > a{ text-decoration: underline}
#all-footer .menu-bar .menu > li > a{font-size: 1.2rem; color: #333; text-transform: none; text-shadow: none; font-weight: 400;}
/* Second Level */
.menu-bar .menu > li > ul{display:none;background-color: #fff;letter-spacing:.05em; border: 1px solid #CCC; border-top: none }
.menu-bar .menu > li:hover > ul{display:block;position:absolute; width:inherit; z-index:100;}
.menu-bar .menu > li:hover > ul li{position:relative; display:block; }
.menu-bar .menu > li > ul > li > a{display:block;font-size: 1.4rem;padding:5px 20px 5px 15px;border-top: 1px solid #CCC;background-image: url("../images/menu-bg-sub.jpg"); color:#000062; text-align: left }
.menu-bar .menu > li > ul > li:hover > a{background:#efefef}
.menu-bar .menu > li > ul > li > a{}
/* Third Level & beyond */
.menu-bar .menu > li > ul li > ul{display:none;background-color: #c3c3c3;font-size:13px;}
.menu-bar .menu > li > ul li:hover > ul{display:block;position:absolute;left:100%;top:0px;width:auto;}
.menu-bar .menu > li > ul > li ul > li{}
.menu-bar .menu > li > ul > li ul > li:hover > a{text-decoration:underline;  background:#fefefe}
.menu-bar .menu > li > ul > li ul > li > a{display:block;padding:5px 20px 5px 15px;border-top: 1px solid #CCC;border-left: 1px solid #CCC;white-space:nowrap;font-size: 14px;background-image: url("../images/menu-bg-sub.jpg"); color:#000062; }
.menu-bar .menu span{line-height: 1;vertical-align: text-top;}
.menu-bar .menu a.blank{cursor:pointer; color: #333333; text-decoration:none}
.menu-highlight{color:#600 !important; text-decoration: underline !important}
#all-footer .menu-highlight{color: #333 !important;}
#all-footer td{color: #333 !important;}
#all-footer .menu-bar .menu > li > ul{display: none !important}

.mobile-menu-inner{}

/* ---------------------------------Footer */

#footer  ul.menu{margin:0px;text-align:left; list-style: none; padding:0;color: #333333;font-size: 10px; letter-spacing:.07em }
#footer  ul.menu li.en{list-style: none;padding:2px 5px 2px 0; margin:0 8px 0 0}
#footer  ul.menu li.es{list-style: none;padding:2px 5px 2px 0; margin:0 13px 0 0}
#footer  ul.menu li.de{list-style: none;padding:2px 5px 2px 0; margin:0 15px 0 10px}
#footer  ul.menu li.pl{list-style: none;padding:2px 5px 2px 0; margin:0 13px 0 0}
#footer  ul.menu li.nl{list-style: none;padding:2px 5px 2px 0; margin:0 13px 0 0}
#footer  ul.menu li.gr{list-style: none;padding:2px 5px 2px 0; margin:0 13px 0 0}
#footer  ul.menu li.it{list-style: none;padding:2px 5px 2px 0; margin:0 13px 0 0}
#footer .menu li a{color:#333333;font-size: 10px;}
#footer .menu > li{float:left;margin-right:3px;list-style: none;}
#footer .menu > li > a{display:block; padding:2px 5px 2px 0;margin:0px;font-size: 12px; font-weight:600 }
/* Second Level */
#footer .menu li ul{display:block;padding:0;margin:0px;}
#footer .menu li ul li{display:block;}
#footer .menu li ul li ul li{display:block;padding-left:20px;}
#footer .menu a.blank{cursor: text; color: #333333; text-decoration:none}
/*general css classes */
.divider-full{width:500px ; margin:20px auto}
.divider-full img{ width: 100%; height:1px}
.no-indent { text-indent: 0 }
.border { border-top: 1px solid #CCC;  width:400px;  margin:0 auto; }
.quote { text-indent:0 !important;  margin: 3px 120px 3px 60px;  text-indent: 0;  font-style: italic; }
.quote br{display:none}
.dropcap{ float:left; font-size: 5.8rem; line-height:40px; padding-top:6px; padding-right:0px; }

.hidden{ }
.overflow { height: 200px;  width:100% }
p.small{ font-size: 1.2rem !important}
/*jq ui */
.ui-widget{font-size: 1.2rem !important; }
.ui-menu-item{font-size: 1.2rem !important}


/*popup */
#popup { background-color: rgba(0, 0, 0, 0.5); display: none; height: 5em; left: 0; position: absolute; right: 0; width: 5em; z-index: 11000; }
#popup-loading {left: 0; position: absolute; right: 0;z-index: 10500; background-color: rgba(0, 0, 0, 0.5);display: none; padding: 0px; text-align: center; vertical-align: middle; }
#popup-loading > div{ display: table-cell; padding: 20px; text-align: center; vertical-align: middle; background: url(/images/popup-loading.svg) no-repeat center}
#popup-inner { display: table-cell; padding: 20px; text-align: center; vertical-align: middle;  cursor:pointer;}
#popup-content { background-color: #f8f8f8; padding: 20px;  border-radius:.5rem;  margin:0 auto;  position: relative;   width:auto ;visibility: hidden}
.pop-content { overflow: auto; background: #fff; }
.popup-close{position: absolute; background: url(/images/popup-close.png) no-repeat top center; width: 35px; height: 35px; right: -15px; top: -15px}
/*classes */
.upcoming-classes p{margin:7px 0 !important}
.upcoming-classes ul{margin:7px 0 0px 15px; padding:0; list-style-image:url(/images/blue_dot.png); list-style-position: outside; text-align:left}
.upcoming-classes ul li{margin:0; padding:0; font-size: 1.3rem; }
.upcoming-classes .time{padding:0; margin:0 0 0 -3px !important; font-size: 1.3rem; }
.upcoming-classes .title{padding:0; margin:0 0 0 -3px !important; font-size: 1.3rem; font-weight: normal}
.upcoming-classes .tba{padding:0; margin:0 0 0 -3px !important; font-size: 1.3rem; }
.upcoming-classes .teacher{padding:0; margin:0; font-size: 1.3rem; font-style:italic}

/*classes players */
.one_player{ margin:0; padding-top:0px}
.date_s{ font-size: 1.3rem; font-weight: 600; margin: 0px 0 0 0px; }
.title_s{ font-size: 1.3rem; margin: 0px 0 0 0px; padding-bottom: 15px; }
.pl-track-date{ text-align:left; margin:0 0 5px 0 !important; font-size: 1.3rem; font-weight: 600 }
.pl-track-title{ text-align:left; margin:0 0 15px 0 !important; font-size: 1.3rem; }
.einssein-track-title{ text-align:left; margin:0 0 15px 0 !important; font-size: 1.3rem; }
.nl-track-title{ text-align:left; margin:0 0 15px 0 !important; font-size: 1.3rem; font-weight: bold}



/*--LAYOUTS*/
.layout-outer{ display: table; margin: 0px auto; padding-top: 10px; }
body.elastic .layout-outer{width: auto}
body.full-wide .layout-outer{width: 100%}
body.blank-no-header .layout-structure{width: 100%; display: block}

.layout-structure{display:table-cell; vertical-align: top; }
.column{background-color: transparent;}

.column-left { float: left;  margin-right: 15px;  width: 180px; }
.area{ margin: 0 auto;  margin-bottom: 0px; width:auto !important}
.unbox{ background-color: transparent;  background-image: none;  border: none;  margin: 0 auto;  margin-bottom: 0px;  width: auto;  }
.flex{}
.box { width: auto; }

.multibox { width: auto; }
.multibox-inner {padding-left: 75px}
.multibox-inner:after { content: ""; display: table; clear: both; }
.multibox .box-border{ margin: 10px 22px 10px;
min-height: 100px;
width: 222px;
float: left;}


.tribox { width: auto; }
.tribox-inner {padding-left: 20px}
.tribox-inner:after { content: ""; display: table; clear: both; }
.tribox .box-border{ margin: 0 17px 0px 0;
min-height: 100px;
width: 301px;
float: left;}

.dblbox { width: auto; }
.dblbox-inner {padding-left: 20px}
.dblbox-inner:after { content: ""; display: table; clear: both; }
.dblbox .box-border{ margin: 0 17px 20px 0;
background-color: #fff;
min-height: 100px;
width: 461px;
float: left;}



.small-box { width: 318px; }
.medium-box { width: 838px; }
.full-box { width: 988px; }
.box-top { display: none;font-size: 1.7rem;
line-height: 1;
margin: 0 0 15px 0;
padding: 0;
background-color: #0f1d60;
color: #fff;
font-weight: 600;
letter-spacing: .05em;}
.box-top p{display: block; margin: 0; padding: 8px 15px; font-size: inherit}
.box-top p:after { content: ""; display: table; clear: both; }
.box-top a { color: #fff !important; text-decoration:none; float: left }
.box-top a.box-top-more { float: right; font-size: 1.3rem; font-weight: 400; display: inline-block; margin-top: 2px;}
.box-top a:hover, a:selected, a:visited { color: #fff!important; text-decoration:none  }
.area-inner { border-bottom-left-radius: 4px;  border-bottom-right-radius: 4px;  font-size: 1.3rem;  padding: 10px;  text-align: justify;}
.box-top .bg-blue{}
.box-top .bg-orange{}
.box-top .bg-green{}
.box-top .bg-purple{}
.box-border { margin: 20px; padding: 0px 0;}
.box-border.bg-blue{}
.box-border.bg-orange{}
.box-border.bg-green{}
.box-border.bg-purple{}
.area-inner { font-size: 1.3rem;  padding: 0px;  text-align: justify; }
.area-inner:after { content: ""; display: table; clear: both; }
.area-inner p a{  }
.area-content p:first-of-type{margin-top:0}
.area-content p:last-child{margin-bottom:0}
.script{display:none}
.area-footer{font-size: 1.0rem; text-align:right; margin:0 10px 10px 10px; }
.box .area-inner {}
.unbox .area-inner { border-bottom-left-radius: 0;  border-bottom-right-radius: 0; font-size: 1.3rem;  khtml-border-radius-bottomleft: 0;  khtml-border-radius-bottomright: 0;  moz-border-radius-bottomleft: 0;  moz-border-radius-bottomright: 0;  padding: 0 !important;  margin: 0;  text-align: justify;  webkit-border-bottom-left-radius: 0;  webkit-border-bottom-right-radius: 0; }
.fullnav-box { width: 988px;  }
.fullnav-left{width:268px; display: table-cell; vertical-align: top; min-height: 550px; padding: 20px 0 30px 0}
.fullnav-left-inner{padding: 0px 10px 10px 10px; border-right: 1px solid #ccc }
.full-side-nav .box-border {display: table; width: auto}
.full-side-nav .area-inner-nav{ font-size: 1.3rem;  text-align: justify; }
.fullnav-right{display: table-cell; vertical-align: top; width: 680px}
.full-side-nav .area-inner{padding: 20px 20px 60px 20px}
#column-elastic .box .fullnav-right.area-inner{padding: 20px 20px 60px 20px}
.fullav-row{display: table-row}
.fullnav-left ul { font-size: 1.5rem; list-style: outside none none; margin: 10px 0 0; padding: 0; text-align: left; width: 100%; }
.fullnav-left ul a { cursor: pointer; }
.fullnav-left ul li { outline: 0 none; padding: 8px 0 8px 20px; text-decoration: none;  margin:4px 0;  text-transform: uppercase  }
.fullnav-left ul li:hover,selected {   }
.fullnav-left ul a:hover,selected { }
.fullnav-left ul li span{ font-size: 1.2rem; display: none}
.fullnav-left ul li a{ }

/* templates */
.wide-thin-table td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.wide-thin-table{width:940px; position:relative; max-width: 100%}
.wide-thin-table td:first-child{padding-right:60px; width: 67% }
.wide-thin-table td:last-child{padding-left:61px; width: 33%; }
.wide-thin-table td:first-child:after {width: 1px; top: 25%; bottom: 25%; left: 67%; background-color: #CCC; overflow: hidden; position: absolute; content:""}

.home-squares td{padding: 3px}

/*--home--*/
#outer-column-right{width:754px; float: left;}
#outer-column-left{width:754px; float: left;}
#column-left-small{width:198px; float: left; padding:0 ; background: #314357}
#column-right-medium{ }
#column-center-small{width:580px; float: left; padding: 0px 30px 0 81px }
#column-right-small{width:277px; float: left; padding: 0px 0px 0px 0 }
.column-small .area-content p{font-size: 1.3rem; margin: 10px 0}
.column-small .area-content p:first-of-type{margin-top:0}
.column-small .area-content p:last-child{margin-bottom:0}
/*--all--*/
#column-center-medium-newsletter{width:700px; margin:0px auto 0 auto; }
#column-center-medium{width:980px; margin:0px auto; }
#column-elastic{width:100%; margin:0 auto; }

#column-left-medium{width:655px; float:left; margin:0px 15px 0 0; }
#column-center-medium-newsletter .area-inner{padding:10px}
/*
#column-center-medium .area-inner{padding:30px 0px 90px 0px; width: 680px; margin: 0 auto;}
#column-elastic .box .area-inner{ padding: 10px 20px}
*/
.box .area-inner{width: 980px; padding: 0px 0 20px 0; margin: 0 auto; }
.unbox .area-inner{margin:0 }
.boxpad .area-inner{width: 680px;}



#column-left-medium .area-inner{}
#column-right-medium .area-inner{}
#column-elastic .area-footer{font-size: 1.0rem; text-align:right; margin:0 20px 10px 20px; }
.area-footer-inner{font-size: 1.0rem; text-align:right; margin:0 0px -10px 0px; }
.area-footer p{margin: 0; font-size: 1.0rem; text-align:right}
.full #column-elastic{width:100%; margin:0; }
.full #column-elastic .area-inner{ padding: 0 !important}
#page-footer{}
#page-footer .divider-full{height:1px; width:100%}
#all-footer{ margin:20px auto 0 auto; padding: 20px 0; }
#all-footer p{ text-align: center; font-size: 1.2rem}
#all-footer td{padding: 1px}
.footer-table{margin: 0 auto}
.footer-table td{vertical-align: middle; padding: 0 10px !important}
.footer-table p{display: inline-block; padding: 0 10px !important; margin: 0}
.footer-table .menu-bar {display:block; width: auto !important; margin: 8px auto;}
.footer-table img.miracle{width: 120px; margin: 0 30px 0 20px; border: none}
.footer-table.address-table{margin: 20px auto}

/*social media */
.social-media img{height: 25px; border: none; margin: 5px }
.menu-social-media{padding: 0px !important}
.menu-social-media img{height: 24px; border: none; margin: 0px 0; padding: 0px 7px}
#all-footer .menu-social-media{display: none}




/* collection */
.collection-footer-nav{display:table; width:100%; margin:20px auto 0 auto}
.collection-footer-nav div{display:table-cell; width:auto; padding:0 20px}
.collection-footer-nav div.left{text-align:left}
.collection-footer-nav div.right{text-align:right}
.collection-footer-nav{display:none}
/*audios collections*/
.audios{margin: 0 20px}
.audio_series img{width:80px; height: 80px; margin:0 20px 0 7px; border:1px solid #8B6838; }
.audio_series p.title{font-size: 2.3rem; font-weight: 600}
.audio_series{margin:0 0 20px 0}
.audio_list{margin:20px 0 40px 0; width: 100%}
.audio_list td{border-bottom:1px solid #CCC}
.audio_list td.td_nav{padding:30px 0 0 0; border-bottom:0px solid #CCC}
.audio_list td.date{padding:4px 5px 4px 20px; font-size: 1.3rem; width:110px; text-align:right}
.audio_list td.title{padding:7px 5px; font-size: 1.6rem; font-weight:bold; width:560px; line-height: 1.3}
.audio_main img{width:50px; margin:0 15px 0 0}
.audio_main td{padding:7px 0 7px 0; font-size: 1.7rem; font-weight:bold; white-space:nowrap}
.audio-small img{width:25px; margin:0 7px 0 0}
.audio-small td{padding:7px 0 7px 0; font-size: 1.3rem; text-align: left; }
.audios-show-list-small img{width:25px; margin:0 7px 0 0}
.audios-show-list-small td{padding:7px 0 7px 0; font-size: 1.3rem; text-align: left; }
.audios-show-list {margin: 0 auto}
.audios-show-list img{width:53px; margin:0 7px 0 0}
.audios-show-list td{padding:7px 0 7px 0; font-size: 1.5rem; text-align: left; }
.audio-player{width: 500px}
.audio-single{width:500px; margin:20px auto 40px auto}
.audio-single td{vertical-align:top}
.audio-single .title{padding:0 0 5px 0 }
.audio-single img{width:80px; margin:0 15px 0 0; border:1px solid #8B6838; }
.audio-single #title-edit{font-size: 2.1rem; font-weight:bold; margin:0; line-height:1.3; text-align: left}
.audio-single #title-edit p{margin:0; font-size: 2.1rem; }
.audio-single td.audio-title{vertical-align: middle}
.audio-single p.teacher{font-size: 1.5rem; font-weight:bold; margin:0}
.audio-single p.date{ margin:0px 0 0px 0}
.audio-single div.player{ margin:20px 0 10px 0; clear:both}
.audio-single p.description{margin:20px 0; text-align: left}
.audio-single p.download{text-align:right; margin-top:0px}
.audio-single #description-edit{text-align: left; margin:20px 0}
table.audio-single{margin: 15px auto 30px auto}
.audio-inner-left { float: left;  width: 310px;  margin-right:10px }
.audio-inner-left ul { margin: 10px 0 0 0px;  padding: 0;  list-style: none;  text-align:left;  font-size: 1.5rem }
.audio-inner-left ul li { margin: 4px 0px;  padding: 8px 0;  background-image: url("images/left-inner-menu-Luz.png");  background-position: left top;  background-repeat: repeat-y;  }
.audio-inner-left ul a li { color: #000062;  outline: 0;  padding-left:25px;  text-decoration: none;  background-image: url("images/left-inner-menu-light.png");  background-position: center top;  background-repeat: repeat-y; }
.audio-inner-left ul li:hover,selected { color: #000062;  outline: 0;  text-decoration: none;   background-image: url("images/left-inner-menu-hover.png");  background-position: left top;  background-repeat: repeat-y; }
.audio-inner-left ul a:hover,selected { color: #000062;  outline: 0;  text-decoration: none; }
.audio-inner-right { float: left;  margin-left: 50px;  width: 560px; }
/* contact*/
.inputbox{  }

form#contact-form td{padding: 5px}

form#contact-form td:first-child{font-weight: 600; text-align: right; white-space:nowrap; width :5% }
form#contact-form input[type="submit"]{ float: right; }
form#contact-form textarea {width: 100%; height: 15rem}
form#contact-form iframe{margin-top: 10px}
.email-message{font-size: 1.3rem; text-align: center}

.contact-table td{padding: 5px}
.contact-table td:first-child{font-weight: 600; text-align: right; white-space:nowrap; width :5% }

/* submit*/
#upload-form h5 { margin:0}
#upload-form h6 { margin: 5px 0 10px 0; }
#upload-form p { margin: 5px 0}
#upload-form input { }
#upload-form div.files {display: inline-block; margin-left:10px }
#upload-form div.files p{ margin: 0; color: #999}
form#upload-form table{display: block;}
form#upload-form tbody{display: block;}
form#upload-form tr{display: block}
form#upload-form td{display: block; padding: 15px 5px 20px 5px;  border-bottom:1px solid #ccc}
form#upload-form td:first-child{ text-align: left; }
form#upload-form input[type="text"]{ width: 70% }
form#upload-form input#url{ width: 100% }
form#upload-form input.files{ color: #999; margin-left:5px; display: none}
form#upload-form input[type="submit"]{ float: right; }
form#upload-form textarea {width: 100%; height: 8rem}
form#upload-form #files-profile-success{color: #038A03; margin-top: 10px; }
form#upload-form #files-cover-success{color: #038A03; margin-top: 10px}
form#upload-form #files-media-success{color: #038A03; margin-top: 10px}
form#upload-form .progress{display: none; margin-top: 10px}
form#upload-form td.submit-row{border-bottom: none}
form#upload-form td.submit-row iframe{margin-top:15px}
form#upload-form input[type="submit"]{
	color: #fff;
	border: none;
line-height: 2.6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #25cc51), color-stop(1, #26a32e));
background: -moz-linear-gradient(top, #25cc51 5%, #26a32e 100%);
background: -webkit-linear-gradient(top, #25cc51 5%, #26a32e 100%);
background: -o-linear-gradient(top, #25cc51 5%, #26a32e 100%);
background: -ms-linear-gradient(top, #25cc51 5%, #26a32e 100%);
background: linear-gradient(to bottom, #25cc51 5%, #26a32e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25cc51', endColorstr='#26a32e',GradientType=0);
background-color: #25cc51;
}
form#upload-form input[type="submit"]:hover{
color: #fff;
border: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #26a32e), color-stop(1, #25cc51));
background: -moz-linear-gradient(top, #26a32e 5%, #25cc51 100%);
background: -webkit-linear-gradient(top, #26a32e 5%, #25cc51 100%);
background: -o-linear-gradient(top, #26a32e 5%, #25cc51 100%);
background: -ms-linear-gradient(top, #26a32e 5%, #25cc51 100%);
background: linear-gradient(to bottom, #26a32e 5%, #25cc51 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26a32e', endColorstr='#25cc51',GradientType=0);
background-color: #26a32e;
}
.progress-bar span{margin-left: 10px}
<!--
/* @group Blink */
.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
/* @end */
-->
.menu-categories h1{text-align: center; margin-bottom:30px; text-decoration: none;  }
.menu-categories { border-top: 0px solid #ccc;position:relative}
.menu-categories .anchor{position:absolute; top: -60px}
/* collection articles */
.article-single .box-border{}
.article-single .article-content{margin: 0 auto; }
.article-pic{margin-bottom:20px}
.article-pic img {
    width: 500px; float: left;  border: 1px solid #CCC; 
}
.article-pic img:nth-child(2) {
   border-left: 0px solid #CCC; 
}


.articles-list-outer{padding: 0 0 0 20px}
.article-list{ width: 100%}
.home .article-list{ margin: 0 20px 0px 0;}
.article-list td{padding: 0px;}
.article-list-title span{font-weight: 400;
font-style: italic;
}
.article-list-pic a{  display: block; text-align: center; height: 130px ;  background: no-repeat center; background-size: cover}

/* box img frame */
.article-list-pic div { position:relative; padding: 0px;  height:0px;  overflow:hidden; padding-bottom: 100% !important ;  }
.aspect-16x9 { padding-bottom:56.25%; }
.aspect-4x3 { padding-bottom:75%; }
.article-list-pic div a{ position:absolute;  top:0;  left:0;  width:100%;  height:100%; }

.template .article-list-pic div{position: static; padding: 0px !important; height: auto}
.template .article-list-pic a{  display: block; text-align: center;position: static; max-height: 130px}
.template .article-list-pic img{
display: block;
width: 100% !important; height: auto !important}
.article-list td.article-list-para{ padding:10px 10px 0; vertical-align: top; }
.article-list-para p{margin:0; font-size: 1.1rem;}
.article-list-para p.date{display: none !important; font-size: 1.0rem; text-align:left; font-style:normal !important; margin:4px 0 4px 0}
.article-list-readmore p.readmore{font-size: 1.0rem; text-align:right; font-style:normal !important; margin:5px 0 0}
.article-list td.article-list-readmore{padding: 0 10px 10px 0}
.article-list img { }
.article-list-para .article-list-title{padding:00; text-align:left; color: #600;
margin: 0px 0 5px 0;
font-weight: 600;
display: block;
font-size: 1.2rem;}
/*Search*/
.search-div{margin:10px 0px 0 0}
.search-title{font-size: 1.7rem; font-weight: 600; margin-right:15px}
.search-div form{font-size: 1.2rem; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#00062; }
.search-div form input#find{width:244px; }
.search-div form input#submit_search{margin-left:7px}
.search-div .using select{}
.results-count{text-indent:0; margin-top:5px}
.searched-for{ text-indent:0; margin-bottom:5px }
.searched-for span{ font-style:italic}
.no-results{text-indent:0; }
.result-block { margin: 25px 0px 20px 0;  border-bottom: 1px solid #999;  padding-bottom:10px }
.result-heading {  }
.title-result { margin: 5px 0 0px 20px;  font-size: 1.5rem;  font-weight: 600;  }
.para-result { margin: 5px 0 5px 20px;  font-size: 1.4rem }
.result-heading .result-number{ font-size: 1.7rem }
.result-heading .heading { font-weight: 600;  font-size: 1.7rem }
.result-heading .matches { display:block;  font-size: 1.4rem;  font-weight: normal; margin-left:20px }
.search-div .block-indent{text-indent:0; margin: 5px 0 5px 40px}
.search-div .note{text-indent:0; margin: 5px 0 5px 40px}
.search-div .title{font-size: 1.6rem; font-weight: 600; margin:0; }
.search-div .prev{margin-right:15px}
.search-div .next{margin-left:15px}
.search-div p.search-label{font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; margin:0 0 5px 5px; font-size: 1.4rem; text-align:left; text-indent:0}
.search-form td.inputs{padding-right:7px}
/* Home newsbox (noticia) */
.newsbox{position: relative; margin: 15px 0}
.newsbox:first-child{margin-top:0; }
.newsbox:last-child{margin-bottom:5px; }
.newsbox .news-image{float: left}
.newsbox .news-image img.left{margin-right: 10px}
.newsbox .news-image img.right{margin-left: 10px}
.newsbox .news-image img{height: auto; width: 86px; max-width: 86px; border: 1px solid #8B6838; }
.column-small .area-content .newsbox p {margin:3px 0}
.newsbox h2 {font-size: 1.5rem; padding:0; margin:3px 0}
.newsbox h6{font-size: 1.5rem; margin:3px 0; text-align:left}
.newsbox p{margin:3px 0}
.newsbox .edit-this{display: none}
/* audio frame */
.audio-container.left{margin-right: auto; display: inline-block; }
.audio-container.center{margin-left: auto; margin-right: auto}
.audio-container.right{margin-left: auto; display: inline-block; }
.audio-container { position:relative;  padding-top:30px;  height:0;  overflow:hidden;  margin: 5px 0;  display: -block; }
.audio-container iframe{ position:absolute;  top:0;  left:0;  width:100%;  height:30px;  border: none;  display: block; }
audio{ margin: 5px 0;  width:100%; }
/* VIDEO */
/*vod */
#vod-player_logo {display: none; }
div.jwtext{font-size: 1.2rem !important}
#vod-player_display_button #vod-player_display_button_play{width:36px !important}
/* was 30px for 6.7*/
.jwdisplayIcon{ height:50px !important; /*other tweaks are in jwplayer.html5.js */
}
.jwhd .jwoverlay {white-space: nowrap !important; }
/*fixes 6.8 HD issue*/
/*VOD */
.vodsub{font-size: 1.2rem; }
.vodepisode{font-size: 1.2rem; }
.vodtitle{font-size: 1.3rem; font-weight: 600; }
.vod-titles{width: auto; text-align:left; margin-top:15px}
.vod-titles p{margin: 3px 0px !important; }
/* Video containers */
.video-wrapper.left{float: left; margin:5px 15px 5px 0}
.video-wrapper.center{margin:5px auto}
.video-wrapper.right{float: right; margin:5px 0px 5px 15px}
.width-200{ width: 200px}
.width-300{ width: 300px}
.width-400{ width: 400px}
.width-500{ width: 500px}
.width-640{ width: 640px}
.width-full{ width: 100%}
.vod-wrapper {background-color:#000000; }
.vod-wrapper video{ width: 100%; }
.vod-player{}

/* video frame */
.video-container { position:relative;  height:0px;  overflow:hidden; }
.aspect-16x9 { padding-bottom:56.25%; }
.aspect-4x3 { padding-bottom:75%; }
.video-container video{ position:absolute;  top:0;  left:0;  width:100%;  height:100%; }
.video-container .vod-player{ position:absolute;  top:0;  left:0;  width:100%;  height:100%; }
.video-container .vod-ad-img{ position:absolute;  display:block;  background-size: cover;  top:0;  left:0;  width:100%;  height:100%; }
.video-container .vod-ad-img .play{ background: #000 url(//themasterteacher.tv/images/play40-sprite.png) 0px -40px no-repeat; color: #fff; display:block; height: 40px; width: 40px; padding:0; position: absolute ; right: 10px; top: 10px; cursor: pointer }
.video-container .vod-ad-img .play:hover{ background: #000 url(//themasterteacher.tv/images/play40-sprite.png) 0px 0px no-repeat; }
.video-container iframe{ position:absolute;  top:0;  left:0;  width:100%;  height:100%; }
/* mobile video - for desktop views */
.mobile-video-wrapper{width: 100%; position:relative; background: #000 no-repeat; background-size: cover;  height:0px;  overflow:hidden;  padding-bottom:75%; }
.mobile-inner-wrapper{height: 100%; width: 100%; position:absolute;  top:0;  left:0;  width:100%;  height:100%; }
 .mobile-video-wrapper .play{ background: #000 url(//themasterteacher.tv/images/play60-sprite.png) 0px -60px no-repeat; color: #fff; display:block; height: 60px; width: 60px; padding:0; position: absolute ; right: 10px; top: 10px; cursor: pointer }
.mobile-video-wrapper .play:hover{ background: #000 url(//themasterteacher.tv/images/play60-sprite.png) 0px 0px no-repeat; }
.mobile-video{ display: table; width: 400px; height: 300px; }
.mobile-video{ display: table ;  width:100%;  height:100%; }
.mobile-video-inner{ display: none; background: url(//themasterteacher.tv/images/black-50.png) ; vertical-align: middle; height: 100%; }
.mobile-video a {font-family: Arial, Helvetica, sans-serif; font-size: 1.8rem !important; white-space: nowrap}
.mobile-video .quality{ display:block; margin:0 auto; width:40%; padding:10px; background: #efefef; color: #000; font-size: 1.1rem; text-align:center}
/* SCHEDULES */
.schedule{margin: 10px 20px}
.schedule img { float: left; vertical-align:text-top; width: 80px; margin: 0 20px 0 0px; border: 1px solid #8B6838; }
.schedule .schedule-header{margin-bottom: 20px}
.schedule .schedule-list{padding-left: 0px}
.schedule p { margin: 5px 0; }
.schedule li { list-style-type: none;  margin: 0px;  padding: 0px;  width: auto; }
.schedule p.class-times { margin: 10px 20px 0 0px;  display: block; }
.schedule p.class-title { margin: 0 20px 0 0px;  display: inline-block; }
.schedule p.class-teacher { margin: 0 20px 0 0px;  display: inline-block;  font-size: 1.2rem }


/* cd square */

.cd-container { position:relative;  height:0px;  overflow:hidden;  }
.aspect-16x9 { padding-bottom:56.25%; }
.aspect-4x3 { padding-bottom:75%; }
.aspect-1x1 { padding-bottom:100%; }
.cd-container .cd-box{ position:absolute;  top:0;  left:0;  width:100%;  height:100%; }
.cd-container .audiobox {position:absolute; bottom: 10px; z-index: 999}


/*Signup Home */
.signup-form {max-width: 400px}
.signup-form input[type="text"], .signup-form input[type="email"] {width: 100%}

/*-- MOBILE OVERRIDES -- */
.mobile-nav{display:none}
.mobile-header{display:none}
.banner-mobile{display:none}

/* Calendar */
#calendar-outer h5.calendar-quote{padding:0px; margin: 0; text-align: center; font-weight: 100; }
#calendar-outer h6.calendar-notice{padding:0px; margin: 30px 0 10px 0; text-align: center; display: block; width:776px; font-weight: 100; font-size: 1.6rem}
#calendar-outer h1.calendar-heading{padding:10px 0px 20px 0; text-align: center; display: block; margin: 0 ; font-size:2.6rem; font-weight: 100; text-transform:uppercase; }
#calendar-outer{ width:780px; margin: 0 auto}
.calendar.calendar-mobile{ display: none}
.calendar{border: 1px solid #ccc; width: 780px; height: auto; margin:0px; padding: 2px; }
.calendar td{padding:5px 10px 20px 10px; background-color: #efefef; color: #000062; border:1px solid #fff; vertical-align: top}
.calendar span{font-size: 1.2rem; }
.calendar .day span{color: #AB8F18}
.calendar .day{position: relative; font-size: 6.4rem; line-height: 1; text-align:center; }
.calendar .day .dayname{position: absolute; bottom: 0; left: 0; display: block; margin:7px; font-weight: 700; display: none; }
.calendar .day .year-no{position: absolute; bottom: 0; right: 0; display: block; margin:7px; font-weight: 700}
.calendar .after{ vertical-align:middle; text-align:center; padding: 5px}
.calendar .after span{display: none}
.calendar .before{ vertical-align:middle; text-align:center; padding: 5px}
.calendar .before span{display: none}
.calendar .before span.border{display: block}
.calendar .border{position:absolute; height:1px; width: 110px; top:0; left: 0; background-color: #000}
.calendar td a{text-decoration: none; color: #000062}
.calendar td.today a{text-decoration: none; color: #DEB730; }
.calendar td.day:hover{background:#f8f8f8}
.calendar .heading-days{ height: auto; font-weight: 100; padding:5px; color: #DEB730; border:none; background: linear-gradient(#223593, #04065b); font-size:2.2rem; text-transform:uppercase; text-align:center; width: 12% }
.calendar .heading-row{background: linear-gradient(#223593, #04065b)}
.calendar .this-day{color: #FFF; }
.calendar .today { color: #DEB730; background: linear-gradient(#223593, #04065b); }
.calendar .today .dayname{color: #DEB730}
.calendar .today .year-no{color: #DEB730}
#calendar-outer h5.top-quote{display: none; }
#calendar-outer h5.top-quote span{}
#calendar-outer #quote{display: none}
#calendar-outer #filler{position: absolute; top:0px; left: -1px; z-index: 100; display: table; border:1px solid #000; }
#calendar-outer #quote-mobile{display: none}
#calendar-outer #quote span{display: block; font-size:2.2rem; font-weight: 100; font-style:italic; font-family:"Times New Roman", Times, serif }
.calendar-single{max-width: 610px; margin: 20px auto}
.calendar-single img{width: auto; display: block; margin:auto; max-width: 610px }
.calendar-single p{ text-align: center; text-indent:0; font-size: 1.6rem}
.calendar-nav .left{float: left}
.calendar-nav .right{float: right}
.calendar{display: table ; }
.calendar .row{display: table-row; }
.calendar .row > div{display: table-cell ; }
/* copyright */
.copyright{ font-size: 1.2rem; text-indent:0px !important; text-align: center; margin:60px 0 10px 0px}
.publisher{text-indent: 0 !important; text-align: center; font-size: 1.1rem}
/* error */
.page-request-error{ text-align: center; margin: 50px auto !important; font-size:1.6rem}

/*forms */
/* reset buttons */
input[role="button"],input[type="submit"],input[type="reset"],input[type="button"],button, select, .button {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* Reset `button` and button-style `input` default styles */
input[type="submit"],input[type="reset"],input[type="button"],button, select, a.button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
input{-webkit-appearance: button; /* for input */}
input::-moz-focus-inner, button::-moz-focus-inner, select::-moz-focus-inner, a.button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input, textarea, select, a.button{display:inline-block; vertical-align: top; line-height: 2.5rem; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.2rem; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
.area textarea, .area input[type="text"], .area input[type="email"], .area .button {
    width: auto;
    border: 1px solid #CCC;
    padding: 0px 6px;
	line-height: 2.5rem;
	color: #000;
}
.area textarea{ padding: 6px; line-height: 1.4; height: 5rem; }
select{height: 2.5rem; }
input[type="submit"], input[type="button"], a.button{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.3rem;
	line-height: 2.5rem;
	cursor:pointer;
	padding: 0px 17px;
	text-decoration:none;
	margin:0 0 0 0px;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	
	color:#333;
	text-shadow:0px 1px 0px #ffffff;
	border:1px solid #d1d1d1;
text-decoration: none;
}
input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {
	color: #000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	
	text-decoration: none;
}

/*prettyselect */
.prettySelectNative, .prettySelect{height: auto; font-size: 1.3rem; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; width: 100%;}
.prettySelectNative, .prettySelect, select{line-height: 2.5rem; text-align:center; text-align-last:center; outline: 0; border: none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor: pointer; 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	color:#333;
	text-shadow:0px 1px 0px #ffffff;
	border:1px solid #d1d1d1;}
.prettySelect{display:inline-block; vertical-align: top; position:relative; padding: 0; }
.prettySelect .arrow{display: table-cell; width:23px; text-align:center}
.prettySelect .arrow .arrow-img{height:8px; width:8px; background: url(/images/pretty-select-arrow-12-gray.png) no-repeat center; display: block; float: right; margin-right: 8px; background-size: cover }
.prettySelect .selectBox{ display:table-cell; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 0 0 5px; height:100%; font: inherit; text-align: left;  text-align-last: left;}
.selectBoxRow{display: table; width: 100% }
.prettySelect li{font: inherit; text-align: left; text-align-last: left; border-bottom: 1px solid #fff; border-top: 1px solid #fff; color:#666666; background: #F4F4F4; }
.prettySelect li span{padding: 0px 5px; line-height: 2; background-color: #fff; vertical-align: middle; display: block}
.prettySelect:hover, .prettySelect.expanded, select:hover{
	color: #000;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
	border:1px solid #d1d1d1;}
.prettySelect ul{position: absolute; top: 40px; left: 0; width: 100%; padding: 0; margin: 0; list-style-type: none; max-height: 260px;
overflow: auto; border: 1px solid #d1d1d1}
.prettySelect li {list-style-type: none; cursor: pointer}
.prettySelect li:hover{color: #000; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; background: #E9E9E9}

/* email */
.alert{color: #f00}
.message{text-align: center; font-size: 1.4rem}
/*slideshow*/
#slider-wrapper{position: relative; padding: 0 40px; margin: 20px 0 !important}
.slide-hidden{display: none}
#my-thumbs{overflow: hidden; }
#my-thumbs-list{display: table}
#my-thumbs-list img{height: 60px; margin: 0 2px; border: 1px solid #deb730; }
#my-thumbs-list a{opacity: .8}
#my-thumbs-list a:hover{opacity: 1}
#my-thumbs ul { display: table-row; }
#my-thumbs li { display: table-cell; }
#slider-left img{width:26px; display: block; margin:0 auto}
#slider-right img{width:26px; display: block; margin:0 auto}
#slider-left span{display: table-cell; vertical-align:middle}
#slider-right span{display: table-cell; vertical-align:middle}
#slider-left {width:26px; height: 60px; position: absolute; left: 8px ; top: 0px; display: table }
#slider-right {width:26px; height: 60px; position: absolute; right: 8px ; top: 0px; display: table }
#slider-left img{-webkit-user-select:none; -webkit-touch-callout:none; }
#slider-left:hover{opacity: .5}
#slider-right img{-webkit-user-select:none; -webkit-touch-callout:none; }
#slider-right:hover{opacity: .5}
#my-thumbs-list a{cursor: pointer}
#slide-display{ margin: 20px 0}
#slide-display img{}
#slide-display p{margin:20x auto; }
.slideshow-a{width: 100%; max-width: 100%; border-collapse: collapse; height: auto !important}
.slideshow-a td.column-one{padding: 20px; vertical-align: top; }
.slideshow-a td.column-one img{display: block; margin-bottom: 30px; border: 1px solid #deb730; display: block; max-width: 500px; max-height: 500px; border: 1px solid #deb730; }
.slideshow-b td.column-one img{display: block; margin-bottom: 30px; border: 1px solid #deb730; display: block; max-width: 500px; max-height: 500px; border: 1px solid #deb730; }
.slideshow-b td.column-one {padding: 20px 0px 20px 20px; width: 10%; vertical-align: top; }
.slideshow-b td.column-one img{}
.slideshow-b td.column-two{ padding: 20px; vertical-align: middle}

/*mosaic 
.mosaic{margin-top: 10px; -moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4; column-gap: 7px; -webkit-column-gap: 7px; -moz-column-gap: 7px;}
.mosaic-box{display: inline-block; width: 238px; margin-bottom: 14px;  box-shadow: 4px 4px 12px rgba(0,0,0,0.1);border: 1px solid #D7C589; background: #fff}
.mosaic-box td{padding: 0px; vertical-align: top}
.mosaic-box .video-wrapper.center {margin: 0px auto;}
.mosaic-box .video-wrapper.left {margin: 0px auto;}
.mosaic-box .video-wrapper.right {margin: 0px auto;}
.mosaic-box div{ max-width: 100%;}
.mosaic-box div img{ width: 100%; height: auto; margin: 0px !important}
.mosaic-box h3{ font-size: 1.5rem; line-height: 1.3; margin: 10px}
.mosaic-box p{ text-align: left; margin: 0 10px}
.mosaic-box p:first-of-type{margin-top: 10px}
.mosaic-box p:last-child{margin-bottom: 10px}
.mosaic-box p.more{text-align: right; font-size: 1.1rem}
.mosaic-box p.profile{text-align: left; font-size: 1.2rem}
.mosaic-box p.profile img{width: 20px; height: auto; vertical-align: middle; margin-right: 5px}
.mosaic-box p.location {
    text-align: right;
    font-size: 1.1rem;
}
*/

/* fb widget */
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; height: 400px !important; 
}

/* edit override */
.edit-outer #column-center-small{width: 479px !important}
.edit-outer #column-right-small{width: 295px !important}
.edit-outer #column-right-medium{width: 754px !important}
.edit-outer #column-elastic{width: 980px !important}
.edit-outer .area {margin-bottom:10px !important; background: #fff; padding: 10px}

.edit-outer .box{width: 1020px !important}
.edit-outer .boxpad{width: 720px !important}

.edit-outer .area-footer{visibility: none !important}
.edit-outer .box .area-content { margin: 9px auto !important;}
.edit-outer #column-elastic .unbox .area-inner{padding: 0px !important; margin: 0px !important}
.edit-outer #column-elastic .box .area-inner{padding: 0px !important; margin: 9px 19px !important}
.edit-outer #column-elastic .boxpad .area-inner{width: 680px !important; margin: 30px auto 50px !important; }
.edit-outer #column-elastic .dblbox .area-inner{padding: 0px !important}
.edit-outer #column-elastic .tribox .area-inner{padding: 0px !important}
.edit-outer #column-elastic .multibox .area-inner{padding: 0px !important}
.edit-outer #column-elastic .box .fullnav-right.area-inner{padding: 20px 18px 60px 18px !important}
.edit-outer.article-edit .area{background: #fff}

.edit-outer hr::before {
    content: "HORIZONTAL RULE";
	font-size: 1rem !important;
}


body#blank-no-header .edit-inner{width: 100%}
body#full-wide .edit-inner{width: 100%}
body#elastic .edit-inner{width: 100%}
body#elastic .column{width: 100% !important }
body#elastic .area{width: -moz-fit-content !important; min-width: 50px }



/* edit test 
.edit-box .thumbnail .suggestion:before {
  content: "600px x 280px image, (15:7 ratio)";
}
*/