/* @override http://www.dctri.com/assets/templates/dctri/style.css */ /* CSS Document */ body { background: #004d74 url(images/bkg-1712x561.jpg) no-repeat center top; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;} .container { margin: 0 auto; width: 960px;} #logo { position: absolute; z-index: 2; margin-left: -31px; padding: 0;} /* #logo a img { position: relative; left: -28px;} */ .red { color: #df2526;} #header { height: 89px;} .clear { clear: both;} #content { background-color: #fff; padding-top: 32px; } /*be sure to fix height*/ #topnav { display: inline; width: 285px; float: right; font-size: 13px; margin-top: 8px; padding-top: 0; height: 15px; padding-right: 7px;} #topnav a { color: #fff; text-decoration: none; height: 15px; margin: 0; padding: 0; display: inline; background-repeat: no-repeat;} #topnav a:hover { color: #fff; text-decoration: underline;} #topnav a.twitter { background: url(images/topnav-twitter-17x16.jpg) no-repeat right; padding-right: 25px;} #topnav a.facebook { background: url(images/topnav-facebook-16x17.jpg) no-repeat right; padding-right: 25px;} #countdown { float: right; display: inline; margin-top: 44px; padding-right: 13px; font-size: 18px; color: #b5d9ef;} #countdown strong { color: #fff;} #left-col { float: left; width: 660px; display: inline; margin-left: 14px; padding-bottom: 20px;} #right-col { float: left; width: 275px; display: inline; padding-bottom: 50px;} #right-col p span form div.k_reSendEmail { width: 256px; background-color: #eaeaea;} #right-col p span form div.k_reSendEmail div.inputGroup label.k_required.k_text { font-size: 12px; padding-bottom: 8px;} #right-col p span form div.k_reSendEmail div.k_buttonBlock { width: 82px; z-index: 2; position: relative; margin-left: 0; display: block; margin-top: 0; top: -38px; float: left; left: 178px;} #right-col p span form div.k_reSendEmail div.inputGroup input.k_required.k_text { width: 160px;} span.k_instruction { display: none; } #left-col small { font-size: 10px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px;} #left-col small.asp-small { font-weight: bold; font-size: 13px; line-height: 18px; width: 390px; color: #333;} /* @group Nav Bar */ #nav { margin-right: auto; margin-left: auto; width: 957px;} #jsddm { margin: 1px 0 0 293px; padding: 0; height: 45px; width: 658px; float: left; display: inline;} #jsddm li { float: left; list-style: none; font: 12px Tahoma, Arial;} #jsddm li a { display: block; background: #20548E; padding: 5px 12px; text-decoration: none; width: 70px; color: #EAFFED; white-space: nowrap; height: 35px;} #jsddm li a:hover { background: #1A4473;} #jsddm li.active a.register { width: 74px; background: url(images/nav-657x174.jpg) 0 -116px;} #jsddm li.active a.athlete { width: 65px; background: url(images/nav-657x174.jpg) -90px -116px;} #jsddm li.active a.courses { width: 67px; background: url(images/nav-657x174.jpg) -171px -116px;} #jsddm li.active a.event { width: 50px; background: url(images/nav-657x174.jpg) -267px -116px;} #jsddm li.active a.volunteers { width: 97px; background: url(images/nav-657x174.jpg) -342px -116px;} #jsddm li.active a.press { width: 51px; background: url(images/nav-657x174.jpg) -462px -116px;} #jsddm li.active a.sponsors { width: 79px; background: url(images/nav-657x174.jpg) -544px -116px;} #jsddm li a.register:hover { width: 74px; background: url(images/nav-657x174.jpg) 0 -58px;} #jsddm li a.athlete:hover { width: 65px; background: url(images/nav-657x174.jpg) -90px -58px;} #jsddm li a.courses:hover { width: 67px; background: url(images/nav-657x174.jpg) -171px -58px;} #jsddm li a.event:hover { width: 50px; background: url(images/nav-657x174.jpg) -267px -58px;} #jsddm li a.volunteers:hover { width: 97px; background: url(images/nav-657x174.jpg) -342px -58px;} #jsddm li a.press:hover { width: 51px; background: url(images/nav-657x174.jpg) -462px -58px;} #jsddm li a.sponsors:hover { width: 79px; background: url(images/nav-657x174.jpg) -544px -58px;} #jsddm li a.register { width: 74px; background: url(images/nav-657x174.jpg) 0 top;} #jsddm li a.athlete { width: 65px; background: url(images/nav-657x174.jpg) -90px top;} #jsddm li a.courses { width: 67px; background: url(images/nav-657x174.jpg) -171px top;} #jsddm li a.event { width: 50px; background: url(images/nav-657x174.jpg) -267px top;} #jsddm li a.volunteers { width: 97px; background: url(images/nav-657x174.jpg) -342px top;} #jsddm li a.press { width: 51px; background: url(images/nav-657x174.jpg) -462px top;} #jsddm li a.sponsors { width: 79px; background: url(images/nav-657x174.jpg) -544px top;} #jsddm li a span { display: none;} #jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 3;} #jsddm li ul li { float: none; display: inline;} #jsddm li ul li a { width: auto; background: #0e3458; height: auto; padding-top: 8px; padding-bottom: 8px;} #jsddm li ul li a:hover { background: #1d6794;} /* @end */ /* @group Sliders */ #featured { width: 648px; position: relative; height: 277px; background: #eeeef0; margin: 0; padding: 0; border-style: none;} #featured ul.ui-tabs-nav { position: absolute; top: 0; left: 0; list-style: none; padding: 0; margin: 223px 0 0; width: 646px; height: 53px; background-color: #efefef; z-index: 2; border: 1px solid #999;} #featured ul.ui-tabs-nav li#nav-fragment-5.ui-tabs-selected { } #featured ul.ui-tabs-nav li#nav-fragment-5 { border-right-style: none; width: 118px;} #featured ul.ui-tabs-nav li#nav-fragment-1 { width: 120px;} #featured ul.ui-tabs-nav li#nav-fragment-4 { } #featured ul.ui-tabs-nav li { font-size: 14px; color: #666; padding: 11px 5px 5px; list-style-type: none; width: 118px; background-color: #eaeaea; display: block; height: 37px; float: left; text-align: center; line-height: 18px; border-right: 1px solid #c0c0c0;} #featured ul.ui-tabs-nav li img { float: left; margin: 2px 5px; background: #fff; padding: 2px; border: 1px solid #eee;} #featured ul.ui-tabs-nav li span { text-transform: capitalize; font: 600 14px/14px "proxima-nova-1","proxima-nova-2", serif;} #featured ul.ui-tabs-nav li span em { font-weight: normal; font-style: normal; font-size: 11px;} #featured li.ui-tabs-nav-item a { display: block; color: #333; line-height: 45px; text-decoration: none; font-weight: 800; text-transform: uppercase; margin-top: 2px;} #featured li.ui-tabs-nav-item a:hover { text-decoration: underline;} #featured ul.ui-tabs-nav li.ui-tabs-selected { background: #d52925 url(images/slider-active-129x52.jpg) no-repeat right top; -webkit-box-shadow: inset 0px 0px 8px #7d1514;-moz-box-shadow: inset 0px 0px 8px #7d1514; box-shadow: inset 0px 0px 8px #7d1514; } #featured ul.ui-tabs-nav li.ui-tabs-selected a span { color: #fffeff; font-weight: 600; } #featured .ui-tabs-panel { width: 648px; height: 225px; background: #999; position: relative;} #featured .ui-tabs-panel .info { position: absolute; top: 205px; left: 0; height: 72px; background: url('images/transparent-bg.png'); width: 100%;} #featured .info h2 { font-size: 18px; font-family: "Trebuchet MS", Georgia, serif; color: #fff; padding: 5px; margin: 0; overflow: hidden;} #featured .info p { margin: 0 5px; font-family: Verdana; font-size: 11px; line-height: 15px; color: #f0f0f0;} #featured .info a { text-decoration: none; color: #fff;} #featured .info a:hover { text-decoration: underline;} #featured .ui-tabs-hide { display: none;} /* @end */ #left-col div.homeThreeSponsors { width: 647px; margin-top: 15px; border: 1px solid #999; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */} #left-col div.homeThreeSponsors table { background: transparent url(images/home3-649x141.png) no-repeat; } #left-col div.homeThreeSponsors table td { font-size: 11px; line-height: 15px; text-align: center; padding: 11px 15px 10px; width: 176px;} #left-col div.homeThreeSponsors table td.td1 { text-align: left; padding: 0 20px 17px;} #left-col div.sponsorsSlider { margin-top: 33px; width: 640px; } /* @group Tabs */ #left-col span.u-item table.newbie-tab { width: 575px; margin-right: auto; margin-left: auto; margin-bottom: 10px;} #left-col span.u-item table.newbie-tab td { text-align: center; padding: 0;} #left-col span.u-item table.newbie-tab img { float: none;} table.newbie-tab span { display: block; width: 115px; font-size: 11px; text-align: center; margin-right: auto; margin-left: auto; padding-top: 2px; padding-bottom: 2px;} span.u-item { display: block; width: 600px; margin-right: auto; margin-left: auto; padding-top: 15px;} #left-col span.u-item img { float: left; border: 3px solid #999; display: inline; margin: 0 8px 8px;} #tabs span.u-item table.clinicLogoTbl { margin-right: auto; margin-left: auto; margin-top: 25px;} #tab_5_contents span.u-item table tbody tr td img.clinicLogoHome { border-style: none; width: 500px; margin-bottom: 0;} #tab_5_contents span.u-item table.clinicTab tbody tr td.td1 { color: #d51c22;} #left-col span.u-item h1 { background-image: none; width: 474px; margin: 0; height: 24px; padding: 0;} #left-col span.u-item p { padding-left: 0; margin: 0; line-height: 18px; font-size: 12px; padding-bottom: 8px; padding-top: 0;} a.u-photo { float: left; border: 3px solid #b3b3b3;} span.u-title { display: block; padding-left: 115px; padding-bottom: 5px; font-weight: bold; padding-top: 5px;} span.u-desc { display: block; padding-left: 115px; padding-bottom: 5px; font-size: 12px;} a.u-rm { display: block; padding-left: 115px; padding-bottom: 5px; font-size: 12px; color: #d20a1c; font-weight: bold;} a.u-rm:hover { text-decoration: underline;} #right-col a { display: block; margin-top: 0; margin-bottom: 11px;} #tabs { width: 648px; background: url(images/tabs-bkg-649x297.jpg) no-repeat 0 51px; padding-top: 15px;} #tabs table h2 { padding-left: 0;} #tabs table ul { padding-left: 34px;} #tabs span.u-item table ul li { padding-left: 1px; padding-bottom: 6px;} #left-col #tabs ul.tabs-nav { display: block; margin-right: 0; padding-right: 0; width: 648px; padding-left: 0; height: 37px; background: #4d4d4d no-repeat 0 4px;} #left-col #tabs ul.tabs-nav li { display: inline; background-color: #5e5e5e; float: left; margin: 0; padding: 0;} #left-col #tabs ul.tabs-nav li a { background-color: #424242; text-transform: capitalize; font: 600 16px "proxima-nova-1","proxima-nova-2", serif; text-align: center; padding-right: 5px; padding-left: 8px; display: block; margin-right: 0; margin-left: 0; color: #fffeff; height: 32px; text-shadow: 1px 1px 2px #1a1a1a; filter: dropshadow(color=#1a1a1a, offx=1, offy=1); padding-top: 11px;} #left-col #tabs ul.tabs-nav li a { background: #999999; /* Old browsers */ background: -moz-linear-gradient(top, #999999 0%, #848484 50%, #999999 51%, #999999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#848484), color-stop(51%,#999999), color-stop(100%,#999999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #999999 0%,#848484 50%,#999999 51%,#999999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #999999 0%,#848484 50%,#999999 51%,#999999 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #999999 0%,#848484 50%,#999999 51%,#999999 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #999999 0%,#848484 50%,#999999 51%,#999999 100%); border-right: 1px solid #afafaf; border-left: 1px solid #848484;} #left-col #tabs ul.tabs-nav li a.active { background: #494949; /* Old browsers */ background: -moz-linear-gradient(top, #494949 0%, #5e5e5e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#5e5e5e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #494949 0%,#5e5e5e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #494949 0%,#5e5e5e 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #494949 0%,#5e5e5e 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#5E5E5E',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #494949 0%,#5e5e5e 100%); /* W3C */ -webkit-box-shadow: inset 0px 0px 8px #222222; -moz-box-shadow: inset 0px 0px 8px #222222; box-shadow: inset 0px 0px 8px #222222; } #tabs ul.tabs-nav li.fifty a { width: 90px;} #tabs ul.tabs-nav li.news a { width: 90px; border-right-style: solid;} #tabs ul.tabs-nav li.overview a { width: 80px; } #tabs ul.tabs-nav li.clinics a { width: 79px; } #tabs ul.tabs-nav li.newbie a { width: 70px; } #tabs ul.tabs-nav li.faq a { width: 60px; } #tabs ul.tabs-nav li.tri a { width: 73px; border-right-style: none;} #tabs span.u-item table.clinicTab { margin-right: auto; margin-left: auto; width: 90%; font-size: 13px; } #tabs span.u-item table.clinicTab td, #tabs table.clinicTab th { text-align: left; padding: 7px; } #tabs span.u-item table.clinicTab th { color: #D51C23; text-transform: uppercase;} #tabs span.u-item table.clinicTab th.ct2 { width: 133px; } #tabs span.u-item table.clinicTab tr.alt { background-color: #eaeaea; } #left-col h2.TriClinic { border-bottom:1px dotted #9A0E19; padding-right: 0; padding-left: 0; margin: 25px 42px 10px 30px; line-height: 20px;} #left-col table.ov-home tbody tr td.ovLeft { vertical-align: top;} #left-col table.ov-home tbody tr td.ovLeft p { text-align: right; width: 323px; font-size: 14px; line-height: 19px;} #left-col table.TriClinicLogos { margin: 15px auto;} #left-col p.reg-button { text-align: center;} #left-col table.TriClinicLogos img { margin-right: 10px; margin-left: 10px; background-color: #c0c0c0; border: 3px none #c0c0c0;} #left-col table.clinicTablePage { width: 90%; font-size: 12px; margin: 15px auto;} #left-col table.clinicTablePage td, #left-col table.clinicTablePage th { text-align: left; padding: 7px; border-right: 2px solid #fffeff;} #left-col table.clinicTablePage th { color: #D51C23; text-transform: uppercase;} #left-col table.clinicTablePage th.ct2 { width: 133px; } #left-col table.clinicTablePage tr.alt { background-color: #eaeaea; } #left-col table.clinicTablePage td.td1 { color: #D51C23; font-weight: bold;} div.tab_contents { display: none;} div.tab_contents_active { display: block;} #tabs span.u-item table { margin-top: 10px; width: 450px;} #tabs span.u-item table tbody tr td { vertical-align: top; padding: 3px;} #tabs span.u-item ul li { font-size: 12px; padding-bottom: 10px; padding-left: 20px; line-height: 18px; font-weight: bold;} #tabs span.u-item ul li em { font-style: italic;} #tabs table.shop-tab { margin-right: auto; margin-left: auto;} #tabs table.shop-tab td { padding: 8px; width: 250px; text-align: center;} #tab_6_contents span.u-item table.shop-tab tbody tr td img { margin: 0 auto; float: none; width: 165px;} #tabs table.shop-tab td h2 { color: #b50a1a;} #tabs table.shop-tab td h2, #tabs table.shop-tab td p { padding: 0;} /* @end */ /* @group Register-Rt.Column */ #newsletter2 { display: block; width: 275px; margin-top: 8px; margin-bottom: 8px;background: url(images/register-bkg-275x58.jpg) no-repeat;} #newsletter2 span.thanks { font-size: 11px; line-height: 14px; display: block; text-align: center; color: #fff; background-color: #005a89; width: 200px; border: 1px solid #0098d5; padding: 3px; margin: 5px auto -1px;} #newsletter2 span { display: block; font-size: 14px; padding-top: 6px; padding-left: 49px; padding-bottom: 7px; font-weight: bold;} #newsletter2 form label { display: block; font-size: 12px; float: left; padding-top: 6px; padding-left: 9px; padding-right: 8px;} #newsletter2 form span { display: block; padding: 0 3px 6px; float: left; background-color: #fff; border: 1px solid #b3b3b3; width: 203px; height: 15px;} #newsletter2 form span input { margin: 0; padding: 0; border-style: none; font-size: 12px; width: 181px; height: 13px; color: #808080;} #newsletter2 form span input.btn { width: 16px; height: 16px; position: relative; top: 3px;} /* @end */ /* @group Newsletter */ #newsletter { display: block; width: 275px; margin-top: 8px; margin-bottom: 1px; background: url(images/newsIcon-37x30.png) no-repeat 6px 0;} #testimonial { display: block; width: 241px; margin-top: 19px; margin-bottom: 1px; background: url(images/star.jpg) no-repeat 4px 6px; font-size: 11px; line-height: 15px; border: 1px solid #999; padding: 20px 15px 15px; } #testimonial span { font-weight: bold; font-size: 15px; padding-bottom: 14px; display: block; padding-left: 32px; color: #004d74;} #tips { display: block; width: 241px; margin-top: 19px; margin-bottom: 1px; background: url(images/tipsIcon-37x30.png) no-repeat 4px 6px; font-size: 11px; line-height: 15px; border: 1px solid #999; padding: 20px 15px 15px; } #tips span { font-weight: bold; font-size: 15px; padding-bottom: 14px; display: block; padding-left: 32px; color: #004d74;} #emergency { display: block; width: 241px; margin-top: 19px; margin-bottom: 1px; background: url(images/emergency-phone.jpg) no-repeat 4px 6px; font-size: 11px; line-height: 15px; border: 1px solid #999; padding: 20px 15px 15px; } #emergency span { font-weight: bold; font-size: 15px; padding-bottom: 14px; display: block; padding-left: 32px; color: #004d74;} #emergency span2 { font-weight: bold; font-size: 25px; padding-bottom: 14px; display: block; padding-left: 32px; color: #004d74;} #newsletter span.thanks { font-size: 11px; line-height: 14px; display: block; text-align: center; color: #fff; background-color: #005a89; width: 200px; border: 1px solid #0098d5; padding: 3px; margin: 5px auto -1px;} #newsletter span { display: block; font-size: 14px; padding-top: 6px; padding-left: 49px; padding-bottom: 7px; font-weight: bold;} #newsletter form label { display: block; font-size: 12px; float: left; padding-top: 8px; padding-left: 9px; padding-right: 8px;} #newsletter form span { display: block; padding: 0 3px 6px; float: left; background-color: #fff; border: 1px solid #b3b3b3; width: 203px; height: 15px;} #newsletter form span input { margin: 0; padding: 0; border-style: none; font-size: 12px; width: 181px; height: 13px; color: #808080;} #newsletter form span input.btn { width: 16px; height: 16px; position: relative; top: 3px;} /* @end */ /* @group footer */ #red-bar { background-image: url(images/red-bkg-12x59.jpg); height: 59px; text-align: center; padding-left: 0; width:960px;} #red-bar a { float: left; padding-left: 6px;} #footer { background: #c0c2c1 url(images/grey-bkg-12x37.jpg) repeat-x; padding-top: 45px; padding-left: 40px; padding-bottom: 20px;} #footer .col { width: 131px; float: left; font-size: 12px;} #footer .col a { color: #333; font-weight: bold; text-decoration: none;} #footer .col a:hover { text-decoration: underline;} #footer .col ul { padding-top: 8px;} #footer .col ul li { font-size: 11px; padding-bottom: 8px;} #footer .col ul li a { color: #4c4c4c;} /* @end */ #left-col ul#breadcrumbs { display: block; padding: 8px 0 8px 15px;} #left-col ul#breadcrumbs li { display: inline; font-size: 10px; text-transform: uppercase; color: #4c4c4c; font-weight: bold;} ul#breadcrumbs li a { color: #4c4c4c; padding-right: 14px; background: url(images/grey-arrow-7x16.gif) no-repeat right; text-decoration: none; font-weight: normal; font-style: normal;} #left-col p { font-size: 12px; line-height: 18px; padding: 4px 30px; color: #2b2b2c;} #right-col p.event-dates { padding: 8px; width: 250px; color: #808080; font-size: 13px; line-height: 20px; border-style: none; background-color: #e6e6e6; margin: 15px auto 0; display: block;} #right-col p.event-dates strong { font-size: 16px; color: #333; line-height: 28px; font-weight: normal; font-style: normal;} #right-col small { font-size: 11px; line-height: 14px; display: block; margin-top: 5px; width: 252px; padding: 8px;} #left-col img.largeImg { margin-right: auto; margin-left: auto; width: 599px; display: block;} #left-col blockquote { font-style: italic; font-size: 12px; line-height: 20px; color: #df2526; padding-left: 30px; padding-right: 30px; padding-bottom: 8px;} #left-col img.smallzImg { float: left; padding-right: 10px; display: inline; margin-left: 30px; padding-bottom: 10px;} ul#breadcrumbs li a:hover { text-decoration: underline;} #left-col h1 { display: block; background: url(images/ttl-header-509x52.gif) no-repeat; width: 509px; height: 41px; padding-top: 5px; padding-left: 30px; font-size: 20px; color: #524c49; font-family: "proxima-nova-1","proxima-nova-2",sans-serif; font-weight:800;} #left-col h2 { font-size: 16px; padding: 5px 30px; color: #2b2b2c;} #left-col h3 { font-size: 13px; padding: 5px 30px; color: #606060;} #left-col a { text-decoration: none; color: #df2526;} #left-col a:hover { text-decoration: underline;} #left-col ol, #left-col ul { padding-left: 60px; font-size: 12px; padding-right: 60px; line-height: 18px;} #left-col li { padding-top: 4px; padding-left: 0; list-style-type: decimal; padding-bottom: 4px;} #left-col ul li { list-style-type: disc;} #left-col div.emailImg { background: url(images/icon-contact_224x196.jpg) no-repeat; padding: 29px 100px 101px 193px;} #left-col span.k_required { font-size: 10px; color: #df2526; font-weight: bold; padding-left: 20px;} #left-col table.co-ov { margin-right: auto; margin-left: auto; margin-top: 10px;} #left-col table.co-ov td { padding-bottom: 8px; padding: 8px;} #left-col img.ov-map { margin-left: 25px;} #left-col table.ov-home { padding: 5px; vertical-align: top; margin-right: auto; margin-left: auto;} #left-col table.ov-home tbody tr td p { padding: 0;} #left-col table.ov-home tbody tr td { padding: 5px; vertical-align: top;} #left-col div.ov-bkg { width: 172px; background: url(images/column-bg-182x42.jpg) no-repeat 0 bottom; text-align: center; font-size: 12px; color: #df2526; padding: 5px;} #left-col div.ov-bkg a.view-map { display: block; margin-top: 5px;} #left-col div.ov-bkg p { font-size: 11px; text-align: left; padding: 0 5px; line-height: 18px;} #contactForm table { width: 500px; margin-right: auto; margin-left: auto; margin-top: 20px;} #contactForm table td { padding: 10px 10px 0; vertical-align: top;} .error { color: #df2526; font-size: 9px; padding-bottom: 5px; display: none;} #newsletter .error { display: none; margin-top: 8px;} #contactForm span div.dup-email { font-size: 9px; color: #df2526; margin-top: 5px;} #contactForm table tbody tr td label {color: #df2526; font-size: 12px; } #contactForm table tbody tr td small { padding: 0; margin-top: 8px; display: inline;} #contactForm table tbody tr td label.k_required {color: #df2526; font-size: 12px; font-weight: bold;} #contactForm input { width: 150px; height: 19px; border: 1px solid #666; margin-bottom: 8px;} textarea#message { width: 250px; height: 200px; border: 1px solid #666;} #contactForm input.inputSubmit { text-transform: uppercase; display: inline; margin-left: 194px; margin-top: 10px; font-weight: normal; font-style: normal; height: inherit; border-style: none;} #contactForm input.inputSubmit:hover { background-color: #df2526;} #left-col hr { border-top-style: none; border-bottom: 2px dotted #ccc; border-right-style: none; border-left-style: none; width: 600px; margin-top: 20px; margin-bottom: 20px;} #left-col table.usat { margin:10px auto; width: 400px; } #left-col table.usat td { vertical-align:top;} #left-col table.usat td p{ margin: 0; padding: 0;} #left-col table.dctri { margin:10px auto; width: 500px; } #left-col table.dctri td { vertical-align:top; padding: 8px;} #left-col table.dctri td p{ margin: 0; padding: 0;} #left-col table.schedule { font-size: 12px; padding: 2px; margin-right: auto; margin-left: auto; margin-top: 20px;} #left-col table.schedule td { padding: 7px; border-bottom-style: solid; border-top: 3px solid #fff;} #left-col table.schedule tr.sched-date td { border-bottom: 2px solid #ccc;} #left-col table.schedule tr.alt { background-color: #fff;} #left-col table.schedule td.t1 { text-align: right; border-right: 2px solid #fff; width: 80px; vertical-align: middle; color: #df2526;} #left-col table.schedule.prosTbl td.t1 { width: 175px;} #left-col table.schedule tr { background-color: #e6e6e6; border-bottom: 2px solid #fff;} #left-col table.schedule tbody tr.sched-date { background-color: #fff; font-weight: bold; font-size: 14px; color: #df2526;} #left-col table.sponsors { width: 560px; margin-right: auto; margin-left: auto;} #left-col table.sponsors td { vertical-align: top; padding: 8px 20px 8px 8px;} #left-col table.sponsors h2 { margin: 0; padding: 0 0 5px; border-bottom: 1px dotted #9a0e19; color: #333;} #left-col table.sponsors img { margin: 0; padding: 0;} #left-col table.sponsors p { margin: 0; padding: 0;} #left-col table.sponsors ul { margin: 0; padding: 0 0 0 35px;} #left-col span.reg-text { display: block; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; font-weight: bold; color: #df2526; font-size: 21px; text-align: center;} #footer p.site-credit { font-size: 11px; text-align: center; margin-top: 15px;} #footer p.site-credit a { color: #4c4c4c; text-decoration: none;} #footer p.site-credit a:hover { text-decoration: underline;} #asp-ttl { width: 97%; border: 1px solid #666;} #asp-ttl tbody tr th { text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1) background-color: #d3d3d3; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.45,rgb(212,211,211)),color-stop(0.73, rgb(246,245,243))); background-image: -moz-linear-gradient( center bottom, rgb(212,211,211) 45%, rgb(246,245,243) 73%); color: #df2526; padding: 6px; border-bottom: 1px solid #4c4c4c; height: 20px; line-height: 20px;} #flvplayer { width: 640px; height: 480px; margin: 20px auto 40px;} #asp-ttl tbody tr th a { font-size: 12px; font-weight: normal; font-style: normal;} th.asp-th1L { width: 319px; text-align: left; font-size: 15px;} #asp-ttl tbody tr td { background-color: #ccc; padding: 8px;} #asp-ttl table.asp-white { width: 100%; border: 1px solid #4c4c4c; margin-bottom: 23px; height: 30px;} #asp-ttl table.asp-white td { background-color: #fff; color: #df2526; font-size: 13px; height: 15px; line-height: 16px;} #left-col small { font-size: 10px; padding-bottom: 8px; display: block; padding-left: 31px;} #left-col p.down-pdf { background: url(images/download-pdf-21x22.gif) no-repeat 5px 1px; padding-left: 33px;} p.contact { background: url(images/contact-envelope-20x18.gif) no-repeat 4px; margin-top: 8px;} p.results { background: url(images/viewAllResults113x28.jpg) no-repeat 4px; height: 28px; margin-top: 8px; margin-bottom: 8px;} p.results a { display: block; width: 113px; height: 28px;} p.results a span { display: none; } #left-col h3.asp-h3 { height: 42px; line-height: 42px; padding-left: 34px; color: #df2526; background: url(images/asp-ttl-262x42.jpg) no-repeat; display: block; float: left; width: 470px; margin-top: 8px; margin-bottom: 8px; font-size: 19px; padding-top: 0;} #left-col h3.asp-h3 a { font-size: 11px; color: #df2526; display: block; width: 150px; float: right;} #asp-ttl table.asp-white td strong { color: #000;} th.asp-th1R { text-align: right;} #asp-ttl table.asp-gray { width: 100%; margin: 0; line-height: 13px; margin-top: -16px;} #asp-ttl table.asp-gray td { font-size: 12px; color: #df2526;} #asp-ttl table.asp-gray td strong { color: #000;} #left-col a.backToTop { display: block; float: left; height: 42px; line-height: 42px; font-size: 12px; text-align: right; padding-left: 42px; padding-top: 8px;} table.asp-white.post { } #left-col div.vid-item { display: block; width: 321px; float: left; margin-bottom: 22px;} #left-col div.vid-item img { float: left; margin-right: 11px;} #left-col p.vid-desc { display: inline; float: left; font-size: 12px; line-height: 15px; font-weight: bold; background-color: #fff; background-image: none; padding: 0 0 8px;} #content table.asp-video { margin-right: auto; margin-left: auto; margin-bottom: 40px;} #left-col div.vid-item p.down-pdf { float: left; padding-right: 0;} img.mugshot { float: left; margin-left: 0; margin-right: 8px; border: 1px solid #d21d22;} #left-col table.asp-results { width: 97%; margin-top: 8px;} #left-col table.asp-results tbody tr th { text-shadow: 1px 1px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1) background-color: #d3d3d3; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.45,rgb(212,211,211)),color-stop(0.73, rgb(246,245,243))); background-image: -moz-linear-gradient( center bottom, rgb(212,211,211) 45%, rgb(246,245,243) 73%); color: #333; padding: 6px; border-bottom: 1px none #4c4c4c; border-top-style: none; border-top-width: 1px; border-right: 1px solid #b3b3b3; border-left: 1px solid #fff; font-weight: normal; font-style: normal; font-size: 13px;} #left-col table.asp-results tbody tr td { font-size: 12px; padding: 8px; background-color: #ccc; color: #df2526; text-align: center; border-right-style: solid; border: 1px solid #FFF; border-top-width: 1px;} #left-col table.asp-results tbody tr td span { color: #4c4c4c;} a.purchase-photo { width: 96px; height: 28px; display: block; background: url(images/purchase-photo-100x28.jpg) no-repeat -3px; -webkit-box-shadow: 1px 1px 3px #626262; -moz-box-shadow: 1px 1px 3px #626262; box-shadow: 1px 1px 3px #626262; border: 2px solid #fff;} img.asp-photo { margin-bottom: 8px;} a.purchase-photo span, a.purchase-video span { display:none;} div.photo-item { width: 100px; float: left; padding: 8px 14px 0;} a.purchase-video { width: 96px; height: 28px; display: block; background: url(images/purchase-video-103x28.jpg) no-repeat -2px; -webkit-box-shadow: 1px 1px 3px #626262; -moz-box-shadow: 1px 1px 3px #626262; box-shadow: 1px 1px 3px #626262; border: 2px solid #fff; float: left;} table#bibTable { width: 374px; margin-left: 33px;} #left-col div.aspAlert { width: 510px; height: 40px; margin: 15px auto; font-size: 15px; line-height: 40px; background: #eceeed url(images/asp-alert-27x26.jpg) no-repeat 7px; border: 1px solid #4c4c4c; padding-left: 40px; color: #df2526; font-weight: bold;} table#aspConfirm { margin-right: auto; margin-left: auto;} table#aspConfirm p.aspName { font-size: 18px; font-weight: bold; color: #4c4c4c; display: block; width: 300px; padding-bottom: 5px;} table#aspConfirm p { padding-left: 0; padding-right: 0; padding: 0;} table#aspConfirm img { border-style: solid; border-width: 2px; color: #df2526;} table#aspConfirm p span { color: #df2526; padding-left: 8px;} table#aspConfirm td { padding: 8px; vertical-align: top; font-size: 12px;} a.thisIsMe { display: block; background: url(images/asp-btn-thisisme-90x28.jpg) no-repeat; width: 90px; height: 28px; margin-top: 8px; margin-bottom: 8px; -webkit-box-shadow: 1px 1px 3px #626262; -moz-box-shadow: 1px 1px 3px #626262; box-shadow: 1px 1px 3px #626262; border: 2px solid #fff;} a.thisIsMe span { display: none;} table#bibTable td img { padding-right: 15px; margin-top: -16px; position: relative; z-index: 1;} table#bibTable td { vertical-align: middle; padding-bottom: 8px;} table#bibTable td p { padding: 0;} input#entBiB, input#entName { height: 29px; width: 221px; border: 1px none #808080; background: url(images/asp-search-field-234x29.jpg) no-repeat; padding-left: 13px; margin-right: 10px; color: #666; line-height: 29px; font-size: 12px;} .views-field-content { width: 900px; margin: 20px auto;} ul#photoGallery { padding: 0; width: 596px; height: 500px; margin-right: auto; margin-left: auto;} ul#photoGallery li { list-style-type: none; display: block; margin-right: 10px; width: 125px; height: 78px; float: left; overflow: hidden; margin-bottom: 18px; padding: 0; border: 2px solid #ccc; margin-left: 10px; -webkit-box-shadow: 2px 2px 3px #444; -moz-box-shadow: 2px 2px 3px #444; box-shadow: 2px 2px 3px #444;} ul#photoGallery li a { display: block; width: 125px; float: left;} ul#photoGallery li a img { width: 125px;} form#petition { background-color: #e6e6e6; font-size: 12px; width: 550px; padding: 8px; border: 1px solid #4c4c4c; margin: 8px auto;} form#petition table td { padding: 8px 4px; text-align: right;} #petition table tbody tr td label { padding-right: 8px; } input#initials { margin-top: 8px; width: 29px;} div.galleryBtn { width: 150px; display: inline; float: left; margin-right: 15px; margin-bottom: 0; margin-top: 15px; font-size: 12px; height: 123px;} div.galleryBtn a span { font-size: 13px; display: block; padding: 6px 0 3px; text-align: center;} div.hicock { font-size: 12px; line-height: 40px; height: 40px; padding-left: 182px; background: url(images/hicock-logo.jpg) no-repeat 32px 5px; margin-top: 9px;} /* Photo ---------------------------------------------*/ #PhotoBox { padding: 30px 0 0; margin-right: 30px; margin-left: 56px; width: 498px;} div#MainColInner { } #lftCol div.content.photoContent {} #Container { position: relative; margin: 0 auto; background-color: #808080; border: none; font-size: 0px; } /* Photo Navigation ---------------------------------------------*/ #Controls { display: none; position: absolute; top: 10px; right: 10px; background: transparent url(images/controls.gif) left top no-repeat; height: 28px; width: 67px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } #Controls a { text-indent: -9000px; float: left; display: block; height: 28px; } #PrevLink { width: 25px; background: transparent url(images/controls.gif) left top no-repeat; } #PlayToggle { width: 17px; background: transparent url(images/controls.gif) -25px top no-repeat; } #NextLink { width: 25px; background: transparent url(images/controls.gif) -42px top no-repeat; } #PrevLink:hover { width: 25px; background: transparent url(images/controls.gif) left -28px no-repeat; } #PlayToggle:hover { width: 17px; background: transparent url(images/controls.gif) -25px -28px no-repeat; } #NextLink:hover { width: 25px; background: transparent url(images/controls.gif) -42px -28px no-repeat; } /* Loading ---------------------------------------------*/ #Loading { text-align: left; padding: 20px 0 0 20px; font-size: 11px; color: #ccc; font-weight: bold; vertical-align: middle; } #Loading img { vertical-align: -30%; margin-right: 3px; } /* Caption ---------------------------------------------*/ #CaptionContainer { margin: 0 auto; text-align: left; padding: 5px 0; width: 500px; } #CaptionContainer p { font-size: 11px; font-weight: bold; padding: 0; margin: 0; } #Counter { padding-right: 5px; color: #999; } /* Thumbnail View ---------------------------------------------*/ #ViewThumbs { margin-top: 2px; display: block; float: right; text-indent: -9000px; height: 13px; width: 71px; overflow: hidden; background: transparent url(images/thumbnails.gif) left top no-repeat; } #ViewThumbs:hover, #ViewThumbs:visited:hover { background: transparent url(images/thumbnails.gif) left -13px no-repeat; } #ThumbContainer { display: block;} #ThumbContainer img { display: block; border: none; } #ThumbContainer a { float: left; margin: 0 4px 4px 0; } #ThumbContainer a:link, #ThumbContainer a:visited { border: 2px solid #999; } #ThumbContainer a:hover, #ThumbContainer a:visited:hover { border: 2px solid #0063DC; } #ThumbContainer a.selected:link, #ThumbContainer a.selected:visited, #ThumbContainer a.selected:hover, #ThumbContainer a.selected:visited:hover { border: 2px solid #FF0084; } #left-col table.prosTable { width: 500px; margin: 15px 104px 45px auto;} #left-col table.prosTable td { padding: 8px; font-size: 12px; vertical-align: middle; text-align: left; line-height: 18px;} #left-col a.linkBanner { display: block; margin-top: 35px; margin-bottom: 15px;} #left-col div.content.galMenu { text-align: center; font-size: 18px; font-weight: bold;} #left-col div.content.galMenu p a { font-size: 15px;} #left-col h3.regTitle { color: #df2526; font-size: 16px; clear: left; display: block;} #left-col table.regTableTwo { margin-top: 15px; margin-bottom: 15px; margin-left: 20px; border: 1px solid #797979;} #left-col table.regTableTwo td { font-weight: bold; border-right: 1px solid #999;} #left-col table.regTableTwo td, #left-col table.regTableTwo th { padding: 8px; font-size: 12px; vertical-align: middle; text-align: left;} #left-col table.regTableTwo th { background: #797979; /* Old browsers */ color: #fffeff; text-align: left; padding-left: 8px; padding-right: 8px; text-shadow: 1px 1px 2px #1a1a1a; filter: dropshadow(color=#1a1a1a, offx=1, offy=1); font-weight: bold; vertical-align: top; line-height: 14px;} #left-col table.regTableTwo tbody tr th.td5 { padding-right: 12px;} #left-col table.regTableTwo th.td2 { padding-left: 8px;} #left-col table.regTableTwo tr.alt { background-color: #eaeaea;} #left-col table.regTableTwo tr.alt td { color: #212121; font-weight: normal; font-style: normal;} #left-col table.regTable { margin: 3px 0 15px 31px; float: left; clear: left; border-style: solid; border-width: 1px; color: #797979; width: 378px;} #left-col table.regTable tbody tr td a { font-weight: bold; font-size: 16px; text-decoration: underline;} #left-col table.regTable td { padding: 8px;} #left-col table.regTable tr.alt { background-color: #eaeaea; color: #a9a9a9;} #left-col table.regTableTwo tbody tr.alt.exp td { text-decoration: line-through; color: #a9a9a9;} #left-col table.regTable tr { color: #424242; font-size: 14px;} #left-col a.regNowBox { float: right; clear: right; display: inline; margin-right: 38px; margin-bottom: 20px;}