/* Calgary Stampede - Main Stylesheet - Layout */ /* ================================================= */ /* HTML RULES */ /* ================================================== */ body {border: none; background: #39322c url(../images/layout/bg-body.jpg) no-repeat top center; font:11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; padding: 0; margin: 0;} h1 { font: 30px/40px "Georgia", "Times New Roman", Times, serif; } h2 { font: 14px "Myriad Pro", Verdana, sans-serif; color: #425345; text-transform:uppercase; margin-bottom: 5px;} h2.special { font-size:18px; color:black; } h3 { font: 13px "Myriad Pro", Verdana, sans-serif; color: #000; margin-bottom: 5px; margin-top: 10px;} p { line-height:1.5; margin-bottom:10px; } body img{margin: 0;} a, a:hover, a:focus{color: #425345; text-decoration: none;cursor:pointer;} a:focus { outline:none; } a:hover{text-decoration: underline;} em, i {background: none; font-style:italic;} strong, b {font-weight:bold;} #content img{margin-bottom: 0;} #content dd { margin:0 0 10px 0px; } #content ul {list-style-type:none; position:relative; } #content ol {position:relative; } #content ol.alpha { list-style-type:lower-alpha; } #content ol.roman { list-style-type:lower-roman; } #content ul li {display:list-item; background: url(../images/layout/bullet.gif) 0px 3px no-repeat; padding:0 0 0 15px; margin:0 0 10px 0; } #content ol li {display:list-item; margin:0 0 10px 15px } #content form table td { border-width:0; } #content .bodyimage{padding-left: 10px;} /* SITE LAYOUT RULES */ /* ================================================== */ #site {margin: 0 auto; width: 970px; } #masthead {height:83px; width:970px; position: relative; z-index:20;} #logo {height: 125px; width: 256px; position: absolute; top:0; left:34px; z-index: 10;} #logo a {position: absolute; top: 0; left: 0; height: 125px; width: 256px; display: block; background: url(../images/layout/logo-2009.png) no-repeat top left; z-index: 100;} #clfwrapper {right: -7px;} #search {} #banner{text-align: center;background: url(../images/layout/bg-banner.gif) top left repeat-y; position: relative; z-index: 10; padding: 5px 0; _height: 360px;} #banner .bodyimage{margin-left: 10px;} #banner img{margin: 0;} #sub_banner{display: block; clear: both; padding: 20px 0 0px 0; margin: 0px 30px; overflow:hidden;} #sub_banner div:last-child{margin: 0;} #content {width: 960px; margin-left: 5px; background: #fff url(../images/layout/bg-content-grunge.gif) top left no-repeat; padding-bottom: 10px;} #shadow {width: 960px;margin-left: 5px; height: 45px; background: url(../images/layout/shadow.png) repeat-x top left; position: absolute; top: 0; left:0; } #col-one, #col-two, #col-three{float: left; position: relative; } #col-one {width: 180px; padding-top: 20px; padding-left: 10px;} #col-two {width: 550px; padding-top: 20px; margin-left: 20px;} #col-three {width: 180px; padding-top: 20px; padding-left: 10px;} #col-three .bodyimage{padding-bottom: 10px;} #footer {} #footer a{ cursor:pointer; } #footer-bottom { width:960px; margin-left: 5px; margin-bottom: 20px; padding-bottom: 10px; background: url(../images/layout/bg-footer.gif) no-repeat bottom left; overflow: hidden;} /* NAVIGATION */ /* ================================================== */ #nav {height:29px; width:970px; position: absolute; top:56px; right:0; z-index:2; background: url(../images/layout/bg-nav-bar.gif) no-repeat top left;} #nav ul { margin: 0; padding: 0; list-style: none; float: right; margin-right: 3px;} #nav ul li {float: left; hheight: 29px; margin: 0; padding: 0; list-style: none; } #nav ul li a{display: block; float: left; height: 29px; text-decoration: none; position: relative;} #nav ul li div{display: none; position: absolute; top: 29px; left: 0; height: 45px; width: 970px; background: url(../images/layout/bg-sub-nav-bar.gif) top left no-repeat;} #nav ul li:hover div{ddisplay: block;} #nav ul ul li { float:left; } #nav ul li li a{padding: 0 0 0 3px; } #nav ul li li a:hover{background: none; width:auto; height:auto;} #nav ul li li a:hover .title {text-decoration:underline;} #nav ul li div a{background: none; color: #000; width:auto; height:auto;} #nav ul li div a span{visibility: visible; line-height: 15px;} #nav ul ul{padding-right: 30px; padding-top:5px;} #nav ul li div.navlevel_3, #nav ul li:hover div.navlevel_3{display: none;} /* Top Nav Links */ #topnav { width:500px; height:35px; position:absolute; right:0px; padding-top:10px; } #topnav ul { float:right; clear:right; margin:0; padding:5px 12px; } #topnav ul li { position:relative; float:left; padding:0 10px 0 10px; border-left:1px solid white; background: none;} #topnav ul li.first { border-left-width:0px; } #topnav ul ul { display:none; } #topnav ul li.active ul {display:block; } #topnav ul ul.active { display:block; } #topnav ul li { height:5px; overflow:hidden; } #topnav ul li a { display:block; text-decoration:none; } #topnav ul li a span{ visibility:hidden; } #topnav ul ul li a span{ visibility:visible; } #topnav-jobs { width:26px; height:5px; background:url(../images/nav/topnav-jobs.gif) 0px 0px no-repeat; } #topnav-jobs:hover { background-position:0px -5px; } #topnav-vendors { width:46px; height:5px; background:url(../images/nav/topnav-vendors.gif) 0px 0px no-repeat; } #topnav-vendors:hover { background-position:0px -5px; } #topnav-groups { width:33px; height:5px; background:url(../images/nav/topnav-groups.gif) 0px 0px no-repeat; } #topnav-groups:hover { background-position:0px -5px; } #topnav-contact { width:65px; height:5px; background:url(../images/nav/topnav-contact.gif) 0px 0px no-repeat; } #topnav-contact:hover { background-position:0px -5px; } #topnav-store { width:32px; height:5px; background:url(../images/nav/topnav-store.gif) 0px 0px no-repeat; } #topnav-store:hover { background-position:0px -5px; } #topnav-stampede-tickets { width:100px; height:5px; background:url(../images/nav/topnav-stampede-tickets.gif) 0px 0px no-repeat; } #topnav-stampede-tickets:hover { background-position:0px -5px; } /* SIDE NAV */ /* ================================================== */ #col-one h2.up{padding-left: 20px; background: url(../images/nav/sidenav-arrow-up.gif) 5px 3px no-repeat; margin-bottom: 0;} #col-one ul{margin: 5px 0; margin-left: 20px;} #col-one ul ul{margin-left: 0;} #col-one ul li{list-style: none; background: #fff url(../images/nav/sidenav-arrow.gif) 0 2px no-repeat; padding-left: 12px; margin-bottom: 2px;} #col-one ul li.inactive ul{display: none;} #col-one ul li a{font: 12px "Myriad Pro", Verdana, sans-serif; color: #59705d; text-transform:uppercase; text-decoration: none; background:none;} #col-one ul li a:hover{color: #425345; background: none;} #col-one ul li li{background: none; padding-left: 5px;} #col-one ul li li a{font-size: 11px; text-transform: none; color: #59705d;} /* MULTI LINK BANNERS */ /* ================================================== */ .mlb{position: relative;} .mlb .primary_image_wrapper{} .mlb .primary_image_links{position: absolute; top: 320px; right: 305px; } .mlb .secondary_image_wrapper{position: absolute; top: 20px; right: 30px; z-index: 10; height: 323px; width: 264px; overflow: hidden;} .mlb .secondary_image{position: absolute; top: 2px; left: 2px; z-index: 5;} .mlb .secondary_image_mask{background: url(../images/layout/mlb_secondary_image_mask.gif) top left no-repeat; height: 330px; width: 270px; position: absolute; top: 0px; left: 0px; z-index: 10;} .mlb .secondary_image_links{width: 220px; position: absolute; top: 275px; right: 10px; z-index: 20;} .mlb .secondary_image_links .button { float:right; } /* GALLERY */ /* ================================================== */ .gallery img{padding: 5px;} /* BORDER IMAGE SMALL */ /* ================================================== */ .border-asset-cnt {width: 170px; float: left;} .border-cnt {margin:0 0 0 40px; height: 88px; width: 88px; position: relative;} .border-sm {height: 88px; width: 88px; position: absolute; top:0; left:0; z-index:10; background: url(../images/layout/border-sm-2.gif) no-repeat top left;} .border-cnt img {position: absolute; top:6px; left:6px; z-index: 1; } .border-asset-cnt h3 {margin:6px 20px 20px 20px; text-align: center; font-size: 12px; color: #333; font-family: "Myriad Pro", "Trebuchet MS", Verdana } /* BANDS/EVENTS */ /* ================================================== */ .stage_bands{position: absolute; top: 55px; left: 70px; width: 920px; } .band{cursor: pointer; _display: inline; float: left; width: 157px; height: 105px; background: url(../images/layout/bg-stage-event.png) top left no-repeat; color: #fff; margin: 5px; margin-bottom: 0;} #banner .band img{margin: 5px 0;} .band h3{font-family: "Trebuchet MS", arial, sans-serif; color: red; margin: 0px;} .band_detail{float: left;} .band_detail_image{width: 420px; height: 417px; float:left;} .band_details{background: #fff; width: 400px; float: left;} #coke_button {height: 122px; width: 122px; position: absolute; top:382px; left:0px; background: url(../images/layout/coke-logo.png) no-repeat ;} .stage_bands_list .band-by-day { float:left; width:180px; min-height:150px; _height:150px; } /* SPONSORS */ /* ================================================== */ .sponsor{float: left; clear: both; width: 530px; padding-bottom: 30px;} .sponsor_image{float: left; width: 180px; text-align: center;} .sponsor_image img{} .sponsor h3{margin-top: 0; text-transform: uppercase;} .sponsor_details{float: left; width: 350px;} .secondary{float: left; margin-right: 30px; height: 80px;} /* DRIVERS */ /* ================================================== */ .driver{float: left; clear: both; width: 100%; width:520px; } .driver h2{display: none;} .driver_name{float: left; width: 150px;} .driver_advertiser{float: left; width: 160px;} .driver_value{float: left; width: 100px;} .driver_details{float:left; width:100%; padding-bottom:10px;clear:both;} .driver_bio_image{float: left; width: 170px; margin-bottom: 10px;} .driver_bio_details{float: left; width: 400px;} .driver_bio{float: left; width: 340px; padding-right:10px;} .driver_stats{float: left; width: 110px;} .active_bio {} .active_bio .bio_name{font-size: 16px; text-transform: uppercase;} .active_bio .driver_advertiser{font-weight: bold;} .active_bio .driver_value{font-weight: bold;} /* RIDERS */ /* ================================================== */ .pool{float: left; width: 50%;} .rider{float: left; clear: both; width:260px;} .bio{} .rider_bio{width: auto; clear: both; padding:10px 0 20px 0;} .rider_stats_narrow{width: 100px; float: right; padding-top:10px;} .rider_stats_wide{width: auto; float: none; padding:0;} .rider_bio_image{float: left; width: 150px;} /* TICKET PACKAGES */ /* ================================================== */ .ticket_package{float: left; padding-bottom: 30px;} .package_content{width: 380px; float: left;} .package_image{width: 170px; float: left;} /* RIDES */ /* ================================================== */ .rides dl {position: relative; float:left; padding:5px 20px 5px 100px; width:200px; min-height: 80px; _height: 80px;} .rides .ride-image { position: absolute; top: 0; left: 0; } /* CONTESTS */ /* ================================================== */ .contest{float: left; padding-bottom: 30px;} .contest_content{width: 380px; float: left;} .contest_image{width: 170px; float: left;} /* BASIC CLASSES */ /* ================================================== */ .clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; } .img_left { float:left; } .img_right { float:right; } .mediaelement{padding: 5px 0;} .mediaelement img{margin-right: 5px;} /* BLUE BUTTONS */ /* ================================================== */ /* Look in IE stylesheet for button gif substitution */ .button{color: #fff; display: block; float: left; height: 27px; padding-right: 25px; position: relative; margin-right: 5px;} a.button:hover{text-decoration: none;} .button .button_text{display: block; float: left; height: 27px; width:auto; line-height: 25px; padding: 0 8px 0 15px; color: #fff; background: url(../images/buttons/button_left.png) top left no-repeat;} .button .button_cap{display: block; float: left; height: 27px; width: 23px; background: url(../images/buttons/button_cap_right.png) top left no-repeat; position: absolute; top: 0; right: 5px;} .button span { cursor:pointer; } /* ROUNDED BANNERS - Uses corners.js */ /* ================================================== */ .rounded_banner{position: relative;margin-right: 10px;} .rounded_banner .button{position: absolute; bottom: 12px; right: 5px;} .banner_left{float: left; margin-right: 10px;} .banner_right{float: right; margin-left: 10px;} .banner_default{float: left;} /* SEARCH */ /* ================================================== */ #search form {} #search form input.text {} #search form input.button {} #searchresults { font-size:12px; } #searchresults dt { margin-bottom:5px; } #searchresults dt a { font-size:13px; } #searchresults dd { margin:0 0 25px 10px; line-height:1.5; } #searchresults dl { margin-top:15px; } /* LIGHT WINDOW */ /* ================================================== */ .band_detail {width: 810px; position: relative; background: #fff;} .band_details {height: 400px; width: 360px; overflow: auto;} #top-left {height:28px; width: 29px; position: absolute; top:-17px; left:-16px; background: url(../images/layout/rounded-corners-sm.png) no-repeat top left;} #top-right {height:28px; width: 29px; position: absolute; top:-17px; right:-27px; background: url(../images/layout/rounded-corners-sm.png) no-repeat top left;} #bottom-left {height:28px; width: 29px; position: absolute; bottom:-16px; left:-16px; background: url(../images/layout/rounded-corners-sm.png) no-repeat top left;} #bottom-right {height:28px; width: 29px; position: absolute; bottom:-16px; right:-27px; background: url(../images/layout/rounded-corners-sm.png) no-repeat top left;} .band_detail h2 {margin:10px 0 0 0; font-family: georgia; font-size: 18px; color: #CC0000;} .band_detail h3 {margin: 1px 0 24px 0; font-family: "Trebuchet MS", Verdana, sans-serif; color: #000; font-size: 12px; font-weight: bold; } .band_content {height: 200px; line-height: 1.4; font-family: "Trebuchet MS", Verdana, sans-serif; color: #000; font-size: 11px;} /* FOOTER CONTENT */ /* ================================================== */ #footer .footer-links { text-align:center; color:white; font-size:9px; text-transform:uppercase; } #footer .footer-links li { list-style:none; display:inline; padding:0 6px 0 10px; background:transparent url(../images/nav/footer-sep.gif) no-repeat center left; } #footer .footer-links li.first { background:none; } #footer .footer-links li a {font-family: verdana; color:white; font-size:9px; *font-size: 10px; text-transform:uppercase; } #footer #credits { text-transform:none; padding-bottom:10px; } #footer #credits li a { text-transform:none; } /* HOMEPAGE OVERRIDES */ /* ================================================== */ .home {} .home #flash-img{height: 354px;} .home #footer-bottom { background:transparent url(../images/layout/bg-footer-home.gif) no-repeat scroll left bottom; padding-left: 30px; } .home #content { display:none; } /* HOMEPAGE FOOTER CONTENT */ /* ================================================== */ #did-you-know {padding:10px 0 10px 55px; color: #fff; position: relative; width: 850px; overflow: hidden;} #did-you-know span {padding:0 20px 0 0;} #fact_list{position: absolute; top: 10px; left: 900px; width: 700px;} #fact_list li{list-style: none; } .countdown {height:89px; width:415px; position: relative; float: left; background: url(../images/layout/bg-countdown.gif) no-repeat top left; font-family:"Trebuchet MS", Verdana, sans-serif;} .countdown #days, .countdown #hours {position: absolute; color: #136277; font-size: 16px;} .countdown #days strong, .countdown #hours strong{font-size: 40px; font-family: "Times New Roman", times, serif;} .countdown #days{top: 15px; left: 165px;} .countdown #hours{top: 15px; left: 250px;} #ticket_countdown{background: url(../images/layout/ticket_countdown.gif) no-repeat top left;} #signup {height:89px; width:237px; float: left; background: url(../images/layout/bg-signup.gif) no-repeat top left;} #input-signup {height: 14px; width: 130px; margin: 59px 0 0 38px; background: none; border: none; font-size: 11px; color: #666;} #bt-go {margin:1px 0 0 4px; height: 19px; width: 32px; border: none; background: url(../images/layout/bt-go.gif) no-repeat top left;} #tickets_footer {height:89px; width:241px; float: left; background: url(../images/layout/bg-tickets.gif) no-repeat top left;} /* PAGE SPECIFIC */ /* ================================================== */ #page38 #col-one, #page38 #col-two, #page38 #col-three { display:none; } /* Online games page -- hides columns */ .overlay_link{position: absolute; top: 35px; left: 535px; z-index: 100;} #tickets_overlay{background: url(../images/layout/tickets_overlay.png) top left no-repeat; height: 108px; width: 229px;} /*#tickets_overlay{background: url(../images/layout/tickets_overlay_thanks.png) top left no-repeat; height: 108px; width: 229px;}*/ /* STAMPEDE PACKS /* ================================================== */ #pack-cjay {height:300px; width: 180px; position: absolute; top: 30px; left: 30px; background: url(../images/layout/trans-gif.gif) repeat top left;} #pack-stampede {height:300px; width: 180px; position: absolute; top: 30px; left: 210px; background: url(../images/layout/trans-gif.gif) repeat top left;} #pack-vibe {height:200px; width: 210px; position: absolute; top: 120px; left: 400px; background: url(../images/layout/trans-gif.gif) repeat top left;} #pack-kids-stampede {height:300px; width: 140px; position: absolute; top: 30px; left: 620px; background: url(../images/layout/trans-gif.gif) repeat top left;} #pack-kids-cjay {height:300px; width: 150px; position: absolute; top: 30px; left: 766px; background: url(../images/layout/trans-gif.gif) repeat top left;} #test_cache_location{background: url(../images/test.gif);} /* RODEO RESULTS /* ================================================== */ .results_layout #content #col-two { width:auto; margin-left:0; padding-left:20px; } #content #rodeoresults h1 {font: 14px "Myriad Pro", Verdana, sans-serif; color: #2E96AD; text-transform:uppercase; margin-bottom:5px; } #content #rodeoresults tr.header td { font-weight:bold; } #content #results-nav dl { padding:0;margin:0; } #content #results-nav dd { margin:0; } #content #results-nav ul { padding:0;margin:0; } #content #results-nav li { margin:0;list-style:none;background:none; } #results-nav { padding-top:20px; } #results-nav dl { clear:both; height:27px; background-position:top left; background-repeat:repeat-x; } #results-nav dt { float:left; height:27px; line-height:25px; padding-left:30px; font-weight:normal; background-position:top left; background-repeat:repeat-x; text-transform:uppercase; color:white; } #results-nav dd { float:left; height:27px; padding:0 0 0 15px; background-position:top left; background-repeat:no-repeat; } #results-nav ul { height:25px; line-height:25px; } #results-nav li { float:left; padding-left:10px; } #results-nav li a { font-size:10px; *font-size:11px; } #results-nav li a.active { font-weight:bold; text-decoration:underline; } #results-days { background-image:url(../images/results/results-days-repeat.gif); } #results-days dt { background-image:url(../images/results/results-days-arrow-repeat.gif); } #results-days dd { background-image:url(../images/results/results-days-arrow.gif); } #results-days ul { } #results-days a { color:#127d92; } #results-events { background-image:url(../images/results/results-events-repeat.gif); } #results-events dt { background-image:url(../images/results/results-events-arrow-repeat.gif); } #results-events dd { background-image:url(../images/results/results-events-arrow.gif); } #results-events ul { } #results-events a { color:#337e2b; } /* EVENT LAYOUT /* ================================================== */ .event_layout #content .col-two-wide { width:750px; } .event_layout #content table.event { width:550px; width:730px; } #event { width:550px; float:left; } #event .field { clear:both; padding-bottom:5px; } #event .field img { float:none; } #content .event_description { } #content .event_sections { margin-bottom:10px; } #content .event_sections_loading { visibility:hidden; } #content .event_section { margin:10px 0 0; } #content h2.event_head { margin:0; } #content h2.event_head a { display:block; position:relative; height:1%; background:#e6eae7; font-family:Verdana, sans-serif; padding:5px 10px 3px; } #content h2.event_head a .title { float:left; text-transform:uppercase; font-size:11px; font-weight:bold; color:#59705d; cursor:pointer; } #content h2.event_head a .view { float:right; text-transform:none; font-size:9px; font-weight:normal; color:#232323; cursor:pointer; } #content h2.event_head a:hover { text-decoration:none; } #content .event_body { clear:both; } #content .event_body .content { clear:both; padding:5px 10px; } /*#content .event_body .content * { margin-top:0; margin-bottom:0; }*/ #content .event_body .content dl { padding-bottom:10px; } #content .event_body .content dt { float:left; width:150px; margin-bottom:5px; clear:left; } #content .event_body .content dd { float:left; width:375px; margin-bottom:5px; } #content .event_body .content ul { } #content .event_body .content li { } #content .event_body .content ul.buttons { margin:0;padding:0; } #content .event_body .content ul.buttons li { float:left; margin:0;padding:0; } /* SPONSOR SIDENAV */ #sponsors { width:180px; float:right; padding:10px 10px 0 0; } #sponsors ul { margin:0; padding:0; width:177px; background:url(/images/layout/sponsors-middle.gif) repeat-y top left; } #sponsors ul li { margin:0; padding:0 1px; display:block; background:none;} #sponsors ul li.top { padding:0; width:177px; height:38px; background:url(/images/layout/sponsors-top.gif) no-repeat top left; } #sponsors ul li.bottom { padding:0; width:177px; height:25px; background:url(/images/layout/sponsors-bottom.gif) no-repeat top left; } #sponsors ul li img { padding:10px 0 10px 5px; } #sponsors ul li .text-only { display:block; text-align:center; padding:10px 0; font-weight:bold; } /* EVENTS TABLE */ table.event { width:100%; font:11px Verdana, sans-serif; border:0px; } table.event tr.top td, table.event tr.top th { border:0; color:white; font-weight:normal; text-transform:uppercase; padding:4px 12px; background-image:url(/images/layout/table-head-middle.gif); background-repeat:repeat-x; background-position:top left; } table.event tr.top .first { background-image:url(/images/layout/table-head-left.gif); background-repeat:no-repeat; background-position:top left; } table.event tr.top .last { background-image:url(/images/layout/table-head-right.gif); background-repeat:no-repeat; background-position:top right; width:110px; } table.event tr td { border:0; color:#666666; padding:10px 12px 4px; border-right:1px solid #dddddd; } table.event tr td.first { background:url(/images/layout/table-body-left.gif); background-repeat:repeat-y; background-position:top left; } table.event tr td.last { border:0; background-image:url(/images/layout/table-body-right.gif); background-repeat:repeat-y; background-position:top right; text-align:right; } table.event tr.bottom td { padding-bottom:20px; background-image:url(/images/layout/table-foot-middle.gif); background-repeat:repeat-x; background-position:bottom left; } table.event tr.bottom td.first { background-image:url(/images/layout/table-foot-left.gif); background-repeat:no-repeat; background-position:bottom left; } table.event tr.bottom td.last { background-image:url(/images/layout/table-foot-right.gif); background-repeat:no-repeat; background-position:bottom right; } table.event tr td, table.event tr.odd td { background-color:#ffffff; } table.event tr.even td { background-color:#eef0ee; } table.event a { color:#337733; text-decoration:underline; } table.event tr .right { text-align:right; } table.event tr .center { text-align:center; } table.event td .icon_link { position:absolute; } table.event td .text_link { padding-left:25px; } /* EVENTS TABLE (home footer) */ #footer h1 { display:none; } #footer table.event { width:495px; float:left; padding-right:5px; padding-top:15px; } #footer table.event tr.top .first { background-image:url(/images/layout/home-table-head-left.gif); } #footer table.event tr.top .last { background-image:url(/images/layout/home-table-head-right.gif); width:auto; } #footer table.event tr td.last { background-image:url(/images/layout/home-table-body-right.gif); } #footer table.event tr.bottom td.first { background-image:url(/images/layout/home-table-foot-left.gif); } #footer table.event tr.bottom td.last { background-image:url(/images/layout/home-table-foot-right.gif); } #footer .bodyimage { padding-top:15px; } #all_events_link { clear:both; position:relative; height:10px; } #all_events_link a { position:absolute; color:#fff; padding:2px 10px; display:block; left:340px; _left:360px; top:-10px; text-decoration:underline; font-weight:bold; } /* FORMS */ #ag_contact .clear-both { clear:both; } #ag_contact input { width:505px; } #ag_contact span input { width:auto; } #ag_contact textarea { height:auto; width:505px; } #ag_contact dl { clear:left; } #ag_contact dl.double-column { clear:none; float:left; padding-right:20px; } #ag_contact dl.double-column input { width:240px; } #ag_contact .hidden { display:none; } #ag_contact input.disabled { background-color:#F2F2F2; border:1px solid #F2F2F2; } #ag_contact input.validation-failed, #ag_contact textarea.validation-failed { border:1px solid #FF3300; color:#FF3300; } #ag_contact input.validation-passed, #ag_contact textarea.validation-passed { border:1px solid #00CC00; color:#000000; } #ag_contact .validation-advice { background-color:#FF3300; color:#FFFFFF; font-weight:bold; margin:5px 0; padding:5px; } #ag_contact .custom-advice { background-color:#C8AA00; color:#FFFFFF; font-weight:bold; margin:5px 0; padding:5px; } #ag_contact #submit_form { border:1px solid grey; padding:2px 20px; width:auto; }