/*
-----------------------------------------------
Boston College Social Media page (Student Affairs) Base Style Sheet
Author:   Kul Thapa
Date:     21 Feb 2013
----------------------------------------------- */

/* ------------------------------------------------------

/

/          FIXES FOR DESIGN MODE PROBLEMS

/

------------------------------------------------------- */

.x-tab-panel label {

    display: inline;}

.x-tab-panel legend {

    margin-bottom: 0px;}
    

.x-table-layout-cell.cq-multifield-itemct { width:95% !important}


/*

/* # GLOBAL STYLES */

body {
    background-color:#fff;
    font-size: .65em;
    font-family:"Helvetica Neue" ,Helvetica, Arial, sans-serif;
    padding: 0;

}

#main .container, #footer_bottom .container, #footer_top .container, #header .container, #topnavigation .container, #highlight_top .container, #highlight_bottom .container{
    max-width: 960px;
    position: relative;
} 

#main { 
    padding: 30px 0 ;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 960px;
}

.container.maxwidth, #main .container.maxwidth {
    max-width: 100%;
    width: 100%;
}

section#highlight_top .container.maxwidth, section#highlight_top .container.maxwidth #featured {
    padding: 0;
    margin: 0;
}

.center {
    margin: 0 auto;
}

.left{
    float:left;
}

.right{
    float:right;
}

.pull-top {
    margin-top: -50px;
}

li p{
    margin: 0;
}

.hidden {
    display: none;
}

ul.horizontal li{
    list-style: none;
    display: inline;
    padding-left: 10px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

.pagination {
    clear: both;
    font-size: 1.2em; 
    padding-top: 20px;
}

.contentpadding{
    padding-left: 4%;
    padding-right: 4%;
    width: 92%;
}

.no_top_padding {
    padding-top: 0!important;
}

.no_right_padding {
    padding-right: 0!important;
}

.no_bottom_padding {
    padding-bottom: 0!important;
}

.no_left_padding {
    padding-bottom: 0!important;
}

.contentheader {
    border-image: none;
    /*border-top: #EEEEEE 3PX DOUBLE;*/
    margin-top: 15px;
    position:relative;
    z-index:100;
}

.clear {
    clear: both;
    display: block;
}

.nav-tabs > li  {
    font-size: 1.2em;
    
}
.tab-content > .active, .pill-content > .active {
    display: block;
    font-size: 1.3em;
    min-height: 450px;
}

.tab-content ul {
    list-style: none outside none;
    min-height:6em
}

.tab-content ul li {
    padding:4px 0;

}
.tab-content  ul li i {
    color: #999999;
    color: #999999;
    font-size: 1.6em;
    line-height: 1em;
}

.tab-content #platform  ul li i {
     font-size: 2.5em;
    line-height: 1.5em;
    
    }
.tab-content  ul li i.icon-facebook-sign{
    color: #3e62a8
}
.tab-content  ul li i.icon-twitter-sign{
    color: #28aae1
}
.tab-content ul li i.icon-google-plus-sign{
    color: #e66249
}
.tab-content  ul li i.icon-pinterest-sign{
    color: #d43634
}
.tab-content  ul li i.icon-linkedin-sign{
    color: #4E9BC4;
}

.icon-flickr-sign:before { 
content: "\f030"; 
}
.tab-content  ul li i.icon-flickr-sign{
    color: #FF0084;
    font-size: 1.5em;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ECECEC;
    
}
/* Navbar */
.navbar-inverse .navbar-inner {
    background-color: transparent;
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-repeat: repeat-x;
  border-color: #ffffff;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);*/
  filter: none;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none /* 0 1px 10px rgba(0, 0, 0, 0.1)*/;
}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    border-radius: 0 0 0 0;
    padding-left: 0;
    padding-right: 0;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    border-width: 0 0 1px;
}
.navbar-inner {
    min-height: 40px;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #FFFFFF;
    color: #222222;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    box-shadow: none;
    text-decoration: none;
}
.navbar .nav > li > a {
    float: none;
    padding: 18px 14px;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    text-shadow: none;
}

.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #990000;
  background-color: transparent;
}

.navbar .nav {
    display: block;
    float: right;
    left: 0;
    margin: 0 25px 0 0;
    position: relative;

}

/* ## TYPE  */

p {
    font-size: 1.4em;
    line-height: 1.5em;
    margin: 10px 0;
}

.expander .details p {
    display: inline;
}

.textcenter {
    text-align: center;
}

.largetext {
    color:#111;
    font-size: 1.5em;
}

.georgia {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
}

.helvetica { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.darkgrey{
    color:#333;
}

.lightgrey{
    color:#999;
}

.medgrey{
    color:#666;
}

.gold {
    color: #bd9b6b;
}

.white {
    color: #fff;
}

a {
    color:#7d0001;
}

a:hover {
    color: #5e0102;
    text-decoration: none;
}

blockquote {
    border-left:none;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-weight: normal;
    font-style: italic;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 10px 5%;
}

blockquote p {
    font-size: 14px;
}

#quote blockquote{
    color:#000;
    margin: 0 auto;
    width: 75%;
}

#quote blockquote p{
    color:#000;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 0;
}

#quote small{
    color:#000;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

#quote .rightquote, #quote .leftquote{
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0;
    padding: 0;
}

#quote .leftquote{
     color: #e0dddd;
     float: left;
     font-size: 700%;
     height: 45px;
     margin-top: -20px;
     margin-bottom: -50px;
     margin-left: -50px;
     padding-top: 45px;
}
 
#quote .rightquote {
     color: #e0dddd;
     float: right;
     font-size: 700%;
     height: 25px;
     margin-top: 0px;
     padding-top: 45px; 
}

/* Images */

img.left, img.left.border {
margin: 0 15px 0 0;
float: left;
}
img.right, img.right.border {
margin: 0 0 0 15px;
float: right;
}
img.left.border, img.right.border {
border: 1px solid #ddd;
background: #ececec;
padding: 4px;
}
.mixfeed img {
border: 1px solid #ddd;
background: #ececec;
padding: 4px;
margin: 0 0px 20px;
display: block;
}

.whitebox, .calloutbox {
    background:#fff;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-style: solid;
    border-width: 1px;
    border-radius:5px 5px 5px 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
      -moz-box-shadow:   0 2px 6px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow:   0 2px 6px rgba(0, 0, 0, 0.2);
    word-wrap:break-word;
    padding: 20px;
    margin-bottom: 10px;
      margin-top: 30px;
}

.whitebox.feature, .calloutbox.feature {
background: #e3ddcb;
padding-bottom: 40px;
}

.feedlist{
margin: -20px 0 20px; 
padding: 20px
}

blockquote.twitter-tweet {
    border-left: medium none;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.5em;
    padding:0 5%;
}

blockquote.twitter-tweet p{
 font-size: 16px;
line-height: 25px;
    font-style: italic;
}

.standalone-tweet {
    background: transparent !important
}

#twitter-widget-0 {
    border: none;
    box-shadow: none;
}
.feature .btn {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 13px;
}

/* ### HEADINGS */

h1, h2, h3, h4, h5, h6 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight:normal;
    line-height: 1.2em;
}

h1 {font-size: 3em;}
h2 {font-size: 2.5em;}
h3 {font-size: 2.2em;}
h4 {font-size: 1.8em;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.4em;}

h1 small, h4 .small {
    color: cccccc;
    font-size:.4em;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:3.7em;
}

h1.header {
    margin-bottom: 0;
}

h2.subheader {
    color: #999;
    font-size: 1.8em;
    margin-top: 0;
}

#home h2{
    margin-bottom: 0;
    padding-top: 17px;
}


#home h4 {
    margin-bottom: 0;
}

.date {
    color: #999;
    letter-spacing: 1px;
    font-weight:800;
    font-size: 1.1em;
    text-transform:uppercase;
}
h1.title {
    
    color: #B0A079;
    font-family: arial;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin-left: 11px;
    margin-top: 5px;
    text-transform: uppercase;
    }
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #EBE5D9;
  border-bottom: 1px solid #ffffff;
}
/* ## ROWS & COLUMNS */

.row-fluid [class*="span"] {
    min-height: 1.5em;
}

div.row-fluid.contentpadding { 
    width:92%;
}


.row-fluid [class*="span"].pull-right{
    float:right;
}

.equalheight_container {
    overflow: 0!important;
}

.equalheight_column {
    margin-bottom: -99999px!important;
    padding-bottom: 99999px!important;
}

/*-------------------------------------------------------------------------------------------------*/


/* # PAGE STRUCTURE SECTIONS */


/* ## HEADER  */

section#header {
    box-shadow: 0 2px 10px rgba(168, 145, 84, 0.4);
   background: transparent url(/etc/designs/bc/dsa_social/template_images/header_tile.png) repeat-x 0 -27px;
}

#header nav#topnavigation{
    background: transparent;
    min-height: 3.5em;
}

#branding {
    margin-left: 0;
    position: relative;
    /*z-index: 333333;*/    
}

.row-fluid [class*="span"]#branding {
    margin-left: 0px;
}

 #utilitynav .span12 {
 background: #660000;
 margin-bottom: 30px;
 
 }

#utilitynav.span12 {
    margin: 0px auto;
    height: auto;
    padding: 0 ;
    position: relative;
    width: 960px;
 float: none;

  }
 
 
 #utilitynav ul {
    list-style: none outside none;
    margin: 0;
}
#quicklinks ul {
    float: right;
    padding-top: 5px;
    position: relative;
    text-align: 
}
 #quicklinks .socialicons {
 font-size: 2.2em;
 margin-right: 8px
 } 
 
  #quicklinks .socialicons li{
    display: inline-block;
    height: 20px;
    width: 20px;
    padding-left: 0px;
    padding-right: 13px;
    line-height:1.1em;
 } 
 
 #quicklinks .socialicons li a {
    color: #DBC593;
}
 li.nopad {
  padding-right: 0px;
  }
  
 #quicklinks ul.socialicons i{ /* sm  */
    background: none repeat scroll 0 0 #EFEFEF;
    border-radius: 4px 4px 4px 4px;
    color: #BD5757;
    height: 24px;
    line-height: 27px;
    width: 22px;
    border-radius: 4px 4px 4px 4px\9;
}

#quicklinks ul.socialicons i:hover{ /* sm  */
     background: none repeat scroll 0 0 #BD5757;
    color: #ffffff;
}

/* ### QUICK LINKS  */

#quicklinks {
    display: block;
    margin-top: 0px;
    width: 100%;
}

#quicklinks ul{
    float: right;
    padding-top: 5px;
    position: relative;
    text-align:right;
    /*height: 40px;*/
    display: inline-table;
    
}

#quicklinks li{
    color: #DBC593;
    display: inline;
    font-family: arial,verdana;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2.2em;
    text-decoration: none;
    right: 2em;
    padding: 0 13px;
}

#quicklinks li a {
    color: #ffffff;
}
#quicklinks .socialicons li a:hover {
    color: #ffffff;
}

#header nav#quicklinks li:first-child {
    /*border-left: none;*/
}
/* ### SEARCH  */

input.search-query {
    border-radius: 18px;
     padding-left: 14px;
   /*padding-right: 14px;*/
    background: #ffffff;
    height: 28px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
}
.input-large {
    width: 100%;
    height: 28px;
}
#searchmobile {
    right: 32px;
    width: 96%;
    *width: 200px;
    }

#search {
    position: relative;
    padding: 5px 0!important;
    width: 100%;
}

.form-search {
    margin-bottom: 0;
    position: relative;
}
  
.form-search .search-query {
    padding: 4px 15px!important;
    padding-top: 10px\9;
}

 .form-search input[type="text"]{
    border: solid 2px #fff!important;
}

.form-search input[type="text"]:focus, .form-search input[type="text"].focused {
    border: solid 2px #c3e2fd!important;
    box-shadow:0 0 0 5px 3px rgba(51, 0, 0, 0.5);
      -moz-box-shadow: 0 0 0 5px 3px rgba(51, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 0 5px 3px rgba(51, 0, 0, 0.5);
}

 .searchsubmit {
    background: url("/past/etc/designs/bc/dsa_social/template_images/search_icon.png") no-repeat scroll 10px 10px transparent;
    border: 0 none !important;
    box-shadow: none;
    cursor: pointer;
    float: right;
    height: 36px;
    line-height: 9999px;
    overflow: hidden;
    padding: 0;
    position: relative;
    right: -28px;
    margin-right: 20px\9;
    text-indent: -999px !important;
    top: -42px;
    width: 34px !important;
    z-index: 1;
}
    

.form-search:hover .searchsubmit, .searchsubmit:hover {
    background: url("/past/etc/designs/bc/dsa_social/template_images/search_icon_hover.png") no-repeat scroll 10px 10px transparent;
}

input[type="text"].search-query {
    color: #999;
}

input[type="text"].search-query:hover {
    color: #333;
}

.searchsubmit:hover {
    opacity: 10%;
}

.icon-search:before {
    content: none;
}


#search label {
    margin-bottom: 5px;
    text-indent: -9999px;\
}

.navbar-form {
  padding: 0px;
}

ul.nav li.right { 
width: 200px
}


/* ## FOOTER  */

#footer {
    color: #222;
    position: relative;
    z-index: 5;
    background: url(/etc/designs/bc/dsa_social/template_images/bcseal_footer.png) no-repeat scroll -84px -43px #e2d9c4;
}

#footer a{
    text-decoration: none;
}

#footer a:hover{
    color:#fff;
}

#footer .borderleft{
    border-left: solid #5b0000 2px;
    padding-left: 25px;
}

#footer p{
    color:#222;
    line-height: 1.4em; 
}

#footer_top  {
   background-color: transparent;
  /* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3c5a3), to(#e2d9c4));
   background-image: -webkit-linear-gradient(top, #d3c5a3, #e2d9c4);
   background-image:    -moz-linear-gradient(top, #d3c5a3, #e2d9c4);
   background-image:     -ms-linear-gradient(top, #d3c5a3, #e2d9c4);
   background-image:      -o-linear-gradient(top, #d3c5a3, #e2d9c4);*/
   min-height: 8em;
   padding: 20px 0;
}

#footer_top ul {
    font-size: 1.2em;
    list-style: none;
    margin: 0;
}

#footer_bottom  {
    background-color: #000;
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
    padding: 10px 0;
}

#footer_bottom p{
    font-size: 1.1em;
    color: #CCC;
}

#footer_bottom a{
    color:#fff;
    text-decoration: none;
}

#footer #footer_bottom p{
    font-size: 1.2em;
    color: #eee;
}

#footer_bottom p.copyright {
    text-align: right;
}

#footer_bottom p.pull-right {
text-align: right
}

#footer hr {
    border: #5b0000;
    background: #5b0000;
}

#footer .accordion-heading {
    background: #4b0101;
    text-transform: uppercase;
}

#footer .accordion-group {
    border: 1px solid #4b0101;
}

#footer .accordion-inner {
    border-top: 1px solid #4b0101;
    background: #5B0000;
}

#footer_top ul {
    margin: 10px 0;
}

#footer_top li {
    color: #e4dbc0;
    /*margin: 5px 0;*/
}

#footer_top ul.socialicons li {
    line-height: 30px;
    float: left;
}

#footer_top ul.socialicons i{ /* sm  */
    color: #999;
    font-size: 2.5em;
}

#footer_top a:hover, #footer_top a:hover i {
    color: #990000;
}


.navbar-fixed-top, .navbar-fixed-bottom {
    left: 0;
    margin-bottom: 0;
    position: relative;
    right: 0;
    z-index: 1030;
    font-size: 1.3em;
    color: #222;
    float: right\9;
}


/* Slideshow controls */
.carousel-control {
    background: /*url("/past/etc/designs/bc/dsa_social/template_images/slideshow_control.png") no-repeat*/ scroll -6px -3px #666666;
    border: 3px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 100;
    height: 40px;
    left: 15px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 0.4;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 40px;
    }

.carousel-control.right {
    background: /*url("/past/etc/designs/bc/dsa_social/template_images/slideshow_control.png")*/ no-repeat scroll -64px -3px #666666;
    left: auto;
    right: 15px;
    }

/* # CHANGES */

/** #ACCESSABILITY TEST CHANGES **/

.collapse {
    overflow: hidden !important;
    visibility:visible;
}



/*UDL Accessibility position*/
.access-content {
    left: -9999em;
    overflow: hidden;
    position: absolute;
    width: 1em;
}

.screenreader {
    display: block;
    height: 0;
    left: -9999em;
    overflow: hidden;
    position: absolute;
    width: 1em;
}

 .span6 {
   /* width: 42%;*/
  }


@media screen and (max-width: 979px) {
  body > .container:first-child  {
  width: 100%;
  padding: 0;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  #utilitynav .span12 {
    padding: 0px 0 20px;
  }
   .span6 {
    width: 42%;
  }
  .span7 {
    width: 540px;
}
.input-large {
    width: 95%;
    height: 28px;
}

}

@media screen and (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
    body > .container:first-child  {
  width: 100%;
  padding: 0;
  }
  #searchmobile {
    width: 100%;
}
  .navbar-fixed-top {
    float: clear;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  #utilitynav .span12 {
    padding: 0px 0 20px;
  }
 .span6 {
    /*width: 42%;*/
  }
  #footer_bottom p.pull-right {
    float: none;
  }
  
  .searchsubmit {
    height: 35px;
    right: 12px;
    top: -41px;
    margin-right: 20px\9;
}
input.search-query {
        background: none repeat scroll 0 0 #FFFFFF;
        border-radius: 18px;
        height: 37px;
}

 #footer_bottom {
    background-color: #000000;
    opacity: 0.5;
    padding: 10px 0;
    }
div.parsys_column div.parsys_column{
        border: 0!important;
        padding: 0!important;
        margin-bottom: 0!important;
        width: 100%!important;
    }
}


@media screen and (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 960px;
  }
  .span12 {
    width: 960px;
  }
  .span11 {
    width: 760px;
  }
  .span10 {
    width: 721px;
  }
  .span9 {
    width: 682px;
  }
  .span8 {
    width: 643px;
  }
  .span7 {
    width: 540px;
  }
  .span6 {
    /*width: 42%;*/
  }
  .span5 {
    width: 388px;
  }
  .span4 {
    width: 350px;
  }
  .span3 {
    width: 311px;
  }
  .span2 {
    width: 272px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .input-large {
    width: 100%;
    height: 28px;
}

}

@media screen and (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  h1.title {
    font-size: 1.25em;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  
    .navbar-fixed-top {
    float: right;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    /*width: 40%;*/
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  #utilitynav .span12 {
    padding: 0px 0 20px;
  }
#footer_bottom {
background-color: #000000;
    opacity: 0.5;
    padding: 10px 0;
  }
.input-large {
    width: 95%;
    height: 28px;
}
}

@media screen and (max-width: 767px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
   margin-left: -20px;
  }
  
  body > .container:first-child  {
  width: 100%;
  padding: 0;
  }
  #utilitynav.span12 {
  width: 100%;
  } 
  #quicklinks ul {
    padding-top: 0;
    }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
    #utilitynav .row-fluid .span12 {
    padding: 5px 0 8px;
    height: auto;
    display: inline-table;
  }
  .nav-collapse .nav {
    width: 94%;
  }
 #footer_bottom {
background-color: #000000;
    opacity: 0.5;
    padding: 10px 0;
    }
    #footer_bottom p.pull-right {
    float: none;
    text-align: left;
   }
  .input-large {
    width: 100%;
    height: 28px;
  }
 }

@media screen and (max-width: 480px) {
  body > .container:first-child  {
  width: 100%;
  padding: 0;
  }
   section#header {
   background: transparent url(/etc/designs/bc/dsa_social/template_images/header_tile.png) repeat-x 0 -5px;
} 
  #utilitynav .row-fluid .span12 {
    padding: 10px 0 8px;
    height: auto;
    /*display:none;*/
  } 
  #quicklinks ul {
  text-align: center;
  float: none !important;
  }
  #quicklinks li {
    line-height: 1.2em;
    padding: 0 9px;
    text-decoration: none;
    position: static;
    font-size: 1.2em;
    right: none;
}
#branding {
    margin-left: 0;
    text-align: center;
}
.searchsubmit {
    right: 4px;
}

ul.nav li.right {
    width: 100%;
}
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left,
  .media .pull-right,
  .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
 /* .carousel-caption {
    position: static;
  }*/
    #footer_bottom p.pull-right {
    float: none;
    text-align: left;
   }

}

@media screen and (max-width: 979px) {
  body {
    padding-top: 0;
  }
  body > .container:first-child  {
  width: 100%;
  }
  #utilitynav.span12 {
  width: 100%;
  } 
ul.nav li.right {
    width: 100%;
}
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    float: clear;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    background: none repeat scroll 0 0 #DEDEDE;
    margin: 2px 0 10px;
    padding:20px 10px 10px;
    width: 94%;
    border-radius: 5px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #333;
    background: none repeat scroll 0 0 #ECECEC;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: #bcbcbc;
    color:#fff;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  
  .navbar-inverse .btn-navbar {
  background-color: #AF0202;
  color: #AF0202;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #AF0202;
  *background-color: #AF0202;
  background-image: -moz-linear-gradient(top, #AF0202, #AF0202);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AF0202), to(#AF0202));
  background-image: -webkit-linear-gradient(top, #AF0202, #AF0202);
  background-image: -o-linear-gradient(top, #AF0202, #AF0202);
  background-image: linear-gradient(to bottom, #AF0202, #AF0202);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AF0202', endColorstr='#AF0202', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #AF0202;
  *background-color: #AF0202;
}
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }

    #utilitynav .span12 {
    margin-top: 0;
    padding: 0 30px 0 0;
  }

#footer_bottom {
    background-color: #000000;
    opacity: 0.5;
    padding: 10px 0;
}
 .nav-collapse .navbar-form {
  padding: 0;
  margin: 0px;
}

input.search-query {
    padding-left: 14px;
    padding-right: 0;
}

.input-large {
   /* width: 100%;*/
    height: 28px;
}

.searchsubmit {
right: 0px;
margin-right: 20px\9;

}
.nav-tabs > li > a {
    padding-left: 6px;
    padding-right: 6px;;
}
}

@media screen and (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
body > .container:first-child  {
  width: 100%;
  padding: 0;
  }
  .navbar-fixed-top{
  float: right;
  }

}

/* ### 3RD PARTY INTEGRATION */

/* #### TWITTER */

#twitter, twitter {
    position: relative;
}

#jstwitter, .jstwitter {
    color: #fff;
    font-size: 1.8em;
    margin-top: 15px;
    line-height: 2em;
    font-family: Georgia;
    font-style: italic;
}

 #jstwitter, .jstwitter {
    color: #333;
}
        
#jstwitter .tweet, .jstwitter .tweet {
    margin: 0 auto 10px ;
    padding: 0 0 15px 0;
}

 #jstwitter .tweet, .jstwitter .tweet {
    background: #e3ddcb;
    
    /*border-bottom: 2px dotted #999;*/
    padding: 2px;
}
        
#jstwitter .tweet a, .jstwitter .tweet a {
    color: #e4dbc0;
    text-decoration: none;
}

#main #jstwitter .tweet a, .jstwitter .tweet a{
    color: #990000;
    text-decoration: none;
}

#jstwitter .tweet a:hover {
    text-decoration: underline;
}
        
#jstwitter .tweet .time, .jstwitter .tweet .time {
    color: #fff;
    font-size: .8em;
    font-style: italic;
}

 #twitter  .time, .jstwitter .tweet .time {
    border-top: 1px dotted #FFFFFF;
    color: #A19067;
    font-family: georgia;
    font-size: 1.2em;
    font-style: italic;
    margin-top: 12px;
}
#twitter .time .icon-twitter-sign, #jstwitter .tweet .time .icon-twitter-sign {
    color: #28AAE1;
    font-size: 1.6em;
    line-height: .8em;
    margin-right: 3px;
    }

.tweet_border_arrow {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-16px;
  left:30px;
}

 .tweet_border {
  border-color: #EBE5D9 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  left:30px;
}

.bcsocialmediafeed i.icon-twitter-sign,
.bcsocialmediafeed i.icon-facebook-sign{
font-size: 20px;
margin-right: 5px;
}

.mixfeed {
background: #fff; 
margin: 20px -20px -20px; 
padding: 0  20px 20px;
border-radius: 5px;
}

.mixfeed .time {
    color: #A19067;
    font-size: 1.2em;
    font-family: georgia;
    font-style: italic;
     margin-top: 12px;
}
 
 .mixfeed i.icon-facebook-sign, .mixfeed i.icon-twitter-sign{
   font-size: 1.62em;
    line-height: 0.9em;
    margin-right: 4px;
}

.mixfeed i.icon-facebook-sign{
    color: #3e62a8
}
.mixfeed i.icon-twitter-sign{
    color: #28aae1
}

.read-less {
margin-bottom: 10px; 
display: block;
}

a.slick-slidetoggle {
    background: none repeat scroll 0 0 #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 1.5em;
    padding: 1px 5px;
}

.read-more a:hover, .read-less a:hover {
    background: none repeat scroll 0 0 #770000;
    color: #fff;

}
    
/* Carousel base class */
 /*.carousel {
  margin-bottom: 60px;
}

 .carousel .container {
  position: relative;
   z-index: 9;
}
  .carousel .item {
  height: 360px;
}
*/
.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
 
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}
.carousel img {
   width: 100%;
   height: auto;
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F000000', EndColorStr='#7F000000');
  height: 54px;
  padding: 0 20px;
  position: absolute;
  bottom: 0px;
  line-height: 1.25;
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  text-align: left;
}

/*.carousel-caption h1,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}*/
#main #myCarousel .carousel-inner .item .container,
#main #myCarousel2 .carousel-inner .item .container {
    width: 100% !important;
}
.carousel-caption .btn {
  margin-top: 10px;
}

.btn.events, .btn-home {
    background-color: #AF0202;
    background-image: linear-gradient(to bottom, #AF0202, #770000);
     background-image: linear-gradient(to bottom, #AF0202, #770000);
     *background-color: #AF0202;
  background-image: -moz-linear-gradient(top, #AF0202, #770000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AF0202), to(#770000));
  background-image: -webkit-linear-gradient(top, #AF0202, #770000);
  background-image: -o-linear-gradient(top, #AF0202, #770000);
  background-image: linear-gradient(to bottom, #AF0202, #770000);
    
}

a.btn.events, a.btn-home   {
  color: #fff ;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}

a.btn.events:hover,
a.btn.events:active,
a.btn.btn-home:hover,
a.btn.btn-home:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #fff;
   background-color: #770000;
    background-image: linear-gradient(to bottom, #990000, #770000);
     background-image: linear-gradient(to bottom, #990000, #770000);
     *background-color: #990000;
  background-image: -moz-linear-gradient(top, #990000, #770000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#990000), to(#770000));
  background-image: -webkit-linear-gradient(top, #990000, #770000);
  background-image: -o-linear-gradient(top, #990000, #770000);
  background-image: linear-gradient(to bottom, #990000, #770000);
}

/* Font-awesome icons 
-------------------------------------------------- */
ul.the-icons{
margin:10px 0;
}
ul.the-icons li{
margin: 10px 0;
}

ul.the-icons li i.icon-facebook-sign, i.icon-facebook-sign{
    color: #3e62a8
}
ul.the-icons li i.icon-twitter-sign, i.icon-twitter-sign{
    color: #28aae1
}
ul.the-icons li i.icon-google-plus-sign, i.icon-google-plus-sign{
    color: #e66249
}
ul.the-icons li i.icon-pinterest-sign, i.icon-pinterest-sign{
    color: #d43634
}
ul.the-icons li i.icon-linkedin-sign, li i.icon-linkedin-sign{
    color: #157cbb
}


/* Directory */

ul, ol {
    margin: 0 0 10px 10px;
}
.sm-options{ 
float: right; 
border: 1px solid #d5d5d5; 
}
.sm-header { 
float: left; 
}
.sm-options li, .sm-header li { 
font-size: 1em; 
list-style: none; 
}

.sm-header, ul.sm-header { 
width: 26%; 
padding: 1px;
height: 280px;
font-size: .9em;  
}
.sm-header a { 
    display: block; 
    padding: 2px 8px; 
    font-weight: bold; text-decoration: none; 
}
.sm-header li .active { 
    background: #990000; 
    color: #fff; 
}
.sm-options { 
    width: 100%; 
} 
.sm-options a { 
display: block; 
padding: 2px 8px; 
text-decoration: none; 
}
.sm-options { 
width: 66%; 
height: 280px; 
overflow-y: scroll;
float: left; 
}


ul.sm-header li:last-child {
display: none;
}

/* END OF DATA FROM BASE.CSS */




/*DATA FROM DOCS.CSS */
/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/



/* Body and structure
-------------------------------------------------- */

body {
  position: relative;
  /*padding-top: 40px;*/
}

/* Code in headings */
h3 code {
  font-size: 14px;
  font-weight: normal;
}



/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */

body > .navbar {
  font-size: 13px;
}

/* Change the docs' brand */
body > .navbar .brand {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
}
body > .navbar .brand:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
}


/* Sections
-------------------------------------------------- */

/* padding for in-page bookmarks and fixed navbar */
section {
  /*padding-top: 30px;*/
}
section > .page-header,
section > .lead {
  color: #5a5a5a;
}
section > ul li {
  margin-bottom: 5px;
}


/* CQ Modules */

/* COLUMN CONTROL */

div.parsys_column {
    border: 0 none;
    box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}

div.cq-colctrl-cols { float: left; width: 100%; 
}

div.cq-colctrl-default { width: 100%;
}

div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { padding-right: 1.25%; width: 50%; }
div.cq-colctrl-lt0-c1 { padding-left: 1.25%; width: 50%; }


div.cq-colctrl-lt2nl { background:none;}
div.cq-colctrl-lt2nl-c0 { padding-right: 1.25%; width: 33.333%;}
div.cq-colctrl-lt2nl-c1 { padding-right: 1.25%; padding-left: 1.25%; width: 33.333%;}
div.cq-colctrl-lt2nl-c2 { padding-right: 0; padding-left: 1.25%; width: 33.333%;}


div.cq-colctrl-lt4 {
    overflow: hidden; 
}

div.cq-colctrl-lt4-c0 {
    margin-bottom: -99999px; 
    padding: 0 1.25% 99999px 0;
    width: 33.333%; 
} 

div.cq-colctrl-lt4-c1 {
    margin-bottom: -99999px; 
    padding: 0 0 99999px 1.25%;
    width: 66.666%;
}

div.cq-colctrl-lt5nl { background:none;}
div.cq-colctrl-lt5nl-c0 { padding-right: 1.25%; width: 66.666%;}
div.cq-colctrl-lt5nl-c1 { padding-right: 0; padding-left: 1.25%; width: 33.333%;}


div.cq-colctrl-lt6nl { background:none;}
div.cq-colctrl-lt6nl-c0 { padding-right: 1.25%; width: 75%;}
div.cq-colctrl-lt6nl-c1 { padding-right: 0; padding-left: 1.25%; width: 25%;}


div.cq-colctrl-lt7nl { background:none;}
div.cq-colctrl-lt7nl-c0 { padding-right: 1.25%; width: 25%; }
div.cq-colctrl-lt7nl-c1 { padding-right: 0; padding-left: 1.25%; width: 75%;}

/* Back to top*/
.scrolltop {
    background-color: #F1F1F1;
    border: 1px solid darkGray;
    border-radius: 100px 100px 100px 100px;
    height: 36px;
    opacity: 0.6;
    position: fixed;
    right: 2%;
    top: 50%;
    width: 36px;
    z-index: 33;
    font-size: 1.2em;
    
}
.scrolltop span {
    left: 10px;
    position: relative;
    top: 7px;
}

/* ### SOCIAL CONTENT */
.nav-tabs {
margin-bottom: 0;

}
.tab-content {
    border: 1px solid #eee;
    border-top: none;
    padding-top: 10px;
    max-height: 470px;
    overflow-y: scroll;
}

.tab-content #department ul, .tab-content #organization ul, .tab-content #third ul  {
    min-height:1em;
}
.tab-content #department ul li, .tab-content #organization ul li, .tab-content #third ul li  {
    float: none;
    margin-left: 0;
    padding: 3px 0;
}

.tab-content #department  ul.nostyle li, .tab-content #organization  ul.nostyle li, .tab-content #third ul.nostyle li{
    margin: 0;
    float: left;
}
li.social_row {
    border-bottom: 1px dotted #eee;
    clear: both;
    /*display: inline-block;*/
    height: 50px;
    padding: 0 2.5%;
    width: 95%;
}

li.social_row:hover {
    background: rgb(234,226,206); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(234,226,206,1) 0%, rgba(242,236,215,1) 37%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,226,206,1)), color-stop(37%,rgba(242,236,215,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(234,226,206,1) 0%,rgba(242,236,215,1) 37%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae2ce', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    transition:color .3s ease-in;
}

li.social_row {
    height: auto;
}
li.social_row {
    clear: both;
    padding: 0 2.5%;
    width: 95%;
}

ul.nostyle li {
    line-height: 24px;
    list-style: none outside none;
}

.social_title, .social_links {
    display: table;
    float: left;
    height: 34px;
    position: relative;
}

.social_title{
    /*font-weight: bold;*/
    height: 30px;
    width: 100%;
    padding: 6px 0 0 10px;
}

.social_links{
    margin-left: 0;
    width: 100%;
}
.social_links a{
    color: #b1b1b1;
    font-size: 20px;
    height: 20px;
}

.social_links a:hover{
    opacity: 1;
}

.social_categories {
    width: 60%;
}

.social_categories ul li {
    padding-left: 0;
}

.social_categories li span{
    font-size: 12px;
    padding: 4px;
    margin-top: -6px;
    width: 45px;
}

.vertical-align {
    display: table-cell;
    vertical-align: middle;
}
[class^="icon-"], [class*=" icon-"] {
    width: auto;
    vertical-align: baseline; /*ALLOW FOR VERTICAL ALIGNING OF ICONS - NOT SURE WHY THIS FIXES IT*/
}

[data-icon]:before {
    padding-right: 9px;
    text-transform: none;
}

.iconstyle-website a {
    color: #990000;
}

.iconstyle-facebook a{
    color: #3E62A8;
}

.iconstyle-twitter a {
    color: #28AAE1;
}

.iconstyle-youtube a {
    color: #e32114;
}

.iconstyle-flickr a {
    color: #e33b7e;
}

.iconstyle-instagram a {
    color: #517fa4;
}

.iconstyle-blog a {
    color: #fe7935;
}

.iconstyle-linkedin a {
    color: #2e8cc2;
}

.iconstyle-pinterest a {
    color: #D43634;
}

.iconstyle-googleplus a {
    color: #d85131;
}

/*.iconstyle-website a:hover {
    color: #f36d50;
}

.iconstyle-facebook a:hover {
    color: #436eac;
}

.iconstyle-twitter a:hover {
    color: #0598c9;
}

.iconstyle-youtube a:hover {
    color: #e32114;
}

.iconstyle-flickr a:hover {
    color: #e33b7e;
}

.iconstyle-instagram a:hover {
    color: #517fa4;
}

.iconstyle-blog a:hover {
    color: #fe7935;
}

.iconstyle-linkedin a:hover {
    color: #2e8cc2;
}

.iconstyle-pinterest a:hover {
    color: #cb2027;
}

.iconstyle-googleplus a:hover {
    color: #d85131;
}*/

.social_sprite:after {
    background-attachment:scroll;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.3s ease 0s;
}
.social_sprite {
    display: inline-block;
    height: 30px;
    margin-bottom: 10px;
    position: relative;
    text-indent: -9999px;
    width: 30px;
}

.social_sprite:hover:after {
    opacity: 1;
}


#highlight:hover .social_hover_text {
    opacity: 1;
    /*transition: opacity 0.5s ease 0s;*/
}

.social_hover_text {
    color: #999;
    /*float: left;*/
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    padding-top: 5px;
    position: relative;
    margin-bottom: -20px;
    transition: opacity 0.5s ease-out 0s;
    vertical-align: middle;
    
}

/* Header icons */
#quicklinks ul {
    padding-top: 10px;
    }
#quicklinks .socialicons {
    font-size: 1.5em;
    margin-right: 13px;
    padding-top: 2px;
    }    
    
/*Footer icons */


.footer_links a{
    /*color: #999999 !important;*/
}

.footer_links a:hover{
    color: #555;
}


.footer_icons a {
    font-size: 25px;
    height: 25px;
}

.footer_icons ul {
    margin-left: 0;
}

.footer_icons li {
    display: inline-block;
    line-height: 40px;
    list-style: none outside none;
    height: 25px;
    width:25px;
    padding-right: 8px;
    
}


/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

.standalone-tweet .subject {
    background: none repeat scroll 0 0 #E3DDCB !important;
    border: none !important; 
}

#twitter-widget-0 {
 border: none !important;
 }