/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */

/* DESIGN VISUAL CUES

SECTIONS
#section-header WHITE FFF
#section-content GREY CCC
#section-footer BLACK 000

Blocks & Views = light grey EEE
Carousels & Flexsliders = white FFF
*/

/************************************************************
  GENERAL
************************************************************/

body {
	background: url(../images/background_site.png) repeat-x #ffffff;	
	font-family: Helvetica, Arial, sans-serif !important;
} 

.grid-24 {
    display: inline;
    float: left;
	margin-left: 0px !important;
	margin-right: 0px !important;
    position: relative;
} 

.grid-8 {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px;
} 

#zone-user-wrapper {
	height: auto;
	width: 100%; margin: 0 auto;
}

#logo { width: auto;  }

/************************************************************
 HEADER
************************************************************/

.region-branding-inner { }




/************************************************************
SUPERFISH MAIN MENU NONMOBILE
************************************************************/

/* THE TOPS */
.sf-menu li {
	border-left: 1px solid #c11a23;
}
.sf-menu a {
	font-size: 15px;
    padding: 1.5em 0.55em;
}

/* THE DROPS */
.sf-menu ul { /* Dropdown background*/
    background: none repeat scroll 0 0 #6a0103;
	border-bottom: 3px solid #040913;
}
.sf-menu li.sfHover > ul, .sf-menu li:hover > ul { /* changes position of dropdown */
	left: 0;
	top: 4.25em;
}
.sf-menu li .last.leaf {
	background: none transparent !important;
    padding-bottom: 5px;
}
.sf-menu li .leaf a:hover{
	background: none repeat scroll 0 0 #040913;
}


/************************************************************
FLEXSLIDERS ALL CAROUSELS AND ROTATOR
************************************************************/

#block-views-congress-hprotator-rotator .flex-control-nav {
    bottom: -10px;
}

/************************************************************
HOMEPAGE ROTATOR
************************************************************/
.view-congress-hprotator.flexslider {
    height: auto; /* RESET HEIGHT FIX FROM NORMAL.CSS FOR IE BROWSERS */
}

#block-views-congress-hprotator-rotator {   
	height: 520px;
	margin: 0 auto; 
}

.view-congress-hprotator.flexslider .view-content{
}

.view-congress-hprotator .views-field-field-congress-featured-media {
	width: 100%;
}

/*.hprotator-text-block {
	background: none repeat scroll 0 0 #000;
	padding: 2%;
	text-align: left;
    width: 96%;
}*/

.hprotator-text-block {
	background: url(../images/background_textblock.png) repeat scroll 0 0 #000;
	height: 100px;
    width:98%;
	float: none;
	display: block;
	color: #fff;
	padding: 1%;
	position: absolute;
	text-align: left;
	top: 390px;
}

.view-congress-hprotator .flex-control-nav {
	left: 20%;
    top: 475px;
    width: 60%;
}

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.9);
    cursor: default;
}

.flex-control-paging li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    display: block;
    height: 12px;
    text-indent: -9999px;
    width: 12px;
} 

/************************************************************
BLOCKS AND BOXES
************************************************************/

/* ALERT BOX */
.block-cng-alert-box-block-alert-box {
	background: url("../images/breaking_arrow.png") no-repeat scroll left center #f0f0f0;
	margin: 0px;
	padding: 0.8em 0.75em 0.8em 150px;
}
.block-cng-alert-box-block-alert-box a {
	color: #000;
	padding: 1.2em 1.5em 0em 1.5em;
}
.block-cng-alert-box-block-alert-box h2 {
    font-size: 0;
    text-indent: -9999px;
}


/************************************************************
SITE MAP IS OFF IN GLOBAL & DEFAULT
************************************************************/


/************************************************************
OFFICE FOOTER LOCATIONS NONMOBILE
************************************************************/

.block-congress-offices-footer-offices .footer-office-location-tabs {
    padding: 0 2%;
    width: 22%;
	float: left; /* contains office name control tabs */
}
.block-congress-offices-footer-offices .attachment .view-content {
    padding: 0;
    width: 100%;
float: left; /* makes the control tabs work CAUTION */
}
.block-congress-offices-footer-offices .view-content {
    padding: 0 2%;
    width: 70%;
float: left; /* contains office info and image */
}
.block-congress-offices-footer-offices .office-info {
padding: 0 2%;
width: 45%; 
float: left; /* contains office info */
}
.block-congress-offices-footer-offices .field-content img{
width: 50%; 
float: right; /* contains image */
}
.block-congress-offices-footer-offices .tab.flex-active {
font-weight: bold;
}
.block-congress-offices-footer-offices .tab.flex-active:before {
content:none;
}

/************************************************************
OFFICE FOOTER LOCATIONS --NOSLIDE-- NONMOBILE
************************************************************/

#block-views-congress-offices-of-noslide .views-row {
    display: inline-block;
    vertical-align: text-top;
    font-size: 0.8em;
    padding: 0 1%;
    width: 14%; /* width and padding set for 6 offices - change for less offices as needed */
}


/**************
SEARCH
**************/

#search-block-form {
	float: right;
    text-align: right;
}

#search-block-form  .form-item input{
	width: 195px;
}

#region-user-second { float: right !important; }

/************************************************************
QUICKTABS NON MOBILE
************************************************************/
ul.quicktabs-tabs {
    padding: 10px 0 8px;
}
ul.quicktabs-tabs li {
    background: none repeat scroll 0 0 #CCC;
    display: inline;
	padding: 10px;
	margin-bottom: 0;
}
ul.quicktabs-tabs li:hover{
	background: #FFF;
}
ul.quicktabs-tabs li.active{
	background: #DDD;
}
ul.quicktabs-tabs li a{
	text-decoration: none;
}
ul.quicktabs-tabs li.active:before {
content:none;
}

/* QUICKTABS */
#block-quicktabs-home-page-tabs {
	margin-top: 5px;
	padding: 0;
}
.block-quicktabs .block {
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
}
ul.quicktabs-tabs {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #d2d2d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#d2d2d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#d2d2d2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#d2d2d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
    border-bottom: medium none;
    margin: 0; padding: 0;
	height: 55px;
	width: 100%;
}
ul.quicktabs-tabs li {
    background: none repeat scroll 0 0 transparent;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #EEEEEE;
    display: inline-block;
    height: 40px;
    margin: 0;
    padding: 15px 0 0;
    text-align: center;
	width: 100%;
	max-width: 49%; /* works best with 4 tabs - change % if more or less */
}
ul.quicktabs-tabs li:hover, ul.quicktabs-tabs li.active {
	background: #c3c3c3; /* Old browsers */
	background: -moz-linear-gradient(top,  #c3c3c3 0%, #a3a3a3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c3c3), color-stop(100%,#a3a3a3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c3c3c3 0%,#a3a3a3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c3c3c3 0%,#a3a3a3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c3c3c3 0%,#a3a3a3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c3c3c3 0%,#a3a3a3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3c3', endColorstr='#a3a3a3',GradientType=0 ); /* IE6-9 */
}
ul.quicktabs-tabs li.first {
}
ul.quicktabs-tabs li.last {
    border-right: medium none;
}

ul.quicktabs-tabs li a {
    color: #0a1326;
	font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.quicktabs h3.field-content { line-height: 18px; }

/***********************************************************
ENEWS POP UP - NEW
***********************************************************/
.popup-text {
    background: none repeat scroll 0 0 transparent;
    float: left;
    padding: 8% 6% 4%;
    text-align: left;
    width: 60%;
}
.popup-form {
	background-color: rgb(255,255,255)/*The Fallback*/;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px 5px 5px 5px;
    float: right;
    margin: 2%;
    padding: 3%;
    width: 70%;
  -moz-box-shadow: 0 0 10px 1px  #8F8A85;
  -webkit-box-shadow: 0 0 10px 1px  #8F8A85;
    box-shadow: 0 0 10px 1px #8F8A85;
	}
.popup-signup {
border-bottom: 1px solid #CCC;
}
.popup-connect {
border-bottom: 1px solid #CCC;
padding-bottom: 20px;
}
.popup-skip, .popup-skip h3 {
display: none;
}
.block.block-congress-enews-popup, .block.block-house-enews-popup {
    background: none repeat scroll 0 0 transparent;
	filter: none;
    border: medium none;
    margin-bottom: 0;
    padding: 0;
	width: 100%;
	display: block;
	color: #333;
}
.block-congress-enews-popup h2.block-title {
display:none;
font-size:0;
}
#boxes-box-congress_enews_popup h2 {
    font-weight: normal;
	display: block;
	color: #333;
}
#boxes-box-congress_enews_popup .content label {
    font-size: 1.30em;
    font-weight: normal;
}
#house_enews_popup {
    margin: 0;
}
#house_enews_popup input#signup-email {
width: 100%;
}
#house_enews_popup .form-submit {
    background: none repeat scroll 0 0 #A09D9D;
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    margin: 10px 5px 0;
    padding: 0 0.5em;
    text-shadow: none;
}

/***********************************************************
ENEWS POP UP - COOPTED FROM MODULE
***********************************************************/

#boxes-box-congress_enews_popup {
    background: url("../images/bg-popup-capitol.jpg") no-repeat scroll 0 0 #FFFFFF;
    border: 10px solid #FFFFFF;
    box-shadow: 0 0 20px 5px #222222;
  -moz-box-shadow: 0 0 20px 5px #222222;
  -webkit-box-shadow: 0 0 20px 5px #222222;
    color: #333333;
    display: none;
    font-weight: normal;
    left: 50%;
    line-height: 1.5em;
    margin: 0 0 0 -225px;
    max-width: 500px;
    padding: 0;
    position: fixed;
    top: 20%;
    width: 100%;
    z-index: 10000;
}
#close-enews-popup {
  background: #A09D9D;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 35px;
  color: #FFF;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  height: 35px;   width: 35px;
  line-height: 35px;
  position: absolute;
  right: -30px;   top: -30px;
  text-align: center;
}
#html-greyed-out {
	background: rgb(0, 0, 0) /* the Fallback */;
	background: rgba(0, 0, 0, .7);
  *background: none; /*  shows in IE7 and below */
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#block-views-congress-offices-of-noslide .views-row-3 {
	text-align: right;
}

#boxes-box-services_buttons {
	text-align: center;
}	
	
#boxes-box-services_buttons .boxes-box-content p img {
	margin: 0 auto;
	padding: 1px; }

#block-views-congress-offices-of-noslide .views-row-1, #block-views-congress-offices-of-noslide .views-row-2 {
    display: inline-block;
	color: #8ea1ba;
	float: right;
    font-size: 12px;
	margin: 0 auto;
    padding: 0 1%;
    vertical-align: text-top;
    width: 21% !important;
}

#block-views-congress-offices-of-noslide .views-row-last {
    display: inline-block;
    font-size: 12px;
	color: #8ea1ba;
	float: right;
	margin: 0 auto;
    padding: 0 1%;
    vertical-align: text-top;
    width: 21% !important;
}

#block-views-congress-offices-of-noslide .views-row-2 {
	text-align: left;
}

#block-views-congress-offices-of-noslide .views-row-3 {
	text-align: right;
}

#quicktabs-container-social_media_tabs .block-quicktabs .block {
	height: 360px; 

}

/* HEADER ZONES */
#zone-user-wrapper {
	height: auto;
	width: 100%; margin: 0 auto;
}


/* FOOTER ZONE */

#section-footer { 
	background: url(../images/background_footer_lighthouse.jpg) no-repeat top center #0d1926;
	padding-top: 11px;
}

.menu-block-congress_site_map {
	float: right;
	text-align: right;
}

.menu-block-congress_site_map ul li.leaf {
	display: inline-block !important;
	margin: 0px;
	padding: 0px 10px 0 0 ;
	width: auto;
}

.flex-viewport {
	background: #f4f4f4;
	padding-top: 10px;
}

#billsearch input.form-text { 
	padding: 8px;
	width: 200px;
} 

#boxes-box-congress_newsletter_signup input.form-text {
    height: 35px;
	padding: 8px;
	width: 80%;
}