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

/* DESIGN VISUAL CUES

CSS RESPONSIVE BACKGROUNDS
global = GREEN
default = GREY
narrow = RED
normal = NAVY
wide = WHITE

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

ZONE WRAPPERS
#zone-user-wrapper, #zone-branding-wrapper, #zone-menu-wrapper, #zone-header-wrapper REDS
#zone-preface-wrapper, #zone-content-wrapper, #zone-postscript-wrapper GREENS
#zone-footer-wrapper BLUES

ZONES
#zone-user, #zone-branding, #zone-menu, #zone-header, #zone-preface, #zone-content, 
#zone-postscript, #zone-footer, #zone-footer-bottom DARK GREY 999

Blocks = light grey EEE
Views - med grey CCC
*/

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

body {
/* background: none #CCC;	 DEFAULT BACKGROUND IS GREY FOR CUE . CHANGE THIS IN ALL THEMES*/
}


/************************************************************
 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: 1em 1.45em;
	border-left: 1px solid #CCC;
}
.sf-menu  li.first{
	border-left:none;
}
/* THE DROPS */

#block-menu-block-congress-main-menu-superfish ul.menu li {
    margin: 0;
}
.sf-menu ul {
    background: none repeat scroll 0 0 #999;
	box-shadow: 5px 5px 5px #666666;
	-webkit-box-shadow:  5px 5px 5px #666666;
	width: 300px !important; /* 280 + 20 needed for bg image */
	border-bottom: 3px solid #CCC;
}
.sf-menu li.sfHover > ul, .sf-menu li:hover > ul {
left: 0;
top: 3.15em;
}
.sf-menu li .leaf{
	background: none repeat scroll 0 0 transparent;
	display: block;
	border-left:none;
	padding: 0;
	}
.sf-menu  li.last.leaf {
	padding-bottom: 140px; /* needed for bg image */
}
.sf-menu li .leaf a{
padding: 2%;
}
/* 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;
}


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

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

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

.view-congress-hprotator .views-field-field-congress-featured-media {
width: 55%;
max-width: 800px !important;
height: auto;
background: #000;
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;
}
.view-congress-hprotator .flex-control-nav {
	width:41%; /* make width match the text block if controls should appear in text block */
	padding: 2%;
}

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

/* ALERT BOX */
.block-cng-alert-box-block-alert-box {
background: url("../images/bg-alertbox.png") no-repeat scroll left center transparent;
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;
}


/************************************************************
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;
}

/**************
SEARCH
**************/
#search-block-form {
    text-align: right;
}

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

/************************************************************
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;
}


/***********************************************************
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;
    border: medium none;
    margin-bottom: 0;
    padding: 0;
	width: 100%;
	display: block;
}
.block-congress-enews-popup h2.block-title {
display:none;
font-size:0;
}
#boxes-box-congress_enews_popup h2 {
    font-weight: normal;
	display: block;
}
#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 25px 25px #222222;
  -moz-box-shadow: 0 0 25px 25px #222;
  -webkit-box-shadow: 0 0 25px 25px #222;
    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;
}