body, html {
	margin:0;
	padding:0;
	height: 100%;
	font-family:Tahoma, Arial, Helvetica, small Verdana, sans-serif;
	font-size:9pt;
	text-align:center;
	background:#7189A8 url('background_fade.jpg') repeat-x;
}

a {
	color:#5E7085;
	text-decoration:none;
	position:relative;
}
a:hover { text-decoration:underline; }

a img { border:0; }

form { padding:0; margin:0; }
p { margin:10px 0; }
td { font-size:8pt; }
td a { font-size:8pt; }
select { font-size:9pt; position:relative; }
option { font-size:9pt; }
input { position:relative; }
textarea { position:relative; }

h1 {
    margin:0;
    padding:0;
    margin-bottom:10px;
    font-weight:normal;
}
h2 {
    margin:0;
    padding:0;
    margin-bottom:10px;
}

legend { color:#0046d5; }

fieldset {
  padding:10px;
  -moz-border-radius: 5px; /* Runda hörn i Mozilla-läsare */
}

#container {
    background:url('background_splatter.jpg') top center no-repeat;
    width:1358px;
    margin:0 auto;
}

#main_wrap {
    width:1024px;
    margin:0 auto;
    text-align:left;
}

#header {
    background:url('header_image.jpg') no-repeat;
    height:267px;
    border-bottom:3px solid white;
    width:960px;
    margin:0 auto;
}
    #header_image {
        width:690px;
        height:267px;
        float:left;
    }
        #logo {
            margin:20px 0 0 10px;
            width:400px;
            height:100px;
            cursor:pointer;
            float:left;
        }
        #twitter {
            float:right;
            clear:right;
            margin:10px 10px 10px 0;
        }
        #facebook {
            float:right;
            clear:right;
            margin:0 10px 0 0;
        }
    #usermenu {
        width:270px;
        height:267px;
        float:left;
    }

#navigation {
    height:70px;
    padding:0 0 0 40px;
    margin:0 auto;
    width:960px;
}
    #navigation p { margin:0; }
    #navigation a {
        color:white; 
        font:normal 24px Verdana, Arial, sans-serif; 
        display:block; 
        float:left; 
        margin-left:36px; 
        line-height:70px;
        text-shadow:0 0 5px #000;
    }
    #navigation a.first { margin-left:0; }


#content_wrap {
    padding:0 19px;
    width:960px;
    margin:0 auto;
/*    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content_bg.png',sizingMethod='scale');*/
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/content_bg.png',sizingMethod='scale');

}
    #content_wrap[id] { background:transparent url("content_bg.png") top center repeat-y; }
    #content {
        border-top:3px solid #3D71D2;
        width:930;
        padding:15px;
        background-color:White;
    }

#footer {
    height:50px;
    padding:0 15px;
    width:930px;
    margin:0 auto;
    background:url('background_footer.png') repeat-x;
    color:white;
    font-size:8pt;
    font-family:Tahoma, Arial, Sans-Serif;
}
    #footer .copyright {
        float:left;
    }
    #footer .extralinks {
        float:left;
        margin-left:45px;
    }
    #footer .produced {
        float:right;
    }
    
    #footer p { margin:0; padding:0; line-height:50px; }
    #footer a { color:white; padding:1px 0; border-bottom:1px solid #7089A8; }
    #footer a:hover { text-decoration:none; padding:3px 0;  border-bottom:1px solid #7089A8; }

/*
	    .SokrutaMain {  height: 33px; 
	                    width: 268px;
	                    position: absolute;
	                    left: 705px;
	                    top: 32px;
	                    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/bilder/design/grund/SokrutaBackground.png',sizingMethod='scale');
				     }
	    .SokrutaMain[class] { background: url(/bilder/design/grund/SokrutaBackground.png) no-repeat; }
*/

    .videothumb {
        border:1px solid #ABABAB;
        padding:5px;
        background-color:White;
        width:130px;
        height:97px;
        /*text-align:center;*/
    }
    
    .addVideoSelector {
        background-color:#bbb;
        float:left;
        width:225px;
        margin:0 0 20px 10px;
        padding-bottom:10px;
        height:208px;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
    }
    .addVideoSelector a {
        padding-top:80px;
        display:block;
        text-align:center;
        color:white;
        font-size:20pt;
        padding-bottom:10px;
        text-shadow:-1px -1px 1px #888;
        border-radius:4px 4px 0 0;
        -webkit-border-radius:4px 4px 0 0;
        -moz-border-radius:4px 4px 0 0;
    }
    .addVideoSelector p {
        color:#666;
        padding:10px 10px 10px 10px;
        margin:0;
        text-shadow:1px 1px 1px #ddd;
    }
    .addVideoSelector.first {
        margin-left:0;
    }
    .addVideoSelector a.active {
        background-color:#999;
        text-shadow:-1px -1px 1px #6b6b6b;
    }
    #addVideoPreview {
        float:right;
        background-color:#D6D6D6;
        width:320px;
        padding:12px;
        margin:3px 0 10px 10px;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
    }
    .formblock {
        background-color:#ddd;
        padding:15px 15px 0 15px;
        border-top:4px solid #6d6d6d;
        width:900px;
    }
    .formblock.inactive {
        background-color:#f8f8f8;
        border-color:#ddd;
        height:145px;
    }
    .formblock.halfsize {
        width:425px;
        /*float:left;*/
        /*margin-left:20px;*/
    }
    .formblock.first { margin-left:0; }
    .autocompleter {
        background-color:white;
        padding:4px; 
        width:419px; 
        border:1px solid gray; 
        display:none;
    }
    .icon_plus {
        cursor:pointer;
        float:left;
        margin:5px 3px 0 0;
    }
    .foldout {
        background-image:url("stripe_bg.png"); 
        overflow:hidden; 
        height:15px; 
        padding:3px 8px; 
        float:left; 
        width:397px; 
        margin-bottom:15px;   
    }
    
    /* video.aspx */
    #playerfull { float:left; }
    #videoinfo {
        float:left; 
        width:410px; 
        margin:0 0 0 20px;
        padding:10px; 
        background-color:#D3DADD;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
    }
    #youtube_logo { float:right; }
    #youtube_logo span {
        display:block; 
        line-height:40px; 
        height:40px; 
        float:left; 
        margin-right:8px;
    }
    #youtube_logo img { float:left; }
    #videoinfo h2 {
        color:#9EA3A6; 
        font-size:30px; 
        margin:0 0 10px 0; 
        padding:0;
        font-weight:bold; 
    }
    #videoinfo h3 {
        font-size:14px;
        font-weight:bold;
        padding:0;
        margin:0;
        display:inline;
    }
    

.clear { clear:both; overflow:hidden; height:0; } /* IE6 hax */
.left { float:left; margin:0 8px 8px 0; }
.right { float:right; margin:0 0 8px 8px; }
.important { color:red; cursor:help; }


/* 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;
	font-size:30px;
	letter-spacing:-2px;
}
    
    
@media print
{
    /* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

    .sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	    display: none !important;
	    height: 0;
	    width: 0;
	    position: absolute;
	    overflow: hidden;
    }

    span.sIFR-alternate {
	    visibility: visible !important;
	    display: block !important;
	    position: static !important;
	    left: auto !important;
	    top: auto !important;
    }
}