@charset "utf-8";
/* CSS Document */

header { height: 180px; top: 42px; }
/*header .social-connect { position: absolute; right: 0; bottom: -7px; z-index:9; }*/
#banner-inner { position: absolute; left: 0; top: 42px; width: 100%; height: 180px; background: url(../images/banner-inner.jpg) center top no-repeat; border-bottom: 3px solid #d7df21; }

#container { width: 1150px; margin: 0 auto; padding: 100px 0 60px; background: url(../images/content-bg.png) left 250px no-repeat; }
.content { width: 980px; margin: 0 auto; }
.content h1 { font-family: 'robotolight', sans-serif; font-size: 40px; font-weight: normal; color: #d7df21; text-transform: uppercase; }

.sublinks { border-bottom: 1px solid #d7df21; padding: 15px 0; }
.sublinks ul { margin: 0 0 0 15px !important; padding: 0; list-style: none; }
.sublinks ul li { font-family: 'robotoregular', sans-serif; font-size: 18px; margin: 0 0 10px 0; }
.sublinks ul li a { color: #fff; }
.sublinks ul li a:hover { text-decoration: none; color: #d7df21; }
.sublinks ul li a.active { font-family: 'robotobold', sans-serif; color: #d7df21; }

.content .left { float: left; width: 690px; }
.content .right.right-panel { float: right; width: 250px; border: 1px solid #d7df21; }
.right-nav.stick { position: fixed; top: 0; z-index: 8; width: 250px; border: 1px solid #d7df21; margin-left: -1px; }

.content .left.full {width: 100%;}
.content .left.full .slider-outer.left, .content .left.full .slider-outer.right {float: none; max-width: 690px; margin: 0 auto 30px;}

.content p.big { font-family: 'robotoregular', sans-serif; font-size: 18px; line-height: 26px; }
.content h2 { font-family: 'robotomedium', sans-serif; font-size: 18px; font-weight: normal; margin: 15px 0 23px; }
.content h2 span { font-size: 24px; color: #d7df21 }
.content h3 { font-family: 'robotoregular', sans-serif; font-size: 18px; font-weight: normal; color: #d7df21; margin: 15px 0 23px; }
.content h3 span { font-size: 14px; color: #fff; }
.content h4 { font-family: 'robotomedium', sans-serif; font-size: 30px; font-weight: normal; color: #d7df21; line-height: 30px; }
.content p, .content ol, .content ul { font-size: 16px; line-height: 24px; }
.content p span { color: #d7df21; }
.content .bottom-pic { margin-left: -65px; }
.content .pic { border-bottom: 3px solid #d7df21; border-top: 3px solid #d7df21; }
.content ul, .content ol { margin-left: 25px; }
.content p a { color: #fff; text-decoration: underline; }
.content p a:hover { color: #b9c709; text-decoration: none; }
.content .medium { font-size: 16px; line-height: 22px; }

.circle { text-align: center; padding: 28px 0; }
.circle span { display: table-cell; width: 288px; height: 286px; vertical-align: middle; text-align: center; font-family: 'robotobold'; font-size: 24px; color: #261d15; text-transform: uppercase; line-height: 30px; }
.circle a { color: #261d15; }
.circle a:hover { text-decoration: none; }

table.datatable { color:#333333; border-bottom: 2px solid #D7DF21; border-collapse: collapse; width: 100%; }
table.datatable th { background:#B9C708; border: 1px solid #D7DF21; padding: 8px; font-weight: normal; color: #462C15; }
table.datatable tr { }
table.datatable td { border: 1px solid #D7DF21; padding: 5px; color: #fff; font-size: 16px; }
table.datatable td ul { font-size: 16px; }
table.datatable tr.alt{ background-color:#4e5127}
table.datatable tr.top3{ background-color:#838c11;}

.countdown { padding: 25px 15px; border-bottom: 1px solid #d7df21; text-align: center; }
.countdown h4 { color: #d7df21; font-size: 8.38px; font-weight: normal; letter-spacing: 13px; text-transform: uppercase; }
.countdown ul { list-style: none; margin: 10px 0 25px; padding: 0; }
.countdown ul li { display: inline-block; font-size: 20px; text-transform: uppercase; width: 23%; color: #dfdd00; }
.countdown ul li span { display: block; font-size: 10px; color: #fff; }

.gps-enabled { font-family: 'robotomedium'; font-size: 14px; color: #e4e92c; text-transform: uppercase; border-top: 1px solid #dfdd00; padding: 25px 0; }
.gps-enabled span { float: left; background: url(../images/gps-icon.png) left center no-repeat; width: 52px; height: 52px; margin-right: 10px; }

.content ul.gps-race { display: table; margin: 0; padding: 0; list-style: none; border-collapse: collapse; }
.content ul.gps-race li { display: table-cell; width: 266px; padding: 15px; vertical-align: middle; border: 1px solid #d7df21; }

.content .note { font-size: 13px; line-height: 17px; }

.content .right.right-panel .info-number { position: inherit; border-width: 1px 0 0 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; padding-top: 25px; }
.content .right.right-panel .info-number span { display: block; }

#top .info-number { display: none; }

/* Form */
.form{ margin: 0 auto; }
.accordion { border: 1px solid #d7df21; }
.accordion .accordion-title { background: #b9c708; color: #462c15; padding: 8px; }
.accordion .form-error { padding: 15px; text-align: center; }
.accordion p.info { padding: 15px; font-size: 12px; margin: 0; color: #d7df21; text-align: center; }
form .control { margin-bottom: 15px; padding: 0 15px; }
form .control .left { width: 25%; text-align: right; }
form .control .right { width: 73%; }
form .alt { background-color: rgba(22,15,9,0.5); padding: 15px 0 5px; margin-bottom: 15px; }
form .control div.info { margin-top: 5px; font-size: 11px; color: #d7df21; }
form .control div.error { color: #fff; margin-top: 5px; font-size: 11px; }
form .control span.mandatory { color: #ff0000; }
form .control label { margin-right: 10px; }
form .control input[type=text], form .control input[type=file], form .control textarea, form .control select, form .control .text { width: 100%; border: 1px solid #cfcfcf; font-size: 13px; padding: 0px 15px; color: #271F16; background-color: #fff; position: relative; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form .control input[type=text], form .control input[type=file], form .control input[type=submit], form .control input[type=button], form .control input[type=reset], form .control select { height: 33px; line-height: 33px; }
form .control input[type=submit], form .control input[type=reset], form .control input[type=button] { padding: 0 15px; }
form .control input[type=text].error, form .control input[type=password].error, form .control textarea.error, form .control select.error { border: 1px solid #ff0000; box-shadow: 0 0 5px #ffbbb6; }
form .control.disabled input[type=text], form .control.disabled input[type=password], form .control.disabled textarea, form .control.disabled select { color: #ddd; border-color: #ededed; box-shadow: none; }
form .control.disabled div.error { display: none; }
form .control input:focus, form .control textarea:focus, form .control select:focus, form .control .text:hover { box-shadow: 0 0 5px #B9C708; }
form .control textarea { padding: 15px; }
form .control select { padding: 6px 10px 7px 10px; }
form .control select.over { border-radius: 0px; width: auto; }
form .control ::-webkit-input-placeholder { }
form .control ::-moz-placeholder { }
form .control :-ms-input-placeholder { }
form .control input:-moz-placeholder, form .control textarea:-moz-placeholder { }
form .control .disabled::-webkit-input-placeholder { color: #ccc; }
form .control .disabled::-moz-placeholder { color: #ccc; }
form .control .disabled:-ms-input-placeholder { color: #ccc; }
form .control input.disabled:-moz-placeholder, form .control textarea.disabled:-moz-placeholder { color: #ccc; }
form .control select.default { color: #b0b0b0; }
form .control select.default option { color: #5f6a7d; }
form .control select option[default] { color: #b0b0b0; }
form .control .text { background: #f7f7f7; }
form .control input[type=checkbox], form .control input[type=radio] { margin-right: 5px; }

form .control input[type=submit], form .control input[type=button] { background: #B9C708; cursor: pointer; margin: 0; border: 0; text-transform: uppercase; color: #3B3E40; }
form .control input[type=submit]:hover, form .control input[type=button]:hover { background: #d7df21; }

form input[type=button], form input[type=submit] { margin-top1: 25px; }

form .control .overlap .over { position: absolute; right: 2px; top: 0; width: auto; }
form .control .overlap .captcha .refresh { float: right; height: 23x; width: 38px; cursor: pointer; background: #D7DF21; text-align: center; padding: 4px 0 0; }

form .control .overlap { position: relative; }
form .control .overlap .captcha { position: absolute; right: 0px; top: 0px; border-left: 1px solid #000; height:33px; }
form .control .overlap .captcha #imgCaptcha { height: 33px; }

form .browse { position: relative; cursor: pointer; }
form .browse .hide { opacity: 0; filter: alpha(opacity=0); position: absolute !important; z-index: 2; width: 100%; height: 30px; }
form .browse .show { left: 0; position: relative; top: 0; z-index: 1; }
form .browse .action { position: absolute; right: -1px; top: 0; background: #B9C708; color: #462c15; padding: 0px 10px; height: 33px; line-height: 33px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
form .browse:hover .action { background: #d7df21; }
form .browse:focus input { box-shadow: 0 0 5px #ffbbb6; }

.discount-note { padding: 5px 20px; color: #B9C708; font-style: italic; font-size: 90%; }

.success p b, .success ul li b { color: #d7df21; font-weight: 500; }
.success ul { list-style: none; margin: 0; padding: 0; }
.success ul li { border-bottom: 1px dotted #fff; padding: 20px 0; text-align: left; }
.success ul li:last-child { border-bottom: none; }
.success ul li .icon { float: left; margin: 0 15px 0 0; width: 60px; }
.success ul li .pay-content { float: left; width: 614px; }
.success ul li .subline { font-size: 14px; }

#frmMakePayment { width: 350px; margin: 0 auto; padding: 15px; }
#txtRNo { margin-top: 5px; }

/* #faqs-container */
#faqs-container .accordion-outer { margin-bottom: 6px; transition: box-shadow 0.2s ease 0s; padding: 10px 0; }
#faqs-container .accordion { font-size: 18px; font-weight: 400; margin: 0; padding: 10px 72px 10px 24px; cursor: pointer; position: relative; color: #462c15; background: #b9c708; }
#faqs-container .accordion-outer div.active span:before { content: "-"; }
#faqs-container .accordion-outer .accordion span:before { color: #673846; content: "+"; font-size: 22px; position: absolute; right: 10px; text-align: center; top: 7px; width: 30px; }
#faqs-container .container { padding: 0 24px 30px; border: 1px solid #d7df21; }
#faqs-container .container p:last-child { margin-bottom: 0; }

.rd-pic { float: right; margin-left: 50px; margin-top: 50px; width: 200px; }

.slider-outer{width:100%; }
.content .slider-outer.left{width:100%; margin:0 20px 30px 0;}
.content .slider-outer.right{margin:0 0 30px 20px;}
.content .slider-outer ul{ margin:0;}
.content .slider-outer .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: inherit; bottom: 0; }

/**/
h4.sch-title { font-size: 15px; background: #89495D; color: #edd077; padding: 5px 15px; margin: 25px auto; text-align: center; display: inline-block; text-transform: none; }
.schedule-container { display: table; border: 1px solid #c8a06c; width: 100%; margin-top: -1px; }
.schedule-time { display: table-cell; width: 20%; vertical-align: top; background: #E3C672; color: #89495D; text-align: center; font-size: 18px; }
.schedule-details { display: table-cell; width: 80%; padding: 2%; }
.schedule-details ul { margin: 0 0 0 20px; padding: 0; }
.schedule-details ul li { font-size: 16px; margin-bottom: 5px; line-height: 20px; }
.schedule-details p { font-size: 16px; line-height: 20px; }

ul.media-coverage { margin: 0; padding: 0; list-style: none; }
ul.media-coverage li { float: left; width: 215px; margin: 0 22px 22px 0; font-size: 14px; line-height: normal; }
ul.media-coverage li img { border: 1px solid #fff; }
ul.media-coverage li:hover img { border: 1px solid #d7df21; }

ul.media-coverage.full { margin-top: 20px; }
ul.media-coverage.full li { width: 230px; margin: 0 20px 20px 0; }

.online-media-coverage { border-bottom: 1px dotted #ccc; padding: 15px 0; }
.online-media-coverage:first-of-type { padding-top: 0px; }
.online-media-coverage:last-of-type { border-bottom: none; }

.photo { width: 130px; float: left; margin: 0px 20px 20px 0; font-size: 11px; line-height: normal; text-align: center; }
.photo img { border: 1px solid #dfdd00; display: block; margin: 0 auto 2px; width: 120px; border: 1px solid #c5a850; }

.msg-content {margin-left:150px;}

ul.tabs { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top;}
ul.tabs li {float: left; overflow:hidden; position:relative; color: #eee; font-size: 16px; border-radius: 4px 4px 0 0; margin-right: 5px;}
ul.tabs li a { padding: 10px 25px; display: block; text-decoration: none; color: #eee; }
ul.tabs li a:hover { background: #000; color: #eee; }
ul.tabs li.active, ul.tabs li.active a, ul.tabs li.active a:hover { background: #DFDD00; color: #281F17; }

.tab-container { padding: 20px; position: relative; min-height: 117px; background-color: rgba(0, 0, 0, 0.3); border-top: 1px solid #DFDD00; clear: both;}