@media all {
    .minitd {
        border-bottom: solid 1px black;
        border-left: solid 1px black;
        border-right: solid 1px black;
    }
    .minitdlastr {
        border-bottom: solid 1px black;
        border-left: solid 1px black;
        border-right: solid 1px #ccc;
    }

    .minitdd {
        border-bottom: solid 1px black;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
    }
    .minitdv {
        border-bottom: solid 1px black;
        border-left: solid 1px #ccc;
    }
    .minitdvlast {
        border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc;
    }

    .minitddlast {
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
    }

    .minitdlast {
        border-bottom: solid 1px #ccc;
        border-left: solid 1px black;
        border-right: solid 1px black;
    }


    .vText {
        -moz-transform: rotate(-90deg) translate(0, 100%);
        -moz-transform-origin: 0% 100%;
        -o-transform: rotate(-90deg) translate(0, 100%);
        -o-transform-origin: 0% 100%;
        -webkit-transform: rotate(-90deg) translate(0, 100%);
        -webkit-transform-origin: 0% 100%;
        transform: rotate(-90deg) translate(0, 100%);
        transform-origin: 0% 100%;
        font-size: 10px;
        position: absolute;
    }
	.menuLink
	{
		display: block;
		clear: right;
	}
	
	.menuLink.edit
	{
		float: left;
	}
	
	.editLinks
	{
		float: right;
		
		/* We have to put this here, else the floats gonna' screw everything up */
		margin-bottom: 5px;
	}
	
	#leftMenu, #lowerLeftMenu /* The .box div */
	{
		 padding-left: 0; 
		 padding-right:0;
	}
	
	.editMenu ul, ul.editMenu {
	   list-style-type: none;
	   margin: 2px;
	   margin-top: 0;
	   border-left: 4px solid #DCDCDC;
	   min-height: 10px;
	   
	   padding:2px 0 2px 2px;
	   width:100%;
	}
	
	.editMenu li {
	   padding: 2px;
	   margin: 2px;
	   min-height: 1px;
	}
	
	.editMenu .name
	{
		background-color: rgb(220,220,220);
		margin-left: 2px;
		padding:2px 0 2px 10px;
		cursor: default;
	}

	ul.leftMenu .name,
	h3.name
	{
		padding-left:10px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	h3.name
	{
		padding-left:15px;
	}

	#menuBar .name
	{
		padding:0;
	}

	
	
	#leftMenu li div /* The ul:s */
	{
			padding-left:10px;
	}

	#leftMenu li ul li div
	{
			padding-left:20px;
	}

	#leftMenu li ul li ul li div
	{
			padding-left:30px;
	}

	#leftMenu li ul li ul li ul li div
	{
			padding-left:40px;
	}

	#leftMenu li ul li ul li ul li ul li div
	{
			padding-left:50px;
	}

	
	
	ul#meny div
	{
		padding-left: 0;
	}
	
	ul.leftMenu, .leftMenu ul
	{
		list-style-type: none;
		margin:0;
		padding:0;
	}
	
	ul.leftMenu li
	{
		margin:0;
		padding:0;
	}
	
	.box.hidden
	{
		display: none;
	}
	
    body, input, textarea, select { font-family: "Arial Unicode", Arial, "Lucida Sans Unicode", Helvetica, sans-serif; }
    li { margin:0 0 0.5em 0.5em; padding:0; }
    p, ul, ol { margin: 0 0 1em 0; }
    form { margin: 0;}
    fieldset { border-style: solid; border-width: 1px 0; border-color: #c9c9c9; }
    legend { font-weight: bold; }
    table { font-size: 11px; width: 100%; border-collapse: collapse;}
    td, th { margin: 0; padding: 0.2em 0.4em; vertical-align: top; }
    th { font-weight: 800; text-align: left; }
    thead, tfoot { border: 1px solid #ccc; background: #f1f1f1; }
    /*tbody { background: #fff;} */
    caption { font-weight: 800; font-size: 120%; text-align: center; }

    /**
     * Styles for the sticky ad banner
     */
    div.stickyAdBanner { height: 15px; margin-left: 0px; margin-bottom: 0px; z-index: 9999999999; left: 0px; visibility: visible; position: fixed; bottom: 0px; width: 100%; color: #fff; text-align: center; overflow: hidden;} 
    div.stickyAdBanner ul { list-style-type: none; list-style-position: outside; clear: both;  }
    div.stickyAdBanner li { padding-left: 20px; font-weight: bold; white-space: nowrap; float: left; margin-right: 15px; display: block }
    div.stickyAdBanner a { color: #ffffff; text-decoration: none}
    div.stickyAdBanner h3 { padding: 0px; margin: 0px; }

    div.fotbollsKanalen li { background: url('/images/fotbollskanalen.png') left center no-repeat; }
    div.fotbollsKanalen { background: url('/images/fotbollskanalen_ad_bg.png') repeat-x top; padding: 5px}
    div.innebandySe { background: url('/images/innebandySe_ad_bg.png') repeat-x top; padding: 5px;}
    div.innebandySe li.blogg { background: url('/images/bloggbalk_t.gif') left center no-repeat; }
    div.innebandySe li.nyheter { background: url('/images/innebandySe_ico.gif') left center no-repeat; }
    div.sportalNu { background: url('/images/sportal_linjal.jpg') repeat-x top; padding: 5px; }
    div.sportalNu li { background: url('/images/sportal_logo.gif') left center no-repeat; }
    div.tipsbloggen { background: url('/images/tipsbloggen_linjal.jpg') repeat-x top; padding: 5px; }
    div.tipsbloggen li { background: url('/images/tbmicro.gif') left center no-repeat; }
    div.expressensport, div.sanktan { background: url('/images/expressensport_bg.jpg') repeat-x top; padding: 5px; }
    div.expressensport li, div.sanktan li { background: url('/images/expressengeting.jpg') left center no-repeat; }
    div.expressensport a, div.sanktan a { color: #e80009; !important}
    div.sanktan { background: url('/images/expressensport_bg.jpg') repeat-x top; padding: 5px; }
    div.sanktan li { background: url('/images/expressengeting.jpg') left center no-repeat; }
    div.sanktan a { color: #e80009; !important}
    div.nyheter24 { background: #000 url('/images/rss/nyheter24RSS.jpg') no-repeat left top; padding: 5px 5px 5px 80px; }
    div.nyheter24 li { background: url('/images/rss/nyheter24RSS_small.jpg') no-repeat left top; }
    div.nyheter24 a { color: #fff; !important}
    div.sportnik { background: url('/images/sportnik_bottom_add.png') repeat-x top; padding: 5px; }
    div.sportnik_white { background: white; border-top: 1px solid gray }
    div.sponsorhuset_linjal1 { background: #586e96; border-top: 1px solid gray }
    div.sponsorhuset_linjal2 { background: #358779; border-top: 1px solid gray }
    div.sponsorhuset_linjal3 { background: #eba349; border-top: 1px solid gray }
    div.sponsorhuset_linjal4 { background: #b7546e; border-top: 1px solid gray }
    div.flashObject{ padding-top: -10px; }
    div.sportnik li.bg { background: url('/images/sportnik_ikon.png') left center no-repeat; }
    div.stickyAd_iframe { height: 33px; border:0px; }

    div.interhome_kampanj284 { height: 30px; border: 0px; background: #0061A1; margin-left: auto; margin-right: auto }
    div.interhome_kampanj285 { height: 30px; border: 0px; background: #B3071B; margin-left: auto; margin-right: auto }
    div.interhome_kampanj286 { height: 30px; border: 0px; background: #D07005; margin-left: auto; margin-right: auto }
    div.interhome_kampanj287 { height: 30px; border: 0px; background: #005783; margin-left: auto; margin-right: auto }
    div.interhome_kampanj288 { height: 30px; border: 0px; background: #5D710D; margin-left: auto; margin-right: auto }
    div.interhome_kampanj289 { height: 30px; border: 0px; background: #00792C; margin-left: auto; margin-right: auto }
    div.interhome_kampanj290 { height: 30px; border: 0px; background: #4B2856; margin-left: auto; margin-right: auto }

    div.interhome { background: url('/images/linjal_shadow.gif') repeat-x top #ffffff; padding: 0px; color: #000000; height: 30px; font-size: 13px; font-weight: bold;}
    div.interhome p { padding-left: 110px; color: #000000; height: 30px; padding-top: 8px}
    div.interhome p a { color: #12447F; }

    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; }
    dl.rssChannel { margin-top: -2px }
    dl.rssChannel dt { margin-top: 5px; }
    dl.rssChannel dd { margin-bottom: 5px; margin-left: 7px; }




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

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

    tr td { background-color: transparent; }
    tr.striped td { background-color: #f1f1f1; }
    ul, ol {
        padding-left: 20px;
        margin-left: 0;
        list-style-position: outside;
        marker-offset: 1em;
    }

    ul {
        list-style-type: square;
    }

    li {
        margin: 0.2em 0 0.2em 1em;
        padding: 0;
    }

    ul.events, ul.people, ul.links {
        list-style-type: none;
        list-style-position: outside;
        padding-left: 0;
    }
    ul.events li, ul.people li, ul.links li {
        padding-left: 20px;
        min-height: 16px;
    }

    ul.events li { background: url(/images/calendar.png) left center no-repeat; }
    ul.people li { background: url(/images/people.png) left center no-repeat; }
    ul.links li  { background: url(/images/links.png) left center no-repeat; }

    .meta { color: #000; margin-bottom: 0.2em;}

    h1, h2, h3, h4 {
        font-family: DIN, Arial, sans-serif;
        font-weight: 800;
        padding: 0;
        margin: 0.2em 0;
    }

    #header { margin: 0 10px 0 10px; height: 75px; display: block; min-height: 75px;}

    #groupLogo {
        overflow: hidden;
        float: left;
        clear: right;
        text-align: right;
        height: 80px;
        width: 80px;
        position: relative;
        left: 10px;
        top: 10px;
        z-index: 999;
    }
    #topSponsorBanner {
        display: block;
        float: right;
        margin: 10px 0px 0px 0px;
    }

    #title {
        float:left;
        position: relative;
        top: 25px;
        left: 105px;
        margin: 0;
        width: 400px;
        font-size: 25px;
    }

    #title, #title a {
        color: #3b3b3b !important;
    }
    #topAds {
        position: absolute;
        top: 10px;
        left: 510px;
    }
    #menuBar {
        margin: 0px 10px 0px 10px;
        display: block;
    }

    #customHeader { min-height: 80px; width: 980px; margin: 0 10px 0px 10px; border-bottom: 1px solid #000000; display: block;}

    /* General Links */
    a:link { text-decoration: none; color: #005293; }
    a:active { text-decoration: none; color: #005293; }
    a:visited { text-decoration: none; color: #005293; }
    a:hover { text-decoration: none; color: #3783bf; }
    a.remove:link, a.remove:active, a.remove:visited, a.remove:hover { color: #c4262e; text-align: center }

    /* General Class */
    img { border: 0; margin: 0; padding: 0}
    .clear { visibility: hidden; clear: both; width: 0; height: 0; padding: 0; margin: 0; }
    dt { margin-top: 0.5em; font-weight: 800; }
    dd { margin-left: 1em; }
    address { font-style: normal; }
    .adline { font-size: 9px; color: #666666; }
    .ruta { height: 14px; padding: 2px 3px; font-size: 9px; margin: 0; background: #000000; color:#FFFFFF;}
    .ruta img { display: block; margin: 0; padding: 0; }

    /* Main contain */
    #maincontain { overflow: hidden; width: 1000px; background-color: #fff; margin: 0 5px auto; text-align: left; color: #4b4b4b; border-left: 0px solid #c3c3c3; border-right: 0px solid #c3c3c3; }
    #maincontain, #sidfot {background: url('/images/maincontainer_bg.gif') repeat-y}
    #maincontain { padding: 1px 0;}
    /* Annons Topp */
    #toppad {font-size : 9px; color : #666666; margin: 0px 10px 0px 10px}

    #header, .c3 { padding: 0; width: 980px; }
    .c3 { position: relative; margin: 10px;}

    /* Sportnik_logotype */
    .sportnik_logotype { float:left; padding: 0 50px 0 16px; margin: 0;}

    /* Annons text */
    .textad { width: 290px; float:right; padding: 0 50px 0 0; }
    .textad a { font-size: 11px; color:#3b3b3b; text-decoration : none; margin: 0; padding: 0;}
    .textad a:hover { font-size: 11px; color:#6b6b6b; text-decoration : none; margin: 0; padding: 0;}

    /* Spr???k knappar */
    #sprakmeny { text-align: right; width: 980px; height: 24px; clear:both; background-image: url(../images/bg_toppmeny.gif); background-repeat: repeat-x; background-position: bottom left; margin: 0px 10px 0px 10px;}
    #sprakmeny ul { width: 235px; float: right; padding: 0; margin: 0; list-style-type: none; }
    #sprakmeny li { float: right; padding: 0; margin: 0; display: inline; }

    #sprakmeny li a { display: block; height: 24px }
    #sprakmeny li a.sv { background: url(../images/lang_sv_off.gif) no-repeat right top; width: 47px}
    #sprakmeny li a.sv:active { background: url(../images/lang_sv_on.gif) no-repeat right top; width: 47px}
    #sprakmeny li a.sv:hover { background: url(../images/lang_sv_on.gif) no-repeat right top; width: 47px }

    #sprakmeny li a.en { background: url(../images/lang_eng_off.gif) no-repeat right top; width: 47px}
    #sprakmeny li a.en:active { background: url(../images/lang_eng_on.gif) no-repeat right top; width: 47px}
    #sprakmeny li a.en:hover { background: url(../images/lang_eng_on.gif) no-repeat right top; width: 47px }

    #sprakmeny li a.becomemember_en { background: url(../images/becomemember_en_off.gif) no-repeat right top; width: 80px}
    #sprakmeny li a.becomemember_en:active { background: url(../images/becomemember_en_on.gif) no-repeat right top; width: 80px}
    #sprakmeny li a.becomemember_en:hover { background: url(../images/becomemember_en_on.gif) no-repeat right top; width: 80px }

    #sprakmeny li a.becomemember_sv { background: url(../images/becomemember_sv_off.gif) no-repeat right top; width: 80px}
    #sprakmeny li a.becomemember_sv:active { background: url(../images/becomemember_sv_on.gif) no-repeat right top; width: 80px}
    #sprakmeny li a.becomemember_sv:hover { background: url(../images/becomemember_sv_on.gif) no-repeat right top; width: 80px }

    #sprakmeny li a.pendingmember_en { background: url(../images/pending_en_off.gif) no-repeat right top; width: 130px}
    #sprakmeny li a.pendingmember_en:active { background: url(../images/pending_en_on.gif) no-repeat right top; width: 130px}
    #sprakmeny li a.pendingmember_en:hover { background: url(../images/pending_en_on.gif) no-repeat right top; width: 130px }

    #sprakmeny li a.pendingmember_sv { background: url(../images/pending_sv_off.gif) no-repeat right top; width: 130px}
    #sprakmeny li a.pendingmember_sv:active { background: url(../images/pending_sv_on.gif) no-repeat right top; width: 130px}
    #sprakmeny li a.pendingmember_sv:hover { background: url(../images/pending_sv_on.gif) no-repeat right top; width: 130px }

    /* Meny */
    #meny { width: 980px; float: left; background-repeat: repeat-x; color:#ffffff; border-bottom:3px solid #000000; margin: 0px 10px 0px 10px }
    #meny { overflow: hidden; list-style-type:none; list-style:none; margin:0; padding: 0px 0px 0px 0px; }
    #meny li { margin: 0; font-size: 90%; float:left; padding:0 10px; border-style: solid; border-width: 0 1px; border-color: white; height: 22px;}
    #meny li a { color: #eeeeee; text-decoration: none; display: block; margin-top: 6px; }
    #meny li a:hover { color: #fff; text-decoration:none; }
    #meny li img { vertical-align: top; }

    #menyshadow {background: url(../images/bg_menyshadow.gif) repeat-x; height: 8px; padding: 0; clear:both}
    #nomenyshadow {repeat-x; height: 8px; padding: 0; clear:both}


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

    button, input.submit {
        /*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;
    }

    button:active, input.submit:active {
        border-style: inset;
    }

    button:hover, input.submit:hover {
        background-color: #fff;
    }

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

    /* Pictures & Gallery */
    .tags { margin: 0 3px 0 1px; }
    .delete_tag { text-align: right; }
    .picture { border: 1px solid #d9d9d9; }
    .picture_frame { width: 74px; height: 100px; float: left; background: transparent; text-decoration: none; padding: 5px; margin: 5px 5px 5px 5px; text-align: center; }
    .picture_frame2 { width: 94px; height: 120px; float: left; background: transparent; text-decoration: none; padding: 5px; margin: 5px 5px 5px 5px; text-align: center; }
    .picture_frame3 { width: 200px; height: 200px; float: left; background: transparent; text-decoration: none; padding: 0px; margin: 5px 5px 5px 5px; text-align: center; border: 1px; }

    .attachment_box { margin: 0 0 0; }
    .attachment_frame {
        float: right;
        text-align: center;
        /*background-color: #f1f1f1;
        border-width: 1px 0;
        border-style: solid;
        border-color: #d9d9d9;
        padding: 1em;*/
        margin: 0.5em 0;
    }
    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; }

    /* 3 spalt */
    .c3, .c3_2, .c3_3 { background-color: #fff; }
    .c3_1, c3_3 { overflow: hidden; }
	
    .c3_1 { width: 180px; float: left;}
    .c3_1 .box, .c3_3 .box, .box_rss { padding: 1em 15px;  margin-bottom: 1px; }
    .box_rss { font-size: 10px; padding: 5px 15px 0 0px; border-bottom: 1px solid #ffffff; background-color: #f1f1f1;}
    .box_rss a { color:#005293; text-decoration : none;}
    .box_rss a:hover { color:#3783bf;}
    .box_rss .rssItem {margin-bottom: 0.5em; color: #666666;}
    .box_rss .rssItem ul {margin-bottom: 0.5em; color: #666666; padding: 0 !important;}
    .c3_2 { width: 520px; margin-left: 9px; float: left; background-color: #fff;}
    /*.c3_2 { width: 468px; margin-left: 40px; float: left; background-color: #fff;}*/

    .c3_2 .textbox { float: left; width: 340px; overflow: hidden; }
    .c3_2 .textbox2 { overflow: hidden; }


    /* Spalt C2 200px */
    .c3_2 .spaltblock { width: 200px; float:left; padding: 0; margin: 20px 66px 0 0;}
    .c3_2 .spaltblock .ruta { height: 14px; margin-bottom: 1em;}
    .c3_2 .spaltblock h1 { color : #666666; margin: 0; padding: 0;}
    .c3_2 .spaltblock a { color:#005293; text-decoration : none;}
    .c3_2 .spaltblock a:hover { color:#3783bf;}

    .c3_2 .spaltblock2 { width: 200px; float:left; padding: 0; margin: 20px 0 0 0;}
    .c3_2 .spaltblock2 .ruta { height: 14px; margin-bottom: 1em; }
    .c3_2 .spaltblock2 h1 { color : #666666; margin: 0; padding: 0;}
    .c3_2 .spaltblock2 a { color:#005293; text-decoration : none;}
    .c3_2 .spaltblock2 a:hover { color:#3783bf;}

    /* Annons 468x60 */
    .ad468 { width:500px; padding: 5px 0 30px 0; margin: 30px 0 20px 0; height:100px; font-size : 9px; color : #666666; border-top:#f1f1f1 1px solid; float: left}
    .ad440 { width:440px; padding: 5px 0 30px 0; margin-left: auto; margin-right: auto; font-size : 9px; color : #666666; border-top:#f1f1f1 1px solid; float: left}

    .c3_3 { width: 250px; float: right; font-size: 9px; color : #666666; }
    .c3_3 .adline { margin-top: 1em; }

    /* Sidfot */
    #sidfot .padding { width: 980px; border-top: #c4262e 4px solid; margin: 0 10px; padding-bottom: 120px; }
    #sidfot a			{ color: #C4262E; text-decoration:none; }
    #sidfot a:hover		{ color: #c44d53; text-decoration:none; }

    .informationRow { background-color: #005293; color: #eaecf7; font-weight: 800; }
    .alertRow { background-color: #c4262e; color: #fcebe4; font-weight: 800; }

    #globalErrorContainerBox, #globalInfoContainerBox {
        margin-bottom: 1em;
    }
    .errorBox, .infoBox {
        border-width: 0 1px 1px 1px ;
        border-style: solid;
        color: #000;
        background-color: #f1f1f1;
        padding: 0.5em 45px 0.5em 0.5em;
        margin: 0 0 0.5em 0;
        background-repeat: no-repeat;
        background-position: top right;
    }

    .supernikClose {
        padding: 2px 2px 2px 2px;
    }

    .supernikInfoBox .contents {
        border-width: 0 1px 1px 1px ;
        border-style: solid;
        border-color: #e2e2e2;
        color: #000;
        background-color: #f1f1f1;
        padding: 0.5em 45px 0.5em 0.5em;
        margin: 0 0 0.5em 0;
        background-repeat: no-repeat;
        background-position: top right;
    }

    .supernikInfoBox .reseguiden {
        border-width: 0 1px 1px 1px ;
        border-style: solid;
        border-color: #e2e2e2;
        color: #000;
        background-color: #f1f1f1;
        padding: 0.5em 0.5em 0.5em 0.5em;
        font-size: 11px;
        margin: 0 0 0.5em 0;
        background-repeat: no-repeat;
        background-position: top right;
    }

    .supernikInfoBox {
        color: #000;
        background-color: #E2E2E2;
        margin: 0 0 0.5em 0;
    }
    .errorBox { border-color: #c4262e; background-image: url('/images/dialog-error.png'); background-color: #fcebe4; }
    .infoBox { border-color: #005293; background-image: url('/images/dialog-information.png'); background-color: #eaecf7; }
    .c3_2 .bigInfoBox { border-color: #005293; background-image: url('/images/dialog-information.png'); background-color: #eaecf7; }
    .errorBox h5, .infoBox h5, .supernikInfoBox h5 {
        font-size: 120%;
        font-weight: 800;
        margin: 0.2em 0;
    }
    .supernikClose {
        font-weight: 800;
        font-size: 10px;
    }

    .errorClose, .infoClose {
        padding: 0.2em 0.5em;
        font-weight: 800;
        margin-top: 1em;
        font-size: 10px;
    }
    .c3_2 .bigErrorClose, .bigInfoClose {
        font-weight: 800;
        margin-top: 1em;
        padding: 0.2em 12px;
        font-size: 10px;
    }
    .errorClose { background: #c4262e url('/images/errorClose_bg.gif') repeat-x; color: #fcebe4; }
    .infoClose { background: #005293 url('/images/infoClose_bg.gif') repeat-x; color: #eaecf7; }
    .c3_2 .bigInfoClose, .bigInfoClose a { background-color: #005293; color: #eaecf7; }
    .errorClose a, .infoClose a { float: right; }
    .errorClose a:hover, .infoClose a:hover { color: #fff }

    .memberBox {
        font-size: 10px;
        margin-bottom: 0.5em;
        padding-bottom: 0.1em;
        border-bottom: 1px solid #d1d1d1;
    }

    .c3_2 .bigErrorBox, .bigInfoBox {
        background-color: #f1f1f1;
        border-width: 1px 1px ;
        border-style: solid;
        color: #000;
        padding: 1em;
        margin: 0;
        background-repeat: no-repeat;
        background-position: top right;
    }

    .c3_3 .box .titleContainer a {
        color: #000;
    }

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

    .c3_2 .box .box {
        background-color: #ebebeb;
        border-color: #d1d1d1;
    }

    .c3_2 .box .box .box {
        background-color: #e3e3e3;
        border-color: #c9c9c9;
    }

    .c3_2 .darkBox {
        background-color: #e3e3e3;
        border-width: 1px 1px;
        border-style: solid;
        border-color: #c9c9c9;
        margin: 0.5em 0;
        padding: 1em;
        color: #3b3b3b;
    }

    table.data thead, table.data tfoot { background-color: #f1f1f1; border: 1px solid #c9c9c9; }
    .c3_2 .box thead, .c3_2 .box tfoot { background-color: #ebebeb; border: 1px solid #d1d1d1;}
   /* .c3_2 .box tbody { background: #fff; border: 1px solid #d1d1d1; } */
    .c3_2 .box .box thead, .c3_2 .box .box tfoot { border-color: #e3e3e3; background-color: #c9c9c9; }

    .box h1 {
        margin-top: 0;
    }

    h5 {
        font-size: 100%;
        margin: 0.5em 0 0 0;
    }
    .actionButton {
        display: block;
        float: right;
        font-size: 10px;
        margin:  0 0 0 0.5em;
        padding: 0.3em 0.5em;
    }
    .actionButton:hover { background-color: #fff;}
    .actionButton img { position: relative; top: 1px; margin-right: 0.5em;  float: left; }
    .actionButton .buttonText { display: block; margin-top: 2px; }
    .selector td { line-height: 1.5em; }
    .selector .iconCell { padding: 0; margin: 0; }

    .natural { padding: 0.5px 0 0 3px; }

    table.selectable tbody tr:hover { background-color: #d9d9d9; }
    .toggleArrow { float: right; color: #666 !important; }

    .blockForm { margin-top: 0.5em; padding-top: 0.5em; border-top: 1px solid #d9d9d9; }
    .blockForm div { margin-bottom: 1em; }

    .almanac {
        font-size: 10px;
    }

    table.almanac {
        border-collapse: collapse;
    }

   

    ul.almanac { list-style-type: none; margin: 0; padding: 0; }
    li.day { clear: both; float: left; width: 100%; border-top: 1px solid #ccc; margin: 0; padding: 5px 0; list-style-type: none; }
    ul.almanac ul.day { margin: 0 0 0 68px; padding: 0; }
    table.almanac ul.day { margin: 0; padding: 0 1px 0 0; }
    table.almanac tr:hover { background-color: transparent; }
    table.almanac td { margin: 0; padding: 0.5em 0; }
    .daySign {
        font-size: 9px;
        font-family: serif;
        line-height: 1em;
        float: left;
        width: 58px;
        overflow: hidden;
        text-align: center;
        margin: 0 0 5px 0;
    }
    .dateNum { font-size: 33px; line-height: 1em; margin: 0; padding: 0; margin: 1px 0;}
    li.horizontalEvent {
        position: relative;
        background-color: #666;
        color: #fff;
        margin: 2px 0;
        padding: 2px;
        cursor: pointer;
        list-style-type: none;
    }

    li.horizontalEvent2 {
        position: relative;
        background-color: #f1f1f1;
        border-color: #d9d9d9;
        border-width: 1px 1px;
        border-style: solid;
        color: #3b3b3b;
        margin: 2px 0;
        padding: 1px;
        cursor: pointer;
        list-style-type: none;
    }


    li.verticalWeek {
        position: relative;
        background-color: #666;
        color: #fff;
        margin: 2px 0;
        padding-top: 5px;
        margin-bottom: 20px;
        cursor: pointer;
        list-style-type: none;
        width: 30px;
        text-align: center;
    }

    .redText {
        /*color: #c4262e;*/
        /*font-size: 110%;
        font-family: "Arial Unicode", "Lucida Sans Unicode", Arial, sans-serif;*/
    }
    .realRedText {
        color: #c4262e;
    }
    .greenText {
        color: #089300;
        font-size: 110%;
    }
    .blueText {
        color: #005293;
        font-size: 110%;
    }

    .border {
        color: #d9d9d9;
    }

    .redButton, .greenButton {
        color: #fff;
    }
    .greenButton {
        background-color: #393;
        border-color: #393;
    }
    .redButton {
        background-color: #933;
        border-color: #933;
    }

    input.required {
        border-color: #80191e;
        border-width: 1px;
        border-style: solid;
    }

    .pager {
        margin: 0.5em;
        text-align: center;
    }

    .popup {
        position: absolute;
        border: 1px solid #000;
        padding: 0.5em;
        background-color: #ff9;
        color: #000;
        font-family: Arial, sans-serif;
        text-align: left;
    }

    .selectedPage {
        color: #fff;
        background-color: #005293;
        font-weight: 800;
        padding: 0 0.2em;
    }

    ul.menuList {
        list-style-type: none;
        list-style-position: outside;
        margin: 0;
        padding: 0;
    }

    /*ul.menuList li {
        margin: 0;
        padding: 0;
    }*/
    ul.menuList ul.menuList {
        margin-left: 1em;
    }

    tt, pre {
        font-family: monospace;
        font-size: 10px;
    }

    .username {
        background-color: #eaecf7;
        color: #000;
    }
    .password {
        background-color: #fcebe4;
        color: #000;
    }

    #nojs {
        font-weight: 800;
        border: 1px solid #c4262e;
        background-color: #fcebe4;
        padding: 0.5em;
        margin: 0 0 0.5em 0;
    }

    .attentionBox {
        border: 1px solid #c4262e;
        background-color: #fcebe4;
        padding: 0.5em;
        margin: 0 0 0.5em 0;
    }

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

    tr.summonList {
        cursor: pointer;
    }
    tr.summonList:hover, tr.summonListHover {
        background-color: #e2ebf7;
    }
    .negative {
        color: #C4262E;
    }
    .positive { color: #089300 }

    /*
    body {
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        font-size: .8em;
        }
    */
    /* the div that holds the date picker calendar */
    .dpDiv {
        }


    /* the table (within the div) that holds the date picker calendar */
    .dpTable {
        border-collapse: collapse;
        text-align: center;
        width: 200px;
        background-color: #e3e3e3;
        border: 1px solid #c9c9c9;
        }


    /* a table row that holds date numbers (either blank or 1-31) */
    .dpTR {
        }


    /* the top table row that holds the month, year, and forward/backward buttons */
    .dpTitleTR {
        }


    /* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
    .dpDayTR {
        }


    /* the bottom table row, that has the "This Month" and "Close" buttons */
    .dpTodayButtonTR {
        }


    /* a table cell that holds a date number (either blank or 1-31) */
    .dpTD {
        }


    /* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
    .dpDayHighlightTD {
        }


    /* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
    .dpTDHover {
        background-color: #aaa;
        cursor: pointer;
        color: #c4262e;
        }


    /* the table cell that holds the name of the month and the year */
    .dpTitleTD {
        }


    /* a table cell that holds one of the forward/backward buttons */
    .dpButtonTD {
        }

    .dpButton {
            font-size: 8px;
        }

    /* the table cell that holds the "This Month" or "Close" button at the bottom */
    .dpTodayButtonTD {
        }


    /* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
    .dpDayTD {
        background-color: #3b3b3b;
        border: 1px solid #000;
        color: #fff;
        }


    /* additional style information for the text that indicates the month and year */
    .dpTitleText {
        font-size: 12px;
        font-weight: bold;
        }


    /* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
    .dpDayHighlight {
        color: #005293;
        font-weight: bold;
	}
    #aep_ovrl {
    background-color: black;
    moz-opacity: 0.7; opacity: 0.7;
    top: 0; left: 0; position: fixed;
    width: 100%; height:100%; z-index: 99;
    }
    #aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
    #aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
    #aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
    #aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
    #aep_text {width: 100%;}
    #aep_w span {font-family: Arial, sans-serif; font-size: 10pt;}
    #aep_w div {text-align: right; margin-top: 5px;}
    #aep_ovrl { 
    position: absolute; 
    filter:alpha(opacity=70); 
    top: expression(eval(document.body.scrollTop)); 
    width: expression(eval(document.body.clientWidth)); 
    } 
    #aep_ww {  
    position: absolute;  
    top: expression(eval(document.body.scrollTop));  
    } 
    
    div.ad {
        margin: 0 0 0.3em 0;
    }

    .logBox { padding: 0.3em; margin-bottom: 1em; border-style: dashed; border-width: 1px; }
    .logRemove { background-color: #fcebe4; border-color: #c4262e; }
    .logRemove span.mark {color: #c4262e; }
    .logAdd { background-color: #eaecf7; border-color: #005293; }
    .logAdd span.mark { color: #005293; }
    .log { background-color: #f1f1f1; border-color: #ccc; }
    .log span.mark { color: #ccc; }

    .center { text-align: center; }
}

@media print {
    #calendarPanel, #toppad, #header, #sidfot, .c3_1, .c3_3, .ad468, .ad440, #marqueeTable, #actionButtonBlock, #customHeader, #menuBar, #sprakmeny, .noPrint {
        display: none;
    }

    body, table{
        font-family: "Futura T light", Arial;
        font-size: 10pt;
    }

    body, #maincontain, .c3, .c3_2 {
        margin: 0;
        padding: 0;
        background: transparent;
        width: 100%;
    }

    .ruta {
        color: #fff !important;
        background-color: #000 !important;
    }

    .horizontalEvent {
        color: #000 !important;
    }
    .daySign {
        font-size: 9pt;
        width: 6em;
    }
    .dayNum {
        font-size: 24pt;
    }
    .noPrint {
        display: none;
    }
}

@media screen {
    /* These are standard sIFR styles... do not modify */

    .sIFR-flash {
        visibility: visible !important;
        margin: 0;
    }

    .sIFR-replaced {
        visibility: visible !important;
    }

    span.sIFR-alternate {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden;
    }


    /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
    .sIFR-flash + div[adblocktab=true] {
      display: none !important;
    }

    /* 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 */

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

    h1 { font-size: 20px; }

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

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

    h2 { font-size: 15px; }

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

    h3 { font-size: 12px; }

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

    h4 { font-size: 10px; }


    .wrap1, .wrap2, .wrap3 {
        display:inline-table;
        /* \*/display:block;/**/
    }
    .wrap1 {
      background:url(/shadow.png) right bottom repeat-y;
    }
    .wrap2 {
      background:url(/corner_bl.png) -4px 100% no-repeat;
    }
    .wrap3 {
        padding:0 10px 9px 0;
        background:url(/corner_tr.png) 100% -4px no-repeat;
    }
    .wrap3 img {
        display:block;
        border:1px solid #ccc;
        border-color:#efefef #ccc #ccc #efefef;
    }

    div.ad {
        margin: 0 0 0.3em 0;
    }
    .mce-container .mce-btn button i.mce-ico{
        height:20px !important;
    }
}