* { box-sizing: border-box; line-height: 1.2; }
html { height: 100%; }
body { color: #ffffff; padding: 10px; margin: 0px; text-align: center; font-family: arial; font-size: 90%; background-size: cover; background-color: #9932cd; background-image: url(/images/Wufq0jeOiNA32KfSNVPR0zk0qo.png); background-attachment: fixed; background-position: center center; }
a { color: #ffffff; }
p { padding: 0px 0px 10px 0px; margin: 0px; }
form, fieldset { border: none; padding: 0px; margin: 0px; }
button, a.button, .nav_linklist a, input[type=button], input[type=submit] { display: block; width: 100%; max-width: 300px; background-color: #ff00ff; border-radius: 10px; color: #ffffff; padding: 10px 20px 10px 20px; margin: 20px auto 20px auto; border: none; cursor: pointer; font-family: 'Permanent Marker', cursive; font-size: 200%; text-decoration: none; }
input[type=text], textarea { border: none; padding: 5px; font-size: 120%; font-family: arial; width: 100%; max-width: 100%; margin: 5px 0px 5px 0px; }
textarea { height: 100px; }
select { padding: 5px; font-size: 120%; font-family: arial; width: 100%; max-width: 100%; margin: 5px 0px 5px 0px; }
ul, ol { padding: 0px; margin: 0px; }
li { padding: 0px; margin: 0px; list-style-type: none; }
video { max-width: 100%; height: auto; }
table { border-spacing: 0px; }
td, th { padding: 0px; }


.layoutoverlay { top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.layoutcredits { font-size: 80%; padding: 20px 0px 0px 0px; clear: both;  }
.layoutcredits .beachshore { text-align: center; }
.hidden { display: none; }
.divider { display: block; height: 0px; clear: both; }
.feat_quiz { max-width: 800px; margin: 0px auto 0px auto; }

table { width: 100%; font-size: 120%; margin-bottom: 50px; }
table.scores tbody tr, table.scores tfoot tr { height: 80px; }
table th { background-color: #ff00ff; }
table td { background-color: rgba(0,0,0,0.5); border-bottom: solid #ffffff 1px; }
table th, td { padding: 5px 10px 5px 10px; }
table .left { text-align: left; }
table .centre { text-align: center; }
table .right { text-align: right; }
table .score { font-size: 200%; }
table .score button { padding: 5px 10px 5px 10px; font-size: 75%; margin: 0px; display: inline; width: auto; }

h1 { font-family: 'Permanent Marker', cursive; font-size: 400%; padding: 0px 0px 20px 0px; margin: 0px; }
h2 { font-size: 150%; padding: 0px 0px 15px 0px; margin: 0px; }
h3 { font-size: 120%; padding: 0px 0px 10px 0px; margin: 0px; }

/*
h1 span:nth-child(5n+1) { color: red; }
h1 span:nth-child(5n+2) { color: orange; }
h1 span:nth-child(5n+3) { color: yellow; }
h1 span:nth-child(5n+4) { color: green; }
h1 span:nth-child(5n+5) { color: blue; }
*/

.event_list { background-color: rgba(255,255,255,0.8); text-align: left; max-width: 500px; padding: 20px; border-radius: 10px; margin: 20px auto 20px auto; color: #000000; }
.event_list li { clear: both; padding: 5px 0px 0px 0px; }
.event_list .date { float: left; width: 25%; }
.event_list .time { float: left; width: 20%; }
.event_list .name { float: left; width: 55%; }

.feat_countdown { font-weight: bold; font-size: 150%; }
.feat_countdown div { display: inline-block; padding: 0px 10px 0px 10px; }
.feat_countdown .text { display: block; font-weight: bold; }

@media( max-width: 799px )
{
	body { font-size: 80%; }
	h1 { font-size: 200%; }
}

@media( max-width: 449px )
{
	.feat_countdown div { padding: 5px 10px 5px 10px; display: block; }
}

.instructions { background-color: rgba(255,255,255,0.8); text-align: left; max-width: 500px; padding: 20px; border-radius: 10px; margin: 20px auto 20px auto; color: #000000; }
.instructions a { color: #9932cd; }
.instructions ol { padding: 0px 0px 0px 30px; }
.instructions ol li { padding: 5px 0px 5px 0px; list-style-type: decimal; }

.homejoin { max-width: 500px; margin: 0px auto 0px auto; }
.homejoin .text { clear: both; }
.homejoin .form { padding: 20px; background-color: rgba(0,0,0,0.5); border-radius: 10px; margin: 20px 0px 20px 0px; }
.homejoin input[name=firstname] { width: 49%; display: block; float: left; }
.homejoin input[name=surname] { width: 49%; display: block; float: right; }
.homejoin .form .create, .homejoin .form .join { padding: 20px 0px 0px 0px; }

.homeclosed { margin: 20px auto 20px auto; max-width: 500px; padding: 20px; border-radius: 10px; }


.util_video { padding: 0px 0px 20px 0px; }


body.section14 { padding: 0px; }

.feat_quizadmin { font-size: 80%; }
.feat_quizadmin .header { background-color: #ff00ff; height: 40px; font-size: 120%; padding: 0px 10px 0px 10px; }
.feat_quizadmin .header .time { float: left; width: 25%; line-height: 40px; text-align: left; }
.feat_quizadmin .header .eventname { float: left; width: 50%; line-height: 40px; text-align: center; }
.feat_quizadmin .header .zoom { float: left; width: 25%; line-height: 40px; text-align: right; }

.feat_quizadmin .leftcolumn { padding: 10px; clear: left; }
.feat_quizadmin .rightcolumn { padding: 10px; }

.feat_quizadmin button { font-family: arial; font-size: 100%; padding: 5px; border-radius: 5px; margin: 0px; }
.feat_quizadmin .open { background-color: #00aa00; padding: 5px; border-radius: 5px; display: inline-block; }
.feat_quizadmin .closed { background-color: #ff0000; padding: 5px; border-radius: 5px; display: inline-block; }

.feat_quizadmin #ranking .roundscore:hover { cursor: pointer; background-color: #ff00ff; }

.feat_quizadmin #ranking .section1 { background-color: rgb(255,215,0,0.8); }
.feat_quizadmin #ranking .section2 { background-color: rgb(192,192,192,0.8); }
.feat_quizadmin #ranking .section3 { background-color: rgb(176,141,87,0.8); }
.feat_quizadmin #ranking .sectionlast { background-color: rgb(0,0,0,0.8); }

@media (max-width: 600px)
{
	.feat_quizadmin .header .time { display: none; }
	.feat_quizadmin .header .eventname { width: 75%; text-align: left; }
}

@media (min-width: 1400px)
{
	.feat_quizadmin .leftcolumn { float: left; width: 25%; }
	.feat_quizadmin .rightcolumn { float: right; width: 75%; }
}


/* Survey */

.surv_standard { max-width: 400px; margin: 0px auto 0px auto; }

.formbuilder .label { font-weight: bold; padding: 0px 0px 10px 0px; }
.formbuilder .field { padding: 20px 0px 0px 0px; } 

.fbdropzone { text-align: left; cursor: pointer; display: block; height: 180px; width: 100%; background-image: url(/images/6YQbh7zV96AIwivbLGD8.svg); background-position: center center; background-repeat: no-repeat; background-color: #ffffff; padding: 20px; } 
.fbdropzone * { color: #000000; }
.formbuilder .dz-image { display: none; }
.formbuilder .dz-preview { background-color: #ffffff; height: 140px; }
.formbuilder .dz-progress { display: block; height: 20px; background-color: #9932cd; margin: 0px 0px 10px 0px; }
.formbuilder .dz-upload { display: block; height: 20px; background-color: #ff00ff; }
.formbuilder .dz-size { padding: 0px 0px 10px 0px; }
.formbuilder .dz-filename { padding: 0px 0px 10px 0px; }
.formbuilder .dz-preview .dz-success-mark, .formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-success .dz-success-mark { display: block; float: right; width: 54px; height: 54px; background: #ff00ff; border-radius: 29px;  }
.formbuilder .dz-success .dz-progress, .formbuilder .dz-error .dz-progress { display: none; }
.formbuilder .dz-error .dz-error-mark { display: block; float: right; width: 54px; height: 54px; background: #ff00ff; border-radius: 29px; }
.formbuilder a.dz-remove { color: #ff00ff; font-weight: bold; }

.ui-dialog-titlebar { background: #9932cd; color: #ffffff; }



/* Christmas */

/*
body { color: #ffffff; background-color: #26003d; background-image: url(/images/E1oLxroUgFxyTIHtdLyU1hc0xc.jpg); padding-top: 50px; background-position: center 200px; background-repeat: no-repeat; }
.homejoin .form, .homeclosed, .instructions, .feat_countdown, .event_list, table { background-color: rgba(0,0,0,0.7); background-size: cover; background-position: center center; color: #ffffff; }
table td { background: none; }
.homejoin .form, .homeclosed, .instructions, .feat_countdown, .event_list { max-width: 500px; padding: 20px; border-radius: 10px; margin: 20px auto 20px auto; }
.homejoin .form, .homeclosed, .instructions a { color: #ffffff; }
h1 span { background-image: url(/images/J4liKFNydZ5bhvOJqAj20dw0dw.png); background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 25px; color: #ffffff; padding: 20px 20px 10px 20px; font-family: 'Courier New'; text-transform: uppercase; }
.feat_quizadmin h2 { color: #ffffff; }
.feat_quizadmin .header h2 { color: #ffffff; }

.lightrope { position: absolute; top: 0px; left: 0px; box-sizing: border-box; }
.section14 .lightrope { top: 40px; }
.feat_quizadmin .header { margin-bottom: 50px; }

@media( max-width: 799px )
{
	h1 span {background-size: 35px;font-size: 20px; padding: 20px 15px 10px 15px; line-height: 45px;}
}
*/

/* Halloween */
/*
body { background-color: #000000; background-image: url(/images/Dybe5SVIVAwdYNjb9Ult3uw2w6.jpg); }
.homejoin .form, .homeclosed, .instructions, .feat_countdown, .event_list, table { background-color: rgba(0,0,0,0.5); background-image: url(/images/hwXKCZvQnBpo9AED674715o15m.png); background-size: cover; background-position: center center; color: #ffffff; }
table td { background: none; }
.homejoin .form, .homeclosed, .instructions, .feat_countdown, .event_list { max-width: 500px; padding: 20px; border-radius: 10px; margin: 20px auto 20px auto; }
.homejoin .form, .homeclosed, .instructions a { color: #ffffff; }
h1 span { background-image: url(/images/foEpkVFyZoe2gwmcuS2y09w0ad.png); background-size: 45px; background-position: center center; background-repeat: no-repeat; font-size: 25px; color: #dddd00; padding: 20px 20px 10px 20px; font-family: 'Courier New'; text-transform: uppercase; }
.feat_quizadmin h2 { color: #ffa500; }
.feat_quizadmin .header h2 { color: #ffffff; }

@media( max-width: 799px )
{
	h1 span {background-size: 35px;font-size: 20px; padding: 20px 15px 10px 15px; line-height: 45px;}
}
*/

/* Harry Potter */
/*
body { color: #e3a000; background-color: #000000; background-image: url(/images/5bXRtnBSdgOMQEnDxn0c0sg0lc.jpg); }
a { color: #e3a000; }
table th { background-color: #9c1203; }
.feat_quizadmin .header { background: none; }
.feat_quizadmin .header .eventname { visibility: hidden; height: 120px; }
.instructions a { color: #9c1203; }
.feat_quizadmin .open { background-color: #033807; }
.feat_quizadmin .closed { background-color: #9c1203; }
button, a.button, .nav_linklist a, input[type=button], input[type=submit] { background-color: #9c1203; }
.ui-dialog-titlebar { background-color: #2d004d; }
.introduction strong { color: #ffffff; }
.feat_quizadmin #ranking .roundscore:hover { background-color: #2d004d; color: #ffffff; }
*/


/* Poppins */
/* Red - d81124, Green - 018137 */

/*
body.section13 { color: #000000; background-image: url(/images/FIcVbMFMGuZZRmyXN0Vp1hc0u0.jpg); background-color: #ffffff; }
body.section13 .layoutcredits, body.section13 .layoutcredits a { color: #ffffff; }
body.section13 a, body.section13 h1, body.section13 h2 { color: #d81124; }
body.section13 button, body.section13 a.button, body.section13 .nav_linklist a, body.section13 input[type=button], body.section13 input[type=submit] { background-color: #d81124; color: #ffffff; }
body.section13 .homejoin .form, body.section13 .homeclosed { background-color: rgba(255,255,255,0.8); }
body.section13 input[type=text] { border: solid #000000 1px; }
body.section13 .feat_countdown { max-width: 500px; padding: 20px; background-color: rgba(255,255,255,0.8); border-radius: 10px; margin: 20px auto 20px auto; }
body.section13 table th { background-color: #018137; color: #ffffff; }
body.section13 table td { background-color: rgba(255,255,255,0.8); border-bottom: solid #000000 1px; }
*/