/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */
 
/* 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
************************************************************/

#logo { margin: 0; }

/************************************************************
  NEWSLETTER SIGNUP
************************************************************/

#block-boxes-congress-newsletter-signup { 
	background: transparent;
	height: 197px;
	margin: 0!important;
} 
	
#block-boxes-congress-newsletter-signup iframe { 
	height: 60px;
	padding-top: 142px !important; 
	width: 100%;
} 

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

.hprotator-text-block h2 {
	font-size: 18px;
	line-height: 20px;  }

.hprotator-text-block .field-name-body { 
    font-size: 12px; 
}

#block-quicktabs-feature-rotator .block-congress-youtube-box .youtube-wrapper, #block-quicktabs-feature-rotator .panel-pane .media-youtube-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 42%;
    position: relative;
}

#block-quicktabs-feature-rotator #boxes-box-congress_flicker_box .boxes-box-content {
    height: 0;
    overflow: hidden;
    padding-bottom: 48%;
    position: relative;
}

.not-front .panel-pane .media-youtube-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 58%;
    position: relative;
}

/************************************************************
 REGIONS
************************************************************/

.not-front #zone-content, .not-front #zone-preface {
    background: transparent url(../images/background-960.png) repeat-y;
}

/************************************************************
 MEGA MENU
************************************************************/
 
#block-menu-menu-mega-menu ul li a {
	padding: 35px 8px 35px;

}

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

#search-block-form { background: #ffffff; width: 240px; }

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

#search-block-form .form-actions input[type="submit"] {
    margin: 0;
}

/************************************************************
  QUICKTABS SERVICES
************************************************************/
.front .block-congress-youtube-box .youtube-wrapper iframe { 
    margin: 0 85px !important;
}

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

#block-quicktabs-feature-rotator ul.quicktabs-tabs li a {
	font-size: 14px;
    font-weight: bold;
    padding: 31px 20px 31px 90px;
}

#block-quicktabs-feature-rotator li.active a#quicktabs-tab-feature_rotator-0, #block-quicktabs-feature-rotator a#quicktabs-tab-feature_rotator-0:hover { background: transparent url(../images/rotator_news_on.png) top 20px left 20px no-repeat; }
	
#block-quicktabs-feature-rotator a#quicktabs-tab-feature_rotator-0 { background: #e6e6e6 url(../images/rotator_news_off.png) top 20px left 20px no-repeat; }

#block-quicktabs-feature-rotator li.active a#quicktabs-tab-feature_rotator-1, #block-quicktabs-feature-rotator a#quicktabs-tab-feature_rotator-1:hover { background: transparent url(../images/rotator_cal_on.png) top 20px left 20px no-repeat; }
	
#block-quicktabs-feature-rotator a#quicktabs-tab-feature_rotator-1 { background: #e6e6e6 url(../images/rotator_cal_off.png) top 20px left 20px no-repeat; }

#block-quicktabs-feature-rotator li.active a#quicktabs-tab-feature_rotator-2, #block-quicktabs-feature-rotator a#quicktabs-tab-feature_rotator-2:hover { background: transparent url(../images/rotator_photo_on.png) top 20px left 20px no-repeat; }
	
#block-quicktabs-feature-rotator a#quicktabs-tab-feature_rotator-2 { background: #e6e6e6 url(../images/rotator_photo_off.png) top 20px left 20px no-repeat; }

#block-quicktabs-feature-rotator li.active a#quicktabs-tab-feature_rotator-3, #block-quicktabs-feature-rotator a#quicktabs-tab-feature_rotator-3:hover { background: transparent url(../images/rotator_video_on.png) top 20px left 20px no-repeat; }
	
#block-quicktabs-feature-rotator a#quicktabs-tab-feature_rotator-3 { background: #e6e6e6 url(../images/rotator_video_off.png) top 20px left 20px no-repeat; }

/************************************************************
  QUICKTABS SERVICES
************************************************************/

#block-quicktabs-constituent-services .quicktabs-tabpage .node {
	background: transparent;
	clear: left;
	padding-top: 25px; 
	width: 900px !important;
}

#block-quicktabs-constituent-services ul.quicktabs-tabs li {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e9e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e9e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e7',GradientType=0 ); /* IE6-9 */ 
	border-right: none;
    display: inline-block; 
	height: 89px;
    margin: 0 1px 0 0;
	padding: 0;
    text-align: center;
	width: 85px;
}

/************************************************************
 EVENTS CALENDAR
************************************************************/

.context-about #block-system-main iframe { width: 900px !important; }