/* CSS for Texas Secretary of State

Author: James Nino
/*------------------------------------------------------
Last Modified: 07/21/11 - Added table.norm-5px td.align-c to address deprecated align=right code - JNino
Last Modified: 08/04/11 - Added ul.custom to eliminate usage of <br> in lists - JNino
Last Modified: 10/04/11 - Added th.align-left-bg to table.norm-5px - JNino
Last Modified: 07/20/12 - Added #footnote for new VR section - Jnino
Last Modified: 07/27/12 - Added table.norm-5px tfoot - Jnino
Last Modified: 07/27/12 - Added .stamp-fileinfo - Jnino
Last modified: 06/04/14 - #content h1 padding: 30px 0 0 0; = used when site wide banner is not active. Remome when banner is active. PDelagarza
Last modified: 06/25/14 - #content h1 padding: 0 0 0 0; = used when site wide banner is active. Remome when banner is active. (Banner active) PDelagarza
Last modified: 06/27/14 - #content h1 padding: 30px 0 0 0; = used when site wide banner is not active. Remome when banner is active. PDelagarza
Last modified: 07/01/14 - #content h1 padding: 0 0 0 0; = used when site wide banner is active. Remome when banner is active. PDelagarza
Last modified: 06/27/14 - #content h1 padding: 30px 0 0 0; = used when site wide banner is not active. Remome when banner is active. PDelagarza
Last modified: 07/06/14 - #content h1 padding: 30px 0 0 0; = used when site wide banner is not active. Remome when banner is active. PDelagarza
Last modified: 07/31/14 - #content h1 padding: 0 0 0 0; = used when site wide banner is active. Remome when banner is active. PDelagarza
Last modified: 08/03/14 - #content h1 padding: 30px 0 0 0; = used when site wide banner is not active. Remome when banner is active. PDelagarza
Last modified: 08/13/14 - #content h1 padding: 0 0 0 0; = used when site wide banner is active. Remome when banner is active. PDelagarza
Last modified: 08/18/14 - #content h1 padding: 30px 0 0 0; = used when site wide banner is not active. Add 0 0 0 0 when banner is active. PDelagarza
Last modified: 08/28/14 - #content h1 padding: 0 0 0 0; = used when site wide banner is active. Remome when banner is active. PDelagarza
Last modified: 09/01/14 - #content h1 padding: 30px 0 0 0; = used when site wide banner is not active. Add 0 0 0 0 when banner is active. PDelagarza
Last modified: 09/19/14 - #content h1 padding: 0 0 0 0; = used when site wide banner is active. PDelagarza
Last modified: 05/22/15 - #search span img { added padding: 0 2px 0 0; - PDelagarza
Last modified: 09/10/15 - #yellownotice - Changed font-size: .9em; to font-size: 1em;
Last modified: 12/09/15 - #right-nav-sub-alert ul#sub-items-alert - font-size: .85em; to font-size: .95em;
Last modified: 06/29/17 - #Added whitenotice;
Last modified: 12/22/17 - Added #sidenotice
Last modified: 01/11/19 - Added bluenav4
*/

/*------------------------------------------------------
	G L O B A L     E L E M E N T S 
------------------------------------------------------*/

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 97%;
	background-color: #0A1951;
	}
	
.hidden {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

.float-right {
	float: right;
	padding: 5px;
	}

img.right {
	float: right;
	padding: 5px;	
	}

img.left {float: left;}

h1 {
	font-size: 1.7em;
	color: #10046B;
	}
h2 {
	font-size: 1.5em;
	color: #10046B;
	}

h3 {
	font-size: 1.2em;
	color: #10046B;
	}

p.center {
	text-align: center;
	}

a:link {
	color: #330099;
	text-decoration: underline;
	}

a:visited {
	color: #11066C;
	text-decoration: underline;
	}

a:hover {
	color: #9B1E43;
	text-decoration: none;
	}
	
a:active {
	color: #FFFFFF;
	text-decoration: underline;
	}

.indent {
	padding-left: 25px;
	}

.strikeout {
	text-decoration: line-through;
	}
	
.underline {
	text-decoration: underline;
	}

.underline-bold {
	text-decoration: underline;
	font-weight: bold;
	}

/*-----------------------------------
M A I N  M E N U
-----------------------------------*/

#navcontainer {
	text-align: left;
}

#navcontainer ul
{
padding: 0;
margin: 0;
/* padding-left: 0;
margin-left: 0; */
background-color: #E2F0FC;
color: #fff;
float: left;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15.25px;
/* border-bottom: 8px solid #142F97; */
}

#navcontainer ul li {
	display: inline-block !important;
	position:relative !important;	
	}

#navcontainer ul li a
{
/* padding: 0.2em 1em; */
padding: 11px 22px 11px 12px;
background-color: #E2F0FC;
color: #444445;
text-decoration: none;
float: left;
/* border-right: 1px solid #fff; */
}

#navcontainer ul li a:hover
{
background-color: #03264B;
color: #fff;
}

/*------------------------------------------------------
	T A B L E     E L E M E N T S 
------------------------------------------------------*/

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

th.un_normalize_header {
	text-align: left;
	font-weight: normal;
	}

td {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

table.norm { 
	border-collapse: collapse;
	width: 75%;
	margin-top: 15px;
	}
	
table.norm caption {
	text-align: center;
	padding: 5px;
	font-size: 1em;
	background-color: #CCC;
	}
	
table.norm td {
	border: solid #CCC 1px;
	border-collapse: collapse;
	padding: 5px;
	}

table.norm td.align-r {
	text-align: right;
	border: solid #CCC 1px;
	border-collapse: collapse;
	padding: 5px;
	}

table.norm td.align-c {
	text-align: center;
	border: solid #CCC 1px;
	border-collapse: collapse;
	padding: 5px;
	}

table.norm th {
	background-color: #F5F5F5;
	border: solid #CCC 1px;
	font-size: 1em;
	}

table.norm th.green {
	background-color: #096;
	border: solid #CCC 1px;
	font-size: 1.1em;
	color: #FFF;
	}

table.norm th.red {
	background-color: #C00; /* #F00; */
	border: solid #CCC 1px;
	font-size: 1.1em;
	color: #FFF;
	}

table.norm th.blue {
	background-color: #00C;
	border: solid #CCC 1px;
	font-size: 1.1em;
	color: #FFF;
	}

table.norm th.align-left {
	text-align: left;
	background-color: #F5F5F5;
	border: solid #CCC 1px;
	font-size: 1em;
	}		

table.norm th.normalize {
	font-weight: normal;
	padding: 5px;
	}		
	
table.norm-historical { 
	border-collapse: collapse;
	margin-top: 10px;
	width: 75%;
	}
	
table.norm-historical caption {
	text-align: center;
	padding: 5px;
	font-size: 1em;
	background-color: #CCC;
	}
	
table.norm-historical td {
	border: solid #CCC 1px;
	border-collapse: collapse;
	padding: 3px;
	}

table.norm-historical th {
	background-color: #F5F5F5;
	border: solid #CCC 1px;
	font-size: 1em;
	}

table.norm-5px { 
	border-collapse: collapse;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 10px;
	}
	
table.norm-5px caption {
	text-align: center;
	padding: 5px;
	font-size: 1em;
	background-color: #CCC;
	}
	
table.norm-5px td {
	border: solid #CCC 1px;
	border-collapse: collapse;
	padding: 5px;
	}

table.norm-5px td.align-r {
	text-align: right;
	border: solid #CCC 1px;
	border-collapse: collapse;
	padding: 5px;
	}

table.norm-5px td.align-c {
	text-align: center;
	border: solid #CCC 1px;
	border-collapse: collapse;
	padding: 5px;
	}

table.norm-5px th {
	background-color: #F5F5F5;
	border: solid #CCC 1px;
	font-size: 1em;
	}
	
table.norm-5px th.normalize {
	text-align: left;
	font-weight: normal;
	background-color: #FFFFFF;
	padding: 5px;
	}
	
table.norm-5px th.normalize2 {
	text-align: left;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 5px;
	}

table.norm-5px th.align-left-bg {
	text-align: left;
	background-color: #F5F5F5;
	padding: 5px;
	}		

table.norm-5px tr:hover td {
	background-color: #F5F5F5;
	}

table.norm-5px tr:hover th {
	background-color: #F5F5F5;
	}

table.norm-5px tfoot tr td	{
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-size: .95em;
	color: #666;
	}

table.norm-5px tfoot tr:hover td {
	font-size: .95em;
	color: #000;
	}

table.main {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	border-collapse: collapse;
	}
	
table.main th {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
	}
	
table.main td {
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
	}

table.main tbody tr:hover td {
	color: #009;
	background-color: #F5F5F5;
	}

table.main tfoot tr td	{
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #ccc;
	font-size: .95em;
	color: #666;
	}

table.main tfoot tr:hover td {
	font-size: .95em;
	color: #000;
	}
	
table.basic {
	border-collapse: collapse;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	}

table.basic td {
	padding: 5px;
	}
	
table.basic th {
	font-size: 1em;
	text-align: left;
	}

table.basic th.normalize {
	text-align: left;
	font-weight: normal;
	padding: 5px;
	}		

table.basic tfoot tr td	{
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #ccc;
	font-size: .95em;
	color: #666;
	}

table.basic tfoot tr:hover td {
	font-size: .95em;
	color: #000;
	}

/*------------------------------------------------------
	N O T I C E S
------------------------------------------------------*/

#holidaynotice {
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 6px;
	width: 60%;
	}

#required-software {
	text-align: left;
	border: 1px solid #CCC;
	margin-top: 10px;
	margin-left: 1px;
	padding: 6px;
	width: 60%;
	font-weight: normal;
	background-color: #F5F5F5;
	}

#sideenotice {
	/* height: auto; */
	float: right;
	width: 150px;
	padding: 4px;
	background-color: #F5F5F5;
	border: thin solid #CCCCCC;
	text-align: left;
	background-position: right;
	}

#sidenotice {
	/* height: auto; */
	float: right;
	width: 150px;
	padding: 4px;
	background-color: #ddebf7;
	border: thin solid #CCCCCC;
	text-align: left;
	background-position: right;
	}
	
#surveynotice {
	height: auto;
	float: right;
	width: 75px;
	padding: 4px;
	background-color: #F5F5F5;
	border: thin solid #CCCCCC;
	text-align: left;
	}	
	
#surveynotice a:link {
	color: #330099;
	text-decoration: none;
	}

#surveynotice a:visited {
	color: #11066C;
	text-decoration: none;
	}

#surveynotice a:hover {
	color: #9B1E43;
	text-decoration: none;
	}
	
#surveynotice a:active {
	color: #330099;
	text-decoration: none;
	}
	
#seminarnotice {
	height: auto;
	float: right;
	width: 250px;
	padding: 4px;
	background-color: #F5F5F5;
	border: thin solid #CCCCCC;
	text-align: left;
	background-position: right;
	}
	
#maintenancenotice {
	height: auto;
	width: 60%;
	padding: 4px;
	background-color: #F5F5F5;
	border: thin solid #CCCCCC;
	text-align: left;
	}
	
#yellownotice {
	height: auto;
	padding: 4px;
	background-color: #FFFFCC;
	border: thin solid #CCCCCC;
	text-align: left;
	font-size: 1em;
	}

#yellownotice ul li {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CC0000;
	}

#whitenotice {
	height: 180px;
	width: 75%;
	padding: 15px 25px 15px 25px;
	background-color: #FFFFFF;
	border: thin solid #CCCCCC;
	text-align: left;
	font-size: 1.075em;
	}

#whitenotice span img {
	padding: 0 30px 10px 0;
	border: 0;
	float: left;
	}	
	
.font14 {
  font-size: 13px; 
}


p.notice {
	border: 1px solid #CCCCCC;
	width: 85%;
	border-width: 1px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background: #F5F5F5;
	line-height: 1em;
	}

#notice {
	height: auto;
	width: 80%;
	padding: 4px;
	background-color: #F5F5F5;
	border: thin solid #CCCCCC;
	text-align: left;
	}

#notice-wht-bg {
	height: auto;
	width: 80%;
	padding: 4px;
	margin-bottom: 10px;
	background-color: #FFF;
	border: thin solid #CCCCCC;
	text-align: left;
	}

#electionsnotice {
	border: 1px solid #CCCCCC;
	width: 95%;
	padding: 7px;
	background: #F5F5F5;
	text-align: left;
	}
	
#election-outlook {
	/* height: auto; */
	width: 64%;
	background-color: #F5F5F5;
	border: thin solid #999;
	text-align: left;
	overflow: hidden;
	}

#election-outlook h2 {
	padding-top: 8px;
	}

#election-outlook ul {
    margin: 2px;
    padding: 0 0 0 18px;
	font-size: 90%;
    }
	
#election-sub {
	height: auto;
	width: 65%;
	padding: 0 0 0 5px; /* added 2/20 to add space between left border and text */
	background-color: #F5F5F5;
	border: thin solid #999;
	text-align: left;
	}

.attention_bold_yellowbg {
	font-weight: normal;
	color: #CC0000;
	background: #F9F9D7;
	border: 1px dashed #000;
	text-align: left;
	width: 90%;
	padding: 2px;
	}
	
.attention_bold_yellow {
	font-weight: normal;
	color: #CC0000;
	background: #FFFFCC;
	border: thin solid #CCCCCC;
	text-align: left;
	width: 90%;
	padding: 2px;
	}

#header-alerts-blue {
	/* background-color: #FFFF99; */
	background-color: #d4fcea; /* PEACH #ebdec0; /*ORANGE #fdcf98/ GREEN #d4fcea; */
	border-bottom: 1px #000 dashed;
	padding: 7px 5px 7px 5px;
	text-align: left;
	clear: left;
	}

#header-alerts-blue span {
	color: #CC0000;
	font-size: .85em;
	}
	
#header-alerts-blue span img {
	padding: 0 2px 2px 2px;
	border: 0;
	float: left;
	}	

#header-alerts-blue span a {
	color: #CC0000;
	text-decoration: underline;
	}

#header-alerts-blue span a:hover {
	color: #CC0000;
	text-decoration: none;
	}

#header-alerts {
	background-color: #000000; /* #d4fcea; */
	border-bottom: 1px #000 dashed;
	clear: left;
	padding: 7px 5px 7px 7px;
	/* padding: 3px 5px 3px 5px; */
	/* padding: 5px 0 5px 15px; */
	}

#header-alerts span {
	color: #E2F0FC;
	font-size: .95em;
	line-height:  1.45em;
	}
	
#header-alerts span img {
	padding: 0 2px 2px 2px;
	border: 0;
	float: left;
	}	
	
#header-alerts span a {
	color: #E2F0FC;
	text-decoration: none;
	}


#header-alerts span a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

/*------------------------------------------------------
	F O R M     E L E M E N T S 
------------------------------------------------------*/

input:focus {
	background: #F5F5F5;
	}

#search {
	position: absolute;
	right: 20px;
	top: 40px;
	}

#search a:link {
	color: #FFF;
	font-size: .80em;
	text-decoration: none;
	}

#search a:visited {
	color: #FFF;
	font-size: .80em;
	text-decoration: none;
	}

#search a:hover {
	color: #FFF;
	font-size: .80em;
	text-decoration: underline;
	}

#search a:active {
	color: #FFF;
	font-size: .80em;
	text-decoration: none;
	}

#search span {
	position: absolute;
	right: 5px;
	top: 35px;
	}

#search span img {
	border: none;
	padding: 0 2px 0 0;
	}
	
#search input {
	font-size: .9em;
	}

#search label {
	display: none;
	color: #FFFFFF;
	font-size: .7em;
	}
	
#sd-search form {
	margin:0;
	padding:0;
	}

#search form input.custom {
	background-color: #d9dce2;
	font-weight: bold;
	font-size: .85em;
	color: #3d54a9;
	border: 1px solid #CCC;
	}

/*------------------------------------------------------
	H E A D E R     E L E M E N T S 
------------------------------------------------------*/

#header {
	width: 100%;
	height: 96px;
	background-color: #03264B;
	clear: both;
	}

#header h1 {
	display: none;
	font-size: 1.5em;
	color: #000000;
	}

#header h2 {
	font-size: 1.3em;
	color: #000000;
	}
	
/*------------------------------------------------------
	T O P     N A V I G A T I O N
	(global links - icons)
------------------------------------------------------*/

#top-wrapper {
	background-color: #ab2d19;
	/* height: 110px; */
	/* border-top: 4px solid #8E200E; */
	/* border-bottom: 8px solid #142F97; */
	}

#top_navigation {
	background-color: #03264B;
	width: 100%;
	text-align: right;
	/* float: left; */
	/* border-top: 8px; */
	}

ul.top_navigation {
	list-style-type: none;
	color: #FFFFFF;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 2.5em;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	font-size: 1em;
	}

ul.top_navigation li {
	display: inline;
	}

ul.top_navigation li a:link {
	color: #FFF;
	text-decoration: none;
	}
	
ul.top_navigation li a:visited {
	color: #FFF;
	text-decoration: none;
	}

ul.top_navigation li a:hover {
	color: #CCC;
	text-decoration: underline;
	}

ul.top_navigation li a:active {
	color: #FFFFCC;
	text-decoration: none;
	}

/*------------------------------------------------------
	L E F T     N A V I G A T I O N
------------------------------------------------------*/

#left-nav {
	width: 166px;
	color: #000099;
	background: #ECEDF9;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#left-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
		
#left-nav ul li {
	border-bottom: 1px dashed #4075a1;
	margin: 0;
	padding-left: 5px;
	}

#left-nav ul li form {
	height: 45px;
	margin: 0;
	padding: 0;
	}

#left-nav ul li.nolink {
	padding-left: 10px; /* aligns non href text with links */
	}
	
#left-nav ul li.last {
	border-bottom: none;
	margin: 0;
	padding-left: 5px;
	}
	
#left-nav ul li a {
	display: block;
	color: #000099;
	text-decoration: none;
	width: 98%;
	background: #ECEDF9;
	padding: 5px;
	}

#left-nav ul li a:hover {
	color: #000099;
	background: #F5F5F5;
	text-decoration: none; 
	}

#left-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#left-nav ul ul li {
	font-weight: normal;
	color: #000099;
	border: none;
	}
	
#left-nav ul ul li a {
	display: block;
	color: #000099;
	text-decoration: none;
	width: 99%;
	padding: 1px 1px 1px 4px;
	}

#left-nav ul ul li a:hover {
	color: #000099;
	text-decoration: none; 
	}

/*------------------------------------------------------
	C O N T A I N E R     E L E M E N T S 
------------------------------------------------------*/

#container {
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(/images/global-sub-nav/left-nav-vertical-bg-wide.gif);
	background-repeat: repeat-y;
	}
	
div#photo {float: right; padding: 5px;}

/*------------------------------------------------------
	C O N T E N T
------------------------------------------------------*/

body>#content {
	width: auto;
	margin-left: 195px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	margin-top: 50px;
	}

#content {
	width: auto;
	margin-left: 195px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	padding: 20px 10px 0 0;
	}
	
#content h1 {
	font-size: 1.5em;
	padding: 0 0 0 0; /*Add 30px when site wide banner is not active. */ 
	}
	
#content h2 {
	font-size: 1.1em;
	}

#content h2.h3 {  /* make h2 look like h3 */
	font-size: 1em;
	color: #000000;
	}
	
#content h3 {
	font-size: 1em;
	color: #000000;
	}

#content h4 {
	font-size: 1em;
	color: #000000;
	}

#content ul li.last {
	padding-bottom: 10px;
	}
	
#content ul.custom li {
	padding-bottom: 10px;
	}

#content ol.custom li {
	padding-bottom: 10px;
	}

acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
	}

.test-link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF}
.test-link a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #FFFFFF; text-decoration: underline}
.attention { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CC0000}
.attention a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #CC0000; text-decoration: underline}
.attention a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #CC0000; text-decoration: underline}
.attention a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #CC0000; text-decoration: none}
.attention a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight: normal; color : #CC0000; text-decoration: underline}

.attention_bold { font-weight: bold; color: #CC0000}
.attention_bold a:link { font-weight: bold;  color : #CC0000; text-decoration: underline;}
.attention_bold a:visited { font-weight: bold;  color : #CC0000; text-decoration: underline;}
.attention_bold a:hover { font-weight: bold;  color : #CC0000; text-decoration: none;}
.attention_bold a:active { font-weight: bold;  color : #CC0000; text-decoration: underline;}

.attention_bold_graybg { font-weight: bold; color: #CC0000; background: #F5F5F5; border:1px solid #CCC; padding: 5px;}

.faq { font-family: Verdana; font-size: 10px; color: #FFFFFF; background-color: #FF9900; padding-right:3px;}
.new { font-family: Verdana; font-size: 10px; color: #000000; background-color: #FFFF66; padding-right:3px;}
.highlight { background-color: #FFFF66; }
.havaheading {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #08046B}
.lightblunav {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #08046B; background-color: #EEEDFE}
.bluenav2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-style: normal; font-weight: bold;	background-color: #10046B; color: #FFFFFF;}	
.bluenav4 {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-style: normal; font-weight: bold;	background-color: #666a99; color: #FFFFFF;}	
.prsubheading_bold { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #999999}
.plainnavbold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#CC0000}
.plainnav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #CC0000}
.stamp-fileinfo { color: #666; }

#pr-release-date {
	float:left;
	color: #666666;
	font-size: .9em;
	}

#pr-contact-info {
	float:right;
	text-align:right;
	margin-right: 1em; padding-right: 1em;
	color: #666666;
	font-size: .9em;
	}

#release {
	clear:right;
	padding-top: 10px;
	}
	
.Offline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color: #990000;
	color: #FFFFFF;
	border: thin solid #FFFFFF;}
	
.Online {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color: #136F31;
	color: #FFFFFF;
	border: thin solid #FFFFFF;}
		
.Both {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	background-color: #BEBEBE;
	color: #000000;
	border: thin solid #FFFFFF;}	
	
caption {text-align:left; font-family:Arial, Helvetica, sans-serif;
font-weight:bold; font-size: 12px;}

.img-caption {color: #666666; font-weight: normal; font-size: 12px; }

#menu-bills ul li {
	list-style:none;
	display:inline;
	}

ul.hide-bullets li {
	list-style-type:none;
	}

#votexas-trans {
	width: 600px;
	height: 235px;
	background: url(/images/votexas-taller.jpg) no-repeat;
	}
	
#votexas-trans span {
	padding-top: 25px;
	margin: 20px 0 0 180px;
	display: block;
	font-size: .95em;
	}

#footnote {
	font-size: .85em;
	color: #666;
	/*border-top: 1px dashed #999;*/
	width: 75%;
	}

/* --------------------------------------
	R I G H T  N A V
---------------------------------------*/

#right-nav-wrapper {
	width: 180px;
	margin: 5px 5px 10px 10px;
	float: right;
	}

#right-nav {
	width: auto;
	margin: 0;
	padding: 0;
	}
	
#right-nav .header {
	background-image: url(/images/global-sub-nav/right-nav-top-curve.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF; 
	font-size: .85em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
	}

#right-nav .bottom {
	background: url(/images/global-sub-nav/right-nav-bottom-curve.gif) top left no-repeat;
	height: 6px;
	}
	
#right-nav img {
	border: none;
	padding: 0;
	margin: 0;
	}

#right-nav ul#items {
	margin: 0px; 
	padding: 0px;
	color: #2c2e43;
	font-size: .85em;
	border-right: 1px solid #9299b0;
	border-left: 1px solid #9299b0;
	}

#right-nav ul#items li {
	padding: 2px 5px 2px 5px; 
	margin: 0px;
	border-top: 1px solid #9299b0;
	background-color: #F5F5F5;
	list-style: none;	
	}
	
#right-nav ul#items li.expand {
	height: 50px;
	}

#right-nav a:link {
	color: #040940;
	text-decoration: none;
	}
	
#right-nav a:visited {
	color: #040940;
	text-decoration: none;
	}
	
#right-nav a:hover {
	border-bottom: 1px dotted #000;
	color: #2c2e43;
	}
	
#right-nav a:active {
	color: #040940;
	text-decoration: none;
	}

/* --------------------------------------
	R I G H T  N A V - S U B
---------------------------------------*/

#right-nav-sub {
	width: auto;
	margin: 0;
	padding-top: 10px;
	clear: both;
	}

#right-nav-sub .header {
	background-image: url(/images/global-sub-nav/right-nav-top-curve.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF; 
	font-size: .85em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
	}

#right-nav-sub .bottom {
	background: url(/images/global-sub-nav/right-nav-bottom-curve.gif) top left no-repeat;
	height: 6px;
	}
#right-nav-sub ul#sub-items {
	margin: 0px; 
	padding: 0px;
	color: #2c2e43;
	font-size: .85em;
	border-right: 1px solid #9299b0;
	border-left: 1px solid #9299b0;
	}

#right-nav-sub ul#sub-items li {
	padding: 2px 5px 2px 5px;
	margin: 0px;
	border-top: 1px solid #9299b0;
	background-color: #F5F5F5;
	list-style: none;
	}

#right-nav-sub a:link {
	color: #040940;
	text-decoration: none;
	}
	
#right-nav-sub a:visited {
	color: #040940;
	text-decoration: none;
	}
	
#right-nav-sub a:hover {
	border-bottom: 1px dotted #000;
	color: #2c2e43;
	}
	
#right-nav-sub a:active {
	color: #040940;
	text-decoration: none;
	}

/* --------------------------------------
	R I G H T  N A V - S U B - A L E R T
---------------------------------------*/

#right-nav-sub-alert {
	width: auto;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	}

#right-nav-sub-alert .header {
	background-image: url(/images/global-sub-nav/alert-nav-top-curve.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #FFFFFF; 
	font-size: .85em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
	}

#right-nav-sub-alert .bottom {
	background: url(/images/global-sub-nav/alert-nav-bottom-curve.gif) top left no-repeat;
	height: 6px;
	}
#right-nav-sub-alert ul#sub-items-alert {
	margin: 0px; 
	padding: 0px;
	color: #2c2e43;
	font-size: .95em;
	border-right: 1px solid #9299b0;
	border-left: 1px solid #9299b0;
	}

#right-nav-sub-alert ul#sub-items-alert li {
	padding: 2px 5px 2px 5px;
	margin: 0px;
	border-top: 1px solid #9299b0;
	background-color: #F5F5F5;
	list-style: none;
	}

#right-nav-sub-alert a:link {
	color: #040940;
	text-decoration: none;
	}
	
#right-nav-sub-alert a:visited {
	color: #040940;
	text-decoration: none;
	}
	
#right-nav-sub-alert a:hover {
	border-bottom: 1px dotted #000;
	color: #2c2e43;
	}
	
#right-nav-sub-alert a:active {
	color: #040940;
	text-decoration: none;
	}

/*------------------------------------------------------
	F O O T E R     E L E M E N T S 
------------------------------------------------------*/

#footer {
	background-color: #142F97;
	color: #FFFFFF;
	clear: both;
	margin: 0;
	padding-bottom: 2px;
	}

#footer li {
	list-style-type: none;
	font-size: .85em;
	display: inline;
	margin-left: 0;
	padding: .05em;
	}

#footer a:link {
	font-weight: bold;
	color: #DEDECA;
	text-decoration: none;
	}
	
#footer a:visited {
	font-weight: bold;
	color: #DEDECA;
	text-decoration: none;
	}

#footer a:hover {
	font-weight: bold;
	color: #EFDFA5;
	text-decoration: none;
	}

#footer a:active {
	font-weight: bold;
	color: #DEDECA;
	text-decoration: none;
	}

/*------------------------------------------------------
	F O O T E R  L O W E R N A V I G A T I O N  E L E M E N T S 
------------------------------------------------------*/

#lower-container {
	position: relative;
    width: 100%;
    float: left;
	text-align: center; 
	background-color: #03264B;
	}

#lower-div {
	 margin: 0 auto;
	 display: inline-block;
     justify-content: center;
	}

#lower-nav-col-1{
	background-color: #03264B;
	float:left; 
	display: inline-block;
    padding: 10px 0 0 0;
	text-align: left;
	color: #FFF;
	width: 332px;
	height: 175px; 
	line-height: 1.85em;
	/*clear: both;*/
	}

#lower-nav-col-1 a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#lower-nav-col-1 a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}

#lower-nav-col-1 a:hover {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#lower-nav-col-1 a:active {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#lower-nav-col-2{
	background-color: #03264B;
	float:left; 
	display: inline-block;
    padding: 10px 0 0 0;
	text-align: left;
	color: #FFF;
	width: 332px;
	height: 175px; 
	line-height: 1.85em;
	/*clear: both;*/
	}

#lower-nav-col-2 a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#lower-nav-col-2 a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}

#lower-nav-col-2 a:hover {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#lower-nav-col-2 a:active {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#lower-nav-col-3{
	background-color: #03264B;
	float:left; 
	display: inline-block;
    padding: 10px 0 0 0;
	text-align: left;
	color: #FFF;
	width: 332px;
	height: 175px; 
	line-height: 1.85em;
	/*clear: both;*/
	}

#lower-nav-col-3 a:link {
	color: #FFF;
	text-decoration: none;
	}
	
#lower-nav-col-3 a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	}

#lower-nav-col-3 a:hover {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}

#lower-nav-col-3 a:active {
	font-weight: bold;
	color: #E2F0FC;
	text-decoration: none;
	}
	
/*------------------------------------------------------
	S U B  F O O T E R
------------------------------------------------------*/

#sub-footer {
	background-color: #03264B;
	text-align: center;
	color: #FFFFFF;
	/*white-space: nowrap;*/
	font-size: .85em;
	clear: both;
	padding-top: 15px;
	padding-bottom: 10px;
	}

#sub-footer li {
	list-style-type: none;
	display: inline;
	margin-left: 0;
	padding: .05em;
	}
	
#sub-footer span {
	}

#sub-footer a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#sub-footer a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#sub-footer a:hover {
	font-weight: bold;
	color: #EFDFA5;
	text-decoration: none;
	}

#sub-footer a:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}

	
	
/**** Custom Menubar CSS start ****/


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  top: 44px;
  background-color: #f1f1f1;
  min-width: 300px;
  z-index: 1;
  left:0px !important;
  width: 100%;
}

.dropdown-content a {
  color: black;
  padding: 5px 10px !important;
  text-decoration: none;
  display: block;
  text-align: left;
  width: 100%;
}

#navcontainer .dropdown-content a:hover {
	color: rgb(93, 94, 98);
	background-color: #f5f5f5;
}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-content a {display: block; width: 100%; float:none;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

/**** Custom Menubar CSS End ****/	

/**** custom list css****/	
.custom-list
{
	    list-style-type:none !important;
}
.custom-list li a
{
	text-decoration: none !important;
    color: #03264b !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}
.custom-list li ui-link:hover
{
	text-decoration: none !important;
     color: #38c !important;
    font-weight: 500 !important;
}

.custom-sideenotice
{
	float: right;
    width: 150px;
    padding-left: 5px;
    background-color: #F5F5F5;
    border: thin solid #CCCCCC;
    text-align: center;
    background-position: right;
    height: 47px;
    border-radius: 5px;
}
.custom-sideenotice a
{
	text-decoration:underline !important;
	font-size:14px;
	color:#03264b !important;
}
.custom-div-padding
{
	margin-top:7rem;
}

.custom-heading-div
{
	font-size: 16px;
    font-weight: bold;
    padding-left: 36px;
}

@media screen and (max-width: 767px) {
 .custom-div-padding
{
	margin-top:0px !important;
}

}

.custom-list-inner li a
{
	
    color: #10046B !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}
.custom-sideenotice-inner
{
	
    /* width: 200px;
    padding-left: 5px; */
    background-color: #F5F5F5;
    border: thin solid #CCCCCC;
    text-align: center;
    background-position: right;
    height: auto;
    border-radius: 5px;
}

.custom-sideenotice-inner a
{
	text-decoration:none !important;
	font-size:14px;
	color:#03264b !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

/****** Custom Tile Component CSS STart *****/

.custom-tile {
	font-size: 0.9rem;	
	border: 0px;
}
.custom-tile .tile-header {
	text-align: left;
	font-weight: 600;
	padding: 0.5rem;
	background: #E2F0FC !important;
}
.custom-tile .tile-header, .custom-tile .tile-body {
	background: #fff;
}
.custom-tile .tile-body {
	padding: 0.5rem;
	text-align: left;
}
.custom-tile .tile-body select.form-control {
	font-size: 0.8rem;
}


/***** Custom Tile Component CSS End ******/


.custom-table tr th 
{
	vertical-align: middle !important;
	text-align: center !important;
	background-color: #F5F5F5 !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

.custom-table tr td 
{
	vertical-align: middle !important;
	text-align: center !important;
}


.ui-page-theme-a a{
    color: #38c;
   font-weight: 400 !important;
}
.ui-page-theme-a
{
	text-shadow:none !important;
}

.table th, .table td
{
padding:0.50rem !important;	
}