/*
==============================================================================
**
** CONTACT
**
** SCOPE: 		CONTACT
** REVISION:	0.1
** DATE:		03/21/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:		The body tag for this section will have and ID of "contact"

** NOTES:
				
** TODO:		Connect up LESS variables

** REVISION HISTORY
------------------------------------------------------------------------------






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
/* 
	DM Note:
	
	I removed this for a few reasons.
	1) It appears it's only used in one place, so making this a variable is just duplicating the worl
	2) Variables should really be stored in a global file like settings.less
	3) There really shouldn't be a need to modify form fonts outside of the settings in typography and/or forms
		
		@table_data_font_size: 13px; */
.services #main {
  min-height: 450px;
}
fieldset {
  padding: 0;
  font-size: .9em;
  border: none;
  background: #fff !important;
}
input,
input:active {
  background: #eff2f3;
  border: none !important;
}
select,
select:active {
  border: none !important;
  background: #eff2f3;
}
input[type="text"]:focus {
  background: #eff2f3;
}
.required abbr {
  border: none !important;
  color: #951b00;
}
.errorMessage {
  z-index: 10000;
  display: block;
  padding: 0 10px;
  height: auto;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  background-color: #1784B6;
}
.errorMessage ul {
  margin: 0;
  padding: .5em 0;
  list-style: none;
}
.errorMessage li,
.errorMessage li p {
  font-size: .9em;
  margin: 0 !important;
  padding-bottom: 0 !important;
}
#inline-sort-counties {
  width: 76% !important;
}
#flag_table {
  width: 100%;
  font-size: .825em;
}
#flag_table th {
  color: #eff2f3;
  padding: 1.333em 0;
  background-color: #A8B0B6;
  border-bottom: 1px solid #76838c;
}
#flag_table .off,
#flag_table .shipping {
  background-color: #ffffff;
}
#flag_table td {
  width: 12%;
  text-align: center;
  padding: 1.333em 0;
}
#flag_table td input {
  width: auto;
}
#flag_table #sub {
  width: 20%;
}
#flag_table #flown {
  width: 34%;
}
#flag_table .summary {
  text-align: right;
}
#flag_table .shipping {
  border-top: 1px solid #76838c;
}
#flag_table .subtotal {
  border-top: 1px solid #76838c;
}
#flag_table .subtotal {
  background-color: #A8B0B6;
  border-bottom: 1px solid #76838c;
  color: #eff2f3;
  font-size: 1.447em;
}
#flag_table td:nth-child(5) {
  text-align: left;
  padding-left: 5% !important;
}
li.radio {
  margin-bottom: 0;
}
.select li {
  float: left;
  width: 50%;
}
.select li label {
  float: left;
  width: 40%;
}
.select li select {
  float: left;
  width: 55%;
}
.select li .end {
  width: 11%;
}
.ie9 #academic_credit_yes,
.ie8 #academic_credit_yes,
.ie7 #academic_credit_yes,
.ie9 #press_internship_yes,
.ie8 #press_internship_yes,
.ie7 #press_internship_yes {
  margin-top: -3px;
}
.ie9 #academic_credit_no,
.ie8 #academic_credit_no,
.ie7 #academic_credit_no,
.ie9 #press_internship_no,
.ie8 #press_internship_no,
.ie7 #press_internship_no {
  margin-top: -3px;
  clear: left;
}
.ie9 .select select,
.ie8 .select select,
.ie7 .select select {
  font-size: .9em;
  padding-bottom: 2px;
}
/*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:		
** NOTES: Typically this means mobile phones held in portrait
**
*/
@media only screen and (max-width: 600px) {
  form .col li,
  form .two li,
  form .three li,
  form .four li,
  form .five li,
  form .six li {
    margin-left: 2%;
    width: 100%;
    float: none;
  }
}
#blog #contactForm fieldset {
  margin: 0px !important;
}
#blog #contactForm fieldset li {
  margin-bottom: .4em;
}
#blog #contactForm fieldset li textarea {
  height: 4em;
}
#contact .sectionhead ul {
  overflow: hidden;
  margin: 0;
  width: 100%;
  padding: 0px;
  border-bottom: 1px solid #d5d7d8;
}
#contact .sectionhead .selected {
  border-bottom: 3px solid #1784b6;
}
#contact .sectionhead li {
  margin-right: 3em;
  float: left;
}
#contact .sectionhead li a:hover {
  text-decoration: none;
}
#contact .sectionhead li h1 {
  margin: 0;
  border-bottom: none;
  font-size: 1.8em;
}
#contact section {
  display: none;
}
#contact section ul {
  font-size: .865em;
  line-height: 1.2;
  width: 100%;
  clear: left;
  padding: 0px;
  list-style: none;
}
#contact section ul li {
  float: left;
  width: 95%;
  margin: 0 0 1.5em;
}
#contact section ul time {
  display: block;
  float: left;
}
#contact section ul a.media {
  display: block;
}
#contact section ul a.release {
  display: block;
  margin: 0 0 0 15%;
}
#contact section.active {
  display: block;
}
#contact #video {
  width: 100%;
  margin: 2em 0;
  float: left;
}
#contact #video h1 {
  font-size: 1.8em;
  border-bottom: 1px solid #D5D7D8;
}
#contact #video .vid-title {
  font-family: PTSansNarrowRegular, sans-serif;
  font-size: 1.318em;
  line-height: 1;
  margin: 1em 0 0.5em;
}
#contact #video #media-player,
#contact #video #media-player_wrapper {
  float: left;
  height: 460px;
  margin: 0 3% 1% 0;
  overflow: hidden;
  padding-bottom: 1em;
  position: relative;
  width: 90%;
}
#contact #twitter {
  width: 100%;
  margin: 2em 0;
  float: left;
}
#contact #twitter h1 {
  font-size: 1.8em;
  border-bottom: 1px solid #D5D7D8;
}
#contact #twitter .frames {
  float: left;
  width: 45%;
  margin-right: 5%;
}
#contact #twitter .frames iframe {
  width: 100%;
}
#contact #twitter .frames iframe .customisable-border {
  border: none !important;
}
.guestbookform select,
.guestbookform select:active,
.guestbookform input[type="text"],
.guestbookform textarea,
.guestbookform select {
  border: 1px solid !important;
}
#mc_embed_signup #mc-subscribe-form fieldset {
  overflow: hidden;
}