/* tsApps styles and overrides */
@import url("/assets/common/css/tsApps.css");
@import url(http://fonts.googleapis.com/css?family=Roboto Slab:300);
@font-face { font-family: 'Open Sans'; src: url('/assets/common/fonts/opensans-regular-webfont.eot'); src: url('/assets/common/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('/assets/common/fonts/opensans-regular-webfont.woff') format('woff'),  url('/assets/common/fonts/opensans-regular-webfont.ttf') format('truetype'),  url('/assets/common/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-style: normal; font-weight: 300; }
@font-face { font-family: 'Open Sans'; src: url('/assets/common/fonts/opensans-bold-webfont.eot'); src: url('/assets/common/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('/assets/common/fonts/opensans-bold-webfont.woff') format('woff'),  url('/assets/common/fonts/opensans-bold-webfont.ttf') format('truetype'),  url('/assets/common/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-style: normal; font-weight: 700; }
@font-face { font-family: 'Open Sans'; src: url('/assets/common/fonts/opensans-semibold-webfont.eot'); src: url('/assets/common/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('/assets/common/fonts/opensans-semibold-webfont.woff') format('woff'),  url('/assets/common/fonts/opensans-semibold-webfont.ttf') format('truetype'),  url('/assets/common/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-style: normal; font-weight: 600; }
/* Include in Editor: Start */
.BodyText { font-size: 16px; font-family: 'Open Sans'; letter-spacing: 0px; color: #6f6f6f; line-height: 1.5; }
.BodyTextWhite { font-size: 16px; font-family: 'Open Sans'; letter-spacing: 0px; color: #ffffff; line-height: 1.5; }
.BodyTextLightGrey { font-size: 16px; font-family: 'Open Sans'; letter-spacing: 0px; color: #ececec; line-height: 1.5; }
.BodyTextDarkGrey { font-size: 16px; font-family: 'Open Sans'; letter-spacing: 0px; color: #333333; line-height: 1.5; }
.BodyTextDarkBlue { font-size: 16px; font-family: 'Open Sans'; letter-spacing: 0px; color: #455b68; line-height: 1.5; }
.HeaderText { font-family: 'Open Sans'; font-weight: bold; font-size: 20px; letter-spacing: 0px; color: #333333; line-height: 1.5; }
.HeaderTextWhite { font-family: 'Open Sans'; font-size: 20px; letter-spacing: 0px; color: #ffffff; line-height: 1.5; }
.TitleText { font-family: 'Open Sans'; font-size: 32px; color: #333333; letter-spacing: 0px; font-style: normal; font-weight: 300; line-height: 1.5; }
.TitleTextBox { font-family: 'Open Sans'; font-size: 32px; color: #333333; letter-spacing: 0px; font-style: normal; font-weight: 300; padding-bottom: 10px; line-height: 1.5; }
.TitleTextBoxWhite { font-family: 'Open Sans'; font-size: 32px; color: #fff; letter-spacing: 0px; font-style: normal; font-weight: 300; padding-bottom: 10px; line-height: 1.5; }
.InfoText { font-size: 10px; font-family: 'Open Sans'; letter-spacing: 0px; color: #aaa; line-height: 1.25; }
.LeftNavLink { font-size: 20px; font-family: 'Open Sans'; letter-spacing: 0px; color: #3468c7; line-height: 1.5; }
/* Include in Editor: Stop */

 
a .BodyText, .BodyText a, a {
'Open Sans'; color: #3468c7; }
a:hover { text-decoration: none; }


/* Media Queries */

/* Large desktop */
@media (min-width: 1200px) {
.input-append { margin-bottom: 10px!important; }
#headerSecondRow div.span4 > div.span6 { text-align: center; }
}

/* Tablet Portrait */
@media (min-width: 768px) and (max-width: 979px) {
.topLogo { margin-top: 4%!important; }
.TitleTextBox { font-size: 18px!important; }
.publicNav #menu ul.dropdown li { font-size: 11px!important; }
.fa-2x { font-size: 1.25em!important; }
.input-append { margin-bottom: 0.5%!important; }
input:not(.mc_inlinecheckbox) { width: 125px!important; }
#joinButton.joinButton { font-size: 12px!important; vertical-align: text-bottom; }
#myButton.myButton { font-size: 12px!important; vertical-align: text-bottom; }
#loginButton, #logoutButton { font-size: 12px!important; }
#joinButton, #myButton { font-size: 15px!important; }
#headerSecondRow div.span4 > div.span6 { text-align: center; }
.circle-tile-heading { width: 45px!important; height: 50px!important; padding-top: 0px!important; }
#footer .span4:first-child { padding-left: 10px; }
}

/* Landscape phones and down */
@media (min-width: 321px) and (max-width: 767px) {
.TitleText { line-height: 35px; }
#footer { padding-bottom: 15px; }
#footer .span4:first-child { text-align: center!important; }
#footer .span4:nth-child(2) { text-align: center!important; padding: 30px; }
#footer .span4:last-child { text-align: center!important; }
.headerContainer > .span12 { position: inherit!important; }
#headerSecondRow #searchArea { text-align: center; }
#joinButton, #myButton, #loginButton, #logoutButton { width: 93%!important; margin: auto auto!important; }
#memberPhotoHolder { max-height: inherit!important; max-width: inherit!important; text-align: center; }
#userLinks { text-align: center; }
.input-append input { width: 80%!important; }
.headerContainer { overflow: visible; }
#headerSecondRow div.span12 { overflow: visible; }
.homepageBox { display: block!important; }
.threeBoxes .homepageBoxWhite { padding-top: 20px!important; }
.pressContact { padding-top: 20px; padding-bottom: 20px; }
#zoneC .span3.myPhoto { width: 25%!important; float: left; }
#zoneC .span7 { width: 50%!important; float: left; }
#zoneC .span2.arrowContainer { width: 25%!important; float: right; }
#zoneN .span3 { width: 30%!important; float: left; }
#zoneN .span9 { width: 70%!important; float: right; }
.span3.myPhoto { width: 30%!important; float: left!important; }
.span9.myInfo { width: 70%!important; float: right!important; }
.input-append.span4.text-left { text-align: center!important; }
}


/* Portrait phones and down */
@media (max-width: 320px) {
#mmenuPageWrapper { margin-top: 120%!important; }
.homepageBox { display: block!important; }
#zoneC .span3.myPhoto { width: 25%!important; float: left; }
#zoneC .span7 { width: 50%!important; float: left; }
#zoneC .span2.arrowContainer { width: 25%!important; float: right; }
.span3.myPhoto { width: 30%!important; float: left!important; }
.span9.myInfo { width: 70%!important; float: right!important; }
.myWSAJBody { line-height: 20px!important; }
.input-append.span4.text-left { text-align: center!important; }
}