/**** Author: Christian Moist Copyright 2010 Western Ohio Region SCCA Blue: #557DBB ****/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); /**** reset ****/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html, body {color: #626262; font: normal normal 400 12px Verdana, Helvetica, Arial, Sans-Serif; line-height: 150%;} html, body {height: 100%;} a {color: inherit; text-decoration: underline;} a:hover {text-decoration: none;} div {position: relative;} h1 {font-family: 'Open Sans'; margin: 10px 0 5px 0; font-size: 250%; line-height: 34px; font-weight: 900; color: #557DBB;} p {margin: 12px 0; line-height: 150%;} ul {list-style-image: none; list-style-position: outside; list-style-type: none;} ol {list-style-position: inside;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} tt, code, pre {font-family: "Courier New", Courier, monospace;} table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ strong, b {font-weight: 900;} i {font-style: italic;} sub {vertical-align: sub; font-size: smaller; line-height: normal;} sup {vertical-align: super; font-size: smaller; line-height: normal;} select {padding: 1px;} table th {text-align: left; font-weight: 900;} hr {border: 0; color: #444; background-color: #444; height: 1px;} ::selection {background: #557DBB; color: #FFF;} ::-moz-selection {background: #557DBB; color: #FFF;} /**** utility/standard styles ****/ .clearb {clear: both; display: block;} .fleft {float: left;} .fright {float: right;} .dnone {display: none;} .dinline {display: inline;} .dblock {display: block;} .tright {text-align: right;} .tleft {text-align: left;} .tcenter {text-align: center;} .corners5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .corners5top {-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;} .corners10 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .error, .error-perm, .confirm, .confirm-perm {display: block; margin: 10px 2px; padding: 5px; text-indent: 25px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: left;} .error, .error-perm {background: #FEF1EC url('/assets/images/icons/exclamation-frame.png') no-repeat 8px 5px; border: 1px solid #CD0A0A !important; color: #CD0A0A !important;} .confirm, .confirm-perm {background: #D8FFD3 url('/assets/images/icons/tick-circle-frame.png') no-repeat 8px 5px; border: 1px solid #337C2A !important; color: #337C2A !important;} input.error, select.error {padding: 3px; text-indent: 0; margin: 0; display: inline; background-image: none; background-color: #FEF1EC !important;} .inline-error {color: #CD0A0A;} .inline-confirm {color: #337C2A;} .error p, .confirm p {margin: 0; color: inherit;} .alert {color: red;} .green, .green * {color: #337C2A; font-weight: inherit;} .red, .red * {color: #CD0A0A; font-weight: inherit;} .body h2 {padding: 0 2px; margin: 25px 0 5px 0; font: 300 24px Arial, Helvetica; letter-spacing: -1px; color: #626262; border-bottom: 1px solid #CCC; clear: both;} small, .small {font-size: 10px;} .border {border: 1px solid red;} .background {background-color: red;} .faded {color: #999999;} .transparency {filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;} a.external {background: url('/assets/images/icons/punchout-box.gif') center right no-repeat; padding-right: 13px;} /**** forms ****/ label {margin: 5px 5px 2px 0; display: block;} label.inline {display: inline;} input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select {background-color: #FFF; border: 1px solid #999; padding: 3px;} input[disabled="disabled"], input[readonly="readonly"], select[disabled="disabled"] {background-color: #EEE;} select {padding: 2px;} input.swap {color: #444;} input.focus {color: #9a9a9a;} input.submit {cursor: pointer; border: 1px solid #2b4c7e; background: #557dbb url('/assets/images/forms/submit1.gif') repeat-x top center; color: #FFF; font-weight: 900; padding: 2px; margin: 5px 2px;} a.submit {cursor: pointer; border: 1px solid #2b4c7e; background: #557dbb url('/assets/images/forms/submit1.gif') repeat-x top center; color: #FFF; font-weight: 900; padding: 3px 5px; line-height: 22px; text-decoration: none; margin: 5px 2px;} input.submit2 {cursor: pointer; border: 1px solid #3b6e22; background: #67a54b url('/assets/images/forms/submit2.gif') repeat-x top center; color: #FFF; font-weight: 900; padding: 2px; margin: 5px 2px;} a.submit2 {cursor: pointer; border: 1px solid #3b6e22; background: #67a54b url('/assets/images/forms/submit2.gif') repeat-x top center; color: #FFF; font-weight: 900; padding: 3px 5px; line-height: 22px; text-decoration: none; margin: 5px 2px;} input.submit3 {cursor: pointer; border: 1px solid #565656; background: #838383 url('/assets/images/forms/submit3.gif') repeat-x top center; color: #FFF; font-weight: 900; padding: 2px; margin: 5px 2px;} a.submit3 {cursor: pointer; border: 1px solid #565656; background: #838383 url('/assets/images/forms/submit3.gif') repeat-x top center; color: #FFF; font-weight: 900; padding: 3px 5px; line-height: 22px; text-decoration: none; margin: 5px 2px;} input.fright {margin-left: 5px;} input.fleft {margin-right: 5px;} .form-wide {width: 500px;} .form-skinny {width: 250px;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ /* content */ .box1, .box2 {margin: 10px 0 15px;} .content h2, .content h2 {margin: 10px 0 5px; color: #557DBB; letter-spacing: 0; font: normal normal 900 12px Verdana, Helvetica, Arial, Sans-Serif;} .table1 th, .table1 td {padding: 5px; vertical-align: top; border-bottom: 1px solid #CCC;} .table2 {margin: 5px 0;} .table2 th, .table2 td {padding: 3px; vertical-align: top;} .table2 th {font-weight: 300;} .table2 td {border-top: 1px solid #FFF; border-right: 1px solid #FFF; background-color: #DEDEDE;} .table2 tr.first td {border-top: 5px solid #557DBB;} .image1 {margin: 5px; padding: 3px; border: 1px solid #CCC;} #container {margin: 0 auto; min-height: 100%; position: relative; width: 100%; min-width: 750px;} body {background: #FFFFFF url('/assets/images/bg.gif') repeat-x top center; color: #626262;} #header, .body, #footer {text-align: center;} /* component - search */ #search {position: relative;} #search #sbi {width: 100%; margin-bottom: 3px;} #search #sbb {float: right; position: relative; top: -21px; right: 3%;} /* component - opt-in */ #opt-in-form {margin-bottom: 15px;} #opt-in-form #opt-in {width: 100%;} /* component - socials */ #socials li {float: left;} #socials li a span {display: none;} #socials li a {display: block; background: transparent url('/assets/images/template-sprite.png') no-repeat -180px 0; border-bottom: 1px solid #CCC;} #socials li a#fb {width: 32px; height: 32px; background-position: -180px 5px;} #socials li a#twtr {width: 32px; height: 32px; background-position: -212px 5px;} #socials li a#rss {width: 32px; height: 32px; background-position: -244px 5px;} #socials li a#fb:hover {background-position: -180px 0;} #socials li a#twtr:hover {background-position: -212px 0;} #socials li a#rss:hover {background-position: -244px 0;} /* component - calendar */ #calendar-small {margin-bottom: 25px;} #calendar-small ul li {margin-bottom: 8px;} #calendar-small ul li .date {background-color: #557DBB; color: #FFFFFF; font-weight: bold; padding: 2px;} #calendar-small ul li .name {color: #557DBB; padding: 5px 2px;} #calendar-small ul li .name a {font-weight: bold;} #calendar-small a#view-calendar {display: block; text-align: center;} /* component - adverts */ #adverts ul {margin-top: 10px;} #adverts ul li {margin-bottom: 10px;} /* component - news */ #news li {margin-bottom: 20px;} #news li .date {background-color: #9C9C9C; padding: 1px 3px; margin-right: 4px; font-weight: 900; color: #FFF;} #news h3 {margin-top: 3px;} #news h3 .head {font-weight: 900;} #news p {margin-top: 2px;} /* component - locations */ ul#locations li .date {border: none; letter-spacing: normal; background-color: #DEDEDE; padding: 2px 3px; margin: 5px 0; font-weight: 900; font-size: 12px; color: #4F74AD;} ul#locations li img {margin: 5px; padding: 2px;} ul#locations li #image {margin: 0 5px 5px 0; background-color: #EEE; padding: 4px; border: 1px solid #CCC;} ul#locations h3 {margin-top: 3px; color: #4F74AD; font-weight: 900;} ul#locations h3 .head {font-weight: 900;} ul#locations p {margin-top: 2px;} /* component - admin-menu */ ul#admin-menu {background-color: #EEE; border: 1px solid #CCC; margin-bottom: 10px;} ul#admin-menu li a {display: block; padding: 8px; text-indent: 18px; background: transparent url('/assets/images/icons/application-blue.png') no-repeat 7px 5px; text-decoration: none; border-bottom: 1px solid #CCC;} ul#admin-menu li a:hover, ul#admin-menu li.active a:hover {background-color: #CCC;} ul#admin-menu li.active a {background-color: #FFF;} ul#admin-menu li a#home {background-image: url('/assets/images/icons/home.png');} ul#admin-menu li a#news {background-image: url('/assets/images/icons/newspaper.png');} ul#admin-menu li a#ads {background-image: url('/assets/images/icons/application-blog.png');} ul#admin-menu li a#users {background-image: url('/assets/images/icons/user-business-boss.png');} ul#admin-menu li a#rss {background-image: url('/assets/images/icons/feed.png');} ul#admin-menu li a#schedule {background-image: url('/assets/images/icons/calendar-day.png');} ul#admin-menu li a#locations {background-image: url('/assets/images/icons/map.png');} ul#admin-menu li a#logout {background-image: url('/assets/images/icons/door-open-in.png');} ul#admin-menu li a#sponsors {background-image: url('/assets/images/icons/currency.png');} ul#admin-menu li a#errors {background-image: url('/assets/images/icons/exclamation-frame.png');} ul#admin-menu li.last a {border-bottom: none;} /* component - pagination */ #paging {margin-bottom: 15px; text-transform: uppercase; float: right;} #paging a, #paging .current a {background-color: #FDFDFD; border: 1px solid #BBBBBB; color: #194C8B; margin-left: 3px; padding: 3px 7px; text-decoration: none;} #paging a:hover, #paging .current a {background-color: #CCC; color: #232323;} #paging li {float: left; font-weight: bold;} /* component - socials */ #social-share {line-height: 16px; margin-top: 25px;} #social-share a {background: url("/assets/images/icons/socials.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 16px; margin: 2px 0 0 10px; opacity: 0.75; overflow: hidden; text-indent: -9000px; width: 16px;} #social-share a#twitter {background-position: -80px 0;} #social-share a#facebook {background-position: -144px 0;} .type-solo {background-color: #f8873c; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-rallycross {background-color: #5ba22a; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-pdx {background-color: #b53828; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-road-race {background-color: #0476bf; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-rev-record {background-color: #f4be38; padding: 1px 5px; font-weight: 900; color: #444; text-decoration: none;} .type-rally, .type-road-rally {background-color: #5ba22a; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-meeting {background-color: #486d9a; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-wor {background-color: #6f767e; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-website {background-color: #f8873c; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-social {background-color: #f4be38; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-scca {background-color: #0c6baf; padding: 1px 5px; font-weight: 900; color: #FFF; text-decoration: none;} .type-alert {background-color: #d1081a; padding: 0 3px; font-weight: 900; color: #FFF; text-decoration: none; border: 2px solid #FFF; -moz-box-shadow: 0 0 5px #000; font-size: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .file a {background: transparent url('/assets/images/icons/txt.png') no-repeat center left; padding: 5px 0 5px 20px;} .file .pdf {background: transparent url('/assets/images/icons/pdf.png') no-repeat center left; padding: 5px 0 5px 20px;} .file .doc {background: transparent url('/assets/images/icons/doc.png') no-repeat center left; padding: 5px 0 5px 20px;} .file .txt {background: transparent url('/assets/images/icons/txt.png') no-repeat center left; padding: 5px 0 5px 20px;} .file .xls, .csv {background: transparent url('/assets/images/icons/xls.png') no-repeat center left; padding: 5px 0 5px 20px;} .file .gif, .file .png, .file .bmp {background: transparent url('/assets/images/icons/gif.png') no-repeat center left; padding: 5px 0 5px 20px;} .file .jpg, .file .jpeg {background: transparent url('/assets/images/icons/jpg.png') no-repeat center left; padding: 5px 0 5px 20px;} .innertube {text-align: left; margin: 0 auto; width: 100%; max-width: 1200px; padding-bottom: 10px; position: relative;} #ggplsone {position: absolute; top: 95px; right: -80px;} #header #logo {float: left; position: relative; width: 25%; height: 145px; margin: 0; background: transparent url('/assets/images/logo-bg.png'); background-size: 100% 150px;} #header #logo a {display: block; height: 145px; text-align: center;} #header #logo a img {width: 100%; max-width: 250px;} #header #nav {margin-top: 5px; margin-left: 25%;} #header ul#main-nav {height: 85px;} #header ul#main-nav li {z-index: 50; position: relative; width: 25%; float: left;} #header ul#main-nav li a {display: block; width: 150px; height: 85px; background: transparent url('/assets/images/template-sprite.png') no-repeat 0 -155px; text-indent: -9999px;} #header ul#main-nav li a#solo {background-position: 0 -150px;} #header ul#main-nav li a#pdx {background-position: 0 -236px;} #header ul#main-nav li a#rally {background-position: -177px -150px;} #header ul#main-nav li a#roadrace {background-position: -177px -236px;} #header ul#main-nav li ul {visibility: hidden; position: absolute; top: 85px; left: 0; border: 1px solid #626262; width: 100%; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; background: #FFF;} #header ul#main-nav li ul li {width: 100%;} #header ul#main-nav li ul li.head {background-color: #626262; padding: 2px; color: #FFF; font-weight: 900;} #header ul#main-nav li ul li a {background-image: none; height: auto; width: auto; display: block; border-bottom: 1px solid #D9D9D9; padding: 5px; font-weight: 900; text-indent: 0; text-decoration: none;} #header ul#main-nav li ul li a:hover {background: #CCCCCC;} #header ul#sub-nav {height: 28px;} #header ul#sub-nav li {float: left; border-right: 1px solid #FFFFFF;} #header ul#sub-nav li a {display: block; font: normal normal 900 12px Verdana, Arial, Sans-Serif; padding: 6px 10px; background-color: #D9D9D9; color: #626262;text-decoration: none;} #header ul#sub-nav li a.enhanced {background-color: #557DBB; color: #F7F7F7;} #header ul#sub-nav li a:hover {background-color: #F7F7F7; color: #626262;} #header ul#breadcrumb {padding: 6px 0; font-size: 90%;} #header ul#breadcrumb li {float: left;} #header ul#breadcrumb li:before {content: "\2009\003E\2009";} .body {padding-bottom: 124px;} .body #left-col, .body #center-col, .body #center-col-wide, .body #right-col {float: left; padding: 0; margin: 0 1%;} .body #center-col, .body #center-col-wide, .body #right-col {float: right;} .body #left-col {min-width: 170px; width: 23%;} .body #center-col , /*{min-width: 460px; width: 50%;}*/ .body #center-col-wide {min-width: 540px; width: 73%;} .body #right-col {min-width: 120px; width: 22%;} #solo-index-page #subnav img, #pdx-index-page #subnav img, #rallycross-index-page #subnav img, #roadrace-index-page #subnav img, #meetings-page #center-col img {width: 100%;} #footer {background-color: #757575; border-top: 2px solid #444; position: absolute; bottom: 0; height: 124px; width: 100%;} #footer .innertube {padding: 15px; text-align: center; font: normal normal 300 11px Verdana, Arial, Sans-Serif;} #footer .innertube * {font: normal normal 300 11px Verdana, Arial, Sans-Serif; color: #D9D9D9;} #footer .innertube a {font-weight: 900;} #footer .innertube #scca-links li {float: left; padding: 3px 55px 10px;} #footer .innertube #scca-links li a span {display: none;} #footer .innertube #scca-links li a {display: block; background: transparent url('/assets/images/template-sprite.png') no-repeat -180px 0;} #footer .innertube #scca-links li a#scca {width: 86px; height: 30px; background-position: -180px -32px;} #footer .innertube #scca-links li a#solo {width: 60px; height: 30px; background-position: -180px -92px;} #footer .innertube #scca-links li a#rally {width: 100px; height: 9px; background-position: -180px -122px;} #footer .innertube #scca-links li a#club {width: 71px; height: 30px; background-position: -180px -62px;} /* page - mailing */ #mailing input[type="text"]:focus {background-color: #FFFF8C; border: 1px solid #999; padding: 3px;} /* page - rev record */ #rev_record-index-page .issues {float: left; width: 58%; margin-right: 2%;} #rev_record-index-page .instructions {float: left; width: 40%;} /* page - schedule */ #year-selector {margin: 5px 0 5px 5px;} /* page - rules */ #rules ul {display: block; list-style-type: disc; margin: 1em 0; padding-left: 20px;} #rules ol {display: block; list-style-type: decimal; margin: 1em 0; padding-left: 20px;} #rules li {display: list-item;} #rules ol ul, #rules ul ul {list-style-type: circle;} #rules ol ol ul, #rules ol ul ul, #rules ul ol ul, #rules ul ul ul {list-style-type: square;} /* page - news */ div#news-story ul {list-style-image: none; list-style-position: inside; list-style-type: disc;} div#news-story ol {list-style-position: inside;} /* page - sponsors */ ul#sponsor-listing {overflow: hidden; overflow-wrap: break-word; word-wrap: break-word;} ul#sponsor-listing li {float: left; width: 31%; margin: 10px 1% 10px 10px; padding: 10px; border: 10px solid #fff; min-width: 200px; min-height: 500px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); background: #f6f6f6; position: relative;} ul#sponsor-listing li h2 a {text-indent: -9999px; background: transparent no-repeat center center; display: block; width: 100%; height: 100px;} ul#sponsor-listing li h3 {padding: 5px; border: 1px solid #ccc; font-size: 125%; line-height: 125%; text-align: center; background: #fff;} ul#sponsor-listing li h3 b {font-weight: 900; color: #FF0000; font-family: Arial, Helvetica, Verdana;} ul#sponsor-listing li .offer-flag {height: 29px; width: 78px; background: transparent url('/assets/images/icons/offer.png') no-repeat top left; display: block; position: absolute; top: 7px; left: -15px; text-indent: -9999px;} /* page - solo pax */ #solo-pax-page .table2 tr:hover td {background-color: #444; color: #fff;} /* main-promo element on homepage */ #main-promo {margin-bottom: 15px;} #rewards-page table {width: 100%; margin: 20px 0;} #rewards-page fieldset div {float: left; margin-right: 3%; width: 47%;} #rewards-page fieldset div input {width: 100%;} #adminW0R-rewards-page table a {margin-right: 5px;} #adminW0R-rewards-page table a:last-child {margin-right: 0;} /* carousel, currently only on homepage */ #index-page .carousel div {position: relative;} #index-page .carousel div img {width: 100%;} #index-page .carousel div div.text {position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; background-color: rgba(0, 0, 0, 0.5); color: #fff;} #index-page .carousel div div.text h3 {font-weight: 900; font-size: 20px;} #index-page .carousel div div.text a {color: #444; background: #fff; border-radius: 5px; padding: 5px; text-decoration: none;} #index-page .carousel .slick-prev, #index-page .carousel .slick-next {z-index: 45;} #index-page .carousel .slick-next {right: 3%;} #index-page .carousel .slick-prev {left: 3%;} /* plugin - jquery tipsy tooltip */ .tipsy {padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url('/assets/images/plugins/tipsy.gif');} .tipsy-inner {padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center;} .tipsy-north {background-position: top center;} .tipsy-south {background-position: bottom center;} .tipsy-east {background-position: right center;} .tipsy-west {background-position: left center;} /* plugin - jquery jHtmlArea WYSIWIG */ div.jHtmlArea { display: inline block; } div.jHtmlArea div iframe { border: 1px solid #999; } div.jHtmlArea div { padding: 0px; margin: 0px; } div.jHtmlArea .ToolBar { } div.jHtmlArea .ToolBar ul { border: solid 1px #ccc; margin: 1px; padding: 1px; float: left; background: #fff url('/assets/images/plugins/jHtmlArea_Toolbar_Group_BG.png') repeat-x;} div.jHtmlArea .ToolBar ul li { list-style-type: none; float: left; border: none; padding: 1px; margin: 1px; } div.jHtmlArea .ToolBar ul li:hover { border: solid 1px #ccc; background: #ddd url('/assets/images/plugins/jHtmlArea_Toolbar_Group__Btn_Select_BG.png'); padding: 0; } div.jHtmlArea .ToolBar ul li a { display: block; width: 16px; height: 16px; background: url('/assets/images/plugins/jHtmlArea.png') no-repeat -16px -500px; border: none; cursor: pointer; padding: 0px; } div.jHtmlArea .ToolBar ul li a.highlighted { border: solid 1px #aaa; background-color: #bbb; padding: 0; } div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;} div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;} div.jHtmlArea .ToolBar ul li a:hover { } div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; } div.jHtmlArea .ToolBar ul li a.italic { background-position: -16px 0; } div.jHtmlArea .ToolBar ul li a.underline { background-position: -32px 0; } div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -48px 0; } div.jHtmlArea .ToolBar ul li a.link { background-position: -64px 0; } div.jHtmlArea .ToolBar ul li a.unlink { background-position: -80px 0; } div.jHtmlArea .ToolBar ul li a.orderedlist { background-position: -96px 0; } div.jHtmlArea .ToolBar ul li a.unorderedlist { background-position: -112px 0; } div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; } div.jHtmlArea .ToolBar ul li a.cut { background-position: -144px 0; } div.jHtmlArea .ToolBar ul li a.copy { background-position: -160px 0; } div.jHtmlArea .ToolBar ul li a.paste { background-position: -176px 0; } div.jHtmlArea .ToolBar ul li a.html { background-position: -192px 0; opacity:0.6; filter:alpha(opacity=60);} div.jHtmlArea .ToolBar ul li a.html.highlighted { opacity:1.0; filter:alpha(opacity=100);} div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;} div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;} div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;} div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;} div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;} div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;} div.jHtmlArea .ToolBar ul li a.subscript { background-position: -96px -16px;} div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;} div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;} div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;} div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;} div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;} div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;} div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;} div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;} div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;} div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;} div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;} /* ColorBox Core Style - Do Not Change - http://colorpowered.com/colorbox/*/ #colorbox, #cboxOverlay, #cboxWrapper {position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden;} #cboxOverlay {position: fixed; width: 100%; height: 100%;} #cboxMiddleLeft, #cboxBottomLeft {clear: left;} #cboxContent {position: relative; overflow: hidden;} #cboxLoadedContent {overflow: auto;} #cboxLoadedContent iframe {display: block; width: 100%; height: 100%; border: 0;} #cboxTitle {margin: 0;} #cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute; top: 0; left: 0; width: 100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;} /* ColorBox User Style - May Change */ #cboxOverlay {background: url('/assets/images/plugins/colorbox/overlay.png') 0 0 repeat;} #colorbox {} #cboxTopLeft {width: 21px; height: 21px; background: url('/assets/images/plugins/colorbox/controls.png') -100px 0 no-repeat;} #cboxTopRight {width: 21px; height: 21px; background: url('/assets/images/plugins/colorbox/controls.png') -129px 0 no-repeat;} #cboxBottomLeft {width: 21px; height: 21px; background: url('/assets/images/plugins/colorbox/controls.png') -100px -29px no-repeat;} #cboxBottomRight {width: 21px; height: 21px; background: url('/assets/images/plugins/colorbox/controls.png') -129px -29px no-repeat;} #cboxMiddleLeft {width: 21px; background: url('/assets/images/plugins/colorbox/controls.png') left top repeat-y;} #cboxMiddleRight {width: 21px; background: url('/assets/images/plugins/colorbox/controls.png') right top repeat-y;} #cboxTopCenter {height: 21px; background: url('/assets/images/plugins/colorbox/border.png') 0 0 repeat-x;} #cboxBottomCenter {height: 21px; background: url('/assets/images/plugins/colorbox/border.png') 0 -29px repeat-x;} #cboxContent {background: #fff;} #cboxLoadedContent {margin-bottom: 28px;} #cboxTitle {position: absolute; bottom: 3px; left: 0; text-align: center; width: 100%; color: #949494;} #cboxCurrent {position: absolute; bottom: 3px; left: 58px; color: #949494;} #cboxSlideshow {position: absolute; bottom: 3px; right: 30px; color: #0092ef;} #cboxPrevious {position: absolute; bottom: 0; left: 0px; background: url('/assets/images/plugins/colorbox/controls.png') -75px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px;} #cboxPrevious.hover {background-position: -75px -25px;} #cboxNext {position: absolute; bottom: 0; left: 27px; background: url('/assets/images/plugins/colorbox/controls.png') -50px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px;} #cboxNext.hover {background-position: -50px -25px;} #cboxLoadingOverlay {background: url('/assets/images/plugins/colorbox/loading_background.png') center center no-repeat;} #cboxLoadingGraphic {background: url('/assets/images/plugins/colorbox/loading.gif') center center no-repeat;} #cboxClose {position: absolute; bottom: 0; right: 0; background: url('/assets/images/plugins/colorbox/controls.png') -25px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px;} #cboxClose.hover {background-position: -25px -25px;} /* ColorBox Fix For IE6 - Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/images/plugins/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/images/plugins/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/images/plugins/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/images/plugins/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/images/plugins/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/images/plugins/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/images/plugins/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight {background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/images/plugins/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* plugin - jquery date picker */ table.jCalendar {border: 1px solid #000; background: #aaa; border-collapse: separate; border-spacing: 2px;} table.jCalendar th {background: #333; color: #fff; font-weight: bold; padding: 3px 5px;} table.jCalendar td {background: #ccc; color: #000; padding: 3px 5px; text-align: center;} table.jCalendar td.other-month {background: #ddd; color: #aaa;} table.jCalendar td.today {background: #666; color: #fff;} table.jCalendar td.selected {background: #f66; color: #fff;} table.jCalendar td.selected.dp-hover {background: #f33; color: #fff;} table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {background: #fff; color: #000;} table.jCalendar tr.selectedWeek td {background: #f66; color: #fff;} table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background: #bbb; color: #888;} table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {background: #bbb; color: #888;} /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ a.dp-choose-date {float: right; width: 16px; height: 16px; padding: 0; margin: 0 3px; display: block; text-indent: -2000px; overflow: hidden; background: url('/assets/images/icons/calendar-day.png') no-repeat;} a.dp-choose-date.dp-disabled {background-position: 0 -20px; cursor: default;} div.dp-popup {position: relative; background: #ccc; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em;} div#dp-popup {position: absolute; z-index: 199;} div.dp-popup h2 {font-size: 12px; text-align: center; margin: 2px 0; padding: 0;} a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display: block;} a#dp-close:hover {text-decoration: underline;} div.dp-popup a {color: #000; text-decoration: none; padding: 3px 2px 0;} div.dp-popup div.dp-nav-prev {position: absolute; top: 2px; left: 4px; width: 100px;} div.dp-popup div.dp-nav-prev a {float: left;} /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;} div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;} div.dp-popup div.dp-nav-next {position: absolute; top: 2px; right: 4px; width: 100px;} div.dp-popup div.dp-nav-next a {float: right;} div.dp-popup a.disabled {cursor: default; color: #aaa;} div.dp-popup td {cursor: pointer;} div.dp-popup td.disabled {cursor: default;} @media all and (max-width: 767px) { #container, .body #center-col, .body #center-col-wide {min-width: 0; width: 98%;} #header {margin-bottom: 2%;} #header #logo {width: 100%; float: none;} #header #nav {margin: 0;} #header ul#main-nav li, #header ul#sub-nav li {width: 100%; float: none; border: 0; border-bottom: 1px solid #eee;} #header ul#main-nav li a, #header ul#sub-nav li a {background: none; padding: 4px; font-weight: 300; text-indent: 0; text-transform: capitalize; height: auto; width: 100%; text-decoration: none;} #header ul#main-nav, #header ul#sub-nav {height: auto;} #header ul#main-nav li ul, #breadcrumb, #search {display: none !important;} .innertube {width: 100%;} #footer .innertube {background: #757575;} #left-col #calendar-small ul li .date {background: #d9d9d9; color: #626262;} #left-col #calendar-small ul li .name {color: #626262;} #left-col #calendar-small ul li .name a {font-weight: 300;} .body #left-col {float: right; width: 98%;} #header #menu {text-decoration: none; display: block; border: 1px solid #d9d9d9; background: #f7f7f7 url('/assets/images/menu/menu-icon.png') no-repeat 10px center; text-indent: 30px; padding: 10px; margin: 25px 0 0;} #header #menu.active {background-color: #fff;} #rev_record-index-page .issues, #rev_record-index-page .instructions {float: none; width: 100%; margin: 15px 0 0;} #rev_record-index-page img {float: none;} #rev_record-index-page #rev-record form {display: none;} #officers-page form, #officers-page #officer-table th {display: none;} #officers-page #officer-table td {display: block; width: 100%; background: #fff;} #officers-page #officer-table td:first-child {font-weight: 600; border-bottom: 1px solid #444;} #officers-page #officer-table td:last-child {padding-bottom: 10px;} #officers-page #officer-table tr {margin-bottom: 5px;} #sponsors-page ul#sponsor-listing li {width: 93%; min-height: 0;} #mailing-page #signup-form td {display: block; width: 100%; border: 0;} #news h3 .head {font-weight: 300;} #news ul li p {display: none;} #index-page #news ul li p {display: block;} #year-selector {display: none;} #racing-schedule-page .box2 {padding: 0;} #racing-schedule-page table th {display: none;} #racing-schedule-page table td {display: block; border: 0; background: #fff;} #racing-schedule-page tr.first td:first-child {background: #dedede; border-top: 5px solid #557dbb;} #racing-locations-page #locations #image {float: none !important;} #racing-locations-page #locations table {display: none;} } @media all and (min-width: 767px) { #header #menu {display: none;} .body #left-col h2 {font-size: 18px;} }