@media (min-width:801px) { .didna-adhesion-bottom { background-color: rgb(5 38 65) !important; width: 100% !important; } #hockeydb\.com_sticky_adhesion { background-color: rgb(5 38 65) !important; } #front_1 { height: 811px; } #front_2_1 { height:370px; } #front_2_2 { height:370px; } #front_2_4 { height: 370px; } #front_2_3 { height: 370px; } #front_3_3 { height: 408px !important; } #trend_arrow, #statistics_arrow, #draft_arrow, #playerlist_arrow, #cards_arrow, #logos_arrow { display:none; } } /* Mobile CSS */ @media (max-width:800px) { #desktopmenu { display:none; } #front_top { width:320px !important; } #front_main { width:320px !important; } #trend_arrow, #statistics_arrow, #draft_arrow, #playerlist_arrow, #cards_arrow, #logos_arrow { float:right; margin-top:5px; margin-right:10px; } #top5min { width:42% !important; clear:none; float:left; } #top1hr { width:42% !important; clear:none; float:left; } #top1day { width:92% !important; height:215px; } .tl { width:200px; height:20px; } #front_2,#front_3 { width:320px !important; } #front_1, #front_2_1, #front_2_4, #front_2_2, #front_2_3, #front_3_3 { height:26px; margin-left:0px !important; width:298px !important; overflow:hidden; } #front_3_1 { margin-left:auto !important; margin-right:auto !important; width:320px !important; padding:0px !important; } #front_3_2 { display:none; } #front_3_2_1 { width: inherit !important; padding:inherit !important; margin-bottom:10px !important; margin-left:auto; margin-right:auto; } .menutext { height: 1px !important; overflow:hidden; } .menuimage { display:none; } .menurow { font-size: 16px; padding: 5px 0px; border-top-width: 0px !important; } .menutext { font-size: 13px; } #mobileplayersearch { background-color: #CE0000; padding-top: 5px; padding-left: 0px; padding-bottom: 6px; width:320px; height: 54px; display:inherit !important; margin-bottom:10px; margin-left:auto; margin-right:auto; } #journalists { display:none; } } /* Desktop CSS */ #footer_bar { width:100%; } #mobileplayersearch { display:none; } #desktopmenu { clear:both; width: 100%; border-spacing: 0px; border: 0px; padding: 0px; } #front_top,#front_bottom { width:1000px; margin-left:auto; margin-right:auto; } .menuimage {border: 4px solid white; width:150px; height:73px; margin-top: 14px;} .menutext {color: #C4E3EF; margin-top:10px; height:60px; _height:80px; } .menurow {border-width:1px 0px 1px 0px; border-style:solid; border-color:#a3cfe0; margin-top: -1px; } .redbar {padding-left:10px; padding-top:5px; } .menurow A {text-decoration:none;} .menurow A:hover {color: #FFFFFF;} .menurow A:link {color: #FFE400;} .menurow A:visited {color: #FFE400;} body {font-family: Arial,Helvetica,sans-serif !important; font-size: 11px !important; text-align:left; margin:0px; padding:0px; } td{ font-family:Arial, Helvetica, sans-serif; color:#004153; font-size:11px; } .td{ color:#C4E3EF; } .bgr{ background-repeat:repeat-x; } .bgr-pos{ background-position:bottom; background-repeat:repeat-x; } a{ text-decoration:underline; color:#ffffff; font-weight:bold; } .border3{ border-bottom:1px solid #80A1AB; border-top:1px solid #80A1AB; } a:hover{ color:#FFE400; text-decoration:none; } .a{ color:#FFE400; text-decoration:none; } .a:hover{ color:#FFF; text-decoration:underline; } .border{ border:1px solid #B8D5E0; } .border2{ border:1px solid #4893AF; } .inp{ width:147px; height:22px; } .inp2{ height:22px; width:167px; } b{ color:#FFFFFF; } .botmenu{ color:#EAC4C4; font-weight:normal; text-decoration:none; } .botmenu:hover{ color:#FFF; text-decoration:none; } .copy{ color:#A3D6EC; font-weight:normal; text-decoration:none; } .copy:hover{ text-decoration:underline; color:#A3D6EC; } .top{ color:#EFD1D1; } .inner{ color:#004153; } .red{ color:#CE0000; text-decoration:none; } .red:hover{ text-decoration:underline; color:#CE0000; } h3{ color:#000000; font-size:18px; font-weight:bold; } .date{ color:#004153; font-weight:normal; } .a-blue{ color:#008AC3; text-decoration:none; } .a-blue:hover{ text-decoration:underline; color:#008AC3; } .c1{ text-align:center; background-color:#D3E7EF; color:#004153; line-height:25px; } .c2{ text-align:center; background-color:#E5F1F5; color:#004153; } .c3{ text-align:center; background-color:#008AC3; font-weight:bold; color:#fff; } .c4{ text-align:center; background-color:#E9F3F7; color:#004153; } .c5{ background-color:#DBEBF2; text-align:center; color:#004153; } .c6{ text-align:center; background-color:#CE0000; font-weight:bold; color:#fff;} .c7{ background-color:#CE0000; font-weight:bold; color:#fff; padding-left:10px; line-height:25px; text-align:left; } .c8{ background-color:#D3E7EF; padding-left:10px; color:#004153; line-height:25px; text-align:left; } .c9{ background-color:#DBEBF2; padding-left:10px; color:#004153; line-height:25px; text-align:left; } .c10{ text-align:left; background-color:#008AC3; font-weight:bold; color:#fff; padding-left:10px; line-height:25px; } .bgr-white{ background-color:#FFF; color:#004153; } .bgr-black{ background-color:#000; } .bgr-blue{ background-color:#003746; text-align:center; } .ro {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #front_main {margin:0px auto; width:1000px;} #front_1 { background-color:#117297; width:162px; position: relative; float: left; padding:10px; margin:0px 5px 5px 5px; border: 1px solid #4e8aa0; } #front_2 {width:800px; position:relative; float:left; } #front_2_1 {background-color:#117297; position:relative; float:left; width:166px; margin:0px 5px 5px 5px; padding:10px; border: 1px solid #4e8aa0; } #front_2_2 {background-color:#117297; position:relative; float:left; width:166px; margin:0px 5px 5px 5px; padding:10px; border: 1px solid #4e8aa0; } #front_2_3 {background-color:#117297; position:relative; float:left; width:166px; margin:0px 5px 5px 5px; padding:10px; border: 1px solid #4e8aa0; } #front_2_x {background-color:#2f7d2f; color:white; position:relative; float:left; width:761px; height:35px; margin:0px 5px 5px 5px; padding:10px; border: 1px solid #4e8aa0; display:none; } #front_2_4 {background-color:#117297; position:relative; float:left; width:166px; margin:0px 5px 5px 5px; padding:10px; border: 1px solid #4e8aa0; } #front_3 {width:800px; position:relative; float:left; margin:5px 0px 0px 0px; } #front_3_1 {background-color:#004153; position:relative; float:left; width:310px; padding:10px; margin:0px 5px 5px 5px; border: 1px solid #4e8aa0; } #front_3_2 {background-color:#004153; position:relative; float:left; width:220px; padding:10px; margin:0px 5px 5px 5px; border: 1px solid #4e8aa0; } #front_3_2_1 { width: 160px; padding:5px; margin-bottom:20px; margin-left:auto; margin-right:auto; } #front_3_3 {background-color:#117297; position:relative; float:left; width:166px; padding:10px; margin:0px 5px 5px 5px; border: 1px solid #4e8aa0; } #pa-container-0 { background-color: #042642 !important; }