#ctl00_Body1 { background-image: url("../images/Hub/mainBackground.jpg"); background-repeat: no-repeat; background-size: cover; font-family: Verdana,Arial,Helvetica,sans-serif; height: auto; text-align: left; width: 100%; }

#header { font-family: "VAG Rounded W01 Bold","Trebuchet MS",times; font-weight: bold; margin: 50px 0px; }
#header h1 { color: #000; font-size: 5em; margin: 0px; text-align: center; }
#header h3 { color: #000; margin: 0px; text-align: center; }
#header a, #header a:active, #header a:visited { font-size: 1.2em; text-decoration: underline; }
#header a:hover { text-decoration: none; }
#header .logoutButton { color: #dc291e; }
#header .editDetails { color: #fff; }
#header .col-md-6+.col-md-6 { color: #fff; font-weight: bold; padding-top: 18px; text-align: right; }
#header .redText { color: #dc291e; }

/** Hub page tabs **/
ul.js-tablist { float: left; margin: 0px; padding: 0px; width: 10%; }
ul.js-tablist li { display: block; list-style-type: none; height: 120px; margin: 0px; width: 100%; }
ul.js-tablist li a { display: block; font-family: "Trebuchet MS",times; font-size: 1.9em; font-weight: bold; height: 100%; line-height: 25px; padding: 23px 20px 0px 20px; text-align: center; width: auto; }
ul.js-tablist li a:hover { text-decoration: none; }
.js-year { float: left; width: 90%; }
.js-year h3 { display: none; }

@media (max-width: 1000px) {
    ul.js-tablist li a { font-size: 1.4em;line-height: 20px; padding: 30px 10px 0px 10px; }
}

.ui-state-default:first-child { background-color: #dc291e; box-shadow: inset 0 0 5px #222; }
.ui-state-default { background-color: #dc291e; box-shadow: inset 0 5px 5px #222; }
.ui-state-default a { color: rgb(233,167,165); }

.ui-tabs-active { background: rgba(255,255,255,0.8); box-shadow: none; }
.ui-tabs-active:first-child { background: rgba(255,255,255,0.8); box-shadow: none; }
.ui-tabs-active a { color: #000; text-decoration: none; }


.mainContent .hubPanel { font-family: "VAG Rounded W01 Bold","Trebuchet MS",times; margin: 10px 0px; }
.mainContent .hubPanel .hubImage { float: left; margin: 10px 0px; text-align: center; width: 20%; }
.mainContent .hubPanel .hubPanelContent { float: left; background-color: #fff; margin: 10px 0px; padding: 10px 50px; width: 75% }

.appStatus { display: block; font-weight: bold; padding: 30px 0px; text-align: center; width: 100%; }

.mainContent { background: rgba(255,255,255,1); color: #000; font-size: 0.95em; padding: 10px 10px 40px 10px; }
.mainContent a { color: #dc291e; }
.mainContent .buttons { margin: 30px 0px; }
.mainContent .buttons a.btn-danger { color: #fff; }
.mainContent .buttons a.btn-default { color: #333; }
.mainContent .loginForm label { font-size: 0.9em; margin: 0px; text-align: left; width: 100%; }
.mainContent .loginForm input[type="text"], .mainContent .loginForm input[type="password"] { margin-bottom: 10px; height: 40px; padding: 0px 10px; width: 100%; }
.mainContent .loginForm input[type="button"], .mainContent .loginForm input[type="submit"] { margin: 5px; }
.mainContent .loginForm span.studentDetails { display: inline-block; font-weight: bold; width: 25%; }

.mainContent dl { margin: 10px auto; width: 75%; }
.mainContent dl dt { display: inline-block; font-weight: bold; margin-bottom: 10px; vertical-align: text-top; min-width: 100px; width: 30%; }
.mainContent dl dd { content: "&nbsp;"; display: inline-block; margin-bottom: 10px; vertical-align: text-top; width: 65%; }

.mainContent .errorMessage { background-color: #f2dede; border: 1px solid #eed3d7; color: #b94a48; padding: 6px; }
.mainContent .btn-danger { background-color: #dc291e; }
.mainContent .btn-danger:hover { background-color: #d43f3a; }

.footer { color: #fff; font-size: 0.8em; margin-top: 40px; width: 100%; }
.footer hr { color: #fff; border: 1px solid #fff; margin: 2px 0px 15px 0px; }
.footer ul { list-style-type: none; }
.footer ul li { display: inline-block; width: auto; }
.footer ul li a { color: #fff; }
.footer ul.upperFooter { margin-left: -15px; text-align: left; }
.footer ul.upperFooter li { width: 23%; }
.footer ul.upperFooter li a { font-weight: bold; }

.footer ul.lowerFooter { text-align: right; }
.footer ul.lowerFooter li { padding: 0px 10px; }
.footer ul.lowerFooter li:after { content: "|"; padding-left: 25px; }
.footer ul.lowerFooter li:last-child:after { content: ""; padding-left: 0px; }
.footer ul.lowerFooter li:last-child { padding-right: 0px; }