with clear:all to work! */
.left
{
float: left;
margin-left: 10px;
margin-bottom: 0;
}
.center
{
margin: auto;
}
.right
{
float: right;
margin-right: 10px;
}
.textRight
{
text-align: right;
}
img.right
{
float: right;
margin-right: 0px;
}
.popupControl
{
background-color: #E6B954;
position: absolute;
z-index: 5;
width: 450px;
visibility: hidden;
border-style: solid;
border-color: #BE540D;
border-width: 2px;
}
.watermarked
{
background-color:White;
color:Gray;
font-style:italic;
}
/* END positioning elements MUST BE inside a
with clear:all to work! */
/* END ALL PAGES */
/* FLUID MASTER PAGE LAYOUT ITEMS */
#wrapFluid /*80% of page, centered, with min-width and a tiny bit of blue bg*/
{
position: relative;
margin-left: 10%;
margin-right: 10%;
width: auto;
min-width: 714px;
background-color: #A5D4CE;
height: auto; /* real browsers */
height: 100%; /* IE6: treated as min-height*/
min-height: 100%; /* real browsers */
}
#wrapShortFluid /*80% of page, centered, with min-width and a tiny bit of blue bg*/
{
position: relative;
margin-left: 10%;
margin-right: 10%;
width: auto;
min-width: 610px;
background-color: #FDF9EE;
min-height: 100%; /* real browsers */
height: auto !important; /* real browsers */
height: 100%; /* IE6: treated as min-height*/
}
/* Hide the following from IE/MAC as this doesn't need the fix...
\*/
#minWidth {
padding-left:714px;
height: 1px;
}
#minWidthShort {
padding-left:610px;
/*height: 1px; */
min-height: 100%; /* real browsers */
height: auto !important; /* real browsers */
height: 100%; /* IE6: treated as min-height*/
}
#minWidthShort #PageContainerShort #PageContentContainerShort {
margin-left:-610px;
position: relative;
height: 1px;
}
#minWidth #PageContainer {
height: 1px;
}
#minWidth #PageContainer #PageContentContainer {
margin-left:-714px;
position: relative;
height: 1px;
}
/* End of IE/MAC hide */
#headerFluid
{
position: relative;
clear:both;
height:110px;
text-align: right;
background-color: #FDF9ED; /* off-white */
border-top-style: solid;
border-top-color: #BE540D;
border-top-width: 3px;
background-color: #FDF9EE;
background-image:url("../Images/headerBGfloatRt.gif");
background-repeat: no-repeat;
background-position: right top;
}
#govMEfluidBgShort /* short background boxes for report pages */
{
position: relative;
clear:both;
height: 74px;
text-align: right;
background-color: #FDF9ED; /* off-white */
border-top-style: solid;
border-top-color: #BE540D;
border-top-width: 3px;
border-bottom-style: solid;
border-bottom-color: #BE540D;
border-bottom-width: 1px;
background-color: #FDF9EE;
background-image:url("../Images/govMEBgShort.gif");
background-position: right top;
background-repeat: no-repeat;
}
#mainWrapFluid { /*flows into menu area, provides blue background*/
text-align:left;
background: #A5D4CE;
float: left;
width: 100%;
}
#mainFluid
{
margin-right: 157px;
min-width: 557px;
background-image:url("../Images/shadow_nav_left.gif");
background-position: center right;
background-repeat: repeat-y;
background-color: #FDF9ED;
height: auto;
}
#mainFullWidthFluid
{
min-width: 610px;
background-image:url("../Images/shadow_nav_left.gif");
background-position: center right;
background-repeat: repeat-y;
background-color: #FDF9ED;
min-height: 100%; /* real browsers */
height: auto !important; /* real browsers */
height: 100%; /* IE6: treated as min-height*/
text-align: left;
}
#contentFluid /*shadow white background */
{
padding: 10px 20px 20px 20px; /* bottom padding for footer */
margin-top: 0px;
}
#govMElogoFluid
{
background-image:url("../Images/testLong.gif");
background-position: center right;
background-repeat: no-repeat;
height: 205px;
}
#menuFluid
{
float:left;
width:157px;
margin-left: -157px;
text-align: left;
}
#footerFluid
{
clear:both;
margin-right: 157px;
text-align: center;
background-image:url("../Images/shadow_nav_left.gif");
background-position: center right;
background-repeat: repeat-y;
background-color: #FDF9ED;
}
#footerFullWidthFluid
{
clear:both;
text-align: center;
background-image:url("../Images/shadow_nav_left.gif");
background-position: center right;
background-repeat: repeat-y;
background-color: #FDF9ED;
}
a.logoLinkFluid /* mountain logo at top of page */
{
float: left;
z-index: 2;
margin-left: 25px;
margin-top:18px;
background-image: url("../Images/COTLogoLink.gif");
height: 74px;
width: 144px;
display: inline;
}
a.govMEFluid /* transparent govME words at page header */
{
float: left;
z-index: 5;
margin-left: 0px;
margin-top:0px;
background-image: url("../Images/govMEtrans.gif");
/*height: 60px;
width: 167px;*/
display: inline;
}
a.govMEFluidSmall /* transparent govME words at page header for govMETop.master */
{
float: left;
z-index: 5;
margin-left: 0px;
margin-top:0px;
background-image: url("../Images/govMEtransLogoShort.gif");
height: 74px;
width: 124px;
display: inline;
}
.emergencyInfoFluid /* header link area - top left */
{
float: right;
width: 110px;
margin-right: 84px;
margin-top:-30px;
}
.neighborhoodsFluid /* header link area - line 2 left */
{
clear: both;
float: right;
width: 55px;
margin-right:84px;
margin-top:-17px;
}
.frequentlyCalledFluid /* header link area - top right */
{
margin-right: 59px;
margin-top:18px;
width: 82px;
}
.myTacomaFluid /* header link area - line 2 right */
{
clear:both;
margin-right:59px;
margin-top:-60px;
width: 56px;
}
#bottom2pxOrangeBorder
{
clear:both;
border-bottom-style: solid;
border-bottom-color: #BE540D;
border-bottom-width: 2px;
}
/* end FLUID MASTER PAGE LAYOUT ITEMS */
/* MASTER PAGE LAYOUT ITEMS */
#wrap
{
position: relative;
background-color: #A5D4CE;
margin:0 auto;
width:714px;
height: auto; /* real browsers */
height: 100%; /* IE6: treated as min-height*/
min-height: 100%; /* real browsers */
}
#header
{
height:110px;
background-image:url("../Images/headerBG.jpg");
}
#main
{
text-align:left;
float:left;
width:557px;
background-image:url("../Images/shadow_nav_left.gif");
background-position: center right;
background-repeat: repeat-y;
background-color: #FDF9ED;
height: auto; /* real browsers */
height: 85%; /* IE6: treated as min-height*/
min-height: 730px; /* real browsers */
}
#main h2, #main h3, #main p
{
padding: 0 10px;
}
#content
{
padding: 10px 0px 40px 20px; /* bottom padding for footer */
}
#menu
{
float:right;
width:157px;
}
#onlineServices
{
margin: 50px auto;
width: 125px;
min-height: 127px;
border-style: solid;
border-color: #BE540D;
border-width: 1px;
}
#footer
{
clear:both;
text-align: center;
background-image:url("../Images/footerBG.jpg");
background-repeat: repeat-y;
border-bottom-style: solid;
border-bottom-color: #BE540D;
border-bottom-width: 2px;
padding-right: 22%;
}
#footer p
{
margin:0;
}
/* end MASTER PAGE LAYOUT ITEMS */
/* MASTER PAGE HEADER LINKS */
a.logoLink /* mountain logo at top of page */
{
background-image: url("../Images/COTlogoMtImage.jpg");
position: absolute;
height: 74px;
width: 53px;
margin-left:25px;
margin-top:18px;
}
.emergencyInfo /* header link area */
{
display: block;
position: absolute;
width: 250px;
margin-left:438px;
margin-top:21px;
}
.neighborhoods /* header link area */
{
position: absolute;
width: 55px;
margin-left:477px;
margin-top:34px;
}
.frequentlyCalled /* header link area*/
{
position: absolute;
margin-left:573px;
margin-top:21px;
width: 250px;
}
.myTacoma /* header link area */
{
position: absolute;
margin-left:599px;
margin-top:34px;
width: 56px;
}
/* end MASTER PAGE HEADER LINKS */
/* MASTER PAGE MENU ITEMS */
a.menuOurCity /* Our City menu is 34px high - all others 31px */
{
display: block;
background-image: url("../Images/Navigation/OurCity.gif");
background-repeat: no-repeat;
height: 34px;
margin: 0 auto;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuOurCity:hover {
background-position: -157px 0;
}
a.menuGovME {
display: block;
background-image: url("../Images/Navigation/govME.gif");
background-repeat: no-repeat;
height: 31px;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuGovME:hover
{
background-position: -157px 0;
}
a.menuMapMe
{
display: block;
background-image: url("../Images/Navigation/MapME.gif");
background-repeat: no-repeat;
background-position: 0 0;
height: 31px;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuMapMe:hover
{
background-position: -157px 0;
}
a.menuMyTacoma
{
display: block;
background-image: url("../Images/Navigation/MyTacoma.gif");
background-repeat: no-repeat;
height: 31px;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuMyTacoma:hover
{
background-position: -157px 0;
}
/* MASTER PAGE CITY MENU ITEMS */
a.menuServices {
display: block;
background-image: url("../Images/Navigation/Services.gif");
background-repeat: no-repeat;
height: 31px;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuServices:hover
{
background-position: -157px 0;
}
a.menuBusiness {
display: block;
background-image: url("../Images/Navigation/Business.gif");
background-repeat: no-repeat;
height: 31px;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuBusiness:hover
{
background-position: -157px 0;
}
a.menuCityHall {
display: block;
background-image: url("../Images/Navigation/CityHall.gif");
background-repeat: no-repeat;
height: 31px;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuCityHall:hover
{
background-position: -157px 0;
}
a.menuNews {
display: block;
background-image: url("../Images/Navigation/News.gif");
background-repeat: no-repeat;
height: 31px;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuNews:hover
{
background-position: -157px 0;
}
a.menuEmployment {
display: block;
background-image: url("../Images/Navigation/Employment.gif");
background-repeat: no-repeat;
height: 31px;
padding-left: 157px; /* width of icon + whitespace */
}
a.menuEmployment:hover
{
background-position: -157px 0;
}
/* end MASTER PAGE MENU ITEMS */
/* MY TACOMA */
.myTacomaGreen
{
color: #32625E;
}
.myTacomaGreenWhiteBackground
{
color: #32625E;
background-color: White;
}
a.metadataInfoLink
{
color: black;
text-decoration: none;
}
a.metadataInfoLink:hover
{
color: black;
text-decoration: none;
}
table.smallText512
{
table-layout: fixed;
font-size: 9pt;
width: 487px;
padding-left: 2;
padding-right: 2;
padding-bottom:0;
padding-top: 0;
border: 0;
}
td.col205
{
width: 235px;
}
td.indent
{
width: 235px;
padding-left: 15px;
}
td.doubleIndent
{
padding-left: 30px;
}
.moreButton
{
font-family: Trebuchet MS;
font-size: 12px;
color: #BE540D;
/*background: #FDF9ED; */
text-decoration: none;
position: absolute;
left: 500px;
}
.searchAnimation
{
position: absolute;
left: 417px;
top: 400px;
}
/* end MY TACOMA */
/* K5 Notification Page */
.panelCriteria
{
color: #025781;
left:0px;
width: auto;
max-width: 550px; /* for IE */
min-width: 400px;
float: left;
}
.panelResult
{
color: #025781;
left:0px;
width: 530px;
max-width: 540px; /* for IE */
min-width: 400px;
float: left;
text-align:left;
overflow:scroll;
clear:both;
}
#leftColumn
{
float: left;
text-align: right;
max-width: 209px; /* for IE */
width:209px;
height: 263px;
line-height: 25px;
}
#rightColumn
{
float: left;
text-align: right;
height:263px;
width: 210px;
max-width: 210px; /* for IE */
line-height: 22px;
}
#farRightColumn
{
float:right;
margin: 0 0 5px 5px;
width:500px;
}
.cmpValdDates
{
font-size:small;
font-weight:bold;
width: 249px;
}
.width100px
{
max-width: 124px;
width: 124px; /* for IE */
margin-top: 20px;
}
.width94px
{
max-width:94px;
width:94px; /* for IE */
margin-top: 20px;
float: left;
}
.recordsReturned
{
max-width:200px;
width:200px; /* for IE */
float: left;
font-weight:bold;
line-height: 25px;
margin-top: 20px;
}
.printDirections
{
max-width:750px;
width:750px; /* for IE */
float:left;
line-height: 25px;
margin-top: 20px;
}
.pressExcel
{
max-width:300px;
width:300px; /* for IE */
text-align:left;
line-height: 25px;
margin-top: 20px;
}
/* end K5 Notification Page */
/* start Login Pages */
#centerColumn
{
float: left;
text-align: right;
height:263px;
width: 525px;
max-width: 550px; /* for IE */
min-width: 500px;
line-height: 25px;
}
.newusrlabels
{
float: left;
text-align: right;
max-width:225px;
width: 200px;
line-height:25px;
}
.shortlabels
{
float: left;
text-align: right;
max-width:190px;
width: 190px;
line-height:25px;
}
.newusrtxtbox
{
float: left;
text-align: left;
max-width:200px;
width: 200px;
line-height:25px;
color: Black;
border-color: Black;
border-style: solid;
border-width: 1px;
}
.shortusertexbox
{
float: left;
text-align: left;
max-width: 120px;
min-width: 120px;
width: auto;
line-height:25px;
color: Black;
border-color: Black;
border-style: solid;
border-width: 1px;
}
.pnlNewUser
{
float:left;
margin-top: 20px;
height: 550px;
line-height:25px;
left:0px;
width: auto;
max-width: 550px; /* for IE */
min-width: 450px;
}
.disclaimTitle
{
float:left;
font-size:larger;
font-weight:bold;
width: auto;
max-width:200px;
}
.disclaimHeader
{
font-size:x-large;
font-weight:bold;
width: auto;
max-width:200px;
height:auto;
}
.pnlDisclaimer
{
float: left;
elevation:lower;
margin-top: 10px;
height: 250px;
line-height:25px;
left:0px;
width: auto;
max-width: 550px; /* for IE */
min-width: 450px;
overflow:scroll;
}
/* end Login Pages */
/* layout for K5 default test */
.panel450pxWide
{
width: 480px;
background-color: Gray;
text-align: left;
}
.lbl100pxWideAlignRight
{
width: 200px;
text-align: right;
border: solid 1px blue;
}
/* Layout for Gridview pages */
.gvNotifications
{
color: white;
page-break-inside: auto;
height: inherit;
border:none;
}
.gvHeader
{
font-size: smaller;
left:auto;
vertical-align: bottom;
/*color: #025781;*/
/*color: Lime;*/
/* text-decoration: underline; */
}
/* layout for gridview Item Style */
.gvMiddle
{
/* font-size: smaller;*/
left:auto;
vertical-align: middle;
height:auto;
overflow:scroll;
vertical-align:top;
}
/* End for Gridview pages */
/* Start Accordion pages */
.lightOrangeHeader
{
width:515px;
background-color:#E7BB5A;
border-width:1px;
border-style:solid;
border-color:#BE540D;
font-weight:bold;
font-family:Trebuchet;
font-size:10pt;
color:#BE540D;
}
.lighterOrangeHeader
{
width:515px;
background-color:#F4DEAF;
border-width:1px;
border-style:solid;
border-color:#BE540D;
font-weight:bold;
font-family:Trebuchet;
font-size:10pt;
color:#BE540D;
}
.noteBox
{
width:505px;
/*height: 80px;*/
line-height: normal;
/*padding: 100px 100px 100px 100px;
text-align: center;*/
background-color:#F4DEAF;
border-width:1px;
border-style:solid;
border-color:#BE540D;
font-weight:bold;
font-family:Trebuchet;
font-size:10pt;
color:#BE540D;
}
.lightOrangeBorder
{
width:515px;
border-width:1px;
border-style:solid;
border-color:#BE540D;
}
.accdHeader
{
font-family: Trebuchet MS;
font-size: 12px;
font-style: italic;
color: #000080;
margin-left:10px;
margin-bottom: 0px;
}
.accdDetail
{
font-family: Trebuchet MS;
font-size: 12px;
font-style: italic;
color: #BE540D;
margin-left:10px;
margin-bottom: 0px;
}
/* End for Accordion pages */
/* START button roll over */
.Button
{
/*border-style :solid;
color: #E4B953;
background-color: #BE530D;*/
background-image: url("../Images/btnImage.jpg");
font-family :Trebuchet;
}
/* END button roll over */