/*
font-family:'Museo Sans W01_300';
font-family:'Museo Sans W01_700';
*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


body, html {margin:0; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}

#arconic {width:100%; position:relative; z-index:1;}

#arconic sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.arconic_section {width:100%; position:relative; z-index:1;}
.arconic_content {max-width:1080px; position:relative; z-index:1; margin:0 auto;}



/* Hero */

#aia_hero {}
#aia_hero .aia_content {}


/* Modal */
#contestModal {}
#contestModal .modal-dialog {width:auto; max-width:876px;}
#contestModal .modal-content {border:#00b2c8 5px solid; 
-moz-border-radius: 14px; 
-webkit-border-radius: 14px;
border-radius: 14px; 
} 
#contestModal .modal-header {border-bottom: none; padding:50px 0 30px;}
#contestModal .modal-header h2 {margin:0; padding:0; font-size:22px; font-family:'Museo Sans W01_700', sans-serif; font-weight: 400; color:#00B2C7; text-align: center;}
#contestModal .modal-body {padding:0;}
#arconicContestClose {display: block; position: absolute; right:22px; top:10px;}
#arconicContestClose img {width:24px; height:auto;}


/* Contest Form */

#arconicContestForm {padding:0 10px 40px 10px; background: url(../images/bottom.png) right bottom no-repeat;}

#arconicContestForm form {
	display:block;
}

.arconicField {margin-bottom:12px;}

#arconicContestForm form .arconicField label {display:block; width: 170px; text-align: left; font-size: 18px; font-family:'Museo Sans W01_700', sans-serif; font-weight: 400; color: #A22F92;}
#arconicContestForm form .arconicField label.label_aqua {color:#00B2C7;}

#arconicContestForm form .inputFieldClass {
	display:block;
	width:100%;
	height:40px;
	font-size: 18px;
	font-family:'Museo Sans W01_700', sans-serif;
	border:1px solid #5e5e5e; 
	color:#5e5e5e;
	padding:0 7px;
	box-sizing:border-box;	
-webkit-box-shadow: inset -3px 3px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset -3px 3px 8px 0px rgba(0,0,0,0.2);
box-shadow: inset -3px 3px 8px 0px rgba(0,0,0,0.2);	
}

#arconicContestForm form select {
	display:block;
	width:100%;
	height:40px;
	border:none; 
	font-size:18px;
	line-height: 40px;
	color:#fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
	padding:0 0 0 7px; 
	margin:0px; 
	box-sizing:border-box;
	background:#00b2c7 url(../images/form_arrow.png) no-repeat 98% 50%;
}

input[type="file"].fileUploadInput {display:none;}

#fileuploadSection {width:100%; padding-top:24px;}
#fileuploadSection:after {
  content: "";
  display: table;
  clear: both;
}
#fileuploadLeft {float:left; width:170px; text-align: left; box-sizing:border-box; font-size: 18px; font-family:'Museo Sans W01_700', sans-serif; font-weight: 400; color: #A22F92;}
#fileuploadRight {float:left; width:272px;}
.displayFileName {
	width:220px;
	cursor:pointer; 
	display:none;
	margin-bottom:10px;
	
	height:40px;
	font-size: 18px;
	font-family:'Museo Sans W01_700', sans-serif;
	border:1px solid #5e5e5e; 
	color:#5e5e5e;
	padding:0;
	box-sizing:border-box;	
	-webkit-box-shadow: inset -3px 3px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset -3px 3px 8px 0px rgba(0,0,0,0.2);
	box-shadow: inset -3px 3px 8px 0px rgba(0,0,0,0.2);	
}
.displayFileName:after {
  content: "";
  display: table;
  clear: both;
}
.displayFileNameText {
display:block;
overflow:hidden; 
box-sizing:border-box; 
text-align:left;
	width:218px;
	cursor:pointer; 
	line-height:40px;
	height:40px;
	font-size: 18px;
	font-family:'Museo Sans W01_700', sans-serif;
	color:#5e5e5e;
	padding:0 7px;
}
.displayFileNameBtn {display:block; float:right; width:100px; height:26px; line-height:26px; text-align:center; background:#fbdb2e; color:#000; font-size:18px;}

#arconicContestGrades {width:100%; padding: 2px 0 0 0;}
#arconicContestGrades label {}
#arconicContestGrades .checkBoxClass {width:100%; display:block; text-align:left; padding:25px 0 0 0; font-size: 18px; font-family:'Museo Sans W01_700', sans-serif; font-weight: 400; color:#00B2C7;}


#arconicContestGrades .checkBoxClass span {display:inline-block; margin-left:18px; font-size:18px;}
#arconicContestGrades .checkBoxClass span:first-child {margin-left:0;}
#arconicContestGrades .checkBoxClass span:last-child {margin-right:-1px;}
#arconicContestGrades .checkBoxClass input[type="checkbox"]{
	width:26px;
	height:26px;
	background:#fff;
	vertical-align:middle;
	margin:0 0 0 6px;
	display:inline-block;	
}

#arconicContestEntries {color:#fff; padding:20px 0 28px 0; width:100%; text-align:left;}
#arconicContestEntries span {font-size: 18px; font-family:'Museo Sans W01_700', sans-serif; font-weight: 400; color: #A22F92; display:inline-block; width:170px; box-sizing:border-box; text-align:left;}
#arconicContestEntries .entriesFieldClass {
	width:148px;
	height:26px;
	background:#fff;
	border:none; 
	font-size:18px;
	color:#292965;
	padding:0 7px;
	box-sizing:border-box;
}

#arconicContestLinks {text-align:left; font-size: 22px;}
#arconicContestSubmit {
	display:block;
	width: 220px;
	height: 40px;
	background:#a22e92; 
	border:hidden !important; 
	padding:0px; 
	text-align: center;
	-webkit-appearance: none; 
	cursor:pointer;
	margin:0 auto 40px auto;
	font-size: 18px; 
	font-family:'Museo Sans W01_700', sans-serif; 
	font-weight: 400;
	color:#fff; 	
	-moz-border-radius: 14px; 
	-webkit-border-radius: 14px;
	border-radius: 14px; 	
	-webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.25);
}

#arconicContestHelp a {color:#000; text-decoration: underline; font-family:'Museo Sans W01_700', sans-serif; font-weight: 400;}

#arconicContestHelp {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 14px;
    font-family: 'Museo Sans W01_300', sans-serif;
    font-weight: 400;
    color: #000;
    background-color: rgba(255, 255, 255, .75);
}


.errorMessage {position:relative; left:0px; top:0px; width:100%; height:auto; margin-top:10px; font-size:12px; color:#ec1d25; text-align:left;}
#successMessage {position:relative; left:0px; top:0px; text-align:center; padding: 60px 0}
/* Contest Form */







/* Media Queries */

@media only screen and (min-width: 480px) {
#arconicContestClose img {width:32px;}
#contestModal .modal-header {border-bottom: none; padding:50px 0;}
#contestModal .modal-header h2 {font-size:29px;}
}

@media only screen and (min-width: 720px) {

}

@media only screen and (min-width: 960px) {

/* Modal */
#contestModal .modal-header {padding:40px 0;}
#arconicContestClose {top:20px;}

/* Form */
#arconicContestForm {padding:0 30px 40px 30px;}
#arconicContestForm form .arconicField label {display:inline-block;}

#arconicContestForm form .inputFieldClass {display:inline-block; width:560px;}
#arconicContestForm form select {display:inline-block; width:560px;}
#arconicContestGrades .checkBoxClass {width:560px; display: inline-block;}

#arconicContestEntries {width:386px;}

#arconicContestHelp {margin: 0; padding:0; text-align: left; font-size: 14px; font-family:'Museo Sans W01_300', sans-serif; font-weight: 400; color: #000; background: none;}

}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1280px) {

}


