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

/* DESIGN VISUAL CUES

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

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


/************************************************************
 MOBILE HAMBURGER MENU - HIDDEN ABOVE MOBILE WIDTHS
************************************************************/

#block-boxes-congress-mobile-hamburger-menu {
    display: none;
	padding: 0; margin: 0;
}

#block-menu-block-congress-main-menu-superfish {
	display:block;
}

/************************************************************
 SUPERFISH MAIN MENU NONMOBILE
************************************************************/
/* OTB Nav images on Last Child are 300wide by 140high
If changing photos and dimensions, see notes below
*/

/* THE TOPS */
.sf-menu li {
    display: inline;
    width: auto;
	padding: 0;
}
.sf-menu  li.first{
	border-left:none;
}
.sf-menu a {
    padding: 1em 1.54em;
}

/* THE DROPS */
#block-menu-block-congress-main-menu-superfish ul.menu li {
    margin: 0;
}
.sf-menu ul { /* DROPDOWN BACKGROUND IMAGE */
    background: none repeat scroll 0 0 #CCC;
    box-shadow: 5px 5px 5px -3px #000000;
	-webkit-box-shadow:  5px 5px 5px -3px #000000;
	width: 300px !important; /* 280 + 20 needed for bg image */
	border-bottom: 3px solid #CCC;
	*border-bottom: medium none; /* IE7 and below does not display drops */
}

.sf-menu li.sfHover > ul, .sf-menu li:hover > ul { /* changes position of dropdown */
	left: 0;
	top: 3em;
}
.sf-menu li .leaf{
	background: none repeat scroll 0 0 transparent;
	border-left:none;
	padding: 0;
	display: block;
	*display: none; /* IE7 and below does not display drops */
}
.sf-menu  li.last.leaf {
	padding-bottom: 140px; /* needed for bg image */
}
.sf-menu li .leaf a{
padding: 2%;
}
.sf-menu li .leaf a:hover { /* dropdown child hover state */
    background: none repeat scroll 0 0 #DDD;
}
.sf-menu li.last.leaf.no-leaf {
	padding-bottom: 0; 
	background: none transparent;
}

/* MENU BACKGROUND IMAGES */
.sf-menu  li.menu-about .last.leaf {
    background: url("../images/nav-about-bg.jpg") no-repeat scroll center bottom transparent;
}
.sf-menu  li.menu-contact .last.leaf {
    background: url("../images/nav-contact-bg.jpg") no-repeat scroll center bottom transparent;
}
.sf-menu  li.menu-services .last.leaf {
    background: url("../images/nav-services-bg.jpg") no-repeat scroll center bottom transparent;
}
.sf-menu  li.menu-media-center .last.leaf {
    background: url("../images/nav-media-bg.jpg") no-repeat scroll center bottom transparent;
}
.sf-menu  li.menu-legislation .last.leaf {
    background: url("../images/nav-legislation-bg.jpg") no-repeat scroll center bottom transparent;
}
.sf-menu  li.menu-issues .last.leaf {
    background: url("../images/nav-issues-bg.jpg") no-repeat scroll center bottom transparent;
}
.sf-menu  li.menu-resources .last.leaf {
    background: url("../images/nav-resources-bg.jpg") no-repeat scroll center bottom transparent;
}
.sf-menu  li.menu-flag .last.leaf {
    background: url("../images/nav-flag-bg.jpg") no-repeat scroll center bottom transparent;
}



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

.flex-control-nav {
	display: block;
    bottom: 0;
}

/************************************************************
HOMEPAGE ROTATOR
************************************************************/

.view-congress-hprotator .views-field-field-congress-featured-media {
width: 55%;
max-width: 800px /*!important*/;
height: auto;
    background: none repeat scroll 0 0 transparent;
float: right;
}
.hprotator-text-block {
    width: 41%; /* shows in all browsers */
	*width: 40%; /* notice the * before the property - shows in IE7 and below */
	padding: 2%; 
	float:right;
}

/************************************************************
HOMEPAGE MULTI ITEM CAROUSEL
************************************************************/

#hp-multi-carousel-wide .flex-control-nav {
	display: block;
}


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

/* ALERT BOX */
.block-cng-alert-box-block-alert-box {
background: url("../images/bg-alertbox.png") no-repeat scroll left center #EEE;
padding: 0.75em 0.75em 0.75em 200px;
}
.block-cng-alert-box-block-alert-box a{
padding: 0 1.5em;
}
.block-cng-alert-box-block-alert-box h2 {
    font-size: 0;
    text-indent: -9999px;
}

/* VOTES */
/************************************************************
REMOVE OLD TABLE BASED CSS AFTER DIV REPLACEMENT GOES LIVE
************************************************************/

th.vote-date, td.vote-date {
	display: table-cell;
}
aside .block-house-member-voting-record div.row,
aside .pane-house-blocks-house-member-voting-record div.row {
	font-size: 14px;
}


/************************************************************
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 {
    text-align: right;
}

#search-block-form  .form-item input{
width: 40%;
}

/************************************************************
QUICKTABS NON MOBILE
************************************************************/

ul.quicktabs-tabs {
    margin-bottom: 0;
    padding: 1em 0;
}
ul.quicktabs-tabs li, ul.quicktabs-tabs li a {
    display: inline;
}

/************************************************************
SOCIAL MEDIA BLOCK AND WIDGETS
************************************************************/
/* FACEBOOK */
#region-content .fb_iframe_widget iframe {
    width: 600px !important;
}


/***********************************************************
ENEWS POP UP - NEW
***********************************************************/
.popup-text {
    background: none repeat scroll 0 0 transparent;
    float: left;
    padding: 6% 6% 2%;
    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, #boxes-box-congress_enews_popup h2 a {
    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 center top #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: 40%;
    line-height: 1.5em;
    margin: 0 0 0 -225px;
    max-width: 625px;
    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;
}


/***********************************************************
 THUMB ROTATOR
***********************************************************/
.pane-congress-hprotator-panel-pane-thumbs .flex-direction-nav {
    display: none;
}
/*slider*/
.pane-congress-hprotator-panel-pane-thumbs .slider {
	width: 65%;
	float: left;
}
.pane-congress-hprotator-panel-pane-thumbs .view-congress-hprotator .views-field-field-congress-featured-media {
	width: 100%;
	max-width: 800px !important;
	height: auto;
	background: none repeat scroll 0 0 transparent;
	float: left;
}
.pane-congress-hprotator-panel-pane-thumbs .hprotator-text-block {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	color: #FFF;
    bottom: 0;
    float: none;
    padding: 2%;
    position: absolute;
	height: 110px;
    width: 96%;
	*width: 95%; /* notice the * before the property - shows in IE7 and below */
}
.pane-congress-hprotator-panel-pane-thumbs .hprotator-text-block a:link,
.pane-congress-hprotator-panel-pane-thumbs .hprotator-text-block a:visited {
	color: #FFF;
}
/*slidenav*/
.pane-congress-hprotator-panel-pane-thumbs .slidenav {
	width: 35%;
	float: left;
}
.pane-congress-hprotator-panel-pane-thumbs .view-congress-hprotator .slidenav .views-field-field-congress-featured-media {
    float: left;
    padding: 1.85%;
    width: 30%;
}
.slidenav h3 {
    display: inline;
    float: left;
    font-size: 15px;
    padding: 3% 0;
    width: 50%;
}
.flexslider .slidenav ul.slides {
    width: 100% !important;
}
.pane-congress-hprotator-panel-pane-thumbs .slidenav li {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    display: block !important;
    float: left !important;
    width: 100% !important;
}
.pane-congress-hprotator-panel-pane-thumbs .slidenav li:hover,
.pane-congress-hprotator-panel-pane-thumbs .slidenav li.flex-active-slide {
	background: none repeat scroll 0 0 #FFF;
}
.pane-congress-hprotator-panel-pane-thumbs .slidenav li:hover {
	cursor: pointer;
}