/* Pima County Health Department */ /* CSS Author: PCHD Webmaster */ /* Email: Health.Webmaster@pima.gov */ /* http://www.PimaHealth.org */ /********<<< Template Styles >>>********/ /* background_banner used to have color #fbe5d7, which is a pink color */ .background_banner {background: #efefef url(../images/templateimages/9_topbackrepeat-grey.jpg) repeat-x; /*Used to be background: #efefef url(../images/templateimages/2_topbackrepeat.jpg) repeat-x;*/ height: 163px;} .calendar_banner {background: #3e3c3d url(../images/templateimages/9_topbackrepeat-grey.jpg) repeat-x; height: 134px;} .backwhite {background: url(../images/templateimages/whiteback.jpg);} .topback {background: url(../images/templateimages/2_top.jpg) repeat;} .noscreen {display: none;} .top_border {height: 41px; vertical-align: baseline;} /* Template background for page */ .contentback {background: #fff url(../images/templateimages/contentback.jpg) repeat-x; border: #ccc solid; padding: 0px 2px; border-width: 0px 1px;} .contentmain {padding-left: 10px;padding-right:10px; height: 605px; text-align: left;} .contentmain_dark {padding-left: 10px;padding-right:10px; height: 605px; background:#efefef;} /* Flash banner style for banner in home page */ .flash {margin: 2px -20px 0 0; padding: 0; border: 0px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: transparent; } .bannertext {font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif; color: #4d90a1; background-color: #; width: 100%; padding: 2px;} .bannertext a, .bannertext a:hover {font: 90% Verdana, Arial, Helvetica, sans-serif; color: #4d90a1;} .bannertext a:active, .bannertext a:visited {font: 90% Verdana, Arial, Helvetica, sans-serif; color: #4d90a1;} /* Ticker Styles */ .ticker_font {font: 90%/100% Verdana, Arial, Helvetica, sans-serif; color: #C6C4E2; cursor: default; background-color: #252528; border: 0px; width: 100%; height:24px; padding-right: 5px; padding-left: 5px;} .tickls {font: bold 90%/100% Verdana, Arial, Helvetica, sans-serif; color:#CA1F25;} .tickh {display:none;} a.tickl {font-family: Verdana, Arial, Helvetica, sans-serif; height:24px; text-decoration:none; color:#CA1F25;} a.tickl:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color:#c6c4e2; text-decoration:none;} /********<<< Body Styles - Does not control body background (see template)>>>********/ body {font: small/140% Verdana, Arial, Helvetica, sans-serif; padding: 0px; color: #000; vertical-align:top; text-align: left;} /* Simplified Box Model Hack for IE 5 and Opera (http://info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */ * html body {font-size: x-small; /* for IE5/Win */ f\ont-size: small /* for other IE versions */} /* onthispage class gives users a preview of H1 headings on page*/ .onthispage {background: url(../images/onthispage.png) no-repeat; height: 24px; width: 660px;font: 11px Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; color: #09c; text-align:left; padding: 5px 0 5px 0;} .onthispage a{color: #09c; text-decoration:none;} .onthispage a:hover {color: #036; text-decoration:none;} .onthispage2 {background: url(../images/onthispage2.png) no-repeat; height: 48px; width: 660px; font: 11px/16px Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; color: #09c; text-align:left; padding: 5px 0 5px 5px;} .onthispage2 a{color: #09c; text-decoration:none;} .onthispage2 a:hover {color: #036; text-decoration:none;} /* Page Navigation for Employment Page */ .pageNav {height: 24px;font: 11px Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; color: #999; text-align:center; padding: 5px 0 5px 0;} .pageNav a{color: #09c; text-decoration:underline;} .pageNav a:hover {color: #036; text-decoration:none;} /* Job Title */ .jobTitle {font: bold 140%/200% Verdana, Arial, Helvetica, sans-serif;; color: #366; vertical-align:bottom;} .jobBox {background-color:#efefef; border: 1px solid #bbb; font: 80%/150% Verdana, Arial, Helvetica, sans-serif;color: #09c; padding: 3px; text-align: left;} /* What's New Box */ #whatsnew {background: #f5f5f5; /* Used to be light blue background-color:#ebecfb;*/ border: 1px solid #8386b9; color: #09c; padding: 3px; text-align: left; width: 150px; float: right; display: inline-block; margin: 5px;} #whatsnew ul { margin: 0 0 0 8px; padding: 0; } #whatsnew li {list-style-type: disc; padding: 0; margin: 0 0 0 10px;} #whatsnew a[href$='.pdf'] {background:none; padding-left:0; vertical-align:top;} #whatsnewclear {padding: 3px 20px; text-align: center; width: 130px; float: right; display: inline-block; background:none;} #whatsnew100 {background: #f5f5f5; /* Used to be light blue background-color:#ebecfb; */ border: 1px solid #8386b9; font: 80%/150% Verdana, Arial, Helvetica, sans-serif;color: #09c; padding: 3px; text-align: center; width: 100%;} /* Program Services Box Goes under banner picture if needed*/ #programservices {background-color: #282825; border: 1px solid #333; color:#f4eedd; padding: 3px; text-align: left; width: 646px; display: inline-block; margin: 5px;} #programservices ul { margin: 0 0 0 8px; padding: 0; } #programservices li {list-style-type: disc; padding: 0; margin: 0 0 0 10px;} #programservices a[href$='.pdf'] {background:none; padding-left:0;vertical-align: top;} /* Contact Box Link Types */ .business {margin: 0; text-align: left; vertical-align: top; background-image: url(/images/business_icon.png); background-repeat: no-repeat;padding-left: 1.2em; line-height: 14px;} /* Floating Style Containers - Use with articles containing thumbnais, headings, and summary paragraph */ #headnews {float: left; width: 666px; text-align: left; padding: 0;} #headnews dl {float: left; width:100%; margin: 5px 2px; padding: 0; display: inline; } /* display: inline; fixes IE/Win double margin bug */ #headnews dt{font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #366; margin: 10px 0 5px 0; text-align: left; vertical-align: top; text-align: left;background-image: url(/images/h3.png); background-repeat: no-repeat; background-position: 0 .3em; padding: 2px 2px 0 1em;} #headnews dd {margin:0; padding: 0 0 0 5px; line-height: 125%; color: #000;} #headnews dd.img img {float: left; margin: 0 8px 0 0; padding: 4px; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: #fff;} #headnews .flash { margin: 5px -20px 0 0; padding: 0; border: 0px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: transparent;} #headnews a[href^="http://"] { background:transparent url(../images/icon_out.png) right no-repeat; display:inline-block;padding-right:15px;} /* Talble styles for image background and style colors used on flu page */ .flushot {background-image: url(/disease/images/flu-shot2.jpg); background-repeat: no-repeat; height: 190px; width: 170px; } #tableflushot {border: thin #d0cfce solid; vertical-align: top; font: bold 120%/120% Georgia, "Times New Roman", Times, serif; color: #000;text-align: left; background-color: #ddecdd;} .questionheader {font: bold 150%/150% Georgia, "Times New Roman", Times, serif; color: #333;text-align: left; } #tableflushot a[href$=".pdf"] {background:none; display:inline-block; padding: 0; border-style: none;} #tableflushot div {padding: 0;} /* News tables with alternating colors for Other Pages */ #news {float: left; width: 655px; text-align: left; padding: 0;} #news dl {float: left; width:100%; margin: 5px 2px; padding: 0; display: inline; } /* display: inline; fixes IE/Win double margin bug */ #news dt{float: right; width: 645px; margin: 0; padding: 0 5px 5px 5px; font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #366; letter-spacing: 1px; } #news dd {margin:0 0 0 65px; padding: 0 0 0 5px; font-size: 100%; line-height: 125%; color: #000;} #news dl dd.img {margin:0;} #news dd.img img {float: left; margin: 0 8px 0 0; padding: 4px; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: #fff;} /*Left align all the pics for news articles*/ #news dl.altL {float: left; width:100%; margin: 5px 2px; padding: 0; display: inline; background: #f9f8f8; /* Used to be light blue background: #ebecfb; */ } #news .altL dd.img img {float: left; margin: 0 8px 0 0; padding: 4px; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: #fff;} #news .altL dd {margin:0 0 0 65px;} #news a[href^="http://"] {background:transparent url(../images/icon_out.png) right no-repeat; display:inline-block;padding-right:15px;} #news ul li {list-style-type: square ; margin: 0 0 0 50px; padding: 0;} #news ul ul li {list-style-type: disc; margin: 0 0 0 20px;} #news ul ul ul li {list-style-type: circle; margin: 0 0 0 -20px;} .sprintip { font: normal 11px Verdana, Arial, Helvetica, sans-serif;color: #333;} .sprintip a {} #tableborder_agencies {border: 1px solid; border-color: #999; font: normal 85%/110% Verdana, Arial, Helvetica, sans-serif; text-align:left; } #tableborder_agencies a{text-decoration: none;} #tableborder_agencies .col1 {background-color: #f5f5f5;} #tableborder_agencies .col2 {background-color: #ccc;} #tableborder_agencies ul { margin: 2px 0 0 8px; padding: 0;} #tableborder_agencies li {list-style-type: disc;padding-bottom: 2px; margin: 0 0 0 10px; } #tableborder_agencies li a{list-style-type: disc;vertical-align:top; text-decoration: none;} #tableborder_agencies a[href$='.pdf'] { background:transparent url(../images/pdf.gif) top left no-repeat; display:inline-block;padding-left:20px;line-height:15px; text-decoration: none;} #tableborder_agencies .pdffile a[href^="http://"] {background: transparent url(../images/pdf.gif) top right no-repeat; display: inline-block; padding-left:20px; line-height:15px; text-decoration: none;} /* Tooltip effect */ #tooltip{position:absolute;border:0px solid #ccc;background:transparent;padding:5px;color:#333;} #tooltip2{position:absolute;border:1px solid #000; background: #ebecfb;/* Used to be light blue background: #ebecfb; */ padding:5px;color:#414368; width: 300px; } #tooltipList ul{margin:0px;padding:0px;} #tooltipList li{display:block;margin-bottom:20px;} /* bannerad style used for flash breadcrumbs on home page */ .bannerad {font: 100% Arial, Helvetica, sans-serif; color:#fff; background: #334d67; padding: 2px 2px 0px;} a.bannerad:link, a.bannerad:active { color:#c6c4e2;} a.bannerad:hover, a.bannerad:visited {color:#ff0;} .pagebreadcrumb{font: 75%/150% Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; color: #09c; text-align:right;} .pagebreadcrumb a{color: #09c; text-decoration:none;} .pagebreadcrumb a:hover {color: #036; text-decoration:none;} .toolbox, .toolbox a, .toolbox a:hover, .toolbox a:visited { text-align:right;padding-right: 5px; margin: auto; padding-top: 20px;} .noscript {font: normal 90%/120% Arial, Helvetica, sans-serif; color: #fff; letter-spacing: 1px; background: #000;} .noscript a{color: #ff0; } .spanish, .announcement{ /* Used inside of a table only has top and left borders */ background-color: #ffc; border: dashed 1px; border-color: #999; padding: 5px; text-align: left;} .fieldyellow{ /* Used in forms to show yellow background */ background-color: #ffc; border: solid 1px; border-color: #999; text-align: left;} /* Styles for boxes, used for contact information or other resources */ .linkbox {font: 90%/120% Verdana, Arial, Helvetica, sans-serif; background-color: #e4ebf8; color: #000; border: 1px dashed #666; padding: 10px;} .linkbox td{width:50%; text-align:left; vertical-align:top;} .linkbox H3{font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #366; margin:0 0 5px; text-align: left;} .linkbox a[href^="http://"] { background:transparent url(../images/icon_out.png) right no-repeat; display:inline-block;padding-right:15px;} .linkbox ul { margin: 0 0 0 10px; padding: 0;list-style-type: none;font: 100%/120% Verdana, Arial, Helvetica, sans-serif;} .linkbox li {background-image: url(/images/greybullet.png); background-repeat: no-repeat; background-position: 0 .3em; padding: 0 3px 7px 1.2em;text-align: left;} .linkbox_schools {font: 100% Verdana, Arial, Helvetica, sans-serif; color:#000; border: 1px dashed #0066CC; padding: 10px 5px; background: #e9f8ff;} H1 {font: bold 140%/200% Verdana, Arial, Helvetica, sans-serif;; color: #333;text-align: center;} H2 {font: bold 120% Verdana, Arial, Helvetica, sans-serif; color: #397d85; margin: 10px 0 5px 0; text-align: left; vertical-align: top; text-align: left;background-image: url(/images/h3.png); background-repeat: no-repeat; background-position: 0 .3em; padding: 2px 2px 0 1em;} H3 {font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #397d85; margin: 5px 0 5px 0; text-align: left;} H4 { font: bold 80%/130% Verdana, Arial, Helvetica, sans-serif; display: block; margin-bottom: 6px; text-align: left; color: #f4eedd; margin-top: 6px;} H5 {font: bold 70% Verdana, Arial, Helvetica, sans-serif; color: #333;text-align: left;} H6 {font: bold 70% Verdana, Arial, Helvetica, sans-serif; color: #333;text-align: left;} .H4_NoLine { color: #f4eedd; font: bold 100%/100% Verdana, Arial, Helvetica, sans-serif; display: block; margin-bottom: 8px;} .top a {float: right; right: 10px; font: 80%/100% Verdana, Arial, Helvetica, sans-serif; color:#4289ba; background-image: url(/images/uparrow.jpg); background-repeat: no-repeat; background-position: 0 .3em; padding: 0 0 0 1em; text-decoration: none;} .back a {float: right; right: 10px; font: 80%/100% Verdana, Arial, Helvetica, sans-serif; color:#4289ba; text-decoration: none;} /********<<< Menu Styles >>>********/ /* Menu Top */ #menu {font: bolder 12px Arial, sans-serif; /*text-transform: uppercase;*/margin: 0px; padding: 0 0 0 10px; list-style-type: none; height: 33px; } #menu li {float: left; margin: 0;} #menu li a {text-decoration: none; display: block; padding: 0 15px; line-height: 33px; color:#bdb2aa;} #menu li a:hover, #menu li.active a { color: #978a80;} /* Menu Left */ .menutableback {background-color: #fcf8f6; } .menutable {width: 205px; background-color: #f6e8df; display: inline-block; padding:0; margin: 0;} #menuleft dd {font: 85%/120% arial,verdana,helvetica; background-color: #fcf8f6; /* Used to be background-color: #efefef;*/ padding: 0px 3px 1px 3px;margin-left: 0; border-bottom: thin solid #fff;} #menuleft dd a{color: #353431; /* Used to be color: #353431;*/ font-weight: bold; text-decoration: none; padding-left:7px; display:inline-block; } #menuleft dd a:hover {color: #000; font-weight: bold; text-decoration: none; background: url(../images/templateimages/menuselected.jpg) no-repeat ; background-position: left; padding-left:7px;display:inline-block;} #menuleft {margin: -1px 0 0 0; vertical-align: top;} .link {text-decoration: underline;} #menuleft dt {font: bold 85%/120% Arial, Helvetica, sans-serif; color: #333; /* Used to be color: #fff;*/ padding: 1px 3px; background: url(../images/menuleft.jpg) repeat-x;/*background-image: url(../images/pchd-menu-dt.jpg); second used to be background-color: #d1a483*//*Used to be background-color: #666; */border-bottom: thin solid #fff;} .searchform {height: 23px;background-color: #efefef;} #menuleft .nobullets a, .nobullets a:hover {background-color: #eee; background: none; padding:0;margin-left: 0;} #menuleft .nobullets a:hover {background-color: #eee; background: none; padding:0;margin-left: 0;} #menuleft .nopaddingtop a, .nopaddingtop a:hover {font: bold 11px Arial, Helvetica, sans-serif; background-color: #eee; background: none; padding: 0; margin: 0; vertical-align:bottom;} #menuleft .nopaddingtop {font: bold 11px Arial, Helvetica, sans-serif; text-align: right;} #menuleft .nopaddingtop a:hover {font: bold 11px Arial, Helvetica, sans-serif; background-color: #eee; background: none; padding: 0; margin: 0; vertical-align:bottom;} /* Controls the Google search bar on the left menu */ .navsearch {font: bold 85% arial, helvetica, sans-serif; color: #000; padding-left: 10px; padding-right: 10px; border-left-width: 9px; background-color: #d3d3d3;} /********<<< Footer Styles - Footer.inc File >>>********/ .contact_box {background-color: #353431; margin: 10px 10px 10px 5px; padding: 10px 10px 10px 5px; vertical-align: top;} .contact_box_inside {background-color: #282825; border: 1px solid #58564f; height: 100%; padding: 0px 5px 5px 5px; margin: 0px 0px 2px 0px; vertical-align: top;} .contact_box_main a {text-decoration: none; color: #c6c4e2;} .contact_box_main a:visited {padding-right: 12px; background: url(../images/templateimages/visitedHoverLink.gif) no-repeat 100% 50%; text-decoration: none; color: #9d9bbd;} .contact_box_main a:active {color: #c6c4e2;} .contact_box_main a:hover {color: #ff0; padding-right: 12px; background: url(../images/templateimages/visitedLink.gif) no-repeat 100% 50%;} .contact_box_main {color: #999; font: 80%/130% verdana, arial, helvetica, sans-serif;} .ul2 {list-style-type: none; padding: 0; margin: 0;} .li2 {background-image: url(/test_newsite/arrows_updates.jpg); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 1.8em; color: #999; font: 80%/160% verdana, arial, helvetica, sans-serif;} .li2 a {text-decoration: none; color: #c6c4e2; } .li2 a:visited {padding-right: 1.2em; background: url(../images/templateimages/visitedHoverLink.gif) no-repeat 100% 50%; text-decoration: none; color: #9d9bbd;} .li2 a:active {color: #c6c4e2;} .li2 a:hover {color: #ff0; padding-right: 1.2em; background: url(../images/templateimages/visitedLink.gif) no-repeat 100% 50%;} /* Main body bullets */ .bodybullets ul { margin: 0 0 0 15px; padding: 0;list-style-type: none;font: 100%/120% Verdana, Arial, Helvetica, sans-serif;} .bodybullets li {background-image: url(/images/bulletlist.jpg); background-repeat: no-repeat; background-position: 0 .4em; padding: 2px 2px 0 1em;text-align: left;} /* Used for table list with alternating color */ #tableList {padding: 4px;border: 1px solid #ebecfb; /*Used to be light blue border: 1px solid #ebecfb;*/ background: #fff;} #tableList .tLalt {background: #f5f5f5; /*Used to be light blue background: #ebecfb;*/ vertical-align: top; text-align: left; background-image: url(/images/bulletlist.jpg); background-repeat: no-repeat; background-position:0.2em 0.5em; padding-left: 1em;} #tableList td {vertical-align: top; text-align: left;background-image: url(/images/bulletlist.jpg); background-repeat: no-repeat; background-position:0.2em 0.5em; padding-left: 1em;} #tableList .tLaltNone {background-image: none; background-color: #f5f5f5; /*Used to be light blue background: #ebecfb;*/ padding:3px;} #tableList .None {background-image: none; background: #f5f5f5; /*Used to be light blue background: #ebecfb;*/ padding:3px;} #tableList .header { font: bold 110%/140% Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: left; padding: 1px 2px 0 1em; background: #d1a483 url(../images/heading-brown2.jpg) no-repeat; background-position: right; } #tableList .NoneW {background-image: none;background: #fff;padding:3px;} #tableList .tdpic {text-align: center; vertical-align: middle;background-image: none;background: #fff; background-position:0; padding: 10px;} #tableList .pic {border-color: #f9f8f8; /*Used to be light blue border-color: #ebecfb;*/ border: 1px;} #tableList .announcement{ /* yellow box */ background-color: #ffc; border: dashed 1px; border-color:#f5f5f5;/*Used to be light grey border-color: #999;*/ padding: 5px;background-image: none; font: 85%/140% Verdana, Arial, Helvetica, sans-serif;} #tableList .money {background-image: none;background: #fff;padding:3px;text-align: center;} #tableList .moneyAlt {background-image: none; background: #f5f5f5; /*Used to be light blue background: #ebecfb;*/ padding:3px; text-align: center;} /* Home Page alternating news articles - WHITE */ #newshome {float: left; width: 100%; text-align: left; margin: 4px 0 0 0; padding: 2px;border: 1px solid #f5f5f5; background: #fff;} #newshome dl {float: left; width:100%; margin: 5px 2px; padding: 0; display: inline; } /* display: inline; fixes IE/Win double margin bug */ #newshome dt{ color: #397d85; background-color: #f5f5f5; font: bold 110%/140% Verdana, Arial, Helvetica, sans-serif; margin: 0 0 2px 0; text-align: left; vertical-align: top; text-align: left;background-image: url(/images/h3.png); background-repeat: no-repeat; background-position: 0 .3em; padding: 2px 2px 0 1em;} #newshome dd { color: #000;margin:0; padding: 0 0 5px 5px; line-height: 140%;} #newshome dl dd.img {margin:0;} #newshome dd.img img {float: left; margin: 8px 8px 0 0; padding: 4px; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: #fff; width: auto; display: inherit;} #newshome a[href^="http://"] { background:transparent url(../images/icon_out.png) right no-repeat; display:inline-block;padding-right:15px;} #newshome ul { margin: 0 0 0 10px; padding: 10px 0 0 10px; list-style-type: none;font: 100%/120% Verdana, Arial, Helvetica, sans-serif; float: inherit; overflow: hidden; /*zoom: 1; used for IE6*/} #newshome li {background-image: url(/images/greybullet.png); background-repeat: no-repeat; background-position: 0 .4em; padding: 0 3px 5px 1.2em;text-align: left;} /* Home Page alternating news articles - BLUE */ #newshome dl.altrecent {float: left; width:100%; margin: 0; padding: 0; display: inline; background-color:#fafafa;/* Used to be light blue background: #ebecfb;*/ } #newshome dl.alt {float: left; width:100%; margin: 0; padding: 0; display: inline; background-color:#fff;/* Used to be light blue background: #ebecfb;*/ } #newshome .alt dd.img img {float: right; margin: 0 8px 4px 0; padding: 4px; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: #fff;} #newshome .altrecent dd {margin: 0 65px 0 0;} #newshome .altrecent ul { margin: 0 0 0 10px; padding: 0;list-style-type: none;font: 100%/140% Verdana, Arial, Helvetica, sans-serif;} #newshome .altrecent li {background-image: url(/images/greybullet.png); background-repeat: no-repeat; background-position: 0 .4em; padding: 0 3px 5px 1.2em;text-align: left;} #newshome .alt dd {margin: 0 65px 0 0;} #newshome .alt ul { margin: 0 0 0 10px; padding: 0;list-style-type: none;font: 100%/140% Verdana, Arial, Helvetica, sans-serif;} #newshome .alt li {background-image: url(/images/greybullet.png); background-repeat: no-repeat; background-position: 0 .4em; padding: 0 3px 5px 1.2em;text-align: left;} #newshome .header { font: bold 110%/140% Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: center; padding: 1px 2px 0 1em; background: #d1a483 url(../images/heading-brown2.jpg) no-repeat; background-position: left; } #newshome dd.announcement{ /* yellow box */ background-color: #ffc; border: dashed 1px; border-color: #999; padding: 5px; background-image: none; font: 85%/140% Verdana, Arial, Helvetica, sans-serif; margin: 0;} #newshome dd.recent {margin:2px 0 0 0; padding: 5px 0 5px 5px; line-height: 140%; color: #000; background-color:#f5f5f5;} /* Table used in Restaurant Ratings Page */ #ratingtable {border: 1px solid #ccc; } #ratingtable td {background-color: #fbfbfb;} #ratingtable tr {background-color: #333;} .hintbox {background-color:#fbfbfb; border: 1px solid #ccc; font: 85%/140% Verdana, Arial, Helvetica, sans-serif;padding: 3px; text-align: left;} /* Used for table holding office listing locations */ #officetable {padding: 0;border: 1px solid #67697a; background:#d7d8ed; font: normal 85%/100% Verdana, Arial, Helvetica, sans-serif;} #officetableTR {background: #b0b2cd; vertical-align: middle;} #officetable .OTrowalt {background: #fff; vertical-align: middle; text-align: left; height: 20px;} #officetable .OTrow {background: #cacce9; vertical-align: middle; text-align: left;height: 20px; } #officetable .OTservicesoffered {background: #cacce9 url(/images/business_icon.png); background-position: center; background-repeat: no-repeat; border: 0px solid; } #officetable .OTservicesofferedalt {background: #fff url(/images/business_icon.png);background-position: center; background-repeat: no-repeat; border: 0px solid; } #officetable .OTborderRLB {border-color: #9ea0be; border-right: 1px solid; border-left: 1px solid; border-bottom: 1px solid;} #officetable .OTborderB {border-color: #9ea0be; border-bottom: 1px solid;} #officetable .OTborderBL {border-color: #9ea0be; border-bottom: 1px solid;border-left: 1px solid;} #officetable .OTborderBR {border-color: #9ea0be; border-bottom: 1px solid;border-right: 1px solid;} #officetable .OTborderLR {border-color: #9ea0be; border-left: 1px solid; border-right: 1px solid;} #officetable .OTborderL {border-color: #9ea0be; border-left: 1px solid;} #officetable .OTborderR {border-color: #9ea0be; border-right: 1px solid;} #officetable th a:link {text-decoration: none;} .footer {font:80% Arial, Helvetica, sans-serif; color: #999; background-color: #353431; margin: 2px 10px 2px 5px; padding: 2px 10px 2px 5px;} .footer a, .footer a:hover {font: 90% Arial, Helvetica, sans-serif; color: #999;} .footer a:active, .footer a:visited {font: 90% Arial, Helvetica, sans-serif; color: #999;} /********<<< Image Styles >>>********/ /** Picture Caption CSS - Includes padding and catption using MooTools files (mootoolsfile1.2.js and photocaption-1.0.js **/ /** Uses these script files mootoolsfile1.2.js and photocaption-1.0.js **/ /** To feature the border use image alt="this will be picture caption" and class="captioned" **/ /** Example: Abrams Building - Pima County Health Department **/ div.figure {width:310px; text-align:center;border:1px solid #ccc; background-color:#f5f5f5; margin:5px 4px 5px 1px; } p.caption {margin: 2px; font:italic 90% Georgia, "Times New Roman", Times, serif; color:#333;} #floatright {display: inline-block; float:right; padding: 10px 0 10px 10px;} .floatright {display: inline-block; float:right; padding: 10px 0 10px 10px;} /** End Picture Caption CSS **/ /* Form */ #form {font: normal 100%/120% Verdana, Arial, Helvetica, sans-serif;} #form textarea {font: normal 100%/120% Verdana, Arial, Helvetica, sans-serif; } #form legend {font: bold 110% Verdana, Arial, Helvetica, sans-serif; color: #366; margin: 5px 0 5px 0; text-align: left;} .legendback {background: url(/images/legendback.jpg) repeat-x; padding: 5px; } .legendback2 {background: url(/images/legendback2.jpg) repeat-x; padding: 5px; background-position:bottom; } /* ====================== Icons for PDF, Email (IE7) ====================== */ /********<<< PDF document links >>>********/ a[href$='.pdf'] { background:transparent url(../images/pdf.gif) top left no-repeat; display:inline-block;padding-left:20px; line-height:15px;} /********<<< PDF document links for footer pane lists (however it takes the arrow away) >>>********/ .li2 a[href$='.pdf'] { background:transparent url(../images/pdf2.gif) top left no-repeat; display:inline-block; padding-left:20px;} .li2 a:hover[href$='.pdf'] { background:transparent url(../images/pdf2.gif) top left no-repeat; display:inline-block;padding-left:20px;} #nodecoration a[href^="http://"] {background:transparent url() top right no-repeat; display:inline-block; padding: 0;} #nodecoration {font: 85%/150% Verdana, Arial, Helvetica, sans-serif; color: #09c;} #nodecoration a {color: #09c;} /********<<< Excel Documents links >>>********/ /*a[href$='.xls'], a[href$='.csv'], a[href$='.xlw'], a[href$='.xlt'] { background:transparent url(/images/excel.png) center left no-repeat; display:inline-block; padding-left:20px; line-height:15px;}*/ /********<<< Word Document Links >>>********/ /*a[href$='.doc'], a[href$='.rtf'], a[href$='.wps'], a[href$='.txt'] { background:transparent url(/images/word.png) center left no-repeat; display:inline-block; padding-left:20px; line-height:15px;}*/ /********<<< mailto: links >>>********/ a[href^="mailto:"] {background:transparent url(../images/mailto.gif) top left no-repeat; display:inline-block;padding-left:20px;} /********<<< ZIP Files: links >>>********/ a[href$='.zip'] {background:transparent url(../images/zip.png) top left no-repeat; display:inline-block;padding-left:20px;} .contentmain a[href^="http://"] { background:transparent url(../images/icon_out.png) top right no-repeat; padding: 0 15px 0 0;} /* Do the same for a secure https connection */ .contentmain a[href^="https://"] { background:transparent url(../images/icon_out.png) top right no-repeat; display:inline-block; padding: 0 15px 0 0;} /* Controls the text in the screen pic table - teens page, kids page */ .screenpics td{width: 180px; text-align:center; vertical-align: top; border:1px solid #ccc; background-color:#f5f5f5; margin:5px 12px 5px 1px; padding: 10px;} .screenpics{margin: 5px; font:italic 100% Georgia, "Times New Roman", Times, serif; color:#333; text-decoration: none;} .screenpics a {margin: 5px; font:italic 100% Georgia, "Times New Roman", Times, serif; color:#333; text-decoration: none;} .screenpics a[href^="http://"] {background: transparent url(../images/icon_out.png) top right no-repeat; display:inline-block; padding: 0 15px 0 0;} .screenpics a[href$='.pdf'] { background:transparent url(../images/pdf.gif) top right no-repeat; display:inline-block; padding: 0 15px 0 0;} /* Iphone Settings for Twitter Display */ .iphone {color: #000; padding: 85px 10px 75px 0px; height: 480px; width: 259px; background: url(../disease/swineflu/iphone.jpg) no-repeat left top; font: normal 12px/16px Arial, Helvetica, sans-serif; display: block;} #twitter-div {width: 215px; text-align: left; margin-top: 10px; padding-left:5px;} #twitter-divTitle {width: 215px; text-align: left; padding:10px 0 0 20px;} .iphoneTitle { font: normal 100%/13px Arial, Helvetica, sans-serif; color: #fff;} .twitterlink {font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #ff0;} #twitter-update-list {background: url(../images/twitter_icon.jpg);} /*Menu Toolbar on right side - Floating*/ #floatdiv {position: absolute;width:23px; left: 0; top: 0;border:0px solid #2266AA;} /* Use this class to print url when printing page - Uses printurls.js and */ .print_link {} .applyonline2 a{font-family:Verdana, Arial, Helvetica, sans-serif; color: #000;background: #CCC; text-decoration: none; padding: 3px 2px; border-top: 2px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #333; border-left: 2px solid #333;} .applyonline2 a:hover{ color: #ff0; background: #666; text-decoration: none; padding: 3px 2px; border-top: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #999; border-left: 2px solid #999;} .applyonline2 a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; background: #CCC; text-decoration: none; padding: 3px 2px; border-top: 2px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #333; border-left: 2px solid #333;} .applyonline a{ font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; background: #ccc; text-decoration: none; padding: 3px 2px; border-top: 2px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #333; border-left: 2px solid #333;} .applyonline a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; color: #ff0; background: #666; text-decoration: none; padding: 3px 2px; border-top: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #999; border-left: 2px solid #999;} .applyonline a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; background: #ccc; text-decoration: none; padding: 3px 2px; border-top: 2px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #333; border-left: 2px solid #333;} .align-top { vertical-align: top;} .donate-bottom {background: url(http://www.pimaanimalcare.org/images/donate/donate-pchd2-b.png) no-repeat; height: 51px;} .txtlinks-donate {color: #333; font-size: 12px; font-weight: 700; margin-left: 20px; margin-right:20px; text-align: left;}