@media (max-width:1000px){
html{
position:relative;
}
body{
position:absolute;
font-family:'melbourneregular', serif;
}
.container{
position:absolute;
width:800px;
min-width: 800px;
height:auto;
margin: 0 auto;
font-weight: 100px;
overflow:auto;
}
img{
max-width: 100px;
/*height: auto;*/
}
p{
font-size: 0.850em;
}
a {
color:#6F93CC;
font-weight:100;
text-decoration: none;
cursor:pointer;
font-size:8px;
}
a:hover {
color:#333;
cursor:pointer;
}
h1 a {
font-weight:100;
}
/*18px*/
h2{
font-size: 0.750em;
line-height:18px;
}
/*16px*/
h3{
font-size:0.600em;
line-height: 16px;
}
/*12px*/
h4{
font-size:0.475em;
line-height: 12px;
}
/*10px*/
h5{
font-size:0.500em;
line-height: 10px;
}
/*14px*/
h6{
font-size: 0.650em;
line-height: 13px;
}
.thirtyPixelsFont{
font-size: 1.2em;
line-height: 26px;
}
.inFocus{
color:;
line-height:20px;
position:absolute;
padding-left:1%;
padding-top:0.9%;
padding-top:px;
font-size: 1.3em;
z-index:220;
}
.nextFocus{
font-size:1.15em;
line-height:18px;
font-weight:700;
padding-left:10%;
padding-right:19%;
padding-top:10%;"
}
.box{
width:100px;
margin-left:0px;
float:left;
}
.smallBox{
width:50px;
margin-left:0px;
float:left;
}
.boxHeight{
height:107px;
}
.twoBox{
height:214px;
}
.threeBox{
height:321px;
}
.fourBox{
height:428px;
}
.fiveBox{
height:535px;
}
.sixBox{
height:642px;
}
.twentyThreeBox{
height:2461px;
}
.twentyTwoBox{
height:2354px;
}
.twentyOneBox{
height:2247px;
}
.thirtyBox{
height:3210px;
}
.thirtyTwoBox{
height:3424px;
}
.thirtyEightBox{
height:4066px;
}
.moveOneBoxDown{
top:107px;
}
.moveTwoBoxesDown{
top:214px;
}
.moveThreeBoxesDown{
top:321px;
}
.moveFourBoxesDown{
top:428px;
}
.moveFiveBoxesDown{
top:535px;
}
.tallBoxHeight{
height:431px;
}
.smallBoxHeight{
height:53px;
}
.smallBoxHeight2{
height:54px;
}
.carouselImageHeight{
height:321px;
}
.carouselImage1Height{
max-width:120%;
width:104%;
height:321px;
max-height:321px;
}
.searchInput{
font-family:'melbourneregular', serif;
/*padding-left:0%;*/
/*padding-right: 10%;*/
/*padding-top:30%;*/
/*font-size: 0.750em;*/
border:0 solid white;
}
.darkBlue{
background:#83beda;
}
.midBlue{
background: #acd8f2;
}
.liteBlue{
background: #c7e4f3;
}
.borderBottom{
border-bottom:1px solid black;
}
.about{
background: #7AC1DB;
}
.people{
background:#82afdb;
}
.announcements{
background: #6F93CC;
}
.internships{
background: #6BB3E4;
}
.internshipsText{
color:#6BB3E4;
}
.events{
background: #70A2D7;
}
.menu:hover{
cursor: pointer;
}
.white{
background:white;
color:black !important;
}
.logoPosition{
padding-left:18%;
padding-top:22%;
}
.leftBarLocation{
top:200px;
}
.moveSmallBox{
top:53px;
}
.move_50{
top:298px;
}
.move_50_2{
top:446px;
}
.move_50_3{
top:595px;
}
.asiBoardMembersHeight{
height:296px;
}
.asiResearchersHeight{
height:296px;
}
.asiStaffHeight{
height:740px;
}
.homepageLineHeight{
line-height: 10px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
/*people*/
.asiBoardMembersLocation{
top:214px;
}
.asiResearchersLocation{
top:321px;
}
.asiStaffLocation{
top:214px;
position:absolute;
left:400px;
background-color:#f4f4f4;
width:200px;
}
.profit{
line-height: 10px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
form {
}
label{
font-size:0.800em;
font-weight: normal;
line-height: 20px;
margin-top:21px;
font-weight: 700;
}
textarea {
height:28px;
resize:none;
}
label {
display: block;
margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
.uneditable-input {
display: inline-block;
/*padding: 4px 6px;*/
margin-bottom: 9px;
font-size: 14px;
color: #555555;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input,
textarea,
.uneditable-input {
/*width: 206px;*/
}
textarea {
/*height: auto;*/
}
textarea,
input[type="text"],
input[type="password"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
margin: 5px 5px 0px 0px;
cursor: pointer;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
/*width: auto;*/
}
select,
input[type="file"] {
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
}
select {
width: 180px;
background-color: #ffffff;
border: 1px solid #cccccc;
padding:5px;
font-size: 14px;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.browseButton {
background-color:#6BB3E4;
display:inline-block;
color:#ffffff;
font-size:0.938em;
/*font-weight:bold;*/
padding:4px 14px;
text-decoration:none;
border:0 solid white;
}.browseButton:hover {
background-color:#6BB3E4;
}.browseButton:active {
position:relative;
top:1px;
left:1px;
}
.formButtonPosition{
position:absolute;
left:17%;
top:100%;
margin-top:50px;
}
.formLineWidth{
width:55%;
}
/*/////////////////////////////////////////////////
///////////////////////////////////////////////Upload*/
.upload {
position:relative;
width:664px;
/*background-color: orange;*/
list-style: none;
}
.realupload {
position:absolute;
/*top:20px;*/
/*right:393px;*/
top:0;
left:0;
margin-top:25px;
/*width:240px;*/
/*padding-right:10px;*/
/*right:0;*/
/* start of transparency styles */
opacity:0;
-moz-opacity:0;
filter:alpha(opacity:0);
/* end of transparency styles */
z-index:2; /* bring the real upload interactivity up front */
width:300px;
cursor:pointer;
}
form .fakeupload {
/*position:absolute;*/
background:url(../images/button.png) no-repeat 40% 22%;
height:20px;
/*top:0;*/
/*right:0;*/
}
form .fakeupload input {
/*position:absolute;*/
width:200px;
/*top:0;*/
/*right:0;*/
}
.textField{
width:338px;
}
.halfTextField{
width:149px;
}
.smallTextField{
width:86px;
}
.applicationSubmitButton{
background-color:#6BB3E4;
display:inline-block;
color:#ffffff;
font-size:1.375em;
/*font-weight:bold;*/
padding:4px 18px;
text-decoration:none;
border:0 solid white;
position:absolute;
height:40px;
left:20%;
top:100%;
margin-top:50px;
}.applicationSubmitButton:hover {
cursor: pointer;
/*background-color:#6BB3E4;*/
}.applicationSubmitButton:active {
position:relative;
top:1px;
}
.contact_form input, .contact_form textarea {
padding-right:30px;
}
/*input:required, textarea:required {
background: #fff url(../images/asterisk.png) no-repeat 95% center;
}
*/
/*.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
background: #fff url(../images/asterisk.png) no-repeat 98% center;
box-shadow: 0 0 5px #d45252;
border-color: #b03535
}*/
.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
background: #fff url(../images/valid.png) no-repeat 98% center;
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}
.eventDesc{
float:left;margin-top:35px;width:100%;height:150px;
background-image: -moz-linear-gradient(
rgba(24, 104, 170, 0.7) -50%, rgba(24, 104, 170, 1) 55%
);
background-image: -webkit-gradient(
linear, left top, left bottom, from(rgba(24,104,170,0.8)),
to(rgba(24,104,170,0.2)), color-stop(.5,#1868AA)
);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
background-image: linear-gradient(
rgba(24, 104, 170, 0.7) -50%, rgba(24, 104, 170, 1) 55%
);
}
}
@media (min-width: 1000px){
body {
background: white;
color: #333;
/*font-size: 12px;*/
padding: 0 0 0px;
font-family:'melbourneregular', serif;
font-weight: 100;
}
:-moz-placeholder {
color: gray;
}
::-webkit-input-placeholder {
color: gray;
}
a {
color:#6F93CC;
font-weight:100;
text-decoration: none;
cursor:pointer;
font-size:11px;
}
a:hover {
color:#333;
cursor:pointer;
}
img{
max-width: 100%;
/*height: auto;*/
}
/*h1, h2, h3, h4, h5, h6 {line-height:1.0em; margin-bottom:;}*/
/*h2 {margin-top:1em;}*/
/*h5 {color:green;}*/
/*h6 {font-size:1em; text-transform:uppercase;}*/
p{
font-size: 0.750em;
}
h1 a {
font-weight:100;
}
/*18px*/
h2{
font-size: 1.125em;
line-height:18px;
}
/*16px*/
h3{
font-size: 1.000em;
line-height: 16px;
}
/*12px*/
h4{
font-size:0.750em;
line-height: 12px;
}
/*10px*/
h5{
font-size:0.625em;
line-height: 12px;
}
/*14px*/
h6{
font-size: 0.875em;
line-height: 13px;
}
/*28px*/
.twentyEightPixelsFont{
font-size:1.750em;
line-height:16px;
}
.thirtyPixelsFont{
font-size: 3em;
line-height: 26px;
}
.inFocus{
color:;
line-height:20px;
position:absolute;
padding-left:1%;
padding-top:0.9%;
padding-top:px;
font-size: 1.3em;
z-index:220;
}
.nextFocus{
font-size:1.15em;
line-height:18px;
font-weight:700;
padding-left:10%;
padding-right:19%;
padding-top:8%;"
}
.h7{
font-size:0.625em;
line-height: 12px;
}
.container{
position:relative;
width:100%;
min-width: 100%;
height:auto;
margin: 0 auto;
font-weight: 100;
}
.box{
width:12.5%;
margin-left:0px;
float:left;
}
.smallBox{
width:6.25%;
margin-left:0px;
float:left;
}
.boxHeight{
height:107px;
}
.twoBox{
height:214px;
}
.threeBox{
height:321px;
}
.fourBox{
height:428px;
}
.fiveBox{
height:535px;
}
.sixBox{
height:642px;
}
.twentyThreeBox{
height:2461px;
}
.twentyTwoBox{
height:2354px;
}
.twentyOneBox{
height:2247px;
}
.thirtyBox{
height:3210px;
}
.thirtyTwoBox{
height:3424px;
}
.thirtyEightBox{
height:4066px;
}
.moveOneBoxDown{
top:107px;
}
.moveTwoBoxesDown{
top:214px;
}
.moveThreeBoxesDown{
top:321px;
}
.moveFourBoxesDown{
top:428px;
}
.moveFiveBoxesDown{
top:535px;
}
.tallBoxHeight{
height:431px;
}
.smallBoxHeight{
height:53px;
}
.smallBoxHeight2{
height:54px;
}
.carouselImageHeight{
height:321px;
}
.carouselImage1Height{
max-width:120%;
width:104%;
height:321px;
max-height:321px;
}
.searchInput{
font-family:'melbourneregular', serif;
/*padding-left:0%;*/
/*padding-right: 10%;*/
/*padding-top:30%;*/
/*font-size: 0.750em;*/
border:0 solid white;
}
.darkBlue{
background:#83beda;
}
.midBlue{
background: #acd8f2;
}
.liteBlue{
background: #c7e4f3;
}
.borderBottom{
border-bottom:1px solid black;
}
.about{
background: #7AC1DB;
}
.people{
background:#82afdb;
}
.announcements{
background: #6F93CC;
}
.internships{
background: #6BB3E4;
}
.internshipsText{
color:#6BB3E4;
}
.events{
background: #70A2D7;
}
.menu:hover{
cursor: pointer;
}
.white{
background:white;
color:black !important;
}
.logoPosition{
padding-left:15%;
padding-top:15%;
}
.leftBarLocation{
top:200px;
}
.moveSmallBox{
top:53px;
}
.move_50{
top:298px;
}
.move_50_2{
top:446px;
}
.move_50_3{
top:595px;
}
.asiBoardMembersHeight{
height:296px;
}
.asiResearchersHeight{
height:296px;
}
.asiStaffHeight{
height:740px;
}
.homepageLineHeight{
line-height: 10px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
/*people*/
.asiBoardMembersLocation{
top:214px;
}
.asiResearchersLocation{
top:321px;
}
.asiStaffLocation{
top:214px;
position:absolute;left:50%;background-color:#f4f4f4;
width:25%;
}
.profit{
line-height: 10px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
form {
}
label{
font-size:1.125em;
font-weight: normal;
line-height: 20px;
margin-top:21px;
font-weight: 700;
}
textarea {
height:28px;
resize:none;
}
label {
display: block;
margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
.uneditable-input {
display: inline-block;
/*padding: 4px 6px;*/
margin-bottom: 9px;
font-size: 14px;
color: #555555;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input,
textarea,
.uneditable-input {
/*width: 206px;*/
}
textarea {
/*height: auto;*/
}
textarea,
input[type="text"],
input[type="password"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
margin: 5px 5px 0px 0px;
cursor: pointer;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
/*width: auto;*/
}
select,
input[type="file"] {
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
}
select {
width: 180px;
background-color: #ffffff;
border: 1px solid #cccccc;
padding:5px;
font-size: 14px;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.browseButton {
background-color:#6BB3E4;
display:inline-block;
color:#ffffff;
font-size:0.938em;
/*font-weight:bold;*/
padding:4px 14px;
text-decoration:none;
border:0 solid white;
}.browseButton:hover {
background-color:#6BB3E4;
}.browseButton:active {
position:relative;
top:1px;
left:1px;
}
.formButtonPosition{
position:absolute;
left:17%;
top:100%;
margin-top:50px;
}
.formLineWidth{
width:55%;
}
/*/////////////////////////////////////////////////
///////////////////////////////////////////////Upload*/
.upload {
position:relative;
width:664px;
/*background-color: orange;*/
list-style: none;
}
.realupload {
position:absolute;
/*top:20px;*/
/*right:393px;*/
top:0;
left:0;
margin-top:25px;
/*width:240px;*/
/*padding-right:10px;*/
/*right:0;*/
/* start of transparency styles */
opacity:0;
-moz-opacity:0;
filter:alpha(opacity:0);
/* end of transparency styles */
z-index:2; /* bring the real upload interactivity up front */
width:300px;
cursor:pointer;
}
form .fakeupload {
/*position:absolute;*/
background:url(../images/button.png) no-repeat 40% 22%;
height:20px;
/*top:0;*/
/*right:0;*/
}
form .fakeupload input {
/*position:absolute;*/
width:200px;
/*top:0;*/
/*right:0;*/
}
.textField{
width:338px;
}
.halfTextField{
width:149px;
}
.smallTextField{
width:86px;
}
.applicationSubmitButton{
background-color:#6BB3E4;
display:inline-block;
color:#ffffff;
font-size:1.375em;
/*font-weight:bold;*/
font-family:'melbourneregular', serif;
padding:4px 28px;
text-decoration:none;
border:0 solid white;
position:absolute;
height:40px;
left:20%;
top:100%;
margin-top:50px;
}.applicationSubmitButton:hover {
cursor: pointer;
/*background-color:#6BB3E4;*/
}.applicationSubmitButton:active {
position:relative;
top:1px;
}
.contact_form input, .contact_form textarea {
padding-right:30px;
}
/*input:required, textarea:required {
background: #fff url(../images/asterisk.png) no-repeat 95% center;
}
*/
/*.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
background: #fff url(../images/asterisk.png) no-repeat 98% center;
box-shadow: 0 0 5px #d45252;
border-color: #b03535
}*/
.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
background: #fff url(../images/valid.png) no-repeat 98% center;
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}
.eventDesc{
float:left;margin-top:35px;width:100%;height:150px;
background-image: -moz-linear-gradient(
rgba(24, 104, 170, 0.7) -50%, rgba(24, 104, 170, 1) 55%
);
background-image: -webkit-gradient(
linear, left top, left bottom, from(rgba(24,104,170,0.8)),
to(rgba(24,104,170,0.2)), color-stop(.5,#1868AA)
);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
background-image: linear-gradient(
rgba(24, 104, 170, 0.7) -50%, rgba(24, 104, 170, 1) 55%
);
}
}
@media (min-width: 1260px){
body {
background: white;
color: #333;
/*font-size: 12px;*/
padding: 0 0 0px;
font-family:'melbourneregular', serif;
font-weight: 100;
}
:-moz-placeholder {
color: gray;
}
::-webkit-input-placeholder {
color: gray;
}
a {
color:#6F93CC;
font-weight:100;
text-decoration: none;
cursor:pointer;
font-size:13px;
}
a:hover {
color:#333;
cursor:pointer;
}
img{
max-width: 100%;
/*height: auto;*/
}
p{
font-size: 1.000em;
}
h1 a {
font-weight:100;
}
/*22px*/
h2{
font-size: 1.375em;
line-height:20px;
}
/*20px*/
h3{
font-size: 1.250em;
line-height: 22px;
}
/*16px*/
h4{
font-size:1.000em;
line-height: 16px;
}
/*14px*/
h5{
font-size:0.875em;
line-height: 16px;
}
/*14px*/
h6{
font-size:1.000em;
line-height: 20px;
}
/*28px*/
.twentyEightPixelsFont{
font-size:1.875em;
line-height:32px;
}
.thirtyPixelsFont{
font-size: 4em;
padding-top:6% !important;
}
.inFocus{
color:;
line-height:40px;
position:absolute;
padding-left:1%;
padding-top:0.9%;
padding-top:px;
font-size: 2.5em;
z-index:220;
}
.nextFocus{
font-size:1.5em;
line-height:24px;
font-weight:700;
padding-left:10%;
padding-right:19%;
padding-top:8%;"
}
.container{
position:relative;
width:100%;
min-width: 100%;
height:auto;
/*background:yellow;*/
margin: 0 auto;
/*overflow: hidden;*/
}
.box{
width:12.5%;
margin-left:0px;
float:left;
}
.smallBox{
width:6.25%;
margin-left:0px;
float:left;
}
.boxHeight{
height:162px;
}
.twoBox{
height:324px;
}
.threeBox{
height:486px;
}
.fourBox{
height:648px;
}
.fiveBox{
height:810px;
}
.sixBox{
height:972px;
}
.twentyThreeBox{
height:3726px;
}
.twentyTwoBox{
height:3564px;
}
.twentyOneBox{
height:3402px;
}
.thirtyBox{
height:4860px;
}
.thirtyTwoBox{
height:5184px;
}
.thirtyEightBox{
height:6156px;
}
.moveOneBoxDown{
top:162px;
}
.moveTwoBoxesDown{
top:324px;
}
.moveThreeBoxesDown{
top:486px;
}
.moveFourBoxesDown{
top:648px;
}
.moveFiveBoxesDown{
top:810px;
}
.tallBoxHeight{
height:651px;
}
.smallBoxHeight{
height:81px;
}
.smallBoxHeight2{
height:81px;
}
.carouselImageHeight{
height:486px;
}
.carouselImage1Height{
max-height:486px;
height:486px;
}
.searchInput{
font-family:'melbourneregular', serif;
/*width:200px;*/
/*height:55px;*/
/*padding-left:12px;*/
/*padding-top:8px;*/
/*font-size: 12px;*/
border:0 solid white;
}
.darkBlue{
background:#83beda;
}
.midBlue{
background: #acd8f2;
}
.liteBlue{
background: #c7e4f3;
}
.borderBottom{
border-bottom:1px solid black;
}
.about{
background: #7AC1DB;
}
.people{
background:#82afdb;
}
.announcements{
background: #6F93CC;
}
.internships{
background: #6BB3E4;
}
.internshipsText{
color:#6BB3E4;
}
.events{
background: #70A2D7;
}
.menu:hover{
cursor: pointer;
}
.white{
background:white;
color:black !important;
}
.logoPosition{
padding-left:15%;
padding-top:18%;
}
.leftBarLocation{
top:202px;
}
.longDescription{
}
.moveSmallBox{
top:81px;
}
.move_50{
top:398px;
}
.move_50_2{
top:596px;
}
.move_50_3{
top:795px;
}
.asiBoardMembersHeight{
height:396px;
}
.asiResearchersHeight{
height:396px;
}
.asiStaffHeight{
height:991px;
}
.homepageLineHeight{
line-height: 15px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
/*people*/
.asiBoardMembersLocation{
top:324px;
}
.asiResearchersLocation{
top:486px;
}
.asiStaffLocation{
top:324px;
position:absolute;left:50%;background-color:#f4f4f4;
width:25%;
}
.profit{
line-height: 16px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
form {
}
textarea {
height:145px;
resize:none;
}
label{
font-size:1.125em;
font-weight: normal;
line-height: 20px;
margin-top:21px;
font-weight: 700;
}
label {
display: block;
margin-bottom: 5px;
}
select,
input[type="text"],
input[type="password"],
.uneditable-input {
display: inline-block;
height: 26px;
/*padding: 4px 6px;*/
margin-bottom: 9px;
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
input,
textarea,
.uneditable-input {
/*width: 206px;*/
}
textarea {
/*height: auto;*/
}
textarea,
input[type="text"],
input[type="password"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
margin: 5px 5px 0px 0px;
cursor: pointer;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
/*width: auto;*/
}
select,
input[type="file"] {
height: 30px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 30px;
}
select {
width: 180px;
background-color: #ffffff;
border: 1px solid #cccccc;
padding:5px;
font-size: 14px;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.browseButton {
background-color:#6BB3E4;
display:inline-block;
color:#ffffff;
font-size:0.938em;
/*font-weight:bold;*/
padding:4px 14px;
text-decoration:none;
border:0 solid white;
}.browseButton:hover {
background-color:#6BB3E4;
}.browseButton:active {
position:relative;
top:1px;
left:1px;
}
.formButtonPosition{
position:absolute;
left:25%;
top:100%;
margin-top:50px;
}
.formLineWidth{
width:80%;
}
.textField{
width:338px;
}
.halfTextField{
width:149px;
}
.smallTextField{
width:86px;
}
/*/////////////////////////////////////////////////
///////////////////////////////////////////////Upload*/
.upload {
position:relative;
width:664px;
/*background-color: orange;*/
list-style: none;
}
.realupload {
position:absolute;
/*top:20px;*/
/*right:393px;*/
top:0;
left:0;
margin-top:25px;
/*width:240px;*/
/*padding-right:10px;*/
/*right:0;*/
/* start of transparency styles */
opacity:0;
-moz-opacity:0;
filter:alpha(opacity:0);
/* end of transparency styles */
z-index:2; /* bring the real upload interactivity up front */
width:300px;
cursor:pointer;
}
form .fakeupload {
/*position:absolute;*/
background:url(../images/button.png) no-repeat 40% 22%;
height:40px;
/*top:0;*/
/*right:0;*/
}
form .fakeupload input {
/*position:absolute;*/
width:200px;
/*top:0;*/
/*right:0;*/
}
.applicationSubmitButton{
background-color:#6BB3E4;
display:inline-block;
color:#ffffff;
font-size:1.375em;
/*font-weight:bold;*/
font-family:'melbourneregular', serif;
padding:4px 28px;
text-decoration:none;
border:0 solid white;
position:absolute;
height:45px;
left:33%;
top:100%;
margin-top:50px;
}.applicationSubmitButton:hover {
cursor: pointer;
/*background-color:#6BB3E4;*/
}.applicationSubmitButton:active {
position:relative;
top:1px;
}
.contact_form input, .contact_form textarea {
padding-right:30px;
}
/*input:required, textarea:required {
background: #fff url(../images/asterisk.png) no-repeat 95% center;
}
*/
/*.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
background: #fff url(../images/asterisk.png) no-repeat 98% center;
box-shadow: 0 0 5px #d45252;
border-color: #b03535
}*/
.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
background: #fff url(../images/valid.png) no-repeat 98% center;
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}
.eventDesc{
float:left;margin-top:90px;width:100%;height:150px;
background-image: -moz-linear-gradient(
rgba(24, 104, 170, 0.7) -50%, rgba(24, 104, 170, 1) 55%
);
background-image: -webkit-gradient(
linear, left top, left bottom, from(rgba(24,104,170,0.8)),
to(rgba(24,104,170,0.2)), color-stop(.5,#1868AA)
);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
background-image: linear-gradient(
rgba(24, 104, 170, 0.7) -50%, rgba(24, 104, 170, 1) 55%
);
}
}
@media (min-width: 1690px){
html{
outline:none;
}
body {
background: white;
color: #333;
/*font-size: 12px;*/
padding: 0 0 0px;
font-family:'melbourneregular', serif;
font-weight: 100;
outline:none;
}
a {
color:#6F93CC;
font-weight:100;
text-decoration: none;
cursor:pointer;
font-size:15px;
}
a:hover {
color:#333;
cursor:pointer;
}
img{
max-width: 100%;
/*height: auto;*/
}
p{
font-size: 1.125em;
}
h1 a {
font-weight:100;
}
/*26px*/
h1{
font-size:1.625em;
}
/*22px*/
h2{
font-size: 1.500em;
line-height:22px;
}
/*20px*/
h3{
font-size: 1.375em;
line-height: 24px;
}
/*16px*/
h4{
font-size:1.125em;
line-height: 18px;
}
/*14px*/
h5{
font-size:1.000em;
line-height: 18px;
}
/*14px*/
h6{
font-size:1.125em;
line-height: 22px;
}
.twelvePixelsFont{
font-size: 0.750em;
}
/*28px*/
.twentyEightPixelsFont{
font-size:2.000em;
line-height:34px;
}
.thirtyPixelsFont{
font-size: 5em;
line-height: 30px;
}
.inFocus{
color:;
line-height:50px;
position:absolute;
padding-left:1%;
padding-top:0.9%;
padding-top:px;
font-size: 3.125em;
z-index:220;
}
.nextFocus{
font-size:2.188em;
line-height:35px;
font-weight:700;
padding-left:10%;
padding-right:19%;
padding-top:8%;"
}
.container{
position:relative;
width:100%;
min-width: 100%;
height:auto;
/*background:yellow;*/
margin: 0 auto;
/*overflow: hidden;*/
}
.box{
width:12.5%;
margin-left:0px;
float:left;
/*z-index:3;*/
}
.smallBox{
width:6.25%;
margin-left:0px;
float:left;
}
.boxHeight{
height:191px;
}
.twoBox{
height:382px;
}
.threeBox{
height:573px;
}
.fourBox{
height:764px;
}
.fiveBox{
height:955px;
}
.sixBox{
height:1146px;
}
.twentyThreeBox{
height:4393px;
}
.twentyTwoBox{
height:4202px;
}
.twentyOneBox{
height:4011px;
}
.thirtyBox{
height:5730px;
}
.thirtyTwoBox{
height:6112px;
}
.thirtyEightBox{
height:7258px;
}
.moveOneBoxDown{
top:191px;
}
.moveTwoBoxesDown{
top:382px;
}
.moveThreeBoxesDown{
top:573px;
}
.moveFourBoxesDown{
top:764px;
}
.moveFiveBoxesDown{
top:955px;
}
.tallBoxHeight{
height:767px;
}
.smallBoxHeight{
height:96px;
}
.smallBoxHeight2{
height:95px;
}
.carouselImageHeight{
height:573px;
}
.carouselImage1Height{
max-height:573px;
height:573px;
}
.searchInput{
font-family:'melbourneregular', serif;
/*width:200px;*/
/*height:55px;*/
/*padding-left:12px;*/
/*padding-top:8px;*/
/*font-size: 12px;*/
border:0 solid white;
/*background-color: orange;*/
}
.darkBlue{
background:#83beda;
}
.midBlue{
background: #acd8f2;
}
.liteBlue{
background: #c7e4f3;
}
.borderBottom{
border-bottom:1px solid black;
}
.about{
background: #7AC1DB;
}
.people{
background:#82afdb;
}
.announcements{
background: #6F93CC;
}
.internships{
background: #6BB3E4;
}
.internshipsText{
color:#6BB3E4;
}
.events{
background: #70A2D7;
}
.menu:hover{
cursor: pointer;
}
.white{
background:white;
color:black !important;
}
.logoPosition{
padding-left:17%;
padding-top:13%;
}
.leftBarLocation{
top:202px;
}
.longDescription{
}
.moveSmallBox{
top:96px;
}
.move_50{
top:398px;
}
.move_50_2{
top:596px;
}
.move_50_3{
top:795px;
}
.asiBoardMembersHeight{
height:396px;
}
.asiResearchersHeight{
height:396px;
}
.asiStaffHeight{
height:991px;
}
.homepageLineHeight{
line-height: 15px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
/*people*/
.asiBoardMembersLocation{
top:382px;
}
.asiResearchersLocation{
top:573px;
}
.asiStaffLocation{
top:382px;
position:absolute;left:50%;background-color:#f4f4f4;
width:25%;
}
.profit{
line-height: 20px;
}
/*//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
label{
font-size:1.125em;
font-weight: normal;
line-height: 20px;
margin-top:21px;
font-weight: 700;
}
textarea {
height:145px;
resize:none;
}
label {
display: block;
margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
.uneditable-input {
display: inline-block;
/*height: 26px;*/
/*padding: 4px 6px;*/
/*margin-bottom: 9px;*/
font-size: 14px;
/*line-height: 20px;*/
color: #555555;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
textarea,
input[type="text"],
input[type="password"],
.uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.textField{
width:338px;
}
.halfTextField{
width:149px;
}
.smallTextField{
width:86px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
/*outline: 0;*/
/*outline: thin dotted \9;*/
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
margin: 5px 5px 0px 0px;
cursor: pointer;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
/*width: auto;*/
}
select,
input[type="file"] {
height: 30px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 30px;
}
select {
width: 180px;
background-color: #ffffff;
border: 1px solid #cccccc;
padding:5px;
font-size: 14px;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
}
.browseButton {
background-color:#6BB3E4;
display:inline-block;
color:#ffffff;
font-size:1.375em;
/*font-weight:bold;*/
padding:4px 18px;
text-decoration:none;
border:0 solid white;
}.browseButton:hover {
background-color:#6BB3E4;
}.browseButton:active {
position:relative;
top:1px;
left:1px;
}
.applicationSubmitButton{
background-color:#6BB3E4;
display:inline-block;
color:#ffffff;
font-size:1.375em;
/*font-weight:bold;*/
text-decoration:none;
border:0 solid white;
position:absolute;
height:45px;
left:50%;
/*font-weight:700;*/
top:100%;
margin-top:50px;
font-family:'melbourneregular', serif;
padding:4px 28px;
}.applicationSubmitButton:hover {
cursor: pointer;
/*background-color:#6BB3E4;*/
}.applicationSubmitButton:active {
position:relative;
top:1px;
}
.accordHover{
padding-left:5px;
cursor:pointer;
}
.formLineWidth{
width:110%;
}
/*.contact_form input:focus, .contact_form textarea:focus {
padding:1px;
}
.contact_form input, .contact_form textarea {
-moz-transition: padding .25s;
-webkit-transition: padding .25s;
-o-transition: padding .25s;
transition: padding .25s;
}*/
.contact_form input, .contact_form textarea {
padding-right:30px;
}
/*input:required, textarea:required {
background: #fff url(../images/asterisk.png) no-repeat 96% center;
}*/
/*.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
background: #fff url(../images/asterisk.png) no-repeat 98% center;
box-shadow: 0 0 5px #d45252;
border-color: #b03535
}*/
.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
background: #fff url(../images/valid.png) no-repeat 98% center;
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}
/*/////////////////////////////////////////////////
///////////////////////////////////////////////Upload*/
.upload {
position:relative;
width:664px;
/*background-color: orange;*/
list-style: none;
}
.realupload {
position:absolute;
/*top:20px;*/
/*right:393px;*/
top:0;
left:0;
margin-top:25px;
/*width:240px;*/
/*padding-right:10px;*/
/*right:0;*/
/* start of transparency styles */
opacity:0;
-moz-opacity:0;
filter:alpha(opacity:0);
/* end of transparency styles */
z-index:2; /* bring the real upload interactivity up front */
width:300px;
cursor:pointer;
}
/*form .fakeupload {
position:absolute;
left:218px;
background:url(../images/button.png) no-repeat 100% 20%;
width:90px;
height:35px;
}
form .fakeupload input {
opacity:0;
width:0px;
}
*/
.eventDesc{
float:left;margin-top:120px;width:100%;height:150px;
background-image: -moz-linear-gradient(
rgba(24, 104, 170, 0.7) -50%, rgba(24, 104, 170, 1) 55%
);
background-image: -webkit-gradient(
linear, left top, left bottom, from(rgba(24,104,170,0.8)),
to(rgba(24,104,170,0.2)), color-stop(.5,#1868AA)
);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr=#550000FF, endColorstr=#550000FF
);
background-image: linear-gradient(
rgba(24, 104, 170, 0.7) -50%, rgba(24, 104, 170, 1) 55%
);
}
}