﻿#breadcrumb { border-bottom: 1px solid #EAEAEA; background: #FBFBFB; }

ul.breadcrumb { margin: 0; padding: 0; list-style: none; height: 40px; line-height: 40px; }
ul.breadcrumb li { display: inline-block; color: #373737; font-size: 12px; }
ul.breadcrumb li:before { content: '»'; margin: 0 7px; }
ul.breadcrumb li:first-child:before { content: ''; margin: 0; }
ul.breadcrumb li a { color: #373737; }
ul.breadcrumb li a:hover { color: #DA251C; text-decoration: none; }

#container { padding: 35px 0; min-height: 400px; -moz-box-shadow:0 10px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.1); box-shadow:0 10px 10px rgba(0, 0, 0, 0.1); }

#content { float: left; width: 740px; border-right:1px solid #cecece; padding-right:40px; }
#content h1 { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 900; color: #373737; text-transform: uppercase; margin-bottom: 35px; }
#content h1 span { border-bottom: 4px solid #da251c; }
#content h2 { font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 900; color: #DA251C; }
#content a:hover{ color:#da251c;}
#content .highlight { color: #DA251C; }

#sidebar { float: right; width: 185px;  }

#content.full-width {border-right:none; padding:0; width:100%;}

#sidebar ul { list-style: none; margin: 15px 0; padding: 0; }
#sidebar ul li { transition: all 0.2s ease-in-out 0s; margin-bottom: 3px; font-size: 90%; }
#sidebar ul li a { background:#373737; color: #ffffff; display: block; padding: 4px 15px; text-decoration: none; }
#sidebar ul li:hover a,#sidebar ul li.active a { background:#da251c; }


/* #faqs-container */
.accordion-outer { margin-bottom: 6px; transition: box-shadow 0.2s ease 0s; }
.accordion { font-weight: 700; margin: 0; padding: 7px 72px 7px 0; cursor: pointer; position: relative; border-bottom: 1px solid #eaeaea; }
.accordion .arrow { width: 26px; height: 4px; position: absolute; right: 0; top: 15px; cursor: pointer; }
.accordion .arrow:before, .accordion .arrow:after { content: ''; position: absolute; top: 0; width: 13px; height: 2px; display: block; background: #DA251C; transition: 0.3s transform; }
.accordion .arrow:before { transform: rotate(-45deg); right: 4px; }
.accordion .arrow:after { transform: rotate(45deg); }
.accordion.active .arrow:before { transform: rotate(45deg); right: 4px; }
.accordion.active .arrow:after { transform: rotate(-45deg); }

.container { padding: 0 0 30px; }
.container p:last-child { margin-bottom: 0; }

.photos .cell.sep {width: 20px;}
.photos .row.blank { height: 20px;}
.photos .item {overflow: hidden; position: relative; text-align: center; width: 220px;height1:150px; vertical-align: top;}
.photos .item a { position: relative; width: 220px; height:150px; display: block; }
.photos .item .caption { margin: 5px 0 20px; color: #af5b19; font-weight: 600; }
.photos .item a span.overlay { opacity:0; width:220px; height:150px; position:absolute; top:0; left:0; background:rgba(0,0,0,.5); -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;transition: all .3s ease-in; }
.photos .item a span.title { display:block;text-align:left; color:#fff; padding:20px; font-size:90%;}
.photos .item a span.icon { opacity:0; position:absolute; right:10px; bottom:10px; width:25px; height:25px; line-height:25px; font-weight:600; text-align:center; background:#fff; background-image:url(../images/zoom-small.png); background-repeat:no-repeat; background-position:center center; border-radius:50%; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;transition: all .3s ease-in; }
.photos .item a:hover span.overlay { opacity:1; }
.photos .item a:hover span.icon { opacity:1; }


table.datatable { color:#333333; border-bottom: 2px solid #eaeaea; border-collapse: collapse; width: 100%; }
table.datatable th { background:#373737; color: #fff; border: 1px solid #eaeaea; padding: 8px; font-weight: normal; }
table.datatable td { border: 1px solid #eaeaea; padding: 8px; vertical-align: top; }

.updates-section .inner-block{ border-bottom: 1px solid #ddd; padding: 10px 0; margin-bottom:10px;}
.updates-section .details.no-pic { margin: 0;}
.updates-section p { color: #5c6365; margin:0 0 10px 0;}
.updates-section p.date{ color:#000; font-size:90%;}
.updates-section h3 { margin:10px 0;}
.updates-section h3 a{  font-size: 110%; font-weight: 600; margin-bottom: 10px;}
.updates-section h3 a:hover{color: #da251c; text-decoration:none; }

#pagination{ margin:20px 0;}

ul.gallery{ margin:0; padding:0; list-style-type:none;}
ul.gallery li{ width:219px; margin:0 20px 20px 0; float:left;}
ul.gallery li.last{ margin:0 0 20px 0;}
ul.gallery li img{ display:block; margin:0 auto; max-width:100%; border:1px solid transparent;}
ul.gallery li a {text-decoration:none;}
ul.gallery li a:hover{color:#da251c} 
ul.gallery li .print-media {font-size:12px; font-weight:600;}
ul.gallery li .date {font-size:11px;}
ul.gallery li a:hover img {border:1px solid #da251c;}

.digital-media-list{border-bottom: 1px solid #ddd;  margin-bottom:10px;}
.digital-media-list .digital-media-pubdate{ color:#000; font-size:90%;}
.digital-media-list .digital-media-sdetails a{ color:#fff !important; background:#da251c; padding:5px 10px; display:inline-block; margin:10px 0 0 0; text-decoration:none;}
.digital-media-list .digital-media-sdetails a:hover{ background:#ba150c;}

.discount-note{}

.schedule-container {border: 1px solid #ddd;display: table; margin-top: -1px; width: 100%;}
.schedule-time { background:#373737;color: #fff; display: table-cell; text-align: center; vertical-align: top; width: 25%; padding-top:10px;}
.schedule-details {display: table-cell; padding: 2%; width: 75%;}
.schedule-details ul { margin: 0 0 0 20px; padding: 0;}
.schedule-details ul li { margin-bottom: 5px;}
.schedule-details p { margin:0 0 5px 0 !important;}

#content .pic-right { float: right; margin: 0 0 35px 25px; width: 370px; }
#content .pic-left { float: left; margin: 0 25px 35px 0; width: 370px; }
#image-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: inherit; }
#content .rc-pic { float: right; margin: 0 0 35px 25px; -webkit-box-shadow:1px 4px 5px rgba(0,0,0,0.2); -moz-box-shadow:1px 4px 5px rgba(0,0,0,0.2); box-shadow:1px 4px 5px rgba(0,0,0,0.2);}

.small {font-size: 12px !important;}

ul.list-items li {margin-bottom:5px;}

.previous-experience .add-new {float:right;}
.previous-experience .add-new a {background-color:#373737;color:#fff;padding:5px 10px;display:block;text-decoration:none;font-size:12px;}
.previous-experience .add-new a:hover {background-color:#DA251C;color:#fff !important;}

ul.style2 {list-style: outside none none; margin: 0; padding: 0;}
ul.style2 li {border-bottom: 1px dotted #cecece; padding: 20px 0; text-align: left;}
ul.style2 li:first-child {padding-top:0;}
ul.style2 li:last-child {border-bottom: medium none;}

.org-left {float:left; width:140px; margin:0 20px 20px 0;}
.org-left img {max-width:100%; margin-top:17px;}
.org-content {margin-left:160px;}

ul.tabs { margin: 0; padding: 0; list-style: none;}
ul.tabs li {float: left; overflow:hidden; position:relative; background: #da251c; color: #fff; font-size: 15px; border-radius: 4px 4px 0 0; border: 1px solid #da251c; margin-left: 20px; z-index: 2; }
ul.tabs li:first-child {margin-left: 0;}
ul.tabs li:hover {border-color: #373737;}
ul.tabs li a { padding: 5px 25px; display: block; text-decoration: none; color: #fff; }
ul.tabs li a:hover { background: #373737; color: #fff !important; }
ul.tabs li.active, ul.tabs li.active a, ul.tabs li.active a:hover {background: #fdfcfc; color: #454545 !important; border-bottom-color: #fff;}
.tab-container { padding: 15px 10px; position: relative; border-top: 1px solid #da251c; margin-top: -1px; }
.tab-container table {font-size: 13px;}
.tab-container table.datatable td {padding:4px;}

.rank1 td {background-color:#d3d9df;}
.rank2 td {background-color:#dbdbce;}
.rank3 td {background-color:#e1e1d6;}

.photo-gallery {margin:0 -10px;}
.photo-gallery .item {width:228px; margin:0 10px 20px 10px; display:block;}
.photo-gallery .item img {max-width:100%; display:block;}

.gallery-img { display:block; position:relative;}
.gallery-img .zoom{ opacity:0; visibility:hidden; position:absolute;background-color:rgba(218, 37, 28,0.7); background-image:url(../images/zoom.png); background-repeat:no-repeat; background-position:center top;left:0; right:0;top:0;bottom:0;transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.gallery-img:hover .zoom{ opacity:1; visibility:visible; background-position:center center;}

.border-overlay::before, .border-overlay::after{bottom: 20px; content: ""; left: 20px; opacity: 0; position: absolute; right: 20px; top: 20px; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; z-index:99;}
.border-overlay::after{border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scale(1, 0);}
.border-overlay::before { border-bottom: 1px solid #fff;border-top: 1px solid #fff;transform: scale(0, 1);}

.gallery-img:hover .border-overlay::before, .gallery-img:hover .gallery-img::after {opacity: 1; transform: scale(1);}

#logos {display: none;}

.other-event-logos {margin-top: 20px;}
.other-event-logos .org-left {width: 22.5%; margin: 0 0 20px 20px; border: 1px solid #ccc; padding: 10px; height: 150px; display: table;}
.other-event-logos .org-left:first-child {margin-left: 0;}
.other-event-logos .org-left img {margin: 0;}
.other-event-logos .org-left a {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}

.athletes-forever {text-align: center; font-size: 93%; margin: 15px 0;}
.athletes-forever img {max-width: 100px; margin: 10px auto; display: block;}
.athletes-forever a {display: inline-block;}