/* This is a supplemental CSS file for the webApps residing on virginiageneralassembly.gov. */
/* This CSS follows a reset in the cascade that's in the same directory. */
/* Various webApps are presented by this CSS, edit existing rules, especially complex selectors with caution */
/* Site and imagery Copyright 2014-2015, Commonweatlth of Virginia. */
/* Code and design by Bob Follek, Brian Hodges, Dick Kirkland, and Paul Pinner for the Commonwealth of Virginia */

/* W E B A P P  S P E C I F I C  M O D U L E S */
/* slight override as the House schedule will always be long (space at the bottom of the window) */
/* also allows "#COFooterNavBar" to always be at the bottom of these webApp pages with absolute positioning */
#container {
  margin-bottom:15px;
	position:relative;
}
#tempTestMessage {
  width:297px;
  height:277px;
  background-image:url(cssImages/05-17-13-VGA-testingMessage.png);
  position:absolute;
  top:0;
  right:0;
  z-index:3000;
}
/* web app header version */
/* similar to original header, but allows for app/page titles */
#webAppBrand {
  float: left;
  width: 700px;
	height: 103px;
	background-color:none;
	border:none;
	padding:0;
	background-image:url("cssImages/10VgaBrand.png");
	background-repeat:no-repeat;
}
#webAppBrand a {
	width: 200px;
	height: 103px;
	display: block;
	text-decoration:none;
	background-color:transparent;
}
#HODAppBrand {
  float: left;
  width: 700px;
	height: 70px;
	background-color:none;
	border:none;
	padding:0;
	background-image:url("cssImages/2023-HOD-mini-height-webApp-header.png");
	background-repeat:no-repeat;
	background-position: 10px 7px;
}
#webAppSearchArea{
	float:left;
	width:195px;
	height:103px;
	border:none;
	padding:0;
	background-image:url(cssImages/10QuickTabsHolder.png);
	background-repeat:no-repeat;
	background-position: -155px 0;
}
#agendaSearchArea{
	float:left;
	width:195px;
	/*height:103px;*/
	border:none;
	padding:0;
	/*background-image:url(cssImages/10QuickTabsHolder.png);*/
	/*background-repeat:no-repeat;
	background-position: -155px 0;*/
}
#webAppHeader {
	font-family: 'Oswald', sans-serif;
	font-size:1.1em;
	color:#213f99;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	letter-spacing:.04em; 
	font-weight: normal;
	/* the width of 495px is the remainder of the 1st module (700px) - 195px for the adjacent right float */
	/* the measurement of the header keeps it centered cross-browser, without wrapping */		
	width:495px;
	float:right;
	margin-top:-50px;
	text-align:center;	
}
#agendaHeader {
	font-family: 'Oswald', sans-serif;
	font-size:1.1em;
	color:#213f99;
	text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	letter-spacing:.04em; 
	font-weight: normal;
	/* the width of 495px is the remainder of the 1st module (700px) - 195px for the adjacent right float */
	/* the measurement of the header keeps it centered cross-browser, without wrapping */		
	width:495px;
	float:right;
	margin-top:1.40em;
	text-align:center;	
}
/* /web app headers */


/* for module 1a (commOps information container) */
#commOps-info-container {
   display: block;
   width: 85px;
   float: right;
   margin: 1.8em .4em 0 0;
   font-family:Helvetica, Arial, sans-serif;
   font-size:10px;
   font-weight:normal;
   color:#ec1c24;   
}
.COHelpText {
	display:block;
	margin:0 auto 10px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EC1C24;
}
#webAppSearchArea .hc-preview {
	display:inline-block;
}
/* /module 1a */

/* for module 1b (memBio information container) */
#memBio-info-container {
   display: block;
   width: 107px;
   float: right;
   margin: 1.7em .6em 0 0;
   font-family:Helvetica, Arial, sans-serif;
   font-size:10px;
   font-weight:normal;
   color:#ec1c24;   
}
.memBioHelpText {
	display:block;
	margin:0 auto 10px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EC1C24;
}
/* /module 1b */
/* module 1c */
#agenda-info-container {
   display: block;
   width: 129px;
   float: right;
   margin: 1.8em 1.7em 0 0;
   font-family:Helvetica, Arial, sans-serif;
   font-size:10px;
   font-weight:normal;
   color:#ec1c24;   
}
.agendaHelpText {
	display:block;
	margin:0 auto 10px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EC1C24;
}
/* /module 1c */
/* /W E B A P P  S P E C I F I C  M O D U L E S */

/* W E B  A P P S  C E N T E R  C O N T E N T S */

/* B E G I N  commOps center pane components */

/* inner wrap for commOps component placements */
#COInnerWrap {
    display:block;
	width:100%;
	float:left;
	clear:both;
	height:100%;
	margin-bottom:76px;
}   
/* /inner wrap */

/* nav bar for commOps schedule menuing */
#commOpsNavBar {
    width: 97.5%;
    height: 4em;
    margin: 10px auto 10px auto;
    padding: 0;
    border: 1px solid #213f99;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.33), 
	inset 0 0 6px 6px rgba(33,63,153,0.1376);
    clear:both;    
/*	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), ;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3),;
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3),
*/
    position:relative;
}
#agendaNavBar {
    width: 97.5%;
    height: 2em;
    margin: .33em auto .33em auto;
    padding: 0;
    border: 1px solid #213f99;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.33), 
	inset 0 0 6px 6px rgba(33,63,153,0.1376);
    clear:both;    
/*	-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), ;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3),;
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3),
*/
    position:relative;
}
/* containers and content for "VGA-ChamberStatus.js" to do work */
#tweetSegment {
    width: 97.5%;
    height: 2.3em;
    margin: 10px auto 10px auto;
    padding: 0;
    border: 1px solid #afbada;
    border-radius: 7px 7px 7px 7px;
    clear:both;    
    position:relative;
}
#tweetSegmentAd {
    width: 97.5%;
    height: 3.76em;
    margin: 10px auto 10px auto;
    padding: 0;
    border: 1px solid #afbada;
    border-radius: 7px 7px 7px 7px;
    clear:both;    
    position:relative;
}
.tweetSeg {
	width:85%; 
	float:left; 
	line-height:1.2em; 
	height: 53px; 
	overflow: hidden;
}
.legendSeg {
	width:15%; 
	float:left;
}
.adEmph {
	color:#ec1c24;
	font-style: oblique;
}
/* /"VGA-ChamberStatus.js" containers */
/* styles links within "HODTweetString" for legibility */
#tweetSegment .HODTweetString a {
    color:#ec1c24;
	border-bottom:1px dotted;
}
#tweetSegmentAd .HODTweetString a {
    color:#ec1c24;
	border-bottom:1px dotted;
}
/* /"HODTweetString" links */
/* filter type Notification Bar */
#filterNotifier {
	display:none;
	width: 97.5%;
    height: 2.6em;
    margin: 10px auto 10px auto;
    padding: 0;
    border: 1px solid #afbada;
    border-radius: 7px 7px 7px 7px;
    clear:both;    
    position:relative;
	background:rgba(33,63,153,0.88);
    font-family: 'Oswald', sans-serif;
    font-size:.88em;
    color:#fff;
    font-weight:normal;
}
/* large span that encapsulates all ".filterShow" links */
#filterId {
    color:rgba(255, 255, 255, .68);
}
/* large span */
/* ".filterShow" close on click links */
.filterShow {
	border:1px solid #afbada;
	border-radius:7px;
/*	background-color:#ccc;*/
	padding:.33em 17px .33em .33em;
	margin:.37em .33em 0 0;
	cursor:pointer;
	position:relative;
	float:left;	
}
/* ".filterShow" links */
/* "#exportBar" and links */
#exportBar {
	display:block;
	width: 97.5%;
    height: 2.6em;
    margin: 10px auto 0 auto;
    padding: 0;
    border: 1px solid #C6CBCD;
    border-radius: 7px 7px 7px 7px;
    clear:both;    
    position:relative;
    background: url("custom-vga/images/ui-bg_glass_20_213f99_1x400.png") repeat-x scroll 50% 50% #213F99;
    font-family: 'Oswald', sans-serif;
    font-size:.88em;
    color:#fff;
    font-weight:normal;
	overflow:hidden;
}
#exportBar:hover {
    background: url("custom-vga/images/ui-bg_glass_20_79c9ec_1x400.png") repeat-x scroll 50% 50% #79c9ec;
	border: 1px solid #448dae;
}
#exportBar .notifierText {
    margin:0; 
	padding:.77em 0 0 0;
	text-align:center;	
}
#exportBar a {
	width:100%;
	height:100%;
	cursor:pointer;	
}
#exportBar a:link, #exportBar a:visited {
    color:#fff;
}
#exportBar a:hover, #exportBar a:active {
    color:#026890;
}
/* /"#exportBar" and links */
/* /"#agenDockOpts" and links */
/* /".agenDockOpts" has the same styles as #agenDockOpts 
     but no click event for modal */
#agenDockOpts, .agenDockOpts {
	display:block;
	max-width: 23.3%;
    height: 2.6em;
    margin: 10px auto 10px auto;
    padding: 0;
    border: 1px solid #C6CBCD;
    border-radius: 7px 7px 7px 7px;
    clear:both;    
    position:relative;
    background: url("custom-vga/images/ui-bg_glass_20_213f99_1x400.png") repeat-x scroll 50% 50% #213F99;
    font-family: 'Oswald', sans-serif;
    font-size:.88em;
    color:#fff;
    font-weight:normal;
	overflow:hidden;
}
#agenDockOpts:hover, .agenDockOpts:hover {
    background: url("custom-vga/images/ui-bg_glass_20_79c9ec_1x400.png") repeat-x scroll 50% 50% #79c9ec;
		border: 1px solid #448dae;
}
#agenDockOpts .notifierText, .agenDockOpts .notifierText {
    margin:0; 
		padding:.77em 0 0 0;
		text-align:center;	
}
#agenDockOpts a, .agenDockOpts a {
	width:100%;
	height:100%;
	cursor:pointer;	
}
#agenDockOpts a:link, #agenDockOpts a:visited,
.agenDockOpts a:link, .agenDockOpts a:visited {
    color:#fff;
}
#agenDockOpts a:hover, #agenDockOpts a:active,
.agenDockOpts a:hover, .agenDockOpts a:active {
    color:#026890;
}
/* /"#agenDockOpts" and links */
/* "#agenDockExport" and links */
#agenDockExport {
	display:block;
	max-width: 97.5%;
    height: 2.6em;
    margin: 10px auto 0 auto;
    padding: 0;
    border: 1px solid #C6CBCD;
    border-radius: 7px 7px 7px 7px;
    clear:both;    
    position:relative;
    background: url("custom-vga/images/ui-bg_glass_20_213f99_1x400.png") repeat-x scroll 50% 50% #213F99;
    font-family: 'Oswald', sans-serif;
    font-size:.88em;
    color:#fff;
    font-weight:normal;
	overflow:hidden;
}
#agenDockExport:hover {
    background: url("custom-vga/images/ui-bg_glass_20_79c9ec_1x400.png") repeat-x scroll 50% 50% #79c9ec;
	border: 1px solid #448dae;
}
#agenDockExport .notifierText {
    margin:0; 
	padding:.77em 0 0 0;
	text-align:center;	
}
#agenDockExport a {
	width:100%;
	height:100%;
	cursor:pointer;	
}
#agenDockExport a:link, #agenDockExport a:visited {
    color:#fff;
}
#agenDockExport a:hover, #agenDockExport a:active {
    color:#026890;
}
/* /"#agenDockExport" and links */
/* ui-icon placement */
span.smCloseIcon {
    background-image: url("custom-vga/images/ui-icons_e0fdff_256x240.png");
    background-position: -32px -192px;
    background-repeat: no-repeat;
    height: 16px;
    margin-top: -1px;
    overflow: hidden;
    position: absolute;
    text-indent: -99999px;
    width: 16px;
}
a:hover span.smCloseIcon, a:active span.smCloseIcon {
    background-image: url("custom-vga/images/ui-icons_cd0a0a_256x240.png");
    background-position: -32px -192px;
    background-repeat: no-repeat;
    height: 16px;
    margin-top: -1px;
    overflow: hidden;
    position: absolute;
    text-indent: -99999px;
    width: 16px;
}
/* /ui-icon placement */

.notifierText {	
	margin:.77em;
	float:left;
	color:#fff;
}
a.notifier-close:link, a.notifier-close:visited {
    color:#fff;
}
a.notifier-close:hover, a.notifier-close:active {
    color:#ec1c24;
}
.notifier-close {
	position:relative;
	float:right;
    margin:.77em .77em 0 0;
}
a:link .notifier-close-icon, a:visited .notifier-close-icon {
	position:relative;
	width:16px;
	height:16px;
	text-indent:-99999px; 
	overflow: hidden; 
	background-image:url(cssImages/cross.png);
	background-repeat: no-repeat;
	margin-top:-1px;
	margin-left:4px;
	float:right;
}
a:hover .notifier-close-icon, a:active .notifier-close-icon {
	position:relative;
	width:16px;
	height:16px;
	text-indent:-99999px; 
	overflow: hidden; 
	background-image:url(cssImages/cross.png);
	background-repeat: no-repeat;
	margin-top:-1px;
	margin-left:4px;
	float:right;
}
/* /filter type Notification Bar */
/* UI notifier and export bars that occur within a jQuery UI widget */
/* these require additional treatment as UI has classes for elements that are inside of widgets */
.ui-widget-content .notifierText {
	font-size: .88em;
}
.ui-widget-content a.notifierText {
	margin:.77em;
	float:left;
	color:#fff;
	font-size: .88em;
}
.ui-widget-content a.notifier-close {
    position: relative;
    float: right;
    margin: .77em .77em 0 0;
	font-size:.88em;
}
.ui-widget-content a.filterShow  {
    color:#fff;
	border: 1px solid #afbada;
    border-radius: 7px;
    padding: .33em 17px .33em .33em;
    margin: .37em .33em 0 0;
    cursor: pointer;
    position: relative;
    float: left;
	font-size:.88em;
}
.ui-widget-content a.filterShow:hover, .ui-widget-content a.filterShow:active {
    text-decoration: none;
    color: #EC1C24;
    background-color: transparent;
}
/* UI notifier and export bars */
/* committee information accordion */
#selectedCommContain.ui-accordion .ui-accordion-header .ui-icon { 
	float:right;
}
#selectedCommContain.ui-accordion .ui-accordion-header {
    height:1.89em;
}
/*#navAccordion .ui-accordion-header a {
    padding-left: 0;
	width: 170px;
	height:40px;
}*/
.accordionTitle {
	padding:.77em 0 0 1.76em;
}
#selectedCommContain.ui-accordion .ui-accordion-content { 
	padding: .75em 1.1em; 
	border-top: 0; 
	margin-top: -2px; 
	position: relative; 
	top: 1px; 
	margin-bottom: 2px;
}
#selectedCommContain {
    margin: 10px auto 10px auto;
	width:97.5%;
}
#selectedCommContain .navAccordionHeader {
	font-size:.88em;
	letter-spacing:.03em;
}
#navAccordion .header{
	margin-left:0px;
	font-size:12px;
    max-height:40px;
}
#navAccordion .accordionTitle{
	width:150px;
/*	height:40px;*/
	margin-left:10px;
	margin-top:3px;
}
#navAccordion p.contentDesc {
	max-height:40px;
	margin-left:0;
	margin-bottom:0;
	font-size:10px;
	font-weight:bold;
}
/* /committee information accordion */

/* individual columns for menuing */
.CONavBarCol {
    /* divides the columns into fourths with menus appearing on one line */
    width: 25%;
	float: left;
	height: 100%;
	postion:relative;
}
.agendaNavBarCol3up {
    width: 33.3%;
	float: left;
	height: 100%; 
}
.add-to-calendar-icon {
	padding-bottom: 5px;	
}
.navBarColSpan3 {
    /* uses the width of three columns with menus appearing on one line */
    width: 75%;
	float: left;
	height: 100%;
	postion:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#largeFAQIcon {
   float:left;
   width:34px;
   height:34px;
   margin:15px 8px 0 0;
   overflow:hidden;
   border: 2px solid #213f99;
   border-radius:3px;
   box-shadow: 0 2px 2px rgba(0, 0, 0, .33);
   background-image:url(../images/navigation/thumbBtns/howDoIThumbBtn.jpg);
}
.navBarColSpan3 p {
   margin-top:18px;
   line-height:1.31em;
   width:95%;
}
#NavBarMessageCol {
    /* a "columns" spanning 3/4 of footer width with menus appearing on one line */
    width: 75%;
	float: left;
	height: 100%;
	postion:relative;
}
.CONavLegend {
	position:relative;
	top:50%;
	left:50%;
	margin-top:-1.76em;
	margin-left:-20%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:2.5em;
	width:100%;
}
.CONavLegend ul {
	line-height:1.22em;
	color:#213f99;
}
.CONavLegend1Line {
	position:relative;
	top:50%;
	left:50%;
	margin-top:-.6em;
	margin-left:-20%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:2.5em;
	width:100%;
}
.CONavLegend1Line ul {
	line-height:1.22em;
	color:#213f99;
}
.COMenuButton {
	display:block;
	/*width:55%;*/
	width: 63%;
	height:2em;
	margin:1.3em auto 0 auto;
	background-color:transparent;
	color:#213f99; 
	padding:10px 5px 0 0;  
	cursor:pointer;
	border:solid 1px #fff;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.agendaMenuButton {
	display:block;
	width:55%;
	height:1.66em;
	margin:0 auto 0 auto;
	background-color:transparent;
	color:#213f99; 
	padding:10px 5px 0 0;  
	cursor:pointer;
	/*border:solid 1px #fff;*/
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.COMenuButton:hover {
	border:solid 1px #fff;
	border-radius:10px;
	-moz-box-shadow:0 0 5px #afbada; 
	-webkit-box-shadow:0 0 5px #afbada; 
	box-shadow:0 0 5px #afbada;
}
.agendaMenuButton:hover {
	/*border:solid 1px #fff;*/
	border-radius:10px;
	-moz-box-shadow:0 0 5px #afbada; 
	-webkit-box-shadow:0 0 5px #afbada; 
	box-shadow:0 0 5px #afbada;
}
/* /VGA Dropdown menu styling */ 
/* /nav bar for commOps schedule menuing */

/* h2 for each meeting day */
.CODay {
	font-family: 'Oswald', sans-serif;
	font-size:.88em;
	color:#213f99;
	font-weight:normal;
	margin:.77em;
}
/* h2 for days */
.CODayBubble {
    width: 97.5%;
    margin: 10px auto 10px auto;
    padding: 0;
    border: 1px solid #afbada;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 2px 6px rgba(33,63,153,0.1376);
	  overflow:hidden; 
}
.CODayTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1.0);
	width: 100%;
	vertical-align: top;
	border-collapse: collapse;
	line-height: 1.3em;
}
.CODayTable td {
  width:33%;
	padding:.33em .33em .33em .75em;
	height:3.00em;
	vertical-align:top;
}
.CODayTable .hangingInd {
	padding-left: .33em;
  text-indent: -.33em;
}
.CODayTable tr {
	border-top:1px solid #afbada;
	background:rgba(33,63,153,0.0625);	
}
/* creates a header-like look to the designated dates page */
.dd-header th {
  font-weight: normal;
  padding: .33em .33em .33em .75em;
}

/* gives newly scheduled events a green highlight */
.CODayTable tr.CONewEvent {
  border-top:1px solid #afbada;
	background:rgba(0, 255, 0, 0.22);
}
.videoHolder {
	box-shadow:0px 3px 3px 3px rgba(0,0,0,.33);
	width:560px; 
	margin: 0 auto .76em auto;
	overflow: hidden;
	border-radius: 7px;
}
.COCommType {
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-weight:normal;
	color: #000;
}
.COCommType a:link, .COCommType a:visited  {
	color: #cd0a0a;
}
.COCommType a:hover, .COCommType a:active  {
	color: #ec1c24;
	text-shadow: 0 2px 1px rgba(0,0,0,.13);
	text-decoration: underline;
}
.COCommType .COAgendaLink:link, .COCommType .COAgendaLink:visited  {
    display:block;
	color:#4962AF;
	width: 96px;
}
.COCommType .COAgendaLink:hover, .COCommType .COAgendaLink:active  {
    display:block;
	color:#ec1c24;
	width: 96px;
}
.COMapLink:link, .COMapLink:visited  {
    /*display:block;*/
	font-family: "Oswald", sans-serif;
	color:#4962AF;
	/*width: 96px;*/
}
.COMapLink:hover, .COMapLink:active  {
    /*display:block;*/
	font-family: "Oswald", sans-serif;
	color:#ec1c24;
	/*width: 96px;*/
}
.COChange {
	color: #ec1c24;
}
.COHODMemSpan {
    font-weight:bold;
	color:#213f99;
}
.COSOVMemSpan {
    font-weight:bold;
	color:#900;
}
.reportBlockContainer {
    width: 97.5%;
    margin: 10px 10px 0;
    clear:both;    
    position:relative;
	font-family:"Oswald", sans-serif;
    font-size:.89em;
	color:#213f99;
}
.reportBlockContainerCon {
    color:#000;
}
#meetingInfoContainer {
    width: 97.5%;
    margin: 10px auto 10px auto;
    /*border: 1px solid #afbada;*/
    border-radius: 7px 7px 7px 7px;
    clear:both;    
    position:relative; 
	font-family:"Helvetica", Arial, sans-serif;
	padding:.77em;
}
#meetingInfoContainer p {
	margin-bottom:1em;
	font-size:.89em;  
}
#meetingInfoContainer p span {
    font-weight:bold;
}
#meetingInfoContainer table tbody tr td {
    padding-bottom:.56em;
}
.agenda-show-info {
    width:60%;
	float:left;
	/*margin-bottom:1.3em;*/
	font-size:.90em;
}
.agenda-contact-info {
    width:40%;
	float:right;
	/*margin-bottom:1.3em;*/
	font-size:.90em;		
}
.agendaLabel {
    font-weight:bold;
	color:#000;
}
.commIndent {
	margin-left:1.33em;
}
/* /commOps center pane components */

/* UI ICON SPRITES */

/* "Flag" & "Cancelled" icons for identifying meeting changes */
/* background sprite position based on jQuery UI conventions */
.COChangeIcon {
	position: relative;
    float:left;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: -16px -112px;
	margin-top:-2px;
}
.COCancelledIcon {
	position:relative;
    float:left;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: 0 -128px;
	margin-top:-2px;
}
.COIcsIcon {
	position:relative;
    float:left;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: -32px -112px;
	margin-top:-2px;
}
.COLinkIcon {
	position:relative;
	width:16px;
	height:16px;
	text-indent:-99999px; 
	overflow:hidden;
	background-image:url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat:no-repeat;
    background-position:-240px -112px;
	margin-top:-2px;
    display:inline-block;
}
a:link .VGAMenuIcon, a:visited .VGAMenuIcon {
    position:relative;
    float:right;
    width: 24px;
    height: 24px;
    text-indent: -99999px;
    overflow:hidden;
    background-image:url(cssImages/04-24-13-VGA-dropDown-button.png);
    background-repeat: no-repeat;
    margin-top:-5px;
}
a:hover .VGAMenuIcon, a:active .VGAMenuIcon {
    background-image:url(cssImages/04-24-13-VGA-dropDown-button-over.png);	
}
a:link .VGABackIcon, a:visited .VGABackIcon {
    position:relative;
    float:left;
    width: 24px;
    height: 24px;
    text-indent: -99999px;
    overflow:hidden;
    background-image:url(cssImages/03-16-VGA-back-button.png);
    background-repeat: no-repeat;
    margin-top:-5px;
}
a:hover .VGABackIcon, a:active .VGABackIcon {
    background-image:url(cssImages/03-16-VGA-back-button-over.png);	
}
a:link .VGARefreshIcon, a:visited .VGARefreshIcon {
    position:relative;
    float:right;
    width: 24px;
    height: 24px;
    text-indent: -99999px;
    overflow:hidden;
    background-image:url(cssImages/05-30-13-VGA-refresh-button.png);
    background-repeat: no-repeat;
    margin-top:-5px;
}
a:hover .VGARefreshIcon, a:active .VGARefreshIcon {
    background-image:url(cssImages/05-30-13-VGA-refresh-button-over.png);
}
a:link .vaHouseTwitterIcon, a:visited .vaHouseTwitterIcon {
    position:relative;
    float:right;
    width: 24px;
    height: 24px;
    text-indent: -99999px;
    overflow:hidden;
    /*background-image:url(cssImages/05-31-13-VGA-tweet-button.png);*/
    background-image:url(cssImages/05-31-13-VGA-tweet-button-over.png);
    background-repeat: no-repeat;
    margin-top:-5px;
}
/*
a:hover .vaHouseTwitterIcon, a:active .vaHouseTwitterIcon {
    background-image:url(cssImages/05-31-13-VGA-tweet-button-over.png);
}
*/
.COChangeIconInContext {
	display:inline-block;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: -16px -112px;
	margin-top:-2px;
}
.COCancelledIconInContext {
	display:inline-block;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: 0 -128px;
	margin-top:-2px;
}
.COIcsIconInContext {
	float:left;
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: -32px -112px;
	/* top margins differ from other in-context icons */
	/* margin-top:-2px;*/
	/* creates a hanging indent for text on the second and third lines of the meeting time <td> */
	margin-right:.33em;
}
.COAgendaIconInContext {
	/*float:left;*/
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: -240px -128px;
	/*display: inline-block;*/
	position: absolute;
	/* top margins differ from other in-context icons */
	margin-top:2px;
	/* creates a hanging indent for text on the second and third lines of the meeting time <td> */
}
.COMapIconInContext {
	/*float:left;*/
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: -144px -144px;
	/*display: inline-block;*/
	position: absolute;
	/* top margins differ from other in-context icons */
	margin-top:2px;
	/* creates a hanging indent for text on the second and third lines of the meeting time <td> */
}
.COGTMIconInContext {
	/*float:left;*/
	width: 16px;
	height: 16px;
	text-indent: -99999px; 
	overflow: hidden;
	background-image: url(custom-vga/images/ui-icons_cd0a0a_256x240.png);
	background-repeat: no-repeat;
    background-position: -112px -80px;
	/*display: inline-block;*/
	position: absolute;
	/* top margins differ from other in-context icons */
	margin-top:2px;
	/* creates a hanging indent for text on the second and third lines of the meeting time <td> */	
}
/* /UI ICON SPRITES */
/* /W E B  A P P S  C E N T E R  C O N T E N T S */

/* footer */
#webAppFooter {	
	margin:20px auto 0 auto;
	height:64px;
	background-color:none;
	border:none;
}
#COFooterNavBar {
    width: 100%;
    height: 4em;
    margin: 10px auto 10px auto;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 7px 7px 7px 7px;
    clear:both;    
    position:absolute;
	bottom:0;
}
/* <tfoot> information to style additional table within the data table at footer */
.tfootInfo {
	font-family:Helvetica, Arial, sans-serif;
	color:#213f99;
	margin:.89em auto;
	text-align:center;
	width:97.5%;
}
.tfootInfo tbody tr td em {
    font-size:.76em;
	padding:.33em;
} 
/* /footer */

/* begin clueTip Styling */

/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 8px;
}
.ui-cluetip-header {
  font-size: 14px;
  margin: 0;
  overflow: hidden;
  font-family:'Oswald', Arial, Helvetica, sans-serif;
  letter-spacing:.03em;
/* by making the position relative below for this selector, we allow the theme header image to still show beneath the title of the clueTip */
  position: relative;
  z-index:1000;
}
.cluetip-title .cluetip-close {
  float: right;
  position: relative;
  font-size:12px;
/* moves 'cross.png' above absolute pos. category theme header images */
/* before this edit, default rule does not contain a z-index */
  z-index:1000;
}
.cluetip-close img {
  border: 0;
  float:right;
  position:relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
/*  background-image: url('/Style Library/css/css-images/images/wait.gif'); */
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
    display: none;
}
.dialog-modal.ui-dialog-content.ui-widget-content {
    padding:0;
    background-color:#fff;
}

/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #fff;
}
.cluetip-default .ui-cluetip-header {
  background-color: #fff;
}


/*
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/
/* default arrows */
div.cluetip-default .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-default .cluetip-arrows {
  background-image: url('/Style Library/css/css-images/darrowleft.gif');
}
div.clue-left-default .cluetip-arrows {
  background-image: url('/Style Library/css/css-images/darrowright.gif');
  left: 100%;
  margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
  background-image: url('/Style Library/css/css-images/darrowdown.gif');
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
  background-image: url('/Style Library/css/css-images/darrowup.gif');
  top: -11px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip .cluetip-outer {
  border: 2px solid #000;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip .cluetip-inner {
  padding: 5px;
  display: inline-block;
  background-color:#fff;
}
.cluetip-jtip div.cluetip-close {
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}

.cluetip-jtip .ui-cluetip-header {
  background-color: #fff;
  padding: 6px;
/*  margin-bottom: 1em;*/
}

/* jtip arrows */
div.cluetip-jtip .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-jtip .cluetip-arrows {
  background-image: url('/Style Library/css/css-images/arrowleft.gif');
}
div.clue-left-jtip .cluetip-arrows {
  background-image: url('/Style Library/css/css-images/arrowright.gif');
  left: 100%;
  margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
  background-image: url('/Style Library/css/css-images/arrowdown.gif');
  top: 100%;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
  background-image: url('/Style Library/css/css-images/arrowup.gif');
  top: -11px;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.cluetip-rounded .cluetip-outer {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 3px solid rgba(33,63,153,.08);
}

.cluetip-rounded .cluetip-arrows {
  border-color: #fff;
}

/* need to be more specific here to override ThemeRoller defaults */
div.cluetip-rounded .cluetip-arrows {
  font-size: 0;
  line-height: 0%;
  width: 0;
  height: 0;
  border-style: solid;
  background: transparent none;
}
div.clue-right-rounded .cluetip-arrows {
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
/*override .js absolute positioning of arrows on left and right scenarios */  
  margin-top:10px;
}
div.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
/*override .js absolute positioning of arrows on left and right scenarios */
  margin-top: 10px;
}
div.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  border-width: 11px 11px 0 11px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.clue-bottom-rounded .cluetip-arrows {
  top: -11px;
  left: 50%;
  border-width: 0 11px 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
  zoom: 1;
}

/* jQuery UI widget overrides relative to clueTip and UI defaults */

ul.menuList {    
	list-style:none;
	background:#fff; 
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#213f99; 
	padding:3px;   
}
ul.menuList li {
	padding:10px;
/*	border-bottom: solid 1px #ccc;*/
}
ul.menuList li:hover {
	background:rgba(33,63,153,.0625);
	color:#213f99;
	border-radius:7px;
}
ul.menuList li:last-child { 
/*    border:none */
}
/* clueTip menuing supplement follows webApps.css rules in cascade */
/* allows entire li to be clickable */
ul.menuList li a {
    display:block;    
}
/* /clueTip menuing supplement */
/* overrides to style ui-button theme for CO webApps */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	letter-spacing:.03em;
    color:#ec1c24;
    border:none;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    font-size:15px;
}
img.ui-datepicker-trigger {
	display:block;
	position:absolute;
	left:250px;
	top:10px;
}
.ui-widget-header {
	border:1px solid #4297d7;
	background-color: #fff;
	background-image: url("custom-vga/images/ui-bg_gloss-wave_20_213f99_500x100.png");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	color: #eaf5f7;
	font-weight: bold;
    letter-spacing: .055em;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}
.cluetip-inner.ui-widget-content.ui-cluetip-content {
	background-color:#fff;
	border:none;
}
/* mystery padding inserted here causes a space to be inserted before the titlebar in the widget container */
/* adding padding-top:0 here removes the space and also overrides the same style in "main.css" where this was omitted */
.ui-dialog {
    padding-top:0;
}
.ui-dialog .ui-dialog-buttonpane {
    border:none;
/* negative margin here brings "Filter" button up as it's being inserted into the DOM outside of the <form> element */
/* the actual button is generated within the params of the $() for ".dialog-modal-xxxFilter" */
/* additional jQueryUI clearfix classes further complicate this positioning. */
	/*margin-top:-55px;*/
}

/* /jQuery UI  widget overrides relative to clueTip and UI defaults */

/* content for modal dialogs */
.modalInstruct {
    font-family:'Oswald', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#ec1c24;
	line-height:1.3em;
	letter-spacing:.01em;
	border-bottom:1px solid rgba(121, 201, 236, 0.33);
	padding-bottom:.33em;
	width:97.5%;
}
.modalCatHeader {
    font-family:'Oswald', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#213f99;
	line-height:1.5em;
	letter-spacing:.01em;           
}
.filterAlert {
    float:right;
    padding:.33em;
	border:1px solid #448dae;
	background-color:#fff;
	border-radius:3px;
	margin:-17px 9px 0 0;	    
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#ec1c24;
	line-height:1.3em;
	letter-spacing:.01em;
	box-shadow:0 2px 2px rgba(121, 201, 236, .88);
	/* display changed at outset for .change() events */
	display:none;	
}
/* duplicate styling for jQuery driven onChange events with checkboxes in each container */
.catHolder, .filterHolder {
    width:800px;
	min-height:60px;
    padding:.33em 0 0 .33em;
	display:block;
	margin-top:33px;
	border:1px solid rgba(121, 201, 236, .33);
	border-radius:3px;
    box-shadow:0 2px 2px rgba(121, 201, 236, .66);
}
/* for consistent left margins within the ".catHolder" and ".filterHolder" containers */
.catHolder .modalCatHeader, .catHolder .modalInstruct, .filterHolder .modalCatHeader, .filterHolder .modalInstruct {
    margin-left:.33em;
}
.subCatHolder {
    width:800px;
	min-height:60px;
    padding:0 0 0 .33em;
	display:block;
	margin:13px 0 .89em 0;
}
.catHolder h2, .filterHolder h2 {
    display:block;
    margin-bottom:.88em;
	font-weight:normal;	 
    font-family:Oswald, Arial, Helvetica, sans-serif;
	font-size:.80em;
	color:#213f99;
}
.selectSection {
    width:200px;
	height:100%;
	float:left;
}
.selectSection label {
    font-family:Oswald, Arial, Helvetica, sans-serif;
  	font-size:13px;
    color:#448dae;
    letter-spacing:.03em;
}
.selectSection a {
    font-family:Oswald, Arial, Helvetica, sans-serif;
  	font-size:13px;
    color:#448dae;
    letter-spacing:.03em;
	text-decoration:underline;	
}
.selectSection a:hover {
    font-family:Oswald, Arial, Helvetica, sans-serif;
  	font-size:13px;
    color:#ec1c24;
    letter-spacing:.03em;
	text-decoration:underline;
}
/* custom checkboxes */
/*label {
    display: inline;
}*/
/*.regular-checkbox {
    display: none;
} 
.regular-checkbox + label {
    background-color: #e8edff;
    border: 1px solid #afbada;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
} 
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    background-color:rgba(121,201,236,.66);
    border: 1px solid #213f99;
}
.regular-checkbox + label:focus, .regular-checkbox:checked + label:focus {
    box-shadow:inset 0 0 2px 2px rgba(33,63,153,0.1376); 
    background-color:rgba(121,201,236,.66);
    border: 1px solid #213f99;    
}  
.regular-checkbox:checked + label {
    background-color: #e8edff;
    border: 2px solid #afbada;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
    border: 1px solid #213f99;    
} 
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 3px;
    color: #213f99;
}*/
/* /custom checkboxes */

/* custom radios */
.regular-radio {
    display: none;
}
.regular-radio + label {
    -webkit-appearance: none;
    background-color: #e8edff;
    border: 1px solid #afbada;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}
.regular-radio:checked + label:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #afbada;
    box-shadow: inset 0px 0px 10px rgba(33,63,153,1.0);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}
.regular-radio:checked + label {
    background-color: #e8edff;
    color: #213f99;
    border: 1px solid #afbada;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), 
	inset 0px 0px 10px rgba(0,0,0,0.1);
}
.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
/* /custom radios */
/* /content for modal dialogs */


/* ".CODialogForm" styles forms that appear in modal dialogs (secondary menuing for filters) */
.CODialogForm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.88em;
	font-weight:normal;
	color:#000;
}
.CODialogForm label {
    font-family:'Oswald', Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#213f99;
	letter-spacing:.03em;
}
.CODialogForm h1 {
    font-family:'Oswald', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:oblique;
	color:#ec1c24;
	letter-spacing:.03em;
	margin-left:.33em;
	font-weight:normal;
}
.CODialogForm .ui-button {
    float:right;
	margin-right:1.5em;
	display:inline;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	letter-spacing:.03em;
}
/* /".CODialogForm" */ 

/* scrollable container for multiple checkboxes in dialogs */
.checkContainer {
    width:300px;
    height: 190px;
	display:block;
	margin:.89em auto 1.5em auto;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:3px;
	border:3px solid rgba(33,63,153,.0625);
	border-radius:3px;	
	line-height:1.63em;
}
.checkContainer label {
    display:block;
    background:rgba(33,63,153,.0625);
}
/* /scrollable container for multiple checkboxes in dialogs */

/* non-scrolling floating containers for subcommittee interactivity in dialogs */
.floatCheckContainerL, .floatCheckContainerR {
    width:300px;
    height: auto;
	display:block;
	float:left;
	margin:.89em 1.5em 1.5em 0;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:3px;
	border:3px solid rgba(33,63,153,.0625);
	border-radius:3px;	
	line-height:1.63em;
}
.floatCheckContainerL label, .floatCheckContainerR label {
    display:block;
    background:rgba(33,63,153,.0625);
}
.floatCheckContainerR label {
   padding-left:1.6em;
   text-indent:-1.6em;
}
.nestedCheckContainerPar {
    font-family:'Oswald', sans-serif;
	color:#213f99;
	margin:.33em 0 .76em .33em;
}
#copyTarget, #copyAllMeetingsTarget, #copyCommsAndSubs {
	font-size:.89em;
	color:#000;
	font-style:oblique;	
	width:100%;
    border-radius: 3px;
	border:1px solid rgba(33, 63, 153, 0.063);
	box-shadow:inset 0 0 5px 5px rgba(33, 63, 153, 0.42);
	padding:7px;
}
/* non-scrolling floating containers */
/* ".VGAStateTable" (memBio tables, etc.) */
/* container to constrain, move and round table structures */
#memBioContainer {
    display:block;
	width:97.5%;
	border-radius:10px;
	border:1px solid #afbada;
	overflow:hidden;
	padding:0;
	box-shadow:0px 2px 2px rgba(0, 0, 0, .33);
	margin:0 auto 0 auto;
}
.agendaContainer {
    display:block;
	width:97.5%;
	border-radius:10px;
	border:1px solid #afbada;
	overflow:hidden;
	padding:0;
	box-shadow:0px 2px 2px rgba(0, 0, 0, .33);
	margin:0 auto 1.39em auto;
}
/* /table container */
.VGAStatTable {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
    border: none;
	padding:0;
}
.VGAStatTable th {
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #213f99;
	text-align:left;
}
.VGAStatTable thead tr th {
    font-family:"Oswald", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #afbada;
	min-width:60px;
	cursor:pointer;
}
.VGAStatTable tbody tr{
	background-color: #e8edff;
/*    border:1px solid #69c; */
}
.VGAStatTable td {
	padding: 10px;
	color: #213f99;
	border:none;
	border-top: 1px solid #fff;
	line-height:100%; 
}
.VGAStatTable tbody tr.even:hover td, .VGAStatTable tbody tr.odd:hover td {	
	color: #fff;
	background-color: #213f99;
}
.VGAStatTable tfoot tr {
    text-align:center;
}
.VGAStatTable tfoot tr td {
    border-top:1px solid #afbada;
}
.VGAStatTable tfoot a:link, .VGAStatTable tfoot a:visited  {
    font-weight:bold;
	text-decoration:underline;	
}
.VGAStatTable tfoot a:hover, .VGAStatTable tfoot a:active  {
    font-weight:bold;
	color:#ec1c24;
	text-decoration:underline;
}
.VGAStatTable a:link, .VGAStatTable a:visited {
    color:#213f99;
	text-decoration:underline;
}
.VGAStatTable a:hover, .VGAStatTable a:active {
    color:#fff;
}
.VGAStatTable tbody tr:hover td a:link, .VGAStatTable tbody tr:hover td a:visited {
	color: #fff;
}
/* /".VGAStatTable" (memBio tables, etc.) */
/* basic styling to address incoming AJAX content that occurs after DOM load on "#agendas" jQuery UI tabs */
.VGAStatTable.VGAAgendas tbody tr:nth-child(even) {
	background: #fff
}
.VGAStatTable.VGAAgendas tbody tr:hover td {	
	color: #213f99;
	background-color: #ccc;
}
.VGAStatTable.VGAAgendas tbody tr:hover td a:link, .VGAStatTable tbody tr:hover td a:visited {
	color: #213f99;
}
/* /AJAX content that occurs after DOM load */
/* ".VGA-memBioTabsDialog.php" ui-tabs styling */
.VGAMemBioContent {
	float:left;
	width:690px;
	min-height:320px;
	border:none;
	position:relative;
}
.memBioTabs {
	width:auto;
}
.memBioTabs li {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.memBioTabs p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;
}
/* additional JQUERYUI  T A B  O V E R R I D E S (first set for #mainContent precedes these) */ 
.memBioTabs .ui-widget-content {
	display: block; 
	border-width: 1px; 
	padding: 1em .75em 8px; 
	background: #fff;
    /* constricts tab panel content area */
	/* panels will otherwise expand and look inconsistent */
	max-width:701px;
	min-width:701px;
	overflow:hidden;
	/* keeping overflow:hidden above with no max-height shows the panel container properly */
	/* while allowing all content to always show, regardless of its length/height */
}
#selectedCommContain .memBioTabs .ui-widget-content {
	display: block; 
	border-width: 1px; 
	padding: 1em .75em 8px; 
	background: #fff;
    /* constricts tab panel content area */
	/* panels will otherwise expand and look inconsistent */
	max-width:none;
	overflow:hidden;
	/* keeping overflow:hidden above with no max-height shows the panel container properly */
	/* while allowing all content to always show, regardless of its length/height */
}
.agendaLoader {
    display:block;
	width:150px;
	height:150px;
	overflow:hidden;
	margin:.76em auto .76em auto;
	text-align:center;
}
.memBioTabs.ui-tabs {
	padding:0;
	border-width:0;
}
.memBioTabs.ui-tabs .ui-tabs-nav {
	margin-top: 7px; 
	/*padding: .2em .2em 0;*/
	border-width:0;
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	padding:0;
	background:#fff;
}
.memBioTabs .ui-tabs .ui-tabs-nav li {
	min-height:21px;
	max-height:21px;
	display: block;
}
.memBioTabs.ui-tabs .ui-tabs-nav li a { 
	min-height:21px;
	/*margin-left: auto;
	margin-right: auto;*/
	padding: .4em 1em 0 1em;
	text-decoration: none;
	display: block;
	font-weight:500;
}
/* photo styling */
.memBioTabs .ui-widget-content .memBioPhotoContainer {
    width:auto;
	height:auto;
    /*	max-width:108px;*/
    /*	max-height:152px;*/
    height:152px;
	overflow:hidden;
	float:left;
	display:block;
	box-shadow:0 2px 2px rgba(0, 0, 0, .66);
}
/* /photo styling */

/* Title/Intro info container for "Contact Info" tab */
.memBioIntroDesc {
  margin:0 10px 0px;
  /*  similar sized height as photo that omits extra white space and doesn't break the <td> 
      <div> layout beneath <table> for all bio containers */
  min-height:160px; 
  width:35%;
  float:left;
  /* clear:right; */
  display:block;
  font-family:Oswald, Arial, Helvetica, sans-serif;
  font-size:.88em;
  color:#000;
  line-height:1.3em;
  letter-spacing:.03em;
}
.memBioOffice {
	float:left;
	width:50%;
  margin:.33em 0 .53em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	display:block;
	line-height:120%;
}
/* optional second class to compensate for awkward floats */
.memBioOfficeClear {
    margin-bottom:96px;
}

/* this <div> sits inline within .memBioOffice to house new app links & QR code(s) 
   font styling appended to other <h3>S below */
.house-app-info {
  /* display: inline-block; */ 
  /* margin-top: .53rem; */
  float: right;
}

.app-info-wrapper {
  display: flex;
}

/* QR code placement */
.QR-placement {
  float: left;
  width: 5rem;
  height: 5rem;
  border: 3px solid #213f99;
  border-radius: 5px;
  margin-right: .53rem;
}

.QR-placement img {
  width: 5rem;
  height: 5rem;
}

/* link information */
.house-app-links {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-right: 0.76rem;
}
.house-app-button {
  padding: .5rem;
  background-color: #afbada !important;
  border-radius: 7px;
  box-shadow: 0px 4px 5px 2px aliceblue;
  border: 2px solid #c1cedf;
  font-family: "Oswald", Helvetica, sans-serif;
  font-size: .83em;
  font-weight: 500;
  letter-spacing:.03em;
  will-change: transform;
  transition: transform 450ms;
}
.house-app-button:hover {
  transition: transform 125ms;
  transform: translateY(-3px);
}

.whosMyClear {
    margin-bottom:96px;
}
/* /optional second class */
.memBioOffice table tbody tr td {
    line-height:1.3em;
}
.memBioOffice thead tr th, .memBioOffice h3, .house-app-info h3 {
    font-family:Oswald, Arial, Helvetica, sans-serif;
	font-size:15px;
    font-weight:normal;
	text-align:left;
	letter-spacing:.01em;
	height:1.89em;
    color:#213f99;	
}
/* multiple selector because of inconsistent data coming from SharePoint's form */
.memBioOffice thead tr th p, .memBioOffice thead tr th div {
    font-size:15px;
	color:#000;
	/*font-style:oblique;*/
	margin:.33em 0 1.33em 0;
	line-height:1.3em;
}
.memBioOffice table tbody tr td ul.dialogList li, .memBioOffice ul.dialogList li, memBioOffice ul.dialogList li p {
    /* font size below designed to match surrounding content size(s) */
    font-size:13px;
	padding-right:.33em;
}
.memBioOffice h3.tabAlert {
    color:#ec1c24;
	font-style:oblique;
}
.summaryLabel {
    font-weight:bold;
    /* font size below designed to match surrounding content size(s) */
	font-size:13px;
	color:#000;
}
.summaryAgendaLabel {
    color:#213f99; 
	font-family:Oswald, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-bottom:.15em;
}
.summaryDistDescriptLabel {
    font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal;
}
.memBioOffice thead tr th span.summaryDistDescriptLabel div, .memBioOffice thead tr th span.summaryDistDescriptLabel p {
    font-size:13px;
}
.memberTabPar, .memberTabPar a {
    font-size:13px;
}
.distDescriptPlacement div {
    display:inline;
	font:'Oswald', sans-serif;
}
/* /Title/Intro info */
/* additional JQUERYUI  T A B  O V E R R I D E S */
/* /".VGA-memBioTabsDialog.php" ui-tabs styling */

/* committee tabs content area */
.pageTabsContainer {
    width:700px;
	margin:1em auto 1em auto;
}
.committeeHeader {
    width:30%;
	display:block;
	margin:.33em auto .76em auto;
	text-align:center;
	font-family:Oswald, Arial, Helvetica, sans-serif;
	color:000;
	text-shadow:0 2px 3px rgba(0, 0, 0, .33);
}
.committeeHeader h1 {
    font-weight:normal;
	font-size:1.3em;
}
/* /committee tabs content area */

/* tableSorter styling */

/* sorting sprite menu icons */
/* subsequent clicks move the sprite up */
/* frames are increments of 18px high */
.VGAStatTable thead tr th {
	cursor: pointer;
}
.VGAStatTable thead tr th .VGASortSprite {
	width:12px;
	height:18px;
    position:absolute;
	margin:-2px 0 0 5px;
	overflow:hidden;
	background-image:url(../../../css/cssImages/VGA-menuing-sort-sprite.png);
	background-repeat:no-repeat;
	background-position:left 0px;
	cursor: pointer;
}
.VGAStatTable thead tr .tablesorter-headerAsc .VGASortSprite {
    background-position: left -18px;
}
.VGAStatTable thead tr .tablesorter-headerDesc .VGASortSprite {
    background-position: left -36px;
}
.VGAStatTable tbody tr.even td {
	background-color:#fff;
}
.VGAStatTable thead tr .tablesorter-headerAsc, .VGAStatTable thead tr .tablesorter-headerDesc {
    box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);		
}
/* tableSorter ".agendaInfo" table (to avoid collisions with prev. sorting & table styles) */
.agendaInfo {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
    border: none;
	padding:0;
}
.agendaInfo th {
	padding: 9px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #213f99;
	text-align:left;
}
.agendaInfo thead tr th {
    font-family:"Oswald", Arial, Helvetica, sans-serif;
	border-bottom:1px solid #afbada;
	min-width:60px;
	cursor:pointer;
}
.agendaInfo tbody tr{
	background-color: #e8edff;
/*  border:1px solid #69c; */
}
.agendaInfo td {
	padding: 10px;
	color: #213f99;
	border:none;
	border-top: 1px solid #fff;
	line-height:100%; 
}
/*.agendaInfo tbody tr.even:hover td, .agendaInfo tbody tr.odd:hover td {	
	color: #fff;
	background-color: #213f99;
}*/
.agendaInfo tbody tr.standardZebra:hover td {	
	color: #fff;
	background-color:#213f99;
}
.agendaInfo tbody tr.standardZebra:hover td a {	
	color: #fff;
	background-color:#213f99;
	text-decoration:underline;
}
/* renders initial injected output as white */
.agendaInfo tbody tr.summary, 
.agendaInfo tbody tr.impact,
.agendaInfo tbody tr.last_five,
.agendaInfo tbody tr.sovcommitteerec,
.agendaInfo tbody tr.related_bills,
.agendaInfo tbody tr.subcommittee,
.agendaInfo tbody tr.subcommitteerec {
	color: #213f99;
	background-color:#fff;
}
/* renders hovered injected output as white also */
/* line-height changes on crowded, lists within <td>s */
.agendaInfo tbody tr.summary td,
.agendaInfo tbody tr.last_five td,
.agendaInfo tbody tr.related_bills,
.agendaInfo tbody tr.sovcommitteerec td {
    line-height:1.3em;
}
/* /line-height changes */
/* spans for emphasis on injected content & links */
.injectEmphHL {
   color: #ec1c24;
   font-weight:bold;
}
.injectEmphB {
   font-weight:bold;
}
/* inline emergency callout */
.emergency {
   font-weight: bold;
   background: #ec1c24;
   color: #FFF;
   text-shadow: none;
   padding: 1px 4px 0;
   border-radius: 4px;
   margin-left: 10px;
}
/* used for update notices - (location, date and/or time changes) */
.agendaUpdateAlert {
   font-weight: bold;
   background:#BEEFC3;
   color: #000;
   text-shadow: none;
   padding: 1px 4px 0;
   border-radius: 4px;
   border-color:#ccc;
}
/* used for Time Stamp notices - (agenda last updated XX) */
.agendaTimeStampAlert {
   font-weight:bold;
   background:#BEEFC3;
   color:#000;
   text-shadow: none;
   padding: 1px 4px 0;
   border-radius: 4px;
   border-color:#ccc;
}
/* used for cancellation notices */
.agendaInfoAlert {
   font-weight: bold;
   background: #ec1c24;
   color: #FFF;
   text-shadow: none;
   padding: 5px 10px 5px;
   border-radius: 4px;
}
/* /spans for injected content */
/* links within certain injected content */
.agendaInfo tbody tr td a.injectEmphL:link, .agendaInfo tbody tr td a.injectEmphL:visited {
   color: #ec1c24;
   font-weight:bold;
   text-decoration:underline;
}
.agendaInfo tbody tr:hover td a.injectEmphL:hover, .agendaInfo tbody tr:hover td a.injectEmphL:active {
   color: #ec1c24;
   font-weight:bold;
   text-decoration:underline;	
}
/* /links within injected content */
.agendaInfo tfoot tr {
    text-align:center;
}
.agendaInfo tfoot tr td {
    border-top:1px solid #afbada;
}
.agendaInfo tfoot a:link, .agendaInfo tfoot a:visited  {
    font-weight:bold;
	text-decoration:underline;	
}
.agendaInfo tfoot a:hover, .agendaInfo tfoot a:active  {
    font-weight:bold;
	color:#ec1c24;
	text-decoration:underline;
}
.agendaInfo a:link, .agendaInfo a:visited {
    color:#213f99;
	text-decoration:underline;
}
.agendaInfo a:hover, .agendaInfo a:active {
    color:#fff;
}
/*.agendaInfo tbody tr:hover td a:link, .agendaInfo tbody tr:hover td a:visited {
	color: #fff;
}*/
.agendaInfo thead tr th {
	cursor: pointer;
}
.agendaInfo thead tr th .VGASortSprite {
	width:12px;
	height:18px;
    position:absolute;
	margin:-2px 0 0 5px;
	overflow:hidden;
	background-image:url(../../../css/cssImages/VGA-menuing-sort-sprite.png);
	background-repeat:no-repeat;
	background-position:left 0px;
	cursor: pointer;
}
.agendaInfo thead tr .headerSortUp .VGASortSprite {
    background-position: left -18px;
}
.agendaInfo thead tr .headerSortDown .VGASortSprite {
    background-position: left -36px;
}
.agendaInfo tbody tr.even td {
	background-color:#fff;
}
.agendaInfo thead tr .headerSortDown, .agendaInfo thead tr .headerSortUp {
    box-shadow:inset 0 0 3px 3px rgba(33,63,153,0.1376);		
}
/* /tableSorter ".agendaInfo" table */
/* /tableSorter styling */

/* /W E B A P P  S P E C I F I C  M O D U L E S */

/* basics */
.simplecenter {
	text-align: center !important;
}
/* /basics */

/* LEFT */
/* forces checkboxes to be left of labels */
.controlL {
  /*font-size: 18px;*/
  position: relative;
  display: block;
  /*margin-bottom: 15px;*/
  padding-left: 25px;
  cursor: pointer;
}
label.controlL {
  margin-bottom: 0;
}
.controlL input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicatorL {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: #e6e6e6;
  border-radius:3px;
  border:1px solid #999;  
}
/* Hover and focus states */
.controlL:hover input ~ .control__indicatorL,
.controlL input:focus ~ .control__indicatorL {
  background: #faf2cc;
}

/* Checked state */
.controlL input:checked ~ .control__indicatorL {
  background: #213f99;
}

/* Hover state whilst checked */
.controlL:hover input:not([disabled]):checked ~ .control__indicatorL,
.controlL input:checked:focus ~ .control__indicatorL {
  background: #213f99;
}

/* Disabled state */
.controlL input:disabled ~ .control__indicatorL {
  pointer-events: none;
  opacity: .6;
  background: #e6e6e6;
}

/* Check mark */
.control__indicatorL:after {
  position: absolute;
  display: none;
  content: '';
}

/* Show check mark */
.controlL input:checked ~ .control__indicatorL:after {
  display: block;
}

/* Checkbox tick */
.control--checkboxL .control__indicatorL:after {
  top: 4px;
  left: 8px;
  width: 3px;
  height: 8px;
  transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkboxL input:disabled ~ .control__indicatorL:after {
  border-color: #7b7b7b;
}
/* line-height and position for modal checboxes that are stacked too close to one another */
.col-lg-7 .input-group { 
  line-height:1.76em;
}
.col-lg-7 .input-group .control__indicatorL {
  top:2px;
}
.col-lg-5 .input-group { 
  line-height:1.76em;
}
.col-lg-5 .input-group .control__indicatorL {
  top:2px;
}
/* /line-height and position */

/* /checkboxes to be left of labels */
/* / LEFT */