﻿body { margin: 0px; font-family: Verdana; background-image: url(../Images/bg2.gif); background-color: #c8d3e6; background-repeat: repeat-x; }
#divSiteWrapper { margin: 0px auto; width: 1000px; background-color: #fffdfb; border: 1px solid black; }
#divSiteBanner { margin: 0px auto; width: 1000px; text-align: center; font-size: 50px; font-family: Verdana; }
#centerText { text-align: center; }
.divMainPlaceholder { min-height: 500px; }
/*
a:link, a:visited { text-decoration:none; color:#000099;}
a:hover, a:active { text-decoration:underline; color:#0000FF;}
*/
.standardHeader { font-size: 12px; background: #657FAD; color: White; padding: 5px; }

/* PROFILE STYLES */
#divProfileBox { margin-top: 15px; margin-left: 15px; }
#divProfileNavigation { float: left; width: 200px; min-height: 500px; }
#divProfileContent { float: left; width: 765px; min-height: 500px; border: 1px solid black; margin-left: 5px; margin-bottom: 5px; }
.divProfileButton { width: 150px; height: 50px; float: right; background-image: url(../Images/profilebutton.gif); text-align: center; }
.divProfileText { text-align: center; color: #FFFFFF; font-family: Verdana; font-size: 12px; margin-top: 18px; }
.tdPaddingLeft { padding-left: 10px; }
/* END PROFILE STYLES */

/* Comment Styles */
#CommentWrapper { border: 1px solid black; margin-top: 10px; }
#CommentHeader { border-bottom: 1px solid black; background-color: #c8d3e6; }
#UsernameHolder { text-align: center; width: 125px; font-weight: bold; padding-bottom: 5px; padding-top: 5px; }
#CommentAvatar { float: left; width: 125px; height: 125px; padding: 5px; border: 1px solid black; text-align: center; margin-left: 5px; background-color: #657fad; }
#CommentBody { float: left; padding-left: 10px; width: 800px; overflow: hidden; }
#CommentFooter { padding: 10px; text-align: right; }
#QuotedPost { margin: 0px auto; margin-top: 10px; width: 980px; }
.ReplyWrapper { background-color: #bcbcbc; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; padding: 10px; }
.ReplyUsername { float: left; color: #ac0000; background-color: #3f5172; padding: 10px; }
.ReplyBody { float: left; padding-top: 10px; padding-left: 10px; width: 800px; }
/* End Comment Styles */

/* MISC */
.InputFieldset { margin: 0px auto; width: 600px; padding: 15px; }
.InputFieldsetLarge { margin: 0px auto; width: 900px; padding: 15px; }
.TableFieldHolder { margin-top: 10px; }
.TableFieldLabel { width: 160px; }
.TableFieldLabelSmall { width: 100px; }
.centered { margin: 0px auto; }
.centeredtopmargin { margin: 0px auto; padding-top: 200px; }
.errors { border: 2px solid red; color: red; font-size: 11px; margin: 5px 0px; padding: 15px; }
.divPageContent { margin: 15px; }
/* END MISC */

/* BILLS */
.YesVote { font-size: 10px; color: #FFFFFF; background-color: #d6c002; width: 50px; }
.NoVote { font-size: 10px; color: #FFFFFF; background-color: #263770; width: 50px; }
.YesVoteExpanded { font-size: 10px; color: #FFFFFF; background-color: #d6c002; height: 50px; width: 100px; padding-top: 40px; }
.NoVoteExpanded { font-size: 10px; color: #FFFFFF; background-color: #263770; height: 50px; width: 100px; padding-top: 40px; }
#divBillBody { float: left; margin-left: 15px; margin-top: 15px; width: 800px; border: 1px solid white; }
#divBillInfo { float: left; width: 400px; }
#divBillText { float: left; width: 800px; }
#divBillTitle { text-align: center; font-weight: bold; font-size: 14px; }
#divBillOfficialTitle { text-align: center; font-size: 12px; }
#divBillViewFull { text-align: center; font-size: 10px; }
#divBillViewSummary { text-align: center; font-size: 10px; }
/* END BILLS */

/* LOGIN STYLES */
#divUserBar { height: 30px; background-color: #657FAD; }
#divUserBarControls { margin-right: 15px; padding-top: 2px; text-align: right; color: #FFFFFF; font-family: Verdana; }
#divUserBarControls a:link { text-decoration: none; color: #FFFF99; }
#divUserBarControls a:visited { text-decoration: none; color: #D6C002; }
#divUserBarControls a:hover, a:active { text-decoration: underline; color: #FFFF00; }
.txtSmallInput { height: 15px; font-size: 12px; }
.tblLogin { margin-left: auto; margin-right: 10px; margin-top: -2px; }
.tblLoginPage { border-collapse: collapse; border: 1px solid black; width: 310px; margin: 0px auto; margin-top: 200px; }
.divErrorLabel { background-color: #FFDEB0; border: 1px solid #c94335; height: 16px; font-size: 10px; color: #c94335; padding-top: 4px; padding-left: 5px; padding-right: 5px; display: none; }
.divErrorLabelPage { background-color: #ffe2b4; border: 1px solid #c94335; height: 16px; font-size: 10px; color: #c94335; padding-top: 4px; padding-left: 5px; padding-right: 5px; display: none; width: 300px; text-align: center; }
.uniformwidth { width: 150px; }
/* END LOGIN STYLES */

.clear { clear: both; }

/* SEARCH STYLES */
.tblSearch { width: 800px; border-collapse: collapse; }
.divActiveWrapper { margin: 0px auto; width: 800px; border: 1px solid black; }
.tblSearch td { font-size: 10px; }
IMG.displayed { display: block; margin-left: auto; margin-right: auto; }
TR.alternating { background-color: #c8d3e6; }
div.graphHolder { border: 1px solid #000000; }
div.graphContainer { text-align: center; }
/* END SEARCH STYLES */

/* Pager Styles */
.PagerContainerTable { border-right: #333333 1px solid; border-top: #333333 1px solid; border-left: #333333 1px solid; color: #d1d1e1; border-bottom: #333333 1px solid; background-color: #FFFFFF; }
.PagerInfoCell { padding-right: 6px; padding-left: 6px; padding-bottom: 3px; font: bold 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif; color: #f0f1f2; padding-top: 3px; white-space: nowrap; background-color: #990000; font-weight: normal; }
.PagerInfoCell:link { color: #ffcc66; text-decoration: none; }
.PagerInfoCell:visited { color: #ffcc66; text-decoration: none; }
.PagerCurrentPageCell { color: #990000; background-color: #FFFF99; cursor: default; }
.PagerOtherPageCells { background-color: #f0f1f2; }
.PagerSSCCells { background-color: #cccccc; }
.PagerHyperlinkStyle { font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif; }
.PagerHyperlinkStyle:hover { color: #000000; text-decoration: none; font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif; }
.PagerHyperlinkStyle:link { color: #000000; text-decoration: none; font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif; }
.PagerHyperlinkStyle:visited { color: #000000; text-decoration: none; font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif; }
.PagerHyperlinkStyle:active { color: #000000; text-decoration: none; font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif; }
.GoToLabel { font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif; color: #333333; cursor: pointer; font-size: 65%; vertical-align: middle; display: inline; }
.GoToSelect { font-size: 55%; }
.GoToSelectedOption { color: #f9f9f9; background-color: #666666; }
.GoToArrow { vertical-align: middle; cursor: pointer; }
/* End Pager Styles */

/* GraphStyles */
td.graphWidth { width: 250px; }
/* End graph Styles */

td.RepSenSize { font-size: 10px; }
td.RepSenLabelSize { font-size: 10px; padding-left: 2px; }
.RepSenHeader { background-color: #657fad; color: #FFFFFF; border: 1px solid black; }
.RepSenInfoWrapper { height: 125px; background-image: url(../Images/roundedbox.png); background-repeat: no-repeat; }
.RepSenInfoSpacer { padding-top: 30px; padding-left: 10px; }
.RepSenInfoIdeologySpacer { padding-top: 10px; padding-left: 5px; }
.RepSenTable { width: 260px; }
td.RepSenViewBills { font-size: 11px; text-align: center; }
.subSectionWithLegend { margin: 0px auto; width: 900px; padding: 15px; border-color: Black; }

/*Mouse Over Button*/
#profile { display: block; width: 76px; height: 23px; background: url("../Images/profile.gif") no-repeat 0 0; }
#profile:hover { background: url("../Images/profileRO.gif") no-repeat 0 0; }
#search { display: block; width: 76px; height: 23px; background: url("../Images/Search2.gif") no-repeat 0 0; }
#search:hover { background: url("../Images/SearchRO.gif") no-repeat 0 0; }
#mybills { display: block; width: 76px; height: 23px; background: url("../Images/MyBills.gif") no-repeat 0 0; }
#mybills:hover { background: url("../Images/MyBillsRO.gif") no-repeat 0 0; }
#chat { display: block; width: 76px; height: 23px; background: url("../Images/Chat.gif") no-repeat 0 0; }
#chat:hover { background: url("../Images/ChatRO.gif") no-repeat 0 0; }
#homeButton { display: block; width: 76px; height: 23px; background: url("../Images/Home.gif") no-repeat 0 0; }
#homeButton:hover { background: url("../Images/HomeRO.gif") no-repeat 0 0; }
#sensandreps { display: block; width: 150px; height: 23px; background: url("../Images/MySensAndReps.gif") no-repeat 0 0; }
#sensandreps:hover { background: url("../Images/MySensAndRepsRO.gif") no-repeat 0 0; }
.hypViewFullBill { display: block; width: 150px; height: 23px; background: url("../Images/ViewFullBill.gif") no-repeat 0 0; }
.hypViewFullBill:hover { background: url("../Images/ViewFullBillRO.gif") no-repeat 0 0; }
.hypViewSummary { display: block; width: 150px; height: 23px; background: url("../Images/ViewBillSummary.gif") no-repeat 0 0; }
.hypViewSummary:hover { background: url("../Images/ViewBillSummaryRO.gif") no-repeat 0 0; }
.hypViewHistory { display: block; width: 150px; height: 23px; background: url("../Images/ViewBillHistory.gif") no-repeat 0 0; }
.hypViewHistory:hover { background: url("../Images/ViewBillHistoryRO.gif") no-repeat 0 0; }
.hypShowData { display: block; width: 76px; height: 23px; background: url("../Images/ShowData.gif") no-repeat 0 0; }
.hypShowData:hover { background: url("../Images/ShowDataRO.gif") no-repeat 0 0; }
.hypHideData { display: block; width: 76px; height: 23px; background: url("../Images/HideData.gif") no-repeat 0 0; }
.hypHideData:hover { background: url("../Images/HideDataRO.gif") no-repeat 0 0; }
.hypRemove { display: block; width: 150px; height: 23px; background: url("../Images/DashRemove.gif") no-repeat 0 0; }
.hypRemove:hover { background: url("../Images/DashRemoveRO.gif") no-repeat 0 0; }
.hypAdd { display: block; width: 150px; height: 23px; background: url("../Images/DashAdd.gif") no-repeat 0 0; }
.hypAdd:hover { background: url("../Images/DashAddRO.gif") no-repeat 0 0; }


/* VIEW VOTES */
#HistorySummary { min-height: 50px; padding: 5px; padding-left: 5px; margin: 15px; color: #FFFFFF; background-color: #657fad; font-weight: bold; font-size: 12px; }
.HistorySubItem { font-weight: normal; }
.HistorySubItemValue { color: #c8d3e6; font-weight: normal; }
.HistorySubItemValueResult { color: #c8d3e6; font-weight: normal; }

/*Footer Styles*/
.divFooterBar { height: 40px; background-color: #002566; }
.divFooterBarControls { margin-right: 15px; padding-top: 2px; text-align: right; color: #FFFFFF; font-family: Verdana; }
.divFooterBarControls a:link { text-decoration: none; color: #FFFF99; }
.divFooterBarControls a:visited { text-decoration: none; color: #D6C002; }
.divFooterBarControls a:hover, a:active { text-decoration: underline; color: #FFFF00; }
.tblFooter { margin-left: auto; margin-right: 10px; margin-top: -2px; }
a.RegisterNow:link { text-decoration: none; color: #FFFF99; }
a.RegisterNow:visited { text-decoration: none; color: #D6C002; }
a.RegisterNow:hover, a.RegisterNow:active { text-decoration: underline; color: #FFFF99; }
#leftColumn { height: 220px; width: 440px; float: left; padding: 0px 20px 0px 10px; text-align: left; }
#rightColumn { height: 200px; width: 475px; float: right; }
#centerColumn { text-align: center; height: 30px; width: 100%; }
.pnlSteps { height: 250px; }

