.clearall {clear:both;}
.logo {max-width:160px; max-height:50px; margin:5px}
body {font-size:12px}
h1 {font-size:16px;font-weight:strong} 
h3 {font-size:14px;font-weight:strong}
h2 {font-size:15px;font-weight:strong} 
.mobileHide {display:none;}
.shrinkbutton {width:75px}
.shrinkbutton .ui-btn-text {font-size:.7em}
.ui-btn-text_nin {white-space:Normal; font-size:smaller;}
.ui-btn-text {white-space:Normal; font-size:smaller;}
.ui-content{ overflow:hidden;}
#user_avatar {display:none;}
#header {min-height:55px}
#header h1 {margin-left:.25em}
#userbox {float:right; margin-top:3px;margin-right:5px; border:1px solid #ccc;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 40%, #fafafa 42%, #f9f9f9 43%, #f3f3f3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(40%,#ffffff), color-stop(42%,#fafafa), color-stop(43%,#f9f9f9), color-stop(100%,#f3f3f3));background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#fafafa 42%,#f9f9f9 43%,#f3f3f3 100%);background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#fafafa 42%,#f9f9f9 43%,#f3f3f3 100%);background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#fafafa 42%,#f9f9f9 43%,#f3f3f3 100%);background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 40%,#fafafa 42%,#f9f9f9 43%,#f3f3f3 100%);}
#userbox span {margin: 3px;}

div.demo_question_header {font-size: 12px;line-height: 18px;font-weight: bold;color: #000;margin-bottom: 5px;display:block;}
span.demo_question_header {font-size: 12px;line-height: 18px;font-weight: bold;color: #000;margin-bottom: 5px;display:inline;}

/* User ID Box - Admin Logged In */

#userbox.admin {float:right; margin-top:3px;margin-right:5px; border:1px solid #ccc;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 40%, #fafafa 42%, #f9f9f9 43%, #f3f3f3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(40%,#ffffff), color-stop(42%,#fafafa), color-stop(43%,#f9f9f9), color-stop(100%,#f3f3f3));background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#fafafa 42%,#f9f9f9 43%,#f3f3f3 100%);background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#fafafa 42%,#f9f9f9 43%,#f3f3f3 100%);background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#fafafa 42%,#f9f9f9 43%,#f3f3f3 100%);background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 40%,#fafafa 42%,#f9f9f9 43%,#f3f3f3 100%);}

#userbox.admin div.student-number {display:block; clear:both; padding:5px 5px 2px 5px; font-weight:bold; color:#7c9d49;}


.nav-sidebars .ui-btn .ui-btn-inner { padding-top: 35px !important; }
.nav-sidebars .ui-btn .ui-icon { width: 30px!important; height: 25px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
#footerItems .ui-btn-text{font-size:.9em}
#footerItems .services .ui-icon { background:  url(/images/mobile/111-user.png) 50% 50% no-repeat; background-size: 24px 21px; }
#footerItems .contacts .ui-icon { background:  url(/images/mobile/75-phone.png) 50% 50% no-repeat; background-size: 24px 24px;  }
#footerItems .additional .ui-icon { background:  url(/images/mobile/112-group.png) 50% 50% no-repeat;  background-size: 32px 21px; }
	
.ui-header .ui-title, .ui-footer .ui-title {text-overflow: clip; white-space: normal;}

#nav_tabs {min-height:44px;border-top:1px solid #CACDCF ;background:#385784 ;color:#000000 ;font-weight:bold;text-shadow:0  -1px  1px  #eeeeee ;background-image:-webkit-gradient(linear,left top,left bottom,from( #385784 ),to( #E8F1FD )); background-image:-webkit-linear-gradient( #385784,#E8F1FD ); background-image:   -moz-linear-gradient( #385784,#E8F1FD ); background-image:    -ms-linear-gradient( #385784,#E8F1FD ); background-image:     -o-linear-gradient( #385784,#E8F1FD ); background-image:        linear-gradient( #385784,#E8F1FD );}.ui-bar-a .ui-link-inherit{color:#000000 ;}

/*#nav_tabs span a {margin-top:6px; font-weight:normal; margin-left:0px;margin-right:0px;vertical-align:middle;min-height: 48px;}
#nav_tabs span a span span {font-size:10px;}
#nav_tabs span a span {max-width:64px;}*/

#nav_tabs span {font-weight:normal; margin-left:0px;margin-right:0px;vertical-align:middle;min-height: 36px;font-size:10px;}
.ui-btn.ui-btn-up-a.ui-shadow.ui-btn-corner-all.ui-mini.ui-btn-inline {
    margin-top: 6px;
}

#mobile_footer {font-size:.5em}
#copyright {text-align:center;font-size:.8em; margin:10px 0;}
.signup h2 {color: #385784;text-align: center;}
.error_message {
display: block;
#margin: 10px 25px;
padding: 10px 50px 10px 50px;
text-align: center;
background: #F5FAFF url(../images/alert_icon.png) 20px center no-repeat;
border: 1px solid #CFD6DF;
}
.confirmation_message  {display:block;  margin:10px 25px; padding:10px 50px 10px 50px; text-align:center;
background:#f5faff url(../images/confirmation_icon.png) 20px center no-repeat; border:1px solid #cfd6df;}

.round7 {-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.round5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
form input[type=submit].next_btn {width:91px; height:49px; display:inline-block; margin-top:10px; text-align:center; background:#fff url(../images/next_btn.gif) bottom left no-repeat; cursor:pointer; border:none;}
form input[type=submit].next_btn_pwd {margin-left:70px;width:91px; height:49px; display:inline-block; margin-top:10px; text-align:center; background:#fff url(../images/next_btn.gif) bottom left no-repeat; cursor:pointer; border:none;}

.submit_btn_submit {width:95px; height:49px; display:inline-block; margin-left:100px; background:#D3D3D3 url(../images/submit_btn_grey.png) no-repeat; cursor:pointer; border:none;}
.submit_btn_submit3 {width:92px; height:49px; display:inline-block; margin-left:85px; background:#D3D3D3 url(../images/submit_btn.gif) no-repeat; cursor:pointer; border:none;}
form input[type=submit].next_btn_pwd {width:91px; height:49px; display:inline-block; margin-left:120px; background:#fff url(../images/next_btn.gif) bottom left no-repeat; cursor:pointer; border:none;}

.column {margin-bottom:1em;}

/* Questionnaire Styles */

.questionnaire_nav {display:block; min-height:15px; overflow:hidden; width:100%; height:auto; margin-bottom:15px;}
#quest_nav {font-size:10px}
ul#quest_nav {width:100%; height:15px; border-top:1px solid #ccc; padding-left:0}
ul#quest_nav li { width:8px; height:100%; padding:10px 7px;  display:inline-block; float:left; background:#eaf2df; border:1px solid #ccc; border-left:none; border-top:none; text-align:center; border-collapse:collapse; font-size:12px; font-weight:bold; color:#919191;}

ul#quest_nav li.page {width:20px;background:#fff; border-bottom:1px solid #fff;}
ul#quest_nav li.current {height:100%; padding-top:10px; margin-top:-1px; background:#fff; border-top:1px solid #fff; color:#89ab58;}
#quest_nav li {font-size:10px !important}
.ui-radio {max-width:25%;min-width:20%; height:50px;}
.ui-radio label {width:100%;}
.radio_box .ui-radio {max-width:100%}
.small-column .ui-radio {max-width:100%}
.small-column-pwd .ui-radio {max-width:100%}
#userbox {margin-bottom:3px}
#questions .ui-btn-text{font-size:.7em}
#questions .ui-btn-inner{padding-left:4px;padding-right:4px;}
.options {padding-bottom: 15px; padding-top: 5px;}
th.condition {padding-bottom:20px;text-align:left;}
.ui-disabled {opacity: .6;max-width:25%;min-width:20%;}
.note {margin-top:10px}
.mobileOtherBox input {margin-top:10px;margin-left:30px}
#questionText {width:100%;z-index:999;top:0;background-color:#FFF;padding-top:5px;margin-bottom:10px }
.note{white-space: normal !important;}

main_container_popup_upd_ro {width:798px; min-height:400px; padding:0px; float:left; background:#fff; border:1px solid #cfd6df; /*border-bottom:none;*/ position:relative; z-index:10;}
main_container_popup_upd_ro h1.header_bar {height:13px; padding:9px 20px 18px 20px; background:#fff url(../images/header_bar_d2.jpg) center top repeat; font-size:19px; font-weight:bold; }
main_content_upd_ro {min-height:250px; padding:50px 40px 5px 40px;}

/* designed for an iphone5; increase width for an iphone6 to 300px */
#main_container_pwd {min-height:170px; margin-left:5px; padding:15px; background:#fff; border:1px solid #cfd6df; /*border-bottom:none;*/ position:relative; z-index:10;}
/* designed for an iphone5; increase width for an iphone6 to 260px */
#main_container_pwd2 {min-height:10px; padding:15px; background:#D3D3D3; border-radius:10px; border-color:darkgrey; border:1px solid #cfd6df; /*border-bottom:none;*/ position:relative; z-index:10;}
/* #main_container_pwd3 {width:335px; margin-left: -90px; min-height:170px; margin-left:180px; padding:15px; background:#fff; border:1px solid #cfd6df; position:relative; z-index:10;} */
#main_container_pwd4 {min-height:10px; padding:15px; background:#D3D3D3; border-radius:10px; border-color:darkgrey; border:1px solid #cfd6df; /*border-bottom:none;*/ position:relative; z-index:10;}

#main_container_questionnaire {margin-left: 5px; min-height:400px; padding:15px; background:#fff; solid #cfd6df; /*border-bottom:none;*/ position:relative; z-index:10;}

wrapper_readonly_upd_mob {min-height:400px; display:block; margin:0 auto; padding-left:0px; padding-right:0px;} 

/* Banner Rotator */
.w3-content{max-width:980px;margin:auto}
.w3-display-container{position:relative;margin-bottom:10px; background-color: #f0f5fa; border: solid 1px #cacdcf;}
.w3-left{float:left!important}
.w3-right{float:right!important}
.w3-badge,.w3-tag,.w3-sign{background-color:#fff;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-badge{border-radius:50%}
.w3-padding-left{padding-left:16px!important}
.w3-padding-right{padding-right:16px!important}
.w3-border{border:1px solid #ccc!important}
.w3-transparent{background-color:transparent!important}
.w3-white{color:#000!important;background-color:#ccc!important}
.w3-center{text-align:center!important}
.w3-section{margin-bottom:40px!important}
.w3-large{font-size:18px!important}
/*.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}*/
.w3-display-bottommiddle{position:relative;left:50%;bottom:0;transform:translate(-50%,100%);-ms-transform:translate(-50%,0%); -webkit-transform:translate(-50%,0%);}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#808080!important}
.mySlides {display:none;}
.mySlides img {display:block;}
.slidebox h1, .slidebox p{font-size:2vw;}
div.mySlides{font-size:2vw;}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
.slidebox { padding: 5px 5px 5px 5px;}

.ui-dialog {background: #ffffff!important;}

.skipLink {font-size:smaller;margin-left:8px;display:none;}