/*mobile_v.css*/
/*Use this file to configure the site while used on a vertical mobile device*/
#page{
width: 360px;
/*width:98%;*/
}

/* header */

#header_back{
height: 180px;
}

#header_title{
width: 80%;
margin: 0px;
height: 100%;
display: inline-block;
float:left;
/*background-color: #aaeedd*/;
}
#event_title{
margin-left: 5px;
font-size: 37px;
font-weight: bold;
display: block;
}
#event_location{
margin-top: 7px;
margin-left: 5px;
font-size: 44px;
display: block;
}
#event_date{
margin-left: 7px;
margin-top: 11px;
font-size: 24px;
font-weight: bold;
display: block;
}

#header_hosts{
font-size: 14px;
width: 20%;
margin: 2px 0px;
height: 100%;
display: inline-block;
float:right;
text-align: center;
font-size: 12px;
/*background-color: #ddeeaa*/;
}

.host_logo{
margin: 15px 2px;
}

.host_logo img{
width: 60px;
}

/* navigation */

#navigation{
position: relative;
left: 0px;
}

.nav_text{
font-size: 19px;
vertical-align: middle;
display: inline-block;
}
.nav_color{
/*height: 40px;*/
}
.nav_1{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 3%;
}
.nav_2{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 19%;
}
.nav_3{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 35%;
}
.nav_4{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 51%;
}
.nav_5{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 67%;
}
.nav_6{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 83%;
}
.nav_indicator{
height: 0px;
display:none;
/*background-color: #00ff00;*/
}
.nav_indicator_highlight{
height: 0px;
display:none;
/*background-color: #00ff00;*/
}
#nav_menu{
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 100%;
height: 60px;
}
#nav_pages{
display:none;
width: 100%;
background-color: rgba(0,0,0,0.75);
overflow: hidden;
}
#nav_pages_inner{
margin: 0px;
width: 100%;
height:100%;
}

/* account navigation */

.anav_text{
font-size: 19px;
vertical-align: middle;
display: inline-block;
}
.anav_color{
/*height: 40px;*/
}
.anav_1{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 3%;
}
.anav_2{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 19%;
}
.anav_3{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 35%;
}
.anav_4{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 51%;
}
.anav_5{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 67%;
}
.anav_6{
display: inline-block;
width: 90%;
height: 14%;
position: absolute;
left: 5%;
top: 83%;
}
.anav_indicator{
height: 0px;
display:none;
/*background-color: #00ff00;*/
}
.anav_indicator_highlight{
height: 0px;
display:none;
/*background-color: #00ff00;*/
}
#anav_menu{
position: absolute;
top: 60px;
left: 0px;
display: block;
width: 100%;
height: 60px;
}
#anav_pages{
display:none;
width: 100%;
background-color: rgba(0,0,0,0.75);
overflow: hidden;
}
#anav_pages_inner{
margin: 0px;
width: 100%;
height:100%;
}
.account_nav_bump{
height: 60px;
display: block;
width: 1px;
}

/* page content */

#content{
width: 354px;
margin: 56px auto 10px auto;
/*background-color: #ddeeaa;*/

}
#content_title{
height: 80px;
position: static;
text-align: center;
/*background-color: #ddaaaa;*/
}
#content_title_text{
display: inline-block;
width: 350px;
/*background-color: #aaaadd;*/
vertical-align: middle;
font-size: 19px;
position: static;
padding: 5px 0px;
}
.content_line{
height: 0px;
width: 99%;
display: none;
position: static;
vertical-align: middle;
}

#content_text{
width: 350px;
margin: 0px auto;
padding: 0px 0px 20px 0px;
}

/* footer */

#footer{
font-size: 8px;
color: gray;
text-align: right;
width: 360px;
margin: -8px auto;
}
#footer a{
text-decoration: none;
color: gray;
}

/* login specific */

#login_div{
padding: 10px;
height: 400px;
}
#login_div input{
height: 36px;
font-size: 18px;
}

#login_div form{
margin-top: 40px;
}

#login_div #authMessage{
margin-bottom: -35px;
margin-top: 5px;
}

#login_div .submit input{
width: 35%;
height: 40px;
margin: 0px 0px 0px 61%;
right: 0px;
}
#login_div label{
width: 50%;
font-size: 20px;
display: block;
margin: 2% 2% 0px 0px;
text-align: left;
vertical-align: middle;
}
#login_div input{
width: 99%;
display: inline-block;
margin: 2% 0px auto auto;
vertical-align: middle;
}

#login_div .form_line{
min-height: 40px;
}

#login_div .checkbox{
display: block;
width: 56%;
margin-right: auto;
margin-left: 26%;
margin-bottom: 0px;
}

#login_div .checkbox label{
display: inline-block;
margin-left: 8px;
width: auto;
}
#login_div .checkbox input{
display: inline-block;
margin-left: auto;
margin-right: 0px;
width: auto;
}

#reg_link{
margin-top: 0px;
margin-bottom:0px;
text-align: right;
width: 60%;
margin-left: 36%;
display: block;
}
#forgot_pass{
margin-top: 20px;
margin-bottom:0px;
text-align: center;
width: 100%;
margin-left: 0px;
display: block;
}

/* input forms specific */
#inputform_div{
font-size: 20px;
}

#inputform_div fieldset{
width: 76%;
margin-left: auto;
margin-right: auto;
}

#inputform_div .input{
margin-top: 15px;
margin-bottom: 20px;
width: 100%;
}

#inputform_div .input input{
height: 32px;
font-size: 20px;
width: 99.5%;
}

#inputform_div .input select{
height: 32px;
font-size: 20px;
width: 99.5%;
max-width: 100%
}

#inputform_div .no_vspace{
margin-top: -15px;
}

#inputform_div .selection_input select{
height: 24px;
font-size: 18px;
width: 30%;
}

#inputform_div .tos_check input{
width: auto;
vertical-align: middle;
display:inline-block;
}
#inputform_div .tos_check label{
width: auto;
max-width: 90%;
margin-left: 5px;
vertical-align: middle;
display:inline-block;
}

#inputform_div  .error-message{
font: normal normal 400 20px/30px "Times New Roman";
width: 100%;
margin: 0px auto; 
}

#inputform_div .submit input{
/*width: 16%;*/
padding: 10px 15px;
/*height: 40px;*/
margin: 15px 0px;
font-size: 20px;
}

#inputform_div .submit{
display: inline-block;
vertical-align: middle;
}

#inputform_div .cancel_button{
height: auto;
width: auto;
padding: 10px 15px;
display: inline-block;
vertical-align: middle;
}

#inputform_div .cancel_link{
padding: 0px 15px;
/*height: 40px;*/
margin: 15px 15px;
font-size: 20px;
width: auto;
display: inline-block;
vertical-align: middle;
}

#inputform_div textarea{
width: 100%;
}
#inputform_div .checkbox{
width: 100%;
}

#inputform_div .checkbox input{
display: inline-block;
width: 10%;
vertical-align: middle;
}
#inputform_div .checkbox label{
display: inline-block;
width: 70%;
}

/* Personal Information Page Specific */
#personal_div{
font-size: 20px;
}

.person_item{
margin: 30px 0px;
/*width: 0%;*/
}
.person_label{
font-weight: bold;
display: block;
vertical-align: top;
width: 50%;
text-align: left;
margin-right: 4%;
}
.person_data{
display: block;
vertical-align: bottom;
max-width:96%;
}

#personal_div .cancel_button{
height: auto;
width: auto;
padding: 10px 15px;
display: inline-block;
vertical-align: middle;
}

#personal_div .cancel_link{
padding: 0px 15px;
/*height: 40px;*/
margin: 15px 15px;
font-size: 20px;
width: auto;
display: inline-block;
vertical-align: middle;
}

#change_password_div{
width: 70%;
margin: 0px auto;
}

/* My Account Page Specific */
#user_name{
font-size: 28px;
}
.user_minor{
font-size: 12px;
color: rgba(108,108,108,1);
}

.user_section{
width: 100%;
margin: 20px 0px;
}

.user_section_title{
font-size: 22px;
width: 100%;
padding: 5px 0px;
}

.user_info_item{
font-size: 18px;
width: 100%;
padding: 5px 0px;
text-align: center;
border-bottom: 1px solid #000000;
}

.user_pres_title{
width: 75%;
margin: 0px;
padding: 0px;
display:inline-block;
text-align: center;
vertical-align: middle;
}

.user_pres_status{
width: 25%;
margin: 0px;
padding: 0px;
display:inline-block;
text-align: center;
vertical-align: middle;
}
.user_labels{
font-size: 18px;
width: 100%;
padding: 5px 0px;
text-align: center;
}
.user_mini_label{
display: none;
}

/* Submissions Page Specific */
#submissions_div{
width: 100%;
border: 1px solid #002147;
}
#sub_title{
font-size: 22px;
width: 100%;
padding: 5px 0px;
}
.sub_labels{
font-size: 18px;
width: 100%;
padding: 5px 0px;
text-align: center;
vertical-align: middle;
display: none;
}
.sub_line{
font-size: 18px;
width: 100%;
padding: 0px 0px;
text-align: center;
border-bottom: 1px solid #000000;
vertical-align: middle;
}
.sub_pres_title{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
text-align: center;
vertical-align: middle;
}
.sub_pres_presenter{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.sub_pres_uploads{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.sub_pres_status{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.sub_pres_actions{
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.sub_mini_label{
margin: 10px 0px 0px 0px;
display: block;
}

/* Panels Page Specific */
#panels_div{
width: 100%;
border: 1px solid #002147;
}
#pan_title{
font-size: 22px;
width: 100%;
padding: 5px 0px;
display: none;
}
.pan_labels{
font-size: 18px;
width: 100%;
padding: 5px 0px;
text-align: center;
vertical-align: middle;
display: none;
}
.pan_line{
font-size: 18px;
width: 100%;
padding: 0px 0px;
text-align: center;
/*border-bottom: 1px solid #000000;*/
vertical-align: middle;
border-bottom: 3px solid #000000;
}
.pan_pres_title{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.pan_pres_presenter{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.pan_pres_uploads{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.pan_pres_status{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.pan_pres_actions{
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.pan_mini_label{
margin: 0px 0px 0px 0px;
/*border-top: 2px solid #000000;*/
display: block;
}

/* Panels Page Specific */
#opanel_div{
width: 100%;
/*border: 1px solid #002147;*/
}
#opan_title{
font-size: 22px;
width: 100%;
padding: 5px 0px;
text-align: center;
}
.opan_labels{
font-size: 18px;
width: 100%;
padding: 5px 0px;
text-align: center;
vertical-align: middle;
display: none;
}
.opan_line{
font-size: 18px;
width: 100%;
padding: 0px 0px;
text-align: center;
/*border-bottom: 1px solid #000000;*/
vertical-align: middle;
border-bottom: 3px solid #000000;
}
.opan_pres_title{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.opan_pres_presenter{
width: 100%;
margin: 0px;
padding: 0px;
display:block;
vertical-align: middle;
}

.opan_pres_actions{
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px;
display:block;
vertical-align: middle;
}
.opan_mini_label{
margin: 0px 0px 0px 0px;
/*border-top: 2px solid #000000;*/
display: block;
}

#opanel_div .cancel_button{
height: auto;
width: auto;
padding: 10px 15px;
display: inline-block;
vertical-align: middle;
}

#opanel_div .cancel_link{
padding: 0px 15px;
/*height: 40px;*/
margin: 15px 15px;
font-size: 20px;
width: auto;
display: inline-block;
vertical-align: middle;
}

.vertical_spacer{
display: block;
height: 10px;
width: 10px;
}

/* Admin User Page */

#adminuser_div #user_filter{
font-size: 20px;
padding-bottom: 25px;
}

#adminuser_div #user_filter .input input{
height: 28px;
font-size: 20px;
width: 40%;
margin-bottom: 10px;
}

#adminuser_div .paging{
font-size: 20px;
}
#adminuser_div .paging span{
padding: 2px;
}

#adminuser_div #user_results{
font-size: 18px;
}

#adminuser_div #user_results table{
width: 100%;
}

#adminuser_div #user_results td{
padding: 15px 5px;
background-color: #cecece;
text-align: center;
}
#adminuser_div #user_results .user_actions{
width: 140px;
}

#adminuser_div #user_results .altrow td{
background-color: #ffffff;
}
#adminuser_div #user_results th{
color: #ffffff;
background-color: #002147;
}
#adminuser_div #user_results th a{
color: #ffffff;
}

iframe{
height: 500px;
}

/*Admin Nav*/

#adnavigation{
position: relative;
left: 0px;
}

.adnav_text{
font-size: 19px;
vertical-align: middle;
display: inline-block;
}
.adnav_color{
height: 40px;
}
.adnav_1{
display: inline-block;
width: 115px;
position: absolute;
left: 0px;
}
.adnav_2{
display: inline-block;
width: 240px;
position: absolute;
left: 115px;
}
.adnav_3{
display: inline-block;
width: 220px;
position: absolute;
left: 355px;
}
.adnav_4{
display: inline-block;
width: 135px;
position: absolute;
left: 575px;
}
.adnav_5{
display: inline-block;
width: 250px;
position: absolute;
left: 710px;
}
.adnav_6{
display: none;
width: 0px;
position: absolute;
right: 0px;
}
#adnav_menu{
display: none;
width: 0px;
height:0px;
position: absolute;
right: 0px;
}
.adnav_indicator{
height: 0px;
position: absolute;
top:40px;
/*background-color: #00ff00;*/
}
.adnav_indicator_highlight{
height: 40px;
position: absolute;
top:0px;
/*background-color: #00ff00;*/
}
.admin_nav_bump{
height: 18px;
display: block;
width: 1px;
}