/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 The following section of media queries is for HEADER background images and styling
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@media (max-width: 459px) {
  .headerBGimage {
    top:40px;
    height: 208px;
    width: 100%;
    margin: 0 auto;
    background-image: url('/images/OrbDebHeader.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }

  .headerGradientBGimage {
    top: 208px;
    height: 322px;
    width: 100%;
    background-image: url('/images/EarthHeader_gradient.jpg');
    background-position: center center;
    background-repeat: repeat-x;
    background-attachment: scroll;
    position: relative;
  }
  
  .header {
    width: 100%;
    position: relative;
    margin: 0 auto;
  }
}

@media (min-width: 460px) and (max-width: 767px) {
  .headerBGimage {
    top:40px;
    height: 308px;
    width: 100%;
    margin: 0 auto;
    background-image: url('/images/OrbDebHeader.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }

  .headerGradientBGimage {
    top: 308px;
    height: 322px;
    width: 100%;
    background-image: url('/images/EarthHeader_gradient.jpg');
    background-position: center center;
    background-repeat: repeat-x;
    background-attachment: scroll;
    position: relative;
  }
  
  .header {
    width: 80%;
    position: relative;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .headerBGimage {
    height: 478px;
    width: 100%;
    margin: 0 auto;
    background-image: url('/images/OrbDebHeader.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
  }

  .headerGradientBGimage {
    top: 478px;
    height: 322px;
    width: 100%;
    background-image: url('/images/EarthHeader_gradient.jpg');
    background-position: center center;
    background-repeat: repeat-x;
    background-attachment: scroll;
    position: relative;
  }

  .header {
    width: 80%;
    position: relative;
    margin: 0 auto;
  }
}

.extra-links {
	text-align:center;
  	display:inline-block;
  	float:none;
  	vertical-align: top;
  	/* reset the text-align
  	text-align:left;*/
  	/* inline-block space fix */
  	/*margin-right:-4px;*/
  	width:13%;
 	min-width:80px;
  	padding-bottom:10px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 The following style provides a blurred background color to the ARES header text.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#ARES {
  background: rgb(3,7,10); /* for IE */
  background: rgba(3,7,10,0.6);
  background: -webkit-linear-gradient(rgba(3,7,10,0),rgba(3,7,10,0.6),rgba(3,7,10,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(3,7,10,0),rgba(3,7,10,0.6),rgba(3,7,10,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(3,7,10,0),rgba(3,7,10,0.6),rgba(3,7,10,0)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(3,7,10,0), rgba(3,7,10,0.6), rgba(3,7,10,0)); /*Standard*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 The following style is for the Orb Deb Newsletter Subscription action buttons.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

  .general_form_large_button {
    background-color:#8c8f8d;
    border-radius:12px;
    border:1px solid #bfb9bf;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    padding:1px 9px;
    text-decoration:none;
  }
  
  .general_form_large_button:hover {
    background-color:#000000;
  }
  
  .general_form_large_button:active {
    position:relative;
    top:1px;
  }

td {
    padding: 3px;
}

  input["text"] {
    width: 100%; 
    padding: 5px 0;
    text-indent: 5px;
}