/* =Main Elements
----------------------------------------------- */

body.home {
background: url('http://www.callbp.com/images/bg_home.gif') top left repeat-x;
background-color: #fff;
margin: 0px;
padding: 0px;
}

body {
background: url('http://www.callbp.com/images/bg.gif') top left repeat-x;
background-color: #fff;
margin: 0px;
padding: 0px;
text-align: left;
}

a {
outline: none;
}

:focus {
-moz-outline-style: none;
}

.hide {
visibility: hidden;
}

.subhead {
margin: 0px 0px 10px 0px;
padding: 0px;
}

.btn {
margin: 10px 0px 0px 0px;
padding: 0px;
}

.btnAlt {
display: inline;
margin: 0px 0px 0px 15px;
padding: 0px;
}

.btnAlt2 {
display: inline;
margin: 0px 10px 0px 0px;
padding: 0px;
}



/* =Type Elements
----------------------------------------------- */

em {
font-style: normal;
font-weight: bold;
}

p {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
text-align: left;
}

p.billDesc {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin: 0px 0px 8px 0px;
padding: 0px;
text-align: left;
}

p.disclaimer {
color: #666;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: left;
}

.text {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
}

h1 {
color: #333;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 15px;
text-align: left;
}

h1.billName {
color: #333;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px;
text-align: left;
}

h2 {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 15px;
text-align: left;
}



/* =Header Elements
----------------------------------------------- */

#headerContainerhome {
clear: both;
margin: 33px auto 0px auto;
padding: 0px;
width: 825px;
}

#headerContainer {
clear: both;
margin: 33px 0px 0px 55px;
padding: 0px;
width: 825px;
}

#logo {
margin: 0px 45px 0px 0px;
padding: 0px;
position: absolute;
top: 20px;
width: 180px;
}

#loggedin {
color: #666;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 20px;
margin: 0px auto;
padding: 0px;
position: absolute;
text-align: right;
top: 0px;
width: 825px;
}

#header {
background-color: #f0f0f0;
float: right;
height: 50px;
margin: 0px;
padding: 15px 15px 0px 15px;
text-align: left;
width: 570px;
}

#help {
color: #333;
float: right;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: right;
top: -20px;
width: 150px;
}

#help a:link, #help a:visited {
color: #666;
}

#help a:hover {
color: #036;
}



/* =Home Elements
----------------------------------------------- */

#flash {
clear: both;
height: 200px;
margin: 0px auto 0px auto;
padding: 2px 0px 0px 0px;
width: 1025px;
z-index: 10;
}

#homeContainer {
clear: both;
height: 200px;
margin: 0px auto 0px auto;
padding: 0px;
position: relative;
width: 825px;
top: -17px;
z-index: 11;
}

#homeQuad1 {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
height: 212px;
margin: 17px 0px 0px 0px;
padding: 35px 15px 0px 0px;
width: 210px;
z-index: 12;
}

#homeQuad2 {
background: url('http://www.callbp.com/images/bg_latestupdates.png') top left no-repeat;
float: left;
height: 270px;
margin: 0px 4px 0px 0px;
padding: 35px 15px 0px 15px;
width: 317px;
z-index: 14;
}

#homeQuad3 {
background: url('http://www.callbp.com/images/bg_member.png') top left no-repeat;
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
height: 270px;
margin: 0px 0px 0px 0px;
padding: 35px 15px 0px 15px;
width: 219px;
z-index: 13;
}

#homeQuad4 {
clear: both;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 20px 15px 0px 0px;
position: absolute;
top: 213px;
width: 210px;
z-index: 15;
}

.listNewsHome {
list-style: none;
margin: 0px;
padding: 0px;
}

.listNewsHome li {
background: url('http://www.callbp.com/images/dotted.gif') bottom repeat-x;
border-bottom: none;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
width: 295px;
}

.listNewsHome li.last {
background: none;
border-bottom: none;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
width: 295px;
}

.listNewsHome li a:link, .listNewsHome li a:visited {
color: #369;
padding: 0px 0px 0px 0px;
text-decoration: underline;
}

.listNewsHome li a:hover {
color: #333;
padding: 0px 0px 0px 0px;
text-decoration: underline;
}



/* =Interior Elements
----------------------------------------------- */

#pageHeader {
background: url('http://www.callbp.com/pageheaders/rotator.php') 0px 2px no-repeat;
clear: both;
margin: 0px;
padding: 2px 0px 0px 0px;
z-index: 10;
}

#intContainer {
background: url('http://www.callbp.com/images/bg_content.png') top left no-repeat;
clear: both;
margin: 0px 0px 0px 55px;
padding: 32px;
width: 761px;
}

#intContainerAlt {
background: url('http://www.callbp.com/images/bg_content_alt.png') top left no-repeat;
clear: both;
margin: 0px 0px 0px 280px;
padding: 32px;
width: 536px;
}

#intQuad {
background: url('http://www.callbp.com/images/bg_side.png') top left no-repeat;
border-bottom: 1px solid #e5e5e5;
height: 275px;
left: 55px;
margin: 0px 5px 5px 0px;
padding: 20px;
position: absolute;
top: 161px;
width: 181px;
z-index: 17;
}

#emailAlert {
background-color: #fff;
border: 1px solid #e5e5e5;
color: #333;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: normal;
left: 55px;
margin: 0px 5px 0px 0px;
padding: 20px;
position: absolute;
top: 482px;
width: 179px;
z-index: 18;
}

#calloutProfile {
background: url('http://www.callbp.com/images/bg_callout_gray.gif') top left no-repeat;
background-color: #ececec;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
height: 100px;
margin: 5px 0px 20px 0px;
padding: 15px;
width: 505px;
}

#calloutProfile_alt {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
width: 505px;
}

#calloutProfile_loggedin {
border-bottom: 1px solid #ccc;
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
height: 35px;
margin: 0px;
padding: 0px 10px 3px 0px;
width: 100px;
}

#calloutProfile_name {
border-bottom: 1px solid #ccc;
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
height: 35px;
margin: 0px;
padding: 0px 0px 3px 0px;
width: 395px;
}

#calloutProfile_reps {
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 5px 10px 0px 0px;
width: 100px;
}

#calloutProfile_repnames {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 5px 0px 0px 0px;
width: 395px;
}

#calloutAlert {
background: url('http://www.callbp.com/images/bg_callout_yellow.gif') top left no-repeat;
background-color: #ffd657;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin: 5px 0px 20px 0px;
padding: 15px;
width: 505px;
}

#calloutAlert a:link, #calloutAlert a:visited {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

#calloutAlert a:hover {
color: #369;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

#calloutTasks {
background: url('http://www.callbp.com/images/bg_callout_blue.gif') top left no-repeat;
background-color: #ececec;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin: 5px 0px 0px 0px;
padding: 15px;
width: 505px;
}

.listNews {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.listNews li {
background: url('http://www.callbp.com/images/dotted.gif') bottom repeat-x;
border-bottom: none;
clear: both;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

.listNews li a:link, .listNews li a:visited {
color: #369;
padding: 0px 0px 0px 0px;
text-decoration: underline;
}

.listNews li a:hover {
color: #333;
padding: 0px 0px 0px 0px;
text-decoration: underline;
}

.newsSource, .otherSource {
color: #666;
font-family: arial, sans-serif;
font-size: 11px;
margin: 0px;
padding: 0px;
text-align: left;
}

.listNews_date {
color: #333;
float: right;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 5px 0px 5px 20px;
text-align: left;
width: 130px;
}

.billLabel {
background: url('http://www.callbp.com/images/dotted.gif') top repeat-x;
border-top: none;
color: #666;
float: left;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
height: 15px;
margin: 0px;
padding: 5px 10px 5px 0px;
width: 100px;
}

.billText, .billAnalysis {
background: url('http://www.callbp.com/images/dotted.gif') top repeat-x;
border-top: none;
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
height: 15px;
margin: 0px;
padding: 5px 0px 5px 0px;
width: 250px;
}

.billText a:link, .billText a:visited {
background: url('http://www.callbp.com/images/icon_pdf.gif') top left no-repeat;
color: #369;
padding: 0px 0px 0px 20px;
text-decoration: underline;
}

.billText a:hover {
background: url('http://www.callbp.com/images/icon_pdf.gif') top left no-repeat;
color: #333;
padding: 0px 0px 0px 20px;
text-decoration: underline;
}

.billAnalysis a:link, .billAnalysis a:visited {
color: #369;
text-decoration: underline;
}

.billAnalysis a:hover {
color: #333;
text-decoration: underline;
}

.listLinks {
float: left;
list-style: none;
margin: 0px 20px 0px 0px;
padding: 0px;
width: 230px;
}

.listLinks li {
background: url('http://www.callbp.com/images/dotted.gif') bottom repeat-x;
border-bottom: none;
clear: both;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

.listLinks li a:link, .listLinks li a:visited {
color: #369;
text-decoration: underline;
}

.listLinks li a:hover {
color: #333;
text-decoration: underline;
}

#pageOpener {
margin: 0px;
padding: 0px;
}

.eventArea, .mainBill {
color: #369;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 30px 0px 0px 0px;
padding: 0px;
text-align: left;
}

.eventTab {
color: #369;
float: left;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 30px 0px 0px 0px;
padding: 0px;
text-align: left;
}

.eventName, .mainBillname {
background: url('http://www.callbp.com/images/dotted.gif') bottom repeat-x;
border-bottom: none;
color: #333;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 20px 0px 8px 0px;
padding: 0px 0px 5px 0px;
text-align: left;
}

.eventDate, .mainBilltext {
color: #333;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px 0px 4px 0px;
padding: 0px;
text-align: left;
}

.eventTime, .mainArchdate {
color: #666;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px 0px 8px 0px;
padding: 0px;
text-align: left;
}

.eventDoc a:link, .eventDoc a:visited {
background: url('http://www.callbp.com/images/icon_pdf.gif') top left no-repeat;
color: #369;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 0px 0px 0px 20px;
text-decoration: underline;
}

.eventDoc a:hover {
background: url('http://www.callbp.com/images/icon_pdf.gif') top left no-repeat;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 0px 0px 0px 20px;
text-decoration: underline;
}

.eventDesc {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin: 0px 0px 8px 0px;
padding: 0px;
text-align: left;
}

#eventNav {
background-color:#F0F0F0;
clear: left;
float:left;
margin: 0px;
padding: 10px 0px 10px 0px;
text-align: left;
width: 765px;
vertical-align:top;
}

.eventCategory {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px 10px 5px 10px;
width: 350px;
}

.eventCategory a:link, .eventCategory a:visited {
color: #333;
text-decoration: none;
}

.eventCategory a:hover, .eventCategory a:hover {
color: #999;
text-decoration: none;
}

.listArchive {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

.listArchive li {
background: url('http://www.callbp.com/images/dotted.gif') bottom repeat-x;
border-bottom: none;
clear: both;
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}

.listArchive li a:link, .listNews li a:visited {
color: #369;
text-decoration: underline;
}

.listArchive li a:hover {
color: #333;
text-decoration: underline;
}

.listArchive_date {
color: #333;
float: right;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 5px 0px 5px 20px;
text-align: left;
width: 130px;
}

.teamMember {
float: left;
margin: 0px;
padding: 0px 30px 0px 0px;
width: 120px;
}

.teamPic {
margin: 0px;
padding: 0px 0px 10px 0px;
width: 120px;
}

.teamPic_alt {
float: left;
margin: 0px;
padding: 0px 20px 12px 0px;
width: 120px;
}

.teamName {
color: #333;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px 0px 10px 0px;
text-align: center;
width: 120px;
}




/* =Footer Elements
----------------------------------------------- */

#footerHome {
background: url('http://www.callbp.com/images/dotted.gif') top repeat-x;
border-top: none;
clear: both;
color: #999;
font-family: arial, sans-serif;
font-size: 10px;
margin: 0px auto 0px auto;
padding: 5px 0px 20px 0px;
position: relative;
text-align: right;
width: 825px;
}

#footer {
background: url('http://www.callbp.com/images/dotted.gif') top repeat-x;
border-top: none;
clear: both;
color: #999;
font-family: arial, sans-serif;
font-size: 10px;
margin: 20px 0px 0px 55px;
padding: 5px 0px 20px 0px;
text-align: right;
width: 825px;
}

#footerHome a:link, #footerHome a:visited, #footer a:link, #footer a:visited {
color: #666;
text-decoration: none;
}

#footerHome a:hover, #footer a:hover {
color: #369;
text-decoration: underline;
}



/* =Form Elements
----------------------------------------------- */

form {
display: inline;
margin: 0px;
padding: 0px;
}

input {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 0px 0px;
padding: 2px;
}

input.home {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 0px 2px 0px;
padding: 2px;
width: 120px;
}

input.alt {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 8px 0px;
padding: 2px;
width: 300px;
}

select.alt {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 10px 0px;
padding: 2px;
}

input.alt2 {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 8px 0px;
padding: 2px;
width: 50px;
}

input.alt3 {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 8px 0px;
padding: 2px;
width: 200px;
}

input.alt4 {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 5px 8px 0px;
}

textarea.alt {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px 10px 8px 0px;
padding: 2px;
width: 300px;
}

.textLabel {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
margin: 0px 15px 0px 0px;
}

.inputLabelhome {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 3px 5px 2px 0px;
}

.inputLabelhome_err {
color: #c00;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 3px 5px 2px 0px;
}

.inputLabel {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 3px 10px 2px 0px;
width: 70px;
}

.inputLabel_alt {
color: #369;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 3px 10px 8px 0px;
width: 150px;
}

.inputLabel_alt_err {
color: #c00;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 3px 10px 8px 0px;
width: 150px;
}

.inputLabel_alt2 {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 3px 10px 8px 0px;
width: 150px;
}

.inputLabel_alt3 {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 3px 10px 8px 0px;
}

.inputLabel_alt4 {
color: #369;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 3px 10px 8px 0px;
width: 175px;
}

.required {
color: #900;
float: left;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

.requiredAlt {
color: #900;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 0px;
padding: 0px;
}



/* =Table Elements
----------------------------------------------- */

table.connectTable {
float: left;
margin: 0px 20px 0px 0px;
padding: 0px;
}

td.connectTitle {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 2px 0px 2px 0px;
}

td.connectCheck {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 3px 0px 3px 0px;
width: 30px;
}

td.connectNo {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 3px 0px 3px 0px;
width: 30px;
}

td.connectName {
color: #333;
float: left;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 3px 0px 3px 0px;
width: 250px;
}




/* =Links
----------------------------------------------- */

a:link {color: #369;}
a:visited {color: #369;}
a:hover {color: #333;}
a:active {color: #369;}

a.linky:link {color: #333; text-decoration:none;}
a.linky:visited {color: #333; text-decoration:none;}
a.linky:hover {color: #369; text-decoration:none;}
a.linky:active {color: #333; text-decoration:none;}


