body, html { width:100%; margin: 0; padding: 0; }
body { margin-top: 130px; -webkit-text-size-adjust: 100%; font-family: 'Roboto', sans-serif; font-weight: 300; background-color: #fff; color: #666; text-align: center; }
body, p, div { font-size: 14px; }

div { box-sizing: border-box; }

.strong { font-weight: 700; }
.thin { font-weight: 300; }
.em { font-style: italic; }

h1 { font-weight: 400; font-size: 2.5em; }

a img { border: 0; }

a { text-decoration: none; color: inherit; }
a.underline { text-decoration: none !important; border-bottom: 1px #ccc solid; }

.white { color: #ffffff !important; }
.blue { color: #081e54 !important; }
.red { color: #f85d5d !important; }

.content-area { width: 1380px; margin: 0 auto; padding: 0; }

#header { position: fixed; width: 100%; top: 0; background-color: #0a0a3c; padding: 2em 2em 1em 2em; z-index: 10 !important; }
#header #forum-logo, #header #forum-menu { display: table-cell; white-space: nowrap; }

#header #forum-menu { font-weight: 300; color: #e5e5e5; text-align: right; }
#header #forum-menu .menu-item { display: inline; font-size: 1.1em; padding: .4em; }
#header #forum-menu .menu-item a.active { font-weight: 700; border-bottom: 3px #f85d5d solid; }

#content { min-height: 600px; }
#content #home-bnr { background-image: url('../img/h/6thArbitrationForum.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; }

#footer { background-image: url('../img/f/6thArbitrationForum.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top right; padding: 2em 2em 3em 2em; }
#footer h2, #footer div { color: white; text-align: center; }
#footer h2 { font-size: 1.75em; }
#footer div { font-weight: 400; font-size: 1.2em; margin-bottom: .5em; }

.white-area { background-color: white; padding: 2em 1em 3em 1em; }
.light-area { background-color: #f9f8f8; padding: 2em 1em 3em 1em; }

.asterisk { vertical-align: super; font-weight: 700; color: #b73226; }
.asterisk-txt { font-weight: 700; color: #b73226; }

h1#section-header { margin-top: 5em; text-align: center; }

div.spnsr { display: inline-block; margin: 2em; vertical-align: middle; }
div.spnsr img { max-width: 175px; margin-top: 1em; }
div.spnsr.golden img { max-width: 300px; }
div.spnsr.silver img { max-width: 270px; }
div.spnsr.bronze img { max-width: 235px; }

/* form (start) */
form div.form-label, form div.form-label-left { padding: .4em; }
form div.error-msg { font-size: .95em; color: #aa2323; padding: .5em; text-align: left; height: 1.5em !important; }

label, .label { display: block; line-height: 1.5em; }
label.mandatory { font-weight: 700; color: #303030; opacity: 1; }
div.form-value { display: inline-block; line-height: 1.5em; }
div.form-info { margin: .2em 0; opacity: .75; font-style: italic; font-size: .9em; }

form input.text, form textarea, form select { font-size: 1em; }
form input.text, form textarea { color: #444; border: 1px #d2d2d2 solid; padding: .4em .5em; }
form textarea { font-family: 'Roboto', sans-serif !important; }
form select { padding: .4em .5em; color: #444; border: 1px #d2d2d2 solid; }

form input.full-width, form textarea.full-width { width: 90% !important; }
form div.text { background-color: white; border: 1px #d2d2d2 solid; padding: .1em; }

form input.invalid-input { background-color: #f5f5f6; }

button, input.button { font-size: 1.1em; font-weight: normal; padding: .4em 2.5em; margin: 0 .2em .2em 0; }
button.normal, input.normal-btn { background-color: #fff; color: #777; border: 1px #ccc solid; }
button.action, input.action-btn { background-color: #717c7e; color: #dedede; border: 1px #717c7e solid; }
button.reset, input.reset-btn { background-color: #a4b9cc; color: #fff; border: 1px #a4b9cc solid; }
/* form (end) */

/* Speakers (start) */
.group-selector { display: inline-block; margin: 0 1em; }
.group-selector h3.selected { border-bottom: 3px #60C2A9 solid; }

.speaker-area { display: inline-block; text-align: center; vertical-align: top; padding: 1em; margin: .5em; }
.speaker-area .speaker-id { display: inline-block; width: 260px; vertical-align: top; }
.speaker-area .speaker-cv { display: none; text-align: left; vertical-align: top; padding-left: 1em; }
.speaker-area .speaker-id .speaker-title { font-size: 1.3em; font-weight: 400; margin-top: 1em; color: #454545; text-align: center; }
.speaker-area .speaker-id .speaker-summary { margin-top: 1em; }
.speaker-area .speaker-id .speaker-more { font-weight: 700; color: #f85d5d; text-transform: lowercase; margin-top: .5em; }

.speaker-area.full-mode { width: 750px; border: 1px #ccc solid; }
.speaker-area.full-mode .speaker-cv { display: inline-block !important; width: 50%; line-height: 1.5em; }
.speaker-area.full-mode .speaker-more { display: none; }

.close-speaker { text-align: center; }
.close-speaker img { width: 32px; margin-top: 1em; }
/* Speakers (end) */

/* Operation result start */
div#SERVER_MSG { font-size: 1.1em; }
div.op-result-success, div.op-result-error, div.op-result-warning, div.op-result-info { padding: .5em 1em .3em 1em; white-space: normal; }
div.op-result-success { color: white; background-color: #9ad25d; }
div.op-result-error { color: white; background-color: #ce563f; }
div.op-result-warning, .warning { color: #bc79a1 !important; background-color: #f1dede !important; }
div.op-result-info { color: #777; background-color: #fff8dc; }
ul.op-result-list { margin: 0; padding-left: 1em; }
div.op-result-success a, div.op-result-error a, div.op-result-warning a, div.op-result-info a { color: inherit; }
span.clear-msg { float: right; }
/* Operation result end */

.inline-640 { display: none; }

@media only screen and (max-width: 1380px) {
	.content-area { width: 100%; }
}

@media only screen and (max-width: 960px) {

	#header #forum-logo, #header #forum-menu { display: inline-block !important; width: 100%; text-align: center !important; }

	#arbitration-2025-logo img.forum-lg { width: 246px !important; height: 60px; margin: .5em auto !important; }

	.speaker-area.full-mode { width: 90% !important; }
}

@media only screen and (max-width: 640px) {

	.inline-640 { display: inline-block !important; }

	body { margin-top: 90px !important;  }

	#header { padding: .7em .2em !important; }
	#header #forum-menu { margin-top: .5em; white-space: normal !important; }
	#header #forum-menu .menu-item { font-size: 1em; padding: .3em; display: inline-block !important; }

	h1#section-header { margin-top: 7em; }

	#footer h2 { font-size: 1.4em !important; }
	#footer div { font-size: 1.2em !important; }

	input.flexwidth, textarea.flexwidth { width: 95%; }

	.speaker-area .speaker-cv { padding-left: 0 !important; width: 100% !important; padding: 0 1em; }
	.speaker-area.full-mode { width: 95% !important; }
}

@media only screen and (max-width: 414px) {
	div.spnsr h1 { text-align: center !important; }
}

@media only screen and (max-width: 320px) {
	input.flexwidth, textarea.flexwidth { width: 90%; }
}