/* WV Legislature's Web site: https://www.wvlegislature.gov
-------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC:400,400i,700,700i,900,900i|Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

/*for ref...
font-family: 'Roboto', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Playfair Display SC', serif;
font-family: 'Bebas Neue', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Crimson Text', serif;*/


body,td,th,ul {font-family: 'Roboto', Arial, sans-serif; text-rendering: optimizeLegibility;}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display SC', Georgia, serif;
	font-weight:400;
	line-height: 1.2;
	text-rendering: optimizeLegibility;
	font-variant-numeric: lining-nums;
}

#bgcolortest {background-color:#00FF33;}

body {margin: 10px 10px 5px 15px; padding: 0px 0px 0px 0px; font-size: 12px; font-variant-ligatures: no-common-ligatures; font-variant-numeric: oldstyle-nums;}


strong, b {font-weight: 900; }
td {font-size: 12px;}

ul {font-size: 12px;}

img {border: 0;}
a img {border: 0;}

a,strong,b, .majorbillshead2 {font-variant-numeric: lining-nums;}

sub { vertical-align: baseline; font-size: inherit; font-variant-position: sub; } /* subscript font property*/
sup { vertical-align: baseline; font-size: inherit; font-variant-position: super; } /* superscript font property*/


/* -------------------table borders destroy--------------------------*/
.tabborder {border-left: 1px solid #666;
border-top: 1px solid #666;}

.tdborder {border-right: 1px solid #666;
vertical-align:top;
border-bottom: 1px solid #666;}

.thborder {border-right: 1px solid #666;
vertical-align:top;
text-align:left;
border-bottom: 1px solid #666;
background-color:#E6E6E6;
font-weight:bold;
font-size:80%;}
/* -------------------table borders destroy--------------------------*/





.querypic {margin: 0px 20px 20px 0px; border:1px solid black;}

.querytext {padding: 0px 0px 10px 0px; text-align:justify; font-size:12px; width:880px;}
	
#navskip {width:20px; position: absolute; top: 15px; left: 575px; color:#282a3c; font-size: 1px;}
#navskip a {text-decoration:none; font-size: 1px;}
#navskip a:link, #navskip a:visited, #navskip a:hover, #navskip a:active{color:#282a3c;}

#mainsearch {position: absolute; top: 35px; left: 625px; width: 260px; font-size: 10px; color:#fff;}
#mainsearch a {text-decoration:none; font-size: 10px;}
#mainsearch a:link, #mainsearch a:visited{color:#fff;}
#mainsearch a:hover, #mainsearch a:active{color:#ccc;}

/*#underlinelink {text-decoration:underline;}*/

#plainlink {text-decoration:none;}

/*.bordertop { border-top:1px solid black; padding-top:10px;}*/

.gray {color:#999999;}

.floatleft {float:left; border:none;}
.floatright {float:right; border:none;}

#blocktext {padding-left:0px; width:880px; text-align:justify;}
#blocktext_ie{padding-left:0px; width:880px; text-align:justify;}
#blocktext_small {padding-left:0px; width:580px; text-align:justify;}
#blocktext_smaller {padding-left:0px; width:580px; text-align:justify; line-height:1.5;}
#blocktext_smallest {padding-left:0px; width:450px; text-align:justify;}
#blocktext_alt {padding-left:0px; width:580px; text-align:justify;}

#staffpara { width: 600px; font-size: 12px; text-align: justify; padding-left: 15px;}

#dtmod { border: 2px solid black; width: 200px; font-size: 8px; text-align: right; float: right;}

a {text-decoration:none; font-size: 12px;}

a:link, a:visited{ color:#006;}
a:hover, a:active{ color:#999;}

.hotlink a:link, .hotlink a:visited{ color:#900 !important;}
.hotlink a:hover, .hotlink a:active{ color:#999 !important;}

.hotlinktext{ color:#900 !important;}

.boldtxthead {font-size:20px; color: #20233c; text-decoration: none; font-weight: normal; margin: 0px; padding: 10px 10px 10px 0px;}

h1 {font-size:14px; color: #20233c; text-decoration: none; margin: 0px; padding: 5px 5px 5px 0px;font-variant-ligatures: no-common-ligatures;}
h2 {font-size:16px; color: #20233c; text-decoration: none; margin: 0px; padding: 10px 0px;font-variant-ligatures: no-common-ligatures;}
h3 {font-size:20px; color: #20233c; text-decoration: none;  margin: 0px; padding: 10px 10px 10px 0px;}
h4 {font-size:14px !important; text-decoration: none; font-weight: bold !important; margin: 0px; padding: 5px 5px 5px 0px;}
h5 {font-size:14px; color: #20233c; text-decoration: none; margin: 0px; padding: 0px 0px 5px 0px;}

h4 a {font-weight:bold !important;
font-size:14px !important;}

.style1 {font-size:12px; color: #20233c; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px 0px 3px 0px;} 

.smalltext, .smalltext a {font-size:9px; font-style: italic;}

.simpleborder, .simpleborder a, .simpleborder a:link, .simpleborder a:visited {font-size:10px; font-style: italic;
color:#005;
border: 1px dotted #999;
padding:0px;
}


.redtext {color:#900;}



/*SEARCH AND DESTROY?*/
h6 {font-size:12px; color: #005; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px 0px 5px 0px;}
h7 {font-size: 20px; color: #005; text-decoration: none; font-weight: normal; margin: 0px; padding: 0px 0px 10px 0px;}
h8 {font-size: 14px; color: #EE0000; text-decoration: none; font-weight: bold;}
h9 {font-size:14px; color: #005; text-decoration: none; font-weight: normal;}
.style4 {font-size: 12px; margin: 5px;}
#bstatmenu {z-index: 1; overflow: visible;}/**/


/*WRAPPER
--------------------------------*/
#wrapper {font-size:12px;line-height: 1.6em; color:#393939;}


#wrapper  {
	font-size:12px;
	text-decoration: none;  
	}

/*#wrapper img, #wrapper img a, #wrapper img a:link, #wrapper img a:visited, #wrapper img a:hover #wrapper img a:active {
	text-decoration: none;
	border: 1px solid black;
}
*/


#wrapper a:link, #wrapper a:visited {
	color: #875D1A;
	/*color: #916c3a;*/ 
	border-bottom: 1px dotted #875D1A;
	}

#wrapper a:hover, #wrapper a:active {
	padding-bottom:0px;
	text-decoration: none;
	color:#152444;
	border-bottom: 1px dotted #152444;	
	background-color:#F9F7EF;
	}




/* FLOAT 2-COLUMN LAYOUT - (WIDE LEFT)
----------------------------------------*/
#wrapper {width: 880px;}
#wrappernostyle {width: 870px;}
#wrappernostylesm {width: 800px;}
#wrapleftcol {float:left; width: 515px; padding: 0 10px 0 0;}
#wraprightcol {float:right; width:350px; padding: 10px 0 0 0; margin: 10px 0 0 0;}


/* FLOAT 2-COLUMN LAYOUT - (WIDE RIGHT)
----------------------------------------*/
#wrapleftcolr {float:left; width: 350px; padding: 0 10px 0 0;}
#wraprightcolr {float:right; width:515px; padding: 10px 0 0 0; margin: 10px 0 0 0;}

/* FLOAT 2-COLUMN LAYOUT - (EXTRA WIDE RIGHT)
----------------------------------------*/
#wrapleftcolxr {float:left; width: 200px; padding: 0 10px 0 0;}
#wraprightcolxr {float:right; width:665px; padding: 10px 0 0 0; margin: 10px 0 0 0;}

/* FLOAT 2-COLUMN LAYOUT - (EQUAL COLUMNS)
----------------------------------------*/
#wrapleft2col {float:left; width: 400px; padding: 10px 10px 0 0; margin: 10px 0 0 0;}
#wrapright2col {float:right; width:400px; padding: 10px 0 0 0; margin: 10px 0 0 50px;}


#wraprightcolrrules {float:right; width: 515px; padding: 10px 0 0 0; margin-top: -25px;} /*rules page text fix*/



/*FLOATED PICS
--------------------------------*/
.pic {position:relative;
float:left;
margin: 0px 10px 5px 0px;
}

.pic1 {position:relative;
float:right;
margin: 0px 0px 5px 10px;
}

span.pic i, span.pic1 i {font-size:10px;}



/*NAV
--------------------------------*/
#logo{z-index: 2; margin-bottom: 25px; border: 1px solid #20233c;  width:878px;}

#daysleft {z-index: 3; font-size: 10px; color:#FFFFFF; position: absolute; text-decoration: none; width: 180px; top: 28px; left: 635px;}	
#daysleft a:link, #daysleft a:visited{ color:#FC6; font-size: 10px;}
#daysleft a:hover, #daysleft a:active{ color:#999; font-size: 10px;}

/*triggers*/
#trigger1 a, #trigger2 a, #trigger3 a, #trigger4 a, #trigger5 a, #trigger6 a, #trigger7 a, #trigger8 a {display: block; background-color: #fc6; font-size: 12px; border: 1px solid black;padding: 2px 3px 2px 3px; text-decoration:none; text-align:center; width: 100px; height: 15px; top: 90px; vertical-align:middle; position: absolute;  font-family: Century Gothic, Arial, Helvetica, sans-serif;}
#trigger1 a:link, #trigger2 a:link, #trigger3 a:link, #trigger4 a:link, #trigger5 a:link, #trigger6 a:link, #trigger7 a:link, #trigger8 a:link, #trigger1 a:visited, #trigger2 a:visited, #trigger3 a:visited, #trigger4 a:visited, #trigger5 a:visited, #trigger6 a:visited, #trigger7 a:visited, #trigger8 a:visited { color:#282a3c; background-color:#fc6;}
#trigger1 a:hover, #trigger2 a:hover, #trigger3 a:hover, #trigger4 a:hover, #trigger5 a:hover, #trigger6 a:hover, #trigger7 a:hover, #trigger8 a:hover, #trigger1 a:active, #trigger2 a:active, #trigger3 a:active, #trigger4 a:active, #trigger5 a:active, #trigger6 a:active, #trigger7 a:active, #trigger8 a:active { color:#20233c; background-color:#fff;}

#trigger1 a {left: 15px;}
#trigger2 a {left: 121px;}
#trigger3 a {left: 227px;}
#trigger4 a {left: 334px;}
#trigger5 a {left: 441px;}
#trigger6 a {left: 548px;}
#trigger7 a {left: 655px;}
#trigger8 a {left: 762px;}
#triggerhome {left: 869px; top: 90px; position: absolute;}

/*submenus*/
#subs1, #subs2, #subs3, #subs4, #subs5, #subs6, #subs7, #subs8 {position: absolute; width: 175px; top: 111px; left: 15px; font-size: 11px; visibility: hidden; background-color: #fff; z-index: 100;}
	
#subs1 {left: 14px;}
#subs2 {left: 120px;}
#subs3 {left: 226px; width: 200px;}
#subs4 {left: 333px;}
#subs5 {left: 440px;}
#subs6 {left: 547px; width: 200px;}
#subs7 {left: 654px; width: 185px;}
#subs8 {left: 761px; width: 135px;}

/*submenu links*/
.submenus a, .submenus a:visited {display: block; padding: 5px 8px 5px 12px; background-color: #20233c; color: #fff; text-decoration: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; z-index: 100;}
.submenus a:hover, .submenus a:active, .submenus a:focus {background-color:#fc6; color: #333;}/**/








/*  FOOTER
--------------------------------*/

#footer {
	position:relative; 
	width:880px;
	height: 40px;
	background-color: #20233c; 
	top: 3px;
	left: 0px; 
	clear:both;
	}

.footerlinks {
	font-size: 10px; 
	color:#CCC;
	background-color: #20233c; 
	text-decoration: none;  
	padding:12px;
	float:left; 
	}

.footerlinks a:link, .footerlinks a:visited { 
	font-size: 11px; 
	color:#fff;
	}

.footerlinks a:hover, .footerlinks a:active { 
	color:#FC6;
	border-bottom: 1px dotted #ccc;
	padding-bottom:1px;
	}

.social {
  float: right;
  /*background-color: #005; */
  padding: 9px 9px 7px 25px;
  border-left: 1px dotted #ccc;
/*  margin: 7px 0 0 0 ;*/
  }

.social img {
  float: left;
  margin: 0 5px 0 0;
}
	
.social img:hover {
  -moz-transform: rotate(10deg) scale(1.2);  
  -o-transform: rotate(10deg) scale(1.2); 
  -webkit-transform: rotate(10deg) scale(1.2);
  transform: rotate(10deg) scale(1.2);
  }
  
.social img:hover:nth-of-type(2n-1) {
  -moz-transform: rotate(-10deg) scale(1.2);  
  -o-transform: rotate(-10deg) scale(1.2); 
  -webkit-transform: rotate(-10deg) scale(1.2);
  transform: rotate(-10deg) scale(1.2);
  }
  
.photos span img {z-index: 5;} 

.social li span {
	list-style: none;
}

.baseline {margin: 10px 0px 0px 0px; font-size: 10px;  width: 880px; height: 10px; }
.baseline a { font-size: 10px; border-bottom: 1px dotted #666; padding-bottom:1px;}


/*PUBLICATIONS
--------------------------------*/
#whole {width: 880px;
height: 230px;
text-align: left;
border-top: 1px dotted #666666;
padding-top: 10px;}

#wholedir {width: 880px;
height: 700px;
text-align: left;
border-top: 1px dotted #666666;
padding-top: 10px;}

#wholesm {width: 880px;
height: 280px;
text-align: left;
border-top: 1px dotted #666666;
padding-top: 10px;}

#wholebb {width: 880px;
height: 1800px;
text-align: left;
border-top: 1px dotted #666666;
padding-top: 10px;}

#acts {width: 880px;
height: 1450px;
text-align: left;
border-top: 1px dotted #666666;
padding-top: 10px;}

#wholesj {width: 880px;
height: 900px;
text-align: left;
border-top: 1px dotted #666666;
padding-top: 10px;}

#wholehj {width: 880px;
height: 600px;
text-align: left;
border-top: 1px dotted #666666;
padding-top: 10px;}

.imageleft {float: left;}

.textinfo {float: right;
width: 250px;
padding-top: 20px;
padding-right: 0px;}

.textright {float: right;
width: 430px;
padding-top: 20px;
padding-right: 30px;}

.textright table {border: 0px;
}
.textright td {vertical-align:top; line-height:2.0; 
}

td.spacer {border-bottom: 1px dotted #666666; padding-bottom: 20px; }

img {border: 0px;}



/*--------------------------------*/
/*WVCODE 
--------------------------------*/
#codehints {border: 1px solid black; margin: 10px; padding: 5px 5px 5px 5px; width:840px; text-align:left;}

.codelink { line-height:16px;}
.codelink a {font-size:12px;}


/*DAILY SUMMARY
--------------------------------*/
.sumtext {font-size:11px; font-weight: normal; margin: 0px; padding: 5px; width:880px; text-align:justify}
.sumtext a {text-decoration:underline; font-size: 11px;} /**/



/*GOOGLE PAGE
--------------------------------*/
.googlenavspacer {position:absolute; top: 115px; left: 13px; height: 205px; width: 890px; z-index:1;}

.googlelayer2 {z-index:2;}



/*APPLICATION HEADERS
--------------------------------*/
#logout {position: absolute; top: 120px; left: 850px;}

#vfd_logout {position: absolute; top: 120px;} 
 

#civacts_header {position: absolute; top: 130px; color:black;}
#civacts_header a {text-decoration:none; font-size: 11px;}
#civacts_header a:link, #civacts_header a:visited{color:black;}
#civacts_header a:hover, #civacts_header a:active{color:#fff;}

#PBT_header {position: absolute; top: 130px;}  
#loginerror {position: absolute; top: 145px; left: 525px; color:#000; } 


/*PERSONALIZED BILL TRACKING
--------------------------------*/
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
border: 0px;
background-color: #CCC;
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
margin-bottom: 1px;
text-decoration: none;
}

.subuls{
display: none;
width: 10em;
position: absolute;
background-color: #CCC;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
}

.subuls li{
width: 100%;
border-bottom:solid 1px black;
}

.subuls li a{
text-decoration: none;
padding: 5px 0px 5px 0px;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, #cssdropdown li.sfhover ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}



/*WRAP-UP
--------------------------------*/

#wrapupheader {font-size:36px; color:#20233c; padding: 15px 0px 10px 0px; letter-spacing:2px; font-family: 'Lora', Georgia, serif;}  

#wrapuptext {font-size:12px;line-height: 1.6em; color: #666; padding: 0px 0px 0px 0px; text-align:justify;} 

#rsstag {float:right; padding: 0 0 0 10px;} 

#wrapupdate {float:right;  font-size:11px;} 

#wrapup {border: 1px solid black;}

#wrapupcaption {border-left: 1px solid black;border-right: 1px solid black;border-bottom: 1px solid black;padding:10px;width:330px;margin:0px 0px 20px 0px; font-size:11px; line-height: 1.5em;}

#wrapuppic {border: 1px solid black; width:350px; margin-bottom:0px; padding-bottom:0px;}
#wrapuppic2 {border: 1px solid black;}
#wrapupcaption2 {border-left: 1px solid black;border-right: 1px solid black;border-bottom: 1px solid black;padding:10px;width:330px;margin-bottom:20px; font-size:10px;}

#wrapuponthemove {border: 1px solid black;padding:10px;width:330px;margin-bottom:20px; font-size:10px;}

#wrapupgraphic {margin-bottom:20px; }

#wrapupdownload {padding:10px;border:1px solid black;}

#wrapupstaff {padding:10px; border:1px solid black;}




/*PERD
--------------------------------*/
#perdreports {position:relative; width:315px; padding:15px;margin:0px 0px 10px 5px;border:1px solid #666;}

#perdreports h1 {border-top:1px dotted #999; padding-top:15px;}

.perdpic {position:relative;
float:left;
margin: 0px 10px 0px 0px;}







/*FORMS - wrap in: <div id="stylized" class="myform">, label clearly
--------------------------------*/
form, .myform button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:500px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}

#stylized p{
font-size:12px;
color:#666666;
margin:5px 0 20px 0;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}

#stylized label.req {
color:#930;
}


#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
margin-top: -5px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
}

#stylized radio{
float:left;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
}

#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#999 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#Stylized a.button {padding: 10px 10px;}

#stylized a, #stylized a:link, #stylized a:visited, #stylized a:hover, #stylized a:active {
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#999 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.stylized input{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#999 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.formalign {margin-left:310px; }

button.stylized{
clear:both;
/*margin-left:150px;*/
width:125px;
height:31px;
background:#999 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

button.stylizedimportant{
clear:both;
/*margin-left:150px;*/
width:125px;
height:31px;
background:#900 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

input.stylized {
clear:both;
/*margin-left:150px;*/
width:125px;
height:31px;
background:#999 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}