* { box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

p{
	font-family: Arial,Tahoma, Geneva, sans-serif;
  font-size: 12px;
  line-height: 19px;
}

body {
    border-top: 0px;
    color: #434a51;
    font-family: 'Droid Sans', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

h3, h3.ms-rteElement-H2 {
    font-size: 18px;
}

#body-container{background-color:#ffffff;}

#body-container.login {
    width: 680px; 
    height: 460px; 
    margin: -250px 0px 0px -330px; 
    position: absolute; top: 50%; left: 50%; 
    }

#container.login {
    width: 650px; 
    height: 580px; 
    margin: 0px 0px 0px -330px; 
    position: absolute; top: 5%; left: 50%; 
    }
    
#logo {
  background:transparent url('../images/MGLogo.png') no-repeat scroll center center; 
  height: 360px; 
  margin-top: -50px;
}
#sslSeal {
  margin: 30px;
  text-align: center;
}
    
#left {
    width: 270px; 
    height: 460px;
    float: left;
    background: #B5D5C1;
    }
    
#right {
    width: 409px; 
    height: 460px; 
    border-top: 1px solid #afafaa;
    border-bottom: 1px solid #afafaa;
    border-right: 1px solid #afafaa;
    background: #ecf0eb;
    overflow:auto;
    }

#results {
    width: 650px; 
    height: 580px; 
    border-top: 1px solid #afafaa;
    border-bottom: 1px solid #afafaa;
    border-right: 1px solid #afafaa;
    background: #ecf0eb;
    background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);
    overflow:auto;
}

#results h2 {
  text-align: center;
}

#pagelinks {
  margin-left: 160px;
}

.wronglogin{
  color: red;
  font-size: 14px;
}

.login-center{
    width: 300px;
    margin: 20px auto 0;
    }
    
.login-center p {
    font-size: 11px; 
    color: #a1a19d; 
    line-height: 1.5;
    }
    
#info {margin-bottom: 35px;}

#form-container{min-height:100px;}

#LoginFormInner {
    background: none;
    border: none;
    padding:0;
    font-size: 12px;
    }

#LoginFormInner .ctrlHolder input {
    border: 1px solid #a7abae;
    padding: 0px;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 14px;
    padding-bottom: 2px;
    padding-left:5px;
    line-height: 27px;
}
.ctrlHolder label {
    float: left;
    width: 100%;
    margin: 0 0 7px 0;
    font-size: 14px;
}

#password {width: 220px; height: 27px;}
#username {width: 220px; height: 27px;}

.btn-submit, .btn-reset
{
    font-size: 13px!important;
    font-weight: normal!important;
    width: 117px;
    height: 26px;
    color: #fff;
    font-weight: bold;
    background: #74cd00;
    background: -moz-linear-gradient(top, #74cd00 0%, #4c8700 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74cd00), color-stop(100%,#4c8700)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #74cd00 0%,#4c8700 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #74cd00 0%,#4c8700 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #74cd00 0%,#4c8700 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74cd00', endColorstr='#4c8700',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #74cd00 0%,#4c8700 100%); /* W3C */
}
.btn-submit:hover, .btn-reset:hover
{
    background: #4e8900;
    cursor: pointer;
}

.header {
  background-color:#FFA500;
  height: 3em;
  text-align: center;
  padding: .1em;
  width: 100%;
}

tr.heading a {
  color: #882E2C;
  font-size:1.5em;
  line-height: 2em;
  padding-left: 1em;
  padding-right: 1em;
  text-decoration: none;
}

tr.results {
  font-size: smaller;
  color: #000000;
}


a {
  font-weight: bold;
}


form.summary {
  height:100px;
}

.buttonRow {
  width:100%
  height:55px;
  padding:10px;
}

select {
   background-color:#FAFFBD;
   width: 80px;
   padding: 5px;
   font-size: 10px;
   border: none;
   height: 20px;
}


input.display {
margin-top: 15px;
margin-bottom: 15px;
width:100px;
background:#09C;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid #999;
}

input.display:hover {
background:#fff;
color:#09C;
}

input.buttons {
width:100px;
position:absolute;
right:20px;
bottom:20px;
background:#09C;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid #999;
}

input.buttons:hover {
background:#fff;
color:#09C;
}

input:focus {
border: 1px solid #09C;
}

input.totals {
width:50px;
}

.readonly a { margin-left: 5px; font-size: 100% !important; font-weight: bold; color: #003399 !important; }

.formline {
  CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 2px 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.readonlyconfirm {
  PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold! important; FONT-SIZE: 85%; FLOAT: right; PADDING-BOTTOM: 2px; WIDTH: 49%; COLOR: #333333; PADDING-TOP: 2px; 
}


.displayApplicant {
  list-style-type: none;
  margin-left: 0;
  vertical-align: baseline!important;
}

#remember.inline {
  display:inline-block;
}

#season.inline {
  display:inline-block;
}