@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//www.otago.ac.nz/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(//www.otago.ac.nz/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(//www.otago.ac.nz/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(//www.otago.ac.nz/_assets/_fonts/opensans/opensans-light.woff) format('woff'); }

* {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}

/* Header */

body {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6;
	background: url(//www.otago.ac.nz/_assets/uniprint/gfx/budget-recharge/header-background.png) 0 0px repeat-x #f4f4f4;
	margin-top: 140px !important;
}
body::before {
    content: '';
    display: block;
    height: 67px;
    width: 440px;
    left: 0;
    top: 4px;
    background-image: url("//www.otago.ac.nz/_assets/uniprint/gfx/budget-recharge/header-bookmark.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
}
body::after {
    content: '';
    display: block;
    height: 44px;
    width: 391px;
    left: 220px;
    top: 16px;
    background-image: url("//www.otago.ac.nz/_assets/uniprint/gfx/budget-recharge/header-title.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
}

/* Form */

#content .loginTable label {
	margin-left: 7px;
}
#content .loginTable #username,
#content .loginTable #key {
    width: 100%;
    display: block;
    padding: 7px 7px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    font-size: 14px;
    transition: all 0.3s ease-out;
    -webkit-appearance: none;
}
#content .loginTable #username:focus,
#content .loginTable #key:focus {
    background: #f1f1f1;
    color: #333;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #e4e4e4 inset;
}

/* Button */

#content .loginTable input#Login {
	background-image: none;
    background-color: #FFCD23;
    font-family: Georgia, "Times New Roman", Times, serif;
    border: 2px solid #deac00;
    font-size: 15px;
    margin: 28px auto 7px auto;
    padding: 5px 14px;
    display: block;
    color: #333;
    border-radius: 16px;
    width: 117px !important;
    height: initial;
    float: none;
    transition: background 0.2s ease, color 0.2s ease;
    cursor: pointer;
}
#content .loginTable input#Login:hover {
	color: #ffffff;
    background-color: #cb9200;
	transition: background 0.2s ease, color 0.2s ease;
}
#content .scroller {
	border: 1px solid #DADADA;
}
#content .loginChoices + input + .scroller {
	border: 1px solid #DADADA;
	border-top: none;
}

/* Tabs */

.loginChoices {
	margin-bottom: 0;
}
.loginChoices .loginTypeButtonSelected,
.loginChoices .loginTypeButton {
	width: 100%;
	border-radius: 0;
	background-image: none;
	border: 1px solid #DADADA;
	border-bottom: 1px solid transparent;
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 300;
	font-size: 21px;
	color: #112953;
}
.loginChoices .loginTypeButtonSelected {
	background-color: #ffffff;
}
.loginChoices .loginTypeButton {
	border-bottom: 1px solid #DADADA;
}

/* Content */

#content {
	max-width: 800px;
}
.menuContainer {
	background-color: transparent;
}
#content .loginTable {
	background-image: none;
	background-color: #ffffff;
	border: none;
	border-radius: 4px;
}

/* Hide logo */

.topLogo {
	display: none;
}

/* Interface "H1's" */

.editHeadline {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 28px;
    padding: 14px 0;
    padding-left: 21px;
}
.leftColumn {
	width: 40%;
	padding-left: 21px;
}

.menuContainer {
	height: 68px;
}

/* Table styles */

.dataHeader {
	background-color: #f5f5f5;
}
.dataHeader nobr {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 16px;
}
.data {
	background-color: #ffffff;
}
.scroller table.loginTable tbody {
	border-bottom: 1px solid #e4e4e4;
}
.scroller table.loginTable tbody .editLabel table {
	border-top: 1px solid #e4e4e4 !important;
	border-bottom: 1px solid #e4e4e4 !important;
}
.dataRowDark {
	border-top: 1px solid #e4e4e4;
}

/* Message box */

.message {
	background-image: none;
	border: none;
}

/* Bottom buttons */

.menuButtonLogout,
.menuButtonRefresh,
.menuButtonNext,
.menuButtonBack {
	color: #416ebf;
	border: none;
	cursor: pointer !important;
	transition: color 0.2s ease;
}
.menuButtonLogout:hover,
.menuButtonRefresh:hover,
.menuButtonNext:hover {
    color: #003399;
    transition: color 0.3s ease;
}
.menuButtonLogout {
	background: url(//www.otago.ac.nz/_assets/uniprint/gfx/budget-recharge/button-logout.png) transparent;
	background-position: center top;
	background-repeat: no-repeat;
}
.menuButtonRefresh {
	background: url(//www.otago.ac.nz/_assets/uniprint/gfx/budget-recharge/button-refresh.png) transparent;
	background-position: center top;
	background-repeat: no-repeat;
}
.menuButtonNext {
	background: url(//www.otago.ac.nz/_assets/uniprint/gfx/budget-recharge/button-next.png) transparent;
	background-position: center top;
	background-repeat: no-repeat;
}
.menuButtonBack {
	background: url(//www.otago.ac.nz/_assets/uniprint/gfx/budget-recharge/button-back.png) transparent;
	background-position: center top;
	background-repeat: no-repeat;
}

/* Responsive */

@media only screen and (max-width: 1000px) {

	body {
		margin-top: 100px !important;
	}
	body::before {
		left: -120px;
	}
	body::after {
		left: 100px;
	}

}

@media only screen and (max-width: 430px) {

	body::after {
		left: 100px;
		background-image: url("//www.otago.ac.nz/_assets/uniprint/gfx/budget-recharge/header-title-mobile.png");
	}
	.editHeadline {
		font-size: 19px;
	}
	.loginChoices .loginTypeButtonSelected,
	.loginChoices .loginTypeButton {
		font-size: 16px;
	}
}