/*    crpub CSS document */
td {
    color: #000000;
    font-size: 80%;
}

div {
    color: #000000;
}

p {
    color: #000000;
}

ul {
    font-weight: normal;
}

h1, h2, h3, h4 {
    margin: 0;
    padding: 4px 0 6px 0;
    width: 800px;
}

h1 {
    font-size: 140%;
}

h2 {
    font-size: 130%;
}

h3 {
    font-size: 120%;
}

h4 {
    font-size: 110%;
}

.helppage {
    width: 800px;
    font-size: 85%;
}

/* a styles */
a {
    color: #0000C8;
    text-decoration: none;
}

a:active {
    text-decoration: underline;
}

a:visited {
    color: #3399FF;
    text-decoration: none;
}

a:hover {
    color: #0000C8;
    text-decoration: underline;
    /*font-weight: bold;*/
}

/*------------------------------------------------------
    H E A D E R     E L E M E N T S
------------------------------------------------------*/
#tceqbanner {
    background: #1D323B url(../images/bannerback.jpg) repeat-x;
    height: 66px;
    width: 1014px;
    margin-bottom: 10px;
}

.tceqlogo {
    border: none;
}

#links_form {
    display: block;
    margin: -60px 0 0 0;
    text-align: right;
    z-index: 1;
    font-family: Tahoma;
    font-size: .75em;
    color: #333;
    padding-right: 5px;
}

#links_form a {
    color: #333;
    text-decoration: none;
}

#links_form a:active {
    text-decoration: underline;
}

#links_form a:hover {
    text-decoration: underline;
}

#bannertabs img {
    margin: 0;
    padding: 0;
    border: none;
}

#bannertabs {
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
}

.tab {
    display: inline;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: .75em;
    background: #4C6873 url(../images/LeftTabCorner.jpg) left top no-repeat;
    padding-left: 10px;
    padding-bottom: 3px;
}

.tab span {
    background: url(../images/RightTabCorner.jpg) right top no-repeat;
    padding-right: 10px;
}

.tabtext {
    background-color: #4D6974;
    vertical-align: top;
    padding-bottom: 3px;
}

#bannertabs ul {
    margin: 21px 0 0 0;
    padding: 0;
    list-style: none;
}

#bannertabs ul li a:link {
    color: #fff;
    text-decoration: underline;
}

#bannertabs ul li a:visited {
    color: #fff;
    text-decoration: underline;
}

#bannertabs ul li a:hover {
    color: #a7c9a9;
    text-decoration: underline;
}

#bannertabs ul li a:active {
    color: #a7c9a9;
    text-decoration: underline;
}

.skiptotext {
    display: block;
    margin: -1em 0 0 -500em;
}

/*------------------------------------------------------
    F O O T E R     E L E M E N T S
------------------------------------------------------*/
#footer {
    margin: 30px 0 0 0px;
    padding: 10px 10px 5px 0;
    text-align: left;
    font-size: 1.4em !important;
    font-weight:bold;
    line-height:1.6em;
    clear: both;
    border-top: gray 2px dotted;
}

#footer a {
    color: #333;
}

#footer img {
    border: none;
}

#footer p {
    margin: 0;
    padding: 0;
}

#footer p.footerimages {
    margin: 0 0 0 -8px;
}

#footer img.dotted {
    margin: 0 0 0 -20px;
    width: 1014px;
}

#footer a:link {
    text-decoration: none;
    color: black;
}

#footer a:visited {
    text-decoration: none;
    color: black;
}

#footer a:hover {
    text-decoration: underline;
    color: blue;
}
#footer a:focus {
    text-decoration: underline;
    color: blue;
}

.redbold {
    color: #FF0000;
    font-size: 110%;
    font-weight: bold;
}

.blkbold {
    color: #000000;
    font-size: 110%;
    font-weight: bold;
}

.error {
    font-weight: bold;
    font-size: 90%;
    color: #CC3300;
    width: 75%;
}

.bold {
    font-weight: bold;
}

.italics {
    font-style: italic;
}

.italicsBld {
    font-style: italic;
    font-weight: bold;
}

form {
    font-size: 85%;
}

form p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    vertical-align: top;
}

form p label {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

form p span.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

form.narrowsearch {
    font-size: 80%;
    width: 75%;
}

fieldset {
    border: 1px solid #316534;
    margin-bottom: 5px;
    padding: 10px;
}

legend {
    font-weight: bold;
    background-color: #FFFFFF;
}

.pagingnav {
    font-weight: bold;
    font-size: smaller;
}

.paginghead {
    font-size: smaller;
    padding-bottom: 5px;
    width: 75%
}

.forminstructions {
    color: #000000;
    font-size: 80%;
}

.formerrors {
    color: #FF0000;
    font-size: 85%;
    font-weight: bold;
}

.tblehlttext {
    background-color: #EEEEEE;

}

.tblehlttextbold {
    background-color: #EEEEEE;
	font-weight: bold;

}

.centerstd {
    width: auto;
    text-align: center;
}

.centerbuttons {
    width: auto;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.infomsg {
    font-weight: bold;
    color: #CC3300;
    font-size: 85%;
}

.button {
    vertical-align: text-top;
    border: 0;
}

.helpbutton {
    vertical-align: text-top;
    border: 0;
    padding: 0;
    margin: 0;
}

.indent {
    padding-left: 15px;
    margin-left: 15px;
}

.backsearch {
    font-size: 70%;
}

#searchcriteria {
    font-size: 70%;
}

.pageinstructions {
    color: #000000;
    font-size: 85%;
    width: 80%;
    padding-bottom: 5px;
}

.pageinstructionssmall {
    color: #000000;
    font-size: 70%;
    width: 80%;
    padding-bottom: 5px;
}

.pageinstructions_nosizing {
    color: #000000;
    font-size: inherit;
    width: 75%;
    padding-bottom: 5px;
}

.pageinstructionsbld {
    color: #000000;
    font-size: 85%;
    font-weight: bold;
    width: 80%;
    padding-bottom: 5px;
}

.pageinstructionserrbld {
    color: #000000;
    font-size: 85%;
    font-weight: bold;
    width: 80%;
    padding-bottom: 5px;
    color: #CC3300;
}

.pageinstructionsitalics {
    color: #000000;
    font-size: 85%;
    width: 80%;
    padding-bottom: 5px;
    font-style: italic;
}

.pageinstructionsitalics_nosize {
    color: #000000;
    font-size: inherit;
    width: 80%;
    padding-bottom: 5px;
    font-style: italic;
}

.sectiontitlebld {
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    width: 80%;
    padding-bottom: 5px;
}

/* a styles for welcome page */
a.searchlink {
    color: #0000C8;
    text-decoration: none;
    font-size: 120%;
    font-weight: bold;
}

a.searchlink:active {
    text-decoration: underline;
}

a.searchlink:visited {
    color: #0000C8;
    text-decoration: none;
}

a.searchlink:hover {
    color: #0000C8;
    text-decoration: underline;
    font-weight: bolder;
}

/*****************************************************
    Table styles

****************************************************/
table.datadisplay {
    border: 1px solid #000000;
    padding: 2px 4px 4px 2px;
    border-collapse: collapse;
}

table.datadisplay tr {
    border: 1px solid #000000;
    margin: 0;
    padding: 4px 0 4px 0;
    vertical-align: top;
}

table.datadisplay td {
    vertical-align: top;
    border: 1px solid #000000;
    margin: 0;
    padding: 4px 10px 4px 10px;
    font-size: 75%;
}

table.datadisplay th {
    vertical-align: top;
    border: 1px solid #000000;
    margin: 0;
    padding: 4px 5px 4px 5px;
    font-weight: bold;
    text-align: left;
    font-size: 75%;
}

table.datadisplay td.ctrstd {
    vertical-align: top;
    text-align: center;
}

table.iddisplay {
    border: 1px solid #000000;
    padding: 2px 4px 4px 2px;
    border-collapse: collapse;
    min-width: 80%;
}

table.iddisplay tr {
    border: 1px solid #000000;
    margin: 0;
    padding: 4px 0 4px 0;
    vertical-align: top;
}

table.iddisplay td {
    vertical-align: top;
    border: 1px solid #000000;
    margin: 0;
    padding: 4px 10px 4px 10px;
    font-size: 75%;
}

table.iddisplay th {
    vertical-align: top;
    border: 1px solid #000000;
    margin: 0;
    padding: 4px 5px 4px 5px;
    font-weight: bold;
    text-align: left;
    font-size: 75%;
}

table.iddisplay td.ctrstd {
    vertical-align: top;
    text-align: center;
}

.tablesaltrow {
    background-color: #ffffcc;
}

/* customer detail */
.cust_detail {
    font-size: 85%;
}

.cust_detail p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    vertical-align: top;
}

.cust_detail p label {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

.cust_detail p span.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

/* affil info detail */
#affil_info {
    font-size: 85%;
}

#affil_info p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    vertical-align: top;
}

#affil_info p label {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

#affil_info p span.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

/* customer mailing address detail */
#cust_mail {
    font-size: 85%;
}

#cust_mail p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    vertical-align: top;
}

#cust_mail p label {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

#cust_mail p span.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

/* re mailing address detail */
#re_mail {
    font-size: 85%;
}

#re_mail p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    vertical-align: top;
}

#re_mail p label {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

#re_mail p span.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

/* geographic location detail */
#geo_loc {
    font-size: 85%;
}

#geo_loc p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    vertical-align: top;
}

#geo_loc p label {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

#geo_loc p span.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

/* re info detail */
#reinfo {
    font-size: 85%;
}

#reinfo p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    vertical-align: top;
}

#reinfo p label {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

#reinfo p span.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

/* street address detail */
#street_addr {
    font-size: 85%;
}

#street_addr p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    vertical-align: top;
}

#street_addr p label {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

#street_addr p span.lbl {
    float: left;
    width: 25%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
}

/* special style for button a href */
a.button {
    color: #000000;
    text-decoration: none;
}

a.button:active {
    text-decoration: underline;
}

a.button:visited {
    color: #000000;
    text-decoration: none;
}

a.button:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}

/* vertical alignment of button and field */
.button {
    vertical-align: text-top;
    border: 0;
}

.vertdiv {
    vertical-align: top;
}

.disclaimer {
    font-size: .75em;
    font-weight: bold;
    margin: .5em 0 .5em 0;
}
 .disclaimerItalics {
    font-size: .75em;
    font-style: italic;
    margin: .5em 0 .5em 0;
}


@media All {
    inupt.text {
        font-size: 10px
    }
}

.primary-colored-button {
    background: #2f5994 !important;
    color: white !important;
    text-shadow: none;
}

.newButton, .newButtonRandomWidth{
    display: inline-block;
    font-size: 1em;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    margin: 0 10px !important;
    height: 25px !important;
    width: 65px !important;
    border-radius: 3px;
    outline: 0;
    border: 1px solid #8c8c8c;
    text-transform: none;
    font-weight: bold;
    background-color: buttonface;
}
.newButtonRandomWidth:hover, .newButton:hover, .newButtonRandomWidth:focus, .newButton:focus {
    text-decoration:underline;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.newButtonRandomWidth{
    width:auto !important;
    padding:0 3px;
}

.width1pct{width:1%;}
.width3pct{width:3%;}
.width5pct{width:5%;}
.width6pct{width:6%;}
.width7pct{width:7%;}
.width8pct{width:8%;}
.width8pct{width:9%;}
.width10pct{width:10%;}
.width14pct{width:14%;}
.width15pct{width:15%;}
.width19pct{width:19%;}
.width20pct{width:20%;}
.width25pct{width:25%;}
.width28pct{width:28%;}
.width29pct{width:29%;}
.width30pct{width:30%;}
.width35pct{width:35%;}
.width45pct{width:45%;}
.width50pct{width:50%;}
.width75pct{width:75%;}
.width80pct{width:80%;}
.width100pct{width:100%;}

.width90px{width:90px;}
.width100px{width:100px;}

.right{float:right;}