/* IMPORT SITE CUSTOM STYLES */
/*
==============================================================================
**
** BIO STYLES
**
** SCOPE: 		ABOUT
** REVISION:	0.1
** DATE:		03/21/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:		The body tag for this section will have class of "about"

** NOTES:

** TODO:

** 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 */
/* =========================================================================== */
@import "bin/amend.css";
@import "bin/forms.css";
@import "bin/lib.css";
.about-csa .listYear {
  color: #8cb9c3;
  margin-right: 30px;
  float: left;
}
.about-csa section {
  float: left;
  margin: 0 0 20px;
  width: 197px;
}
@media (max-width: 900px) {
  .about-csa section {
    float: none;
    margin: 0 auto;
    width: 100%;
    max-width: 197px;
  }
}
.about-csa section .description {
  height: 175px;
  margin: 0 0 5px;
  overflow: hidden;
}
.about-csa section h2 {
  margin: 1em 0 0 0;
  font-size: 17px ;
  font-weight: bold;
  line-height: 18px;
}
.about-csa section .title {
  font-weight: bold;
  height: 15px;
  display: block;
}
.about-csa section .title h4 {
  margin: 0 0 0.3em 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
}
.about-csa section .email,
.about-csa section .committees {
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  display: block;
}
.about-csa section .email a,
.about-csa section .committees a {
  color: #000;
  text-decoration: underline;
}
.about-csa section + section {
  margin-left: 19px;
}
.leadership section {
  float: left;
  margin: 0 0 20px;
  width: 90% ;
}
.leadership section > div {
  background-color: #e6e6e6;
  float: left;
  height: 100px;
  margin: 0 0px 0 0;
  width: 100px;
  overflow: hidden;
}
.leadership section h2 {
  float: right;
  font-size: 15px ;
  font-weight: bold;
  width: 79%;
  line-height: 14px ;
  margin-right: 35px;
}
.leadership section h2 a {
  color: #333333;
}
.leadership section h5 {
  font-size: 14px ;
  float: right;
  font-weight: bold;
  width: 79%;
  margin: 0 30 5px ;
  line-height: 14px ;
  color: #b7b291;
  margin-right: 35px;
}
.leadership section .biolink {
  padding: 5px;
  margin-top: 10px;
}
.leadership section p {
  float: right;
  margin: 0;
  width: 79%;
  margin-right: 35px;
}
.leadership section + section {
  margin-left: 0;
}
#about #quicknav ul li.selected a,
#about #quicknav ul li a:hover {
  color: white;
  text-decoration: underline;
  font-weight: bold;
  font-size: 13.234px;
}
#about .aboutIcon {
  margin-left: 25px;
  padding-left: 10px;
}
#about h2 {
  margin-bottom: 30px;
  position: relative;
  position: left;
}
#about .header {
  background-image: url(/styles/img/CSA-Banner-LightBeige.jpg);
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 100%;
  z-index: 10000;
  margin-bottom: 5px;
}
@media (max-width: 900px) {
  #about .header {
    margin-top: 0px;
    padding-bottom: 0px;
  }
}


#about #quicknav {
  position: absolute;
  text-align: center;
  right: 20px;
  top: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 1000000;
  color: white;
  font-size: 1em;
}
@media (max-width: 900px) {
  #about #quicknav {
    position: relative;
    right: 0px;
    padding-bottom: 0px;
    float: none;
    width: 100%!important;
    padding: 0px!important;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: auto;
  }
}
#about #quicknav a {
  color: white;
  line-height: 30px;
  font-weight: lighter;
  font-family: sans-serif;
}
@media (max-width: 900px) {
  #about #quicknav ul {
    margin-top: 0px;
    padding-left: 20px;
  }
}
@media (max-width: 900px) {
  #about #quicknav ul a {
    color: #000 !important;
  }
}




#infopage #quicknav {
  position: absolute;
  text-align: center;
  right: 20px;
  top: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 1000000;
  color: white;
  font-size: 1em;
}
@media (max-width: 900px) {
  #infopage #quicknav {
    position: relative;
    right: 0px;
    padding-bottom: 0px;
    float: none;
    width: 100%!important;
    padding: 0px!important;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: auto;
  }
}
#infopage #quicknav a {
  color: white;
  line-height: 30px;
  font-weight: lighter;
  font-family: sans-serif;
}
@media (max-width: 900px) {
  #infopage #quicknav ul {
    margin-top: 0px;
    padding-left: 20px;
  }
}
@media (max-width: 900px) {
  #infopage #quicknav ul a {
    color: #000 !important;
  }
}



#about #main img {
  height: auto;
}
@media (max-width: 900px) {
  #about #main {
    width: 100%!important;
  }
}
.leadership #main .toptitle {
  font-size: 20px;
  margin-left: 28px;
}
.leadership #main .section {
  margin-bottom: 40px;
}
.leadership #main #leaderbiobox {
  text-align: center;
  margin: 0 auto;
  min-height: 400px;
}
.leadership #main #leaderbiobox .leaderprofile {
  margin: 0 auto;
  width: 90%;
  float: none;
}
.leadership #main #leaderbiobox .leaderprofile .leaderimage {
  float: none;
  height: 245px;
  margin: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.leadership #main #leaderbiobox .leaderprofile .leaderimage img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0px;
  top: 0px;
}
.leadership #main #leaderbiobox .leaderprofile h2 {
  float: none;
  margin-top: 10px;
  font-size: 16px ;
  width: 100%;
  margin-right: 0px;
}
.leadership #main #leaderbiobox .leaderprofile h5 {
  font-size: 14px;
  float: none;
  font-weight: normal;
  width: 100%;
  margin: 0;
  margin-right: 0px;
}
body.leadership #main > h3 {
  text-transform: capitalize;
  color: #000;
  font-weight: bold;
}
.question {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}
.question h4 {
  font-weight: bolder;
}
.questions {
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  border-bottom: 2px solid #ddd;
}
.questions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.questions li {
  font-size: 1em ;
  font-weight: bolder;
  padding: 10px 0px;
  list-style: none;
}
.questions li:last-child {
  border-bottom: none;
}
.clear {
  padding-bottom: 10px;
}
.clear img {
  margin-left: 45px;
  margin-top: 35px;
}
.milestones {
  font-weight: bold;
  margin-left: 45px;
  margin-bottom: 15px;
}
/*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
@media only screen and (max-width: 900px) {
  #content #quicknav {
    text-align: left ;
  }
  #content #quicknav ul {
    border: 1px solid #8cb9c3;
  }
  
  #content #quicknav ul li a {
    color: black!important;
    text-align: left;
  }
  #content #quicknav ul li a:hover {
    color: #8cb9c3;
    font-weight: bold ;
  }
  #content #quicknav ul li a:visited {
    color: black ;
    font-weight: bold;
  }
  #content .clear img {
    margin-left: 0px ;
  }
}
@media only screen and (max-width: 746px) {
  #about #content #main p {
    line-height: 25px;
  }
}
@media only screen and (max-width: 600px) {
  #content #main h2 {
    margin-left: 0%;
  }
}
/*
==============================================================================
**
** AWARDS STYLES
**
** SCOPE: 		AWARDS
** 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 "awards"

** NOTES:

** TODO:		Connect up LESS variables

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
#awards {
  /*
.awards-csa h1 {
	background:url(../img/awards/awards-csa.jpg);
}
.artios-csa h1 {
	background:url(../img/awards/artios-csa.jpg);
}

.ampas-csa h1 {
	background:url(../img/awards/ampas-csa.jpg);
}
.emmys-csa h1 {
	background:url(../img/awards/emmys.jpg);
}
.media-access-csa h1 {
	background:url(../img/awards/media-access-csa.jpg);
}
*/
  /*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
  /*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
  /*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and bellows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
}
#awards #quicknav ul li.selected a,
#awards #quicknav ul li a:hover,
#awards #quicknav ul li a:active {
  color: white;
  text-decoration: underline;
  font-weight: bold;
  font-size: 13.35px;
  padding-bottom: 2px;
  padding-top: 2px;
  line-height: 23px;
}
@media (max-width: 900px) {
  #awards #quicknav ul li.selected a,
  #awards #quicknav ul li a:hover,
  #awards #quicknav ul li a:active {
    color: #000;
  }
}
#awards .header {
  background-image: url("../../styles/img/CSA-Banner-Blue.jpg");
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 100%;
  z-index: 10000;
  margin-bottom: 5px;
}
#awards #quicknav {
  position: absolute;
  text-align: center;
  right: 20px;
  top: 3px;
  padding: 5px;
  margin-bottom: 10px;
  z-index: 1000000;
  color: white;
  font-size: 1em;
}
@media (max-width: 900px) {
  #awards #quicknav ul {
    text-align: left;
  }
}
#awards #quicknav a {
  color: white;
  line-height: 24px;
  font-weight: lighter;
  font-family: sans-serif;
}
@media only screen and (max-width: 900px) {
  #awards #quicknav a {
    color: black;
  }
}
@media only screen and (max-width: 900px) {
  #awards #quicknav a:hover {
    color: black;
  }
}
#awards #quicknav a:selected {
  font-weight: bold;
  text-decoration: underline;
  color: white;
}
@media only screen and (max-width: 900px) {
  #awards #quicknav a:selected {
    color: black;
  }
}
@media (max-width: 900px) {
  #awards #quicknav {
    position: relative;
    right: 0px;
    padding-bottom: 0px;
    float: none;
    width: 100%!important;
    padding: 0px!important;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: auto;
  }
}
#awards #main {
  width: 100%;
}
#awards #main ul li {
  width: 100%;
}
#awards #emmyTitle {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 23px;
}
#awards h4 {
  margin-bottom: 25px;
}
/*
==============================================================================
**
** COMMON ELEMENTS
**
** SCOPE:       GLOBAL
** REVISION:    0.1
** DATE:        03/23/11
** AUTHORS:     DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:

** NOTES:       These style directives are used on common elements that can
                appear on any page of the site, but are not required on every
                page.

** TODO:

** 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 */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
/*
** COLUMNS
**
** DESCRIPTION: Defines the standard

** USAGE:
** NOTES:       The container default is 75% width and will grow between 960 and 1300px
**
*/
.col100 {
  width: 94.6% !important;
}
.col80 {
  width: 74.6% !important;
}
.col75 {
  width: 69.6% !important;
}
.col70 {
  width: 64.6% !important;
}
.col66 {
  width: 60.6% !important;
}
.col60 {
  width: 54.6% !important;
}
.col50 {
  width: 44.6% !important;
}
.col40 {
  width: 34.6% !important;
}
.col33 {
  width: 27.6% !important;
}
.col30 {
  width: 24.6% !important;
}
.col25 {
  width: 19.6% !important;
}
.col20 {
  width: 14.6% !important;
}
.col15 {
  width: 4.4% !important;
}
.col100,
.col80,
.col75,
.col70,
.col66,
.col60,
.col50,
.col40,
.col33,
.col30,
.col25,
.col20,
.col15,
.col10,
.col5 {
  padding: 2.7%;
  display: block;
  float: left;
}
#site-tools {
  display: block;
  float: right;
}
.bold {
  font-weight: bold;
}
/*
** RESPONSIVE TEXT
**
** DESCRIPTION: used to hide unecessary information
** USAGE:       span with a class of responsive
** NOTES:
**
*/
.responsive {
  display: none;
}
/*
** SEARCH
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#site-search {
  float: right;
}
#site-search fieldset {
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
#search-field,
#search-field:active {
  width: 210px;
  padding: 7px;
  border: 1px solid #bcbcbc;
  font-size: 14px;
  color: #292a2a;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
#search-results-container {
  display: none;
  position: absolute;
  clear: right;
  width: 226px;
  z-index: 1000;
  border: 1px solid #bcbcbc;
  border-top: 0;
  background-color: #fff;
}
#search-results-container #search-results-scroller {
  max-height: 374px;
  overflow: auto;
}
#search-results-container #search-results-list li {
  padding: 0.5em;
  margin: 0;
  height: 61px;
  overflow: hidden;
  cursor: pointer;
}
#search-results-container #search-results-list li .search-result-left {
  float: left;
  width: 45px;
  height: 45px;
  overflow: hidden;
}
#search-results-container #search-results-list li .search-result-left img {
  width: 100%;
}
#search-results-container #search-results-list li .search-result-right {
  float: left;
  margin-left: 5px;
  max-width: 140px;
}
#search-results-container #search-results-list li .search-result-right h3 {
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}
#search-results-container #search-results-list li .search-result-right div.meta {
  margin: 0.3em 0;
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11.5px;
  line-height: 1.1em;
}
#search-results-container #search-results-list li.over {
  background-color: #ffffcc;
}
#search-results-container #search-results-list li.selected {
  background-color: #b9d2f3;
}
#search-results-container #search-results-list li + li {
  border-top: 1px solid #dadada;
}
#search-results-container #search-results-footer {
  padding: 0.75em;
  text-align: right;
  border-top: 1px solid #dadada;
  background-color: #e6e6e4;
  font-size: 0.7em;
  line-height: 1;
}
#search-results-container #search-results-footer #search-results-status {
  float: left;
}
#search-results-container #search-results-footer #search-results-link {
  float: right;
}
.ie7 {
  font-size: 12px;
}
.ie7 #search-field {
  margin-top: -3px;
  padding: 8px 5px 2px 5px;
  height: 15px;
}
/*
** MORE BUTTON
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
.more {
  background: #787878;
  color: #fff !important;
  font-size: 0.65em;
  padding: 0.45em 0.7em 0.35em 0.7em;
  text-transform: uppercase;
}
.more:hover {
  background: #929292;
  text-decoration: none;
}
/*
** EVENT
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
.calendar-icon {
  display: block;
  height: 1.5em;
  width: 1.15em;
  padding: 0.15em 1.5em 2.2em 0.45em;
  margin: 0 1em 0 0;
  background: #787878;
  color: #fff;
  font-size: 1.818em;
  line-height: 0.9;
  letter-spacing: -1px;
  float: left;
  clear: left;
}
.calendar-icon abbr {
  letter-spacing: normal;
  font-size: 14px;
  font-size: 0.775rem;
  line-height: 0;
  text-transform: uppercase;
  border: none;
}
/*
** FIGURE
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
figure {
  width: auto;
  padding: 10px;
  border: 1px solid #b8b7b0;
  max-width: 100%;
}
figure.left {
  float: left;
  margin: 5px 15px 15px 0;
}
figure.right {
  float: right;
  margin: 5px 0 15px 15px;
}
/*
** PAGETOOLS
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#page-tools {
  border-bottom: 1px solid #dcdcd8;
  margin-bottom: 15px !important;
  padding-bottom: 5px !important;
  font-family: Arial, sans-serif;
}
#page-tools li {
  font-size: 18px;
  line-height: 35px;
}
#page-tools a {
  color: #b8b7b0;
}
#page-tools a:before {
  float: left;
  display: block;
  content: "";
  height: 32px;
  width: 32px;
  margin: -2px 20px 0 0;
}
#page-tools a:hover {
  text-decoration: none;
}
#page-tools .mail a:before {
  background: transparent url(../img/sprites.png) -232px 2px no-repeat;
}
#page-tools .print a:before {
  background: transparent url(../img/sprites.png) -232px -30px no-repeat;
}
#page-tools .pdf a:before {
  background: transparent url(../img/sprites.png) -232px -65px no-repeat;
}
#page-tools .mail a:hover:before {
  background: transparent url(../img/sprites.png) -264px 2px no-repeat;
}
#page-tools .print a:hover:before {
  background: transparent url(../img/sprites.png) -264px -30px no-repeat;
}
#page-tools .pdf a:hover:before {
  background: transparent url(../img/sprites.png) -264px -65px no-repeat;
}
/*
** BREADCRUMBS
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#breadcrumbs {
  border-top: 1px solid #DDDDDD;
  font-size: 12px;
  font-style: normal;
  list-style: none outside none;
  margin: 40px 0 10px !IMPORTANT;
  padding: 10px 0 0 !IMPORTANT;
  width: 100%;
  visibility: hidden;
}
#breadcrumbs li {
  display: inline;
}
#breadcrumbs li a {
  margin: 0 0.231em;
  color: #787878;
}
#breadcrumbs li:first-child a {
  margin-left: 0;
}
#meta {
  color: #b8b7b0;
  font-size: 12px;
  font-style: italic;
  width: 100%;
  overflow: auto;
  border: none;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 14px;
}
#meta time {
  float: right;
  margin-right: 1px;
}
.ie7 #meta {
  overflow: hidden;
}
/*
** LIST
**
** DESCRIPTION: Table based list element including pagination
** USAGE:       Typically used for "press browser" style navigation
** NOTES:
**
*/
.listing {
  display: table;
  width: 100%;
}
.listing td {
  vertical-align: top;
  font-size: 0.9em;
  line-height: 1.4;
  padding: 1em 0.5em;
}
.listing td.date {
  text-align: left;
  width: 13%;
}
.listing tr:nth-child(even) {
  background-color: #fcfcfc;
}
.listing h2 {
  font-size: 1.231em;
  display: block;
}
.listing .divider td {
  border-bottom: 1px solid #ecf0f1;
  background: #fff;
  padding: 2.6em 0 0 30px !important;
  vertical-align: bottom;
  width: 76%;
}
.listing .divider td time {
  font-size: 0.8em;
}
.listing .sort {
  background-color: #a3aa3a;
}
.listing .sort th {
  text-algin: left !important;
}
.listing .sort a {
  font-size: 0.825em;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
}
.pagination {
  background-color: #EEF2F6;
  color: #292a2a;
  font-size: 12px;
  height: 50px;
  margin: 0;
  padding: 12px 50px;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  border-radius: 0px;
  float: right;
  margin-right: 30px;
}
.pagination .listing-jump {
  position: absolute ;
  margin-top: 0px;
  margin-bottom: 0px !important;
  width: auto;
  height: 20px;
}
.pagination .listing-increment {
  position: relative;
  float: right;
  display: block;
  margin-left: 0px;
  margin-bottom: 5px;
  margin-top: 0px;
}
.pagination .listing-increment a {
  cursor: pointer;
  padding: 0 5px;
  background: none !important;
  color: #000 !important;
  margin-bottom: 20px;
}
.pagination .listing-increment a.selected {
  color: #a85111;
}
.pagination .ie7 .listing-increment {
  margin-top: 2px;
}
.pagination select {
  height: 2em;
  margin: 0px 5px;
  position: relative;
  width: 3em;
  padding: 0px 5px;
  float: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAGCAYAAAAc2cSCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQyQzZBNTA0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQyQzZBNTE0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMyQ0ZGNTQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMyQ0ZGNjQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQ4KtEAAABeSURBVHjaYjTS0zvMwMBgw4AJpgNx1tmLFxlwASYgLsYi/g6IaxgIAJDmU0C8DE28BmoAQc0gUAbEX6DsC0A8i4EIANP8FIhbkWz9S4xmFiR2HxBLAPFWBiIBQIABAJhkENSat+AJAAAAAElFTkSuQmCC") center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff));
}
/*
** INLINE SEARCH
**
** DESCRIPTION: This is for the search that typically appears in the asides column
** USAGE:
** NOTES:
**
*/
.inline-search {
  padding-top: 0;
  overflow: hidden;
  clear: both;
}
.inline-search fieldset {
  padding: 0;
  background: none;
  margin-bottom: 1em;
}
.inline-search legend {
  padding-bottom: 0.317em !important;
  display: block !important;
}
.inline-search input[type="text"] {
  font-size: 0.9em;
  padding: 0px 5px;
  width: 76%;
}
.inline-search select {
  font-size: 0.9em;
  margin-right: 0;
  width: 76% !important;
  height: 30px;
}
.inline-search .button {
  font-size: 0.9em;
  float: right;
  width: 20%;
  margin: 0px;
  padding: 0 !important;
  height: 29px;
}
.selct li {
  float: left;
  width: 40%;
}
/*
** PEOPLE LIST
**
** DESCRIPTION: Used for a list of people that use the hcard format. Mostly used for Hearings
** USAGE:
** NOTES:
**
*/
.people {
  list-style: none;
  margin: 0;
  padding: 0;
}
.people li {
  margin-bottom: 1.231em;
}
.people .fn,
.people .honorific-prefix {
  color: #444;
  font-weight: bold;
}
.people .title,
.people .org,
.people .adr {
  font-size: 0.9em;
  line-height: 1.4;
}
/*
** LOCATIONS
**
** DESCRIPTION: Used for a list of people that use the hcard format. Mostly used for Hearings
** USAGE:
** NOTES:
**
*/
.locations .org {
  font-size: 1.1em;
  font-weight: bold;
}
/*
** ENTRIES
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
.hnews h1 a:hover {
  text-decoration: none;
}
/*
** TAGS
**
** DESCRIPTION: Tags are used
** USAGE:
** NOTES:
**
*/
.tags dt {
  display: inline;
  font-weight: bold;
}
.tags dd {
  margin: 0;
  padding: 0;
  display: inline;
}
.tags dd::after {
  content: ", ";
}
.tags dd:last-child::after {
  content: "";
}
/*
** LANDING PAGE LIST
**
** DESCRIPTION: Used for pages that have a list of all the child pages
                Typically used on pages like the Issues or Services
                landing pages
** USAGE:
** NOTES:
**
*/
#landing-page-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#landing-page-list h2 {
  margin: 0;
  border: none;
}
#landing-page-list li {
  overflow: auto;
  clear: both;
  padding: 1.333em 0 1.333em 0;
  border-bottom: 1px solid #dcdcd8;
}
#landing-page-list li:last-child {
  border: none;
}
#landing-page-list img {
  width: 25%;
  margin-right: 5%;
  float: left;
}
#landing-page-list p {
  line-height: 1.2;
}
/*
** ACCORDIAN
**
** DESCRIPTION:     Default styles for text based Accordian elements

** USAGE:           Create a DL element with the class .accordian
                    Assign the class .toggler to the DT element
                    Assign the class .togglee to the DD element

** NOTES:           The default behvior will add toggle arrows in the
                    light accent variable and create a background
                    color block.
**
*/
.accordian {
  list-style: none;
  padding: 0;
  margin: 0;
}
.accordian .toggler {
  padding: 1em 0 1em 0;
  border-top: 1px solid #ffffff;
}
.accordian .toggler {
  overflow: auto;
  line-height: 1.4;
  padding-left: 1.85em;
  cursor: pointer;
  background: #ffffff;
}
.accordian .toggler:before {
  display: inline-block;
  height: 0;
  content: '';
  padding: 0;
  margin: auto 0.8em auto -1.2em;
  border-left: 10px solid #f2edda;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: none;
}
.accordian .open:before {
  border-left: 5px solid transparent;
  border-top: 10px solid #f2edda;
  border-right: 5px solid transparent;
  border-bottom: none;
}
.accordian .togglee {
  clear: both;
  margin-left: 1.85em;
  padding-bottom: 1em;
  border-top: 1px solid #f2edda;
}
.accordian .togglee > p {
  padding: 1em 0;
  font-size: 0.9em;
  line-height: 1.3;
}
/*
** BUTTON
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
input[type="button"] {
  color: #8cb9c3;
  background-color: #fff;
  border: 1px solid #8cb9c3;
}
input[type="button"]:hover {
  color: #fff;
  background-color: #8cb9c3;
}
.button {
  position: relative;
  padding: 12px 18px;
  display: inline-block;
  color: #8cb9c3;
  background-color: #fff;
  border: 1px solid #8cb9c3;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  /* text-transform: capitalize;*/
}
.button:hover {
  background-color: #8cb9c3;
  color: #fff;
}
.button:active {
  background-color: #e6e6e6;
  color: #000 !important;
  border: 0;
}
a.button,
a.button:hover {
  text-align: center;
  text-decoration: none;
}
.ie8 .button,
.ie7 .button,
.ie9 .button {
  width: auto;
  line-height: 1;
}
.btn {
  color: #8cb9c3 !important;
  background-color: #fff;
  border: 1px solid #8cb9c3;
  font-size: 13px;
  padding: 10px;
  font-weight: bold;
  line-height: 1;
  border-radius: 0px;
}
.btn:hover {
  background-color: #8cb9c3;
  color: #fff !important;
}


#masthead #auth-status #login-link.btn{
  background-color: #000;
  color: #fff!important;
  border: 1px solid #000;
}

#masthead #auth-status #login-link.btn:hover{
  background-color: white;
  color: #000!important;
}
/*
** ASIDES
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#asides dt {
  font-weight: bold;
}
.side-list li {
  border-top: 1px solid #EAECE8;
  padding: 1.2em 0 0;
}
.no-list {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
.no-list li {
  position: relative;
  padding: 0;
  margin: 0;
}
.facts dd dt {
  margin-top: 1em;
}
.facts dd dd {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}
.facts dd {
  line-height: 1.2;
  margin: 0 0 1.231em 0;
}
.icon {
  display: block;
  text-indent: -1000em;
  background: transparent url(../img/sprites.png) 0 0 no-repeat;
}
.acrobat a,
.word a,
.excel a,
.powerpoint a,
.document a,
.flash a,
.vid a,
.avi a,
.h264 a,
.aud a,
.mp3 a,
.txt a,
.filesize {
  margin-left: 2em;
  display: block;
}
.filesize {
  margin-top: -0.5em;
  font-size: 0.675;
}
.ie7 .filesize {
  display: none;
}
.filesize::before {
  content: "(";
}
.filesize::after {
  content: ")";
}
.filetype {
  height: 17px !important;
  width: 14px !important;
  display: block;
  /*

    margin:     1px 1em auto -1.9em;

*/
  float: left;
  text-indent: -999em;
  background-repeat: no-repeat;
  background-position: center center;
}
.acrobat .filetype {
  background: url(/styles/img/square-icons.png) -126px 0 no-repeat;
}
.word .filetype {
  background: url(/styles/img/square-icons.png) -112px -14px no-repeat;
}
.excel .filetype {
  background: url(/styles/img/square-icons.png) -98px -28px no-repeat;
}
.powerpoint .filetype {
  background: url(/styles/img/square-icons.png) -84px -42px no-repeat;
}
.document .filetype {
  background: url(/styles/img/square-icons.png) -56px -70px no-repeat;
}
.txt .filetype {
  background: url(/styles/img/square-icons.png) -56px -70px no-repeat;
}
.flash .filetype {
  background: url(/styles/img/square-icons.png) -70px -56px no-repeat;
}
.gallery .filetype {
  background: url(/styles/img/square-icons.png) -42px -84px no-repeat;
}
.vid {
  clear: both;
}
.vid p {
  float: right;
  width: 92% !important;
}
.vid p a {
  display: inline !important;
  margin: 0 !important;
}
.vid .filetype,
.avi .filetype,
.h264 .filetype {
  background-image: url(/styles/img/vid.png);
  height: 20px !important;
  width: 20px !important;
  display: block;
}
.aud .filetype,
.mp3 .filetype {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAARCAYAAAAG/yacAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMThEQkJGNTAwMDFENjJCODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTFENDY1MTBFQjlGMTFFMDhBNUVDQjY2MzVDQjI3QUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE2RENEOUVFQjg5MTFFMDhBNUVDQjY2MzVDQjI3QUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTgwMTE3NDA3MjA2ODExOERCQkVBOTcxMDUxQzZGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjgwMTE3NDA3MjA2ODExOERCQkY1MDAwMUQ2MkI4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PidIPBAAAAHOSURBVHjahFNLbhNBEH01noVtIWfjCOSsE1ucxeyQ5RMAV7C9shw7QrDGC4gX8YKPlCwDAg6BlIVzDH8Ck2j6Q1V1j+UgpLRU093VVfVeve6hfr/veeChMZlMaLvp9XreOafmi9mLeV3L+c1mo7MUF0uICHwGDoP1jtcONu4LBlmWYTgcYjAYqCOVA+fsFlniiO5TW65W8IEVpJ1UnFJdnKRGMNZiPDrGi1cvIUxms5nOxUhlY4wBJQmjOE2ynHT64T0+f/qIX1dXIYEpUEIYcbFEMi0n2TyYFHDW4fWbt/hyfoHpu6n6DPvyPLQRepJGnIHngiQf3i6XS6SlEirlMiO7e31qT8bkjE6ILJAwjbvbDNVHVXS6XUYx2NVGk0KlIL0KwbPILIiirCT4WHAHiQ/IY73e4OeP76jX91GuVJCb0KMqG+WV4mlAsIrw7fIrxicTNB4/QftZG579gi4Zen8Mpy9CPqoO93XYPMLTVgvXiwWedzqMVmVlc5ioas5rRSouV3g3m00MRyNkv/+gVtvbMhCY3Set9OQytVm2xkFD+VtWDNEXlKOt7PGeXGw0EVg4jSlCJTGkcpj2pPTmZ/P4WP//X9E/L/ivAAMAyig4+0AeTQgAAAAASUVORK5CYII=);
}
.icon {
  color: #b8b7b0;
  float: left;
  margin: 3px 10px 0 0;
  height: 14px;
  width: 14px;
}
.type {
  text-transform: none;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-size: 11px;
  color: #b8b7b0;
}
.type:hover {
  color: #b70218;
  text-decoration: none;
}
.type:hover .second-opinion {
  background-position: -102px -80px;
}
.type:hover .red-tape-review {
  background-position: -118px -80px;
}
.type:hover .policy-paper {
  background-position: -134px -80px;
}
.type:hover .press-release {
  background-position: -151px -80px;
}
.type:hover .legislative-notice {
  background-position: -167px -80px;
}
.type:hover .daily-senate-schedule {
  background-position: -183px -80px;
}
.type:hover .amendment-summary {
  background-position: -198px -81px;
}
.second-opinion {
  background-position: -102px -64px;
}
.red-tape-review {
  background-position: -118px -64px;
}
.policy-paper {
  background-position: -134px -64px;
}
.press-release {
  background-position: -151px -64px;
}
.legislative-notice {
  background-position: -167px -64px;
}
.daily-senate-schedule {
  background-position: -183px -64px;
}
.amendment-summary {
  background-position: -198px -65px;
}
.errorMessage {
  z-index: 1000;
  display: block;
  padding: 0 10px;
  height: auto;
  font-family: sans-serif;
  font-size: 1em;
}
/*
** 900
**
** DESCRIPTION: Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
/*
** 768
**
** DESCRIPTION: Styles that apply to screens 768 and belows pixels wide and down
** USAGE:
** NOTES:
**
*/
.editlogin #main {
  width: 100%!important;
}
.editlogin #main #edit-login-form .checkbox label {
  width: 16%;
}
.editlogin #main #edit-login-form .checkbox label:first-child {
  width: 30%;
}
@media only screen and (max-width: 900px) {
  #quicknav {
    background: url("../img/quicknav.png") repeat scroll 0 0 transparent;
    float: left !important;
    height: auto !important;
    margin-right: 0 !important;
    min-height: 100px !important;
    max-height: auto !important;
    padding: 20px 0 20px 18px !important;
    width: 97% !important;
  }
  .header {
    background: none !important;
    float: left !important;
    height: auto !important;
    position: relative !important;
    width: 100% !important;
    top: 0 !important;
    z-index: 10000 !important;
  }
  .header h1 {
    color: #000000 !important;
    float: left !important;
    font-size: 52px;
    font-weight: bold;
    line-height: 57px;
    margin: 0 !important;
    width: auto !important;
  }
  body.loggedin #content {
    top: 25px !important;
  }
  body.loggedin #member-footer {
    top: 30px !important;
    position: relative !important;
  }
  #content {
    top: 0 !important;
  }
  #masthead {
    height: auto;
    float: left;
    margin-bottom: 0px !important;
  }
  #masthead #main-nav {
    float: left;
  }
  #masthead #main-nav #navs-container {
    top: 13px !important;
  }
  #masthead #main-nav #logo {
    margin: 0 0 0 18px;
    position: relative;
    top: -45px;
  }
  #masthead #main-nav #menu-authenticated {
    float: left;
    height: 30px;
    left: -153px;
    position: absolute;
    top: 42px;
    width: 778px;
  }
  #masthead #main-nav #menu-authenticated li {
    width: 13% !important;
  }
  #masthead #main-nav #menu-authenticated li ul {
    width: 100%;
  }
  #masthead #main-nav #menu-authenticated li ul li {
    width: 100% !important;
  }
  #masthead #main-nav #menu-authenticated #artios.selected > a,
  #masthead #main-nav #menu-authenticated #artios:hover > a {
    background: url("../img/sprites.png") repeat scroll -311px -125px #BC00BA !important;
  }
  .two-col .header,
  .one-col .header {
    top: 55px;
  }
  .two-col #main,
  .one-col #main {
    float: left;
    margin: 0;
    width: 90%;
  }
  .two-col #container #content #main .previewabout a.right,
  .one-col #container #content #main .previewabout a.right {
    width: 17% !important;
  }
  .two-col #asides,
  .one-col #asides {
    display: block;
    float: left;
    margin: 20px 0px;
    padding: 0;
    width: 100%;
  }
  .two-col #asides aside,
  .one-col #asides aside {
    padding: 30px 0 30px 31px;
    width: 94%;
  }
  #site-search {
    padding: 0;
    top: 57px;
    right: 10px;
    background: none;
  }
  #site-search fieldset {
    background: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
  }

  
  
  #search-field {
    width: 210px;
    color: #b8b7b0 !important;
  }
  .one-col-full #container #content #main .previewabout a.right {
    width: 17% !important;
  }
}
@media only screen and (max-width: 900px) and (max-width: 900px) {
  .two-col #asides aside,
  .one-col #asides aside {
    width: 100%;
  }
}
/*
** 600
**
** DESCRIPTION: Styles that apply to screens 480 and belows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
.list-item .thumb {
  float: left;
  width: 36%;
}
.list-item .info {
  float: right;
  width: 59%;
  margin-right: 20px;
}
@media only screen and (max-width: 705px) {
  #member-networking section p,
  #member-networking section h2 {
    float: left !important;
    padding-top: 5px;
  }
}
@media only screen and (max-width: 600px) {
  .resultset-results table th {
    margin: 0 !important;
    padding: 0 !important;
  }
  .resultset-results table th a {
    margin: 0 !important;
    padding: 0 !important;
  }
  .resultset-results table tr td {
    padding: 0 !important;
  }
  #member-newsroom section,
  #member-artios section,
  #member-networking section,
  #member-resources section {
    float: left;
    width: 100%;
  }
  #member-newsroom section > div,
  #member-artios section > div,
  #member-networking section > div,
  #member-resources section > div {
    width: 15% !important;
    background: none !important;
  }
  #member-newsroom section > div img,
  #member-artios section > div img,
  #member-networking section > div img,
  #member-resources section > div img {
    width: 40px !important;
    height: 40px !important;
  }
  #member-networking section p,
  #member-networking section h2 {
    float: left !important;
    padding-top: 5px;
  }
  #member-networking section p {
    margin-bottom: 4% !important;
  }
  #member-networking section a {
    vertical-align: middle;
  }
  .list-item .thumb {
    float: left;
    width: 26%;
  }
  .list-item .info {
    float: right;
    width: 59%;
    margin-right: 20px;
  }
  #mobile_nav_menu {
    display: block !important;
    position: relative;
  }
  #mobile_nav_menu h1 {
    background: none repeat scroll 0 0 #999999;
    display: block;
    padding: 5px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 12pt;
  }
  #menu_expand {
    display: none;
  }
  #quicknav {
    background: url("../img/quicknav.png") repeat scroll 0 0 transparent;
    float: left !important;
    height: auto !important;
    margin-right: 0 !important;
    min-height: 100px !important;
    max-height: auto !important;
    padding: 20px 0 20px 18px !important;
    width: 97% !important;
  }
  .header {
    background-color: transparent !important;
    background-image: none !important;
    background-origin: padding-box !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    float: left !important;
    height: auto !important;
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
  }
  .header h1 {
    color: #000000 !important;
    float: left !important;
    font-size: 52px;
    font-weight: bold;
    line-height: 57px;
    margin: 0 !important;
    width: auto !important;
  }
  #member-search .search #search-button {
    width: auto !important;
  }
  #member-search .search #reset-button {
    width: auto !important;
    float: left;
    margin: 10px 0px 0px 0px !important;
  }
  #member-search .search #search-field-advanced {
    width: 56% !important;
  }
  #member-search #results {
    width: auto !important;
  }
  #member-search #results .user {
    width: 100% !important;
  }
  #member-search #results .user .image_placeholder {
    display: block;
    float: left;
    height: 50px !important;
    overflow: hidden;
    width: 50px  !important;
  }
  #member-search #results .user .image_placeholder img {
    display: block;
    float: left;
    height: 50px !important;
    overflow: hidden;
    width: 50px !important;
  }
  #member-home #featured #member {
    background-color: #F9F9F9;
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
  }
  #member-home #featured #member .caption > div {
    position: relative;
  }
  #member-home #featured #member .caption > div h3 {
    font-size: 12px !important;
    position: relative;
    top: 0px;
  }
  #member-home #featured #member .caption > div p {
    font-size: 12px !important;
    position: relative;
    top: 0px;
    width: 80% !important;
  }
  #member-home #asides aside {
    width: auto;
    padding: 10px;
  }
  .preview {
    width: 80% !important;
  }
  .previewabout,
  .image_holder,
  .edit_block {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
  .edit aside,
  .edit fieldset {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .edit aside .fakefile,
  .edit fieldset .fakefile,
  .edit aside .file,
  .edit fieldset .file {
    width: 81%!important;
  }
  fieldset .checkbox label {
    float: left;
    padding: 0;
    position: relative;
    top: 5px;
    width: 27% !important;
  }
  fieldset label {
    width: 39% !important;
  }
  fieldset input[type="text"],
  fieldset input[type="password"],
  fieldset textarea {
    border: 2px solid #E1E1E1;
    float: left;
    height: 35px;
    width: 54%;
  }
  .about-csa h5,
  .about-csa p {
    width: 94% !important;
  }
  .about-csa section {
    float: left;
    margin: 0 !important;
    width: 100% !important;
  }
  body.loggedin #content {
    top: 25px !important;
  }
  #masthead #main-nav {
    float: none !important;
  }
  #masthead #main-nav #navs-container {
    top: 0px !important;
  }
  #masthead #main-nav #menu-authenticated {
    float: left !important;
    height: auto !important;
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
    width: 98% !important;
  }
  #masthead #main-nav #menu-authenticated li {
    width: 100% !important;
    float: left;
  }
  #masthead #main-nav #menu-authenticated #resources.selected a,
  #masthead #main-nav #menu-authenticated #resources:hover,
  #masthead #main-nav #menu-authenticated #resources:hover a {
    background: url("../img/colors.png") repeat scroll 0 0 #7F60C3 !important;
    color: #fff !important;
    background-size: 100% 350px !important;
  }
  #masthead #main-nav #menu-authenticated #resources.selected a .sub,
  #masthead #main-nav #menu-authenticated #resources:hover .sub,
  #masthead #main-nav #menu-authenticated #resources:hover a .sub {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #resources.selected a .sub li,
  #masthead #main-nav #menu-authenticated #resources:hover .sub li,
  #masthead #main-nav #menu-authenticated #resources:hover a .sub li {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #resources.selected a .sub li a,
  #masthead #main-nav #menu-authenticated #resources:hover .sub li a,
  #masthead #main-nav #menu-authenticated #resources:hover a .sub li a {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #member-home.selected a,
  #masthead #main-nav #menu-authenticated #member-home:hover,
  #masthead #main-nav #menu-authenticated #member-home:hover a {
    background: url("../img/colors.png") repeat scroll 0 -100px #7F60C3 !important;
    color: #fff !important;
    background-size: 100% 350px !important;
  }
  #masthead #main-nav #menu-authenticated #newsroom.selected a,
  #masthead #main-nav #menu-authenticated #newsroom:hover,
  #masthead #main-nav #menu-authenticated #newsroom:hover a {
    background: url("../img/colors.png") repeat scroll 0 -50px #7F60C3 !important;
    color: #fff !important;
    background-size: 100% 350px !important;
  }
  #masthead #main-nav #menu-authenticated #newsroom.selected a .sub,
  #masthead #main-nav #menu-authenticated #newsroom:hover .sub,
  #masthead #main-nav #menu-authenticated #newsroom:hover a .sub {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #newsroom.selected a .sub li,
  #masthead #main-nav #menu-authenticated #newsroom:hover .sub li,
  #masthead #main-nav #menu-authenticated #newsroom:hover a .sub li {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #newsroom.selected a .sub li a,
  #masthead #main-nav #menu-authenticated #newsroom:hover .sub li a,
  #masthead #main-nav #menu-authenticated #newsroom:hover a .sub li a {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #news.selected a,
  #masthead #main-nav #menu-authenticated #news:hover a {
    background: url("../img/colors.png") repeat scroll 0 -100px #7F60C3 !important;
    color: #fff !important;
    background-size: 100% 350px !important;
  }
  #masthead #main-nav #menu-authenticated #artios.selected a,
  #masthead #main-nav #menu-authenticated #artios:hover,
  #masthead #main-nav #menu-authenticated #artios:hover a {
    background: url("../img/colors.png") repeat scroll 0 -150px #7F60C3 !important;
    color: #fff !important;
    background-size: 100% 350px !important;
  }
  #masthead #main-nav #menu-authenticated #artios.selected a .sub,
  #masthead #main-nav #menu-authenticated #artios:hover .sub,
  #masthead #main-nav #menu-authenticated #artios:hover a .sub {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #artios.selected a .sub li,
  #masthead #main-nav #menu-authenticated #artios:hover .sub li,
  #masthead #main-nav #menu-authenticated #artios:hover a .sub li {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #artios.selected a .sub li a,
  #masthead #main-nav #menu-authenticated #artios:hover .sub li a,
  #masthead #main-nav #menu-authenticated #artios:hover a .sub li a {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #get-in-touch.selected a,
  #masthead #main-nav #menu-authenticated #get-in-touch:hover,
  #masthead #main-nav #menu-authenticated #get-in-touch:hover a {
    background: url("../img/colors.png") repeat scroll 0 -200px #7F60C3 !important;
    color: #fff !important;
    background-size: 100% 350px !important;
  }
  #masthead #main-nav #menu-authenticated #get-in-touch.selected a .sub,
  #masthead #main-nav #menu-authenticated #get-in-touch:hover .sub,
  #masthead #main-nav #menu-authenticated #get-in-touch:hover a .sub {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #get-in-touch.selected a .sub li,
  #masthead #main-nav #menu-authenticated #get-in-touch:hover .sub li,
  #masthead #main-nav #menu-authenticated #get-in-touch:hover a .sub li {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #get-in-touch.selected a .sub li a,
  #masthead #main-nav #menu-authenticated #get-in-touch:hover .sub li a,
  #masthead #main-nav #menu-authenticated #get-in-touch:hover a .sub li a {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #networking.selected a,
  #masthead #main-nav #menu-authenticated #networking:hover,
  #masthead #main-nav #menu-authenticated #networking:hover a {
    background: url("../img/colors.png") repeat scroll 0 -250px #7F60C3 !important;
    color: #fff !important;
    background-size: 100% 350px !important;
  }
  #masthead #main-nav #menu-authenticated #networking.selected a .sub,
  #masthead #main-nav #menu-authenticated #networking:hover .sub,
  #masthead #main-nav #menu-authenticated #networking:hover a .sub {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #networking.selected a .sub li,
  #masthead #main-nav #menu-authenticated #networking:hover .sub li,
  #masthead #main-nav #menu-authenticated #networking:hover a .sub li {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #networking.selected a .sub li a,
  #masthead #main-nav #menu-authenticated #networking:hover .sub li a,
  #masthead #main-nav #menu-authenticated #networking:hover a .sub li a {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #discussions.selected a,
  #masthead #main-nav #menu-authenticated #discussions:hover,
  #masthead #main-nav #menu-authenticated #discussions:hover a {
    background: url("../img/colors.png") repeat scroll 0 -300px #7F60C3 !important;
    color: #fff !important;
    background-size: 100% 350px !important;
  }
  #masthead #main-nav #menu-authenticated #discussions.selected a .sub,
  #masthead #main-nav #menu-authenticated #discussions:hover .sub,
  #masthead #main-nav #menu-authenticated #discussions:hover a .sub {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #discussions.selected a .sub li,
  #masthead #main-nav #menu-authenticated #discussions:hover .sub li,
  #masthead #main-nav #menu-authenticated #discussions:hover a .sub li {
    display: none !important;
  }
  #masthead #main-nav #menu-authenticated #discussions.selected a .sub li a,
  #masthead #main-nav #menu-authenticated #discussions:hover .sub li a,
  #masthead #main-nav #menu-authenticated #discussions:hover a .sub li a {
    display: none !important;
  }
  #masthead #site-search {
    float: left;
    left: 8px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: 94%;
  }
  #masthead #site-search fieldset {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    box-shadow: none;
    overflow: visible;
    padding: 0;
    width: 92%;
  }
  #masthead #site-search fieldset #search-field {
    font-size: 0.8em;
    height: 20px;
    margin: 0;
    padding: 5px;
    width: 100% !important;
  }
  #masthead #site-search fieldset #search-results-container {
    position: static;
    width: 299px;
  }
  #masthead #site-search fieldset #search-results-container #search-results-scroller {
    overflow-x: hidden !important;
  }
  #masthead #site-search fieldset #search-results-container #search-results-list {
    overflow: hidden;
  }
  #masthead #site-search fieldset #search-results-container #search-results-list li {
    padding: 10px 0 !important;
    width: 280px !important;
  }
}
.main_list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.main_list li {
  clear: both;
  padding: 15px 0px;
}
.main_list li img {
  background: none repeat scroll 0 0 #F0F0F0;
  border: 7px solid #F0F0F0;
  float: left;
  margin: 0 15px 20px 0;
}
.kids li {
  clear: both;
  min-height: 80px;
}
.kids li img {
  float: left;
  margin: 5px 10px 0 0;
}
#cerabox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1106;
  display: none;
}
#cerabox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../img/cerabox/cerabox.png");
}
#cerabox-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
  background: #FFF;
  opacity: 0.5;
}
#cerabox {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1101;
  display: none;
  opacity: 0;
  background: #fff;
}
#cerabox .cerabox-content {
  width: 100%;
  height: 100%;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
  /*CSS3*/
  -moz-box-shadow: 0 0 30px -5px #333333;
  -webkit-box-shadow: 0 0 30px -5px #333333;
  box-shadow: 0 0 30px -5px #333333;
  /* For IE 8 */
  /*filter:progid:DXImageTransform.Microsoft.Glow(Color='#CCCCCC',Strength=3);*/
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
  /* For IE 5.5 - 7 */
  /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
}
#cerabox .cerabox-content img {
  float: left;
}
#cerabox .cerabox-content span {
  font-family: Helvetica;
  font-size: 12px;
  margin: 10px;
  display: block;
  color: #000;
  line-height: normal;
}
#cerabox .cerabox-title {
  z-index: 1102;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
}
#cerabox .cerabox-title span {
  font-family: Helvetica;
  font-size: 12px;
  margin: 10px;
  display: block;
  line-height: normal;
}
#cerabox .cerabox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('../img/cerabox/cerabox.png') -40px 0px;
  cursor: pointer;
  z-index: 1105;
}
#cerabox .cerabox-content img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}
#cerabox .cerabox-content iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
#cerabox a.cerabox-left,
#cerabox a.cerabox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('../img/cerabox/blank.gif');
  z-index: 1104;
  display: none;
}
#cerabox a.cerabox-left {
  left: 0px;
}
#cerabox a.cerabox-right {
  right: 0px;
}
#cerabox a.cerabox-left span,
#cerabox a.cerabox-right span {
  position: absolute;
  top: 50%;
  /*left: -9999px;*/
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1104;
  display: block;
}
#cerabox a.cerabox-left:hover span {
  background-image: url('../img/cerabox/cerabox.png');
  background-position: -40px -30px;
  left: -15px;
}
#cerabox a.cerabox-right:hover span {
  background-image: url('../img/cerabox/cerabox.png');
  background-position: -40px -60px;
  right: -15px;
}
#cerabox .cerabox-content-protection {
  display: none;
  position: absolute;
  background: transparent url('..//img/cerabox/blank.gif');
  z-index: 1103;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
/*IE6*/
#cerabox-loading.ceraboxbox-ie6 {
  position: absolute;
  margin-top: 0;
}
h3.gallery-name {
  font-weight: bold;
}
/* gallery details page */
#main_image_container .image_nav {
  margin: 10px 0px;
}
#main_image_container .image_nav #prev_next_top {
  float: right;
}
#main_image_container .image_nav #loc_top {
  float: left;
}
#thumbnails_container {
  font-size: 0.9em;
  padding: 12px;
  letter-spacing: 0.1em;
  color: #484b51;
  margin-bottom: 10px;
}
.paging {
  font-size: 0.8em;
}
.paging a {
  margin: 0px 2px;
  display: inline-block;
}
#thumbnails_container #thumbs_paging_top .paging #thumbs_paging_top_loc {
  float: left;
}
#thumbnails_container #thumbs_paging_top .paging .links {
  float: right;
}
#thumbnails_container #thumbs_paging_top .paging .links .selected {
  color: #000;
}
#thumbnails_container img {
  border: 7px solid #D4D4D4;
  margin: 0 2% 3% 0;
  vertical-align: top;
  width: 19%;
}
.timeline-header {
  height: 29px;
  padding: 12px 10px 0 10px;
  border-bottom: 2px solid #1784B6;
  background: #1784b6 url(/images/timeline/header.png) repeat-x;
}
.timeline-header ul {
  height: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #fff;
}
.timeline-header ul li {
  float: left;
  height: 20px;
  margin: 0 15px 0 0;
  padding: 0;
  background: url(/images/timeline/header-li.png) no-repeat center bottom;
}
.timeline-header ul li a {
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 1px;
  color: #fff;
  font-size: 1em;
}
.timeline-header ul li a.selected,
.timeline-header ul li a:hover {
  color: #2A3D48;
  text-decoration: none;
  font-size: 1em;
}
.loading {
  height: 300px;
  background: #f8f8f8;
}
.timeline-content {
  background-color: #f8f8f8;
}
.timeline-content .timeline-main {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}
.timeline-content .timeline-main li {
  background: url(/images/timeline/li.png) repeat-y 95px 0;
  padding: 20px;
}
.timeline-content .timeline-main .alt {
  background-color: #f1f1f1;
}
.timeline-content .timeline-main .timeline-left {
  float: left;
  width: 15%;
  height: 100%;
}
.timeline-content .timeline-main .timeline-left h3 {
  border-bottom: 0;
  font-size: 17px;
}
.timeline-content .timeline-main .timeline-right {
  float: right;
  width: 85%;
  font-size: 0.9em;
}
.timeline-content .timeline-main .timeline-right ul {
  list-style-image: url(/images/timeline/main-li.png);
}
.timeline-content .timeline-main .timeline-right ul li {
  padding: 0;
  background: none;
}
.timeline-content .timeline-main .timeline-right ul li + li {
  margin-top: 20px;
}
#actions {
  height: 35px;
  border-top: 1px solid #CCCCCC;
  font-weight: bold;
  list-style: none outside none;
  margin: 0 0 1em 0;
  padding: 14px 0 14px 0;
  text-shadow: none !important;
}
#actions li {
  float: left;
}
#actions li a {
  background: #a8b0b6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #d2d6d9), color-stop(0.02, #a8b0b6), color-stop(1, #7e8a93));
  background: -webkit-linear-gradient(top, #d2d6d9 3% #a8b0b6 4%, #7e8a93 100%);
  background: -moz-linear-gradient(top, #d2d6d9 3%, #a8b0b6 4%, #7e8a93 100%);
  background: -o-linear-gradient(top, #d2d6d9 3%, #a8b0b6 4%, #7e8a93 100%);
  background: linear-gradient(top, #d2d6d9 3%, #a8b0b6 4%, #7e8a93 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a8b0b6, endColorstr=#7e8a93);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #7e8a93;
  color: #FFFFFF;
  font-size: 0.8em;
  margin: 0 10px 0 0;
  padding: 4px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -border-radius: 3px;
}
#actions li a:hover {
  text-decoration: none;
  background: #b6bec4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #e0e4e6), color-stop(0.02, #b6bec4), color-stop(1, #8c98a2));
  background: -webkit-linear-gradient(top, #e0e4e6 3% #b6bec4 4%, #8c98a2 100%);
  background: -moz-linear-gradient(top, #e0e4e6 3%, #b6bec4 4%, #8c98a2 100%);
  background: -o-linear-gradient(top, #e0e4e6 3%, #b6bec4 4%, #8c98a2 100%);
  background: linear-gradient(top, #e0e4e6 3%, #b6bec4 4%, #8c98a2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b6bec4, endColorstr=#8c98a2);
}
/* From bootstrap.css */
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}
/* end from bootstrap.css */
#sbox-window {
  background-color: #fff !important;
  padding: 15px!important;
  border: none!important;
  height: auto!important;
}
#login-container {
  display: none;
  padding: 10px;
  width: 355px;
  height: auto;
  background-color: #fff;
}
#sbox-content {
  padding: 15px;
}
#sbox-content #login-container {
  display: block;
}
#sbox-content #login-container h1 {
  margin: 0 0 10px 0;
  color: #8cb9c3;
  font-size: 60px;
}
#sbox-content #login-container #login-feedback {
  margin: 20px 0px 10px 0px;
  min-height: 1em;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 1px;
  color: #b7b291;
}
#sbox-content #login-container .row {
  height: 37px;
  margin-right: 0px;
  margin-left: 0px;
}
#sbox-content #login-container .row label {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
}
#sbox-content #login-container .row #login-email {
  float: right;
  padding: auto;
  width: 265px;
  height: 27px;
  font-size: 13px;
  border: 2px solid #c8c8c8;
  border-radius: 2px;
}
#sbox-content #login-container .row #login-password {
  float: right;
  padding: 0.25em 0;
  width: 265px;
  height: 27px;
  border: 2px solid #c8c8c8;
  border-radius: 2px;
}
#sbox-content #login-container a {
  cursor: pointer;
}
#sbox-content #login-container #login-forgotten-password {
  text-align: right;
}
#sbox-content #login-container #login-forgotten-password a {
  cursor: pointer;
  color: #8cb9c3;
  text-decoration: underline;
  font-size: 13px;
}
#sbox-content #login-container #login-forgotten-password a:hover {
  color: #6aa5b2;
}
#sbox-content #login-container #login-enter-container {
  margin-top: 25px;
}
#sbox-content #login-container #login-enter-container input {
  float: right;
  padding: 10px 10px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}
#sbox-content #login-container #login-enter-container input:hover {
  background: #6aa5b2;
}
#summary-feedback {
  margin-top: 1em;
  /*padding-left: .75em;*/
}
table.summary {
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
table.summary td {
  padding: 0.75em 0.75em 0.75em 0;
}
table.summary tr.total td {
  font-weight: bold;
}
table.summary tr + tr {
  border-top: 1px solid #e1e1e1;
}
table.stacked-summary td {
  font-weight: bold;
}
table.stacked-summary td + td {
  font-weight: normal;
}
.list-item + .list-item {
  margin-top: 45px;
}
.list-item .right h3 {
  margin: 0;
  padding: 0;
  line-height: 18px;
  font-weight: bold;
  font-size: 18px;
}
.list-item .right h3 a {
  color: #000000;
  margin: 0;
  padding: 0;
}
.list-item .right a {
  color: #898989;
}
.list-item .left img {
  width: 100%;
}
.clear {
  clear: both;
}
.edit_block {
  float: left;
  line-height: 1.4;
  margin-bottom: 30px;
  display: inline-block;
  text-align: left;
  width: 60%;
  position: relative;
}
.edit_block ol {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.edit_block ol li {
  list-style: none;
}
.edit_block iframe {
  margin-top: 10px;
  width: 100%;
  height: 345px;
}
.edit_block .file {
  float: left;
  width: 32px;
  margin: 0px 5px 20px ! important;
  opacity: 1;
}
.edit_block .button {
  margin: 0;
  position: absolute;
  right: 0px;
  top: 0px;
}
.reel {
  margin: 3% 0 0 0 ;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.none {
  float: none;
}
.nomargin {
  margin-top: 10px;
  margin-bottom: 35px;
}
.top {
  display: block;
  float: left;
  width: 100%;
}
.image_placeholder {
  height: 200px;
  width: 200px;
  float: left;
  margin-right: 20px;
  background: url('/styles/img/placeholder.png') no-repeat scroll 0px 0px transparent;
}
.image_placeholder a {
  color: #000;
  font-size: 1.3em;
  left: 17px;
  margin: 17px auto;
  position: relative;
  top: 75px;
}
.image_placeholder a b {
  color: #fff;
  padding-left: 9%;
}
.image_placeholder a:hover {
  color: #000000;
  text-decoration: none;
}
.image_placeholder a.edit {
  color: #000;
  font-size: 0.8em;
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
  width: 82%;
}
.previewabout .image_holder {
  background: none repeat scroll 0 0 transparent;
  float: left;
  height: auto;
  margin-right: 20px;
  width: 100%;
  max-width: 200px;
}
.previewabout .image_holder a {
  color: #8cb9c3;
  font-size: 1.3em;
  left: 17px;
  margin: 17px auto;
  position: relative;
}
.previewabout .image_holder a:hover {
  color: #fff !important;
  text-decoration: none;
}
.previewabout .image_holder a.edit {
  color: #8cb9c3;
  font-size: 0.8em;
  left: 0;
  top: 0;
  margin: 0;
  position: relative;
  margin-top: 10px;
  width: 100%;
}
.previewabout .rightside {
  display: inline-block;
  width: 100%;
  float: left;
  max-width: 680px;
  text-align: left;
}
#member-home #featured-links {
  display: inline-block;
  margin: 15px auto;
}
#member-home #featured-links #purple {
  display: inline-block;
}
#member-home .recent {
  background-color: #F9F9F9;
  border-bottom: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
  margin: 0px;
  padding: 20px 30px;
}
#member-home .recent article {
  width: 100%;
  border-bottom: 1px solid #DADADA;
  margin-bottom: 20px;
}
#member-home .recent article h3 {
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 20px;
  text-decoration: underline;
  width: auto;
}
#member-home .recent article p {
  line-height: 18px;
  margin-bottom: 20px;
}
#member-home .recent article p b,
#member-home .recent article p a {
  text-decoration: underline;
}
#member-home .recent article p span {
  display: block;
  padding-top: 15px;
}
#member-home .recent article:last-child {
  border-bottom: none;
}
#member-home #featured .carousel-indicators {
  bottom: -10px;
}
#member-home #featured .carousel-control {
  width: 6%;
  font-size: 18px;
  background-image: none;
}
#member-home #featured .carousel-control i {
  position: absolute;
  top: 50%;
}
#member-home #featured .left i {
  left: 5px;
}
#member-home #featured #member {
  width: 100%;
  height: 280px;
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0px;
}
#member-home #featured #member img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0px;
}
#member-home #featured #member .caption {
  color: #FFFFFF;
  display: block;
  height: auto;
  position: absolute;
  bottom: 1px;
  padding: 0 30px;
  text-shadow: 1px 2px 5px #000;
  text-decoration: none;
}
#member-home #featured #member .caption h3 {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 20px;
  text-shadow: 1px 2px 5px #000;
  text-decoration: none;
}
#member-home #featured #member .caption a {
  color: #fff;
  text-decoration: none;
}
#member-home #featured #member .caption > div {
  position: relative;
}
#member-home #featured #member .caption > div p {
  color: #FFFFFF;
  font-size: 0.9em;
  width: auto;
}
#member-home #asides .memberhomebtn {
  margin-bottom: 8%;
}
#member-home #asides aside:first-child {
  margin: 0 0 0px !important;
}
#member-home #asides aside:first-child ul li {
  list-style: none;
}
#member-home #asides aside h4 {
  font-size: 15px;
  font-weight: bold;
}
#member-home #asides aside ul {
  margin: 20px 0 0 0;
  padding: 0;
}
#member-home #asides aside ul li p {
  font-size: 13px;
  list-style: none;
}
#member-home #asides aside ul li p a {
  text-decoration: underline !important;
}
#member-home #asides aside ul li p a.rsvp {
  display: block;
  margin-top: 5px;
  text-decoration: underline !important;
}
#member-home #asides aside ul li {
  list-style: none;
}
#member-home #asides aside ul li.progress {
  background-color: #BBBBBB;
  height: 22px;
  width: 100%;
}
@media (max-width: 900px) {
  #member-home #asides aside ul li.progress {
    width: 96%;
  }
}
#member-home #asides .newsfeed ul {
  margin: 20px 0 0 0;
  padding: 0;
}
#member-home #asides .newsfeed ul li p {
  padding: 0px 0px 5px 0px;
}
#member-home #asides .newsfeed ul li p a {
  text-decoration: underline !important;
  width: auto;
}
#member-home #asides .newsfeed ul li p a.rsvp {
  display: block;
  margin-top: 5px;
  text-decoration: underline !important;
}
#member-home #asides .newsfeed ul li.progress {
  background-color: #BBBBBB;
  height: 22px;
  width: 100%;
}
#asides aside {
  padding: 10px;
}
#asides aside h4 {
  font-size: 15px;
  font-weight: bold;
}
#asides aside ul {
  margin: 10px 0 0 0;
  padding: 0;
}
#asides aside ul li p {
  font-size: 13px;
}
#asides aside ul li p a {
  text-decoration: underline !important;
}
#asides aside ul li p a.rsvp {
  display: block;
  margin-top: 5px;
  text-decoration: underline !important;
}
li.progress {
  background-color: #BBBBBB;
  height: 22px;
  width: 100%;
}
.previewabout {
  float: none;
  display: inline-block;
  width: 100%;
  height: auto;
}
.preview {
  border: 2px solid #DDDDDD;
  float: right;
  padding: 21px;
  width: 30%;
}
.preview .button {
  cursor: pointer;
  float: right;
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 5% 0;
  width: 100%;
}
.preview ul {
  margin: 0 !important;
  padding: 10px 0 !important;
}
#geographical-list,
.address-selector-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#geographical-list label {
  position: relative;
  top: 5px;
  width: auto;
  white-space: nowrap;
}
#geographical-list a {
  display: inline-block;
  margin: 5px 0 0 1em;
  cursor: pointer;
}
.address-selector-list li p {
  width: 100%;
  margin: 10px 0px ;
}
#geographical-list li,
.address-selector-list li {
  margin: 0 !important;
  list-style: none !important;
  width: 100% !important;
}
#geographical-list li input {
  display: none;
}
#geographical-list li input.visible {
  display: inline-block;
}
#geographical-list li ul {
  display: none;
  margin-top: 1em;
  padding-left: 4em;
}
#geographical-list li + li {
  margin: 1em 0 0 0 !important;
}
#member-search .search #search-field-advanced {
  float: left;
  margin-right: 10px;
  width: 625px;
  height: 22px;
  padding: 0.25em;
  border: 5px solid #E6E6E6 !important;
  font-size: 12px;
  color: #bcbcbc;
}
#member-search .search .button {
  float: left;
  margin: 0;
}
#member-search .filter {
  border-bottom: 2px solid #E6E6E6;
  display: block;
  float: left;
  margin: 10px 0 60px;
  padding: 0 0 20px;
  width: 100%;
}
#member-search .filter label {
  float: left;
  margin: 0;
  font-size: 13px;
}
#member-search .filter input {
  float: left;
  margin: 3px 10px 0px 0px;
}
#member-search .filter span {
  color: #999999;
  float: left;
  font-size: 0.9em;
  margin: 10px 10px 0 0;
}
#member-search #results {
  padding: 0 0 20px 0 ;
}
#member-search #results .user {
  float: left;
  width: 33%;
  margin-bottom: 40px;
  padding-left: 40px;
  height: auto;
  min-height: 150px;
}
#member-search #results .user .image_placeholder {
  width: 100px;
  height: 100px;
  display: block;
  margin-left: 45px;
  margin-bottom: 10px;
}
#member-search #results .user .info {
  display: block;
  height: 100px;
  width: 70%;
  margin-bottom: 30px;
  color: black;
}
#member-search #results .user .info h3 {
  text-decoration: underline;
  line-height: 22px;
}
#member-search #results .user .info span {
  color: #999999;
  font-size: 13px;
  line-height: 1.2em;
  text-transform: capitalize;
}
#member-search #results .user .info .type {
  display: block;
}
#member-search .search #reset-button {
  margin-left: 10px;
}
#member-newsroom #quicknav ul li.selected a,
#member-artios #quicknav ul li.selected a,
#member-newsroom #quicknav ul li a:hover,
#member-artios #quicknav ul li a:hover {
  color: #8061c4;
}
#member-newsroom .header,
#member-artios .header {
  background-image: url("../img/purple.jpg");
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 71%;
}
#member-newsroom section,
#member-artios section,
#member-networking section,
#member-resources section {
  float: left;
  width: 90%;
}
#member-newsroom section > div,
#member-artios section > div,
#member-networking section > div,
#member-resources section > div {
  background-color: #666666;
  float: left;
  height: 100px;
  margin: 0 10px 0 0;
  width: 100px;
}
#member-newsroom section .green,
#member-artios section .green,
#member-networking section .green,
#member-resources section .green {
  background-image: url("../img/square_green.png");
  background-size: 100% 100%;
}
#member-newsroom section h2,
#member-artios section h2,
#member-networking section h2,
#member-resources section h2 {
  float: right;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 14px;
  margin: 0;
  width: 79%;
}
#member-newsroom section h2 a,
#member-artios section h2 a,
#member-networking section h2 a,
#member-resources section h2 a {
  color: #333333;
}
#member-newsroom section p,
#member-artios section p,
#member-networking section p,
#member-resources section p {
  float: right;
  margin: 0;
  width: 79%;
}
p {
  margin: 10px 0px;
}
.desc {
  margin-top: 6px;
  font-weight: bolder;
  height: 30px !important;
}
#address-home-description .desc,
#address-business-description .desc,
#phone-main .desc,
#social-media-description .desc {
  margin-top: 16px;
  font-weight: bolder;
}
#social-media-description p {
  line-height: 14px;
  margin-top: -11px !important;
  margin-bottom: 18px !important;
}
@media only screen and (max-width: 900px) {
  #social-media-description p {
    font-size: 12px;
  }
}
.status-bar {
  background-color: #bbb;
}
.status-bar .status-bar-main {
  overflow: hidden;
  height: 22px;
  /* fallback */
  background-color: #8cb9c3;
  background-position: center center;
  background-repeat: no-repeat;
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #8cb9c3, #8cb9c3);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #8cb9c3, #8cb9c3);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #8cb9c3, #8cb9c3);
  text-align: center;
}
.status-bar .status-bar-main span {
  color: #fff;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 22px;
}
#upcoming h2 {
  font-size: 1em;
}
.spotlight_aside {
  padding: 20px 0;
}
.spotlight_aside img {
  float: left;
  display: block;
  padding: 3px 10px 0px 0px;
}
.spotlight_aside a {
  color: #000;
  font-size: 1.2em;
}
.spotlight {
  margin: 30px 0px 0px;
  padding: 0px 0px 20px;
  border-bottom: 2px solid #dddddd;
}
.spotlight img {
  float: left;
  display: block;
  padding: 3px 10px 0px 0px;
}
.spotlight .summary {
  border-top: 1px dotted #dddddd;
  padding: 10px 0px;
}
.archive {
  width: 200px;
  margin: 20px 0px 20px 20px;
}
.filter {
  margin: 0;
  padding: 0;
}
.blog_entry {
  margin: 0 0 20px;
  padding: 0px 0px 20px;
}
.blog_entry .summary {
  border-bottom: 1px dotted #dddddd;
  padding: 10px 0px;
  margin: 10px 0px;
  font-style: italic;
}
.blog_entry .title {
  font-weight: bold;
  border: none;
  padding: 0;
  font-size: 1.2em;
  color: #000;
  margin: 0;
  text-transform: capitalize;
}
.blog_entry .title a {
  border: none;
  text-decoration: none;
  color: black;
}
.blog_entry p a {
  color: #787878;
  text-decoration: underline;
}
.blog_entry dl {
  margin: 10px 0px ;
  padding: 5px 0px;
  border: none;
}
.blog_entry dl dt {
  margin-right: 10px;
}
.announcements .blog_entry .main h2 a {
  color: black !important;
}
.full {
  width: 85% !important;
  display: block;
}
.half {
  width: 45% !important;
  display: block;
}
.auto {
  width: auto !important;
  display: block;
}
.project .info {
  margin: 30px 0px 0px;
  padding: 0px 0px 20px;
}
.project .info h3 {
  border-bottom: 2px solid #dddddd;
}
.project .info .details {
  float: left;
  width: 45%;
  border-bottom: 1px dotted #dddddd;
  padding: 10px 0px;
  margin: 10px 0px;
}
.project .info .details p {
  font-style: normal;
}
.project .info .last {
  width: 85%;
}
.noborder {
  border: none !important;
}
/* discussion-related */
.header-with-button h2,
.header-with-button h3 {
  float: left;
}
.header-with-button .button {
  float: right;
  position: relative;
  top: -5px;
  margin: 0;
  width: auto;
}
.comment-form-container {
  margin: 1em 0 0 0;
  padding: 1em;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background-color: #f9f9f9;
}
.comment-form-container .comment-left {
  float: left;
}
.comment-form-container .comment-left .headshot {
  width: 98px;
  height: 98px;
}
.comment-form-container .comment-left .headshot img {
  width: 100%;
  height: 100%;
}
.comment-form-container .comment-right {
  overflow: auto;
  padding-left: 1em;
}
.comment-form-container .comment-right textarea {
  float: none;
  width: 100%;
  height: 65px;
  font-size: 0.8em;
}
.comment-form-container .comment-right .button {
  margin: 0.75em 0 0 0;
  padding: 8px 12px;
  font-size: 12px;
}
.comment-form-container .comment-right .button + .button {
  margin-right: 1em;
}
.comments-list {
  margin: 0;
  padding: 0;
}
.comments-list a {
  cursor: pointer;
}
.comments-list li {
  margin: 0;
}
.comments-list li .comment-form-container {
  margin: 0;
  border: 0;
  background-color: transparent;
}
.comments-list li .comment-form-container .comment-reply {
  cursor: pointer;
  font-weight: bold;
}
.comments-list li ul {
  margin: 0;
  padding-left: 2em;
  border-top: 1px solid #dadada;
}
.comments-list li ul li + li {
  border-top: 0;
}
.comments-list li.reply-container .comment-form-container {
  background-color: #f9f9f9;
}
.comments-list li + li {
  border-top: 1px solid #dadada;
}
.comments-notice {
  margin: 0;
  padding: 1em;
  color: #000 !important;
  line-height: 1;
  background-color: #fed535;
}
.comments-notice a {
  cursor: pointer;
  text-decoration: underline;
  color: #000 !important;
}
#delete-post {
  cursor: pointer;
}
#responses-info {
  margin: 1em 0 0 0;
}
/*
profile completion tips
*/
aside .tips li p a {
  margin: 5px 0px;
  display: block;
}
.tips li p a {
  margin: 10px 0px;
  display: block;
}
.previewabout a {
  cursor: pointer;
}
table.contact {
  border-bottom: 1px dotted #DDDDDD;
  border-top: 1px dotted #DDDDDD;
  display: block;
  padding: 5px 0 !important;
  width: 100%;
}
table.contact tr {
  height: 10px;
  padding: 5px 0px;
}
table.contact tr td:first-child {
  font-weight: bold;
  width: 30%;
}
table.contact tr td {
  font-size: 0.8em;
}
.edit_block .resume .filetype {
  background: url("/styles/img/square-icons.png") no-repeat scroll -126px 0 transparent;
  margin: 10px 0;
  padding: 0 28px;
  text-indent: 0 !important;
}
li .resume {
  float: left;
}
li .resume .filetype {
  background: url("/styles/img/square-icons.png") no-repeat scroll -126px 0 transparent;
  margin: 10px 0;
  padding: 0 28px;
  text-indent: 0 !important;
}
#member-search .filter h3 {
  margin: 0.5em 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
#member-search .restrictor {
  display: none;
  margin: 0.5em 0;
  padding: 0.5em 1em;
  background-color: #e6e7e9;
}
#member-search .restrictor p {
  margin: 0;
}
#member-search .restrictor a {
  cursor: pointer;
  text-decoration: underline;
}
#member-search .restrictor a:hover {
  color: #21a357;
}
#member-search .restrictor ul {
  margin: 0;
  padding: 0;
}
#member-search .restrictor ul li {
  float: left;
}
#member-search .restrictor ul li input {
  margin: 0;
}
#member-search .restrictor ul li label {
  font-size: 12px;
  line-height: 1.1em;
  margin: 4px 0 0 0.5em;
}
#member-search .restrictor ul li + li {
  margin-left: 2em;
}
#member-search #locations-container {
  display: none;
}
#member-search #locations-feedback.active,
#member-search #membership-levels-container.active,
#member-search #casts-for-container.active {
  display: block;
}
#member-search #results {
  clear: both;
}
#sbox-content #locations-container {
  display: block;
  padding: 1em;
}
#sbox-content #locations-container .locations-list-container {
  height: 285px;
  overflow: auto;
  border: 1px solid #dadada;
}
#sbox-content #locations-container .locations-list-container ul {
  margin: 1em 0;
  list-style: none;
}
#sbox-content #locations-container .locations-list-container ul ul {
  margin: 0;
}
#sbox-content #locations-container .locations-list-buttons {
  padding-top: 20px;
}
#sbox-content #locations-container .locations-list-buttons input.button {
  float: right;
  margin: 0;
  padding: 0.5em 1em;
  width: auto;
}
#sbox-content #locations-container .locations-list-buttons input.button + input.button {
  margin-right: 10px;
}
.news-csa .title {
  border-bottom: 1px solid #b4b4b4;
  padding-bottom: 10px;
}
.news-csa .section {
  border-bottom: 1px solid #b4b4b4;
  padding: 20px 0;
  display: block;
}
.news-csa .section .view {
  border: 0;
  padding: 0;
  margin: 0 0 10px 0;
}
.news-csa .section .view a {
  text-decoration: underline;
}
.news-csa .gallery .information {
  float: left;
  width: 54%;
}
.news-csa .gallery .previewimage {
  float: right;
  width: 34%;
}
input.button,
input .previewstatus {
  text-align: center;
  padding: 10px;
  position: relative;
  top: 30px;
}
input.button a,
input .previewstatus a {
  color: #fff;
}
#receipt-table td {
  font-size: 0.85em;
}
#sag-aftra-library .listing .file-icon {
  display: none;
}
#main #files-listing {
  float: left;
  margin: 0;
  padding: 0;
  width: 69%;
}
#main #files-listing li {
  margin-bottom: 0;
  width: 100%;
}
#main #files-listing li a {
  float: right;
  cursor: pointer;
}
#dropzone {
  float: left;
  width: 69%;
  height: 150px;
  text-align: center;
  line-height: 150px;
  border: 3px dashed #e1e1e1;
  font-size: 1.2em;
  color: #e1e1e1;
  cursor: pointer;
}
#dropzone:hover,
#dropzone.over {
  border-color: #787878;
  color: #787878;
}
.listing {
  padding: 20px 0px 40px 0px;
  display: table-cell;
}
@media only screen and (max-width: 450px) {
  #container #masthead #auth-status {
    font-size: 12px;
  }
  #member-networking section p,
  #member-networking section h2 {
    float: left !important;
    padding-top: 5px;
  }
}
body#csacalendar .header {
  background-image: url("../../styles/img/CSA-beige-banner.jpg");
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 100%;
  z-index: 10000;
}
body#csacalendar .calendar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: navy;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem 0;
}
body#csacalendar #calendar__container {
  overflow-x: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 0rem;
}
body#csacalendar #calendar__container #calendar {
  width: 100%;
  margin: 0 auto;
  overflow-y: hidden;
}
body#csacalendar #calendar__container #calendar .fc-toolbar,
body#csacalendar #calendar__container #calendar .fc-widget-header {
  background-color: navy;
}
body#csacalendar #calendar__container #calendar .fc-toolbar h2,
body#csacalendar #calendar__container #calendar .fc-unthemed th {
  color: white;
}
body#csacalendar #calendar__container #calendar .calendar__month {
  text-align: center;
  position: relative;
  padding: 10px 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}
body#csacalendar #calendar__container #calendar .calendar__month .title {
  text-transform: uppercase;
}
body#csacalendar #calendar__container #calendar .calendar__month .arrow {
  color: gray;
  font-size: 25px;
  cursor: pointer;
}
body#csacalendar #calendar__container #calendar .week-days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #b7b291;
  border-top: 1px solid #b7b291;
  text-transform: uppercase;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body#csacalendar #calendar__container #calendar .week-days .day {
  padding: 15px  0;
  height: auto;
  background-color: #b7b291;
}
body#csacalendar #calendar__container #calendar .month {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 225px;
  color: gray;
  border-left: 1px solid #b7b291;
  border-bottom: 1px solid #b7b291;
  position: relative;
}
body#csacalendar #calendar__container #calendar .month.new {
  -webkit-animation: fadeIn 1s ease-out;
  animation: fadeIn 1s ease-out;
  opacity: 1;
}
body#csacalendar #calendar__container #calendar .month.in.next {
  -webkit-animation: moveFromRightFadeMonth 0.3s ease-out;
  animation: moveFromRightFadeMonth 0.3s ease-out;
  opacity: 1;
}
body#csacalendar #calendar__container #calendar .month.in.prev {
  -webkit-animation: moveFromLeftFadeMonth 0.3s ease-out;
  animation: moveFromLeftFadeMonth 0.3s ease-out;
  opacity: 1;
}
body#csacalendar #calendar__container #calendar .month.out.next {
  -webkit-animation: moveToLeftFadeMonth 0.3s ease-in;
  animation: moveToLeftFadeMonth 0.3s ease-in;
  opacity: 1;
}
body#csacalendar #calendar__container #calendar .month.out.prev {
  -webkit-animation: moveToRightFadeMonth 0.3s ease-in;
  animation: moveToRightFadeMonth 0.3s ease-in;
  opacity: 1;
}
body#csacalendar #calendar__container #calendar .week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body#csacalendar #calendar__container #calendar .day {
  width: calc(100% / 7);
  text-align: center;
  padding: 0;
  height: 130px;
  border-right: 1px solid #b7b291;
  border-top: 1px solid #b7b291;
  position: relative;
}
body#csacalendar #calendar__container #calendar .day .day-number {
  text-align: right;
  padding: 0px 10px;
  background-color: lightgray;
}
body#csacalendar #calendar__container #calendar .day.today .day-number {
  color: white;
  background-color: #2a2a2a;
  border-top: 1px solid #2a2a2a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body#csacalendar #calendar__container #calendar .day.has-events.today .day-number {
  color: white;
  background-color: #b7b291;
  text-align: right;
  border-bottom: 4px solid #5b98b4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body#csacalendar #calendar__container #calendar .day.has-events {
  cursor: pointer;
}
body#csacalendar #calendar__container #calendar .day.has-events .day-number {
  color: white;
  background-color: #8cb9c2;
}
body#csacalendar #calendar__container #calendar .day.has-events .eventstoday {
  position: absolute;
  bottom: 2px;
  padding: 5px;
}
body#csacalendar #calendar__container #calendar .day.has-events .eventstoday .interiorevent {
  text-align: left;
  padding: 5px;
  background-color: #8cb9c2;
  color: white;
  border-radius: 10px;
}
body#csacalendar #calendar__container #calendar .day.has-events .eventstoday .interiorevent a {
  color: white;
  font-size: 12px;
  line-height: 1.5;
}
body#csacalendar #calendar__container #calendar .day.has-events .eventstoday .interiorevent a:hover {
  text-decoration: underline;
}
body#csacalendar #calendar__container #calendar .day.has-events .eventstoday .interiorevent:hover {
  background-color: #b7b291;
}
body#csacalendar #calendar__container #calendar .details {
  position: absolute;
  top: 0;
  height: 100%;
  padding: 40px;
  width: 100%;
  background-color: #8cb9c2;
}
body#csacalendar #calendar__container #calendar .details .close-details {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
body#csacalendar #calendar__container #calendar .details .events {
  height: 100%;
  overflow: auto;
}
body#csacalendar #calendar__container #calendar .details .event {
  color: white;
  border-bottom: 2px solid #fff;
}
body#csacalendar #calendar__container #calendar .details .event .date {
  text-transform: uppercase;
  color: white;
}
body#csacalendar #calendar__container #calendar .details .event .title {
  text-transform: uppercase;
  color: white;
  font-weight: bolder;
  text-decoration: underline;
}
body#csacalendar #calendar__container #calendar .details .event .title:hover {
  text-decoration: underline;
  color: black;
}
body#csacalendar #calendar__container #calendar .details .event .time {
  margin-top: 3px;
  color: white;
}
body#csacalendar #calendar__container #calendar .details .event .time,
body#csacalendar #calendar__container #calendar .details .event .location {
  color: white;
  margin-bottom: 0;
}
body#csacalendar #hearings {
  border-left: 1px solid white;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  padding: 0 3rem;
}
@keyframes slideOutLeft {
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
@-webkit-keyframes slideOutLeft {
  to {
    -webkit-transform: translateX(-200%);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translateX(200%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes moveFromTopFade {
  from {
    opacity: 0.3;
    height: 0px;
    margin-top: 0px;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveFromTopFade {
  from {
    height: 0px;
    margin-top: 0px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToTopFade {
  to {
    height: 0px;
    margin-top: 0px;
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveToTopFade {
  to {
    height: 0px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(-30%) scale(0.95);
  }
}
@keyframes moveToTopFadeMonth {
  to {
    opacity: 0;
    -moz-transform: translateY(-30%);
  }
}
@-webkit-keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(30%) scale(0.95);
  }
}
@keyframes moveFromTopFadeMonth {
  from {
    opacity: 0;
    -moz-transform: translateY(30%);
  }
}
@-webkit-keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(30%) scale(0.95);
  }
}
@keyframes moveToBottomFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateY(30%);
  }
}
@-webkit-keyframes moveToLeftFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(-200%) scale(0.95);
  }
}
@keyframes moveToLeftFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(-200%);
  }
}
@-webkit-keyframes moveToRightFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(200%) scale(0.95);
  }
}
@keyframes moveToRightFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(200%);
  }
}
@-webkit-keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%) scale(0.95);
  }
}
@keyframes moveFromBottomFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30%);
  }
}
@-webkit-keyframes moveFromLeftFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(-200%) scale(0.95);
  }
}
@keyframes moveFromLeftFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(-200%) scale(0.95);
    transform: translateX(-200%) scale(0.95);
  }
}
@-webkit-keyframes moveFromRightFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(200%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes moveFromRightFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0px;
    height: 0px;
  }
}
@keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0px;
    height: 0px;
  }
}
/*
==============================================================================
**
** 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 ===================== */
/* =========================================================================== */
/*
==============================================================================
**
** FOOTER
**
** SCOPE: 		GLOBAL
** REVISION:	0.1
** DATE:		03/23/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:

** NOTES:

** TODO:

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
#site-footer,
#member-footer {
  clear: both;
  padding: 23px 30px 17px 30px;
  min-height: 300px;
  height: auto;
  background-color: #292a2a;
  color: #fff;
  position: relative;
}
#site-footer a,
#member-footer a {
  color: #8cb9c3;
  font-size: 14px;
  font-weight: bold;
}

#site-footer a{
  color: white;
}

#site-footer #footer-menu,
#member-footer #footer-menu {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#site-footer #footer-menu li,
#member-footer #footer-menu li {
  float: left;
}
@media (max-width: 900px) {
  #site-footer #footer-menu li,
  #member-footer #footer-menu li {
    margin-left: 20px;
  }
}
@media (max-width: 320px) {
  #site-footer #footer-menu li,
  #member-footer #footer-menu li {
    margin-right: 20px;
    margin-left: 0px;
  }
}
#site-footer #footer-menu li .sub ul,
#member-footer #footer-menu li .sub ul {
  margin: 0;
  padding: 0;
}
#site-footer #footer-menu li .sub ul li,
#member-footer #footer-menu li .sub ul li {
  float: none;
  margin: 0;
  padding: 0;
  line-height: 1;
}
#site-footer #footer-menu li .sub ul li a,
#member-footer #footer-menu li .sub ul li a {
  line-height: 1.3em;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}
@media (max-width: 900px) {
  #site-footer #footer-menu li .sub,
  #member-footer #footer-menu li .sub {
    display: none;
  }
}
#site-footer #footer-menu li + li,
#member-footer #footer-menu li + li {
  margin-left: 30px;
}
@media (max-width: 900px) {
  #site-footer #footer-menu li + li,
  #member-footer #footer-menu li + li {
    margin-left: 20px;
  }
}
@media (max-width: 320px) {
  #site-footer #footer-menu li + li,
  #member-footer #footer-menu li + li {
    margin-right: 20px;
    margin-left: 0px;
  }
}
@media (max-width: 900px) {
  #site-footer,
  #member-footer {
    padding: 20px;
    height: auto;
  }
}
#member-footer {
  margin-bottom: 30px;
  background-color: #eaeaea;
}
#member-footer a {
  color: #000;
}

#member-footer #footer-menu li .sub ul li a {
  color: #000;
}
/*
** SOCIAL MEDIA
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#social-media {
  padding: 0;
  width: auto;
}
#social-media .facebook {
  display: inline-block;
  margin-top: 3px;
  float: left;
}

#social-media .facebook a {
  color: #000;
  background-color: transparent;
  padding: 5px;
  font-size: 20px;
  height: 35px;
  display: block;
  width: 35px;
  margin-right: 1rem;
  border: 2px solid black;
  border-radius: 100%;
}

#social-media .facebook a:hover {
  color: #000;
  background-color: #fff;
}

#social-media .twitter {
  display: inline-block;
  margin-top: 3px;
  float: left;
}

#social-media .twitter a {
  color: #000;
  background-color: transparent;
  padding: 5px;
  font-size: 20px;
  height: 35px;
  display: block;
  width: 35px;
  margin-right: 1rem;
  border: 2px solid black;
  border-radius: 100%;
}

#social-media .twitter a:hover {
  color:#000;
  background-color: #fff;
}



#social-media .instagram {
  display: inline-block;
  margin-top: 3px;
  float: left;
}

#social-media .instagram a {
  color: #000;
  background-color: transparent;
  padding: 5px;
  font-size: 20px;
  height: 35px;
  display: block;
  width: 35px;
  margin-right: 1rem;
  border: 2px solid black;
  border-radius: 100%;
}

#social-media .instagram a:hover {
  color:#000;
  background-color: #fff;
}


#social-media:before {
  content: "Stay connected:";
  font-weight: bold;
  font-size: 14px;
  display: block;
  color: #000;
}
.bottomtext {
  bottom: 2px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  font-size: 12px;
  color: #969696;
  position: absolute;
  left: 0px;
}
/*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
/*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
/* THIS IS ALL FROM bin/forms.css
==============================================================================
**
** FORMS
**
** SCOPE: 		GLOBAL
** REVISION:	0.1
** DATE:		03/23/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:

** NOTES:		This is the baseline font styles, specific forms elements
				and form over rides should be created in the styles/forms-overrides.less
				file. This file should only be updated to incorporate global form
				changes


** TODO:

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






==============================================================================
*/
textarea {
  overflow: auto;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"],
.ie8 input[type="checkbox"],
.ie9 input[type="checkbox"] {
  vertical-align: baseline;
  height: auto;
  width: auto;
}
.ie7 input[type="radio"],
.ie8 input[type="radio"],
.ie9 input[type="radio"] {
  height: auto;
  width: auto;
}
.ie6 input {
  vertical-align: text-bottom;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
form {
  font-size: 1em;
  line-height: 1;
}
form label {
  -moz-hyphens: none;
  color: #787878;
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 5px 0 0;
  width: 29%;
}
form li {
  margin-bottom: 2em;
}
form .col li {
  margin-left: 2%;
  width: 100%;
  float: left;
}
form .col li:first-child {
  margin-left: 0;
}
form .two li {
  width: 49%;
}
form .three li {
  width: 32%;
}
form .four li {
  width: 23.5%;
}
form .five li {
  width: 18.4%;
}
form .six li {
  width: 15%;
}
.edit fieldset {
  padding: 1em !important;
  margin-bottom: 2em !important;
  border: none !important;
  overflow: auto !important;
  top: 0 !important;
}
fieldset {
  padding: 1em;
  background: #f0f0f0;
  margin-bottom: 2em;
  border: none;
  overflow: auto;
}
.edit aside fieldset {
  float: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  top: -15px !important;
  width: 100% !important;
}
fieldset ol,
fieldset ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
legend {
  display: none;
}
fieldset fieldset legend {
  display: block;
  font-weight: bold;
  padding-bottom: 0.3em;
}
::-moz-focus-inner {
  border: 0;
}
label {
  margin-bottom: 0.3em;
}
input[type="text"],
input[type="password"],
button,
select,
textarea {
  vertical-align: middle;
  margin: 0;
  border: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="text"],
input[type="password"],
textarea {
  border: 2px solid #E1E1E1;
  float: left;
  width: 70%;
  padding: 0px 5px;
  height: 34px;
}
select {
  border: 2px solid #E1E1E1;
  border-radius: 0 0 0 0;
  padding: 0px 5px;
  float: left;
  height: 34px;
  line-height: auto;
  outline: 0 none;
  position: relative;
  width: 70%;
  z-index: 1;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAGCAYAAAAc2cSCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQyQzZBNTA0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQyQzZBNTE0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMyQ0ZGNTQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMyQ0ZGNjQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQ4KtEAAABeSURBVHjaYjTS0zvMwMBgw4AJpgNx1tmLFxlwASYgLsYi/g6IaxgIAJDmU0C8DE28BmoAQc0gUAbEX6DsC0A8i4EIANP8FIhbkWz9S4xmFiR2HxBLAPFWBiIBQIABAJhkENSat+AJAAAAAElFTkSuQmCC") center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAGCAYAAAAc2cSCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQyQzZBNTA0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQyQzZBNTE0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMyQ0ZGNTQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMyQ0ZGNjQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQ4KtEAAABeSURBVHjaYjTS0zvMwMBgw4AJpgNx1tmLFxlwASYgLsYi/g6IaxgIAJDmU0C8DE28BmoAQc0gUAbEX6DsC0A8i4EIANP8FIhbkWz9S4xmFiR2HxBLAPFWBiIBQIABAJhkENSat+AJAAAAAElFTkSuQmCC") 10px right no-repeat, -webkit-linear-gradient(top, #fff 0, #eee 1);
  background: -moz-linear-gradient(top, #fff 0, #eee 1);
  background: linear-gradient(top, #fff 0, #eee 1);
}
textarea {
  height: 7em;
}
.form-list-item label {
  font-weight: normal;
  text-indent: -0.1em;
  margin-left: 1.2em;
  margin-right: 1.2em;
}
.two input[type="text"],
.two select,
.two textarea {
  width: 97%;
}
.three input[type="text"],
.three select,
.three textarea {
  width: 95%;
}
.four input[type="text"],
.four select,
.four textarea {
  width: 94%;
}
.five input[type="text"],
.five select,
.five textarea {
  width: 92%;
}
.six input[type="text"],
.six select,
.six textarea {
  width: 90%;
}
input[type="radio"],
input[type="checkbox"] {
  border: none;
  float: left;
  height: 15px;
  width: 15px;
  margin: 0.15em 0.5em auto 0.1em;
}
input[required] {
  content: "Required";
}
input[type="text"]:focus {
  outline: none;
  background: #fff;
}
/*
** ITEM-LIST
**
** DESCRIPTION:	List of Input Elements
** USAGE:		Used for checkboxes and radio buttons
**
*/
.form-list-item {
  margin: 0 0 1em 0;
}
.form-list-item li {
  margin-bottom: 1em;
}
.form-list-item label {
  font-weight: normal;
  text-indent: -0.1em;
  margin-left: 2em;
}
/*
	For radio buttons or checkboxes laid out horizontally
	NOTE: This is just an initial version should be refined
*/
.horizontal {
  margin: 0 !important;
  overflow: hidden;
}
.horizontal li {
  padding: 0 !important;
  margin: 0 !important;
  float: left;
}
/*
** ASIDES FORM ELEMENTS
**
** DESCRIPTION:
** USAGE:
**
*/
#asides form {
  margin: 0 0 0 0 !important;
}
#asides fieldset {
  padding: 0;
  margin: 0 0 1em 0;
  background: none;
}
#asides form li {
  margin-bottom: 1em;
}
#asides select,
#asides input[type="text"] {
  font-size: 1em;
}
#asides label {
  font-weight: normal;
  margin-bottom: 0.2em;
}
.required abbr {
  color: #f00;
  margin-left: 0.4em;
  font-size: 1.2em;
}
.errorMessage {
  z-index: 10000;
  display: block;
  padding: 0 10px;
  height: auto;
  color: #fff;
  font-family: sans-serif;
  font-size: 1em;
  background: #f00;
}
.errorMessage ul {
  margin: 0;
  padding: 0.5em 0;
  list-style: none;
}
.errorMessage li,
.errorMessage li p {
  margin: 0 !important;
  padding-bottom: 0 !important;
}
/*
==============================================================================
**
** 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 ===================== */
/* =========================================================================== */
/*
	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; */
form,
legend {
  font-family: 'Lato', sans-serif;
}
form fieldset {
  width: 100%;
  overflow: visible;
}
.contact-csa form fieldset {
  width: 100%;
  overflow: visible;
}
.contact-csa form input.button {
  top: -15px;
  width: auto;
  margin-left: 0px;
  padding: 10px 15px;
  float: right;
  color: #8cb9c3;
  background-color: #fff;
  border: 1px solid #8cb9c3;
}
.contact-csa form input[type="text"],
.contact-csa form textarea {
  width: 75%;
  padding: 0px 5px;
}
@media (max-width: 900px) {
  .contact-csa form input[type="text"],
  .contact-csa form textarea {
    width: 100%;
  }
}
.contact-csa form textarea {
  height: 5em;
}
.contact-csa form label {
  width: 25%;
}
.services #main {
  min-height: 450px;
}
.edit table {
  margin-left: 0px;
  float: left;
  width: 100% !important;
  text-align: left;
}
.edit table tbody {
  width: 100% !important;
}
.edit table tbody tr {
  width: 100% !important;
}
.edit table tbody tr td.label {
  padding: 0px 0 !important;
  width: 20%  !important;
}
.edit table tbody tr td.privacy {
  padding: 0px 0 !important;
  width: 32% !important;
}
.edit table tbody tr td.input {
  padding: 0 20px 10px 0px;
  width: 50% !important;
}
.edit table tbody tr td {
  padding: 7px 0;
  vertical-align: top;
}
.edit table tbody tr td .desc {
  margin: 0 !important;
  width: 200px !important;
}
.edit table tbody tr td label {
  width: 100% !important;
  text-align: left;
  font-size: 16px;
}
.edit table tbody tr td input {
  width: 100% !important;
}
.edit table tbody tr td select {
  width: 100% !important;
}
.edit table tbody tr td fieldset {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.edit table tbody tr td fieldset li {
  margin: 0 !important;
  width: 100% !important;
}
.edit table tbody tr td fieldset li select {
  width: 100% !important;
}
.edit table tbody tr td #social-media-description .desc {
  width: 100%!important;
}
.one-col-form form.edit fieldset {
  width: 60%;
  float: left;
}
.one-col-form form.edit fieldset .buttons {
  text-align: right;
}
.one-col-form form.edit fieldset .buttons .button {
  display: block;
  float: right;
  margin: 10px;
  padding: 10px;
  width: 20%;
}
.one-col-form form.edit aside {
  float: right;
  padding: 1em !important;
  position: relative;
  width: 32%;
}
.one-col-form form.edit aside fieldset {
  float: none;
  margin: 0;
  padding: 8px 0;
  width: 100%;
}
.one-col-form form.edit aside label {
  font-size: 0.8em;
  padding: 0;
  position: relative;
  top: 15px;
}
.one-col-form form.edit aside select.reel {
  position: relative;
  top: 8px;
}
.one-col-form form.edit aside.photo {
  margin-right: 190px;
  width: 47%;
}
.one-col-form iframe {
  display: block;
  height: 350px;
  width: 95%;
}
.buttons {
  margin-right: 30%;
}
.photo_print {
  display: block;
  position: relative;
  top: 35px;
}
fieldset {
  padding: 0;
  margin: 0;
  background: none !important;
  width: 95%;
}
#main fieldset {
  position: relative;
}
input,
input:active {
  background: #fff;
  border: 1px solid #d1d0cd;
}
select,
select:active {
  border: 1px solid #d1d0cd;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAGCAYAAAAc2cSCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQyQzZBNTA0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQyQzZBNTE0OTA0MTFFMDhDMkRGRDZGQjgxNUQ4QzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUMyQ0ZGNTQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUMyQ0ZGNjQ4RkIxMUUwOEMyREZENkZCODE1RDhDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhQ4KtEAAABeSURBVHjaYjTS0zvMwMBgw4AJpgNx1tmLFxlwASYgLsYi/g6IaxgIAJDmU0C8DE28BmoAQc0gUAbEX6DsC0A8i4EIANP8FIhbkWz9S4xmFiR2HxBLAPFWBiIBQIABAJhkENSat+AJAAAAAElFTkSuQmCC") center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff));
}
input[type="text"]:focus,
input[type="password"]:focus {
  background: #fff;
  padding: 0px 5px;
}
.required abbr {
  border: none !important;
  color: #8cb9c3;
  margin-left: 0px!important;
  text-decoration: none;
}
.errorMessage {
  z-index: 10000;
  display: block;
  padding: 0 10px;
  height: auto;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  background-color: #00B6DA;
}
.errorMessage ul {
  margin: 0;
  padding: 0.5em 0;
  list-style: none;
}
.errorMessage li,
.errorMessage li p {
  font-size: 0.9em;
  margin: 0 !important;
  padding-bottom: 0 !important;
}
#inline-sort-counties {
  width: 76% !important;
}
.online-application-csa #main #contactForm .checkbox .initial {
  width: 15%;
}
#flag_table {
  width: 100%;
  font-size: 0.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 select {
  float: left;
  margin-right: 2%;
  width: 22%;
}
.select .last {
  margin-right: 0;
}
.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;
}
.ie8 select {
  height: auto;
}
.ie9 .select select,
.ie8 .select select,
.ie7 .select select {
  font-size: 0.9em;
  padding-bottom: 2px;
}
.form-horizontal label {
  line-height: 30px;
}
.form-horizontal label.full_line {
  line-height: 1;
}
#expmo,
#expyr {
  width: 32%;
}
#expyr {
  margin-left: 1%;
}
#split-row {
  margin-top: 1em;
}
#split-row input {
  position: relative;
  top: 4px;
}
#recurs-row input {
  position: relative;
  top: 4px;
}
/*
** 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;
  }
}
.upload-wrapper {
  margin-bottom: 39px;
  min-height: 8px;
  position: relative;
  overflow: hidden;
}
#job-reply .filelabel {
  width: 25%;
}
#job-reply div.fakefile {
  left: 30%;
  position: absolute;
  top: 0;
  width: 60%;
  z-index: 1;
}
#job-reply .file {
  left: 30%;
}
div.fakefile {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 63%;
}
div.fakefile img {
  float: right;
  left: 8%;
  position: relative;
  top: -30px;
}
div.fakefile input[type="text"],
div.fakefile input[type="password"] {
  height: 30px;
  width: 97%;
}
.file {
  font-size: 1.6em !important;
  opacity: 0;
  padding: 0 !important;
  position: relative;
  text-align: right;
  top: 0;
  width: 68%;
  z-index: 2;
}
.ie7 .file,
.ie8 .file,
.ie9 .file {
  font-size: 2em !important;
}
.full_line {
  width: 95% !important;
}
textarea.full_line {
  width: 98% !important;
  padding: 0px !important;
}
select.full_line {
  padding: 5px;
}
.checkbox input {
  float: left;
}
.checkbox label {
  float: left;
  padding: 0;
  position: relative;
  top: 1px;
  width: 12%;
}
.checkbox .initial {
  width: 28%;
}

.checkbox .initial.jobpost{
  width: 40%;
}

.checkbox.jobpost{

}

.border {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 20px;
}
.address-selector-list label {
  float: none;
  line-height: 1.2em;
  display: inline-block;
  width: auto;
  white-space: nowrap;
}
.address-selector-list .address-selector-listing {
  float: left;
  margin-top: 3px;
}
.address-selector-list p {
  margin-bottom: 0 !important;
}
.address-selector-list p + p {
  margin-top: 0;
  line-height: 1.4em;
}
.address-selector-list li {
  margin: 0;
}
.address-selector-list li + li {
  margin-top: 1em;
}
ul.form-listing {
  margin: 0  !important;
  padding: 0  !important;
  list-style: none !important;
}
ul.form-listing li {
  margin: 0 ;
  list-style: none !important;
}
ul.form-listing li ul li {
  margin: 10px 0px 0;
}
ul.form-listing li ul li label {
  position: relative;
  top: 3px;
  line-height: 1;
}
ul.form-listing li ul li input {
  margin-top: 0;
}
ul.form-listing li ul li + li {
  margin-top: 1em;
}
ul.form-listing li input.button {
  display: inline-block;
  float: none;
  margin: 0;
  width: auto;
}
ul.form-listing li input.button + input.button {
  margin-left: 1em;
}
ul.form-listing li + li {
  margin-top: 2em;
}
textarea#bio {
  height: 14em;
}
/*
==============================================================================
**
** HOME STYLES
**
** SCOPE: 		HOME
** 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 "home"

** NOTES:

** TODO:		Connect up LESS variables

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
body {
  background-color: #fff !important;
}
#featured {
  display: block;
  width: 100%;
}
#featured-area {
  margin: 0;
}
#featured-area .featured-content {
  text-align: center;
  padding: 0;
}
#featured-area .featured-content img {
  width: 100%;
  /*filter: grayscale(1);*/
}
#featured-links {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#featured-links .dot {
  display: inline-block;
}
#featured-links .dot a {
  height: 13px;
  width: 13px;
  background-color: #bbbbbb;
  display: block;
  border-radius: 10px;
  margin: 10px 5px;
}
#featured-links .dot a span {
  display: none;
}
#featured-links .dot .selected {
  background-color: #000;
}
#featured-nav {
  display: none;
}
#buckets {
  margin: 3em 0px;
  color: #000;
}
#buckets .bucket {
  color: #000;
  min-height: 320px;
  border: 1px solid #dce3ec;
  padding: 15px;
  height: 320px;
  margin-bottom: 10px;
  overflow: auto;
  text-overflow: ellipsis;
  text-align: center;
}

#buckets .bucket .imagefeatured{
  display: table;
  width: 100%;
  position: relative;
  padding-top: 100%;
  margin-top: 2rem;
}

#buckets .bucket .imagefeatured.full{
  padding-top: 100%;
  margin-top: 0;
  margin: 0 auto;
  width: 100%!important;
}

#buckets .bucket .imagefeatured .backgroundimage{
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#buckets .bucket h2 {
  margin-bottom: 0.75em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  color: #000;
}
#buckets .bucket .fa {
  /*color: #8cb9c3;*/
  color: #000;
  padding: 1rem;
    border: 3px solid black;
    border-radius: 100%;

}
#buckets .bucket p {
  font-size: 14px;
}
#buckets .bucket #workshop {
  padding: 10px;
  background-color: #b7b291;
  text-align: center;
  margin-top: 5em;
  color: #fff;
  text-decoration: none;
}
#buckets .bucket #workshop a {
  color: #fff;
  text-decoration: underline;
}
#buckets .bucket a {
  color: #8cb9c3;
  text-decoration: underline;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  display: block;
}
#buckets .bucket a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  #buckets .bucket {
    height: auto;
    min-height: auto;
  }
}
@media (max-width: 676px) {
  #buckets {
    margin: 1em auto;
  }
}
.tweet a {
  text-overflow: ellipsis;
}
#member-home #member-footer #container #social-media {
  margin-right: 96px !important;
  margin-top: 15px !important;
}
#member-home #content #asides aside {
  border: 2px solid lightgrey;
}
#member-home #content #asides .newsfeed {
  margin-bottom: 8% !important;
}
#member-home #featured section img {
  width: 100%;
  margin-bottom: -5px;
}
#member-home #main {
  width: 67%;
}
@media (max-width: 900px) {
  #member-home #main {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  #buckets .bucket h2 {
    color: black !important;
  }
  #buckets .bucket h2 a {
    color: #8cb9c3 !important;
  }
  #buckets .bucket p {
    color: black !important;
  }
  #buckets .bucket a {
    color: #8cb9c3 !important;
  }
  #buckets .bucket p.tweet {
    color: black;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  #buckets .bucket p.tweet a {
    margin-top: 10px;
  }
  #buckets .bucket #workshop a {
    color: white !important;
  }
  #main-nav {
    margin-top: -22px;
  }
  #menu {
    font-size: 14px;
  }
  #menu li a {
    margin-top: 45px;
    margin-bottom: 17px;
    padding-bottom: 10px;
  }
  #menu #join a {
    margin-top: -19px !important;
  }
  #site-search {
    float: right;
    margin-right: -68%;
    position: top right relative;
  }
}
/*
==============================================================================
**
** ISSUES STYLES
**
** SCOPE: 		ISSUES
** 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 "issues"

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

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
#issues #page-results {
  margin: 0;
  padding: 0;
  list-style: none;
}
#issues #page-results li {
  margin: 0;
  clear: both;
  padding: 1.23em 0 1.35em !important;
  overflow: auto;
}
#issues #page-results img {
  float: left;
  padding: 0;
  overflow: auto;
}
#issues #page-results .result-text {
  float: left;
  width: 70%;
  margin-left: 2em;
  overflow: auto;
}
#issues #page-results .no-img .result-text {
  width: 100%;
  margin-left: 0;
}
#issues .read-more,
#issues .show-less {
  color: #495A24;
  cursor: pointer;
}
#issues .read-more:hover,
#issues .show-less:hover {
  text-decoration: underline;
}
#issues .feed {
  margin: 0;
  padding: 0;
  list-style: none;
}
#issues .feed li {
  margin: 20px 0px;
  clear: both;
  padding: 0.5em 0 0.5em !important;
  overflow: auto;
  border-bottom: 2px dotted #eeeeee;
}
#issues .feed li:last-child {
  border-bottom: none;
}
#issues .feed img {
  background: none repeat scroll 0 0 #EEEEEE;
  float: left;
  margin: 0 5px 30px;
  overflow: auto;
  padding: 3px;
}
#issues .feed .has-thumb {
  float: left;
  width: 70%;
  margin-left: 1.5em;
  overflow: auto;
}
#issues .related-content {
  border-top: 1px solid #b8b7b0;
  padding: 20px 0 0 0;
}
#issues .related-content li {
  border-bottom: 1px solid #efefef;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#issues .related-content li h1 {
  font-size: 19px;
  line-height: 1;
}
#issue-banner {
  width: 592px;
  margin: 0 20px 20px 0;
}
#listing th {
  padding: 5px 3px;
  text-align: left;
}
.leg-heading {
  height: auto;
  width: 100%;
  float: left;
}
#freq-issues {
  padding: 1.5%;
  overflow: auto;
}
#freq-issues ul {
  padding: 1.5%;
  width: 45%;
  list-style: none;
  margin: 0;
  float: left;
  overflow: auto;
}
#freq-issues ul li {
  margin: 0;
  padding: 0;
}
#main footer h1 {
  border-bottom: 2px solid #BBBBBB;
  font-size: 1.777em;
  margin-bottom: 0.333em;
}
#main footer ul {
  list-style: none;
  margin-left: 0;
}
#main footer li {
  margin-bottom: 0;
  position: relative;
}
#main footer a {
  margin-left: 3.157em;
  margin-bottom: 0;
}
#main footer .mceEditor a {
  margin-left: 0;
}
#main footer time {
  position: absolute;
  top: 0;
  left: 0;
}
/*
==============================================================================
**
** JOIN STYLES
**
** SCOPE: 		JOIN
** 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 "join"

** NOTES:

** TODO:		Connect up LESS variables

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
#join {
  /*
.join-csa h1 {
	background:url(../img/join-us/get-involved-with-csa.jpg);
}


.requirements-csa h1 {
	background:url(../img/join-us/requirements-csa.jpg);
}

.register-as-assistant-csa h1 {
	background:url(../img/join-us/register-as-assistant-csa.jpg);
}

.getting-into-casting-csa h1 {
	background:url(../img/join-us/getting-into-casting-csa.jpg);
}

.online-application-csa h1 {
	background:url(../img/join-us/online-application-csa.jpg);
}

*/
  /*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
  /*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
  /*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and bellows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
}
#join #quicknav ul li.selected a,
#join #quicknav ul li a:hover {
  color: white;
  text-decoration: underline;
  font-weight: bold;
  font-size: 13.263px;
}
@media only screen and (max-width: 900px) {
  #join #quicknav ul li.selected a,
  #join #quicknav ul li a:hover {
    color: black;
  }
}
#join form fieldset {
  width: 100%;
  overflow: visible;
}
#join form input.button {
  top: 0px;
}
#join .header {
  background-image: url("../../styles/img/CSA-beige-banner.jpg");
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 100%;
  z-index: 10000;
}
#join #quicknav {
  position: absolute;
  float: right;
  text-align: center;
  z-index: 1000000;
  color: white;
  font-size: 1em;
  right: 0px;
}
#join #quicknav a {
  color: white;
  line-height: 30px;
  font-weight: lighter;
}
@media only screen and (max-width: 900px) {
  #join #quicknav a {
    color: black;
  }
}
@media only screen and (max-width: 900px) {
  #join #quicknav {
    position: relative;
  }
}
#join #main .nomargin {
  margin-right: 75% !important;
  background-color: white !important;
  border: 1px #8cb9c3 solid;
  font-weight: bold;
  padding: 10px 30px 10px 30px;
  color: #8cb9c3 !important;
}
@media only screen and (max-width: 500px) {
  #join #main .nomargin {
    margin-right: 0px!important;
    padding: 15px!important;
  }
}
#join #main .btn {
  margin-left: 42%;
  padding: 16px 40px;
}
#join #main p {
  text-align: left;
}
#join #main .hasUnderline {
  border-bottom: 1px dotted #ddd;
  padding: 0px 0px 10px 0px;
}
#join #main h5 {
  font-weight: bold;
}
#join #main ul {
  margin-bottom: 20px !important;
}
#join #contact-sam-main h1 {
  display: none !important;
}
@media only screen and (max-width: 900px) {
  #join #site-search {
    float: right;
    margin-right: -68%;
  }
}
/*
==============================================================================
**
** MASTHEAD
**
** SCOPE: 		GLOBAL
** REVISION:	0.1
** DATE:		03/23/11
** ORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:

** NOTES:

** TODO:

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
/*
** MASTHEAD
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#masthead {
  height: 125px;
  width: 100%;
  padding-top: 5px;
}
#masthead #auth-status {
  font-size: 14px;
  padding-bottom: 5px;
  text-align: right;
  width: 100%;
}
#masthead #auth-status .socialicons {
  display: inline-block;
}
#masthead #auth-status .socialicons a {
  cursor: pointer;
  margin-right: 0px;
  position: relative;
}
#masthead #auth-status .socialicons a .fa {
  font-size: 20px;
  color: #000;
  position: absolute;
  top: 10px;
  right: 10px;
}
#masthead #auth-status .socialicons a:hover {
  cursor: pointer;
}
#masthead #auth-status .socialicons a:hover .fa-twitter {
  color: #00aced;
}
#masthead #auth-status .socialicons a:hover .fa-instagram {
  color: #ffc838;
}
#masthead #auth-status #login-link {
  display: inline-block;
  text-decoration: none;
  line-height: 1;
}


#masthead #auth-status #session-info #member-greeting {
  padding: 5px 0;
}
#masthead #auth-status #session-info #member-greeting b {
  color: #000;
}
#masthead #auth-status #session-info #member-account {
  position: relative;
  top: 5px;
  text-align: left;
}
#masthead #auth-status #session-info #member-account ul {
  float: right;
  margin: 0;
  padding: 0;
  margin-left: 5px;
}
#masthead #auth-status #session-info #member-account ul li a {
  display: block;
  width: 100px;
  font-size: 14px;
  height: auto;
  padding: 4px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background-color: #000;
}
#masthead #auth-status #session-info #member-account ul li a:hover {
  background-color: #a39c72;
}
#masthead #auth-status #session-info #member-account ul li a:hover {
  background-position: -145px -88px;
  color: #fff;
}
#masthead #auth-status #session-info #member-account ul li ul {
  position: absolute;
  display: none;
  float: none;
  z-index: 10000;
  margin-left: 0px;
}
#masthead #auth-status #session-info #member-account ul li:hover a,
#masthead #auth-status #session-info #member-account ul li.over a {
  background-position: -145px -88px;
  color: #fff;
}
#masthead #auth-status #session-info #member-account ul li:hover ul,
#masthead #auth-status #session-info #member-account ul li.over ul {
  display: block;
  width: auto;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
#masthead #auth-status #session-info #member-account ul li:hover ul li a,
#masthead #auth-status #session-info #member-account ul li.over ul li a {
  padding: 10px 0px;
  width: 100%;
  height: auto;
  background: #fff;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-indent: 0;
}
#masthead #auth-status #session-info #member-account ul li:hover ul li a:hover,
#masthead #auth-status #session-info #member-account ul li.over ul li a:hover {
  background: #8cb9c3;
}
#masthead #auth-status #session-info #member-account ul li:hover ul li + li,
#masthead #auth-status #session-info #member-account ul li.over ul li + li {
  border-top: 1px solid #000;
}
#masthead .togglemenu {
  font-size: 50px;
  right: 0px;
  top: 1.14em;
  position: absolute;
}
#masthead .togglemenu:hover {
  color: #6aa5b2;
}
@media (max-width: 450px) {
  #masthead .togglemenu {
    font-size: 32px;
    top: 1.9em;
  }
}
#masthead .toggleaccountmenu {
  font-size: 30px;
  right: 2em;
  top: 2.37em;
  color: #b7b291;
  position: absolute;
}
#masthead .toggleaccountmenu:hover {
  color: #a39c72;
}
@media (max-width: 450px) {
  #masthead .toggleaccountmenu {
    font-size: 28px;
    top: 2.2em;
    right: 1.4em;
  }
}
#masthead #NavMobileModal .modal-backdrop,
#masthead #NavMobileAccountModal .modal-backdrop {
  background-color: #b2cad0;
  opacity: 1;
}
#masthead #NavMobileModal .modal-backdrop.in,
#masthead #NavMobileAccountModal .modal-backdrop.in {
  background-color: #b2cad0;
  opacity: 1;
}
#masthead #NavMobileModal .modal-dialog,
#masthead #NavMobileAccountModal .modal-dialog {
  z-index: 100000;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-header,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding-bottom: 40px;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-header .close,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-header .close {
  font-size: 32px;
  opacity: 1;
  color: #b7b291;
  margin-top: 0px;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu {
  font-size: 30px;
  text-align: center;
  padding: 30px;
  line-height: 35px;
  border-bottom: 1px solid #b7b291;
  border-top: 1px solid #b7b291;
  margin-top: 0px;
  width: 100%;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu li,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu li {
  list-style: none;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu li .sub ul,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu li .sub ul {
  padding: 0px;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu-authenticated,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu-authenticated {
  font-size: 30px;
  text-align: center;
  padding: 0px;
  line-height: 15px;
  border-bottom: 1px solid #b7b291;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu-authenticated li,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu-authenticated li {
  list-style: none;
  margin-bottom: 30px;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu-authenticated li a,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu-authenticated li a {
  color: #b7b291;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu-authenticated li .sub ul,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu-authenticated li .sub ul {
  padding: 0px;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu-authenticated li .sub ul li,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu-authenticated li .sub ul li {
  margin-bottom: 5px;
}
#masthead #NavMobileModal .modal-dialog .modal-content .modal-body #menu-authenticated li .sub ul li a,
#masthead #NavMobileAccountModal .modal-dialog .modal-content .modal-body #menu-authenticated li .sub ul li a {
  color: #8cb9c3;
}
#logo {
  float: left;
  display: block;
  position: relative;
  top: -3em;
  text-indent: -999em;
  width: 125px;
  height: 125px;
  padding: 0;
  z-index: 100;
  background-image: url('/styles/img/mainlogo.png');
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 600px) {
  #logo {
    height: 100px;
  }
}
@media (max-width: 450px) {
  #logo {
    width: 100%;
    max-width: 75px;
  }
}
.ie7 #logo,
.ie8 #logo {
  behavior: url('/styles/pie.php');
}
/*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
/*
** 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) {
  #masthead {
    height: 100px;
    background: none;
    border: none;
  }
}
.social-icon {
  display: inline-block;
  margin-right: 9px;
  height: 25px;
  width: 25px;
  font-size: 16px;
  text-align: center;
}
.social-icon span {
  color: #fff;
}
.social-icon:hover {
  background-color: #fff;
}
#quicknav ul li.selected a,
#quicknav ul li a:hover {
  color: #fff;
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  #site-search {
    float: right;
    margin-right: 0;
    margin-top: 33px;
  }
  #site-search #search-field {
    color: #000 !important;
  }
  #masthead {
    margin-top: 0;
    height: 200px;
  }
  #masthead #main-nav {
    float: right;
    margin-top: 0px;
  }
  #masthead #main-nav::after {
    background: transparent;
  }
  #masthead #session-info {
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
  }
  #masthead #session-info #member-greeting {
    display: inline-block;
  }
  #masthead #session-info .toggleaccountmenu {
    position: relative;
    color: white;
    display: inline-block;
    top: 6px;
    right: 0;
    margin-left: 7px;
  }
  #masthead #auth-status {
    background-color: #8cb9c3;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-right: 15px;
  }
  #masthead #auth-status #login-link {
    position: relative;
    margin-right: 15px;
    top: 0;
  }
  #masthead #auth-status #member-greeting,
  #masthead #auth-status #member-greeting span,
  #masthead #auth-status #member-greeting b {
    color: white !important;
  }
  #masthead #auth-status .socialicons i {
    color: #fff !important;
  }
  #masthead #auth-status .socialicons .social-icon {
    top: 3px;
  }
  #masthead #logo {
    top: 0;
  }
  #masthead .togglemenu {
    top: 8px;
    font-size: 30px;
    color: #fff;
    position: relative;
  }
}
@media only screen and (max-width: 600px) {
  #masthead {
    height: 170px;
  }
  #masthead #site-search {
    margin-top: 25px;
    width: 50%;
    float: right;
    left: 0;
  }
  #masthead #site-search #search-field {
    color: #000 !important;
  }
}
@media only screen and (max-width: 450px) {
  #masthead {
    height: 145px;
  }
  #masthead #site-search {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 400px) {
  #site-search {
    float: right;
    margin-right: 0;
  }
  #site-search #search-field {
    width: 145px;
  }
}
#multimedia-content * {
  box-sizing: border-box;
}
#multimedia-content .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 100% !important;
}
#multimedia-content .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#multimedia-content .list-inline {
  list-style: none;
}
#multimedia-content .list-inline li {
  float: left;
  width: auto !important;
}
#multimedia-content .list-inline li .hidden {
  display: none;
}
#multimedia-content #video-content footer {
  display: none;
}
#multimedia-content #video-content #media-player {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
#multimedia-content #video-content #media-player iframe {
  width: 100%;
  min-height: 350px;
  border: none;
}
#multimedia-content #video-content #media-player_wrapper {
  max-height: 350px;
}
#multimedia-content #video-content #media-player_wrapper iframe {
  border: none;
}
#multimedia-content #video-content #media-player_wrapper object {
  min-height: 350px;
}
#multimedia-content #video-content #featured-details-header {
  margin-top: 0;
}
#multimedia-content #video-content #social-media-container {
  clear: both;
  margin: 1em 0 0 0;
  padding: 0;
  display: block;
  float: left;
}
#multimedia-content #video-content #social-media-container ul {
  margin: 0 15px;
  padding: 0;
  display: block;
  float: left;
  list-style-type: none;
}
#multimedia-content #video-content #social-media-container ul li {
  display: block;
  float: left;
  margin: 0;
}
#multimedia-content #video-content #social-media-container ul li + li {
  margin-left: 10px;
}
#multimedia-content #video-content #social-media-container ul:after {
  display: table;
  content: " ";
}
#multimedia-content #share-buttons {
  margin: 0;
  padding: 0;
  clear: both;
  list-style: none;
}
#multimedia-content #share-buttons li {
  margin-bottom: 0;
  padding: 0;
  vertical-align: top;
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  list-style: none;
}
#multimedia-content #share-buttons #share-facebook iframe {
  width: 62px!important;
}
#multimedia-content #share-buttons .youtube a {
  display: block;
  text-indent: -999em;
  width: 44px;
  height: 20px;
  background: transparent url(/images/multimedia/youtube.png) top left no-repeat;
  border-bottom: 0;
}
#multimedia-content #share-buttons .last {
  width: 180px;
}
#multimedia-content #share-buttons input[type="text"] {
  padding: 0px;
  width: auto;
  float: right;
  min-width: 315px;
  height: 20px;
  margin-left: 10px;
  font-size: 0.6em;
}
#multimedia-content #share-buttons .copied-link {
  padding-right: 25px !important;
}
#multimedia-content #share-buttons #share-copy-link {
  cursor: pointer;
}
#multimedia-content #share-buttons #share-link-container {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
#multimedia-content #share-buttons #share-link-container .btn {
  padding: 2px;
  margin-top: -10px;
}
#multimedia-content #share-buttons #share-link-container.copied-link input[type="text"] {
  border: 2px solid #b7b291;
}
#multimedia-content #multimedia-browser {
  float: left;
  width: 100%;
}
#multimedia-content #multimedia-browser ul.nav-tabs {
  margin: 20px 0;
  padding: 0 !important;
  position: relative;
  width: 100%;
}
#multimedia-content #multimedia-browser ul.nav-tabs li {
  clear: right;
  display: block;
  float: left;
  margin: auto;
  margin-bottom: 0;
  position: relative;
  width: auto;
}
#multimedia-content #multimedia-browser ul.nav-tabs li a {
  float: left;
  display: block;
  border-color: transparent;
}
#multimedia-content #multimedia-browser ul.nav-tabs li a:hover {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
#multimedia-content #multimedia-browser ul.nav-tabs li.active {
  display: block;
}
#multimedia-content #multimedia-browser ul.nav-tabs li.active a {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-color: transparent;
}
#multimedia-content #multimedia-browser ul.nav-tabs li.active a:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
#multimedia-content #multimedia-browser .tab-content {
  overflow: visible;
}
#multimedia-content #multimedia-browser .loading {
  min-height: 200px;
  background: url(/images/multimedia/loading.gif) no-repeat center center;
}
#multimedia-content #multimedia-browser form.multimedia-search {
  margin: 0 0 1em 0;
  padding: 0;
  height: 65px;
}
#multimedia-content #multimedia-browser legend {
  margin: 0 0 10px 0 !important;
  font-size: 19px !important;
  line-height: 1;
}
#multimedia-content #multimedia-browser fieldset {
  margin: 0.5em 0 0 0;
  padding: 0;
}
#multimedia-content #multimedia-browser input {
  display: inline-block;
  font-size: 14px;
  padding: 10px;
  margin: 0;
}
#multimedia-content #multimedia-browser input[type="button"] {
  display: inline-block !important;
  float: right !important;
  margin: 0 0 0 0.5em !important;
  padding: 5px 10px !important;
  height: 40px !important;
  font-weight: bold;
}
#multimedia-content #multimedia-browser input[type="button"]:hover {
  color: #4f8c9a;
}
#multimedia-content #multimedia-browser a {
  cursor: pointer;
}
#multimedia-content #multimedia-browser #search-results-header {
  padding: 20px 10px 0 10px;
}
#multimedia-content #multimedia-browser .loading div#search-results-header {
  display: none;
}
#multimedia-content #multimedia-browser #search-results-feedback {
  color: #988d85;
  letter-spacing: 1px;
}
#multimedia-content #multimedia-browser .status {
  display: none;
  color: #fff;
  letter-spacing: 1px;
  background-color: #de8000;
  font-size: 13px;
  padding: 10px 10px 8px 10px;
}
#multimedia-content #multimedia-browser .status p {
  margin: 0;
  color: #fff;
}
#multimedia-content #multimedia-browser .status p + p {
  margin-top: 1em;
}
#multimedia-content #multimedia-browser .status a {
  color: #fff !important;
  text-decoration: underline;
}
#multimedia-content #multimedia-browser .no-results {
  margin-top: 1em;
}
#multimedia-content #multimedia-browser .multimedia-tools {
  /*float:left;*/
  width: 100%;
}
#multimedia-content #multimedia-browser .multimedia-tools #search-mm input {
  float: left;
}
#multimedia-content #multimedia-browser .multimedia-tools #audio-tab-content #by-issue-audio select {
  float: left;
  width: 87%;
}
#multimedia-content #multimedia-browser .multimedia-tools #audio-tab-content #by-issue-audio #audio-topics-btn {
  float: left!important;
}
#multimedia-content #multimedia-browser .multimedia-tools fieldset {
  float: left;
  margin-top: 0;
  margin-right: 0.5em;
  padding: 0;
  width: 49%;
}
#multimedia-content #multimedia-browser .multimedia-tools fieldset #audio-topics {
  width: 85%;
}
#multimedia-content #multimedia-browser .multimedia-tools fieldset:last-of-type {
  padding-left: 0;
  float: right;
  margin-right: 0px;
}
#multimedia-content #multimedia-browser .multimedia-tools select {
  margin: 0;
  display: inline-block;
  width: auto;
  height: 40px;
  float: left;
  padding: 5px 10px;
  border: 2px solid #e3e7e9;
  background-color: #fff;
  background-image: none;
  width: 42%;
}
#multimedia-content #multimedia-browser .multimedia-tools select.year {
  margin-left: 1%;
}
#multimedia-content #multimedia-browser .multimedia-tools input[type="text"] {
  border: 2px solid #e3e7e9;
  font-size: 13px!important;
  width: 85%;
  height: 40px;
  float: left;
  display: block;
}
#multimedia-content #multimedia-browser .multimedia-tools select + select {
  margin-left: 0.5em;
}
#multimedia-content #multimedia-browser .has-issues .multimedia-tools fieldset {
  float: left;
  margin-top: 0;
  margin-right: 0.5em;
  padding: 0;
  width: 32.45%;
}
#multimedia-content #multimedia-browser .has-issues .multimedia-tools fieldset:last-of-type {
  padding-left: 0;
  float: right;
  margin-right: 0px;
}
#multimedia-content #multimedia-browser .has-issues .multimedia-tools select {
  margin: 0;
  display: inline-block;
  width: auto;
  height: 40px;
  float: left;
  padding: 5px 10px;
  border: 2px solid #e3e7e9;
  background-color: #fff;
  background-image: none;
  width: 40%;
}
#multimedia-content #multimedia-browser .has-issues .multimedia-tools select.topics {
  width: 80%;
}
#multimedia-content #multimedia-browser .has-issues .multimedia-tools input[type="text"] {
  border: 2px solid #e3e7e9;
  font-size: 13px!important;
  width: 81%;
  float: left;
  display: block;
}
#multimedia-content #multimedia-browser .has-issues .multimedia-tools select + select {
  margin-left: 0.25em;
}
#multimedia-content #multimedia-browser .pagination .paging {
  font-size: 1em;
}
#multimedia-content #multimedia-browser .pagination .listing-jump {
  float: left;
}
#multimedia-content #multimedia-browser .pagination .listing-increment {
  float: right;
  position: static;
  top: 0;
}
#multimedia-content #multimedia-browser .pagination .listing-increment a {
  color: #fff;
  display: inline-block;
}
#multimedia-content #multimedia-browser .pagination .listing-increment a.selected {
  text-decoration: underline;
}
#multimedia-content #multimedia-browser .pagination .listing-increment a + a {
  margin-left: 0.25em;
}
#multimedia-content #multimedia-browser .row {
  margin: 0px;
}
#multimedia-content #multimedia-browser .row .media-thumbnail {
  float: left;
  margin: 0 1.4em 1em 0;
  width: 18%;
  height: 200px;
}
#multimedia-content #multimedia-browser .row .media-thumbnail .default-image {
  background-color: #333;
  width: 100%;
  float: left;
  height: auto;
}
#multimedia-content #multimedia-browser .row .media-thumbnail img {
  cursor: pointer;
  width: 100%;
}
#multimedia-content #multimedia-browser .row .media-thumbnail a {
  font-size: 0.85em;
  float: left;
  width: 100%;
  display: block;
  line-height: 1.2em;
  padding: 4px 0px;
}
#multimedia-content #multimedia-browser .row .media-thumbnail:nth-child(5) {
  margin-right: 0;
  float: right;
}
@media (max-width: 1200px) {
  #multimedia-content #multimedia-browser .row .media-thumbnail {
    width: 19%;
    margin: 0 10px 1em 0;
  }
  #multimedia-content #multimedia-browser .multimedia-tools select {
    width: 42%;
  }
}
@media (max-width: 990px) {
  #multimedia-content #multimedia-browser .row .media-thumbnail {
    width: 19%;
    margin-right: 1.1%;
  }
  #multimedia-content #multimedia-browser input[type="button"] {
    display: inline-block !important;
    float: right !important;
    margin: 0 0 0 0.2em !important;
    padding: 5px 10px !important;
    height: 42px;
  }
  #multimedia-content #multimedia-browser .multimedia-tools input[type="text"] {
    border: 2px solid #e3e7e9;
    font-size: 13px!important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 86%;
    float: left;
    display: block;
    height: 40px;
  }
  #multimedia-content #multimedia-browser .multimedia-tools select {
    font-size: 0.8em;
    width: 42%;
    height: 40px;
  }
  #multimedia-content #multimedia-browser .multimedia-tools select + select {
    margin-left: 0.5em;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools fieldset {
    float: left;
    margin-top: 0;
    margin-right: 0.5em;
    padding: 0;
    width: 32%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools fieldset:last-of-type {
    padding-left: 0;
    float: right;
    margin-right: 0px;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select {
    margin: 0;
    display: inline-block;
    width: auto;
    height: 40px;
    float: left;
    padding: 5px 10px;
    border: 2px solid #e3e7e9;
    background-color: #fff;
    background-image: none;
    width: 37%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select.topics {
    width: 77%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools input[type="text"] {
    border: 2px solid #e3e7e9;
    font-size: 13px!important;
    width: 78%;
    float: left;
    display: block;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select + select {
    margin-left: 0.25em;
  }
}
#multimedia-content #share-link-container {
  width: 342px;
}
#multimedia-content #share-link-container input {
  width: 100%;
}
@media (max-width: 768px) {
  #multimedia-content .col-md-8,
  #multimedia-content .col-md-4 {
    float: none;
    width: 100%;
    padding: 0;
  }
  #multimedia-content #multimedia-browser .row .media-thumbnail {
    width: 48%;
    height: 320px;
    margin: 0 2% 1em 0;
  }
  #multimedia-content #multimedia-browser .row .media-thumbnail:nth-child(2n) {
    margin: 0 0 1em 0;
  }
  #multimedia-content #multimedia-browser .pagination {
    font-size: 14px;
  }
  #multimedia-content #multimedia-browser .multimedia-tools fieldset {
    float: left;
    margin-top: 0;
    margin-right: 0.5em;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  #multimedia-content #multimedia-browser .multimedia-tools input[type="text"] {
    border: 2px solid #e3e7e9;
    font-size: 13px!important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 83%;
    float: left;
    display: block;
  }
  #multimedia-content #multimedia-browser .multimedia-tools select {
    font-size: 0.8em;
    width: 42%;
    height: 42px;
  }
  #multimedia-content #multimedia-browser .multimedia-tools select + select {
    margin-left: 0.5em;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools fieldset {
    float: left;
    margin-top: 0;
    margin-right: 0.5em;
    padding: 0;
    width: 100%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools fieldset:last-of-type {
    padding-left: 0;
    float: right;
    margin-right: 0px;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select {
    margin: 0;
    display: inline-block;
    width: auto;
    height: 40px;
    float: left;
    padding: 5px 10px;
    border: 2px solid #e3e7e9;
    background-color: #fff;
    background-image: none;
    width: 43%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select.topics {
    width: 88%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools input[type="text"] {
    border: 2px solid #e3e7e9;
    font-size: 13px!important;
    width: 88%;
    float: left;
    display: block;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select + select {
    margin-left: 0.25em;
  }
  #multimedia-content #share-buttons #share-link,
  #multimedia-content #share-buttons #share-link-container,
  #multimedia-content #share-buttons #share-link-button-container {
    display: none;
  }
}
@media (max-width: 480px) {
  #multimedia-content #multimedia-browser .row .media-thumbnail {
    width: 100%;
    height: auto;
    margin: 0 0 1em 0;
  }
  #multimedia-content #multimedia-browser .multimedia-tools fieldset {
    float: left;
    margin-top: 0;
    margin-right: 0.5em;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  #multimedia-content #multimedia-browser .multimedia-tools input[type="text"] {
    border: 2px solid #e3e7e9;
    font-size: 13px!important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 80%;
    float: left;
    display: block;
  }
  #multimedia-content #multimedia-browser .multimedia-tools select {
    font-size: 0.8em;
    width: 39%;
    height: 42px;
  }
  #multimedia-content #multimedia-browser .multimedia-tools select + select {
    margin-left: 0.5em;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools fieldset {
    float: left;
    margin-top: 0;
    margin-right: 0.5em;
    padding: 0;
    width: 100%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools fieldset:last-of-type {
    padding-left: 0;
    float: right;
    margin-right: 0px;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select {
    margin: 0;
    display: inline-block;
    width: auto;
    height: 40px;
    float: left;
    padding: 5px 10px;
    border: 2px solid #e3e7e9;
    background-color: #fff;
    background-image: none;
    width: 39%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select.topics {
    width: 80%;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools input[type="text"] {
    border: 2px solid #e3e7e9;
    font-size: 13px!important;
    width: 80%;
    float: left;
    display: block;
  }
  #multimedia-content #multimedia-browser .has-issues .multimedia-tools select + select {
    margin-left: 0.25em;
  }
}
@media (max-width: 340px) {
  #multimedia-content #multimedia-browser .row .media-thumbnail {
    width: 100%;
    height: auto;
    margin: 0 0 1em 0;
  }
}
/*
==============================================================================
**
** NAV
**
** SCOPE: 		GLOBAL
** REVISION:	0.1
** DATE:		03/25/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:

** NOTES:

** TODO:

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
#main-nav #navs-container {
  position: relative;
  top: 0;
  left: 30px;
}
#main-nav #navs-container ul {
  margin: 0;
  padding: 0;
  font-size: 15px;
  /* #menu styles */
}
#main-nav #navs-container ul li {
  position: relative;
  float: left;
}
#main-nav #navs-container ul li a {
  display: block;
  height: 30px;
  width: 80px;
  font-weight: lighter;
  color: #000;
  text-align: center;
  line-height: 33px;
}
#main-nav #navs-container ul li.selected a,
#main-nav #navs-container ul a:hover {
  text-decoration: underline;
}
#main-nav #navs-container #menu-authenticated {
  position: relative;
  float: right;
  background-color: #eaeaea;
  width: 100%;
  max-width: 740px;
  height: 30px;
  margin: 20px auto;
  right: 30px;
}
#main-nav #navs-container #menu-authenticated li {
  z-index: 100;
  padding: 5px;
  font-weight: lighter;
  width: 103px;
}
#main-nav #navs-container #menu-authenticated li a {
  display: block;
  height: 30px;
  background: none;
  width: 100px;
  margin-top: -4px;
}
#main-nav #navs-container #menu-authenticated li .sub {
  width: 140px;
  display: none;
  position: absolute;
  border: 1px solid #000;
}
#main-nav #navs-container #menu-authenticated li .sub ul li {
  position: relative;
  width: 100%;
  background-color: #fff;
  font-weight: lighter;
  padding: 5px;
}
#main-nav #navs-container #menu-authenticated li .sub ul li a {
  text-align: left;
  font-weight: lighter;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  padding: 3px;
  width: auto;
  text-align: center;
  background-image: none;
  line-height: 20px;
  height: auto;
}
#main-nav #navs-container #menu-authenticated li .sub ul li + li {
  border-top: 1px solid #000;
}
#main-nav #navs-container #menu-authenticated li .sub:last-child {
  left: -30px;
}
#main-nav #navs-container #menu-authenticated li:hover .sub {
  display: block;
}
#main-nav #navs-container #menu-authenticated li:hover .sub ul li a:hover {
  background: #8cb9c3 !important;
  border-bottom: none!important;
}
#main-nav #navs-container #menu-authenticated #artios {
  margin-left: 10px;
  margin-right: -23px !important;
}
#main-nav #navs-container #menu-authenticated li.selected .sub ul li a {
  border-bottom: none!important;
}
#main-nav #mobile_nav_menu {
  display: none;
}
.ie7 #main-nav ul {
  top: 32px;
}
#toggle {
  display: none;
}
#menu_expand {
  display: block;
}
/*
.selected a:after {

		content:		"";
		position: 		absolute;
		z-index: 		10000;
		height: 		12px;
		width: 			12px;

		background: 	@dark;
		//background: 	red;

		left: 38%;
		top: 22px;


		.less-rotate(45deg);
	}
*/
/*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
@media only screen and (max-width: 900px) {
  #main-nav ul {
    left: 95px;
  }
}
/*
** 768
**
** DESCRIPTION:	Styles that apply to screens 768 pixels wide and down
** USAGE:
** NOTES: Edge case for nav/masthead collision
**
*/
/*
@media only screen and (max-width: 768px) {

	float:left;

#main-nav {



		overflow: show;
		margin: -85px 0 0 0;
		height: 0;
		background: none;
		float:none;
		z-index: 99 !important;


		-webkit-transition: margin ease-out .5s;
		   -moz-transition: margin ease-out .5s;
			-ms-transition: margin ease-out .5s;
			 -o-transition: margin ease-out .5s;
				transition: margin ease-out .5s;





		.bg {
			overflow: hidden;
			height: auto;
			position: relative;
			z-index: 10;
			background: @dark;
			//

		}

		ul {
			float:left;
			position: relative;
			top: 0;
			left: 0;
			margin: 10px;
			padding: 0;
			z-index: 10;
			width: 98% !important;
			-webkit-column-count: 2;
			   -moz-column-count: 2;
				-ms-column-count: 2;
				 -o-column-count: 2;
					column-count: 2;



					li {
						font-size: 14px;
						float: none;

						padding: 0;
						width: 33% !important;




					a {
						margin: 0;
						display: block;
						padding: 9px 10px 9px 30px!important;
						color: #000!important;
						border: 1px solid #ddd;


						}
					}


					#about.selected a, #about:hover a{
						background: url("../img/colors.png") repeat scroll 0 0 #7F60C3 !important;
						color: #fff!important;
						background-size: 100% 350px !important;
					}
					#producers.selected a, #producers:hover a{
						background: url("../img/colors.png") repeat scroll 0 -50px #7F60C3 !important;
						color: #fff!important;
						background-size: 100% 350px !important;
					}
					#news.selected a, #news:hover a{
						background: url("../img/colors.png") repeat scroll 0 -100px #7F60C3 !important;
						color: #fff!important;
						background-size: 100% 350px !important;
					}
					#awards.selected a, #awards:hover a{
						background: url("../img/colors.png") repeat scroll 0 -150px #7F60C3 !important;
						color: #fff!important;
						background-size: 100% 350px !important;
					}
					#join.selected a, #join:hover a{
						background: url("../img/colors.png") repeat scroll 0 -200px #7F60C3 !important;
						color: #fff!important;
						background-size: 100% 350px !important;
					}
		}



		}






}
*/
@media only screen and (max-width: 600px) {
  #navs-container {
    float: left ;
    left: 9px !important;
    position: relative;
    top: 10px;
    width: 95% !important;
  }
  #main-nav {
    overflow: show;
    margin: -85px 0 0 0;
    height: 0;
    background: none;
    float: none;
    z-index: 99 !important;
    -webkit-transition: margin ease-out 0.5s;
    -moz-transition: margin ease-out 0.5s;
    -ms-transition: margin ease-out 0.5s;
    -o-transition: margin ease-out 0.5s;
    transition: margin ease-out 0.5s;
  }
  #main-nav .bg {
    overflow: hidden;
    height: auto;
    position: relative;
    z-index: 10;
    background: #b8b7b0;
  }
  #main-nav ul {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    margin: 10px;
    padding: 0;
    z-index: 10;
    width: 98% !important;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
  }
  #main-nav ul li {
    float: none;
    font-size: 8px;
    height: auto;
    padding: 0 !important;
    width: 20% !important;
  }
  #main-nav ul li a {
    color: #000000 !important;
    display: block;
    margin: 0;
    padding: 0 5px 7px;
  }
  #main-nav:after {
    display: block;
    content: "";
    height: 20px;
    width: 100%;
    background: #a7a69d;
    margin-top: -52px;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  }
  #toggle {
    clear: left;
    display: none;
  }
  #toggle a {
    display: block;
    color: #605e56;
    font-mily: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.33);
    position: relative;
    z-index: 9;
    text-align: center;
    border-bottom: 1px solid #949288;
    width: 100px;
    margin: -18px auto 0 auto;
    background: #a5a39b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a5a39b), color-stop(1, #dcdcd8)) !important;
    background: -webkit-linear-gradient(top, #a5a39b 0%, #dcdcd8 100%) !important;
    background: -moz-linear-gradient(top, #a5a39b 0%, #dcdcd8 100%) !important;
    background: -o-linear-gradient(top, #a5a39b 0%, #dcdcd8 100%) !important;
    background: linear-gradient(top, #a5a39b 0%, #dcdcd8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #a5a39b , endColorstr= #dcdcd8 );
    height: 50px;
    border-radius: 0 0 50px 50px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  }
  #toggle a div {
    padding-top: 16px;
  }
  #toggle a:hover {
    text-decoration: none;
  }
  #main-nav.open {
    margin-top: 56px;
  }
  #main-nav.open:after {
    background: #a7a69d;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  }
  .open #toggle {
    display: block;
  }
  .open #toggle a {
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  }
}
/*
** 479
**
** DESCRIPTION:	Styles that apply to screens 479 and bellows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
@media only screen and (max-width: 479px) {
  #main-nav {
    margin: -168px 0 0 0;
    float: none;
  }
  #main-nav ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
  }
  /*

	#alert ~ #masthead > #main-nav {
		margin: -168px 0 0 0;
	}

	#main-nav.open {
		margin-top: 56px;

	}
	#alert ~ #masthead > #main-nav.open {

		margin-top: 56px;

	}
	*/
  /*
	.selected a:after {

		content:		"";
		position: 		absolute;
		z-index: 		10000;
		height: 		16px;
		width: 			16px;

		background: 	@dark;
		//background: 	red;

		left: -9px;
		top: 30%;


		.less-rotate(45deg);
	}
*/
}
/*
==============================================================================
**
** NEWSROOM STYLES
**
** SCOPE: 		NEWSROOM
** 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 "newsroom"

** NOTES:

** TODO:		Connect up LESS variables

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
#news {
  /*
.news-csa h1 {
	background:url(../img/news/news-csa.jpg);
}
.announcement-csa h1 {
	background:url(../img/news/announcement-csa.jpg);
}
.photos-csa h1 {
	background:url(../img/news/photos-csa.jpg);
}
.press-releases-csa h1 {
	background:url(../img/news/press-releases-csa.jpg);
}

*/
  /*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
  /*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**


/*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and bellows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
}
#news #quicknav ul li.selected a,
#news #quicknav ul li a:hover {
  color: white;
  text-decoration: underline;
  font-weight: bold;
  font-size: 13px;
}
@media (max-width: 900px) {
  #news #quicknav ul li.selected a,
  #news #quicknav ul li a:hover {
    color: #000;
    text-align: left;
  }
}
#news .header {
  background-image: url("../../styles/img/CSA-Banner-Purple.jpg");
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 100%;
  z-index: 10000;
  margin-bottom: 5px;
}
#news.actormonth .header {
  background-image: url("/imo/media/image/imdbprobgnew.jpg")!important;
}

@media(max-width:900px){
  #news.actormonth .header {
      background-image: none!important;
  }
}

#news.actormonth .header .mobilelogo{
display: none;
}

@media(max-width:900px){
  #news.actormonth .header .mobilelogo{
      display: table;
      padding-top:30%;
      position: relative;
      overflow:hidden;
     width: 100%;
     margin-bottom: 10px;
  }
  #news.actormonth .header .mobilelogo .image{
    background-image: url("/imo/media/image/imdbprombile.jpg");
    width: 100%;
    background-size: cover;
    position: absolute;
    top:0;
    left:0;
    height:100%;
    background-position: center;
}

  
}

#news #quicknav {
  position: absolute;
  text-align: center;
  right: 20px;
  top: 0px;
  margin-top: 20px;
  margin-bottom: 0px;
  z-index: 1000000;
  color: white;
  font-size: 1em;
}
@media (max-width: 900px) {
  #news #quicknav {
    position: relative;
    right: 0px;
    padding-bottom: 0px;
    float: none;
    width: 100%!important;
    padding: 0px!important;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: auto;
  }
}
@media (max-width: 900px) {
  #news #quicknav ul li {
    text-align: left;
    padding-left: 20px;
  }
}
#news #quicknav ul li a {
  color: white;
  line-height: 30px;
  font-weight: lighter;
  font-family: sans-serif;
}
@media (max-width: 900px) {
  #news #quicknav ul li a:hover {
    color: #000 !important;
  }
}
#news #main {
  width: 100%;
  border: 1px solid lightgrey;
  margin-bottom: 30px;
  padding-bottom: 60px !important;
}
#news #main a {
  color: #8cb9c3;
}
#news #main h3 {
  margin-bottom: 15px;
}
#news #main .press-listing-content {
  margin: 5px;
}
#news #main .press-listing-content a {
  font-size: 15px;
}
#news #main .press-listing-content h2 {
  margin-bottom: 7px;
}
#news #main .press-listing-content h2 a {
  font-size: 22px;
}
#news #main .nomargin {
  margin-bottom: 11px;
  margin-top: 11px;
}
#news #main .press-listing-image {
  width: 100%;
  height: 500px;
  overflow: hidden;
  max-width: 900px;
  background-position: center!important;
  background-repeat: no-repeat !important;
  background-size: cover!important;
  margin: 0 auto;
  padding-top: -10px;
}
@media (max-width: 900px) {
  #news #main .press-listing-image {
    height: 400px;
  }
}
@media (max-width: 767px) {
  #news #main .press-listing-image {
    height: 350px;
  }
}
@media (max-width: 767px) {
  #news #main .press-listing-image {
    height: 350px;
  }
}
@media (max-width: 450px) {
  #news #main .press-listing-image {
    height: 210px;
  }
}
@media (max-width: 375px) {
  #news #main .press-listing-image {
    height: 190px;
  }
}
@media (max-width: 320px) {
  #news #main .press-listing-image {
    height: 150px;
  }
}
#news .intro {
  margin-top: 35px;
}
#news .list-item {
  border-bottom: 1.5px solid lightgrey;
}
#news .list-item .left {
  width: 250px;
  height: 250px;
  margin-bottom: 15px;
  margin-left: 40px;
}
#news .list-item p a {
  text-decoration: underline;
}
#news .announcements .blog_entry .main h2 a {
  color: black !important;
}
#news body#news .phototitle {
  padding: 0px 25px;
}
#news #gallery #thumbnails_container #thumbnails ul {
  margin: 0px;
  padding: 0px;
}
#news #gallery #thumbnails_container #thumbnails ul li .imgcontainer {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 140px;
  margin-bottom: 10px;
}
#news #gallery #thumbnails_container #thumbnails ul li .imgcontainer img {
  opacity: 1;
  width: 100% !important;
  height: auto !important;
  min-height: 140px;
  position: absolute;
  top: 0px;
  margin: 0;
  border: none;
  vertical-align: middle;
}
.photos-csa .list-item {
  border-bottom: 1.5px solid lightgrey;
}
.photos-csa .list-item .left {
  width: 250px;
  height: auto !important;
  margin-bottom: 15px;
}
.photos-csa .list-item .left img {
  width: 250px;
}
@media (max-width: 620px) {
  .photos-csa .list-item .left img {
    width: 100%;
    height: auto;
    max-height: none!important;
  }
}
@media (max-width: 900px) {
  .photos-csa .list-item .left {
    margin-left: 0px!important;
  }
}
@media (max-width: 620px) {
  .photos-csa .list-item .left {
    width: 100%;
    margin-right: 0px;
    float: none;
    height: 350px!important;
    width: 100%!important;
    overflow: hidden;
  }
}
.photos-csa .list-item p a {
  text-decoration: underline;
}
@media (max-width: 900px) {
  .photos-csa .list-item .info {
    width: 55%;
    margin-right: 0px;
  }
}
@media (max-width: 700px) {
  .photos-csa .list-item .info {
    width: 48%;
    margin-right: 0px;
  }
}
@media (max-width: 620px) {
  .photos-csa .list-item .info {
    width: 100%;
    margin-right: 0px;
    float: none;
  }
}
/*
==============================================================================
**
** BIO STYLES
**
** SCOPE: 		ABOUT
** REVISION:	0.1
** DATE:		03/21/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:		The body tag for this section will have class of "about"

** NOTES:

** TODO:

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
#producers {
  /*
	}


/*


	}

	#member-search{
		#results {
			.user {
				text-align: center;

			.info{
				a{

				}
			}


			}
		}

		.search{
			#search-field-advanced {
				border: 2px solid #E6E6E6 !important;
			}
		}
	}

		.prodbuttons {
			text-align: center;
		}
/*
.producers-csa h1 {

}

.post-a-project-csa h1 {
	background:url(../img/producers/find-a-project-csa.jpg);
}

.find-member-csa h1 {
	background:url(../img/producers/find-a-member-csa.jpg);
}
*/
  /*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
}
#producers #quicknav ul li.selected a,
#producers #quicknav ul li a:hover {
  color: white;
  text-decoration: underline;
  font-weight: bold;
  font-size: 13.38px;
}
#producers form fieldset {
  width: 100%;
  overflow: visible;
}
#producers form input.button {
  top: 0px;
}
#producers .header {
  background-image: url("../../styles/img/CSA-Banner-LightBlue.jpg");
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 100%;
  z-index: 10000;
  margin-bottom: 5px;
}
#producers #quicknav {
  position: absolute;
  text-align: center;
  right: 20px;
  top: 0;
  margin-top: 40px;
  margin-bottom: 0px;
  z-index: 1000000;
  color: white;
  font-size: 1em;
}
#producers #quicknav a {
  color: white;
  line-height: 30px;
  font-weight: lighter;
  font-family: sans-serif;
}
@media (max-width: 900px) {
  #producers #quicknav {
    position: relative;
    right: 0px;
    padding-bottom: 0px;
    float: none;
    width: 100%!important;
    padding: 0px!important;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    min-height: auto!important;
  }
}
#producers #main h2 {
  margin-bottom: 30px;
}
#producers #main .left {
  margin-left: 30% !important;
}
#producers #main .nomargin {
  margin-right: 30% !important;
}
#producers #main #search-button,
#producers #main #reset-button {
  padding-left: 20px;
  padding: 9px 24px 9px 24px;
  margin-top: -30px;
}
#producers #main p.prodbuttons {
  text-align: center !important;
  margin-left: 50px;
}
#producers #main p.prodbuttons .btn {
  margin: 12px;
}
@media (max-width: 900px) {
  #producers #main p.prodbuttons {
    margin-left: 0px;
  }
}
#producers .user {
  text-align: center;
}
@media only screen and (max-width: 900px) {
}
/*
==============================================================================
**
** 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 ===================== */
/* =========================================================================== */
.locations .organization-unit {
  font-weight: normal;
}
.locations .note {
  margin-bottom: 1em;
}
#flag_table th,
.subtotal td {
  background: #eff2f3;
  color: #444;
  border-bottom: 1px solid #d2dadd;
}
.subtotal td,
.shipping td {
  border-top: 1px solid #d2dadd;
}
.services .left {
  float: left;
  margin: 1% 4% 0 0;
  width: 100%;
}
.services .right {
  float: left;
  margin: 1% 0;
  width: 100%;
}
.services #attractions {
  float: left;
  margin: 0 0 1em;
  width: 100%;
}
.services .img_outline {
  border: 2px solid #1784B6;
  box-shadow: -3px 2px 5px 0 #CCCCCC;
  float: left;
  margin: 0 10px 10px 0;
}
.grants table {
  width: 100%;
}
.tours ul {
  padding: 0;
  margin: 0 0 2em;
}
.tours li {
  list-style: none;
  margin: 0.5em 0 1em;
}
.library #keyword-search {
  padding: 5px 0;
}
.library .inline-search legend {
  padding-bottom: 0.5em !important;
}
.button {
  background-color: #fff;
  color: #6aa5b2;
  border: 1px solid #6aa5b2;
}
.button:hover {
  background-color: #6aa5b2;
  color: #fff;
}
a {
  cursor: pointer!important;
}
/*
==============================================================================
**
** ABOUT THE STATE STYLES
**
** SCOPE: 		STATE
** 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 "state"

** NOTES:

** TODO:		Connect up LESS variables

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
.state-symbols {
  list-style: none;
  margin: 0;
  padding: 0;
}
.state-symbols li {
  overflow: auto;
  clear: left;
  display: block;
  background: #fff;
  padding: 0.5em;
  margin-bottom: 1em;
}
.state-symbols figcaption {
  font-family: sans-serif;
  font-size: 1em;
  line-height: 1.1;
}
.state-symbols figcaption b {
  font-size: 1.1em;
  font-family: serif;
  display: block;
}
.state-symbols img {
  float: left;
  width: 25%;
  margin-right: 5%;
}
.visit-oregon img {
  padding: 0.2em 0.75em 0 0;
}
.people {
  overflow: auto;
}
.people .photo {
  display: block;
  width: 33%;
  float: left;
}
.people .fn,
.people .adr {
  display: block;
  width: 60%;
  margin-left: 40%;
}
.people li {
  font-size: 1.12em;
  width: 50%;
  float: left;
  min-height: 200px;
}
.people li:nth-child(even) {
  float: right;
}
#seal {
  text-align: center;
}
#seal img {
  width: 65%;
}
#map {
  width: 100%;
  padding: 20px 0px;
  background: -moz-linear-gradient(center top, #F9F6ED 50%, #FFFFFF 100%) repeat scroll 0 0 transparent;
  border-top: 1px solid #ece3c7;
  border-left: 1px solid #f3ecda;
  border-right: 1px solid #f3ecda;
}
.or #oregonmap {
  background: url(/images/oregon/map.png) no-repeat 0 -1px transparent;
  width: 580px;
  height: 410px;
}
.nw #oregonmap,
.nw_link #oregonmap {
  background: url(/images/oregon/map.png) no-repeat 0 -409px transparent;
  width: 580px;
  height: 410px;
}
.central #oregonmap,
.central_link #oregonmap {
  background: url(/images/oregon/map.png) no-repeat 0 -819pxtransparent;
  width: 580px;
  height: 410px;
}
.sw #oregonmap,
.sw_link #oregonmap {
  background: url("/images/oregon/map.png") no-repeat scroll 0 -1230px transparent;
  height: 410px;
  width: 580px;
}
.east #oregonmap,
.east_link #oregonmap {
  background: url(/images/oregon/map.png) no-repeat 0 -1639px transparent;
  width: 580px;
  height: 410px;
}
#oregonlinks {
  padding: 10px 0px;
  height: 70px;
}
#oregonlinks a {
  font-family: PTSansNarrowRegular, sans-serif;
  font-weight: normal !important;
  margin: 0;
  text-transform: uppercase;
  padding: 15px;
  font-size: 1.35em;
}
#oregonlinks a#east_link {
  border-right: none;
}
#oregonmapimg {
  width: 580px;
  height: 410px;
}
#asides .or #oregonmap {
  background: url(/images/oregon/map-aside.png) no-repeat 0 -1px transparent;
  width: 230px;
  height: 175px;
}
#asides .northwest #oregonmap,
#asides .nw_link #oregonmap {
  background: url(/images/oregon/map-aside.png) no-repeat 0 -177px transparent;
  width: 230px;
  height: 175px;
}
#asides .central #oregonmap,
#asides .central_link #oregonmap {
  background: url(/images/oregon/map-aside.png) no-repeat 0 -354px transparent;
  width: 230px;
  height: 175px;
}
#asides .southwest #oregonmap,
#asides .sw_link #oregonmap {
  background: url("/images/oregon/map-aside.png") no-repeat scroll 0 -531px transparent;
  width: 230px;
  height: 175px;
}
#asides .eastern #oregonmap,
#asides .east_link #oregonmap {
  background: url(/images/oregon/map-aside.png) no-repeat 0 -708px transparent;
  width: 230px;
  height: 175px;
}
#asides #oregonmapimg {
  width: 230px;
  height: 175px;
}
.clear {
  clear: both;
}
.event {
  border-bottom: 2px solid #DDDDDD;
  display: block;
  min-height: 165px;
  clear: both;
  height: auto;
  margin: 10px 0 11px 10px;
  padding: 0;
}
.event .info {
  width: 60%;
  float: left;
  margin: 0 0 1em;
}
.event .photo {
  float: right;
  width: 20%;
  padding: 0 0 2em 0;
}
.event .photo img {
  float: right;
}
.past {
  height: auto;
  margin: 10px 0 21px 10px;
  padding: 0 0 0.5em;
  border-bottom: 1px dotted #CCCCCC;
}
section {
  padding: 14px 0px;
}
section .left {
  float: left;
  width: 48%;
}
section .right {
  float: right;
  width: 48%;
}
/*
==============================================================================
**
** SITE STRUCTURE/GLOBAL ELEMENTS
**
** SCOPE: 		GLOBAL
** REVISION:	0.3
** DATE:		03/21/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)
** NOTES:		This file contains basic structural elements like columns
				footer, masthead and other globally used elements like
				pagination and pods/asides. Theoretically this file should
				rarely need to be touched if using settings.less


** TODO:

** REVISION HISTORY

				070411	- 	Converted to 320up
				070511	- 	Back to 992 Down
				082711	- 	Converted to LESS
							Trying 320 and up

------------------------------------------------------------------------------







==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
html {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #e6e6e4;
}
body {
  padding: 0;
  position: relative;
  background-color: #e6e6e4;
  text-align: center;
}
a,
a:link {
  color: #8cb9c3;
  text-decoration: none;
}
a:hover {
  color: #6aa5b2;
  text-decoration: underline;
}
a:visited {
  color: #8cb9c3;
}
a:active {
  color: #8cb9c3;
}
img {
  max-width: 100%;
}
.ie7 * {
  zoom: 1;
}
#breadcrumbs {
  display: none;
}
/*
** CONTAINER BASE
**
** DESCRIPTION:
** USAGE:
** NOTES:		Container is typically used for…
**
*/
#container {
  width: 965px;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  max-width: 965px;
  min-width: auto;
  text-align: left;
}
.container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  max-width: 965px;
  min-width: auto;
}
.ie7 .container,
.ie8 .container,
.ie7 #container,
.ie8 #container {
  max-width: 965px;
}
/*
** CONTENT BASE
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#content {
  clear: both;
  padding: 0 0 0px;
  position: relative;
  top: 0px;
  margin: 0 auto;
  width: 100%;
}
#content .header {
  z-index: 0!important;
}
#content .header h1 {
  color: #FFFFFF;
  float: left;
  font-size: 52px;
  font-weight: bold;
  line-height: 57px;
  margin: 25px 80px;
  width: 50%;
  margin-top: 55px;
  margin-left: 45px;
}
#content .header.long h1 {
  width: 480px;
}

/*.ie7 #content,
.ie8 #content {
	margin-top: @container-padding !important; }*/
/*
** ALERT
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#alert {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0 auto 2em auto;
  font-size: 0.825em;
}
#alert-title {
  padding: 0 1em;
  font-weight: bold;
  color: #fff !important;
}
#alert-message {
  display: block;
  font-weight: bold;
  padding: 0.725em 0 0.725em 1em;
  margin-top: 1em 1em 0 0!important;
  padding: 0.85em 0;
  background: #8cb9c3;
  font-weight: normal;
  color: #fff;
}
#alert-message:hover {
  text-decoration: none;
}
/*
** MAIN BASE
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
.one-col-full #main,
.one-col-form #main {
  position: relative;
  padding: 30px 30px 55px;
  background: #fff;
  display: inline-block;
  height: auto;
}
.one-col #main {
  background: none repeat scroll 0 0 #FFFFFF;
  display: inline-block;
  height: auto;
  position: relative;
  width: 100%;
}
#main {
  clear: both;
  position: relative;
  padding: 30px 25px 95px 25px;
  background: #fff;
  top: -1px;
  z-index: 99;
  width: 100%;
  margin-bottom: 40px!important;
  border: 1px solid lightgrey;
  margin-bottom: 30px;
}
#main .first {
  margin-left: 0!important;
}
#main h2 {
  font-size: 23px;
  font-weight: bold;
  line-height: 27px;
  margin-bottom: 10px;
}
#main h2 a {
  color: #000;
}
#main ul {
  margin: 1em 0 40px;
  padding: 0 0 0 20px;
}
#main ul li h5 {
  margin: 10px;
}
#main ul li.or {
  text-align: center;
}
#main .filter .notifications li:first-child,
#main aside .notifications li:first-child,
#main #notifications-form .notifications li:first-child {
  display: none;
}
#main .filter .notifications li li:first-child,
#main aside .notifications li li:first-child,
#main #notifications-form .notifications li li:first-child {
  display: list-item;
}
#main .filter ul,
#main aside ul,
#main #notifications-form ul {
  margin: 0 !important;
  padding: 0 !important;
}
#main .filter ul li,
#main aside ul li,
#main #notifications-form ul li {
  list-style: none !important;
  width: 100%;
}
#main #notifications-form ul li h5 {
  margin-left: 0;
}
#main .restrictor li {
  width: 20% !important;
}
#quicknav {
  background: url("../img/quicknav.png") repeat scroll 0 0 transparent;
  float: right;
  margin-right: 55px;
  min-height: 165px;
  padding: 20px 0 20px 20px;
  width: auto;
  z-index: 0!important;
}
#quicknav ul {
  margin: 0;
  padding: 0;
}
#quicknav ul a {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
#quicknav ul a:hover {
  color: #fff !important;
  text-decoration: underline!important;
}
.one-col #asides {
  display: none;
}
.two-col #main {
  float: left;
  margin: 0;
  width: 100%;
}
.two-col #main .button {
  float: right;
}
.pastNewsroom #main,
.announceNewsroom #main,
.archiveNewsroom #main,
.nyNetworking #main {
  width: 68%;
}
@media (max-width: 900px) {
  .pastNewsroom #main,
  .announceNewsroom #main,
  .archiveNewsroom #main,
  .nyNetworking #main {
    width: 100% !important;
  }
}
.pastNewsroom #container #content #asides,
.announceNewsroom #container #content #asides,
.archiveNewsroom #container #content #asides,
.nyNetworking #container #content #asides {
  border: 1px solid lightgrey !important;
  padding-left: 17px;
}
.pastNewsroom #container #content #asides .filter,
.announceNewsroom #container #content #asides .filter,
.archiveNewsroom #container #content #asides .filter,
.nyNetworking #container #content #asides .filter {
  list-style: none;
}
.nyNetworking #container #content .spotlight_aside {
  list-style: none;
}
.nyNetworking #container #content .spotlight_aside em {
  line-height: 2em;
}
#member-discussion #container #content #resultset-container .paging-container a {
  font-weight: thin;
}
#member-discussion #container #content #resultset-container .paging-container .selected {
  text-decoration: underline;
  font-weight: bold;
}
#member-resources .listing td {
  padding-right: 6.5em !important;
}
#sag-aftra-library .listing td {
  padding-right: 14.5em !important;
  padding-left: 8em !important;
}
#member-discussion .comment-form-container .comment-right .button {
  margin-top: -1.25em !important;
  margin-bottom: 32px !important;
  left: 41% !important;
}
.one-col-full #container #content #main .previewabout {
  width: 65% !important;
}
@media (max-width: 900px) {
  .one-col-full #container #content #main .previewabout {
    width: 100% !important;
    float: none;
  }
}
.one-col-full #container #content #main .previewabout hr {
  display: none;
}
.one-col-full #container #content #main .previewabout a {
  margin-top: 5%;
  width: 100% !important;
}
.one-col-full #container #content #main .previewabout a.right {
  width: 60px !important;
  margin-top: 0% !important;
  margin-right: 44px;
  position: relative;
}
.one-col-full #container #content #main .previewabout h4 {
  margin-bottom: -3% !important;
}
.one-col-full #container #content .edit_block .clear {
  border-bottom: 1px black solid;
}
.one-col-full #container #content .edit_block .button {
  float: right;
}
@media (max-width: 900px) {
  .one-col-full #container #content .edit_block {
    width: 100% !important;
    float: none;
  }
}
.one-col-full #container #content #aside {
  margin-top: 0px !important;
  width: 35%;
}
@media (max-width: 900px) {
  .one-col-full #container #content #aside {
    width: 100% !important;
  }
}
.pastNewsroom .event .info {
  margin-top: -8px !important;
}
.editPhoto #container #content #main {
  width: 100%;
}
.one-col-form form.edit aside.photo {
  margin-right: 228px !important;
}
.one-col-form form.edit set .buttons input {
  margin-top: -20px !important;
}
.one-col-form form.edit fieldset .buttons input.button {
  margin-bottom: 20px !important;
  margin-top: -19px;
}
.aboutYouEdit #container #main,
.profileBioEdit #container #main,
.profileContactEdit #container #main,
.reel #container #main,
.memberBillingInfo #container #main,
.memberNotifications #container #main {
  width: 100% !important;
}
.aboutYouEdit #container #main form.edit fieldset .buttons,
.profileBioEdit #container #main form.edit fieldset .buttons,
.profileContactEdit #container #main form.edit fieldset .buttons,
.reel #container #main form.edit fieldset .buttons,
.memberBillingInfo #container #main form.edit fieldset .buttons,
.memberNotifications #container #main form.edit fieldset .buttons {
  margin-right: -2% !important;
}
.profileContactEdit #container #main fieldset {
  width: 109% !important;
}
.profileContactEdit #container #main fieldset p,
.profileContactEdit #container #main fieldset li {
  width: 93% !important;
}
.reel form li {
  margin-top: 3em;
}
.profileContactEdit .edit table tbody tr td.privacy fieldset #twitter_website_ceprivacy,
.profileContactEdit .edit table tbody tr td.privacy fieldset #instagram_website_ceprivacy,
.profileContactEdit .edit table tbody tr td.privacy fieldset #facebook_website_ceprivacy,
.profileContactEdit .edit table tbody tr td.privacy fieldset #imdb_website_ceprivacy,
.profileContactEdit .edit table tbody tr td.privacy fieldset #personal_website_ceprivacy {
  width: 105% !important;
}
.profileContactEdit form.edit fieldset .buttons a,
.profileContactEdit form.edit fieldset .buttons input.button {
  right: 34%;
}
.profileContactEdit form.edit fieldset .buttons input.button {
  margin-top: -20px;
}
.memVoter #main {
  margin-bottom: 100px !important;
}
.one-col-full #container #content #main .previewabout {
  height: auto;
  display: inline-block;
}
.one-col-full #container #content #main .previewabout a:hover {
  color: white;
}
/*MEMBERSHIPS*/
body#member-home .printbuttontext {
  float: right;
}
body#member-home .printbuttontext span {
  display: block;
  text-align: right;
  font-weight: bolder;
}
body#member-home .printbuttontext .printbutton {
  margin-right: 4px;
}
body#imagecard header {
  display: none;
}
body#imagecard footer {
  display: none;
}
/*
** ASIDES BASE
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
#asides {
  float: right;
  width: 28.5%;
  background: none;
}
#asides aside,
#asides > section,
#asides > ul {
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  list-style: none outside none;
  margin: 0 0 10px;
  padding: 10px;
}
/*
** FOOTER BASE
**
** DESCRIPTION:
** USAGE:
** NOTES:
**
*/
/*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
/*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
#resultset-container .resultset-results table thead th {
  padding: 10px;
}
#resultset-container .resultset-results table tbody tr td {
  max-width: 600px;
  font-size: 14px;
  padding-right: 20px;
  padding: 10px;
}
#resultset-container .resultset-results table tbody tr:nth-child(even) {
  background: #eaeaea;
}
#resultset-container .banner {
  background-color: #eaeaea;
  padding: 0px 5px;
  height: 30px;
  margin: 20px auto;
}
#resultset-container .banner .feedback-container {
  float: left;
}
#resultset-container .banner .paging-container {
  float: right;
}
#resultset-container .banner .paging-container a {
  margin-right: 5px;
  color: #000;
}
#resultset-container .banner .paging-container a.selected {
  font-weight: bold !important;
  text-decoration: underline !important;
}
#resultset-container .banner .clear {
  display: none;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}
/* IE7 */
/*
==============================================================================
**
** TYPOGRAPHY
**
** SCOPE: 		GLOBARL
** REVISION:	0.1
** DATE:		03/21/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** FONTS:


** NOTES:




** TODO:		Connect up LESS variables

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






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
input {
  font-family: 'Lato', sans-serif;
}
body {
  font-family: 'Lato', sans-serif;
  line-height: 25px;
  color: #292a2a;
  -moz-hypens: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', sans-serif;
  font-weight: lighter;
  line-height: 1;
  color: #333;
  margin: 0;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
}
h1 {
  font-size: 36px;
  line-height: 41.25px;
  font-weight: bolder;
  /* text-transform: capitalize; */
  margin: 0 0 10px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 37.5px;
}
h2 small {
  font-size: 18px;
}
h3 {
  font-size: 20px;
  line-height: 37.5px;
}
h3 small {
  font-size: 14px;
}
h4,
h5,
h6 {
  line-height: 25px;
}
h4 {
  font-size: 18px;
}
h4 small {
  font-size: 12px;
}
h5 {
  color: #555555;
  font-family: Arial, sans-serif;
  font-size: 17px !important;
  line-height: 23px;
  margin-bottom: 20px;
}
h6 {
  font-size: 15px;
  color: #b8b7b0;
  text-transform: uppercase;
}
p,
ul,
ol,
dl,
blockquote,
td {
  -moz-hyphens: none !important;
  font-size: 16px;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual;
}
#main p {
  color: #555555;
}
article ul li::before {
  /*
	display:block;
	float: left;
	content: "";
	border: 3px solid @link-color;
	height: 0;
	width: 0;
	margin: 8px 0 0 -15px;
*/
}
.first-para {
  font-size: 20px;
  line-height: 37.5px;
  margin: 15px 0 35px 0;
}
/*social icon fonts

docs here : http://www.socicon.com/how.php


 */
@font-face {
  font-family: 'socicon';
  src: url('/styles/fonts/social/socicon-webfont.eot');
  src: url('/styles/fonts/social/socicon-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/social/socicon-webfont.woff') format('woff'), url('/styles/fonts/social/socicon-webfont.woff2') format('woff2'), url('/styles/fonts/social/socicon-webfont.ttf') format('truetype'), url('/styles/fonts/social/socicon-webfont.svg#sociconregular') format('svg');
  font-weight: normal;
  font-style: normal;
  text-transform: initial;
}
.socicon {
  font-family: 'socicon' !important;
}
.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'socicon';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.socicon:empty {
  width: 1em;
}
.socicon-twitter:before {
  content: "a";
}
.socicon-facebook:before {
  content: "b";
}
.socicon-google:before {
  content: "c";
}
.socicon-pinterest:before {
  content: "d";
}
.socicon-foursquare:before {
  content: "e";
}
.socicon-yahoo:before {
  content: "f";
}
.socicon-skype:before {
  content: "g";
}
.socicon-yelp:before {
  content: "h";
}
.socicon-feedburner:before {
  content: "i";
}
.socicon-linkedin:before {
  content: "j";
}
.socicon-viadeo:before {
  content: "k";
}
.socicon-xing:before {
  content: "l";
}
.socicon-myspace:before {
  content: "m";
}
.socicon-soundcloud:before {
  content: "n";
}
.socicon-spotify:before {
  content: "o";
}
.socicon-grooveshark:before {
  content: "p";
}
.socicon-lastfm:before {
  content: "q";
}
.socicon-youtube:before {
  content: "r";
}
.socicon-vimeo:before {
  content: "s";
}
.socicon-dailymotion:before {
  content: "t";
}
.socicon-vine:before {
  content: "u";
}
.socicon-flickr:before {
  content: "v";
}
.socicon-500px:before {
  content: "w";
}
.socicon-instagram:before {
  content: "x";
}
.socicon-wordpress:before {
  content: "y";
}
.socicon-tumblr:before {
  content: "z";
}
.socicon-blogger:before {
  content: "A";
}
.socicon-technorati:before {
  content: "B";
}
.socicon-reddit:before {
  content: "C";
}
.socicon-dribbble:before {
  content: "D";
}
.socicon-stumbleupon:before {
  content: "E";
}
.socicon-digg:before {
  content: "F";
}
.socicon-envato:before {
  content: "G";
}
.socicon-behance:before {
  content: "H";
}
.socicon-delicious:before {
  content: "I";
}
.socicon-deviantart:before {
  content: "J";
}
.socicon-forrst:before {
  content: "K";
}
.socicon-playstore:before {
  content: "L";
}
.socicon-zerply:before {
  content: "M";
}
.socicon-wikipedia:before {
  content: "N";
}
.socicon-apple:before {
  content: "O";
}
.socicon-flattr:before {
  content: "P";
}
.socicon-github:before {
  content: "Q";
}
.socicon-chimein:before {
  content: "R";
}
.socicon-friendfeed:before {
  content: "S";
}
.socicon-newsvine:before {
  content: "T";
}
.socicon-identica:before {
  content: "U";
}
.socicon-bebo:before {
  content: "V";
}
.socicon-zynga:before {
  content: "W";
}
.socicon-steam:before {
  content: "X";
}
.socicon-xbox:before {
  content: "Y";
}
.socicon-windows:before {
  content: "Z";
}
.socicon-outlook:before {
  content: "1";
}
.socicon-coderwall:before {
  content: "2";
}
.socicon-tripadvisor:before {
  content: "3";
}
.socicon-appnet:before {
  content: "4";
}
.socicon-goodreads:before {
  content: "5";
}
.socicon-tripit:before {
  content: "6";
}
.socicon-lanyrd:before {
  content: "7";
}
.socicon-slideshare:before {
  content: "8";
}
.socicon-buffer:before {
  content: "9";
}
.socicon-rss:before {
  content: ",";
}
.socicon-vkontakte:before {
  content: ";";
}
.socicon-disqus:before {
  content: ":";
}
.socicon-houzz:before {
  content: "+";
}
.socicon-mail:before {
  content: "@";
}
.socicon-patreon:before {
  content: "=";
}
.socicon-paypal:before {
  content: "-";
}
.socicon-playstation:before {
  content: "^";
}
.socicon-smugmug:before {
  content: "¨";
}
.socicon-swarm:before {
  content: "$";
}
.socicon-triplej:before {
  content: "*";
}
.socicon-yammer:before {
  content: "&";
}
.socicon-stackoverflow:before {
  content: "(";
}
.socicon-drupal:before {
  content: "#";
}
.socicon-odnoklassniki:before {
  content: ".";
}
.socicon-android:before {
  content: "_";
}
.socicon-meetup:before {
  content: "]";
}
.socicon-persona:before {
  content: ")";
}
#asides {
  font-size: 13px;
}
#asides h1,
#asides h2,
#asides h3,
#asides h4,
#asides h5,
#asides h6 {
  color: #333;
}
#asides h1 {
  font-size: 22px;
  margin-bottom: 14px;
}
#asides p,
#asides ul,
#asides ol,
#asides dl {
  font-size: 14px;
  line-height: 1.2;
}
#asides li,
#asides ol,
#asides dl {
  margin-bottom: 5px;
}
/*
** 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) {
  h1 {
    font-size: 28px;
    line-height: 1;
  }
  .first-para {
    margin: 10px 0;
    line-height: 1.4;
  }
  #container ul,
  ol,
  dl,
  blockquote {
    font-size: 14px;
    line-height: 1.3;
  }
  blockquote {
    padding: 0;
    margin: 5%;
  }
  #container ul {
    padding: 0 0 0 6%;
  }
}
#featured #featured-area.carousel{
padding-bottom: 2rem;
height: 551px;
display: table;
width: 100%;
}

#featured #featured-area.carousel .carousel-inner iframe{
  width: 100%;
  height: 551px;
}

#featured #featured-area .carousel-indicators{
bottom: -15px;
}
#featured #featured-area .carousel-indicators li{
  width: 15px;
  height: 15px;
  border: 1px solid #b7b291;
}

#featured #featured-area .carousel-indicators .active{
  width: 17px;
  height: 17px;
  background-color: #b7b291;
}

@media(max-width:860px){

  #featured #featured-area.carousel{
    height: 480px;
  }

  #featured #featured-area.carousel .carousel-inner iframe{
    height: 480px;
  }

}

@media(max-width:767px){

  #featured #featured-area.carousel{
    height: 430px;
  }

  #featured #featured-area.carousel .carousel-inner iframe{
    height: 430px;
  }

}

@media(max-width:767px){

  #featured #featured-area.carousel{
    height: 430px;
  }

  #featured #featured-area.carousel .carousel-inner iframe{
    height: 430px;
  }

}

@media(max-width:600px){

  #featured #featured-area.carousel{
    height: 330px;
  }

  #featured #featured-area.carousel .carousel-inner iframe{
    height: 330px;
  }

}

@media(max-width:500px){

  #featured #featured-area.carousel{
    height: 280px;
  }

  #featured #featured-area.carousel .carousel-inner iframe{
    height: 280px;
  }

}

#listblocks .header{

  background-image: url(../../styles/img/CSA-Banner-Purple.jpg);
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 100%;
  
}


#infopage .header{

  background-image: url(../../styles/img/CSA-beige-banner.jpg);
  background-color: transparent;
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  float: left;
  height: 205px;
  position: relative;
  width: 100%;
  
}

#infopage .snippetitem{
  padding: 2rem 0;
}




#infopage .snippetitem .nav-tabs{
  border: 0;
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}

#infopage .snippetitem .nav-tabs .nav-item{
display: table-cell;
float: none;
}

@media(max-width:767px){
  #infopage .snippetitem .nav-tabs .nav-item{
      display: block;
    }
}

#infopage .snippetitem .nav-tabs .nav-item .nav-link{
  margin-right: 0;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1rem;
  font-size: 16px;
  text-align: center;
  line-height: auto;
  border: 0;
  border-radius: 0;
  display: block!important;

}

@media(max-width:800px){
  #infopage .snippetitem .nav-tabs .nav-item .nav-link{
    font-size: 14px;
  }
}

@media(max-width:767px){
  #infopage .snippetitem .nav-tabs .nav-item .nav-link{
    font-size: 16px;
  }
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link{
  background-color: #8cbac3;
  color: white;
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link1{
  background-color: #b9b291;
  color: white;
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link2{
  background-color: #2a2a2a;
  color: white;
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link3{
  background-color: #8cbac3;
  color: white;
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link4{
  background-color: #eaeaea;
  color: #616161;
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link5{
  background-color: #b9b291;
  color: white;
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link6{
  background-color:  #2a2a2a;
  color: #616161;
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link7{
  background-color: #8cbac3;
  color: white;
}

#infopage .snippetitem .nav-tabs .nav-item.active .nav-link8{
  background-color: #eaeaea;
  color: white;
}

#infopage .snippetitem .tab-content .tab-pane{
  padding-top: 2rem;
  border-top: 1px solid transparent;
  padding-bottom: 2rem;
  border-bottom: 5px solid transparent;
}

#infopage .snippetitem .tab-content .tab-pane.active{
  border-top: 1px solid #8cb9c3;
  border-bottom: 5px solid #8cb9c3;

}

#infopage .snippetitem .tab-content .tab-pane1.active{
  border-top: 1px solid #b9b291;
  border-bottom: 5px solid #b9b291;
}

#infopage .snippetitem .tab-content .tab-pane2.active{
  border-top: 1px solid #DDE2ED;
  border-bottom: 5px solid #DDE2ED;
}

#infopage .snippetitem .tab-content .tab-pane3.active{
  border-top: 1px solid #8cb9c3;
  border-bottom: 5px solid #8cb9c3;
  
}

#infopage .snippetitem .tab-content .tab-pane4.active{
  border-top: 1px solid #2a2a2a;
  border-bottom: 5px solid #2a2a2a;
  
}

#infopage .snippetitem .tab-content .tab-pane5.active{
  border-top: 1px solid #b9b291;
  border-bottom: 5px solid #b9b291;
}

#infopage .snippetitem .tab-content .tab-pane6.active{
  border-top: 1px solid #DDE2ED;
  border-bottom: 5px solid #DDE2ED;
}

#infopage .snippetitem .tab-content .tab-pane7.active{
  border-top: 1px solid #8cb9c3;
  border-bottom: 5px solid #8cb9c3;
  
}

#infopage .snippetitem .tab-content .tab-pane8.active{
  border-top: 1px solid #2a2a2a;
  border-bottom: 5px solid #2a2a2a;
  
}


#main .issueslist{
  margin: 1em 0 40px;
  padding: 0!important;
}

#listblocks	.block{
  
		margin-bottom: 30px;
		background-color: #fff;
		width: 100%;
		display: table;
		height: 150px;
}


	
#listblocks	.block	.desc{
			display: none;
      padding: 20px;
}
			
#listblocks	.block	.desc	p{
      width: 100%;
      margin:0px;
}

#listblocks	.block a{
      width: 100%;
			width: 100%;
			padding: 15px;
			font-size: 26px;
			font-weight: 900;
			vertical-align: middle;
			display: table-cell;
      color: #8cb9c3;
      border: 2px solid #8cb9c3;
			background-color: #fff;
			transition: all .2s ease-in-out;
}

#listblocks	.block a:hover{
				text-decoration: none;
				transform: translate(-10px,-10px);

}

#listblocks	.block	a	> img {
				float: left;
      }

#listblocks	.block	a	.media-heading{
				text-transform: uppercase;
        position: relative;
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 30px;
        color: #8cb9c3;
}

#listblocks	.block	a	.media-heading.noimg{
				width: 100%;
				text-align:center;
        display: block;
        line-height: 1.2;
      
			}
  #listblocks	.block	a		.media-heading.withimg{
    left:20px;
    display: block;
    width: 75%;
    line-height: 1.2;
  
  }

	

    #listblocks	.block:hover{
  
			background-color: #333;
    }
    
    #listblocks	.block:hover a{
      background-color: #8cb9c3;
    }

    #listblocks	.block:hover a .media-heading{
      color: white;
    }

    #listblocks	.block.noimg a{
	
				height: auto;
				min-height: 95px;
			}

.pronounstext{
  width: 71%;
  display: block;
  float: right;
  padding-top: 5px;
}

.castsforitems input[type="checkbox"]{
  margin-left: 0;
  float: none;
}

.castsforitems label{
  float: none;
    padding: 0;
    position: relative;
    top: 1px;
    width: 21%;
    padding-left: 1.5rem;
}

.castsforitems .initial{
  width: 28%;
  padding-left: 0;
}

.castsforitems.selfidentify label{
  float: none;
    padding: 0;
    position: relative;
    top: 1px;
    width: 100%;
    padding-left: 1.5rem;
}

.castsforitems.selfidentify .initial{
  width: 100%;
  padding-left: 0;
}


h2 .pronouns{
  font-size: 16px;
  font-style: italic;
  padding-left: 1rem;
}

.checkbox.identify input[type="radio"],.checkbox.identify input[type="checkbox"] {
  border: none;
  float: left;
  height: 15px;
  width: 4%;
  display: block;
  margin: 0.15em 0.5em auto 0.1em;
}

.checkbox.identify label{
  float: none;
  padding: 0;
  position: relative;
  top: 1px;
  width: 100%;
}

.checkbox.jobposting label{
  width: 15%;
}


#site-search .findmember{
  color: #000;
  text-decoration: none;
}
#site-search .findmember:hover{
  color: #000;
  text-decoration: underline;
}
/*# sourceMappingURL=common.css.map */


.director-blog {
display: block
}

.director-blog .blog_entry .videoarea{
  display: block;
  padding-bottom: 2rem;
}

.director-blog .blog_entry .bodyareatop{
  display: block;
  padding: 1rem 0;
}

.director-blog .blog_entry .videoarea .castingiframe{
  display: block;
  padding-top: 56%;
  position: relative;
  width: 100%;
  height: 100%;
}

.director-blog .videoarea .castingiframe iframe{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.director-blog .blog_entry .title{
  font-size: 1.8rem;
  display: block;
  width: 100%;
}

.director-blog .blog_entry .byline{
  display: block;
  width: 100%;
  font-style: italic;
}

.director-blog .blog_entry .agentimage{
  display: block;

}

.director-blog .blog_entry .agentimage .imageblockarea{
  display: block;
    position: relative;
    padding-top: 100%;
}

.director-blog .blog_entry .agentimage .imageholder{
  background-position: center;
  display: block;
  overflow: hidden;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


.director-blog .blog_entry .nomination{
  padding-top: 2rem;
  display: table;
  width: 100%;
}

.director-blog .blog_entry .nomination .bodyarea{
  display: block;
  padding-top: 1rem;
}

#featuredbanner{
  position: relative;
}

#featuredbanner .item{
  background-size: cover;
  background-position: center top;
  height: 100%;
  width: 100%;
  padding-top: 65%;

}

#featuredbanner .owl-nav{

  position: absolute;
  top: 45%;
  width: 100%;
  display: block;
  left: 0;
  right: 0;
}


#featuredbanner .owl-nav .owl-prev{
  position: absolute;
  left: 0;
  font-size: 140px;
  color: white;
}

#featuredbanner .owl-nav .owl-prev:hover{
  color: #8cb9c3;
}

#featuredbanner .owl-nav .owl-next{
  position: absolute;
  right: 0;
  font-size: 140px;
  color: white;
}

#featuredbanner .owl-nav .owl-next:hover{
color: #8cb9c3;
}