/* ================================================================ */
/* RULES FOR CSS-WRITING ON LAGET.SE                                */
/* ================================================================ */
/*
- Indent the code
- All propertys shall be written in alphabetic order
- Syntaz for seletors is: selector{property:value;property:value;}
- Name selector after the section it's present in e.g. #top_name for the section "top"
- Use 0 and not 0px
- Never write 10em as 10.0em
- Font-weight uses numeric (400=normal 700=bold)
- Combine properties using shorthand e.g http://perishablepress.com/press/2010/05/04/top-5-css-shorthand-properties/
- Make sure you change in the INDEX when changing subsections
- Avoid css in asp-pages as much as posible
- URL for images are for example "/Images/Site/image.gif"
*/

/* ================================================================ */
/* HTML			                                                    */
/* ================================================================ */

@media handheld, only screen and (max-width: 767px) 
{
    .alertbarHead, .moduleSponsor, .prPanorama, .prInsider{display:none;}
    #body_right{margin:0;width:100%;}
    h1{margin:0 10px;padding:5px 0;}

/* ================================================================ */
/* GENERIC ELEMENTS                                                 */
/* ================================================================ */
.contentMarginControl{padding:10px;}
.noResult{border:0;padding:10px;}
.tableDataAlignCenter{width:18px;}

    /* ================================================================ */
    /* MODULE-STRUCTURE                                                 */
    .module{box-shadow:0 0 6px #DDDDDD;margin:9px 8px 0 8px;-moz-box-shadow:0 0 6px #DDDDDD;-webkit-box-shadow:0 0 6px #DDDDDD;}
    .moduleHead{border-radius:3px 3px 0 0;padding:0;-moz-border-radius:3px 3px 0 0;}
    .moduleHeadContent{border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;background-image:none;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0.2)), color-stop(1, rgba(0,0,0,0)));background-image:-moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);}
    .moduleHeadContentMargin{line-height:30px;padding:0;}
    .moduleMiddle{border-bottom:1px solid #DDDDDD;border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;}
    .moduleBottom{display:none;}

    /* ================================================================ */
    /* CONTENT HEADLINE                                                 */
    .headlineLargeContent{background-image: url(/Images/Global/Mobile/contentHeadlineLarge.png);background-repeat:repeat-x;height:50px;}
    .headlineMediumContent{background-image: url(/Images/Global/Mobile/contentHeadlineMedium.png);background-repeat:repeat-x;}
    .headlineLargeContentMargin{font-size:20px;font-weight:700;margin-left:15px;margin-right:10px;overflow:hidden;padding-top:14px;}
    .headlineMediumContentMargin{font-size:16px;font-weight:700;margin-left:10px;margin-right:10px;overflow:hidden;padding-top:10px;}
    .headlineLargeContent, .headlineMediumContent{background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0.2)), color-stop(1, rgba(0,0,0,0)));background-image:-moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);background-position:left top;}
    .headlineLarge, .headlineMedium{margin-left:-16px;}

/* ================================================================ */
/* PAGE ELEMENTS                                                    */
/* ================================================================ */
    
    /* ================================================================ */
    /* MENU SUB			                                                */
    #menuSub li{margin-right:1px;}

    /* ================================================================ */
    /* MOBILE MENU	                                                    */
    .mobileMenu{display:block;}
    #mobileLogin input[type=text], #mobileLogin input[type=password]{-webkit-appearance:none;}
    .inputLogin{font-size:13px;height:auto;line-height:24px;margin-right:7px;padding-left:5px;}

    /* ================================================================ */
    /* NAVBAR		                                                    */
    #mobileNavbar{clear:both;border-bottom:1px solid #DDDDDD;display:block;padding:10px 0px 10px 10px;}
    .mobileNavbarLabel{float:left;font-size:10px;font-weight:700;margin:6px 10px 0 0;}
    #mobileNavbar select{-webkit-appearance:button;-moz-appearance:button;-webkit-user-select:none;-moz-user-select:none;-webkit-padding-end:20px;-moz-padding-end:20px;-webkit-padding-start:5px;-moz-padding-start:2px;background-image:url(/Images/Global/Mobile/iconArrowDown.png); /* For Chrome and Safari */background-position:center right;background-repeat:no-repeat;background-size:20px 10px;border-radius:2px;padding-top:2px;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap;}

    /* ================================================================ */
    /* ALERT		                                                    */
    #alertbar{margin:0;}
    .alertbarContent{border:0;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;height:auto;margin-bottom:1px;}
    .alertbarText{height:auto;white-space:normal;}

    /* ================================================================ */
    /* NEXT GAME & PREVIOUS GAME                                        */
    .moduleGameSingle{width:auto;}
    .moduleGameMultiple{width:46%;}
    .moduleGameMultipleMargin{margin-right:0;}
    .moduleFacebook{margin-right:10px;}

    .moduleGameList{background-color:#FFFFFF;padding:8px 10px;}
    .moduleGameList .dateTimePlace{margin-top:3px;}
    .moduleGameList .versus .icon img{width:30px;}
    .moduleGameList:hover{background-color:#FFFFFF;}

/* ================================================================ */
/* SUBPAGE ELEMENTS                                                 */
/* ================================================================ */
    
    /* ================================================================ */
    /* HOME/NEWS                                                        */
    .homeWelcomeText{border:0;margin:0;padding:5px 10px 10px 10px;}
    .homeNewsFeed .sharebox .Facebook{display:none;}

    .moduleDivisionStartpage .module{box-shadow:none;margin:10px 0 0 0;-moz-box-shadow:none;}
    .newsRssIcon{right:8px;top:8px;}
    #menuSub_News_Div{margin:7px 5px 0 5px;}
    #menuSub_News_Div #menuSub li{margin-right:6px;}
    .newsDiv h6, .newsDiv p, .newsDiv .h2_link{margin:0 10px;}
    .newsImage{margin:3px 10px 10px 10px}
    .newsFeedItemTop{margin-top:0;}

    /* ================================================================ */
    /* TROOP                 	                                        */
    .troopInfoLeft{float:none;margin:0;max-height:700px;width:100%;}
    .troopInfoLeft .troopImg .image{background-repeat:no-repeat;background-position: center center;background-size:cover;max-height:650px;}
    .troopInfoLeft .troopImg .image img{opacity:0;width:100%;-moz-opacity:0;}
    .troopInfoLeft .troopImg{border:0;box-shadow:none;-moz-box-shadow:none;float:none;padding:0;}
    .troopInfoRight{float:none;width:auto;}
    .troopSocialMedia{float:none;}

    /* ================================================================ */
    /* BOARD                 	                                        */
    .boardList{background-color:#FFFFFF;float:none;height:auto;margin:0;overflow:hidden;padding:0;width:100%;}
    .boardList:hover{background-color:#FFFFFF;}
    .boardListImg{float:left;padding:5px 10px 0 6px;width:60px;}
    .boardListImg .image{background-repeat:no-repeat;background-position: center center;background-size:cover;border-radius:28px;max-height:60px;-moz-border-radius:28px;}
    .boardListImg .image img{opacity:0;width:100%;-moz-opacity:0;}
    .boardListInfo{margin:10px 10px 0 0;overflow:hidden;}
    .boardListInfo h5{display:inline-block;}

    /* ================================================================ */
    /* GUESTBOOK             	                                        */
    .guestbookRules{background-image:none;font-size:11px;padding:10px;}
    #addEntry{background-color:#F8F8F8;padding-bottom:10px;}

    /* ================================================================ */
    /* PICTURE                     	                                    */
    .pictureListLink:hover{text-decoration:none;}
    .pictureListItem {border-top: 1px solid #DDDDDD;border-bottom: 1px solid #FFFFFF;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f0f0f0));background: -moz-linear-gradient(top,  #FFFFFF,  #f0f0f0);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f0f0f0');height:80px;overflow:hidden;}
    .pictureListItem:hover {background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));background: -moz-linear-gradient(top,  #FFFFFF,  #DDDDDD);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');}
    .pictureListItem .cover{float:left;margin:5px 0 5px 6px;width:70px;height:70px;background-position:center center;background-size:cover;}
    .pictureListItem .information{background:url(/Images/Global/Mobile/iconArrowRight.png) no-repeat center right;background-size:20px 30px;color:#333333;font-size:15px;height:60px;line-height:20px;margin:10px 7px 10px 80px;padding-right:22px;overflow:hidden;}
    .pictureListItem .information .count{color:#aaaaaa;}

    .pictureAlbumContainer{display:inline-block;text-align:center;}
    .pictureAlbumContainer a{font-size:0;}
    .pictureAlbumItem{display:inline-block;margin:6px 3px 0 3px;width:99px;height:99px;background-position:center center;background-size:cover;vertical-align:top;}
    .pictureAlbumGoback{clear:both;margin:0 0 5px 5px;padding-top:5px;}

    .pictureViewContainer .imageContainer{position:relative;}
    .pictureViewContainer img{width:100%;}
    .pictureViewContainer .navPrev, .pictureViewContainer .navNext{cursor:pointer;display:inline;height:100%;position:absolute;top:0;width:35%;z-index:10;}
    .pictureViewContainer .navPrev{left:0;}
    .pictureViewContainer .navNext{right:0;}
    .pictureViewContainer .navPrev:hover{background:transparent url(/Images/Global/Mobile/iconArrowLeftDark.png) no-repeat center center;}
    .pictureViewContainer .navNext:hover{background:transparent url(/Images/Global/Mobile/iconArrowRightDark.png) no-repeat center center;}
    .pictureViewContainer .title{background-color:#F1F1F1;border-bottom:1px solid #EAEAEA;font-size:15px;font-weight:700;line-height:20px;padding:5px;}
    .pictureViewContainer .desc{background-color:#F8F8F8;border-bottom:1px solid #EAEAEA;font-size:15px;line-height:20px;padding:5px;}
    .pictureViewContainer .tags{margin:3px 5px 0 5px;}
    .pictureViewContainer .tagsIcon{float:left;}
    .pictureViewContainer .tagsIcon img{height:20px;margin:6px 7px 0 0;width:20px;}
    .pictureViewContainer .comments{margin:3px 5px 0 5px;}

    /* To fit a like-box in same row */
    .pictureListColumn{width:145px;}
    .pictureListColumnImgFrame{margin:2px;}

    .ps-toolbar-close{left:0px;position:absolute;}
    .ps-toolbar-comment{position:absolute;right:0;}
    .ps-toolbar-count{color:#FFFFFF;font-weight:700;line-height:45px;}

    /* ================================================================ */
    /* VIDEO                     	                                    */
    .videoWrapperLeft{float:none;}
    .videoWrapperRight{float:none;margin-top:10px;width:100%}
    .videoPlayer{margin-top:0;width:100%;}
    .videoPlayer iframe{height:auto;width:100%;}
    .videoPlayerData{border:0;padding:5px;}
    .videoPlayerData p{margin:5px;}
    .videoPlayerDataBottom .revenue{border-bottom:1px solid #DDDDDD;display:block;margin-right:10px;}
    .videoPlayerDataBottom .views, .videoPlayerDataBottom .date{display:inline-block;float:none;}
    .videoPlayerDataBottom .views{border-left:0;margin-right:10px;padding:0;}
    .videoPlayerShare{margin-left:10px;}

    .videoThumb{border-bottom:1px solid #DDDDDD;display:block;margin:0;padding:0;width:auto;}
    .videoThumb img{float:left;height:auto;margin:5px;width:40%}
    .videoThumb .title{margin:7px 5px 0 5px;}
    .videoThumb .views{margin:3px 5px 0 5px;}

    /* ================================================================ */
    /* VIDEO MANAGEMENT		                                            */
    .listVideoDataDate{width:65px;}

    .addVideoForm .plupload_file_size, .addVideoForm .plupload_file_status{width:auto;}
    .videoEditForm .preview img{height:auto;margin:0;width:100%}
    .videoEditForm #Description{height:100px;margin:0 0 5px 0;}

    /* ================================================================ */
    /* SPONSORS     		                                            */
    .sponsorListContainer{margin:0px;width:auto;}
    .sponsorListItem{margin:3px;}

    /* ================================================================ */
    /* CONTACT     		                                                */
    .contactTeamcontactSitename{margin:5px 0 5px 0;}

    /* ================================================================ */
    /* CALENDAR     		                                            */
    .eventSubscribe img{width:40px;}
    .eventSubscribe:hover{background-color:transparent;}
    .eventSubscribeTitle{display:none;}
    .eventFilters{margin-left:10px;}
    .eventPrintButton{display:none}
    .subscribeInfo h2{margin-left:0;}
    .calendarWeek{margin-left:5px;}
    .calendarItem{padding-left:80px;}

    /* ================================================================ */
    /* DIVISION     		                                            */
    #menuSub_Division_Div{margin:5px 5px 0 5px;}
    #menuSub_Division_Div #menuSub li{margin-right:6px;}
    #menuSub_Division_Div_Filter{float:none;margin:0 5px;}
    #gamesContent_div .listMedium{font-size:11px;}
    .divisionButtonBackToSchedule{display:none;}
    .moduleGameSingleHideReadMore{margin:0;}
    .divisionGameSocialShare{margin-left:5px;}

    /* ================================================================ */
    /* CONFORM       		                                            */
    .editConfirmEventForm{}
}