/* ------- HTML5 display definitions - normalize.css v2.1.0 ------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) { display:none; height:0; }
[hidden] { display:none; }
html { font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body { margin:0; }
a:focus { outline:thin dotted; }
a:active, a:hover { outline:0; }
h1, h2 { font-family:'museo-slab', Georgia, serif; font-size:2em; margin:0.7em 0; letter-spacing:-0.5px; font-weight:500; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight:bold; }
dfn { font-style:italic; }
hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0; }
mark { background:#ff0; color:#000; }
code, kbd, pre, samp { font-family:monospace, serif; font-size:1em; }
pre { white-space:pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size:80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
img { border:0; }
svg:not(:root) { overflow:hidden; }
figure { margin:0; }
fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family:inherit; font-size:100%; margin:0; }
button, input { line-height:normal; }
button, select { text-transform:none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; }
button[disabled], html input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
/* ------- HTML5 display definitions end ------- */
body { font-size:100%; font-family: 'Roboto', Arial, sans-serif; font-weight:400; background-color:#eee; }
a, a:focus, a:hover { color:#834789; }
a:focus, a:hover { text-decoration:underline; }
.authentication-holder { left:50%; margin:-250px 0 0 -430px; position:absolute; top:50%; max-width:900px; }
.account-holder { left:50%; margin:-270px 0 0 -300px; position:absolute; top:50%; max-width:600px; }
.help-holder { margin-bottom:40px; margin:0 0 0 -430px; max-width:900px; top:5%; }
header { width:90%; height:100px; margin:0 0 0 5%; border-radius:0em; border-top-left-radius:0.5em; border-top-right-radius:0.5em; border-top:1px solid #ddd; border-bottom: 2px solid #ddd; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); -o-box-shadow:0 1px 2px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.3); background-color:#fff; }
.account-holder header { height:85px; }
.help-holder header { height:92px; }
header .logo-card { width:25%; margin:2% auto 0 auto; }
.account-holder header .logo-card { width:40%; min-width:200px; }
.help-holder header .logo-card { width:25%; }
header .logo-card img { width:100%; }
header .org-card { display:none; }
header .org-card img { width:100%; z-index:101; }
header .org-card .close-org { float:right; color:#ddd; width:11px; height:11px; cursor:pointer; position:relative; top:-55px; font-size:17px; }
header .org-card .close-org:hover { color:#5D3261; }
/* Organisation log in selected */
header .logo-card.org-select-logo, header .org-card.active { border-radius:0em; border-top-left-radius:0.5em; border-top-right-radius:0.5em; display:block; float:left; position:relative; top:10.5%; background-color:#fff; border:1px solid #ccc; border-bottom-color:#fff; width:24%; padding:1.5%; margin:1% 0 1% 0.5%; min-width:150px; }
header .org-card.active { padding-bottom:0.2%; border:2px solid #ddd; top:8.5%; }
header .org-card.active i.fa.fa-angle-down { font-size:41px; color:#ddd; margin:0 0 -7px 37.5%; display:block; background-color:#fff; width:18.5px; height:20px; bottom:2px; position:absolute; z-index:100; }
.fa-angle-down:before { left:-4px; position:absolute; }
header .logo-card.org-select-logo { border:1px solid #ccc; }
.form-holder { width:90%; margin:0 0 0 5%; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); -o-box-shadow:0 1px 2px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.3); background-color:#fff; min-height:375px; }
.help-holder .form-holder { min-height:1290px; margin-bottom:-10px; }
.form-separator { background-color:#fff; height:30px; width:33px; padding:5px; position:absolute; left:49.2%; top:50%; margin:-30px auto 0 auto; }
.form-separator p { text-transform:uppercase; color:#666; font-size:1.7em; line-height:1.2; }
article { width:46%; margin:20px 1%; padding:0 2% 0 4%; min-height:330px; float:left; border-left:2px solid #eee; }
article:nth-of-type(1), .help-holder article:nth-of-type(2), article.openathens-login + article.org-selected-login.active { border-left:none; margin:20px 2%; padding:0 2%; }
.help-holder article:nth-of-type(2), .help-holder article.help-info { margin:0 2%; }
.help-holder article:nth-of-type(2) { border-right:2px solid #eee; }
.help-holder article:nth-of-type(3) { border-left:none; }
article.openathens-login, article.organisation-login, article.org-selected-login { display:none; }
article.openathens-login.active, article.organisation-login.active, article.org-selected-login.active, article.forgot-password { display:block; }
/* Additional article classes for help pages */
article.single-display { width:96%; margin:0 2%; float:none; clear:both; min-height:0px; }
.content-inner { padding:1% 5% 0 5%; min-height:265px; }
article.single-display .content-inner { min-height:0px; }
.help-holder article.single-display:nth-of-type(1) .content-inner { padding-top:3%; }
.content-inner p { font-size:1.5em; color:#4d4d4d; }
.help-info ol li { font-size:1.3em; line-height:1.6; }
#contact-organisation { display:none; }
#contact-organisation.active { display:block; }
/* ------- OpenAthens login form: Start ------- */
.error { display:block; font-size:1.3em; margin-bottom:10px; font-weight:500; visibility:hidden; height:0px; }
.error .login_error_message, .error .select_error_message { color:#c21b1e; }
.org-field-holder { padding:3px; min-height:20px; margin:20px 0 0 0; }
.login-field, .org-field, .account-field { width:100%; border:1px solid #9D9C9C; padding:2%; margin:0; font-size:1.5em; }
.account-field { padding:1.4%; }
/* List search type input - no icon, no text indent */
input[type=combo].org-field, input[type=combo].org-field:focus { background-image:none; text-indent:0px; box-sizing:border-box; }
.btn { text-align:center; text-decoration:none; color:#ddd; font-size:1.5em; text-shadow:0 1px 1px rgba(0,0,0,.3);
padding:0.3em 10px 0.3em 10px; margin-bottom:0.5em; border:none; border-radius:0.3em; width:auto;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); -o-box-shadow:0 1px 2px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.3);
background-color:#5D3261; background-color:rgba(93,50,97,0.8); display:block;
}
.btn.focus, .btn:focus, .btn:hover { color:#fff; background-color:rgba(93,50,97,1); text-decoration:none; }
.btn.active { -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); -o-box-shadow:0 1px 2px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.3); }
.login, .select-organisation-link { float:left; margin:1em 15%; width:70%; text-align:center; }
.form-link-holder { width:100%; clear:both; display:block; font-size:1.2em; margin-bottom:10%; }
.password-link, .login-link { float:left; }
.help-link { float:right; margin:0; }
.login-link, .privacy-link { margin:5px 20px; }
/* ------- OpenAthens login form: End --------- */
/* ------- Organisation login form: Start ------- */
span.twitter-typeahead { width:100%; }
.tt-menu { width:100%; max-height:200px; border-width:1px; margin-top:0px; border-style:solid; border-color:rgba(156,156,156,.3); overflow-y:scroll; }
.tt-menu.tt-open { background-color:#fff; }
.tt-suggestion.tt-selectable { padding:4%; font-size:1.5em; line-height:1.5; color:#333; cursor:pointer; }
.tt-suggestion.tt-selectable:hover { background-color:rgba(156,156,156,.1); color:#000;}
/* ------- Organisation login form: End --------- */
/* ------- Font awesome settings: Start --------- */
.input-group-addon { padding:0 7px; color:#ccc; text-align:center; background-color:#fff; border:1px solid #aaa; border-radius:0px; }
.form-control { height:34px; padding:6px; color:#555; background-color:#fff; border:1px solid #aaa; border-left:none; border-radius:0px; }
span.input-group-addon .fa-lock { font-size:20px; }
.first-input-group { margin-bottom:20px; }
/* ------- Font awesome settings: End ----------- */
footer { background-color:#f2f1ed; border-top:1px solid #ddd; height:60px; display:block; }
footer.form-footer { width:90%; margin:0 0 5% 5%; padding:0; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); -o-box-shadow:0 1px 2px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.3); border-radius:0em; border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em; }
footer.site-footer { position:fixed; bottom:0px; height:25px; width:100%; }
.form-footer div { padding:0.897% 0; }
.form-footer div a, .form-footer div a:link, .form-footer div a:active, .form-footer div a:visited,
.form-footer div div.openathens-login-link { color:#5D3261; }
.form-footer div a:hover { text-decoration:none; }
.form-footer div a:hover p { text-decoration:underline; }
.footer-link-holder i, .footer-link-holder p { display:inline; }
.footer-link-holder .fa { font-size:20px; vertical-align:middle; }
.footer-link-holder.login-link { float:left; }
.footer-link-holder.privacy-link { float:right; }
.login-link i.fa { padding-right:5px; }
.privacy-link i.fa { padding-left:5px; }
@media only screen and (min-width:890px){
form.login-form { margin-top:55px; }
}
@media only screen and (max-width:934px) and (min-width:890px){
/* Organisation log in selected */
header .logo-card.org-select-logo { top:11%; }
}
@media only screen and (max-width:890px){
.authentication-holder, .account-holder, .help-holder { left:0; margin:5% 0; position:relative; top:0; width:100%; }
.form-holder { margin:-20px 0 0 5%; }
.form-separator { left:47%; top:54.5%; width:45px; padding:5px 11px; }
header .logo-card { width:35%; }
.account-holder header .logo-card { width:35%; }
.help-holder header .logo-card { width:35%; }
/* Organisation log in selected */
header { height:92px; }
header .logo-card.org-select-logo { top:23%; }
header .org-card.active { top:19%; }
header .org-card .close-org { top:-50px; }
article { width:95%; float:none; margin:0 2%; padding:10px 2%; min-height:0px; border:none; }
article:nth-of-type(1) { margin:0 2%; }
article.organisation-login { border-top:2px solid #ccc; }
.help-holder article:nth-of-type(2) { border-right:none; }
.org-field-holder { margin:0; }
/* Input size and icon positioning */
.login-field, .org-field { padding:1.4%; }
input[type=email].login-field, input[type=email].account-field { background-position:4px -50px; }
input[type=email].login-field:focus, input[type=email].account-field:focus { background-position:4px -76px; }
input[type=password].login-field { background-position:4px -102px; }
input[type=password].login-field:focus { background-position:4px -129px; }
/*Help topic answer sections */
.help-holder .form-holder { min-height:500px; }
.help-holder article.help-info, .help-holder .content-inner { padding-top:0px; }
article.help-info .content-inner { min-height:0px; }
.help-holder h2 { text-indent:25px; background-image:url('sprite01.png'); background-position:4px -226px; background-repeat:no-repeat; }
.help-holder h2:hover { cursor:pointer; background-position:4px -257px; color:#5D3261; }
.help-holder h2.more-help { text-indent:0px; background:none; border-top:1px solid #ddd; padding-top:15px; }
#logintips, #forgottenpassword, #sslcookies, #troubleshooting { display:none;
-webkit-transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in;
-moz-transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in;
-o-transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in;
-ms-transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in;
transition: background-color .2s ease-in, background-position .2s ease-in, box-shadow .3s ease-in;
}
#logintips.active, #forgottenpassword.active, #sslcookies.active, #troubleshooting.active { display:block; }
}
@media only screen and (max-width:768px){
/* Organisation log in selected */
header .logo-card.org-select-logo { top:21%; }
header .org-card.active { top:18%; }
}
@media only screen and (max-width:750px){
/* Organisation log in selected */
header .logo-card.org-select-logo { top:23%; }
header .org-card.active { top:20%; }
}
@media only screen and (max-width:730px){
/* Organisation log in selected */
header .logo-card.org-select-logo { top:25%; }
header .org-card.active { top:22%; }
}
@media only screen and (max-width:700px){
.account-holder header .logo-card, .help-holder header .logo-card, header .logo-card { width:40%; margin:1% auto 0 auto; }
/* Organisation log in selected */
header .logo-card.org-select-logo { top:27%; }
}
@media only screen and (max-width:615px){
article.single-display { min-height:420px; }
.help-holder article.single-display { min-height:0px; }
.account-holder header, .help-holder header, header { height:80px; }
header .logo-card { width:40%; margin:1% auto 0 auto; min-width:200px; }
/* Organisation log in selected */
header .logo-card.org-select-logo { top:18%; }
header .org-card.active { top:11%; }
.form-separator { left:46%; padding:0px 11px; }
input[type=email].login-field, input[type=email].account-field { background-position:4px -54px; }
input[type=email].login-field:focus, input[type=email].account-field:focus { background-position:4px -80px; }
input[type=password].login-field { background-position:4px -106px; }
input[type=password].login-field:focus { background-position:4px -132px; }
input[type=text].account-field { background-position:4px -161px; }
input[type=text].account-field:focus { background-position:4px -191px; }
}
@media only screen and (max-width:550px){
/* Organisation log in selected */
header .logo-card.org-select-logo { top:20%; }
header .org-card.active { top:13%; }
}
@media only screen and (max-width:500px){
/* Organisation log in selected */
header .logo-card.org-select-logo { top:22%; }
header .org-card.active { top:15%; }
}
@media only screen and (max-width:450px){
.container { margin:2%; padding:0; }
.authentication-holder, .account-holder, .help-holder { margin:1% 0; }
article:nth-of-type(1), article.openathens-login + article.org-selected-login.active { margin:0 2% 3% 2%; }
article.single-display:nth-of-type(1) { margin:0 2%; min-height:455px;}
.help-holder article.single-display:nth-of-type(1) { min-height:0px;}
.form-separator { left:45%; top:55.5%; }
header, .form-holder, footer.form-footer { width:98%; min-height:0px; margin:0 1%; }
header .logo-card { width:50%; margin:2% auto; }
.content-inner { min-height:230px; }
}
@media only screen and (max-width:420px){
.form-separator { left:45%; top:55.5%; }
}
@media only screen and (max-width:400px){
/* Organisation log in selected */
header .logo-card.org-select-logo { top:24%; }
header .org-card.active { top:17%; }
}
@media only screen and (max-width:350px){
.password-link, .help-link { width:100%; clear:both; margin:1% 0; text-align:center; }
article.openathens-login.active, article.org-selected-login.active { min-height:275px; }
.form-separator { left:41%; top:57%; }
header .logo-card.org-select-logo, header .org-card, header .org-card.active { width:20%; min-width:148px; top:27%; }
header .org-card.active { top:18%; }
header .org-card .close-org { top:-42px; left:-5px; }
}