/* HOW SWEET THE SOUND 2009 */ /* Verizon Wireless */ /* STYLES ******************************************************************/ * {margin:0; padding:0;} body {background:#e8ebee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; line-height:1.5em; color:#333;} a {color:#222;} img {border:none;} hr {display:none;} sup {font-size:50%;} blockquote {margin-left:1.5em;} /* Fix bottom background color stretching */ body.sub {background-color: #333333;} body.sub div#middle {background-color: #e9eaee;} h2.blog {margin-bottom:.3em;} p.back {margin-bottom:2em;} p.back a {padding-left:14px; background:url(../images/icon_arrow1.gif) left no-repeat;} a {color:#F67001; text-decoration:none;} a:hover {text-decoration:underline;} p {margin-bottom:1.2em;} p.legal {font-size:.9em;line-height:1.2em;} h2 {color:#000; font-size:2.4em; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:.7em; font-weight:normal;} h2 span.featuring {font-size:.5em;} h2.small {font-size:2.1em; margin-bottom:1em;} h3.videotitle {font-size:1.3em; margin-bottom:0; color:#F67001;} h3 {font-size:1.4em; font-weight:normal; margin-bottom:.8em;} h3 a {text-decoration:none;} h4 {font-size:1em; margin:0;} ul {margin:0 0 1.2em 1.4em;} ul.gray * {color:#666!important;} ol {padding-left:18px; margin-left:15px; margin-bottom:1em;} ol#rules {margin-left:25px; text-indent:3em; list-style-type:decimal;} ol#rules ol {list-style-type:lower-alpha;} ol#rules ol ol {list-style-type:lower-roman;} ol#rules ol ol ol {list-style-type:decimal;} ol#rules ol ol ol ol {list-style-type:lower-alpha;} ol#rules p {text-indent:0;} ol#rules li {margin-bottom:1em;} ol#rules li li {margin:1em 0; text-indent:0; margin-left:50px;} ol ol {list-style-type:lower-alpha;} ol ol ol {list-style-type:lower-roman;} ol ol ol ol {list-style-type:decimal;} ol.ways_to_enter { margin:0;} .indent {padding-left:2em;} .uline {text-decoration:underline;} a.uline {color:#333;} .clear {clear:both;} .hrzrule {height:1px; background:url(../images/hrzrule1.gif) repeat-x; margin:1.6em 0;} .orange {color:#F67001;} .gray {color:#999} .nowrap {white-space:nowrap;} .nomargin {margin:0;} .backtojudges {float:right; font-size:1.25em; margin-top:12px;} .backtovideos {float:right; font-size:1.25em; margin-top:12px;} .backtoart {font-size:1.25em; margin-top: -28px; margin-bottom: 23px;} .centered {text-align:center;} .mural-back {float: right; margin-top: -45px; margin-right: 30px; font-size: 1.3em;} .subscribe {padding:6px 0 6px 28px; background:url(../images/icon_rss.gif) left no-repeat; font-weight:bold;} .error {color:#ED2624;} .next {float:right;} .previous {float:left;} .yourresolution {padding-right:10px; margin-right:10px; font-weight:bold; line-height:1.7em;} .yourresolution span {font-size:21px;} .todownload {float:right; width:580px; margin-top:2px;} .sizes li {height:auto!important;} .floatleft {float:left;} .disabled {border:solid 1px #bbb!important; background:#E9EAEE; color:#aaa; } .grey-out {color: #a1a4a6;} a.nopointer {cursor:default;} .note {margin-top: 3em;} .tweets li {margin-bottom: 1.5em;} .tweets span {color: #9e9d9d; font-style: italic; font-size: .8em;} .no-margin {margin-bottom: .4em;} div.concourse_art {width:200px; float:right; padding:36px 12px 36px 0;} div.concourse_bio {width:450px; float:left; padding:0 36px 0 0; background:url(../images/vertsep1.gif) top right no-repeat;} div.concourse_bio .thumbs {float:left;} div.concourse_bio .thumbs li {margin:0 20px 8px 0!important;} div.concourse_bio .thumbs li img {border:solid 3px #fff; margin:-3px 0 0 -3px; display:block;} .city_details {font-size:.9em; line-height:1.4em;} .city_details td {padding:0 10px 16px 0; width:50%; vertical-align:top;} a.pdf_icon {background:url(../images/icon_pdf.gif) left no-repeat; padding:3px 3px 3px 22px; white-space:nowrap;} a.twitter table {margin-bottom:1.2em;} table td {padding:8px 0 10px 14px;} table thead {text-transform:uppercase;} table .date {font-weight:bold; width:250px;} table .row0 {background:url(../images/hrzrule1.gif) bottom repeat-x;} table .row1 {background:#dcdfe2 url(../images/hrzrule1.gif) bottom repeat-x;} table a {text-decoration:none;} table a:hover {text-decoration:underline;} /* HOME ******************************************************************/ #home_top {height:415px; background:#fffc00 url(../images/bg_top.jpg) top center no-repeat; border-bottom:solid 1px #333;} #home_top .content {width:990px; height:415px; margin:0 auto; position:relative;} #home_top #logo {position:absolute; top:20px; left:10px;} #home_top #home_flash {position:absolute; bottom:0; left:0; width:990px; height:327px; outline:none;} #home_middle {background:url(../images/bg_middle.jpg) top center no-repeat; padding-bottom:30px;} #home_middle .content {width:990px; margin:0 auto;} #home_middle #left {width:590px; float:left; padding:36px 0 36px 16px;} #home_middle #latest_media {margin:40px 0;} #home_middle #photos {float:right; width:276px; position:relative; left:16px;} #home_middle #photos p {float:right; width:276px; } #home_middle #videos {float:left; width:296px; background:url(../images/vertsep2.gif) top right no-repeat;} #home_middle #videos p {float:left; width:296px;} #home_middle .content #right {width:310px; float:right; padding:36px 12px 36px 28px; background:url(../images/vertsep1.gif) top left no-repeat;} /* NAVIGATION ******************************************************************/ #navigation {margin:0; list-style-type:none; position:absolute; top:36px; left:212px;} #navigation li {float:left;} #navigation li a {float:left; height:55px; background:url(../images/navigation.png?7) no-repeat; background-position:0 0; text-indent:-999em; overflow:hidden; } #navigation li #overview {width:91px; background-position:0 0;} #navigation li #overview:hover, #navigation li #overview.current {background-position:0 -55px;} #navigation li #event_tour {width:101px; background-position:-91px 0;} #navigation li #event_tour:hover, #navigation li #event_tour.current {background-position:-91px -55px;} #navigation li #videos {width:69px; background-position:-192px 0;} #navigation li #videos:hover, #navigation li #videos.current {background-position:-192px -55px;} #navigation li #photos {width:74px; background-position:-261px 0;} #navigation li #photos:hover, #navigation li #photos.current {background-position:-261px -55px;} #navigation li #vz2go {width:73px; background-position:-335px 0;} #navigation li #vz2go:hover, #navigation li #vz2go.current {background-position:-335px -55px;} #navigation li #community {width:103px; background-position:-765px 0;} #navigation li #community:hover, #navigation li #community.current {background-position:-765px -55px;} #navigation li #get_involved {width:115px; background-position:-408px 0;} #navigation li #get_involved:hover, #navigation li #get_involved.current {background-position:-408px -55px;} #navigation li #register {width:90px; background-position:-523px 0;} #navigation li #register:hover, #navigation li #register.current {background-position:-523px -55px;} #navigation li #a_choirs_journey {width:152px; background-position:-613px 0;} #navigation li #a_choirs_journey:hover, #navigation li #a_choirs_journey.current {background-position:-613px -55px;} #navigation li #voting {width:102px; background-position:-867px 0;} #navigation li #voting:hover, #navigation li #voting.current {background-position:-867px -55px;} /* TOP ******************************************************************/ #top {height:104px; background:#fffc00 url(../images/bg_top.jpg) top center no-repeat; border-bottom:solid 1px #333; width:100%; float:left;} #top .content {width:990px; height:104px; margin:0 auto; position:relative;} #top #logo {position:absolute; top:20px; left:10px;} #top #home_flash {position:absolute; bottom:0; left:0; width:990px; height:309px;} #topbar {list-style-type:none; position:absolute; top:0; right:14px;} #topbar li {float:left; background:#fbd108; border-right:solid 1px #FFFC00;} #topbar li.search {padding-right:4px; border-right:0; padding:3px 10px 5px;} #topbar li.field {border-right:none; padding:3px; } #topbar li * {float:left;} #topbar li input {font-family:Verdana, Arial, Helvetica, sans-serif; width:120px; height:15px; font-size:1em;} #topbar li input.button {font-family:Verdana, Arial, Helvetica, sans-serif; width:28px; height:19px;} #topbar li a {float:left; color:#444; text-decoration:none; padding:3px 10px 5px;} #topbar li a:hover {background:#fdde13;} #topbar li a.current {background:#fdde13;} /* MIDDLE ******************************************************************/ #middle {background:url(../images/bg_middle.jpg) top center no-repeat; width:100%; float:left;} #middle .content {width:990px; margin:0 auto; padding-bottom:30px;} #middle #left {width:173px; float:left; padding:36px 0 36px 16px;} #middle #left #leftnav {font-size:1.25em; line-height:1.1em; list-style-type:none; margin:0 0 1em 0;} #middle #left #leftnav a {text-decoration:none;} #middle #left #leftnav a:hover {color:#ED2624;} #middle #left #leftnav a.current {color:#ED2624; font-weight:bold} #middle #left #leftnav li {margin-bottom:10px;} #middle #left #leftnav span {display:block; margin-bottom:4px;} #middle #left #leftnav ul {margin:0 0 1em 0; list-style-type:none; font-size:.9em; line-height:1.6em;} #middle #left #leftnav ul li {margin-bottom:2px;} .linklist {margin:0; list-style-type:none;} .linklist ul {margin:0; list-style-type:none;} .linklist ul a:hover {color:#ED2624; text-decoration:none;} .linklist ul .current {font-weight:bold;} .linklist_arrow {margin:0; list-style-type:none;} .linklist_arrow ul {margin:0; list-style-type:none;} .linklist_arrow ul a {padding-left:13px; background:url(../images/icon_arrow2.gif) left no-repeat;} .linklist_arrow ul a:hover {color:#ED2624; text-decoration:none;} .linklist_arrow ul .current {font-weight:bold;} .video-subnav-category span {margin-bottom: 0px !important;} .video-subnav-category a.highlight {font-weight: bold;} .video-subnav-category ul {padding-left: 13px;} #middle #right {width:727px; float:right; padding:36px 12px 36px 30px; background:url(../images/vertsep1.gif) top left no-repeat;} /* Columns */ #middle #right #twocol_left {float:left; width:320px; background:url(../images/vertsep2.gif) top right no-repeat; padding:0 36px 0 0;} #middle #right #twocol_left.press {width:333px; padding-right:25px;} #middle #right #twocol_left p {font-size:.9em; line-height:1.4em;} #middle #right #twocol_left h2 {font-size:2em;} #middle #right #twocol_right {float:right; width:320px; margin-right:16px;} #middle #right #twocol_right.press {width:324px;} #middle #right #twocol_right p {font-size:.9em; line-height:1.4em;} #middle #right #twocol_right h2 {font-size:2em;} #middle #right #twocol_bottom {float:left; padding-top:12px;} #middle #right #threecol_left {float:left; width:200px; background:url(../images/vertsep2.gif) top right no-repeat; padding:0 24px 0 0; margin-right:24px;} #middle #right #threecol_left.press {width:333px; padding-right:25px;} #middle #right #threecol_left p {font-size:.9em; line-height:1.4em;} #middle #right #threecol_left h2 {font-size:2em;} #middle #right #threecol_left ul.thumbs li a img.play {position:absolute; top:44px; left:80px; border:none;} #middle #right #threecol_middle {float:left; width:200px; background:url(../images/vertsep2.gif) top right no-repeat; padding:0 24px 0 0; margin-right:24px;} #middle #right #threecol_middle.press {width:333px; padding-right:25px;} #middle #right #threecol_middle p {font-size:.9em; line-height:1.4em;} #middle #right #threecol_middle h2 {font-size:2em;} #middle #right #threecol_right {float:left; width:200px; margin-right:16px;} #middle #right #threecol_right.press {width:324px;} #middle #right #threecol_right p {font-size:.9em; line-height:1.4em;} #middle #right #threecol_right h2 {font-size:2em;} /* Events - All */ #middle #right .event-top {position:relative; color: #fff;} #middle #right .event-top h2, #middle #right .event-top h3 {color: #fff;} #middle #right .event-top h2 {margin-bottom: auto;} #middle #right .event-top h2.small {font-size: 1.7em; border-bottom: 1px solid #afc1e5; padding: 0 0 12px 0; margin: 0 0 12px 0;} #middle #right .event-top h3 {font-family: Georgia, Times New Roman, Times, serif; font-weight: bold; margin-bottom: .4em;} #middle #right .event-top a {color: #fff;} #middle #right .event-top .schedule {position: absolute; top: 16px; right: 50px;} #middle #right .event-top .shorten {width: 270px; top: 18px;} /* Events - Left Column */ #middle #right #twocol_left.event {padding-top: 1em;} #middle #right #twocol_left.event h3 {font-weight: bold; font-size: 1.2em;} #middle #right #twocol_left.event p.choir span {color: #F67001; font-weight: bold;} /* Events - Right Column */ #middle #right #twocol_right.event {padding-top: 1em;} #middle #right #twocol_right.event .thumbs {margin-bottom: 1em; display: inline-block;} #middle #right #twocol_right.event p {margin-bottom: 2em;} #middle .right_column {float:right; width:203px; background:url(../images/vertsep2.gif) top left no-repeat; padding:0 0 0 36px; margin-left:25px;} #middle .tall_vert {background:url(../images/vertsep1.gif) top left no-repeat!important;} #middle .right_column dl {font-size:.9em; line-height:1.3em;} #middle .right_main {float:left; width:460px;} #middle .right_main .post {background:url(../images/hrzrule1.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:20px;} .leftnav_expanded {width:100%; float:left; padding-bottom:6px;} #middle #right #twocol_left .post-event-videos {list-style-type: none; margin: 0; padding: 0;} #middle #right #twocol_left .post-event-item {float: left; width: 50%; margin-bottom: 15px;} #middle #right .more-videos {padding-top: 10px;} #middle #right .post-event-column-left {width: 343px;} #middle #right .post-event-column-right {width: 297px;} #quick_start_guide {width:155px; float:right; padding:20px; background:#d8d9dc; margin:0 0 20px 20px;} #quick_start_guide h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em;} #quick_start_guide h4 {font-weight:normal; color:#F67001; font-size:1.2em; font-weight:bold;} .personal_message {width:500px; float:left;} .personal_message ul.thumbs {float:left;} .personal_message ul.thumbs li {margin-right:24px!important;} .success_story {width:727px; float:left; background:url(../images/hrzrule1.gif) bottom repeat-x; padding-bottom:24px; margin-bottom:20px; } .success_story h3 {color:#F67001; margin-bottom:.2em;} .success_story h4 {margin-bottom:.9em; font-weight:normal; font-size:1.2em;} .success_story_video {width:320px; padding:10px; float:right; background:#d1d2d6; margin:0 0 20px 20px; position:relative;} .success_story_video img {border:solid 2px #fff; margin-bottom:2px;} .success_story_video img.play {position:absolute; top:82px; left:151px; border:none;} .success_story_video p {font-size:.9em; line-height:1.2em; margin-bottom:0; padding:0 2px;} .success_story_left {width:364px; float:left;} .success_story_right {width:340px; float:right;} .celebrity_video {width:200px; padding: 10px; float:right; background:#d1d2d6; margin:0 0 20px 20px; position:relative;} .celebrity_video h3 {font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:.2em;} .celebrity_video img {width:197px; height:115px; border:solid 2px #fff; margin:0px auto 2px auto;} .celebrity_video img.play {width:41px; height:41px; position:absolute; top:50px; left:100px; border:none;} .celebrity_video p {font-size:.9em; line-height:1.2em; margin-bottom:0; padding:0 2px;} .right-text {float:right; width:200px; background:#dcd9df; padding:16px 24px 24px; font-size:1.1em; color:#000;} .right-text h3 {font-size:1.1em; font-weight:bold; line-height:1.2em;} /* BOOTCAMP ******************************************************************/ .bootcamp .left-text {float:left; width:450px; padding-top:5px;} .bootcamp .right-text {color:#ed2624;} .bootcamp .tabs {float:left; list-style-type:none; margin:0;} .bootcamp .tabs li {float:left;} .bootcamp .tabs a {display:block; outline:none; width:125px; height:31px; padding:20px 0 0; line-height:1em; color:#000; background:url(../images/bg_tab_bootcamp_inactive.gif) right no-repeat; text-align:center;} .bootcamp .tabs a:hover, .bootcamp .tabs a.current {background:url(../images/bg_tab_bootcamp.gif) no-repeat; text-decoration:none; font-weight:bold;} .bootcamp .tabs li.first_tab a {width:99px; background:url(../images/bg_tab_bootcamp_first.gif) 0 0 no-repeat;} .bootcamp .tabs li.first_tab a:hover, .bootcamp .tabs li.first_tab a.current {background:url(../images/bg_tab_bootcamp_first.gif) 0 -51px no-repeat;} .bootcamp .tabs li.last_tab a {background:url(../images/bg_tab_bootcamp_last.gif) right 0 no-repeat;} .bootcamp .tabs li.last_tab a:hover, .bootcamp .tabs li.last_tab a.current {background:url(../images/bg_tab_bootcamp_last.gif) right -51px no-repeat;} .bootcamp .tab-content {float:left; width:664px; background:url(../images/bg_tabcontent.gif) repeat-y; margin:0; padding:20px 30px 30px;} .bootcamp .tab-content-bottom {float:left; width:724px; height:7px; margin:0 0 3em; background:url(../images/bg_tabcontent_bottom.gif) left top no-repeat;} .bootcamp .instructor {float:left; width:205px; height:250px; padding:30px 0 0 85px;} .bootcamp .instructor ul a {cursor:default;} .bootcamp .instructor p {float:left; padding-left:5px;} /* SUPER BOWL GOSPEL ******************************************************************/ .superbowl_gospel {} .superbowl_gospel #event_judges {width:443px;} .superbowl_gospel #event_judges li {width:108px; margin-right:30px;} .superbowl_gospel .right-text {width:225px;} .superbowl_gospel .right-text h3 {line-height:1.4em;} /* THUMBNAIL LISTS ******************************************************************/ dl {margin-bottom:1.2em;} dl dd {margin-bottom:1.2em;} dl.updates {float:left; width:310px;} dl.updates dt {float:left; width:50px;} dl.updates dd {float:left; width:250px; margin-bottom:0;} ul.judges {list-style-type:none; margin-left:0;} ul.judges li {float:left; width:135px; height:70px; margin-right:40px; font-size:1em; margin-bottom:1.2em;} ul.judges li strong {font-weight:bold; font-size:1.1em;} #judges_2009 {list-style-type:none; margin-left:0;} #judges_2009 li {float:left; width:220px; margin:0 20px 2em 0; background:none; font-size:.9em; line-height:1.3em;} #judges_2009 li ul.thumbs {margin:0;} #judges_2009 li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:220px; height:257px; margin:0 0 7px 0; } #hopeline h3 {font-size:1.3em; line-height:1.2em; margin-bottom:1em;} #artgallery {margin:0; list-style-type:none; width:740px;} #artgallery ul {list-style-type:none;} #artgallery li ul.thumbs {margin:0;} #artgallery li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:230px; height:118px; margin:0 0 4px 0; } #artgallery li {float:left; width:245px; height:225px; background:none;} #artgallery li span {color:#F67001; font-weight:bold;} #videothumbs {margin:0; list-style-type:none; width:740px;} #videothumbs ul {list-style-type:none;} #videothumbs li ul.thumbs {margin:0;} #videothumbs li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:136px; height:76px; padding:0; margin:0 0 4px 0; } #videothumbs li {float:left; width:136px; height:174px; margin:0 12px 2.5em 0; background:none; font-size:.9em; line-height:1.3em;} #videothumbs li span {color:#F67001;} #ringtonethumbs {margin:0; list-style-type:none; width:740px;} #ringtonethumbs ul {list-style-type:none;} #ringtonethumbs li ul.thumbs {margin:0;} #ringtonethumbs li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:136px; height:136px; padding:0; margin:0 0 4px 0; } #ringtonethumbs li {float:left; width:136px; height:200px; margin-right:12px; background:none; padding-bottom:0; font-size:.9em; line-height:1.3em;} #ringtonethumbs li span {color:#F67001;} #wallpapers {margin:0; list-style-type:none; width:740px;} #wallpapers ul {list-style-type:none; margin:0 0 0 3px;} #wallpapers li ul.thumbs {margin:0;} #wallpapers li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:136px; height:76px; padding:0; margin:0 0 4px 0; } #wallpapers li {float:left; width:136px; height:165px; margin-right:12px; background:none; padding-bottom:0; line-height:1.3em;} #wallpapers li span {color:#F67001; font-weight:bold;} #dl_logos {margin:0; list-style-type:none; width:340px;} #dl_logos ul {list-style-type:none;} #dl_logos li ul.thumbs {margin:0;} #dl_logos li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:150px; height:72px; padding:0; margin:0 0 4px 0;} #dl_logos li {float:left; width:162px; height:108px; background:none; padding-bottom:0;} #dl_logos li span {color:#F67001; font-weight:bold;} #dl_logos li p.type {text-align:center; padding-top:4px; width:146px;} #icons_connected {list-style-type:none; margin:0; width:190px;} #icons_connected li {float:left; margin-bottom:.6em;} #icons_connected li a {float:left; line-height:1.3em; padding:5px 0 7px 58px;} #icons_connected li a:hover {color:#ED2624; text-decoration:none;} #icons_connected a.rss {background:url(../images/icon_rss.jpg) left no-repeat; font-size:.9em;} #icons_connected a.facebook {background:url(../images/icon_facebook.jpg) left no-repeat; font-size:.9em;} #icons_connected a.twitter {background:url(../images/icon_twitter.jpg) left no-repeat; font-size:.9em;} #weblinks {margin:0; list-style-type:none;} #weblinks li {width:100%; float:left;} #weblinks a {float:left; padding:3px 3px 3px 24px;} #weblinks a.delicious {background:url(../images/icon_delicious.gif) left no-repeat;} #weblinks a.digg {background:url(../images/icon_digg.gif) left no-repeat;} #weblinks a.facebook {background:url(../images/icon_facebook.gif) left no-repeat;} #weblinks a.twitter {background:url(../images/twitter.jpg) left no-repeat;} #weblinks a.live {background:url(../images/icon_live.gif) left no-repeat;} #weblinks a.myspace {background:url(../images/icon_myspace.gif) left no-repeat;} #weblinks a.stumbleupon {background:url(../images/icon_stumbleupon.gif) left no-repeat;} #weblinks a.yahoobuzz {background:url(../images/icon_yahoobuzz.gif) left no-repeat;} /* SITEMAP ******************************************************************/ #sitemap, #sitemap ul {list-style-type: none;} #sitemap {margin:0; padding:0;} ul#sitemap li a.main {font-size: 1.2em; margin-bottom: 10px; display: block; font-weight: bold;} /* FLASH ******************************************************************/ #flash_map {position:relative; left:-13px; margin-bottom:1.2em; outline:none!important;} #flash_player, #flash_player2 {float:left;} #flash_player_border {float:left; margin-bottom:1.2em; padding:3px 6px 6px 3px; background:url(../images/dropshadow.png) bottom right; } .flash_player_border {float:left; margin-bottom:1.2em; padding:3px 6px 6px 3px; background:url(../images/dropshadow.png) bottom right; } #flash_highlights2008 {float:left; outline:none; margin-bottom:18px;} #flash_highlights2008_border {float:left; margin-bottom:1.2em; padding:3px 6px 6px 3px; background:url(../images/dropshadow.png) bottom right; } #flash_photos {position:relative; left:-13px; margin-bottom:1em; outline:none;} /* THUMBNAILS ******************************************************************/ ul.thumbs {margin:0 0 5px; list-style-type:none; position:relative; left:3px; top:3px; overflow:visible; zoom:1;} ul.thumbs li {position:relative; float:left; background:url(../images/dropshadow.png) bottom right; margin:0 12px 12px 0;} ul.thumbs li a {outline:none; overflow:visible;} ul.thumbs li a img, ul.thumbs li img {border:solid 3px #fff; margin:-3px 0 0 -3px; display:block;} ul.thumbs li a img.play {position:absolute; top:26px; left:55px; border:none;} ul.x200x200 {float: right; margin-left: 2em;} ul.x200x200 li {width:206px; height:206px;} ul.x102x117 li {width:102px; height:117px;} ul.x103x67 li {width:103px; height:67px; margin:0 8px 8px 0;} ul.x124x70 li {width:124px; height:70px;} ul.x136x76 li {width:136px; height:76px;} ul.x136x136 li {width:136px; height:136px;} ul.x140x80 li {width:140px; height:80px;} ul.x142x80 li {width:142px; height:80px;} ul.x146x174 li {width:152px; height:180px;} ul.x158x72 li {width:158px; height:72px;} ul.x159x186 li {width:159px; height:185px;} ul.x176x208 li {width:176px; height:208px;} ul.x197x130 li {width:197px; height:130px;} ul.x179x39 li {width:179px; height:39px;} ul.x197x159 li {width:197px; height:159px;} ul.x203x121 li {width:203px; height:121px;} ul.x222x313 li {width:222px; height:313px;} ul.x220x257 li {width:220px; height:257px;} ul.x230x118 li {width:230px; height:118px;} ul.x265x180 li {width:265px; height:180px;} ul.x303x135 li {width:303px; height:135px;} ul.x322x146 li {width:322px; height:146px;} ul.x323x124 li {width:323px; height:124px;} ul.x593x385 li {width:593px; height:385px;} ul.x720x138 li {width:720px; height:138px;} ul.x720x250 li {width:720px; height:250px;} ul.x720x277 li {width:720px; height:277px;} ul.x720x391 li {width:720px; height:391px;} ul.x720x295 li {width:720px; height:295px;} ul.x721x277 li {width:721px; height:277px;} #photogallery {width:740px;} #photogallery li {margin:0 12px 12px 0;} #event_judges {margin:0; list-style-type:none; width:740px;} #event_judges ul {list-style-type:none;} #event_judges li ul.thumbs {margin:0;} #event_judges li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:108px; height:123px; padding:0; margin:0 0 4px 0; } #event_judges li {float:left; width:108px; height:200px; margin:0 37px 0 0; background:none; font-size:.9em; line-height:1.3em;} #event_judges li span {color:#F67001;} #judges {margin:0; list-style-type:none; width:740px;} #judges ul {list-style-type:none;} #judges li ul.thumbs {margin:0;} #judges li ul.thumbs li {height:auto; background:url(../images/dropshadow.png) bottom right; width:164px; height:192px; padding:0; margin:0 0 4px 0; } #judges li {float:left; width:164px; height:192px; margin:0 1.5em 2.5em 0; background:none; font-size:.9em; line-height:1.3em;} #judges li span {color:#F67001;} /* FORMS ******************************************************************/ fieldset {border: none;} label {} fieldset#share ul {list-style-type:none; margin:0; padding:0;} fieldset#share ul li {float:left; width:50%; margin-bottom:18px;} fieldset#share ul li.message {clear:both; width: 100%;} fieldset#share ul li.optin {width:100%;} fieldset#share ul li.captcha {width:150px; clear:both;} fieldset#share ul li.legal {margin-left:20px;} fieldset#share ul li.submit {clear:both; width:100%;} fieldset#share ul li input {width:216px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } fieldset#share ul li input.captcha {width:140px;} fieldset#share ul li input.checkbox {float:left; width:13px; height:13px; margin:0 8px 0 0;} fieldset#share ul li textarea {width:446px; height:100px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} fieldset#share ul li.optin input, fieldset#share ul li.submit input {width:auto; height:auto;} /* REGISTRATION FORMS ******************************************************************/ .formfields {margin:0; list-style-type:none; float:left;} .formfields li {margin-bottom:6px; width:320px; float:left; padding-bottom:6px;} .formfields li input.text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding:3px 4px; width:290px; border:solid 1px #aaa;} .formfields li input.checkbox {width:15px; height:15px; float:left; margin-right:5px; border:none;} .formfields li input.radio {width:15px; height:15px; float:left; margin-right:5px; margin-top:2px; border:none;} .formfields li textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding:3px 4px; width:290px; border:solid 1px #aaa;} .formfields li select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding:2px; border:solid 1px #aaa;} .formfields li.wide {width:610px;} .formfields li.wide input.text {font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 4px; width:610px;} .formfields li.wide input.radio_text {margin-left:10px; width:210px;} .formfields li.wide textarea {font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 4px; width:610px;} .icon_formalert1 {padding-left:65px; margin-top:12px; background:url(../images/icon_formalert1.gif) top left no-repeat;} .icon_formsuccess1 {padding-left:65px; margin-top:12px; background:url(../images/icon_formsuccess1.gif) top left no-repeat;} .inline_label {float:left; height:18px; padding-right:12px;} .registration_back {float:right; font-weight:bold; padding:10px;} .registration_back a {padding-left:12px; background:url(../images/icon_arrow3.gif) left no-repeat;} .songchoice {width:300px;} #form_legal {height: 400px;overflow:auto;} ul.listed li {padding:0!important;} fieldset h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; margin-bottom:.8em;} .review_section {border: 1px solid black; margin: 10px 0; padding: 10px 10px 0} #progressbar_outline {width:345px; height:20px; border:solid 1px #aaa; position:relative; margin-bottom: 12px;} #progressbar_fill {height:20px; background:url(../images/progressbar.gif) top left no-repeat; position:absolute; top:0; left:0;} /* BLOG ******************************************************************/ div.post .alignleft {float: left; margin-right:15px; margin-bottom:15px;} div.post .alignnone {} div.post .alignright {float: right; margin-left:15px; margin-bottom:15px;} div.post .aligncenter {} div.post {clear: both; margin-bottom: 25px;} div.post h2 a {color:#000;} div.post h2 a:hover {color:#F67001; text-decoration:none;} /* BOTTOM ******************************************************************/ #bottom {background:#333 url(../images/bg_footer.gif) top repeat-x; color:#aaa; width:100%; float:left;} #bottom p {font-size:.8em; color:#aaa; line-height:1.5em;} #bottom .content {width:954px; margin:0 auto; padding:50px 18px; position:relative;} #bottom .logo_vzw {float:left; margin:0 25px 200px 0;} #bottom .nav {position:absolute; top:0; right:12px; list-style-type:none; margin:0;} #bottom .nav li {float:left;} #bottom .nav li a {float:left; background:#E8EBEE; font-weight:normal; text-decoration:none; padding:3px 9px 9px;} #bottom .nav li a.begin {padding-left:20px;} #bottom .nav li a.end {padding-right:20px;} #bottom .nav li a:hover {text-decoration:underline;} #bottom .links {margin:0; list-style-type:none;} #bottom .links li {float:left;} #bottom .links li a {float:left; text-decoration:none; padding-right:13px; background:url(../images/footer_nav_sep.gif) right no-repeat;} #bottom .links li a:hover {text-decoration:underline;} /* MODAL DIALOG ******************************************************************/ #confirmModalOverlay {background-color:#333; cursor:wait;} #confirmModalContainer {height:132px; width:400px; text-align:left; background:#e9eaee; border:1px solid #822200;} #confirmModalContainer .header {height:20px; width:100%; cursor:pointer; background:#e87339 url(../images/bg_button.gif) center repeat-x; color:#FFF; font-size:1.1em; font-weight:bold; line-height:20px;} #confirmModalContainer .header span {padding-left:8px;} #confirmModalContainer .message {margin:0; padding:12px 20px 8px;} #confirmModalContainer .buttons {width:390px; float:right; padding:10px 10px 0 0;} #confirmModalContainer .buttons div {float:right; margin:0 0 10px 8px; padding-top:6px; width:185px; height:30px; color:#fff; font-size:.9em; font-weight:bold; line-height:1.1em; text-align:center; text-transform:uppercase; border:1px solid #cf4700; cursor:pointer; background:#e87339 url(../images/bg_button.gif) center repeat-x;} #confirmModalContainer a.modalCloseX, #confirmModalContainer a.modalCloseX:link, #confirmModalContainer a.modalCloseX:active, #confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; left:385px; color:#FFF;} #confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;} /* JUDGE BIOS ***********************************************************************************************************/ .judgebio_right {float:right; width:222px;} .judgebio_left {float:left; width:480px;} /* JUDGES ***********************************************************************************************************/ body.sub #top .content h1 {font-size:2.4em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#000; float:right; margin:56px 30px 0 0;} p.backtoresults {float:right; font-size:1.2em; margin:54px 18px 0 0; } p.viewing {float:right; margin-right:20px;} .judges1 input {margin-bottom:10px;} .judges1 input.search {margin-bottom:10px;} #left .judges1 h2 {font-size:1.8em;} #left .judges1 select {width:174px;} #right .judges1 h2 {font-size:1.8em;} table.totals {border:none; text-align:left; font-weight:bold; font-size:1.1em; color:#E1612E; margin-bottom:16px;} table.totals td {padding:0; border-bottom:solid 4px #F0F2F4;} table.totals td.points {padding-right:6px;} table.totals td.amount {color:#fff; background:#E1612E;} table.totals td.amount span {padding:2px 6px 3px;} textarea.addtl_comments {width:674px; padding:5px; border:solid 1px #ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; margin-bottom:16px;} #pagination {margin:0; list-style-type:none; float:right;} #pagination li {float:left;} #pagination li.previous a {background:url(../images/buttons_pagination.gif) top left no-repeat; padding:0; width:22px; height:20px; border-right:4px solid #E9EAEE;} #pagination li.next a {background:url(../images/buttons_pagination.gif) top right no-repeat; padding:0; width:22px; height:20px; border-left:4px solid #E9EAEE;} #pagination li.previous_dim a {background:url(../images/buttons_pagination.gif) bottom left no-repeat; padding:0; width:22px; height:20px; border-right:4px solid #E9EAEE;} #pagination li.next_dim a {background:url(../images/buttons_pagination.gif) bottom right no-repeat; padding:0; width:22px; height:20px; border-left:4px solid #E9EAEE;} #pagination li a {float:left; padding:1px 2px; color:#000; text-decoration:underline; outline:none!important;} #pagination li a.current {color:#F67001; text-decoration:none; font-weight:bold;} /* TABS ***********************************************************************************************************/ #slider_tabs {width:712px; list-style-type:none; float:left; margin:0; border-bottom:solid 10px #F0F2F4;} #slider_tabs li {float:left;} #slider_tabs li a {float:left; width:326px; color:#333; padding:10px 15px; text-decoration:none; font-weight:bold; background:url(../images/tab_bg1.gif) bottom no-repeat; outline:none;} #slider_tabs li a:hover {color:#E1612E; cursor:pointer;} #slider_tabs li a.current {width:326px; background:#F0F2F4; } /* SLIDERS ***********************************************************************************************************/ div.judges {padding:12px; width:688px; background:#f0f2f4;} div.judges p {margin-bottom:.4em; font-size:1.1em;} div.judges p b {margin:0 6px 12px 0; display:block; float:left;} div.judges p.total {font-size:1.1em; font-weight:bold; color:#E1612E; text-transform:uppercase;} div.judges p.total span {color:#fff; background:#E1612E; padding:2px 6px 3px;} div.judges h3 {color:#E1612E; margin-bottom:1em; font-size:1.5em;} div.judges .hrzrule {margin:4em 0 2em;} .slider_box {width:658px; padding:27px 15px 27px; background:#fff url(../images/slider_numbers.gif); border:solid 1px #ccc; margin-bottom:16px;} .ui-slider {height:9px; width:643px; position:relative;} .ui-slider-handle {position:absolute; z-index:2; top:-4px; width:15px; height:15px; background:url(../images/slider_circle.png); outline:none;} .ui-slider-handle:hover {} .ui-slider-handle-active {} .ui-slider-handle-active:hover {} .ui-slider-range {height:9px; background:#e1612e; position:absolute; border-left:0; border-right:0; top:-1px; z-index:1;} #sliders.judges .ui-slider-handle {top:-4px; width:23px; height:16px; background:url(../images/slider_arrow.png);} /* SWEEPSTAKES REGISTRATION ******************************************************************/ #sweepstakes_signup li.hrz {width:620px;} #sweepstakes_signup li.hrz .hrzrule {margin:.6em 0;} #sweepstakes_signup li.double div {width:150px; float:left;} #sweepstakes_signup li.double div input {width:140px;} #sweepstakes_signup li.double div select {width:140px;} #sweepstakes_signup li.triple div.month {width:133px; float:left;} #sweepstakes_signup li.triple div.month select {width:122px;} #sweepstakes_signup li.triple div.day {width:73px; float:left;} #sweepstakes_signup li.triple div.day select {width:62px;} #sweepstakes_signup li.triple div.year {width:103px; float:left;} #sweepstakes_signup li.triple div.year select {width:92px;} #sweepstakes_signup div.captcha {margin:8px 0;} .venues_attended {margin:0; list-style-type:none;} .venues_attended li {width:25%; float:left;} .venues_attended input {margin:0 6px 0 0;} #sweepstakes_game {outline:none;} /* COUNTDOWN BOX ******************************************************************/ ul.countdown_container {zoom:1; margin-bottom:20px;} #countdown {position:relative; top:-3px; left:-3px; border:3px solid #fff; width:297px; height:129px; background:url(../images/bg_countdown.gif) center no-repeat;} #countdown h3 {position:absolute; top:20px; left:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:1.6em;} #numbers {position:absolute; top:53px; left:15px; width:280px;} #numbers span {float:left;} #numbers span span span {display:block; width:78px; height:30px; padding-right:15px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:3.5em; line-height:1em; color:#fff;} /* VOTING REGISTRATION ******************************************************************/ #voting_registration {padding-top:16px;} #voting_registration b.large {font-size:1.3em; padding-right:10px;} #voting_registration div.checkbox {padding-bottom:4px;} #voting_registration div.checkbox input {} #voting_registration li.hrz {width:300px; margin-right:20px;} #voting_registration li.hrz_wide {width:620px;} #voting_registration li.hrz .hrzrule {margin:.6em 0;} #voting_registration li.hrz .w300 {width:300px; margin-bottom:16px;} #voting_registration li.hrz_wide .hrzrule {margin:.6em 0;} #voting_registration li.triple div.city {width:163px; float:left;} #voting_registration li.triple div.city input {width:143px;} #voting_registration li.triple div.state {width:73px; float:left;} #voting_registration li.triple div.state select {width:63px;} #voting_registration li.triple div.zip {width:63px; float:left;} #voting_registration li.triple div.zip input {width:53px;} #voting_registration div.captcha {margin:1em 0;} /* Events - Right Column */ #middle #right div.event #twocol_left.event {padding-top: 1em;} #middle #right div.event #twocol_left.event h3 {font-weight: bold; font-size: 1.2em;} #middle #right div.event #twocol_left.event p.choir span {color: #F67001; font-weight: bold;} #middle #right div.event #twocol_left.event p.choir {margin-bottom:2em;} /* Events - Right Column */ #middle #right div.event #twocol_right.event {padding-top: 1em;} #middle #right div.event #twocol_right.event h3 {font-weight: bold; font-size: 1.2em;} #middle #right div.event #twocol_right.event p.choir span {color: #F67001; font-weight: bold;} #middle #right div.event #twocol_right.event p.choir {margin-bottom:2em;} /* TWITTER BOX ******************************************************************/ #twitter_box {position:relative; width:310px; padding:78px 0 0; background:url(../images/bg_twitterfeed.png) top left no-repeat;} #twitter_box h2 {position:absolute; top:32px; left:30px; color:#fff;} #twitter_box div.wrapper {padding:24px 30px 32px; background:url(../images/bg_twitterfeed_bottom.png) bottom left no-repeat;} /* THICKBOX TWEAK ******************************************************************/ #TB_title {background:#fff!important;} #TB_next {margin-right:10px;} #TB_secondLine {float:left; padding:11px!important;} #TB_secondLine span {float:left;} #TB_secondLine_imagecount {float:left; padding:3px;} #TB_caption_description {padding:7px 0;} /* REGISTRATION TWEAKS ******************************************************************/ span.highlight {background-color:#FCF0AD;} span.more_info {cursor:pointer; padding:3px 24px 3px 3px; font-weight:bold; color:#F67001; background:url(../images/icon_plus.png) right no-repeat; float:right; margin-right:6px;} span.more_info:hover {text-decoration:underline;} tr.icon_expanded td {background:#f4f5f7 url(../images/hrzrule1.gif) top repeat-x;} tr.icon_expanded td span.more_info {cursor:pointer; padding-right:24px; font-weight:bold; color:#222; background:url(../images/icon_minus.png) right no-repeat; float:right; margin-right:6px;} tr.icon_expanded td span.more_info:hover {text-decoration:underline;} tr.expanded.closed {display:none;} tr.expanded td {background:#f4f5f7 url(../images/bg_td_expanded.png) top center no-repeat; padding:24px!important;} tr.expanded div {overflow:hidden;} tr.expanded td h3 {font-size:1em; font-weight:bold; margin-bottom:0;} tr.expanded td img.profile {border:solid 3px #e0e1e3; float:left; margin:0;} tr.expanded td span.event_description {width:560px; float:right;} #events_calendar {margin-bottom:20px; background:url(../images/hrzrule1.gif) bottom repeat-x;} #events_calendar td {} #events_calendar tr.row0 {background:url(../images/hrzrule1.gif) top repeat-x;} #events_calendar tr.row1 {background:#dcdfe2 url(../images/hrzrule1.gif) top repeat-x;}