@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
body, td, input, select, textarea, button {font-size:13px; font-family:"Open Sans",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif}
body {background:#dbdbdb url("../images/bg-header.jpg") repeat-x}
h1, h2, h3 {color:#1b6eae; font-weight:normal; font-family:"Lucida Grande", Lucida, Helvetica, Arial, Geneva, sans-serif; padding:0px; margin:0px}
h1 {width:197px; height:76px; display:inline-block; text-indent:-1000px; background:url("../images/logo.png") no-repeat; background-position:center; margin:0}
h2 {font-size:28px; display:inline-block}
h3 {font-size:24px; padding-bottom:5px}
a {color:#2375be}
a:hover {color:#1d4165}
table {border-collapse:collapse}
th, td {padding:2px}
th {text-align:left}
th, td {padding-right:15px}
.quantity {text-align:right}

form div.row {clear:both; overflow:hidden; margin-bottom:5px}
form div.row:last-child {margin-bottom:0}
form div.row>label {float:left; color:#6c6d6f}
form div.row>label, form.readOnly div.row>div, form div.row.noFormElement>div {padding:0 3px 2px 0}
form div.row>div {padding:2px 0px}
form div.row>div.floatLeft {float:left}
form div.row.fullWidth {width:auto}
form div.row.fullWidth>label {float:none}
form div.row.required>label::after {content:"*"; color:red}
form div.row div.belowLabel {float:left; clear:left}
form div.row.noFormElement>div:not(.floatLeft) {margin-left:80px}/*Properly aligns checkbox lists when NoFormElement = true*/
form.small div.row>label {font-weight:normal; margin-right:5px}
form.labelsWidthAuto div.row>label {width:auto}
form.labelsFloatNone div.row>label {float:none}
input, select, textarea {border-radius:5px; border:1px solid #cccccc}
textarea {width:100%; height:85px; box-sizing:border-box; overflow:auto}
input[type="file"] {border:inherit}

#sizer {background-color:white; width:90%; max-width:1200px; border-radius:5px; margin:40px auto 10px auto}
#top, #content {padding:10px}
#top {display:flex; padding-bottom:0}
#top>h1 {margin-right:10px; flex-shrink:0}
#top>h2 {align-self:center; flex-shrink:0}
#top>.right {margin-left:auto; overflow:hidden; text-overflow:ellipsis}
#menu {background-color:#1a6093}
#menu ul {list-style-image:none; list-style-type:none; padding:0px; margin:0px}
#menu li {float:left; border-right:1px solid #0a3c5e}
#menu a {color:white; text-decoration:none; display:block; padding:15px 25px}
#menu a:hover {background-color:#106faf}
#content {clear:both}
.notice, .specialBorder {background:white url("../images/sidebar-bg.png") repeat-x; padding:10px; border:1px solid #dedede; margin:10px 0px}
button, a.button, input.button {color:white; text-decoration:none; background-color:#1a6093; display:inline-block; border:0px none transparent; padding:5px 10px; cursor:pointer}
button:hover, a.button:hover, input.button:hover {background-color:#106faf}

.fileUploader label {text-align:center}
.fileUploader label div {background-image:url("../images/upload-cloud.png"); background-position:center; background-repeat:no-repeat; background-size:contain; height:75px; margin-bottom:10px}
.fileUploader label span.browse {color:#1a6093; font-weight:bold}
.fileUploader label:hover span.browse {text-decoration:underline}
.fileUploader label.draggingOver span.dragAndDrop {color:green; text-decoration:underline}

@media screen and (max-width: 1225px)
{
    #menu a {padding:5px 10px}
}

@media (max-width: 700px)
{
	body {margin:0}
    #sizer {width:100%; border-radius:0; margin:0}
    #top {display:block}
    h2 {font-size:24px; display:block; margin-top:5px}
}