@font-face {font-family: 'eurofurence light'; font-style: normal; font-weight: normal; src: local('eurofurence light'), url('/fonts/eurof35.woff') format('woff'); }
@font-face {font-family: 'eurofurence  regular'; font-style: normal; font-weight: normal; src: local('eurofurence  regular'), url('/fonts/eurof55.woff') format('woff'); }
@font-face {font-family: 'eurofurence light  italic'; font-style: normal; font-weight: normal; src: local('eurofurence light  italic'), url('/fonts/eurof36.woff') format('woff'); }
@font-face {font-family: 'eurofurence  italic'; font-style: normal; font-weight: normal; src: local('eurofurence  italic'), url('/fonts/eurof56.woff') format('woff'); }
@font-face {font-family: 'eurofurence  bold'; font-style: normal; font-weight: normal; src: local('eurofurence  bold'), url('/fonts/eurof75.woff') format('woff'); }
@font-face {font-family: 'eurofurence  bolditalic'; font-style: normal; font-weight: normal; src: local('eurofurence  bolditalic'), url('/fonts/eurof76.woff') format('woff'); }

/* Common */
body { background: #E5E2C7; text-align: center; color: #666666; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6{font-family: 'eurofurence  regular'; color: #4B6F94; margin:1rem 0 0.5rem 0;}
h1 {background:#e6ebf0; color: #4B6F94; font-size: 2rem; font-weight: normal; margin:1.5rem 0; padding:0.8rem 1rem; border-radius:5px; }
h2{color: #4B6F94; font-size:1.8rem; }
h3{font-family: 'eurofurence light';color: #4B6F94; font-size:1.6rem; }
div#container {margin:1rem auto; text-align: left; border-radius:10px; background:#ffffff; box-shadow:0 0 10px #cccccc; border-top:30px solid #4b6f94; padding:2rem; line-height:1.5rem;}
.content{padding:2rem 0;}
.content .medium-8, .border-right{border-right: 1px solid #CBD5D4; padding-right:1rem;}
.content .medium-8 + .medium-4, .border-right + .columns{padding-left:1rem;}
.content .columns > h1:first-child, .content .columns > h2:first-child, .content .columns > h3:first-child{margin-top:0;}

hr{height:1px; border:0; background:#6A87A4; margin:1rem auto;}
p, .content li{font-size:1rem; margin-bottom:1rem;}
label{font-size:1rem;}
.content ul, .content ol{margin-left:2rem;}


.error { color: red; padding: 3px; border: 1px solid red; text-align: center; }
.required{color:red;}
#CSCinfo{display:none;}


/* Header Quote */
.quote-container{background:#e6ebf0 url('/graphics/new-freedom.jpg') top left no-repeat; border-radius:10px; clear:both; margin:1rem 0; background-size:contain; overflow:hidden;}
.quote-container img{float:left; display:none;}
.quote-container .quotes{font-size:1.7rem; font-family: 'eurofurence light';color:#4B6F94; padding-left:70%; line-height:1.8rem;}
.quote-container .quotes div{background:#e6ebf0;padding:1rem;}
.quote-container .quotes span{font-size:1.9rem;font-family: 'eurofurence light  italic'; display:block; text-align:right; margin-top:1rem;}

#quote { background-image: url(../graphics/carnes-quote.png); height: 242px; width: 294px; float: right; }
#SARAquote { background-image: url(../graphics/carnes-quote2.png); height: 242px; width: 294px; float: right; }
#quote blockquote, #quote .citation, #SARAquote blockquote, #SARAquote .citation { text-indent: -9999px; }
div#ticker_fake { clear: both; border-radius:5px; border:1px solid #6A87A4; overflow:hidden;}
div#ticker_fake h2 { float: left; background:#e6ebf0; color:#333333; font-size:1.2rem; padding:0.6rem 1rem; margin:0 1rem 0 0;}
div#ticker_fake p { padding:0.5rem; margin:0;}
#right-col { float: right; margin-top: 0px; width: 270px; font-size: 14px; } 
#left-col { width: 607px; font-size: 14px; border-right: 1px solid #CBD5D4; margin: 0; }
#closure { color:#666666; text-align: center; margin: 0.5em auto auto; width: 910px; font-size: .8em; }
#left-col .content { margin: 0 20px; }


/* Header */
#header { background:url(/graphics/navigation-background.png); width:959px; height:41px; }



/* Footer */
footer p{font-size:0.8rem;}



/* Form */ 
input[type="file"]{display:none; }
.fileinput{background:#ffffff; margin-bottom:1rem; display:block; height:2.5rem; padding:0.3rem !important; }
.fileinput .value{color:#333333;font-size: 0.7rem;padding: 6px 0px 0px 10px;display: block;float: left;white-space: nowrap; overflow:hidden; width:130px;text-overflow: ellipsis; margin:0px !important;}
.browse, .removeFile{background:#bdd4e7; color:#2d69b4; border:1px solid #2d69b4; display:inline-block; text-align:center; padding:0 0.5rem; width:100%;font-size:0.8rem; border-radius:3px; float:right; width:auto; cursor:pointer; height:26px; line-height:26px;}
.fileinput .icon-trash{cursor:pointer; position:absolute; top:10px; right:85px; color:#333333; }
input[type=radio], input[type="checkbox"]{display:none; }
input[type="checkbox"] + label, input[type="radio"] + label{margin-left:0; margin-bottom:1rem;}
input[type=checkbox] + label{display:block !important; margin:0 0 1rem 0 !important; overflow:hidden; position:relative; cursor:pointer; line-height:20px; }
input[type=checkbox] + label:before{content:""; height:20px; width:20px; border-radius:4px; display:inline-block;background:#f6f8fa;font-size:12px; line-height:16px;vertical-align:middle;cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; border:2px solid #979797; margin-right:0.5rem;}
input[type=checkbox]:checked + label:before { content:"✔"; color: #4B6F94; text-align: center; }  

input[type=radio] +label:before{content:"";height:22px; width:22px;display:inline-block;background:#ffffff;vertical-align:middle;cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; border:2px solid #4B6F94; border-radius:20px; padding:3px; position:absolute; left:0;}
input[type=radio] + label{margin:0 1rem 1rem 0; position:relative; padding-left:30px;}
input[type=radio]:checked + label:before{background:#ffffff url('/graphics/bg-radio.png') center center no-repeat;} 

label.select {position: relative;display:block; border-radius: 4px; overflow:hidden; cursor:pointer; margin-bottom:1rem; border:1px solid #cccccc;}
label.select select {display: inline-block;padding: 4px 3px 3px 5px;margin: 0;font: inherit;outline:none;line-height: 1.2;background: #fbfbfb; border:0px; -webkit-appearance:none; font-weight:normal; cursor:pointer; color:rgba(0, 0, 0, 0.75); }
label.select select option{cursor:pointer; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .select select {padding-right:30px; }}
label.select:after {content:url('/graphics/icon-arrow-blue.png'); display:block; position: absolute;top: 0;right: 0;bottom: 0;pointer-events:none; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0; background:#fbfbfb; padding:10px 5px;}
@media screen\0 { .select:after {font-size:1rem; padding:0px; margin:0px; width:20px; line-height:35px; text-align:center; } }

form li{margin-bottom:0; padding-bottom:0 !important;}
form fieldset{border:0; margin:0; padding:0;}

/* Buttons */
.button, button, a.button:link, a.button:visited, a.button:active, input[type="submit"]{border-radius:5px; font-size:1.3rem;background:#6A87A4;background: rgba(121,146,172,1);
background: -moz-linear-gradient(top, rgba(121,146,172,1) 0%, rgba(76,113,150,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(121,146,172,1)), color-stop(100%, rgba(76,113,150,1)));
background: -webkit-linear-gradient(top, rgba(121,146,172,1) 0%, rgba(76,113,150,1) 100%);
background: -o-linear-gradient(top, rgba(121,146,172,1) 0%, rgba(76,113,150,1) 100%);
background: -ms-linear-gradient(top, rgba(121,146,172,1) 0%, rgba(76,113,150,1) 100%);
background: linear-gradient(to bottom, rgba(121,146,172,1) 0%, rgba(76,113,150,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7992ac', endColorstr='#4c7196', GradientType=0 ); padding:0.5rem 0.7rem; color:#ffffff;font-family: 'eurofurence light'; border:0; border-bottom:2px solid #4c7196;}
.button:hover, button:hover, a.button:hover, input[type="submit"]:hover{background:#4c7196; border-bottom:2px solid #333333; }



#google_translate_element{margin-top:1rem;}



p.takesara, input.takesara { background: url(../graphics/sara-login.png) no-repeat; margin: auto; /* centers in width of column */
width: 165px; height: 34px; }
p.takepss, input.takepss { background: url(../graphics/pss-login.png) no-repeat; margin: auto; /* centers in width of column */
width: 165px; height: 34px; }


/* DIVISIONS */
div#terms_and_conditions { clear: both; text-align: center; padding-top:1rem; }
div#terms_and_conditions p { display: inline; margin: 1em 2em; }


/* Survey */
.survey h2{float:right; margin-top:0;}
.question p{margin-bottom:0;}
.indented_cell{margin:10px 0 5px 20px;}
/*.indented_cell label + br{display:none;}*/
.indented_cell label.select{display:inline-block; min-width:200px;}
.indented_cell input{min-width:200px; max-width:200px;}

input#quit { float: left; margin: 5px 10px; }
input#previous, input#next, input#nextload, input#previousload { float: right; margin: 5px 10px; }


form#sara-access { margin: 1em; }
div#global-nav { float: right; margin:1em 2em 0 0; font-size:.9em; }

a:link, a:active, a:visited{color:#4f7498;}
a:hover{color:#c30000;}
/*a:visited{color:#0000FF;}*/

/*.formatted-form fieldset { border:0; margin:0; padding:0; }
.formatted-form fieldset legend { font-size:1.2em; font-weight:bold; padding:.5em 0; }
.formatted-form label { clear:both; display:block; float:left; width:150px; }
.formatted-form input,.formatted-form select { float:left; }
.formatted-form .action-button { clear:both; float:right; }
*/

form.input-form {width:60%; margin:0 auto;}
.stronger { color:#000; }
.note { font-style:italic; clear:both; }
.clear { clear:both; }




.token-purchase input{margin-bottom:0;}
.token-purchase div{margin:0 0 1rem 0;}




/* iPhone (Portrait & Landscape) ----------- */
@media only screen and (max-width: 767px){
	.logo, .survey h2{text-align:center; display:block; float:none;}
	.quote-container .quotes{padding:260px 1rem 1rem 1rem;}
	.quote-container{background-size:inherit;}
	.indented_cell{margin-left:0;}
	.indented_cell label.select, .indented_cell input{min-width:100%; max-width:100%;}
	div#container{padding:1rem;}
	.content{padding:0.3rem;}
	div#terms_and_conditions p{display:block; margin:0;}
	div#ticker_fake h2{float:none; display:block; text-align:center; margin:0;}
	.content .medium-8, .content .medium-8 + .medium-4{padding:0; border:0;}
	form.input-form{width:100%;}
	input#previous, input#previousload{float:left !important; margin-left:0 !important;}
	input#next, input#nextload{margin-right:0 !important;}
	input#quit{margin:5px 0 !important; width:100%;}
}


/* iPhone (Portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 479px){ 
}

/* iPhone (Landscape) ----------- */
@media screen and (min-width: 480px) and (max-width: 767px){
	}

/* iPad (Potrait & Landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px){
	}

/* iPad (Potrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
	.quote-container{background-position:-150px 0;}
	
 }
/* iPad (landscape) ----------- */
@media only screen and (min-width: 960px) and (max-width: 1023px){ 
}