@charset "utf-8";

/* basic stuff */
html { min-width: 1100px; }
body {
 margin: 0;
 background: url(style/bg.jpg) top center no-repeat #15191a;
 font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important;
 font-size: 14px !important;
}
div, .divbox { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.clear { clear: both; }
.form-control { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline: none; }
.form-control:focus { border-color: #91FF78; }
table { line-height: 25px; }

/* transitions */
.divhover { -webkit-transition: background 0.3s ease-out 0s; -moz-transition: background 0.3s ease-out 0s; -o-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; }
#navi ul li ul li a, .colorhover { -webkit-transition: background 0.3s ease-out 0s, color 0.3s ease-out 0s; -moz-transition: background 0.3s ease-out 0s, color 0.3s ease-out 0s; -o-transition: background 0.3s ease-out 0s, color 0.3s ease-out 0s; transition: background 0.3s ease-out 0s, color 0.3s ease-out 0s; }


/* topline */
#topline { width: 1100px; height: 62px; margin: auto; }
#topline span { color: #91ff78; font-weight: bold; }
#topline span a { text-decorationn:none; color: #91ff78; font-weight: bold; }
#topline .welcome { width:240px; height: 62px; line-height: 62px; float: left; margin:0 0 0 38px; padding: 0 0 0 24px; background: url(style/welcome.png) center left no-repeat; font-size: 13px; text-transform: uppercase; color: #a1b9bb; text-shadow: 0 1px 1px #000; }
#topline .welcome2 { width: 557px; height:62px; line-height: 62px; float: left; font-size: 13px; text-transform: uppercase; color: #a1b9bb; text-shadow: 0 1px 1px #000; }
#topline a.register { width:139px; height:62px; line-height: 62px; float: left; font-size: 13px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #91ff78; text-shadow: 0 1px 1px #000; }
#topline .login { width:69px; height: 62px; float: left; padding: 0 0 0 12px; background: url(style/topline.png) top left no-repeat; }
#topline .loginexpand { width:64px; height: 17px; line-height: 17px; margin:23px 0 0; background: url(style/loginexpand.png) center right no-repeat; cursor: pointer; font-size: 13px; font-weight:bold; text-transform: uppercase; color: #ffffff; text-shadow: 0 1px 1px #000; }
#topline .loginexpand:hover { background-image: url(style/loginexpand_hover.png); }
#topline .loginmenu { color:#fff; border: 1px solid #272c2f; border-top: none; position:absolute; z-index:99999999999; background: #080c0d; padding: 10px; width: 250px; margin: 22px 0 0 -145px; line-height: 30px; font-size: 18px; display: none; }
#topline .loginmenu a { color:#fff; text-decoration: none; text-transform: uppercase; padding: 0 5px; }
#topline .loginmenu a:hover { color:#91FF78; }
#topline .loginmenu .username { margin-bottom: 5px; width: 200px; }
#topline .loginmenu .password { margin-bottom: 10px; width: 200px; }
#topline .loginmenu .btnl { float:left; font-weight:normal !important; text-align: center; text-decoration:none; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif !important; font-size:12px !important; outline: none; margin: 5px 0; text-transform:uppercase; background: #363c3e; display: block; cursor: pointer; border: 1px solid #3f4547 !important; border-radius: 5px; color: #94ff7b; height:30px; line-height:30px; padding: 0 10px; }
#toplane .loginmenu .btnll { display:block; !important; margin: 0 0 0 15px !important; }
/* header, socials, sponsors */
#header { width: 1100px; height:264px; margin: auto; }
#header a.logo { width:249px; height: 110px; float: left; margin: 70px 0 0 39px; cursor: pointer; background: url(style/logo.png); }
#header .socials { width: 266px; height: 34px; float: left; margin: 115px 0 0 65px; line-height: 34px; font-size: 13px; text-transform: uppercase; color: #a1b9bb; text-shadow: 0 1px 1px #000;}
#header .socials a { width: 33px; height: 34px; cursor: pointer; float: right; margin: 0 0 0 10px; background: url(style/socials.png) no-repeat; }
#header .socials a:hover { background-image: url(style/socials_hover.png); }
#header .socials .youtube { background-position: -66px 0; }
#header .socials .twitter { background-position: -33px 0; }
#header .socials .facebook { background-position: 0 0; }
#header .list { float: right; height: 69px; width: 350px; margin: 97px 39px 0; }
#header .list .left, #header .right { margin: 20px 0 0; display: block; float: left; width: 30px; height: 30px; background: transparent url(style/header_sponsors.png) no-repeat 0 0; }
#header .list .right { background-position: -30px 0; }
#header .list .left:hover, #header .list .right:hover { background-image: url(style/header_sponsors_hover.png); }
#header .list .content { width: 207px; height: 69px; overflow: hidden; float: left; margin: 0 41px 0 42px; }
#header .list .content .slide { width: 10000px; }
#header .list .content .slide .elem, #header .list .content .slide .elem > a { width: 207px; height: 69px; float: left; line-height: 69px; background-position: center center; background-repeat: no-repeat; display: block; }

/* navigation, search */
#navi { width: 1100px; height: 104px; margin: auto; }
#navi .highlighter { width:63px; height: 2px; background: #7dff63; position: absolute; margin: 82px 0 0 20px; opacity: 0; }
#navi ul { padding: 0px; margin: 0 0 0 10px; cursor: pointer; width: 700px; z-index: 999; }
#navi ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
#navi ul li { list-style: none; float:left; }
#navi ul li a { text-decoration: none; display: block; }
#navi ul li a:hover { color: #fff; }
#navi ul li:hover > ul { visibility: visible; }
#navi > ul > li > a { margin: 0 20px 0 20px; height: 87px; background: url(style/navi.png) no-repeat; }
#navi > ul > li:hover > a { background-image: url(style/navi_hover.png); }
#navi .cat1 > a { width: 44px; background-position: 0 33px; }
#navi .cat2 > a { width: 83px; background-position: -44px 33px; }
#navi .cat3 > a { width: 85px; background-position: -127px 33px; }
#navi .cat4 > a { width: 91px; background-position: -212px 33px; }
#navi .cat5 > a { width: 48px; background-position: -303px 33px; }
#navi .cat6 > a { width: 30px; background-position: -351px 33px; }
#navi ul li ul { width: 124px; background: #000 url(style/navi_sub.png) bottom left no-repeat; display: inline; visibility: hidden; position: absolute; padding:0 0 1px 0; }
#navi ul li ul li { float: none; }

#navi ul li ul li a:hover { background: url(style/navi_sub_hover.png) -124px 0; }
#navi ul li ul li .firstLink { background: url(style/navi_sub.png) 0 0; }
#navi ul li ul li .firstLink:hover { background: url(style/navi_sub_hover.png) 0 0; }
#navi ul li ul li a{ line-height: 36px; height: 36px; padding: 0 0 0 10px; color: #b2c5c7; text-transform: uppercase; font-size: 13px; background: url(style/navi_sub.png) -124px 0;}
#navi .search { width:239px; height:27px; float: right; margin: 26px 52px 0; padding: 0 0 0 38px; background: url(style/search.png) center left no-repeat; }
#navi .search form .textbox { padding: 0 0 0 0!important; width: 175px!important; height: 27px; line-height: 27px; display: block; float: left; background: transparent; border: none!important; outline: none; font-size: 13px; color: #a1b9bb; text-shadow: 0 1px 1px #000; }
#navi .search form .button { border: none!important; display: none; width:19px; height: 15px; float: left; background: url(style/search_arrow.png); border: none; outline: none; cursor: pointer; margin: 7px 0 0 0; }
#navi .search form .button:hover { background: url(style/search_arrow_hover.png); border: none!important; }
#navi .subMenu {position: absolute; left: 113px; top: 0;}
#navi ul li ul li:hover > .subMenu { display: normal; }
#navi.subMenu li a { line-height: 36px; height: 36px; padding: 0 0 0 10px; color: #b2c5c7; text-transform: uppercase; font-size: 13px; background: url(style/navi_sub.png) -124px 0;}
#navi.subMenu li:first-child a { background: url(style/navi_sub.png) -124px 0 !important; }
#navi.subMenu li a:hover { background: url(style/navi_sub_hover.png) -124px 0 !important; }


/* featured slider */
#featured { width: 1100px; height:404px; margin: 0 auto 0; background: url(style/slider.png) top left no-repeat; }
#featured_mask { position: relative; width: 1100px; height: 332px; overflow: hidden; }
#featured_slide { width: 100%; margin: 0; padding: 0; list-style: none; }
#featured_slide li { position: relative; float: left; width: 1100px; height: 332px; }
.featured_img, .featured_img img { position: relative; width: 1100px; height: 332px; }
#featured .nav { width:1100px; height: 72px; background: url(style/sliderchoice.jpg) bottom center no-repeat; }
#featured .nav .left, #featured .nav .right { width: 10px; height: 18px; float: left; cursor: pointer; background: url(style/slider_navi.png) 0 0 no-repeat; margin: 29px 0 0 434px; }
#featured .nav .left:hover, #featured .nav .right:hover { background-image: url(style/slider_navi_hover.png); }
#featured .nav .right { background-position: -10px 0; margin: 29px 0 0; }
#featured .nav .content { width: 157px; height: 12px; float: left; margin: 33px 0 0 57px; }
#featured .nav .content div { width:12px; height:12px; float: left; margin: 0 10px 0 0; cursor: pointer; background: url(style/slider_navi.png) -21px 0 no-repeat; }
#featured .nav .content div.active { background: url(style/slider_navi_hover.png) -21px 0 no-repeat; }
.featured_text { position: absolute; right: 0px; top: 30px; width: 500px; height: 240px; line-height: 21px; text-align: justify; font-size: 14px; text-transform: none; color: #a1b9bb; opacity: 0; text-shadow: 0 1px 1px #000; }
.featured_text .category { -webkit-font-smoothing: antialiased; text-transform: uppercase; text-shadow: 0 1px 1px #000; font-size: 18px; color: #a1b9bb; margin: 0 0 0 0; height: 30px; line-height: 30px; }
.featured_text .headline { height: 70px; text-transform: uppercase; color: #94ff7b; text-shadow: 0 1px 1px #000; font-size: 48px; margin: 10px 0 0 0; }
.featured_text .headline span { font-weight: bold; }
.featured_text a.readmore { width: 424px; height: 82px; background: url(style/slider_readmore.png); display: block; margin: 220px 0 0 80px; position: absolute; }

/* wrapper, content, news, sidebar */
#wrapper { width: 1100px; height: auto; margin: 0 auto; background: url(style/wrapper.png) top center #fff; }
#wrapper .wrapperin { width: 1100px; height: auto; background: url(style/wrapper.jpg) top center no-repeat; }
#wrapper .wrapperin .wrapperbot { width:1100px; height: auto; padding: 0 9px; background: url(style/wrapperbot.png) no-repeat bottom center; }
#wrapper .wrapperin .wrapperbot > .content { width: 686px; height: auto; float: left; padding: 0 10px 0 0; min-height: 500px; margin: 0 1px 0 0; }
#wrapper .content h2, #wrapper .sidebar h2 { -webkit-font-smoothing: antialiased; margin: 0 0 10px 0; display: block; font-size: 17px; text-transform: uppercase; color: #869a9b; font-weight: normal; height: 114px; line-height: 114px; padding: 0 0 0 51px; background: url(style/content_h2.png) left center no-repeat; }
#wrapper .content h2 a { -webkit-font-smoothing: antialiased; margin: 0 0 10px 0; display: block; font-size: 17px; text-transform: uppercase; color: #869a9b; font-weight: normal; }
#wrapper .content h2 span, #wrapper .sidebar h2 span { font-weight: bold; font-style: italic; }
#wrapper .content .news { margin: 0 0 34px 0; padding: 6px; background: #edf1f3; border-radius: 3px; }
#wrapper .content .news .readmore { width: 157px; height: 49px; position: absolute; background: url(style/news.png) -427px 0 no-repeat; margin: -37px 0 0 487px; }
#wrapper .content .news > div { background: #fff; border: 1px solid #dfe7eb; border-radius: 3px; padding: 6px; }
#wrapper .content .news div .date { margin:0 0 0 12px; font-size: 24px; width: 90px; height: 67px; position: absolute; background:none; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 0 1px 1px #000; padding: 10px 0 0 0; }
#wrapper .content .news div .date span { float: left; font-size: 24px; font-weight: bold; display: block; }
#wrapper .content .news div .pic { width:188px; height: 279px; background: no-repeat top center; padding: 187px 0 0 0; float: left; }
#wrapper .content .news div .pic a { display: block; text-decoration: none; text-transform: uppercase; color: #fff; width:188px; height: 52px; line-height: 52px; padding: 0 0 0 78px; background: url(style/news.png) -51px 0 no-repeat; font-size: 14px; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 1px #000; }
#wrapper .content .news div .pic .socials { width: 188px; height: 34px; background: url(style/news.png) -239px 0 no-repeat; border-top: 6px solid #fff; }
#wrapper .content .news div > .content { width: 426px; float: left; margin: 0 0 0 23px; font-size: 14px; color: #869a9b; }
#wrapper .content .news div > .content a { color:#869a9b !important; }
#wrapper .content .news div .content > p { line-height: 18px; }
#wrapper .content .news div .content .headline { font-size: 24px; color: #61ae53; margin: 13px 0 5px 0; border-bottom: 1px solid #f2f2f2; padding: 0 0 10px 0; }
#wrapper .content .news div .content .subline { font-size: 12px; font-weight: bold; color: #9ac094; margin: 0 0 15px; }
#wrapper .content .streamspacer { height: 279px; clear: both; margin:50px 0 0 0; }
#wrapper .content .archivbutton { cursor: pointer; color: #8ea1a2; margin: 0 0px 10px 0; width: 50px; text-align: center; float: left; border: 1px solid #e5e5e5; border-radius: 2px; }
#wrapper .content .archivbutton:hover { background: #e5e5e5; color: #000; }
#wrapper .content .archivbutton a{ display:block; line-height: 27px; text-decoration: none; font-size: 13px; font-weight: bold; color: #8ea1a2; margin: 0 5px 0 5px }
#wrapper .content .archivbutton:hover a{ color: #333; }
#wrapper .content .paginationhr { width:677px; height:36px; background: url(style/paginationhr.png); clear: both; }
#wrapper .content .paginationwrapper { margin: 0 0 0 73px; }
#wrapper .content ul.pagination { padding-left: 0px; margin: 0px; list-style: none;}
#wrapper .content ul.pagination li { line-height: 27px !important; margin: 0 6px 10px 0; height:27px; line-height:25px; width:27px; text-align: center; float: left; border: 1px solid #e5e5e5; border-radius: 2px; }
#wrapper .content ul.pagination li:hover { background: #e5e5e5; }
#wrapper .content ul.pagination li a { display:block; height:27px; width:27px; line-height: 27px; text-decoration: none; font-size: 13px; font-weight: bold; color: #8ea1a2; }
#wrapper .content ul.pagination li:hover a { color: #333; }
#wrapper .content ul.pagination li.active { width: 29px; height:29px; border:none; background: url(style/pagination_active.png); color: #94ff7b; text-shadow: 0 1px 1px #000; }
#wrapper .content ul.pagination li.active a { color: #94ff7b; text-shadow: 0 1px 1px #000; }
#wrapper .content ul.pagination li.left { background: url(style/paginationleft.png) center no-repeat; }
#wrapper .content ul.pagination li.right { background: url(style/paginationright.png) center no-repeat; }
#wrapper .content ul.pagination li.left:hover { background: url(style/paginationleft_hover.png) center no-repeat #e5e5e5; }
#wrapper .content ul.pagination li.right:hover { background: url(style/paginationright_hover.png) center no-repeat #e5e5e5; }
#wrapper .content .articlebox { width:676px; height:350px; background: url(style/article.jpg); }
#wrapper .content .articlebox .articlebox_mask { position: relative; width: 676px; height: 350px; overflow: hidden; }
#wrapper .content .articlebox .articlebox_slide { width: 100%; margin: 0; padding: 0; list-style: none; }
#wrapper .content .articlebox .articlebox_slide li { position: relative; float: left; width: 1100px; height: 350px; }
.articlebox_img, .articlebox_img img { position: relative; width: 676px; height: 350px; }
#wrapper .content .articlebox .nav { padding: 0; margin: 29px 0 0 529px; z-index:999; position: absolute; list-style:none; width:112px; height: 23px; background: url(style/articlebox_nav.png) bottom center no-repeat; }
#wrapper .content .articlebox .nav li { width:13px; height:13px; float: left; margin: 6px 2px 0 7px; cursor: pointer; background: url(style/articlebox_nav0.png); }
#wrapper .content .articlebox .nav li.active { background: url(style/articlebox_nav1.png); }
#wrapper .content .articlebox .navarticle { padding: 0; margin: 29px 0 0 29px; z-index:999; position: absolute; list-style:none; height: 23px; background: url(style/articlebox_nav.png) bottom center repeat; }
#wrapper .content .articlebox .navarticle li { width:13px; height:13px; float: left; margin: 6px 2px 0 7px; cursor: pointer; background: url(style/articlebox_nav0.png); }
#wrapper .content .articlebox .navarticle li.active { background: url(style/articlebox_nav1.png); }
#wrapper .content .articlebox .articlebox_slide li .featured_text { padding:25px; background: url(style/articlebox_text.png); position: absolute; right: 0px; top: 80px; width: 372px; height: 195px; line-height: 21px; text-align: justify; font-size: 13px; text-transform: none; color: #869a9b; opacity: 0; text-shadow: 0 1px 1px #000; }
#wrapper .content .articlebox .articlebox_slide li .featured_text .category { height:auto; -webkit-font-smoothing: antialiased; text-transform: uppercase; font-size: 47px; font-weight: bold; color: #94ff7b; text-shadow: 0 2px 2px #000; }
#wrapper .content .articlebox .articlebox_slide li .featured_text .headline { height:auto; text-transform: uppercase; font-size: 30px; text-transform: uppercase; color: #fff; font-weight: 300; margin: 15px 0 10px 0; text-shadow: 0 2px 2px #000; text-align: left; line-height: 30px; }
#wrapper .content .articlebox .articlebox_slide li .featured_text a.readmore { width: 156px; height: 51px; background: url(style/articlebox_readmore.png); display: block; margin: 190px 0 0 215px; position: absolute; }
#wrapper .content .articlebox1 { width:676px; height:350px; }
#wrapper .content .articlebox1 .articlebox_mask { position: relative; width: 676px; height: 350px; overflow: hidden; }
#wrapper .content .articlebox1 .articlebox_slide { width: 100%; margin: 0; padding: 0; list-style: none; }
#wrapper .content .articlebox1 .articlebox_slide li { position: relative; float: left; width: 1100px; height: 350px; }
.articlebox1_img img { position: relative; width: 676px; height: 350px; display: block; } .articlebox1_img span {background-color: silver; background-color: hsla(0, 0%, 100%, 0.5); position: absolute; bottom: 0; padding-left: 30px; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight:bold; }
#wrapper .content .articlebox1 .nav { padding: 0; margin: 29px 0 0 529px; z-index:999; position: absolute; list-style:none; width:112px; height: 23px; background: url(style/articlebox_navarticle.png) bottom center repeat; }
#wrapper .content .articlebox1 .nav li { width:13px; height:13px; float: left; margin: 6px 2px 0 7px; cursor: pointer; background: url(style/articlebox_nav0.png); }
#wrapper .content .articlebox1 .nav li.active { background: url(style/articlebox_nav1.png); }
#wrapper .content .articlebox1 .navarticle { padding: 0; margin: 29px 0 0 29px; z-index:999; position: absolute; list-style:none; height: 23px; background: url(style/articlebox_navarticle.png) bottom center repeat; }
#wrapper .content .articlebox1 .navarticle li { width:13px; height:13px; float: left; margin: 6px 2px 0 7px; cursor: pointer; background: url(style/articlebox_nav0.png); }
#wrapper .content .articlebox1 .navarticle li.active { background: url(style/articlebox_nav1.png); }
#wrapper .content .articlebox1 .articlebox_slide li .featured_text { padding:25px; background: url(style/articlebox_text.png); position: absolute; right: 0px; top: 80px; width: 372px; height: 195px; line-height: 21px; text-align: justify; font-size: 13px; text-transform: none; color: #869a9b; opacity: 0; text-shadow: 0 1px 1px #000; }
#wrapper .content .articlebox1 .articlebox_slide li .featured_text .category { height:auto; -webkit-font-smoothing: antialiased; text-transform: uppercase; font-size: 47px; font-weight: bold; color: #94ff7b; text-shadow: 0 2px 2px #000; }
#wrapper .content .articlebox1 .articlebox_slide li .featured_text .headline { height:auto; text-transform: uppercase; font-size: 30px; text-transform: uppercase; color: #fff; font-weight: 300; margin: 15px 0 10px 0; text-shadow: 0 2px 2px #000; text-align: left; line-height: 30px; }
#wrapper .content .articlebox1 .articlebox_slide li .featured_text a.readmore { width: 156px; height: 51px; background: url(style/articlebox_readmore.png); display: block; margin: 190px 0 0 215px; position: absolute; }
#wrapper .wrapperin .wrapperbot > .sidebar { width: 386px; height: auto; float: left; margin: 0 0 0 9px; }
#wrapper .sidebar .partner:nth-child(2n) { margin-right:8px; }
#wrapper .sidebar .partner { width: 189px; height: 114px; float: left; background: #edf1f3; padding: 7px 6px 6px 6px; border-radius: 3px; margin-bottom:9px; }
#wrapper .sidebar .partner a { display: block; border:1px solid #dfe7eb; height: 100px; width: 176px; background: #fff no-repeat center center; filter: grayscale(100%); -webkit-filter: grayscale(100%) -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); -webkit-transition: 1s -webkit-filter linear; -moz-transition: 1s -moz-filter linear; -moz-transition: 1s filter linear; -ms-transition: 1s -ms-filter linear; -o-transition: 1s -o-filter linear; transition: 1s filter linear; }
#wrapper .sidebar .partner a:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%) -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); }
#wrapper .sidebar .headline { margin: 34px 0 0 0; text-shadow: 0 1px 1px #000; width:386px; height: 56px; line-height: 56px; padding: 0 0 0 51px; -webkit-font-smoothing: antialiased; font-size: 17px; text-transform: uppercase; color: #fff; font-weight: normal; background: url(style/sidebar.png) 0 0 no-repeat; clear: both; }
#wrapper .sidebar .headline_links { margin: 34px 0 0 0; width:386px; height: 56px; line-height: 56px; padding: 0 0 0 51px; -webkit-font-smoothing: antialiased; font-size: 17px; text-transform: uppercase; color: #869a9b; font-weight: normal; background: url(style/content_h2.png) left center no-repeat;clear: both; }
#wrapper .sidebar .headline_links a{color: #869a9b; font-weight:normal;text-decoration:none;}
#wrapper .sidebar .headline_links a:hover{color: #61ae53;text-decoration:none;}
#wrapper .sidebar .headline_links a:active{text-decoration:none;}
#wrapper .sidebar .headline p { margin:0; }
#wrapper .sidebar .headline span { font-weight: bold; font-style: italic; }
#wrapper .sidebar .headline a { float: right; font-size: 11px; text-transform: uppercase; color: #94ff7b; text-shadow: 0 1px 1px #000; display: block; text-decoration: none; margin: 0 19px 0 0; }
#wrapper .sidebar .headline a:hover { color: #d4ffdc; }
#wrapper .sidebar .ourgames .ourgamesslider {position:absolute; overflow:hidden; cursor: pointer; filter: grayscale(80%);
 -webkit-filter: grayscale(80%),
 -moz-filter: grayscale(80%);
 -ms-filter: grayscale(80%);
 -o-filter: grayscale(80%);
 filter: gray;
 -webkit-filter: grayscale(0.8);
 -webkit-transition: 0.3s -webkit-filter linear;
 -moz-transition: 0.3s -moz-filter linear;
 -moz-transition: 0.3s filter linear;
 -ms-transition: 0.3s -ms-filter linear;
 -o-transition: 0.3s -o-filter linear;}
#wrapper .sidebar .ourgames .ourgamesslider img {display:block;}
#wrapper .sidebar .ourgames .ourgamesslider span {display:none;position:absolute; padding: 0 0 0 10px;bottom:73px; width:386px; background:rgba(0,0,0,0.4); text-shadow: 0 1px 1px #000;-webkit-font-smoothing: antialiased; font-size: 17px;text-transform: uppercase; color: #fff; font-weight: bold;clear: both;}
#wrapper .sidebar .ourgames .ourgamesslider .triangle-games {display:none; position:absolute; bottom:0; left:30px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #fff;}

#wrapper .sidebar .ourgames .ourgamesslider:hover span{display:block;}
#wrapper .sidebar .ourgames .ourgamesslider:hover {overflow:visible; z-index:550!important; padding:0!important; margin:0!important; filter: grayscale(0%);
 -webkit-filter: grayscale(0%) -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);
 -o-filter: grayscale(0%);
 filter: none;
 -webkit-filter: grayscale(0);}
#wrapper .sidebar .ourgames .ourgamesslider:hover .triangle-games{display:block;}

#wrapper .sidebar .ts3_banner .ts3_banner_icon {
 
 z-index: 1;
 position: absolute;
 filter: grayscale(100%);
 -webkit-filter: grayscale(80%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: gray;
 -webkit-filter: grayscale(1);
 -webkit-transition: 0.3s -webkit-filter linear;
 -moz-transition: 0.3s -moz-filter linear;
 -moz-transition: 0.3s filter linear;
 -ms-transition: 0.3s -ms-filter linear;
 -o-transition: 0.3s -o-filter linear;}
#wrapper .sidebar .ts3_banner .ts3_banner_icon:hover {cursor: pointer; filter: grayscale(0%); -webkit-filter: grayscale(0%) -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0);}

#wrapper .sidebar .matchbox { width:386px; height: 483px; background: url(style/sidebar.png) no-repeat 0 -56px; }
#wrapper .sidebar .matchbox .upcomming { height: 177px; width: 386px; }
#wrapper .sidebar .matchbox .upcomming a.enemy { float: right; height: 152px; width: 190px; background: no-repeat center center; font-size: 13px; text-transform: uppercase; color: #869a9b; text-shadow: 0 1px 1px #000; padding: 135px 0 0 0; text-align: center; text-decoration: none; }
#wrapper .sidebar .matchbox .upcomming .home { float: left; height: 152px; width: 174px; background: url(style/smalllogo.png) no-repeat center center; font-size: 13px; text-transform: uppercase; color: #869a9b; text-shadow: 0 1px 1px #000; padding: 135px 0 0 0; text-align: center; text-decoration: none; font-weight:bold; }
#wrapper .sidebar .matchbox .upcomming .date { position: absolute; width: 82px; margin: 25px 0 0 152px; text-align: center; color: #98acad; text-shadow: 0 1px 1px #000; font-size: 13px; }
#wrapper .sidebar .matchbox .countdown { height: 56px; width: 386px; }
#wrapper .sidebar .matchbox .countdown .type { position: absolute; color: #fff; font-size: 26px; margin: 10px; }
#wrapper .sidebar .matchbox .countdown .days { width: 83px; height: 38px; float: left; margin: 9px 0 0 48px; }
#wrapper .sidebar .matchbox .countdown .hours, #wrapper .sidebar .matchbox .countdown .minutes { width: 83px; height: 38px; float: left; margin: 9px 0 0 20px; }
#wrapper .sidebar .matchbox .countdown .days div, #wrapper .sidebar .matchbox .countdown .hours div, #wrapper .sidebar .matchbox .countdown .minutes div { height: 38px; width: 38px; float: left; background: url(style/countdown.png) no-repeat 12px 0; }
#wrapper .sidebar .matchbox .countdown .days .second, #wrapper .sidebar .matchbox .countdown .hours .second, #wrapper .sidebar .matchbox .countdown .minutes .second { margin: 0 0 0 7px; }
#wrapper .sidebar .matchbox .lastmatches { width: 386px; height: 194px; overflow: hidden; }
#wrapper .sidebar .matchbox .lastmatches .matchslider { width: 10000px; height:194px; float: left; }
#wrapper .sidebar .matchbox .lastmatches ul { width: 386px; height: 194px; margin: 0; padding: 0; list-style: none; float: left;}
#wrapper .sidebar .matchbox .lastmatches ul li { height: 49px; line-height: 49px; font-size: 14px; text-transform: uppercase; color: #869a9b; }
#wrapper .sidebar .matchbox .lastmatches ul li a { line-height: 49px; font-size: 14px; text-transform: uppercase; color: #869a9b; text-decoration: none; font-weight: normal; }
#wrapper .sidebar .matchbox .lastmatches ul li a:hover { font-weight: bold; }
#wrapper .sidebar .matchbox .lastmatches ul li:first-child, #wrapper .sidebar .matchbox .lastmatches ul li:last-child { height: 48px; line-height: 48px; }
#wrapper .sidebar .matchbox .lastmatches ul li .icon { height: 16px; width: 16px; float: left; background: url(style/matchresults.png) 0 0 no-repeat; margin:17px 35px 0 15px; }
#wrapper .sidebar .matchbox .lastmatches ul li.draw .icon { background-position: 0 -16px; }
#wrapper .sidebar .matchbox .lastmatches ul li.lose .icon { background-position: 0 -32px; }
#wrapper .sidebar .matchbox .lastmatches ul li .result { float:right; margin:0 32px 0 0; font-size: 18px; color: #61ae53;}
#wrapper .sidebar .matchbox .lastmatches ul li.draw .result { color: #2753a4; }
#wrapper .sidebar .matchbox .lastmatches ul li.lose .result { color: #cc4242; }
#wrapper .sidebar .matchbox ul.matchswitcher { height: 56px; width: 386px; margin: 0; padding: 0; list-style: none; }
#wrapper .sidebar .matchbox ul.matchswitcher li { background-position: 300px -540px; font-size: 14px; text-transform: uppercase; color: #94ff7b; text-shadow: 0 1px 1px #000; float: left; line-height:56px; width: 60px; text-align:center; cursor: pointer; }
#wrapper .sidebar .matchbox ul.matchswitcher li:hover { font-weight: bold; }
#wrapper .sidebar .matchbox ul.matchswitcher li:first-child { margin: 0 0 0 135px; }
#wrapper .sidebar .matchbox ul.matchswitcher li.active { background-image: url(style/sidebar.png); }
#wrapper .sidebar .forumbox { padding:5px; background: #edf1f3; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#wrapper .sidebar .forumbox a { display: block; height: 75px; border:1px solid #dfe7eb; border-radius: 3px; margin: 4px 0 0 0; background: #fff url(style/sidebartopicnormal.png); }
#wrapper .sidebar .forumbox a:first-child { margin: 0; }
#wrapper .sidebar .forumbox a:hover { border:1px solid #dfe7eb; background: #fff url(style/sidebartopic.png); }
#wrapper .sidebar .forumbox a .pic { margin:12px; float:left; height: 51px; width: 51px; border-radius: 50%; background: no-repeat; background-size: 100%; }
#wrapper .sidebar .forumbox a .count { float: right; font-size: 14px; font-weight: bold; color: #61ae53; margin: 23px 12px; width: 40px; height: 28px; line-height: 28px; text-align: center; }
#wrapper .sidebar .forumbox a:hover .count { color:#94ff7b; text-shadow: 0 1px 1px #000; }
#wrapper .sidebar .forumbox a .info { float: left; margin:20px 0 0 0; font-size: 13px; color: #869a9b;}
#wrapper .sidebar .forumbox a .info div { font-size: 14px; color: #869a9b; color: #61ae53; font-weight: bold; }
#wrapper .sidebar .forumbox a:hover .info div { color: #94ff7b; }
#wrapper .sidebar .forumbox a:hover{text-shadow: 0 1px 1px #000; }
#wrapper .sidebar .pollquestion { width: 386px; padding:5px; background: #edf1f3; }
#wrapper .sidebar .pollquestion div { background: url(style/poll.png) no-repeat center 13px #fff; border:1px solid #dfe7eb; border-radius: 5px; padding: 30px 50px; text-align: center; font-size: 20px; font-style: italic; color: #61ae53; }
#wrapper .sidebar ul.poll { padding: 0; margin: 0; list-style: none; }
#wrapper .sidebar ul.poll li { cursor:pointer; height:48px; width: 386px; background: url(style/pollchoice.png); line-height: 46px; font-size: 14px; color: #94ff7b; text-shadow: 0 1px 1px #000; }
#wrapper .sidebar ul.poll li:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#wrapper .sidebar ul.poll li input { display: none; }
#wrapper .sidebar ul.poll li .vote { float: left; height:25px; width:25px; margin: 12px 12px 0 12px; cursor: pointer; background: url(style/pollchoice0.png); }
#wrapper .sidebar ul.poll li .voted { width:170px; height:25px; line-height: 25px; padding: 12px 12px 0 12px; }
#wrapper .sidebar ul.poll li .voted div { opacity: 0.8; background: #94ff7b; /* Old browsers */
background: -moz-linear-gradient(top, #94ff7b 0%, #4db221 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94ff7b), color-stop(100%,#4db221)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #94ff7b 0%,#4db221 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #94ff7b 0%,#4db221 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #94ff7b 0%,#4db221 100%); /* IE10+ */
background: linear-gradient(to bottom, #94ff7b 0%,#4db221 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94ff7b', endColorstr='#4db221',GradientType=0 ); /* IE6-9 */
border-top-left-radius: 50px;
border-top-right-radius: 200px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 200px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 200px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 200px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 20px;
 border:1px solid #192223; height: 25px; line-height: 25px; padding: 0 0px; }
#wrapper .sidebar input.pollvote { display:block; height: 53px; width: 156px; margin:30px auto 0 auto; background: url(style/pollvote.png); cursor:pointer; border:none!important; outline: none; }
#wrapper .sidebar .end { clear: both; height: 30px; }

/* footer, streams */
#footer { width: 100%; height: 609px; background: url(style/footer.jpg) no-repeat top center; }
#footer .box { width: 1100px; height: 436px; margin: 0 auto; background: url(style/footer.png) bottom center; }
#footer .logo { width: 153px; height: 63px; display: block; cursor: pointer;background: url(style/logosmall.png); position: absolute; margin: 118px 0 0 479px; }
#footer ul { padding: 0; list-style: none; margin: 0; position: absolute; }
#footer ul div { font-size: 14px; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px #000; padding: 0 0 40px 0; }
#footer ul li a { font-size: 13px; text-transform: uppercase; color: #869a9b; text-shadow: 0 1px 1px #000; text-decoration: none; line-height: 20px; }
#footer ul li a:hover { color:#94ff7b; }
#footer .info { margin: 125px 0 0 92px; }
#footer .exodus { margin: 140px 0 0 280px; }
#footer .exodus div { padding: 0 0 40px 20px; }
#footer .about { position: absolute; margin: 145px 0 0 740px; width: 305px; font-size: 13px; color: #697a7b; text-shadow: 0 1px 1px #000; line-height: 18px; }
#footer .about div { font-size: 14px; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px #000; padding: 0 0 40px 20px; }
#footer .socials { width:300px; height: 34px; position: absolute; margin: 320px 0 0 485px; }
#footer .socials a { width: 33px; height: 34px; cursor: pointer; float: left; margin: 0 0 0 10px; background: url(style/socials_footer.png) no-repeat; }
#footer .socials a:hover { background-image: url(style/socials_footer_hover.png); }
#footer .socials .youtube { background-position: -66px 0; }
#footer .socials .twitter { background-position: -33px 0; }
#footer .socials .facebook { background-position: 0 0; }
#footer .streambox { width: 686px; height: 279px; position: absolute; margin-top: -279px; }
#footer .streambox .player { height: 279px; width: 415px; background: url(style/streambox.png); float: left; margin:0 10px 0 9px; }
#footer .streambox .player .headline { text-shadow: 0 1px 1px #000; height: 56px; line-height: 56px; padding: 0 0 0 51px; -webkit-font-smoothing: antialiased; font-size: 17px; text-transform: uppercase; color: #fff; font-weight: normal; clear: both; }
#footer .streambox .player .headline p { margin:0; }
#footer .streambox .player .headline span { font-weight: bold; font-style: italic; }
#footer .streambox .player .headline a { float: right; font-size: 11px; text-transform: uppercase; color: #94ff7b; text-shadow: 0 1px 1px #000; display: block; text-decoration: none; margin: 0 19px 0 0; }
#footer .streambox .player .headline a:hover { color: #d4ffdc; }
#footer .streambox .player .play { margin:19px 0; }
#footer .streambox ul.list { margin:0; padding: 0; list-style: none; float: left; width: 251px; position: static !important; }
#footer .streambox ul.list li { height: 63px; border:1px solid #e1e1e1; cursor: pointer; border-bottom:none; font-size: 13px; color: #869a9b; }
#footer .streambox ul.list li:hover { background: url(style/streamhover.png); text-shadow: 0 1px 1px #000; }
#footer .streambox ul.list li.head { text-shadow:none; height: 54px; line-height: 54px !important; background: url(style/streamheadline.png) no-repeat 20px 21px !important; cursor: default; border-top: 1px solid #e1e1e1; line-height: 63px; font-size: 17px; text-transform: uppercase; color: #869a9b; padding: 0 0 0 41px; -webkit-font-smoothing: antialiased; }
#footer .streambox ul.list li.head span { font-style: italic; font-weight: bold; }
#footer .streambox ul.list li .status { width: 27px; height: 63px; float: left; margin: 0 0 0 20px; background: url(style/streamlist.png) no-repeat center left; }
#footer .streambox ul.list li.active .status { background-image: url(style/streamactive.png); }
#footer .streambox ul.list li div { padding: 15px 0 0 0 !important; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #61ae53; text-shadow: none; }
#footer .streambox ul.list li.offline div { color:#cc4444; }
#footer .streambox ul.list li.offline:hover div { color:#ff4d4d; text-shadow: 0 1px 1px #000; }
#footer .streambox ul.list li:hover div { color:#94ff7b; text-shadow: 0 1px 1px #000; }
#footer .streambox ul.list li.bot { text-shadow:none; height: 20px; background: url(style/streamlistbot.png) !important; cursor: default; border:none; }


.cw_header_date {font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; text-align: right; text-shadow: 0 1px 1px #000; color: #fff; font-size: 17px; padding: 10px 10px 10px 0;}
.cw_header_black {background: rgba(0,0,0,0.4);}
.cw_header_quickinfo {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; text-shadow: 0 1px 1px #000; color: #fff; font-size: 17px;padding: 10px 0 10px 10px;float: left;}
.cw_info {width: 676px;padding: 10px 0 0 0; clear: both;}
.cw_info_squad {width:50%; float:left; text-align:right;}
.cw_info_opponent {width: 50%; float: right;padding-left: 50px;}
.cw_info_squad a { -webkit-font-smoothing: antialiased; padding-right: 50px; display: block;font-size: 20px;text-transform: uppercase;color: #869a9b;font-weight: bold; font-style: italic;height: 50px;line-height: 50px;}
.cw_info_opponent a { -webkit-font-smoothing: antialiased; display: block;font-size: 20px;text-transform: uppercase;color: #869a9b;font-weight: bold; font-style: italic;height: 50px;line-height: 50px;}
.cw_info_hometeam {font-size:17px; text-transform:none; color: #000; font-weight:normal; font-style: normal; height:10px; line-height:30px; height:100%}
.cw_info_hometeam a{ padding-right: 50px;font-size:17px; text-transform:none; color: #000; font-weight:normal; font-style: normal; height:30px; line-height:30px; height: 100%}
.cw_info_hometeam a:hover { margin-right: 3px; background: #F2F1F1; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.cw_result {width: 676px;padding: 30px 0 0 0; clear: both;}
.cw_result_home {width: 49%;float: left;padding-right: 20px;text-align: right; font-size:50px; font-weight:bold;}
.cw_result_divider {width: 2%;float: left;text-align: center; font-size:50px; line-height: 65px; font-weight:bold;}
.cw_result_opp {width: 49%;padding-left: 20px;font-size:50px; font-weight:bold; float: left;}
.cw_detailed{width: 676px;padding: 0 0 0 0; clear: both;}
.cw_detailed_map{padding: 0 20px 0 10px; float:left;font-size:25px;width:33%}
.cw_detailed_result1{width:49%; text-align:right;padding: 0 20px 0 0; float:left; font-size:30px; font-weight:bold;}
.cw_detailed_result2{font-size:30px; font-weight:bold;}
.cw_detailed_divider{padding: 0 20px 0 0; float:left; font-size:30px; font-weight:bold;}
.cw_detailed_result{height:50px; line-height:50px;}
.cw_screenshots{width: 676px; clear: both; padding:0 0 50px 10px;}
.cw_league {width: 676px;padding: 10px 0 0 10px; clear: both;}
.cw_league img{margin-bottom:2px;}
.cw_league_link {font-size:20px;text-transform:uppercase;}
a.cw_matchlink {color:#869a9b}
.cw_adminaction {width: 676px;padding: 0 0 20px 0;}



.media_brand { text-align:center; font-size: 17px; margin-top:30px; color:#869a9b; }
.media_brand a{ font-style: italic; font-weight: bold; color:#869a9b}
.media_brand a:hover {color:#61ae53}


hr.style14 { 
 border: 0; 
 height: 1px; 
 background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
 background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
 background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
 background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}



@media (min-width:1180px){
 #wrapper .content .news div .date { width:51px; background: url(style/news.png) 0 0 no-repeat; font-size: 18px; margin: 27px 0 0 -51px; }
 #wrapper .content .news div .date span { float: none; line-height: 20px; }
}
#stream_ajax table tr:first-child td { background: url(style/forum.png); }
#stream_ajax table tr td { background: #fff;}
#stream_ajax table tr:nth-child(even) td { background: #F2F2F2; }