/* -----------------------------------------
    ul fix
----------------------------------------- */
.weblogContent ul {
  font-size: 1.0em;
}

/* -----------------------------------------
    other fixes
----------------------------------------- */
div.boxRepeat.widgetList p {
  margin: 0;
}
div#shop_widget ul {
  margin: 0;
}

/* -----------------------------------------
    Olympics page: tables, stats etc.
----------------------------------------- */

#content .boxRepeat h1 {
  padding: 10px 0 15px 0;
  color: #081931;
  font-size: 1.8em;
}

#chart_container {
  height: 250px;
}

.boxRepeat.widgetList {
  overflow: hidden;
}

.boxRepeat.widgetList h2 {
  color: #fff;
  text-transform: none;
  font-size: 1.1em;
  margin-top: 10px;
  font-weight: bold;
}

.rival {
  margin-bottom: 5px;
  overflow: hidden;
}

.rival img {
  width: 68px;
  margin-right: 10px;
  float: left;
  padding: 5px;
  box-shadow: 1px 1px 5px #3B4F68;
  border: 1px solid #3B4F68;
  margin-bottom: 5px;
}

.rival div {
  width: 191px;
  float: left;
}

.rival h3 {
  font-size: 1em;
  color: #fff;
}

.rival p {
  
}

.boxRepeat.widgetList table {
  width: 100% !important;
  border-collapse: collapse;
  font-size: 1em !important;
  border: 1px solid #7FA8D1;
  border-top: none;
}

.boxRepeat.widgetList table.group_table {
  border-top: 1px solid #7FA8D1;
}

.boxRepeat.widgetList td {
  border-bottom: 1px solid #7990A1;
}

.boxRepeat.widgetList th {
  font-family: "Din Display Pro Regular", sans-serif;
  background: #081931 !important;
  color: #7FA8D1;
  padding: 10px;
  font-size: 1.1em;
  border-bottom: 1px solid #7FA8D1;
}

.boxRepeat.widgetList td {
  padding: 5px;
  font-size: 0.9em;
  color: #fff !important;
}

.boxRepeat.widgetList table.synchro {
  text-align: center;
}

.boxRepeat.widgetList table.synchro img.flag {
  height: 19px;
  vertical-align: middle;
}

/* buttons for graph */
#chart_buttons {
  margin-bottom: 10px;
}

.underlined_buttons {
  border-bottom: 2px solid #7FA8D1;
}

.underlined_buttons button:hover {
  color: #fff;
}

.underlined_buttons button.selected {
  color: #fff;
  border-bottom: 3px solid #7FA8D1;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin:0;
}

.underlined_buttons button {
  background: transparent;
  border: none;
  color: #A0A0A0;
  padding: 5px;
  margin: 5px 5px 0 5px;
  cursor: pointer;
  font-weight: bold;
  font-family: sans-serif;
}

.underlined_buttons.compact button {
margin: 5px 0 0 0;
padding: 5px 3px;
font-size: 0.9em;
}

#events_table, #events_table th {
  border: 1px solid #7FA8D1;
}


/* -----------------------------------------
    New Style Profile
----------------------------------------- */
#profile {
  position: relative;
  overflow: hidden;
}

#profile img {
  position: absolute;
  top: 5px;
  right: 15px;
  width: 150px;
  padding: 6px;
  border: 1px solid silver;
  background: white;
  z-index: 9;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,128);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,128);
  box-shadow: 1px 1px 5px rgba(0,0,0,128);
}

#facts {
  margin: 25px 0 10px 0;
  padding: 10px 0 10px 7px;
  width: 450px;
  background: #F8F8F8;
  border: 1px solid #DDD;
  overflow: hidden;
}

#facts .fact p {
  padding: 5px 0;
  float: left;
  width: 325px;
}

#facts .fact p:first-child {
  font-size: 1.1em;
  width: 100px;
  padding-right: 10px;
  clear: left;
}


/* -----------------------------------------
    Video Widget
----------------------------------------- */
.videos_container {
  border: 1px solid #3B4F68;
  margin: 0 0 10px 0;
}

.video_widget_container {
  position: relative;
  width: 447px;
  height: 251px;
  overflow: hidden;
  border: 5px solid #081931;
}
.video_widget_inner {
  float: left;
  width: 9999px; // set this in jquery
  margin: 0;
  padding: 0
}
.video_list {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none;
}
.video_list li {
  list-style-type: none !important;
  float: left;
  width: 448px;
  height: 252px;
  margin: 0;
  padding: 0;
}
.video_list li iframe {
  margin: 0;
  padding: 0;
  position: relative;
  top: -1px;
  left: -1px;
}

.video_nav {
  overflow: hidden;
  background: #081931;
}
.video_nav img{
  display:inline;
  width: 108px;
  height: 66px;
  float: left;
  padding: 0;
  margin: 0 0 10px 5px;
  cursor: pointer;
  opacity: 0.6;
}

.video_nav img.selected {
  margin-bottom: 5px;
  border-bottom: 5px solid #7FA8D1;
  opacity: 1.0;
}

.video_nav img:hover {
  opacity: 1.0;
}

/* -----------------------------------------
    Tooltip (for video nav)
----------------------------------------- */

.tooltip {
  display:none;
  padding:10px;
  margin-bottom: 10px;
  border: 1px solid #3B4F68;
  background: #081931;
  font-weight: bold;
  font-size: 0.9em;
  color:#eee;
  z-index: 2;
  width: 160px;
  height: 65px;
}

/* -----------------------------------------
    Twitter Ticker
----------------------------------------- */

#ticker {
  width: 447px;
  border: 1px solid #dddddd;
  padding: 5px;
  font: 12px sans-serif;
  position: relative;
  background: #f8f8f8;
  color: #777777;
  overflow: hidden;
  margin-bottom: 20px;
}

.weblogContent img.twPic {
  float: left;
  border-radius: 5px;
  padding: 0;
}

.tweet {
  float: left;
  margin-left: 5px;
  width: 374px;
}

.tw_screen_name {
  font-weight: bold;
  font-size: 14px;
}

.twText {
  margin-top: 2px;
  line-height: 16px;
}

#ticker a {
  color: #1686cf;
  text-decoration: none;
}

.tw_names {
  background: url('https://si0.twimg.com/images/dev/cms/intents/bird/bird_blue/bird_16_blue.png') top right no-repeat;
}

/* -----------------------------------------
    Dictionaries
----------------------------------------- */

.dictionary div {
  display: none;
}

.dictionary div.shown {
  display: block;
}

.dictionary a {
  color: #7FA8D1;
  text-decoration: underline;
}

.dictionary img {
  width: 270px !important;
  height: 151px !important;
  padding: 5px;
  box-shadow: 1px 1px 5px #3B4F68;
  border: 1px solid #3B4F68;
}

.dictionary h2 {
  font-size: 1.3em !important;
  color: #7FA8D1 !important;
  font-family: "Din Display Pro Regular", sans-serif;
}

div.boxRepeat.widgetList .dictionary p {
  margin-top: 10px;
}

.dictionary select,
#group_select {
  width: 282px;
  background: #000;
  border: 1px solid #3B4F68;
  color: #fff;
  font-size: 1.3em !important;
  color: #7FA8D1  !important;
  font-family: "Din Display Pro Regular", sans-serif;
  font-weight: bold;
}

#group_select {
  margin-bottom: 10px;
  border: 1px solid #7FA8D1;
}

/* -----------------------------------------
    Timeline
----------------------------------------- */

.timeline {
  width: 281px;
  height: 400px;
  overflow-y: scroll;
}

.historical_event {
  width: 250px;
  border: 1px solid #3B4F68;//#7FA8D1;
  overflow: hidden;
  margin-bottom: 10px;
}

.historical_event p {
  padding: 10px;
}

.historical_event p:first-child {
  font-family: "Din Display Pro Regular", sans-serif;
  color: #7FA8D1;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
  background: #081931;
  border-bottom: 2px solid #3B4F68;
  text-align: center;
  padding: 0;
}

.timeline::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #3B4F68;
  border: 1px solid #3B4F68;
}

.timeline::-webkit-scrollbar {
  width: 10px;
}

.timeline::-webkit-scrollbar-thumb {
  background: #7FA8D1; 
}

.timeline::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/* -----------------------------------------
    Main Page Widgets
----------------------------------------- */

.main_widget {
  background: #F8F8F8;
  border: 1px solid #DDD;
  padding: 10px;
}

.main_widget h2 {
  font-family: "Din Display Pro Regular", sans-serif;
  font-size: 26px !important;
  font-weight: 300 !important;
  margin-top: 10px;
  line-height: 1.2em;
}

/* -----------------------------------------
    Calendars
----------------------------------------- */

table#olympic_calendar {
  border: 1px solid silver;
  border-collapse: collapse;
  background: #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,128);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,128);
  box-shadow: 1px 1px 3px rgba(0,0,0,128);
  margin-bottom: 2em;
}
#olympic_calendar td {
  border: 1px solid silver;
  height: 44px;
  width: 62px;
  text-align: center;
  font-family: sans-serif;
  padding: 0;
  font-size: 1.2em;
  vertical-align: middle;
}

#olympic_calendar td.selected {
  background-image: url('http://www.swimming.org/~widgets/olympics/img/misc/circled.jpg');
  background-repeat: no-repeat;
  background-position: 1px 2px;
}

#gender_select, #event_select {
  margin: 10px 10px 10px 0;
}


/* -----------------------------------------
    Ones to watch
----------------------------------------- */

table.ones_to_watch {
  font-size: 1.2em;
  margin-top: 5px;
}

table.ones_to_watch img {
  width: 120px;
  height: 120px;
  padding: 6px;
  margin-top: 10px;
  border: 1px solid silver;
  background: white;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,128);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,128);
  box-shadow: 1px 1px 3px rgba(0,0,0,128);
}

table.ones_to_watch td {
  width: 153px;
  padding: 0 5px 10px 5px;
  text-align: center;
}

table.ones_to_watch a {
  color: #474747;
  font-weight: bold;
}

table.ones_to_watch a:hover {
  text-decoration: underline;
  color: #474747;
}

/* -----------------------------------------
    Meet the team
----------------------------------------- */

#athlete_profiles {
  background: #F8F8F8;
  border: 1px solid #CCC;
  overflow: hidden;
  padding: 0 15px;
}

#athlete_profiles .athlete {
  padding: 10px;
  width: 122px;
  height: 165px;
  float: left;
}

#athlete_profiles .athlete a {
  padding: 0;
  text-align: center;
  display: block;
  color: #474747;
  font-weight: bold;
}

#athlete_profiles .athlete img {
  width: 100px;
  height: 100px;
  float: none;
  padding: 0;
  margin: 5px;
  padding: 5px;
  border: 1px solid silver;
  background: white;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,128);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,128);
  box-shadow: 1px 1px 3px rgba(0,0,0,128);
}

.athlete_buttons {
  border-bottom: 1px solid #CCC;
}

.athlete_buttons button:hover {
  color: #474747;
}

.athlete_buttons button.selected {
  color: #474747;
  border-bottom: 3px solid #CCC;
}

.athlete_buttons button {
  background: transparent;
  border: none;
  color: #999;
  padding: 5px;
  margin: 5px 5px 0 5px;
  cursor: pointer;
  font-weight: bold;
}
/* -----------------------------------------
    Shop Widget
----------------------------------------- */
#shop_widget, #nav_left, #nav_right {
  float: left;
  height: 165px;
}

#nav_left, #nav_right {
  width: 30px;
  cursor: pointer;
}

#nav_left {
  background: url('http://swimming.org/~widgets/olympics/img/misc/left.png') no-repeat;
}
#nav_right {
  background: url('http://swimming.org/~widgets/olympics/img/misc/right.png') no-repeat;
}
#shop_widget {
  position: relative;
  overflow: hidden;
  width: 220px;
}
#shop_widget ul.item_list {
  position: relative;
  width: 999px;
  left: -110px;
}
#shop_widget ul.item_list li {
  list-style-type: none !important;
  float: left;
  margin: 0;
  padding: 0 9px;
  width: 92px;
  text-align: center;
}
#shop_widget ul.item_list li img {
  width: 80px;
  padding: 5px;
  box-shadow: 1px 1px 5px #3B4F68;
  border: 1px solid #3B4F68;
}
#shop_widget ul.item_list li a {
  color: white;
}
.goGBR {
  background-image: url('http://swimming.org/~widgets/olympics/img/misc/gogbr.png');
  background-repeat: no-repeat;
  background-position: right 22px;
}

/* -----------------------------------------
    Calorie Cruncher
----------------------------------------- */
#calorie_cruncher .calorie_col {
  width: 160px;
  float: left;
  font-weight: bold;
}

#calorie_cruncher .time {
  width: 120px;
  float: left;
}

#calorie_cruncher select,
#calorie_cruncher input {
  background-color: #000;
  border: 1px solid #3B4F68;
  color: #fff;
  font-weight: bold;
}

#calorie_cruncher input[type=submit]{
  padding: 5px;
  box-shadow: 1px 1px 5px #3B4F68;
  border: 1px solid #3B4F68;
  color: #7FA8D1;
  font-weight: bold;
  background-color: #000;
  cursor: pointer;
  margin-top: 5px;
}

#calorie_cruncher label {
  margin-bottom: 3px;
}

#calorie_results {
  margin-top: 10px;
  display: none;
  padding: 5px;
  box-shadow: 1px 1px 5px #3B4F68;
  border: 1px solid #3B4F68;
}

#calorie_results a {
  color: #7FA8D1;
  font-weight: bold;
}

.swimfit_img {
  background-image: url('http://swimming.org/~widgets/olympics/img/misc/swimfit.png');
  background-repeat: no-repeat;
  background-position: right 30px;
}
/* -----------------------------------------
    Olympic Medal History
----------------------------------------- */
#olympic_medals .medal {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  font-size: 2em;
  color: #3B4F68;
  line-height: 1.9;
  text-align: center;
  display: inline-block;
  box-shadow: 1px 1px 5px 2px #3B4F68;
  border: 1px solid #3B4F68;
  margin: 5px;
  cursor: default;
}
#olympic_medals .num_games {
  background-color: white;
  border-radius: 10px;
}
#olympic_medals .gold {
  background-color: gold;
}
#olympic_medals .silver {
  background-color: silver;
}
#olympic_medals .bronze {
  background-color: #C96;
}
#olympic_medals_desc div {
  width: 52px;
  text-align: center;
  display: inline-block;
  margin: 5px;
  cursor: default;
  text-shadow: 2px 2px 2px #3B4F68;
  font-weight: bold;
}
#olympic_medals_desc .num_games {
  color: white;
}
#olympic_medals_desc .gold {
  color: gold;
  background-color: transparent;
}
#olympic_medals_desc .silver {
  color: silver;
  background-color: transparent;
}
#olympic_medals_desc .bronze {
  color: #C96;
  background-color: transparent;
}
/* -----------------------------------------
    Banner Above Streaming
----------------------------------------- */
.streamTopBanner {
  width: 439px;
  padding: 10px;
  height: 20px;
  background-color: #081931;
  color: #fff;
  font-weight: bold;
  background-image: url('http://swimming.org/~widgets/olympics/img/misc/gogbr.png');
  background-repeat: no-repeat;
  background-position: 350px 5px;
}
.streamTopBanner a {
  color: #fff;
  text-decoration: none;
}
.streamTopBanner a:hover {
  color: #fff;
  text-decoration: underline;
}