nm3clol-archived-russellcou.../mirror/www.russellcountyva.us/Areas/FormCenter/Assets/Styles/Home.css

1137 lines
18 KiB
CSS

.newCP .sidebar
{
width: 180px;
}
.newCP .listing
{
float: left;
position: relative;
width: 100%;
}
.moduleContentNew table.header td.graphic
{
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}
.moduleContentNew table.header td.intro
{
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.newCP .listing > ol,
.newCP .listing div > ol
{
float: left;
list-style-type: none;
margin: 0 25px 10px 0;
width: 45%;
}
.newCP .listing > div > ol > li,
.newCP .listing > ol > li
{
background: url(../Images/HomeIconForm.png) no-repeat left 2px;
float: left;
padding-left: 20px;
position: relative;
width: 100%;
}
.newCP .listing > div > ol > li p
{
/*color: inherit;*/
font-style: normal;
margin-bottom: 0px;
margin-right: 5px;
max-width: 480px;
opacity: .95;
overflow: hidden;
text-overflow: ellipsis;
}
.moduleContentNew .listing > ol > li > a
{
display: block;
}
.moduleContentNew .listing > ol > li > p
{
font-size: 8pt;
margin-top: 3px;
}
.newCP .listing > .liveEditControl
{
top: 14px;
}
.newCP .formWrap
{
margin-top: 25px;
padding: 0px 5px;
position: relative;
}
.newCP .formHeader
{
display: flex;
border-bottom-style: solid;
border-bottom-width: 3px;
padding: .5em 0;
justify-content: space-between;
}
@media ( max-width: 500px )
{
.newCP .formHeader
{
flex-direction: column-reverse;
}
}
.newCP .formWrap .liveEditControl
{
top: 2px;
}
/* Begin ePayment Modal */
.modalContainer.modalCalculateTotal
{
position: fixed;
z-index: 10001;
left: 50%;
top: 50% !important;
transform: translateY(-50%) translateX(-50%);
width: auto;
max-width: 500px;
}
.modalContainer.modalCalculateTotal .modalContent
{
width: 100%;
padding: 9px;
margin: 0px;
overflow: hidden;
}
.modalContainer.modalCalculateTotal .formWrap.ePayment
{
margin-right: 185px;
}
.modalContainer.modalCalculateTotal .sidebar
{
margin-top: 13px;
width: 170px;
}
.modalContainer.modalCalculateTotal .section
{
border-top: none;
overflow: hidden;
margin-bottom: 0;
margin-top: 0;
padding: 5px 0 10px;
}
.modalContainer.modalCalculateTotal .section.summary
{
max-height: 400px;
overflow: auto;
}
.modalContainer.modalCalculateTotal .section h3
{
margin-top: 1px;
padding-left: 29px;
margin-left: 0px;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: #b7b58c; /* Hr color */
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 9pt;
padding-top: 9px;
padding-bottom: 2px;
margin-bottom: 7px;
}
.modalContainer.modalCalculateTotal .section p
{
font-size:8pt;
line-height:15px;
margin:0 0 7px;
}
.modalContainer.modalCalculateTotal .section dl
{
float: left;
font-size: 8pt;
padding-bottom: 2px;
margin-bottom: 4px;
width: 100%;
}
.modalContainer.modalCalculateTotal .section dt,
.modalContainer.modalCalculateTotal .section dd
{
margin-bottom: 2px;
}
.modalContainer.modalCalculateTotal .section dt
{
float: left;
width: 70px;
}
.modalContainer.modalCalculateTotal .section dd
{
margin-left: 70px;
padding-left: 5px;
text-align: right;
}
.modalContainer.modalCalculateTotal .section dl > .total
{
border-top-style: solid;
border-top-width: 1px;
border-top-color: #b7b58c; /* Hr color */
padding-top: 3px;
}
.modalContainer.modalCalculateTotal .summary > div
{
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #b7b58c; /* Hr color */
margin-bottom: 6px;
padding-bottom: 6px;
}
.modalContainer.modalCalculateTotal .summary h4
{
font-size: 8pt;
font-weight: bold;
margin-bottom: 0px;
}
.modalContainer.modalCalculateTotal .summary > div dl
{
margin: 0px;
width: auto;
}
.modalContainer.modalCalculateTotal .summary > div dt,
.modalContainer.modalCalculateTotal .summary > div dd
{
float: left;
margin: 0px 2px 0px auto;
width: auto;
}
.modalContainer.modalCalculateTotal .summary > div .price
{
clear: none;
float: right;
margin: 0px;
}
.modalContainer.modalCalculateTotal .section dd.description
{
margin: 0px 0px 4px 0px;
display: block;
width: auto;
}
/* if the old way is removed change to itemInfo class */
.modalContainer.modalCalculateTotal .section dl.items
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #b7b58c; /* hr color */
}
.modalContainer.modalCalculateTotal .section .title
{
font-weight: bold;
}
.modalContainer.modalCalculateTotal .section a.button
{
float: left;
}
.modalContainer.modalCalculateTotal .summary h3
{
background-image: url(../../../../Common/Images/ePayment/IconPaymentSummaryBar.png);
}
.modalContainer.modalCalculateTotal .promo
{
font-size: 8pt;
}
.modalContainer.modalCalculateTotal .promo input
{
width: 70px;
}
.modalContainer.modalCalculateTotal .promo a.button
{
float: none;
margin-left: 3px;
}
.modalContainer.modalCalculateTotal .promo > p
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px 5px;
}
.modalContainer.modalCalculateTotal .promo > p.fail
{
background: #c33;
border: 1px solid #b22;
color: #fff;
}
.modalContainer.modalCalculateTotal .promo > p.success
{
background: #43a241;
border: 1px solid #339231;
color: #fff;
}
.modalContainer.modalCalculateTotal .buttons
{
margin-top: 15px;
}
/* end modal */
/* Begin Wizard */
.newCP .wizardNav
{
float: left;
margin-top: 20px;
width: 180px;
}
.newCP .wizard
{
margin-top: 20px;
margin-left: 180px;
}
.wizard > li
{
float: left;
margin-bottom: 0;
margin-left: 1.5%;
padding: .25em 1%;
width: 98%;
}
.wizard > li > div > a.button
{
margin-right: 5px;
}
.newCP .wizardNav li .step
{
display: inline-block;
position: absolute;
vertical-align: text-top;
width: 20px;
}
.newCP .wizardNav li a
{
display: inline-block;
margin-left: 24px;
}
/* END Wizard */
/* H E A D E R */
.newCP div.header
{
min-height: 100px;
overflow: visible;
position: relative;
z-index: 4;
}
.moduleContentNew .header h1
{
padding-right: 75px;
}
.newCP .header .text
{
min-height: 85px;
padding-right: 120px;
}
.newCP .header .tools
{
font-size: 9pt;
position: absolute;
right: 12px;
top: 7px;
}
.newCP .header .tools h3
{
margin: 0px 0px 5px;
}
.newCP .header .tools ul
{
list-style: none;
margin: 0px;
}
.newCP .header .tools a
{
text-decoration: none;
}
/* END H E A D E R */
/* S E A R C H B A R */
.newCP .search
{
border-style: solid;
border-width: 1px;
clear: left;
margin-top: 8px;
padding: 0px 170px 10px 10px;
position: relative;
}
.newCP .search.noStyles
{
border: none;
margin-top: 0px;
padding: 0px;
}
.newCP .search h3
{
margin: 5px 0px;
}
.newCP .search .date,
.newCP .search input[type="text"],
.newCP .search select
{
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.newCP .search .date input[type="text"]
{
width: 100%;
}
.newCP .search > input[type="text"]
{
width: 60%;
}
.newCP .search select
{
width: 100px;
}
.newCP .search a.mega,
.newCP .search input[type="image"]
{
position: absolute;
right: 10px;
top: 22px;
z-index: 2;
}
.newCP .search a.mega
{
background: url("../../../../Common/images/Calendar/SelectCalendarRightBkg.png") no-repeat scroll right top transparent;
display: block;
float: left;
font-size: 9pt;
padding: 0px 22px 3px 0px;
right: 41px;
top: 30px;
margin-right: 10px;
}
.newCP .search a.mega > span
{
background: url("../../../../Common/images/Calendar/SelectCalendarLeftBkg.png") no-repeat scroll left top transparent;
color: #636336;
padding: 3px 5px 3px 10px;
}
.newCP .search a.mega.active
{
background-image: url("../../../../Common/images/Calendar/SelectCalendarRightActiveBkg.png");
}
.newCP .search a.mega.active > span
{
background: url("../../../../Common/images/Calendar/SelectCalendarLeftActiveBkg.png") repeat scroll 0 0 transparent;
color: #333;
padding-bottom: 13px;
}
/* "SELECT A CATEGORY" MEGA MENU */
.newCP .search .categoryList
{
border-style: none solid solid;
border-width: 1px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-radius: 0px 0px 5px 5px;
left: -1px;
margin-top: -5px;
padding: 3px 7px 7px;
position: absolute;
right: -1px;
top: 60px;
}
.newCP .search .categoryList > div
{
background: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
max-height: 200px;
overflow: auto;
padding: 10px 5px 5px;
position: relative;
}
.newCP .search .categoryList ol
{
float: left;
list-style: none;
padding: 0px;
margin: 0px 1% 0px 0px;
width: 31.3%;
}
.newCP .search .categoryList li
{
line-height: 1.3;
margin-bottom: 5px;
padding-left: 16px;
position: relative;
}
.newCP .search .categoryList .catHeader
{
padding-left: 0;
}
.newCP .search .categoryList .catHeader > h4
{
font-weight: bold;
}
.newCP .search .categoryList li input
{
height: 13px;
left: 0px;
position: absolute;
top: 2px;
width: 13px;
}
/* END "SELECT A CATEGORY" MEGA MENU */
/* END S E A R C H B A R */
/* Mini Popout */
.newCP .popoutContainer
{
position: relative;
z-index: 1;
}
.newCP .popout
{
bottom: 0px;
font-family: Arial;
left: 0px;
position: absolute;
width: 100%;
z-index: 2;
}
.newCP .popout li a:link,
.newCP .popout li a:visited,
.newCP .popout li a:hover,
.newCP .popout li a:focus,
.newCP .popout li a:active
{
color: #838356;
font-size: 8pt;
}
.newCP .popoutTop
{
background: url(../../../../Common/images/Calendar/mapdropdowntop.png) no-repeat left top;
left: 50%;
margin-left: -42px;
padding-top: 12px;
position: absolute;
top: 0px;
width: 83px;
}
.newCP .popoutBtm
{
background: url(../../../../Common/images/Calendar/mapdropdownbtm.png) no-repeat left bottom;
width: 83px;
padding-bottom: 5px;
}
.newCP .popout ol
{
background: #ffffff;
border-left: 1px solid #d9d9cd;
border-right: 1px solid #d9d9cd;
font-weight: bold;
font-size: 8pt;
line-height: 1.7;
list-style: none;
margin: 0px;
padding: 8px;
width: 65px;
}
.newCP .popout a
{
color: #838356;
margin: 0px !important;
text-decoration: none;
}
/* END Map Popout */
.newCP p.results
{
font-size: 12pt;
margin: 10px 0px 5px;
}
/* LISTING */
.newCP .listing.noHeader
{
position: relative;
}
.newCP .listing + .listing
{
margin-top: 20px;
}
.newCP .listing.noHeader h2
{
padding-right: 14em;
}
.newCP .listing h2
{
margin-bottom: 3px;
margin-top: 5px;
cursor: pointer;
}
.newCP .listing .category
{
margin-top: 20px;
margin-left: 27px;
position: relative;
}
.newCP .listing h3
{
padding-right: 16em;
}
.newCP .listing h3 > span
{
display: inline-block;
font-size: .75em;
width: 1.5em;
}
.newCP .listing .years
{
list-style: none;
margin: 0px;
position: absolute;
right: 0px;
top: 18px;
z-index: 3;
}
.newCP .listing .category .years
{
top: 0px;
}
.newCP .listing .years > li
{
float: left;
margin-right: 10px;
}
.newCP .listing .years > li.current
{
font-weight: bold;
}
.newCP .listing .years li a
{
text-decoration: none;
}
.newCP .listing .years .popout
{
text-align: center;
}
.newCP .listing table
{
width: 100%;
position: relative;
z-index: 1;
}
.newCP .listing th
{
border-style: solid none;
border-width: 1px;
padding: 3px 12px;
vertical-align: top;
}
.newCP .listing td
{
border-style: none none solid;
border-width: 1px;
padding: 6px 12px;
vertical-align: top;
}
.newCP .listing th:first-child,
.newCP .listing td:first-child
{
padding-left: 30px;
}
.newCP .listing td:first-child
{
background: url(../Images/HomeIconForm.png) no-repeat 5px 6px;
}
.newCP .listing tr.minutes td:first-child
{
background: url(../../../AgendaCenter/Assets/Images/HomeIconMinutes.png) no-repeat 3px 6px;
}
.newCP .listing h4
{
font-weight: normal;
}
.newCP .listing h4 a
{
text-decoration: none;
}
.newCP .listing p
{
font-style: italic;
margin: 0px;
}
.newCP .listing p > a
{
font-style: normal;
}
.newCP .listing .minutes,
.newCP .listing .videos
{
text-align: center;
}
.newCP .listing td.minutes,
.newCP .listing td.videos
{
padding: 8px 12px 4px;
}
.newCP .listing .downloads
{
width: 6em;
}
.newCP .listing .downloads .popout a
{
background-position: 0px 0px;
background-repeat: no-repeat;
display: block;
line-height: 1.1;
padding: 2px 0px 2px 20px;
}
.newCP .listing .downloads a.html
{
background-image: url(../../../AgendaCenter/Assets/Images/HomeIconAgendaHTML.png);
}
.newCP .listing .downloads a.pdf
{
background-image: url(../../../AgendaCenter/Assets/Images/HomeIconAgendaPDF.png);
}
.newCP .listing .downloads a.previous
{
background-image: url(../../../AgendaCenter/Assets/Images/HomeIconAgendaPrevious.png);
}
.newCP ol li.left.anonEmailCheckBox {
margin-bottom: 0px;
padding-bottom: 0px;
}
.newCP ol li.left.anonEmail {
display: block;
}
.cpForm .sectionBreak
{
border-radius: 0;
height: 0px;
margin-top: 1em;
border-top: 2px #000 solid;
}
.newCP .formWrap .cpForm .sectionBreak.dotted
{
border-top-style: dotted;
}
.newCP .formWrap .cpForm .sectionBreak.dashed
{
border-top-style: dashed;
}
.newCP .contentMain div.confirmMessage
{
margin-top: 1.25em;
}
.newCP .contentMain div.confirmMessage .takeAction
{
margin-bottom: 10px;
}
.newCP .contentMain div.confirmMessage .buttons
{
margin-top: 15px;
}
.newCP .contentMain a.confirmDone
{
margin-top: 8px;
}
.newCP .cpForm li select
{
width: 100%;
}
.newCP .cpForm > li .date
{
float: none;
}
.newCP h2.formHistory
{
border-bottom: 3px;
border-style: solid;
margin-left: 1px;
padding-left: 3px;
clear: both;
float:left;
width:100%;
margin-top:23px;
}
/*begin form history table css*/
.newCP h6.formHistory div
{
float: left;
margin-right: 6px;
}
.newCP h1.myAccount
{
margin-bottom: 2px;
margin-left: 98px;
padding-top: 6px;
}
.newCP table.formHistory
{
border-collapse: collapse;
margin-left: 18px;
}
.newCP table.formHistory thead
{
border-bottom: 1px solid gray;
}
.newCP table.formHistory th
{
font-weight: bold;
font-size: 9pt;
}
.newCP table.formHistory th.date
{
padding-left: 22px;
font-weight: bold;
font-size: 9pt;
width: 88px;
}
.newCP table.formHistory td
{
font-size:9pt;
padding: 7px 17px 6px 0px;
}
.newCP table.formHistory td.date
{
font-size:9pt;
padding: 7px 17px 6px 22px;
background: url(../../../../App_Themes/CP/Images/IconClassifieds.gif) 0px no-repeat
}
.moduleContentNew .header .text
{
padding-right: 0;
}
.header .search input[type="search"]
{
width: 60%;
}
/*end form history css*/
@media print
{
.newCP .contentMain .printContinue
{
display: none;
}
/* IE will not print correctly without this. */
.newCP .formWrap ol
{
display: inline;
}
}
/* "Media Queries" */
/*
Styles used for old module header in case we want to use these later.
.maxWidth515px table.header
{
position: relative;
}
.maxWidth515px table.header td.spacer,
.maxWidth515px table.header tr td.graphic
{
background: none;
border: none;
height: 0;
padding: 0;
width: 0;
}
.maxWidth515px .header tr > td
{
display: block;
clear: both;
text-align: left;
}
.maxWidth515px .header tr .graphic > a
{
left: 9px;
position: absolute;
top: 9px;
}
.maxWidth515px table.header td.intro
{
border-radius: 5px 5px 0 0;
border-style: solid;
border-width: 1px 1px 0 1px;
min-height: 80px;
padding-left: 92px;
}
.maxWidth515px table.header td.sidebar
{
border-width: 0 1px 1px 1px;
border-radius: 0 0 5px 5px;
width: auto;
}
.maxWidth515px .sidebar div.searchInput input,
.newCP .search select
{
float: none;
font-size: 16px;
line-height: 16px;
height: 25px;
}
.maxWidth515px .sidebar div.searchInput input
{
display: block;
margin-bottom: 5px;
margin-right: 0;
width: 98.5%;
}*/
.maxWidth395px .search
{
padding-bottom: 40px;
padding-right: 44px;
}
.maxWidth395px .search input[type="search"]
{
padding: 5px 4px;
width: 97%;
}
.maxWidth395px .search input[type="image"]
{
top: 26px;
}
.maxWidth395px .search .button.mega
{
bottom: 5px;
left: 10px;
right: auto;
top: auto;
}
.maxWidth395px .search .categoryList
{
top: 98px;
}
.maxWidth515px .search input[type="search"]
{
width: 80%;
}
.maxWidth515px .listing > ol,
.maxWidth515px .listing div > ol
{
width: 40%;
}
.maxWidth395px .listing > ol,
.maxWidth395px .listing div > ol
{
display: block;
float: none;
margin: 0;
width: auto;
}
.maxWidth395px .listing > ol a,
.maxWidth395px .listing div > ol a
{
padding: 6px 0;
}
.maxWidth395px .listing > div > ol > li,
.maxWidth395px .listing > ol > li
{
background-position: left 8px;
display: block;
float: none;
width: auto;
}
.maxWidth395px.newCP .formWrap > h2
{
padding-right: 0;
}
.maxWidth395px.moduleContentNew #saveFormProgress
{
position: static !important;
}
.statusIcon.statusIcon--lock {
background-image: url(../Images/IconSecure.svg);
}
.statusIcon, .viewSeries {
background: url(../Images/IconSecure.svg) no-repeat left center;
background-size: 1.15em 1.15em;
font-weight: 400;
margin-left: 10px;
padding-left: 20px;
text-decoration: underline;
}
.moduleContentNew .header .text
{
margin-bottom: 15px;
margin-left: 10px;
}