.container {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}


.container .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}


@media only screen and (min-width: 576px)  { .container { max-width: 540px; } }
@media only screen and (min-width: 768px)  { .container { max-width: 720px; } }
@media only screen and (min-width: 992px)  { .container { max-width: 960px; } }
@media only screen and (min-width: 1200px) { .container { max-width: 1140px; } }


body {
	font-family: Roboto,Arial,Helvetica,sans-serif;
}

a {
	color: #01bcf3;
}
footer, .masthead-nav {
	font-size: 14px;
}

nav > ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
}
nav > ul > li {
	margin-left: 1em;
}

.public-body input, .public-body select {
	border-style: solid;
	border-color: #a6c8d4 #daf9fe #daf9fe #a6c8d4;
	border-width: 1px;
	background-color: #daf9fe;
	border-radius: 3px;
	box-shadow: inset 1px 1px 0 #c8e8ef;
	font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
	font-size: 15px;
	color: #5c5d5d;
}

#loginArea input {
	width: 140px;
	padding: 1px 3px;
}
@media only screen and (min-width: 768px) {
	#loginArea input {
		width: 180px;
	}
}
	.public-body input:focus, .public-body select:focus {
		border-color: #d4c7a6 #fef6da #fef6da #d4c7a6;
		background-color: #fef6da;
		box-shadow: inset 1px 1px 0 #efe6c8;
	}

.public-body select {
	width: 188px;
}

#loginArea {
	margin: 1em auto;
}
@media only screen and (min-width: 576px) {
	#loginArea {
		margin-top: 2em;
		margin-bottom: 3em;
	}
}
@media only screen and (min-width: 768px) {
	#loginArea {
		margin-top: 4em;
		margin-bottom: 6em;
	}
}
#loginArea a {
	font-size: 13px;
	font-style: italic;
}

#loginArea h2 {
	text-align: center;
}

#loginArea table.login > tbody > tr > td {
	width: 33%;
}

.login_label, .login_link {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    padding: 6px 9px;
}
.login_label {
    text-align: right;
}
@media only screen and (min-width: 768px) {
	.login_label, .login_link {
		font-size: 13px;
	}
}

button.login_button {
    background: url("/skins/aquarium/images/buttons/normal/sprite.png") repeat-x scroll left 50% #FFFFFF;
    height: 28px;
    border: 0;
    border-radius: 5px;
    padding: 2px 18px 4px;
    font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #5c5d5d;
    cursor: pointer;
}
#login_button {
    width: 81px;
    background: url("/skins/aquarium/images/buttons/default/sprite.png") repeat-x scroll left 50% #FFFFFF;
    color: white;
    text-shadow: #127cb1 0 1px;
}
#reset_button {
    width: 103px;
    text-shadow: white 0 1px;
}

.login_tip {
    font-size: 12px;
    font-style: italic;
    color: #777;
    padding: 0 9px;
}

#register_button {
    width: 181px;
    background: url("/skins/aquarium/images/buttons/default/sprite.png") repeat-x scroll left 50% #FFFFFF;
    color: white;
    text-shadow: #127cb1 0 1px;
}

#login_error {
    padding-bottom: 12px;
    color: #F08080;
    text-align: center;
    font-weight: bold;
}

#restorepwd_title {
    text-align: center;
    font-weight: bold;
}

td#restorepwd_success_message {
    width: 187px;
    text-align: center;
    padding: 24px 0;
    color: #F08080;
    font-style: italic;
    display: none;
}