*{margin: 0;padding: 0;}
.article_content p{margin: 1em 0;}
body{font-size:12px;font-family:Arial;background: #f1f1f1;color: #333;line-height: 1.6em;}
/* comm style */
img{border: 0;}
a{text-decoration: none;outline: none;}
section,article,time,header,footer,aside {display: block}
.left{float: left !important;}
.right{float: right !important;}
.clear{height: 0;overflow: hidden;display: block;clear: both;}
.clearfix{zoom:1;}
.clearfix:after{content: '.';height: 0;display: block;visibility: hidden;clear: both;overflow: hidden;}
header,footer,section{display: block;}
.wrap{width: 960px;margin: 0 auto;background: #fff;}
/* header start */
#header{position: relative;padding-top:35px; z-index: 1000;height: 155px;}
#header ul,#header ol,#header dl{ list-style: none;}
.top_bar{position: absolute;top: 0;right: 0;height: 35px;width:496px;background: #c0c0c0 url('../files/top_bar.png') left top no-repeat;line-height: 35px;padding-left: 38px;}
.fr .top_bar{padding-left: 0px;width: 534px;}
.top_bar a{color: #fff;margin: 0 10px;}
.fr .top_bar a{margin: 0 5px;}
.top_bar a:hover{color: #000000;}
.top_links{float: right;padding: 0 10px;border-right: 1px solid #fff;}
.fr .top_links{padding: 0 5px;}
.top_social{float: right;padding: 8px 10px;}
.top_social a{margin: 0 5px;width:18px ;height: 18px;float: left;background: url('../files/social_icon.png');text-indent: -999em;overflow: hidden;}
.top_social .twitter{background-position: 0 0;}
.top_social .facebook{background-position: -23px 0;}
.top_social .gg{background-position: -51px 0;}
.top_social .linkedin{background-position: -78px 0;}
.top_social .youtube{background-position: -111px 0;}
.top_social .instagram{background-position: -138px 0;}

.top_social .twitter:hover{background-position: 0 -18px;}
.top_social .facebook:hover{background-position: -23px -18px;}
.top_social .gg:hover{background-position: -51px -18px;}
.top_social .linkedin:hover{background-position: -78px -18px;}
.top_social .youtube:hover{background-position: -111px -18px;}
.top_social .instagram:hover{background-position: -138px -18px;}

#header .header_box{height: 96px;}
.logo_box{float: left;width: 600px;padding: 0 0 0 30px;margin-top: -25px;}
.logo_box .logo_text{margin: 42px 20px 0 30px;float: left;}
.logo_box .logo_text h2{font-size: 26px;color: #898989;font-weight: normal;line-height: 26px;}
.logo_box .logo_text div{font-size: 10px;color: #000;}

#search{float: right;margin: 50px 20px 0 0;}
#search input{margin: 0;padding: 3px 5px;border: 1px solid #ccc;width: 200px;}
#nav{
    width: 960px;
    height: 60px;float: none;z-index: 10000;
	position:relative;
    background-image: -moz-linear-gradient(top, #636363, #010101); /* Firefox */
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#636363), to(#010101)); /* Saf4+, Chrome */
    background: #272727 url('../files/nav_bg.png') 0 0 repeat-x;
    }
#main_menu li{float: left;height: 60px;position: relative;font-size: 14px;z-index: 1000;}
#main_menu li:hover{
    background: #e11a2b url('../files/nav_bg.png') 0 -60px repeat-x;
    background-image: -moz-linear-gradient(top, #ed1b2d, #cd1f2f); /* Firefox */
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ed1b2d), to(#cd1f2f)); /* Saf4+, Chrome */
}
#main_menu li:hover a{color: #000;}
#main_menu li a{color: #FFFFFF;display: block;height: 60px;line-height:60px;padding: 0 25px;}
.fr #main_menu li a {
    color: #FFFFFF;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 13px;
}
#main_menu li a.last {padding:0 28px;}
.fr #main_menu li a.last {padding: 0 26px;}
#main_menu li a:hover{
    color: #000;
    background: #e11a2b url('../files/nav_bg.png') 0 -60px repeat-x;
    background-image: -moz-linear-gradient(top, #ed1b2d, #cd1f2f); /* Firefox */
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ed1b2d), to(#cd1f2f)); /* Saf4+, Chrome */

    }
#main_menu li ul{text-align:left;display: none;position: absolute;z-index:1000;top: 60px;background:#fff;background: rgba(255,255,255,.9);box-shadow: 0 0 12px rgba(0,0,0,.4);-moz-box-shadow: 0 0 12px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 12px rgba(0,0,0,.4);}
#main_menu li:hover ul{display: block;}
#main_menu li ul li{float: none;height: 42px;line-height: 42px;}
#main_menu li ul li:hover a{color: #fff;}
#main_menu li ul li a{color: #000;padding: 0;padding: 0 25px;line-height: 42px;height: 42px;display: block;white-space:nowrap;}
.fr #main_menu li ul li a{color: #000;padding: 0;padding: 0 25px;line-height: 42px;height: 42px;display: block;white-space:nowrap;}
#main_menu li ul li a:hover{color: #fff;background: #e11a2b;}
#main_menu li ul li .third_menu{position: absolute;left: -165px;top: 0px;background: rgba(255,255,255,.9);display: none;min-width:165px;}
#main_menu li ul li:hover .third_menu{display: block;}
#main_menu li ul li .third_menu a{color: #000;}
#main_menu li ul li .third_menu a:hover{background:#eee }
#main_menu li ul li .third_menu li:hover{background: #eee;}
.nav_float{position: fixed !important;top: 0;box-shadow: 0 3px 5px rgba(0,0,0,.3)}

.nav_float{position: fixed !important;top: 0;box-shadow: 0 3px 5px rgba(0,0,0,.3)}
/* index content */
#main{padding:10px;}
.content_wrap{float: left;width:710px ;}
.hall{width: 940px;}
#index_slider{width: 710px;height: 470px;background: #fff;position: relative;}
.upcoming{margin: 20px 0;}
.mlr20{margin: 0 20px;}
.upcoming_box{float: left;width:220px;box-shadow: 0 0 12px rgba(0,0,0,.4);-moz-box-shadow: 0 0 12px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 12px rgba(0,0,0,.4);*width: 218px;*border:1px solid #ececec;}
.upcoming_box .upcoming_header{height: 60px;line-height: 60px;padding:0 20px;color: #fff;font-size: 16px;font-weight: normal;
    background-image: -moz-linear-gradient(top, #636363, #010101); /* Firefox */
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ed1b2d), to(#d51828)); /* Saf4+, Chrome */
    background: #272727 url('../files/nav_bg.png') 0 0 repeat-x;
    }
.upcoming_box ul.upcoming_list{list-style: none;padding: 0 10px 0 20px;}
.upcoming_box .upcoming_content{height: 230px;overflow-y: auto;padding: 10px 0;}
.upcoming_box .upcoming_list li{border-bottom: 1px solid #ececec;padding: 10px 0;clear: both; overflow: hidden;display: table;}
.upcoming_box .upcoming_list li a.avatar{float: left;border: 1px solid #cdcdcd;width: 60px;height: 60px;text-align: center;overflow: hidden; display: table-cell; vertical-align: middle;}
.upcoming_box .upcoming_list li p{margin-left: 75px;line-height: 15px;}
.upcoming_box .upcoming_list li a{color: #ed1b2d;}
.upcoming_box .upcoming_list li .gray{color: #999;}
.proud{width: 700px;}
.athlete_content .upcoming_list {overflow: hidden;clear: both;}
.list_more{
    display: block;
    width: 220px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    background: #eee;
    cursor: pointer;
    color: #E23131;
}
.athlete_list {
    margin: 5px 20px;
    list-style-type: none;
    width: 125px;
    height: 235px;
    float: left;
}
/* sider bar */
.sider_bar{float: right;width: 220px;}
.social{box-shadow: 0 0 12px rgba(0,0,0,.4);-moz-box-shadow: 0 0 12px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 12px rgba(0,0,0,.4);}
.social .social_header{height: 40px;background: #000;color: #fff;}
.social .social_header ul{width: 220px;height: 40px;position: relative;z-index: 10;
    background-image: -moz-linear-gradient(top, #636363, #010101); /* Firefox */
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ed1b2d), to(#d51828)); /* Saf4+, Chrome */
    background: #272727 url('../files/nav_bg.png') 0 0 repeat-x;
    }
.social .social_header li{cursor:pointer;float: left;height: 40px;line-height: 40px;list-style: none;position: absolute;top:0;padding: 0 20px;z-index: 8;}
.social .social_header li.tw{text-align:left;width: 59px;left: 0;}
.social .social_header li.fb{text-align:center;width: 120px;right: 0;}
.social .social_header li.tw.on{background: url('../files/twitter_bg.png') no-repeat;}
.social .social_header li.fb.on{background: url('../files/face_bg.png') no-repeat;}
.social .social_header li.on{z-index: 10;color: #333;}
.social .social_content {position: relative;height: 430px;width: 220px;}
.social .social_content .item{height: 430px;width: 220px;position:absolute;top:0;left:0;z-index:1;background: #fff;}
.social .social_content .current{display: block;z-index:10;}
.sailor_login{margin: 20px 0 10px;}
.ad_space .ad_list{list-style: none;}
.ad_space .ad_list li{margin-bottom:10px; }

/* normal article page */
.article_content ul.list_events {padding: 0px;}
.article_content ul, .article_content ol, .article_content dl{padding-left: 40px;}
.article_content a{text-decoration: underline;}
.article_wrap{padding: 20px 0 ;}
.article_wrap .article_headline{font-size: 30px;color: #666;line-height: 1.2em;}
.article_wrap .article_date{color: #999;margin: 10px 0 20px;float: left;}
.article_wrap .article_image{width: 710px;overflow: hidden;}
.article_wrap .article_image img{max-width: 710px;}
.article_wrap .addbox{float: right;margin: 10px 0 20px}
.article_wrap .addbox > a,.article_wrap .addbox > div{float: left;margin-left: 5px;}
.article_content img {max-width: 710px;}
.hall_content { width: 940px; }
.hall_content img { max-width: 940px; }
/* search */
.search_result {padding: 10px 0 20px 0;}
.search_result .inner .full{padding: 10px 0 20px;}
.search_result .inner .full .title{padding-bottom: 20px;border-bottom: 1px solid #ddd;font-size: 24px;}
/* result */
.result_list li {
    margin-bottom: 15px;
    list-style: none;
}
.result_list li h3 {
    font-size: 16px;
    padding-bottom: 5px;
}
.result_list li a {
    color: #ed1b2d;
}
.result_list li p {
    color: #333;
}
.result_list li p.date {
    color: #999;
    margin-top: 5px;
}
/* pager */
.athlete_content #pagelist{margin: 20px 0 20px 17px;}
#pagelist{margin: 20px 0;}
#pageJump a{
    height: 20px;
    background: #000;
    line-height: 20px;
    padding: 0 8px;
    cursor: pointer;
    float: left;
    margin: 0 5px;
    color: #fff;
}
#pagelist a{color: #000;}
#pagelist span {
    padding: 0 3px;
    cursor: pointer;
}
#pagelist .cur{
    background: #ed1b2d;
    color: #fff;
}
#pagelist #pageNum span{
    padding: 0 3px;
}
/* schedule */
.nav_box{
    height:32px;
    background:#e11a2b;
    margin:1.5em 0;
    padding:0;
    }
.nav_box li{
    float:left;
    display:inline;
    list-style:none;
    padding:0;
    margin:0;
    line-height:32px;
    height:32px;
    }
.nav_box li a{
    float:left;
    display:inline;
    line-height:32px;
    height:32px;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    padding:0 15px;
    border-right:1px solid #fff;
    cursor:pointer !important;
    }
.nav_box li a:hover{
    background:#333;
    color:#fff;
}
.LSSchedule_title{
    font-size: 24px;
    padding: .5em 0;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #999;
    color: #666;
}
#LSSchedule{
    padding: 0 0 20px 0;
}
.season{
    padding: 10px 0;
    margin-bottom: 10px;
}
.season ul{
    list-style: none;

}
.season ul li{
    float:left;
    margin-right: 20px;
    list-style: none;
}
#LSSchedule h3{margin-bottom: 10px;}
.statsTble th,
.statsTble td,
.statsTble {margin: 0; padding: 0; border-collapse: collapse; border: 0; border-spacing: 0}
.statsTble {table-layout: auto; width: /*942px*/ 100%}
.statsTble thead{background: #666;color: #fff;}
.statsTble tbody tr.thead{background: rgb(230,230,230) !important}
.statsTble th{padding: 10px 3px;text-align: left}
.statsTble td{padding: 10px 3px}
.statsTble td.last{text-align: right !important; padding-right: 8px}
.statsTble td:last-child{text-align: right !important; padding-right: 8px}
.statsTble td:first-child, th:first-child{padding-left: 8px}
.statsTble a{text-decoration: none; color: #333; font-weight: bold}
.statsTble a:hover{text-decoration: underline}
.statsTble tbody tr.odd{background: #ececec !important}
.statsTble tbody tr:nth-child(odd) {background: #ececec}

.statsTble td.tfour,
.statsTble td.tone                  {width: 75px}
.statsTble td.ttwo                  {width: 200px}
.statsTble td.tthree                {width: 250px}
.statsTble td.tthree                {width: 250px}
.statsTble td.tfive                 {width: auto}

.statsTble tbody tr:hover           {background: #e11a2b !important}
.statsTble tbody tr:hover a         {color: #333 !important}
.statsTble tbody tr:hover td        {color: white !important}
.calendar {
    margin-bottom: 20px;
}
.calendar select{
    margin-right: 10px;
}
.list_events{
    list-style: none;
}
.list_events li{
    padding: 0 20px;
    font-size: 12px;
    line-height: 2.8em;
    border-bottom: 1px dotted #ccc;
    background: #eee;
}
.list_events li.odd{
    background: #ddd;
}
.list_events li:hover{
    background: #e11a2b;
    color: #fff;
}
.list_events li a{
    color: #333;
}
.list_events li:hover a{
    color: #fff;
}
#LSSchedule .player_data{}
#LSSchedule .player_data dt{
    float: left;
    width: 295px;
}
#LSSchedule .player_data dd{
    margin-left: 325px;
}
#LSSchedule .player_data dd p{
    margin-bottom: 10px;
    line-height: 1.5em;
}
#LSSchedule .player_data dd p span{
    display: inline-block;
    font-weight: bold;
    width: 130px;
}
#LSSchedule .player_data .bioSpan{
    display: inline-block;
    font-weight: bold;
    width: 130px;
    float: left;
}
#LSSchedule .player_data .bio{
    float: left;
}
.player_data img {
    vertical-align: middle;
}
/* footer start */
#footer{}
#footer a{color: #fff;}
#footer a:hover{text-decoration: underline;}
.footer_nav{background: #000000;padding: 25px;}
.footer_nav dl{float: left;color: #fff;width: 105px;margin-right: 10px;overflow: hidden;}
.footer_nav dl dt{font-size: 14px;padding-bottom: 10px;}
.footer_nav dl dd{line-height: 24px;font-size: 11px;}
.footer_nav dl dd a{color: #fff;}
.partner_logos{padding: 15px 14px;}
.partner_logos a{height: 66px;float: left;margin: 0 12px;}
.footer_logo{padding: 0 10px;}
.copy_right{background: #4e4e4e;padding: 0 20px;list-style: 35px;line-height:35px;color: #fff;}
.copy_right a{color: #fff;}

/* slier */
.slider_wrap{ width: 710px;height: 470px;z-index: 10;position: relative;}
.slider_wrap .slider_photo{width: 520px;height: 470px;overflow: hidden;position:relative;float: left;z-index: 0;}
.slider_wrap .photo_container{width: 2000px;position: absolute;}
.slider_wrap .panel { float: left; position: relative; width: 520px; height: 470px;color: #666666;}
.slider_wrap .panel .photo,.slider_wrap .panel .photo img{width: 520px;height: 300px;}
.slider_wrap .panel h3{font-size: 30px;line-height: 32px;padding: 10px 0;}
.slider_wrap .panel h3 a{color: #666;}
.slider_wrap .panel .photo_data{line-height: 1.5em;}
.slider_wrap .panel .date{color:#999;}
.slider_wrap .slider_nav{ float: right; height: 470px;width: 175px;}
.slider_wrap .slider_nav div.item{ width: 160px; }
.slider_wrap .slider_nav div.item a.cross-link{ color: #666;display: block;position: relative;}
.slider_wrap .slider_nav div.item a.cross-link img.nav-thumb{width: 160px;height: 92px;}
.slider_wrap .slider_nav div.item a.cross-link span{display:block;line-height: 1.3em;padding: 2px 0 10px;}
.slider_wrap .slider_nav div.on a.cross-link img.nav-thumb{border: 3px solid #ed1b2d;width: 154px;height: 86px;}
.slider_wrap .slider_nav div.item a.cross-link span.arrow{position:absolute;left:0;top:26px;width: 20px;height: 40px;background: url('../files/slider_nav.png') no-repeat;display: none;}
.slider_wrap .slider_nav div.on a.cross-link span.arrow{display: block;}
.slider_wrap .slider_nav .mCSB_container{margin-right: 10px;}
#index_slider .more_news {position: absolute;bottom: -5px;right: 200px;display: block;background: #E23131;color: #fff;padding: 0 5px;border-radius: 5px;cursor: pointer;z-index: 999;}
.photo-meta-data{ background: url(../files/transpBlack.png); padding: 10px; height: 30px;
margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span{ font-size: 13px; }

.active-thumb{ background: transparent url(../files/icon-uparrowsmallwhite.png) top center no-repeat; }

/* hall of fame slider*/
.hall .title img{width: 940px;}
.hall .title h2{text-indent: -9999px; height: 0;}
#hall_slider .slider_wrap{ width: 940px; }
#hall_slider .slider_wrap .slider_photo{ width: 700px; height: 570px;margin-left: 20px;}
#hall_slider .slider_wrap .panel { width: 700px; height: 570px;}
#hall_slider .slider_wrap .panel .photo { width: 700px; height: 467px; }
#hall_slider .slider_wrap .slider_nav { height: 570px; }

.buttons-group li {
    background: none repeat scroll 0 0 gray;
    display: inline-block;
    font-size: 45px;
    height: 100px;
    line-height: 100px;
    list-style: outside none none;
    margin-bottom: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    width: 320px;
}
.buttons-group {
    margin-left: 20px;
    text-align: center;
    width: 720px;
}
.buttons-group #history {
    background-image: url("/files/history.png");
    color: #fff;
}
.buttons-group #youths {
    background-image: url("/files/youth.png");
    color: #fff;
}
.buttons-group #trophies {
    background-image: url("/files/trophy.png");
}
.buttons-group #inductees {
    background-image: url("/files/inductees.png");
    color: #fff;
}
.buttons-group #olympic {
    background-image: url("/files/olympic.png");
    color: #fff;
}
.buttons-group #medals {
    background-image: url("/files/medals.png");
}

/* login */
#login_div{
    margin-top: 30px;
    padding: 0 20px;
}
#login_div h3{
    font-size: 28px;
    color: #666;
    line-height: normal;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
#login_div .form_item {
    padding: 10px 0;
}
#login_div .form_item label{
    display: block;
    font-size: 14px;
    margin-bottom: auto;
}
#login_div .form_item .textbox,
#login_div .form_item .password{
    height: 26px;
    padding: 2px 3px;
    width: 260px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
#login_div .form_item  #login,.profiles .profile_info .btn{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
    height: 36px;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: #e11a2b url('../files/nav_bg.png') 0 -60px repeat-x;
    background-image: -moz-linear-gradient(top, #ed1b2d, #cd1f2f); /* Firefox */
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ed1b2d), to(#cd1f2f)); /* Saf4+, Chrome */
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
}
#login_div .form_item #login:hover,.profiles .profile_info .btn:hover{
    background: #cd1f2f;
    background-image: -moz-linear-gradient(top, #cd1f2f, #ed1b2d); /* Firefox */
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#cd1f2f), to(#ed1b2d)); /* Saf4+, Chrome */
}
.profiles{
    padding: 20px 10px;
}
.profiles .panel h3{
    font-size: 24px;
    padding: 0 0 20px 0;
    color: #333;
}
.profiles .panel ul{
    background: #c0c0c0;
    color: #fff;
    height: 40px;
}
.profiles .panel ul li{
    float: left;
    padding: 0 15px;
    list-style: none;
}
.profiles .panel ul li a{
    color: #fff;
    display: block;
    line-height: 40px;
    height: 40px;
}
.profiles .panel ul li:hover,.profiles .panel ul li.current{
    background: #cd1f2f;
}
.profiles .profile_info{
    padding-top: 20px;
}
.profiles .profile_info h3{
    margin: 10px 0 0 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}
.profiles .profile_info table td{
    padding: 8px 10px 8px 0;
    text-align: left;
}

.profiles .profile_info table input.txt{
    height: 26px;
    padding: 2px 3px;
    width: 240px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    *line-height: 26px;
}
.profiles .profile_info table select{
    padding: 6px 4px;
    width: 240px;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.profiles .profile_info .btn{
    margin-right: 20px;
}
.profiles .profile_info #editpass{
    width: 160px;
}
.floater{float:left;}

ul.juicer-feed{margin:0 !important;padding:0;}
ul.juicer-feed ul.filters{margin:0 0 1em 0 !important;padding:0;}
ul.juicer-feed ul.filters li {width:177px !important;}