/* Yahoo Reset and Base */ * {margin:0; padding:0;} @import "http://yui.yahooapis.com/2.5.0/build/base/base-min.css"; @import "http://yui.yahooapis.com/2.5.0/build/fonts/fonts-min.css"; /*testing*/ a[href="#"] {background-color:yellow;} /* Statewide Header Reset */ #utahgov_statewideheader li {list-style: none;} table tbody tr td {border:none; padding:0;} body {color:#4d4d4d; font-family:"Myriad Pro","Segoe UI", Helvetica, Arial, sans-serif; background: #000 url(../images/background-page.jpg) repeat-x; font-size: 1.0em;} a:link { color:#522300; text-decoration: underline; } a:visited { color:#7c4217; text-decoration:underline; } a:hover { color:#737373; text-decoration:underline; } a:active { color:#993300;} h1, h2, h3, h4, h5, h6 {font-weight: normal; margin:10px 0;} #main fieldset, #main h1,#main h2,#main h3,#main h4,#main h5,#main h6 {margin-left:20px;margin-right:1.2em;} h1 {font-size: 1.6em;} h2 {font-size: 1.5em;} h3 {font-size: 1.4em;} h4 {font-size: 1.3em;} #newsstories h4, h5 {font-size: 1.2em;} h6 {font-size: 1.1em;} p {margin-top:15px; line-height: 1.35em} ul {margin-left:0px;} li {margin-left:25px;} img {border:none;} #wrapper {width:1024px; margin:20px auto 0; background-color: #fff; padding-top:1px;} #content {margin:5px;background: url(../images/background-content.gif) repeat-y;} #header {background: url(../images/background-header.jpg) no-repeat; height:231px; position: relative; z-index: 1;} #header #introVideo {position: absolute; right:0; top:0; width:375px;height:231px;} #main {width:625px; float:left; padding:0 5px; } #sidebar, #sidebar-right{width:360px; float:right; padding:0 5px; } #newsBlock {position: relative; overflow: auto; font-size: 90%;} #footer {clear: both; background:#FFFFFF none repeat scroll 0 0;margin-top:50px;padding-bottom:15px;padding-top:15px;} #navigation ul, #navigation li, #breadcrumb ul, #breadcrumb li, #priorities ul, #priorities li {margin:0;} #breadcrumb {height:39px; background: #4d4d4d url(../images/background-breadcrumb.gif) repeat-y scroll 3px 0; margin-bottom: 10px;} #breadcrumb ul {display: inline;} #breadcrumb ul li {float:left; display: inline; color:#fff; line-height: 39px;padding:0px 0px 0 10px; } #breadcrumb ul li:last-child { background-image: none;} #breadcrumb li a { text-decoration: none; color:#fff; display: block;padding:0px 15px 0 0px; background: url(../images/breadcrumb-divider.gif) no-repeat 100% 50%; } #navigation {height:44px; position: relative; z-index: 2;} #navigation ul {margin:0; padding:0; height: 41px; background: url(../images/navigation.png) no-repeat;} #navigation ul li {list-style:none; float:left; height: 40px; } #navigation ul li a { height:53px; display: block; text-indent:-5000px; /*border-right: 1px solid #999;*/} #navigation li a#home {width:100px;} #navigation li a#about {width:90px;} #navigation li a#news {width:100px;} #navigation li a#request {width:267px;} #navigation li a#staff {width:101px;} #navigation li a#contact {width:115px;} #navigation li a#blog {width:101px;} #navigation li a:hover {background: url(../images/navigation.png) no-repeat} #navigation li a#home:hover {background-position: 0 -42px;} #navigation li a#about:hover {background-position: -100px -42px;} #navigation li a#news:hover {background-position: -190px -42px;} #navigation li a#request:hover {background-position: -290px -42px;} #navigation li a#staff:hover {background-position: -556px -42px;} #navigation li a#contact:hover {background-position: -658px -42px;} #navigation li a#blog:hover {background-position: -773px -42px;} #index #navigation li a#home {background: url(../images/navigation.png) no-repeat 0 -42px;} #sabout #navigation li a#about {background: url(../images/navigation.png) no-repeat -100px -42px;} #snews #navigation li a#news {background: url(../images/navigation.png) no-repeat -190px -42px;} #srequest #navigation li a#request {background: url(../images/navigation.png) no-repeat -290px -42px;} #sstaff #navigation li a#staff {background: url(../images/navigation.png) no-repeat -556px -42px;} #scontact #navigation li a#contact {background: url(../images/navigation.png) no-repeat -658px -42px;} #sblog #navigation li a#blog {background: url(../images/navigation.png) no-repeat -773px -42px;} /* TITLES */ .titles {text-indent: -5555px; height:41px;} /* CONNECT */ #sidebar div.section {background:white; padding:10px; border:1px solid #999; border-radius:10px;box-shadow:0px 0px 3px rgba(0,0,0,0.3) inset;margin:10px 0 ;} #sidebar div.section h3 {font-family:georgia,"Times New Roman"; font-size:1.1em; text-transform: uppercase;text-indent:0px;margin:0} #sidebar div.section a {margin-right:10px;} /*#title-connecting {background: url(../images/title-connecting.gif) no-repeat 0 100%; }*/ #title-followBell {background: url(../images/title-followBell.gif) no-repeat; height:51px;} #title-visiting, #title-staff,#title-responsibilities,#title-requestSpeaking,#title-requestMeeting,#title-requestEvent,#title-requests,#title-contact,#title-about,#newsAnnouncemnts,#latestPhotos{ font-family: georgia,"Times New Roman";font-weight: normal;text-indent: 0;text-transform:uppercase;font-size: 1.6em; } #title-linksofInterest {background: url(../images/title-linksInterest.gif) no-repeat 0 100%;} #title-initiatives {background: url(../images/title-initiatives.gif) no-repeat 0 0; margin-bottom:0;} /* Priorities */ #priorities ul {height:132px;} #priorities li {float:left; list-style-type: none; margin-right:10px;} #priorities a {height:132px; display: block; text-indent: -5555px; background: url(../images/priorities.jpg) no-repeat; } a#priority-EconomicDevelopment {width:144px; background-position: 0px 0px;} a#priority-education {width:145px; background-position: -144px 0px;} a#priority-energy {width:144px; background-position: -289px 0px;} a#priority-infrastructure {width:145px; background-position: -433px 0px;} #priorities a:hover {background: url(../images/priorities.jpg) no-repeat -128px 0; height:126px;} a#priority-EconomicDevelopment:hover {background-position: -0px -136px;} a#priority-education:hover {background-position: -144px -136px;} a#priority-energy:hover {background-position: -289px -136px;} a#priority-infrastructure:hover {background-position:-433px -136px;} /* QUICKLINKS */ #quicklink {color:#fff;} #quicklinkWrapper {background: #333 url(../images/quicklinks-bottom.gif) no-repeat 0 100%; width:623px;} #quicklink ul {margin:0; padding:0;} #sidebar li, #quicklink li {background: url(../images/bullet-dot.gif) no-repeat 0 0; line-height: 22px;margin-left:0px; padding-left:25px; list-style-type: none;} #quicklink h4 {font-size: 1em; font-weight: normal; padding:0 5px; border-top:2px solid #fff;cursor:pointer; background: url(../images/icon-plus.gif) no-repeat 98% 50%; line-height:2.4em; margin:0;} #quicklink h4.active {border-bottom:none; background: url(../images/icon-minus.gif) no-repeat 98% 50%;} #quicklinks h4:last-child {border-bottom: none} #quicklinkWrapper h4:first-child {background: #333 url(../images/quicklinks-top.gif) no-repeat 0 0%;} #quicklink a:link { color:#fff; text-decoration: underline;} #quicklink a:visited { color:#fff;} #quicklink a:hover { color:#fff;} #quicklink a:active { color:#fff;} /* PROMOTIONAL */ .promo { list-style: none; width:365px; height:90px; position: relative; margin-bottom:10px;} .promo li { float:left; position: relative; padding:0; margin:0 5px 0 7px; font-size: 90%;} .promo li a {display:block;} #promotional { width:365px; margin:35px 0 0; padding:0; background: url(../images/connecting-block.png) no-repeat; position: relative; height:120px;} #promo-connect { margin:10px 0; } #promo-connect a {display: block; text-indent: -5555px;} #promo-firstLady { background: url(../images/promo-firstlady.jpg) no-repeat; } #promo-ltgovernor { background: url(../images/promo-ltgovernor.jpg) no-repeat; } #promo-declarations { background: url(../images/promo-declarations.jpg) no-repeat; } #promo-boards { background: url(../images/promo-boardsCommissions.jpg) no-repeat; } #promo-mansion { background: url(../images/promo-mansion.jpg) no-repeat; } #promo-capitol { background: url(../images/promo-capitol.jpg) no-repeat; height:100px;} #promo-flairs { background: url(../images/promo-flairs.png) no-repeat; height:154px; } #promo-flairs a {display: block; height:135px; text-indent: -5555px; margin:0 2px 0; top:-50px; position: relative;} #promo-flairs #lifeElevated {width:190px;} #promo-flairs #working4Utah {width:120px;} /* BLOG */ #sblog #promotional {position:static} #sblog #promo-connect a.facebookLarge {height: 40px;width: 158px;} #sblog #promo-connect a.rssLarge {height: 40px;width: 50px;} #sblog #promo-connect a.youtubeLarge {height: 40px;width: 110px;} /* FORMS */ #main form {} #main fieldset {border: none; margin-bottom: 1em;} #main legend {font-size: 1.4em; color: #522300; padding-bottom: 1em;} #main p, #main iframe {position: relative; background: transparent; margin: 0 20px 1.2em 20px; line-height: 24px; width: 600px; /* width need for positioning in IE */ } #main label {display: block; float: left; width: 200px; text-align: right; margin-right: 10px; line-height: 22px; background: #fff;} #main form p.twoLine label {line-height: 1.2em;}/* for labels that wrap to 2 lines */ #main p.noLabel {margin-left: 210px; width: auto;}/* for items with no label */ /* Recaptcha */ #recaptcha_widget_div {margin-left: 227px;} #main label.recaptcha_input_area_text {float:none;} #main input[type=text], #main input[type=password], #main input.text, #main textarea {width: 350px; font-size: 13px; line-height: 20px; height: 20px; border: 1px solid #999; padding: 4px 4px 0 4px; background: #f2f2f2; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} #main textarea {height: 160px; font-family: Helvetica, Arial, sans-serif; font-size: 13px;} #main input:focus {background: #fff;} #main textarea:focus {background: #fff; } #main .radio, #main .checkbox {width: auto; height: auto; float: none; margin-right: 6px;} #main select {width: auto;} #main #country {width: 290px;} /* ----------- for Multi-Column Checkboxes / Radio Buttons GIVE FIELDSET CLASS="MULTICOLUMN" & wrap columns in DIVs ----------- */ #main form fieldset.multicolumn div {width: 148px; float: left; margin-left: 20px;} #main form fieldset.multicolumn div p {margin: 0 0 10px 0; width: auto; background: white;} #main form fieldset.multicolumn div p label {display: inline; float: none; width: auto; text-align: left; margin: 0; background: white;} /* ----------- Radio Button YES/NO Questions ----------- */ #main form fieldset p.radio {margin-left: 210px; } #main form fieldset p.radio .twoline {line-height: 13px;} #main form fieldset p.radio .yesNo {position: absolute; left: -112px; top: 0; background: #f2f2f2; width: 102px; padding: 0 10px; text-align: right; border: 1px solid #999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #main form fieldset p.radio .yesNo label {display: inline; margin: 0 10px 0 0; padding: 0 0 0 3px; background: transparent;} #main form fieldset p.radio .yesNo input {display: inline; margin: 0; padding: 0;} #main form fieldset p.radio .question {left:23px; position: relative; } /* ----------- Radio Button Group (NOT YES/NO) ----------- */ #main form fieldset.radio {margin-bottom: 1.2em;} #main form fieldset.radio p {margin-bottom: 0;} #main form fieldset.radio label {float: none; width: auto; text-align: left; margin-left: 190px;} #main form fieldset.radio input {width: auto; position: absolute; left: 170px; top: 4px;} /* ----------- ERRORS and Hints/Instructions ----------- */ #main p.errors { color: red; background: #f2f2f2 url(../images/error.gif) 4px 2px no-repeat; padding: 0 4px 0 30px; width: 614px; margin-top: 1em; border: 1px solid red; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999;} #main .feedback {position: absolute; top: 0; left: 490px; width: 138px; color: red; font-size: 11px; padding: 4px 0 0 22px; line-height: 10px; text-align: left; background: white url(../images/error.gif) left 2px no-repeat; height: 20px; z-index: 100; display: none;} #main .instructions {position: absolute; top: 0; left: 490px; width: 146px; font-size: 11px; line-height: 14px; color: #333; text-align: left; font-style: italic; background: #ffffcc; display: none; padding: 6px; border: 1px solid #ccc; z-index: 200; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} /* ----------- Widths for Smaller and Odd Sized Inputs ----------- */ #main .whatsThis {font-size: 11px; color: #333; text-align: left; font-style: italic; margin: 0 0 0 6px; z-index: 200;} #main input.postalcode {width: 5em; } #main input.phone, #main input.amount {width: 10em; } #main input#cvv, #main input#time {width: 2.7em; } /* ----------- Styles for DATE & TIME INPUT ----------- */ #main p.date input, #main p.date select {margin-right: 10px;} #main input#date, #main input#expireDate {width: 2em;} #main input#year, #main input#expireYear {width: 3em; } #main p.date label.hiddenDateLabel {position: absolute; width: 0; margin: 0; left: -9999em;} #main form fieldset .ampm label {display: inline; margin: 0 10px 0 0; padding: 0 0 0 3px; background: transparent;} #main form fieldset .ampm input.radio {display: inline; margin: 0; padding: 0;} /* ----------- BUTTONS BUTTONS BUTTONS Paragraph Class 'buttons' sets A, INPUT & BUTTON elements to appear the same ----------- */ #main p.buttons {overflow: hidden; margin: 1em 20px 1em 210px; width: auto;} #main p.flush {margin-left: 20px;} #main p.buttons a, #main p.buttons button, #main p.buttons input {display: block; background: #522300 url(../images/button-shade.png) no-repeat 0 0; color: white; width: 90px; text-decoration: none; border: none; font-size: 13px; line-height: 28px; height: 28px; margin: 0 10px 0 0; float: left; cursor: pointer; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;} #main p.buttons a {line-height: 30px;} #main p.buttons a:hover, #main p.buttons button:hover, #main p.buttons input:hover {background: #666; color: #fff; } #main p.buttons a:active, #main p.buttons button:active, #main p.buttons input:active {color: white; background: #333; } #main .buttons input[type=hidden] {display:none;} .news-date {color:#666;} /* LISTS */ .peopleList {list-style-image: url(../images/bullet-people.gif);} .personnelTable li {height:300px; width:150px; vertical-align: top; padding:3px; float:left; list-style: none} .personnelTable li em {font-family: georgia;font-size: 0.8em;} .buildingList {list-style-image: url(../images/bullet-capitol.gif);} /* ICONS */ a.icon {display:block; height:64px; width:65px; text-indent: -5555em;} .icon-building {background: url(../images/icon-capitol.gif) no-repeat; padding-left:35px;} #programs .iconList {margin-left:10px; margin-top:-20px;} .iconList {list-style: none; } .personnelTable li .iconList li { height:auto; } #sidebar-right .iconList li { margin-left:0; list-style-image: none; float:left;} ul.iconList li { margin-left:0; list-style-type: none; float:left;} #sidebar ul.iconList li, #sidebar ul#promo-connect li {background-image:none;} #governor_bell_request_form ul.iconList li { margin-left:30px;} .icon {padding-left:20px;} a.email {background: url(../images/icon-email.png) no-repeat;} a.facebook {background: url(../images/icon-facebook.gif) no-repeat; } a.facebookLarge {/*background: url(../images/icon-facebookLarge.gif) no-repeat;*/ width:159px; height:50px; padding:0; margin:0; position: absolute; left:10px; top:-8px;} a.rss {background: url(../images/icon-rss.gif) no-repeat;} a.rssLarge {/*background: url(../images/icon-rssLarge.gif) no-repeat;*/ width:45px; height:50px; padding:0; margin:0; position: absolute; left:181px; top:-8px;} a.twitter {background: url(../images/icon-twitter.gif) no-repeat;} a.twitterLarge {/*background: url(../images/icon-twitterLarge.gif) no-repeat;*/} a.website {background: url(../images/icon-mouse.png) no-repeat;} a.youtubeLarge {/*background: url(../images/icon-youtubeLarge.gif) no-repeat;*/ width:105px; height:50px; padding:0; margin:0; position: absolute; left:240px; top:-8px;} a.meetingRequest {background: url(../images/icon-requestMeeting.jpg) no-repeat; height:150px; width:120px;} a.eventRequest {background: url(../images/icon-requestEvent.jpg) no-repeat; height:150px; width:120px;} a.speakingRequest {background: url(../images/icon-requestSpeaking.jpg) no-repeat; height:150px; width:120px;} a.vote {background: url(../images/logos-vote-alpha.gif) no-repeat 0 50%; width:176px; height:100px;} a.beready {background: url(../images/logos-beready-alpha.gif) no-repeat; width:65px; height:100px;} a.summit {background: url(../images/logos-summit.gif) no-repeat; width:300px; height:48px;} a.volunteers {background: url(../images/logos-volunteers-alpha.gif) no-repeat; width:120px; height:100px;} a.voterreg {background: url(../images/badge-voterreg-alpha.gif) no-repeat 0 50%; width:175px; height:100px;} a.civility {background: url(../images/logo-civility.gif) no-repeat; width:414px; height:43px; margin-top:6px;} #programs {border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color: #ececec; padding-bottom:30px; width:600px; margin-left:15px;} /* MISC. */ .clear {clear: both;} .error { font: 90% "san-serif"; padding:10px 0; font-weight:bold; line-height:20px; color:#900;} .messageConfirm {font-size: 120%; display:block; margin:10px 0;} .news-content-heading {display:none;} span.rssButton a { background: #fff url(../images/rss.gif) no-repeat; width:14px; height:14px; text-indent:-5000px; display:block; } .r0 {background-color:#ececec;} .image_wrap {float:left; margin:0 10px 10px 0; } .image_wrap, .personnelTable li img {padding:3px; border: 1px solid #ccc;} #downloadableDoc a {background:transparent url(../images/download-printfriendly.png) no-repeat scroll 6px 0; display:block; height:61px; padding:5px 5px 5px 25px; text-indent:-5555px; width:165px; float:right;} #capitolPhoto {background: url(../images/capitol-fountain.jpg) no-repeat; float: left; height:200px; width:300px; margin:0 10px 0 10px; border: 1px solid #ccc;} table#requestForm td:first-child {width:260px; vertical-align: top;} p.skipnav {text-indent: -5555px; height:0px; margin:0; padding:0;} .caption {float:left; margin:0 20px 1.2em 20px; border: 1px solid #999;} #socialize {border-top: 1px dotted #522300; margin-top:10px; clear: both;} #socialize p, #socialize iframe {padding-left:20px; float:left; margin:0; width:84px;} #socialize p { color:#999;} #socialize p iframe { padding-left:0; margin:3px 0} #socialize h4 {color:#666; font-size: 1em;font-weight: normal; font-size:0.8em;} #tweetThis:hover {background-position: 0px -26px;} #follow-author {width:500px;} #twitter-anywhere-tweet-box {width:600px; height:140px;} #twitter-shoutout {clear: both;} #twitter-shoutout iframe {width:100%;} /*News output*/ #newsstories {margin-left:20px;} #searchResults p, #newsstories p {display:none;} #searchResults p#noresults {display:block;} #searchResults #meta, #newsstories #meta {clear: both; margin-bottom:5px;} #searchResults #meta h3, #newsstories #meta h3 {width:485px; float:right; line-height: 20px; margin:0;} #searchResults #meta p.date, #newsstories #meta p.date {font-size: .9em; width:100px; font-weight: normal; line-height: 20px; margin:0px; display:inline;} #frontpageStories h3 {width:100%; font-size: 1.2em;} #frontpageStories p.date {display: none;} #searchResults p, #newsstories p {display:none;} #searchResults p.error, #newsstories p.error, #frontpageStories p.error {display: block; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; padding-left:25px; height:15px; line-height: 15px; background: url(../images/icon-error.gif) no-repeat 0 50%; } #searchResults h3, #newsstories h3 {font-size: 1em;} #paging {text-align: center; border-top: 1px dotted #ccc; padding-top:10px; clear:both;} #paging .totalRecords {text-align: center;} #paging .showing {font-weight: bold;} #paging .firstpage { padding:0 3px;} #paging .previousPage { padding:0 3px;} #paging .nextPage { padding:0 3px;} #paging .lastPage { padding:0 3px;} #paging a {text-decoration: underline;} #paging a:hover { text-decoration: none;} #relatedLinks h3 {font-size: 100%;} #relatedLinks p {margin:0 20px;} .cntrl {display:none;}