﻿body {
    margin:0;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:13px;
}

header {
    width: 100%;
    height: 200px;
    margin: 0;
    background-color:transparent;
    padding: 18px 0;
    border-bottom-style: solid;
    border-bottom-width: 12px;
    border-bottom-color: #3dc3da;
}

.HeaderContent {
    position:relative;
    width:900px;
    height:200px;
    margin:0 auto;
}

.LogoContent {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    visibility: hidden;
}

.SiteHeader {
    position:absolute;
    left:200px;
    top:40px;
    display:inline-block;
}

.Content {
    width:900px;
    margin:0 auto;
}

#Mustang {
    position:absolute;
    top:0;
    left:0;
}

#SBJC {
    position:absolute;
    font: normal 400 42px/0.8 'Neuton', sans-serif;
    height:200px;
    top:20px;
    left:250px;
    color:white;
}

h2 {
    margin-bottom:3px;
    font-weight:bold;
    margin-top:20px;
}

.bold {
    font-weight:bold;
}

.center {
    text-align:center;
}

.fn {
    font-weight:bold;
    font-size:11px;
}

.wideInput {
    display:inline-block;
    width:270px;
}

.wideInput div {
    font-weight:bold;
    font-size:11px;
}

.mediumInput {
    display: inline-block;
    width: 150px;
}

.mediumInput div {
        font-weight: bold;
        font-size: 11px;
    }

.narrowInput {
    display:inline-block;
    width:116px;
}

.narrowInput div {
    font-weight:bold;
    font-size:11px;
}

.textBox {
    transition:all 0.30s ease-in-out;
    outline: none;
    padding: 8px;
    margin: 5px 1px 3px 0;
    border: 1px solid #DDDDDD;
    width:237px;
}

.textBox2 {
    transition: all 0.30s ease-in-out;
    border: 1px solid #DDDDDD;
    outline: none;
}

select {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    transition:all 0.30s ease-in-out;
    outline: none;
    margin: 5px 1px 3px 0;
    box-shadow: 0 0 1px #aaaaff;
    border: 1px solid #aaaaff;
    padding:5px 8px 7px 8px;
}

@media print {
  body * {
    visibility: hidden;
  }

.LogoContent {
    position: relative;
    width: 900px;
    height: 100px;
    margin: 0 auto;
    visibility: visible;
}

  #section-to-print, #section-to-print *, .AllowPrint, .AllowPrint * {
    visibility: visible;
  }
  #section-to-print, .AllowPrint {
    position: absolute;
    left: 150px;
    top: 10px;
  }

  #controls {
      visibility:hidden;
      display:none;
  }
}

#DateTime {
    position:relative;
    height:112px;
    top: 0px;
    left: 7px;
}

#lblSpecialRequirements {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

#OtherInstructions {
    width: 270px;
}

.required {
    box-shadow: 0 0 1px #aaaaff;
    border: 1px solid #3dc3da;
}

#Aide {position:absolute;top:15px;left:0;}
#lblAide {position:absolute;top:17px;left:20px;}
#Wheelchair{position:absolute;top:33px;left:0;}
#lblWheelchair{position:absolute;top:35px;left:20px;}
#CarSeat{position:absolute;top:51px;left:0;}
#lblCarSeat{position:absolute;top:53px;left:20px;}
#OtherSelection{position:absolute;top:68px;left:0px;}
#lblOtherSelection{position:absolute;top:70px;left:20px;}

#Booster{position:absolute;top:15px;left:350px;}
#lblBooster{position:absolute;top:17px;left:370px;}
#Harness{position:absolute;top:33px;left:350px;}
#lblHarness{position:absolute;top:35px;left:370px;}
#RequiredByIEP {
    position: absolute;
    top: 51px;
    left: 350px;
}
#lblRequiredByIEP {
    position: absolute;
    top: 53px;
    left: 370px;
}

#divDays{display:inline-block;width:255px;
position:absolute;top:0;left:640px;height:75px;
}
#lblDays {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}
#Monday{position:absolute;top:15px;left:0;}
#lblMonday{position:absolute;top:17px;left:20px;}
#Tuesday{position:absolute;top:33px;left:0;}
#lblTuesday{position:absolute;top:35px;left:20px;}
#Wednesday{position:absolute;top:51px;left:0;}
#lblWednesday{position:absolute;top:53px;left:20px;}
#Thursday{position:absolute;top:15px;left:100px;}
#lblThursday{position:absolute;top:17px;left:120px;}
#Friday{position:absolute;top:33px;left:100px;}
#lblFriday{position:absolute;top:35px;left:120px;}

#controls {
    text-align:center;
    margin-bottom:50px;
}

#Errors {
    text-align: left;
    width: 300px;
    margin: 0 auto;
    border: 1px solid red;
    padding: 10px;
    display:none;
    border-radius:10px;
}

.btn {
    position: relative;
    background-color: #3dc3da;
    border-radius: 10px;
    width: 100px;
    box-shadow: 5px 5px 20px 2px #3dc3da;
    height: 40px;
    display: inline-block;
    margin: 10px;
    cursor: pointer;
    vertical-align: top;
}

.btnred {
    position: relative;
    background-color: red;
    border-radius: 10px;
    width: 100px;
    box-shadow: 5px 5px 20px 2px #3dc3da;
    height: 40px;
    display: inline-block;
    margin: 10px;
    cursor: pointer;
    vertical-align: top;
}

.btn img{
    position:absolute;
    top:5px;
    left:8px;
}

.btnred img {
    position: absolute;
    top: 5px;
    left: 8px;
}

.btn span {
    position:absolute;
    top:14px;
    height:100%;
    left:44px;
    color:white;
    font-weight:bold;
}

.btnred span {
    position: absolute;
    top: 14px;
    height: 100%;
    left: 44px;
    color: white;
    font-weight: bold;
}

#btnDone, #btnMore, #btnPrintForm {
    background-color:#720023;
}

#btnDownloadTemplate{
    width:210px;
}

#btnInstructions{
    width:150px;
}

.red {
    color:red;
}

#lblFileUpload{
    height:100%;
    width:100%;
    display:inline-block;
    cursor:pointer;
}

#gb-sitename-outer {
    float: left;
    width: 37%;
    position: relative;
    display: table;
    left:291px;
    top:34px;
}


.sitename-one {
    color: rgb(0, 0, 0);
    display: block;
    font-family: Lato, sans-serif;
    font-size: 34px;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 500;
    height: 102px;
    line-height: 34px;
    margin:0;
    padding:0 0 2px 0;
    text-align: left;
    width: 357px;
    -webkit-tap-highlight-color: #ffffff;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.sitename-tagline {
    color: rgb(31, 31, 31);
    display: block;
    font-family: Lato, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 300;
    height: 24px;
    line-height: 24px;
    margin:0;
    padding-top: 3px;
    text-align: left;
    width: 357px;
    -webkit-tap-highlight-color: #ffffff;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

#divOther {
    display: inline-block;
    width: 275px;
    position: absolute;
    bottom: 5px;
    top: 75px;
    left: 70px;
    height: 32px;
    right: 555px;
}

.spacer400{
    display: inline-block;
    width: 400px;
}