@media only screen and (max-device-width: 280px) {
   html, body, div, p, form, input, select, textarea, fieldset {
      font-size: ;
   }
}

* {
  box-sizing: border-box;
}
.small-45 {
   width:45%;
   float:left;
}
@media only screen and (min-device-width: 281px) {
   .facstaffdiv {
      padding-top:8px;text-align:left;padding-left:3.2em;
   }
   .guestButton {
      width: 90%;
   }
   .column1 {
      margin-top:10px;
      margin-bottom:10px;
   }
  .small-padding {
     padding-bottom:10px;
  } 
.stub {
}
body {
}
.errMsgs {color:red;}
#tableChoice { border: 2px outset #000000; padding:5px;font-weight:bold; }
#indivChoice { border: 2px outset #000000; padding:5px;font-weight:bold; }
#tableChoice, #indivChoice {
   position:relative;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 0px;
   -moz-border-radius-bottomleft: 0px;
   -webkit-border-radius: 5px 5px 0px 0px;
   border-radius: 5px 5px 0px 0px;
   float:left;
   padding-top:10px;
   padding-right:20px;
   padding-left:20px;
   text-align:center;
   width:50%;
}
.tottext {
   height:2em;
   line-height:2em;
}
#earlybird, #classYP {
   height:2em;
}
#cgift {
   height:3em;
}
#totprice {
   width:40%;
}
#pdess, #psgs {
   height:3em;
}
#gsgs, #ssgs {
   height:2em;
}
#coupon {
   width:100px;
   margin-left:0;
   margin-right:0;
}
.enhance {
   font-weight:bold;
}
.ind_rad {
   padding-bottom:10px;
   padding-left:2em;
   line-height:2em;
   height:2em;
}
input.gradyr {
   margin-left:25% !important;
}
#gso9, #gso10, #gso11 {
  text-align: right;margin-top:20px;
}

.row {
   text-align:left;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
.g_entry {
   padding-left:10px;
}
div.row.g_entry:nth-of-type(odd) {
}
.small-100 {
   width:100%;
   text-align:left;
}
.small-80 {
   width:80%;
   float:left;
   margin-left:1em;
   margin-right:-1em;
}
.small-33 {
   width:33%;
   float:left;
}
.small-67 {
   width:67%;
   float:left;
   margin-left:1em;
   margin-right:-1em;
}
.small-20 {
   width:20%;
   float:left;
}
.small-10 {
   width:10%;
   float:left;
}
.small-90 {
   width:90%;
   float:left;
   margin-left:1em;
   margin-right:-1em;
}
.small-60 {
   width:60%;
   float:left;
   margin-left:1em;
   margin-right:-1em;
}
.small-50 {
   width:50%;
   float:left;
}
div.small-80.smaller-50.medium-50.large-100 {
   margin-left:0;
}
.chosen-container .chosen-results li.highlighted {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#e99933),color-stop(90%,#c66600));
    background-image: linear-gradient(#e99933 20%,#c66600 90%);
}

#payframe {
   height:1200px;
   width:100%;
}
#iframeAuthorizeNet {
   height:800px;
   width:100%;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
  font-style:italic;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-style:italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
  font-style:italic;
}

a {
   font-weight:bold;
   text-decoration:none;
}
#container {
   width:100%;
   text-align: center;
   margin: 0 auto 0 auto;
   padding: 0 0px 0 0px;
}
#content {
    padding: 0px;
    border-top: none;
    width: 98%;
    margin-top: 5px;
    margin-left:auto;
    margin-right:auto;
}
#sol_footer {
    padding: 0px 0px 10px 0px;
    margin: 0;
    clear:both;
}
#crumbs {
    border: none;
    background: none;
    font-size: 9pt;
    margin-left: 15px;
    padding-top: 0;
    text-align:left;
}
#crumbs A {
    font-size: 1.2em;
    text-decoration: none;
    display: inline-block;
    background: url("https://www.ttu.edu/shared/shared_ttumain/images/crumb1.gif") no-repeat 100% 50%;
    padding-right: 13px;
    margin-right: 4px;
}
h1 {
    letter-spacing: 0;
    /*background: url("https://www.ttu.edu/shared/shared_ttumain/images/dotted-border-horz.gif") repeat-x 0 bottom;*/
    padding: 0 10px 10px 10px;
    margin: 30px 0 10px 0;
}
h2 {
    margin: 20px 0 10px 0;
    /*background: url("https://www.ttu.edu/shared/shared_ttumain/images/dotted-border-horz.gif") repeat-x 0 bottom;*/
    padding: 0 10px 10px 10px;
    clear: left;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size:12pt;
}
#content p {
    margin: 10px;
    text-align:left;
}
#content ol {
    padding: 0 0 0 23px;
}
#content ul, #content ol, #content dl {
    margin: 10px;
}
#content ol li {
    padding-bottom: 6px;
    text-align:left;
}
li {
   text-align:left;
}
a.mail {
    display: inline-block;
    background: url("https://www.ttu.edu/shared/shared_ttumain/images/icons/email.gif") no-repeat 100% 50%;
    padding-right: 20px;
}
#content form td input {
    display: inline;
    text-align: left;
    clear: none;
    margin: 0 4px;
    margin-top: 0px;
}
#content form td input {
    float: none;
}
span.tip {
    position: relative;
    padding: 2px;
    margin: 2px;
    font-weight: bold;
    cursor: help;
    background-color: transparent;
    display:block;
}
div.hint {
    border: 1px solid #000000;
    padding: 5px;
    font-weight: normal;
    display: none;
    width: 260px;
    font-size: 90%;
    position: absolute;
    top: 10px;
    left: 200px;
    text-decoration: none;
    z-index: 1000;
}
.chosen-container {
    font-size: 12pt;
}
.chosen-container-single .chosen-single {
    height: 25px;
    line-height: 24px;
}
input[type=radio], input[type=checkbox] {
   -ms-transform: scale(2.5);
   -webkit-transform: scale(2.5);
   transform: scale(2.5);
}
input[type=checkbox] {
   -ms-transform: scale(2.5);
   -webkit-transform: scale(2.5);
   transform: scale(2.5);
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  text-align:left;
  }
input[type=button] {
   text-align: center !important;
}
.field {
   font-weight : bold; 
   white-space:nowrap;
}
input.subButtons, button.subButtons {
    width: 95%;
    text-align: center;
    font-weight: normal;
    border-width:2px;
    font-size:unset;
    box-shadow: 1px 1px 2px 0;
    border:0;
    border-radius:10px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
}

.subButtons:active {
    box-shadow: -1px -1px 2px 0;
}
.fundRadio {
   display:flex;
   margin-top: 20px;
   margin-bottom:20px;
}
.errMsgs {
    display: none;
    font-weight: normal;
}

html, body, div, p, form, input, select, textarea, fieldset {
    font-size: 12pt;
}
}
/*****************************************************************************************************************/
/*****************************************************************************************************************/
@media only screen and (min-device-width: 30em)  {
html, body, div, p, form, input, select, textarea, fieldset {
    font-size: 12pt;
}
#container {
   width:99%;
}
#payframe {
   width:449px;
}
.chosen-container {
    font-size: 12pt;
}
.chosen-container-single .chosen-single {
   /*height:2em;
   line-height:2.1em;*/
}
.chosen-container-single .chosen-single div b {
    background: url(/includes/jquery/chosen/chosen-sprite.png) no-repeat 0 8px;
}
.smaller-70 {
   width:70%;
   float:left;
    margin-left: 2.2em;
    margin-right: -2.2em;
}
.smaller-50 {
   width:50%;
   float:left;
}
.smaller-100 {
   width:100%;
   float:left;
}
.smaller-30 {
   width:30%;
   float:left;
}
.smaller-20 {
   width:20%;
   float:left;
}
input.gradyr {
   margin-left:2% !important;
}
input[type="text"], input[type="email"], textarea, select {
   width:90%;
}
input[type="checkbox"] {
    margin: 0.3em;
}
#earlybird, #classYP {
    height: unset;
}
#cgift {
    height: 1.5em;
}
.facstaffdiv {
   padding-top:8px;text-align:left;padding-left:3.2em;
}
#payframe {
    width: 796px;
}
.ind_rad {
   margin-left:3.37em;
}
/*.chosen-container-single .chosen-single {
    height: 29px;
    line-height: 30px;
}*/
}
/*****************************************************************************************************************/
/*****************************************************************************************************************/
@media only screen and (min-device-width: 43em) {
html, body, div, p, form, input, select, textarea, fieldset {
    font-size: 12pt;
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    width: 90%;
    padding: 5px;
    margin-bottom:5px;
}
input.gradyr {
    margin-left: 18% !important;
}
#container {
   width:95%;
}
.medium-20 {
   width:20%;
   float:left;
   line-height: 1.5em;
}
.medium-30 {
   width:30%;
   float:left;
   line-height: 2em;
}
.medium-80 {
   width:80%;
   float:left;
}
.medium-70 {
   width:70%;
   float:left;
   margin:0;
}
.medium-100 {
   width:100%;
}
.medium-10 {
   width:10%;
}
.medium-50 {
   width:50%;
height:2.5em;
line-height:1.5em;
margin-right:0;
}
.medium-40 {
   width:40%;
   float:left;
}
.medium-33 {
   width:33%;
   float:left;
}
.showbig {
   display:block;
}
.showsmall {
   display:none;
}
input[type="checkbox"] {
    margin: 0.3em;
}
#earlybird, #classYP {
    height: unset;
}
#tableChoice, #indivChoice {
    width: 50%;
}
#pdess, #psgs, #gsgs, #ssgs {
    height: 1em;
}
#cgift {
    height: 1em;
}
h2 {
   margin-top:10px;
}
#payframe {
   width: 706px;
}
}
/*****************************************************************************************************************/
/*****************************************************************************************************************/
@media only screen and (min-device-width: 53em) {
html, body, div, p, form, input, select, textarea, fieldset {
    font-size: 12pt;
}
h1 {
   font-size:12pt;
}
.ind_rad {
   margin-left: 5.2em;
} 
#gComments {
   margin-left: auto;
   margin-right:0;
}
#container {
   width:95%;
}
.larger-100 {
   width:100%;
   float:left;
}
.larger-20 {
   width:20%;
   float:left;
}
.larger-30 {
   width:30%;
   float:left;
}
.larger-80 {
   width:80%;
   float:left;
   margin:0;
}
.larger-10 {
   width:10%;
   float:left;
}
.larger-90 {
   width:90%;
   float:left;
   margin:0;
}
.larger-50 {
   width:50%;
   float:left;
   line-height:1.5em;
   margin-right:0;
}
.larger-60 {
   width:60%;
   float:left;
}
.larger-40 {
   width:40%;
   float:left;
   line-height:1.5em;
}
.larger-70 {
   width:70%;
   float:left;
}
.larger-33 {
   width:33%;
   float:left;
}
input.gradyr {
    margin-left: 0% !important;
}
.guestButton {
    width: 50%;
}
#pdess, #psgs, #gsgs, #ssgs {
    height: auto;
}
/*
input.subButtons, button.subButtons {
    width: 95%;
}
*/
#payframe, #iframeAuthorizeNet {
   width:100%;
}
#cgift {
    height: 1em;
}
#iframeAuthorizeNet {
   height:550px;
}
input[type=checkbox] {
   margin:0.4em;
}
input.subButtons, button.subButtons {
    width: 90%;
    font-size: 12pt;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    margin-left: 0%;
    margin-bottom:10px;
 }
}
/*****************************************************************************************************************/
/*****************************************************************************************************************/
@media only screen and (in-device-width: 1350px) {
html, body, div, p, form, input, select, textarea, fieldset {
    font-size: 12pt;
}
#tableChoice, #indivChoice {
    width: 50%;
}
#earlybird, #classYP {
    height: unset;
    line-height: unset;
}
input[type=checkbox] {
    margin: 0.6em; 
}
#cgift {
    height: unset;
}
p {
   font-size:12pt;
   margin:0;
}
#container {
   width:100%;
   max-width:1024px;
   border: 5px double #eeeeee;
}
.ind_rad {
   padding-bottom:10px;
   padding-left:4.1em;
   height:unset;
   line-height:unset;
}
.column1 {
   height:7em;
   line-height:7em;
   margin-left:10px;
   margin-right:-10px;
}
.row {
   margin-top:10px;
   margin-bottom:10px;
}

.large-20 {
   width:20%;
   float:left;
}
.large-30 {
   width:30%;
   float:left;
}
.large-33 {
   width:33%;
   float:left;
}
input[type=checkbox] {
   margin:0.3em;
}
.large-10 {
   width:10%;
   float:left;
}
.large-50 {
   width:50%;
   float:left;
   height:unset;
   line-height:unset;
}
.large-100 {
   width:100%;
   float:left;
   height:unset;
   line-height:unset;
}
.large-80 {
   width:80%;
   float:left;
}
input[type="text"], input[type="email"], textarea, select {
    width: 90%;
}
.large-60 {
   width:60%;
   float:left;
}
.large-40 {
   width:40%;
   float:left;
}
input.subButtons, button.subButtons {
    width: 90%;
    font-size:12pt;
}
}