@font-face { font-family: 'FontAwesome'; src: url('/stylesheet/fontawesome/font/FontAwesome.otf'); }

/* FIXES & OVERRIDES */

#aclTable,
.aclTable{
    width: 100%;
    font-size:11px;
    border-collapse: collapse;
}

#aclTable input,
#aclTable select,
.aclTable input,
.aclTable select{
    width: 15em !important;
    margin:0px;
}

.gpc-right #aclTable input,
.gpc-right #aclTable select,
.gpc-right .aclTable input,
.gpc-right .aclTable select
{
    width: 7em !important;
    font-size:11px;
}
.layout-builder-tools .aclTable input,
.layout-builder-tools .aclTable select{
    width: 4.5em !important;
    font-size:10px;
}

.layout-builder-tools .aclTable{
    font-size:9px !important;
}

.aclTable tr.thead{
    font-weight: bold;
    background-color:#f1f1f1;
}

.gpc-right .aclTable td,
.layout-builder-tools .aclTable td{
    overflow: hidden;
}

.layout-builder-tools .aclTable{
    background-color:#fff;
    clear:both;
}

.gpc-right .aclTable button.btn-success,
.layout-builder-tools .aclTable button.btn-success{
    font-size: 11px;
    padding: 4px 6px;
}

.gpc-right #aclTable,
.gpc-right .aclTable{
    font-size: 11px;
}
.gpc-right .aclTable tr.status td{
    text-align: center !important;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom:5px;
    font-weight: bold;
    color:#aaa;
    text-shadow: 1px 1px 1px #fff;
}
.gpc-right .aclTable tr.status.error td{
    color:#B94A48;
}

.gpc-right .aclTable tr.status.info td{
    color:#3A87AD;
}

.gpc-right .aclTable tr.status.warning td{
    color:#C09853;
}


input{
	width:auto;
}

.sportnik1 #frontpage{
}


div.divPopup {
    background-color: #FFFFFF;
    border: 1px solid #00508F;
    color: #000000;
    font-family: Arial,sans-serif;
    padding: 3px 5px;
    position: absolute;
    text-align: left;
    width: 150px;
}
img.divPopup {
    margin-bottom: 0;
}

.sportnik1{
	font-size: 11px;
    color:#4b4b4b;
    margin-bottom:20px;
}

.fullwidth-content.sportnik1{
    width:790px;
}

.fullwidth-content.no-left-menu.sportnik1{
    width:980px;
}

.sportnik1 font{
    float:none;
    margin:0px;
}

.sportnik1 thead, .sportnik1 tfoot{
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
}

legend{
    font-size: 16px;
}
fieldset{
    background-color: #fafafa;
}


.sportnik1 .box {
    background-color: #f1f1f1;
    border-width: 1px 1px;
    border-style: solid;
    border-color: #d9d9d9;
    margin: 0.5em 0;
    padding: 1em;
    color: #3b3b3b;
}

.c3 h1:empty{
    display: none;
}

.sportnik1 h2{
    border-top: 0px;
}
.sportnik1.has-left-menu{
    border-top: 0px;
}

.sportnik1 ul.box{
    padding:1em;
}
.sportnik1 ul.box li{
    margin-left: 1em;
}

.sportnik1 .box label,
.sportnik1 .box input{
    display: inline;
    margin-bottom:0px;
    margin-top:0px;
    font-size: 11px;
}

textarea.textarea{
    width:100%;
}

/* Forms, input and submits */
.sportnik1 #search { width: 145px; margin: 5px 0 0 0; }
.sportnik1 #custom-form input.textarea { width: 60% }
.sportnik1 .form { padding:0; margin: 0; }
.sportnik1 input, .sportnik1 button, .sportnik1 textarea, .sportnik1 select { font-size: 13px; line-height:18px; }
.sportnik1 .textarea, .sportnik1 .textarea input { padding-left: 1px; color: #4b4b4b; background-color: #fff; }
.sportnik1 .textarea { border: #d9d9d9 1px solid; }
.sportnik1 .textarea input { width: 83%; border: 0 solid #fff; padding: 0; margin: 0; }
.sportnik1 .textareaError, .sportnik1 .textareaError input { padding: 2px 4px; font-size: 10px; color: #4b4b4b; background-color: #fcebe4; }
.sportnik1 .textareaError { height: 18px; padding: 0 2px; width: 80%; border: #d9d9d9 1px solid; margin: 0 0 0.5em 0; }
.sportnik1 input.checkbox, .sportnik1 input.radio { width: 20px; }
.sportnik1 #searchTags { width: 150px; }

.sportnik1 .textarea[disabled],
.sportnik1 .textarea[readonly],
.sportnik1 .textarea input[disabled],
.sportnik1 .textarea input[readonly]{
    background-color: #eee;
}

.sportnik1:not('.no-auto-greenbuttons') button:not(.btn):not(.expand):not(.close),
.sportnik1:not('.no-auto-greenbuttons') input[type="submit"]:not(.btn) {
    /*background-color: #3b3b3b;
    color: #ffffff;
    border: #000000 solid 1px; */
    /*padding: 0 2px;
    font-size: 10px;
    width: auto;
    overflow: visible;
    font-weight: 400;
    background-color: #f1f1f1;
    color: #000;
    border: 1px outset #f1f1f1;*/

    border-radius: 4px 4px 4px 4px;
    font-size: 13px;
    padding: 1px 3px 1px 3px;
    height:24px;
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.sportnik1:not('.no-auto-greenbuttons') button:not(.btn):not(.expand):not(.close):active,
.sportnik1:not('.no-auto-greenbuttons') input[type="submit"]:not(.btn):active {
    border-style: inset;
}

.sportnik1:not('.no-auto-greenbuttons') button:not(.btn):not(.expand):not(.close):hover,
.sportnik1:not('.no-auto-greenbuttons') input[type="submit"]:not(.btn):hover {
    background-position: 0 -15px;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
    background-color: #51A351;
    color: #FFFFFF;
}

.sportnik1 .block {
  padding-left: 2px;
  background: #f1f1f1;
  width:180px;
}

/*div#frontpageLayouts { width: 99%; overflow: scroll; height: 165px; }
div#frontpage table.container {  padding: 0px; margin: 0px; width: 520px !important;}
div#frontpage table.container td {  padding: 2px; margin: 0px; }*/

.sportnik1 table {width:100%;}
.sportnik1 div#frontpage table.container {  padding: 0px; margin: 0px; width: 100% !important;}
.sportnik1 table td, .sportnik1 table th{
    padding:2px;
}

marquee{
    font-size: 18px;
    max-width: 980px !important;
}


/* WIDGETS / "GADGETS" */

.sportnik1 div#guestbookGadget div.guestbookItem { border-bottom: 1px solid rgb(235, 235, 235); margin-bottom: 0.5em; padding-bottom: 4px; }
.sportnik1 div#guestbookGadget div.guestbookItem span.date { float: right; font-style: italic; }
.sportnik1 div#guestbookGadget div.guestbookItem span.name { float: left; font-weight: bold; }

.sportnik1 div.gallerySlideshow {
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    overflow:hidden;
    margin-left: auto;
    margin-right: auto;
}
.sportnik1 div.gallerySlideshow div {
    position:absolute;
    display:block;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
    width: 100%;
    height: 100%;
}
.sportnik1 div.gallerySlideshow div img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sportnik1 h1, .sportnik1 h2, .sportnik1 h3:not(.popover-title), .sportnik1 h4 {
    font-family: 'raleway', Arial, sans-serif;
    font-weight: 800;
    padding: 0;
    margin: 0.2em 0;
}

.sportnik1 h1.page-title{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #015190;
    display: inline-block;
    font-family: 'raleway';
    font-size: 28px !important;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0 20px;
    text-align: left;
    width: 100%;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sportnik1 .sIFR-hasFlash h1 {
    visibility: hidden;
    letter-spacing: -5px;
}

.sportnik1:not(.groupstyles) h1 { font-size: 20px !important; line-height: normal; }
.sportnik1:not(.groupstyles) h2 { font-size: 15px !important; line-height: normal; }

.sportnik1 .box h1, .box h2 {
    margin-top: 0 !important;
}

.c3_3{
    display: block;
    float: left;
}

.c3_3 iframe{
    display: block;
    float: left;
}


.c3_3 .box, .box_rss { padding: 1em 15px;  margin-bottom: 1px; }

.sportnik1 .sIFR-hasFlash h2 {
    visibility: hidden;
    letter-spacing: -2px;
}

.sportnik1 h2 { font-size: 15px; line-height: normal; }

.sportnik1 .c3_2 .sIFR-hasFlash h3, .c3_1 .sIFR-has-flash h3 {
    visibility: hidden;
    font-size: 15px;
    letter-spacing: -2px;
}

.sportnik1 h3 { font-size: 12px; line-height: normal; }

.sportnik1 .sIFR-hasFlash h4 {
    visibility: hidden;
    font-size: 10px;
    letter-spacing: -2px;
}

.sportnik1 h4 { font-size: 10px; line-height: normal; }

.sportnik1 { font-size: 11px; line-height: normal !important; }

.sportnik1 span{
    margin:0px;
}

.sportnik1 td, .sportnik1 th{
    margin: 0;
    padding: 0.2em 0.4em;
    vertical-align: top;
}

.titleContainer{
    margin-bottom: 5px;
    padding: 5px 10px;
    font-size: 12px;
}

.sportnik1 .titleContainer span:not(:first-child) a[href$="/rss"] img{
    display:none;
}

.sportnik1 .titleContainer span:not(:first-child) a[href$="/rss"]:after{
    content:"\f09e";
    font-family: "FontAwesome";
    color:#fff;
    display: block;
    font-size: 16px;
}

.sportnik1 form[name="becomemembergadget"]{
    margin:0px;
}


#nav-main-top ul ul li.first-child a, #nav-main-top ul ul li a.first-child{
    box-shadow: inset 0  8px 8px -8px rgba(0,0,0, 0.15);
}

#nav-main-left ul ul {
    box-shadow: -8px 0 8px -8px #222;
}

#nav-main-left ul ul li.first-child a{
    box-shadow: none;
}

.multili:hover ul, .multili:hover ul li, .multili:hover ul li ul {
    display: block !important;
}

ul.multi{
    width:980px !important;
    position: absolute;
    left: 0px;
}

ul.multi > li{
    float:left !important;
    display: block !important;
    position: relative !important;
    background-color: none !important;
}

ul.multi.multi-col2 > li{
    width:490px;
}
ul.multi.multi-col3 > li{
    width:326px;
}
ul.multi.multi-col4 > li{
    width:245px;
}
ul.multi.multi-col5 > li{
    width:196px;
}

ul.multi > li > ul,
ul.multi > li > a,
ul.multi > li > ul > li{
    width:100% !important;
    display: inline-block !important;
    box-shadow: none !important;
}
#nav-main-top ul.multi > li > ul{

}

#nav-main-top ul.multi li li li{
    display: none !important;
}

#nav-main-top ul.multi > li > ul > li{
    padding-top:0px !important;
    padding-bottom:0px !important;
    height:20px !important;
}
ul.multi > li > ul > li > a,
ul.multi > li > ul > li > span{
    transition: padding 0.3s ease, text-shadow 0.3s ease;
    display: list-item !important;
    list-style: disc inside !important;
}
ul.multi > li > ul > li > a:hover{
    padding-left:5px !important;
    text-shadow: 2px 2px 2px #000;
    transition: padding 0.3s ease, text-shadow 0.3s ease;
}

ul.multi > li{
    padding:10px 20px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul.multi > li > a,
ul.multi > li > span{
    padding-left:5px !important;
    padding-right:5px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-bottom:1px solid #fff;
}

ul.multi > li ul, ul.multi > li a, ul.multi > li span{
    display: block !important;
    float:left !important;
    position: relative !important;
    left:0px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    margin:0px;
    background-color: transparent !important;
}

#nav-main-top ul ul.multi > li a,
#nav-main-top ul ul.multi > li span{
    padding:5px 0;
    height:30px !important;
    background-color: none !important;
}

ul.multi li.title a.title{
    border-bottom:1px solid #111 !important;
    color:#000;
}


.news-date{
    margin-bottom: 10px;
}

.news-date:before{
    content: "\f017";
    display: block;
    float: left;
    font-family: "FontAwesome";
    font-variant: normal !important;
    font-style: normal !important;
    margin-right:10px;
    margin-left:10px;

}



div.autocomplete {
       position:absolute;
       width:250px;
       background-color:#fff;
       border:1px solid #d9d9d9;
       margin:0px;
       padding:0px;
    }
    div.autocomplete ul {
       list-style-type:none;
       margin: 0px;
       padding: 0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb; }
    div.autocomplete ul li {
        list-style-type:none;
        display:block;
        margin:0;
        padding:2px;
        cursor:pointer;
    }
    div.autocomplete ul li span.informal { font-style: italic; }

    /* CALENDAR

    */

   #calendarPanel.box select{
    width:140px;
   }

   .container-beside-leftmenu #actionButtonBlock{
    margin-left:10px;
   }

   /* ALMANAC WEEK */

ul#almanac li.day {
    border-top: 1px solid #CCCCCC;
    clear: both;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

ul#almanac .daySign {
    float: left;
    font-family: serif;
    font-size: 9px;
    line-height: 1em;
    margin: 0 0 5px;
    overflow: hidden;
    text-align: center;
    width: 58px;
}

ul#almanac .dateNum {
    font-size: 33px;
    line-height: 1em;
    margin: 1px 0;
    padding: 0;
}

.container-beside-leftmenu h1:empty{
    display: none;
}

form > fieldset > dl > dt label{
    font-weight: bold;
}

.container-beside-leftmenu .has-left-menu{
    padding-top:0px;
}

.sportnik1 h2.log-date{
    margin-left:20px;
}

.sportnik1 .logBox{
    margin: 0px 20px;
    border-bottom:1px solid #aaa;
    padding:5px 5px;
}

.sportnik1 .logBox.logAdd{
    background-color:#FCF8E3;
}
.sportnik1 .logBox.logRemove{
    background-color:#F2DEDE;
}


/*
.box{
    clear: both !important;
    float: left;
    display: inline-block;
}

.box textarea{
    clear: both !important;
    float: left;
    display: block;
}*/

#kallade_rollbaserad table tr:nth-child(even),
#kallade_kallelselista table tr:nth-child(even),
#narvarohantering_rollbaserad table tr:nth-child(even),
#narvarohantering_kallelselista table tr:nth-child(even),
#kommunicera_rollbaserad table tr:nth-child(even),
#nya table tr:nth-child(even),
#gammla table tr:nth-child(even),
#summonList table tr:nth-child(even),
#kommunicera_kallelselista table tr:nth-child(even)
{
    background-color:#fff;
}

table.oddgrey tr:nth-child(even) td
{
background-color:#f1f1f1;
}

/* DIJIT DATEPICKER */

h3.dijitCalendarYearLabel{
    font-size: 18px !important;
}

.ui-menu .ui-menu-item a{
    font-size:11px;
    text-align: left;
}
.ui-menu{
    background-color:#F1F1F1;
}
.ui-menu-item a:hover{
    background-color: #fff;
}

#messageForm table tr:nth-child(even),
#messageTableForm tr:nth-child(even){
    background-color:#fff;
}

#messageForm table tr:nth-child(odd),
#messageTableForm tr:nth-child(odd){
    background-color:#f1f1f1;
}

#messageForm table tr:hover,
#messageTableForm tr:hover{
    background-color:#D9EDF7;
}