/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;

/*  Teds edit  */  
  font-size: 20px;
/*  END Teds edit  */  
 
   }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body, button, input[type="submit"] {
  font-family: "Trebuchet MS", sans-serif; }

.nowrap {
  white-space: nowrap; }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 1px) and (max-width: 768px) {
  * + html #main .registration form fieldset legend {
    margin: 0 0 5px -7px; }

  body {
    min-height: 500px; }

  #main {
    position: relative;
    max-width: 900px;
    min-height: 536px\9;
    margin: 0 auto;
    padding: 0;
    background: url("../img/bg.jpg") no-repeat bottom center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    #main .registration {
      width: 320px;
      margin: 0 auto; }
      #main .registration a {
        color: white;
        text-decoration: none; }
      #main .registration .wrapper {
        padding: 0; }
      #main .registration .orange {
        color: #d97131; }
      #main .registration .logo {
        margin: 0;
        padding: 10px 20px 5px 20px;
        text-align: center; }	
			
/*Teds Edit*/		
		#main .registration .logo img {
          width: 215px; }
/*END Teds Edit*/

#main .registration .bidmc {
        margin: 5px 0 10px 0;
        text-align: center;
        color: white;
        color: #112535 \9;
        line-height: 1.2em;
        font-size: 16px;
        text-shadow: 0 0 10px gray; }
      #main .registration .demo {
        margin: 0 20px 0 0;
        padding: 0;
        color: white;
        font-size: 12px;
        border: none;
        background: none; }
      #main .registration form {
        width: 280px;
        margin: 0 auto; }
        #main .registration form fieldset {
          margin: 0 0 10px 0; }
          #main .registration form fieldset legend {
            margin: 0 0 5px 0;
            padding: 0;
            color: white;
            font-family: sans-serif;
            font-size: 14px;
            font-weight: bold; }
          #main .registration form fieldset ol {
            margin: 0;
            padding: 0;
            list-style: none; }
           
	/*TEDs EDIT*/  	   
		   
		    #main .registration form fieldset ol li {
              margin: 0 0 4px;
			  padding-bottom: 10px; }
			  
	/*END TEDs EDIT*/  		  
			  
              #main .registration form fieldset ol li label {
                display: inline;
                width: 80px;
                color: white;
                line-height: 1em;
                font-size: 12px; }
				
/*TEDs EDIT*/              

#main .registration form fieldset ol li .inputWrapper {
                display: inline;
                float: right;
                height: 26px;
                border: 2px solid #d97131;
                background: white; }
				
/*END TEDs EDIT*/                

#main .registration form fieldset ol li .inputWrapper input {
                  width: 182px;
                  margin: 0;
				  /*TEDs EDIT*/                

                  padding-top: 4px;
				  
				  /*END TEDs EDIT*/                

                  line-height: 1em;
                  border: 0;
                  background: transparent;
                  box-shadow: none; }

            #main .registration form fieldset ol .forgot {
              float: left;
              width: 100px;
              padding: 0 0 0 94px;
              line-height: 1em;
              font-size: 12px; }
            #main .registration form fieldset ol .submit {
              float: right; }
              #main .registration form fieldset ol .submit button, #main .registration form fieldset ol .submit input[type="submit"] {
                padding: 5px 10px;
                color: white;
                line-height: 1em;
                text-transform: uppercase;
                font-size: 12px;
                border: 2px solid #8a451a;
                background-color: #d97131; }
          #main .registration form fieldset #validation {
            padding: 0 0 0 94px;
            color: #fff568;
            font-size: 12px; }
      #main .registration .more {
        width: 280px;
        margin: 0 auto;
        padding: 0 0 10px 0;
        line-height: 1em; }
        #main .registration .more header {
          margin: 0 0 5px 0;
          padding: 0;
          color: white;
          font-family: sans-serif;
          font-size: 14px;
          font-weight: bold; }
        #main .registration .more a {
          font-size: 12px; }
      #main .registration #message {
        width: 280px;
        margin: 0 auto;
        padding: 0 0 10px 0;
        color: #fff568;
        font-size: 12px; }
    #main .focus {
      display: none; }

  footer {
    width: 320px;
    margin: 10px auto;
    text-align: center;
    font-size: 11px; }
    footer .credits {
      padding: 0 20px;
      line-height: 1em; }
      footer .credits a {
        color: #21587f; }
    footer .logos {
      padding: 10px 20px; }
      footer .logos a {
        margin: 0 10px 0 0; }
        footer .logos a:last-of-type {
          margin: 0; } }
@media only screen and (min-width: 769px) {
  * + html #main .registration form fieldset {
    margin: 0; }

  * + html #main .registration form fieldset legend {
    margin: 0 0 5px -7px; }

  #main {
    position: relative;
    width: 900px;
    min-height: 536px;
    margin: 0 auto;
    border: 1px solid #cccccc;
    background: url("../img/bg.jpg") no-repeat #112535; }
    #main .registration {
      float: left;
      width: 359px;
      min-height: 536px; }
      #main .registration a {
        color: white;
        text-decoration: none; }
      #main .registration .wrapper {
        padding: 0 0 0 40px; }
      #main .registration .orange {
        color: #d97131; }
      #main .registration .logo {
        margin: 10px 20px 0 0;
        text-align: center; }
        
/*Teds Edit*/
#main .registration .logo img {
          height: auto;
    	  margin-left: 128px;
    	  margin-top: 30px;
    	  width: 215px; }
/* End Teds edit*/

/*Teds Edit*/
#main .registration .bidmc {
    color: white;
    font-size: 20px;
    line-height: 1.2em;
    margin: 20px 10px 40px 120px;
    text-align: center;
    text-shadow: 0 0 10px gray; }
/*Teds Edit*/

      #main .registration .demo {
        margin: 0 20px 0 0;
        padding: 0;
        color: white;
        border: none;
        background: none; }
      #main .registration form {
        margin: 0;
        padding: 0; }
        #main .registration form fieldset {
          position: relative;
          margin: 0 0 10px 0;
          padding: 0; }
          #main .registration form fieldset legend {
            height: 34px;
            margin: 0 0 5px 0;
            padding: 6px 0 0 40px;
            color: white;
            font-family: sans-serif;
            font-size: 20px;
            background: url("../img/bg-heading.png") center left no-repeat; }
          #main .registration form fieldset ol {
            margin: 0;
            padding: 0;
            list-style: none; }
            #main .registration form fieldset ol li {
              margin: 0 0 8px 0; }
              #main .registration form fieldset ol li label {
                display: inline-block;
                width: 80px;
                color: white;
                line-height: 1em;
                font-size: 14px; }
              #main .registration form fieldset ol li .inputWrapper {
                display: inline;
                border: 2px solid #d97131;
                background: white; }
               			   
			    #main .registration form fieldset ol li .inputWrapper input {
                  
				/*Ted's edits*/
				  width: 210px;
				/* END Ted's edits*/

                  margin: 0;
                  padding: 0;
                  line-height: 1em;
                  border: 0;
                  background: transparent; }
				  				 
            #main .registration form fieldset ol .forgot {
              float: left;
              width: 120px;
              padding: 0 0 0 86px;
              line-height: 1em;
              font-size: 14px; }
            #main .registration form fieldset ol .submit {
              float: right;
			  /*Teds Edit*/
              padding: 0 8px 0 0; }
			 /*End Teds Edit*/

			  /*Teds Edit*/
#main .registration form fieldset ol .submit button, #main .registration form fieldset ol .submit input[type="submit"] {
                padding: 8px 2px 5px 0px;
                color: white;
                line-height: 1em;
                text-transform: uppercase;
                font-size: 14px;
                border: 2px solid #8a451a;
                background-color: #d97131;
				width: 94px;
				}
			/*END Teds Edit*/

          #main .registration form fieldset #validation {
            position: absolute;
            top: 42px;
            left: 320px;
            width: 320px;
            padding: 10px;
            color: #fff568;
            font-size: 12px;
            background: #112535;
            z-index: 9999; }
      #main .registration .more header {
        height: 34px;
        padding: 6px 0 0 40px;
        color: white;
        font-family: sans-serif;
        font-size: 20px;
        background: url("../img/bg-heading.png") center left no-repeat; }
      #main .registration #message {
        padding: 5px 0 5px 0;
        color: #fff568;
        font-size: 12px; }
    #main .focus {
      float: right;
      position: relative;
      height: 536px; }
      #main .focus .tagline {
        height: 174px;
        text-align: right; }
      #main .focus .slideshow {
        width: 541px;
        height: 362px; }

  footer {
    width: 900px;
    margin: 10px auto; }
    footer .credits {
      float: left;
      height: 42px;
      padding: 12px 0 0 0;
      line-height: 1em; }
      footer .credits a {
        color: #21587f; }
    footer .logos {
      float: right;
      height: 42px; }
      footer .logos a {
        margin: 0 0 0 20px; } }
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }