/*** Standardelement ***/
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;
}
a:hover { text-decoration:underline; }
a img { border:0; }
form {
    padding:0;
    margin:0;
}
p {
    padding:8px 0 12px 0;
    margin:0;
    font-size:11pt;
}
td a { font-size:9pt; }
p a { font-size:11pt; }
li { font-size:10pt; }
td { font-size:9pt; }
select { font-size:9pt; }
option { font-size:9pt; }

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


/*** Layoutelement ***/
/* Som table för att fejka min-width för IE6 */
#container {
    background:url('background_splatter2.jpg') top center no-repeat;
    margin:0 auto;
}
#main_wrap {
    width:990px;
    margin:0 auto;
}
#header {
    background:url('header_image.jpg') no-repeat;
    height:267px;
    border-bottom:2px solid white; /*#5071c1;*/
    width:960px;
    margin:0 auto;
    position:relative;
    text-align:left;
}
    #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:7px 7px 7px 0;
        }
        #facebook {
            float:right;
            clear:right;
            margin:0 7px 0 0;
        }
        #rss {
            float:right;
            margin:7px 8px 0 0;
        }
    #usermenu {
        width:270px;
        height:249px;
        float:left;
        background:#39393b url("header_login_bg3.jpg") no-repeat;
        font:10px Verdana, sans-serif;
        color:white;
        padding-top:18px;
    }
        #usermenu label {
            margin:0 0 2px 17px;
            display:block;
        }
        .login_username {
            background:url("input_bg_username.png") no-repeat;
            width:230px;
            height:22px;
            font:italic 12px Verdana, sans-serif;
            color:#949494;
            padding:7px 4px 0 4px;
            margin:2px 0 17px 17px;
            border:0;
        }
        .login_password {
            background:url("input_bg_password.png") no-repeat;
            width:167px;
            height:22px;
            font:italic 12px Verdana, sans-serif;
            color:#949494;
            float:left;
            padding:7px 4px 0 4px;
            margin:2px 0 8px 17px;
            border:0;
        }
        .login_button {
            float:left;
            background:url("login_submit.png") no-repeat;
            text-transform:uppercase;
            font:bold 12px Tahoma, sans-serif;
            color:white;
            width:48px;
            height:29px;
            padding:0px 0 0 0;
            text-align:center;
            margin:1px 0 0 14px;
            border:0;
            cursor:pointer;
            letter-spacing:2px;
        }
        .login_error {
            width:167px;
            height:89px;
            padding:20px 40px 20px 20px;
            background:url("login_error2.png") no-repeat;
            font-size:10px;
            color:white;
            position:absolute;
            top:12px;
            left:478px;
        }/*
        .forgott_password {
            margin:5px 0 0 17px;
        }*/
        .usermenu_link {
            display:block;
            background:url("forgott_arrow.png") no-repeat center left;
            color:white;
            font:normal 12px Tahoma, sans-serif;
            clear:both;
            padding:0 0 0 10px;
            margin:5px 0 0 17px;
        }
        .adminlink {
            margin:20px 0 20px 0;
            display:block;
        }
            .adminlink a { font-weight:bold; }
        #register_button {
            background:url("register_button.png") no-repeat;
            width:270px;
            height:0;
            padding:36px 0 0 0;
            overflow:hidden;
            margin:24px 0 16px 0;
            display:block;
        }
        .search_input {
            float:left;
            background:url("search_bg_input.png") no-repeat;
            width:208px;
            height:22px;
            padding:7px 5px 0 5px;
            border:0;
            font:italic 12px Tahoma, sans-serif;
            color:#a6a6a6;
            margin:0 0 0 17px;
        }
        .search_button {
            float:left;
            background:url("search_bg_submit.png") no-repeat;
            width:20px;
            height:29px;
            padding:0;
            margin:0;
            border:0;
        }
        #usermenu_hi {
            margin-left:17px;
            font-size:12px;
            display:block;
        }
        .usermenu_username {
            margin:0 0 10px 17px;
            font-size:16px;
            font-weight:bold;
            text-shadow:0 0 5px #000;
            display:block;
        }
        #register_button_dead {
            background:url("register_button_dead.png") no-repeat;
            width:270px;
            height:36px;
            padding:0;
            margin:6px 0 16px 0;
            display:block;
        }

#navigation {
    height:72px;
    padding:0 0 0 40px;
    margin:0 auto 20px auto;
    width:960px;
    list-style-type:none;
    text-align:left;
}
    #navigation li { float:left; }
    #navigation li a {
        color:white; 
        font:normal 24px Verdana, Arial, sans-serif; 
        display:block; 
        float:left; 
        margin-left:36px; 
        line-height:72px;
        text-shadow:0 0 5px #000;
    }
    #navigation li a.first { margin-left:0; }
    #addvideo_btn {
        margin-left:22px;
        padding-top:1px;
    }

#content_wrap {
    padding:0 15px;
    width:960px;
    margin:0 auto;
    _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:5px solid #3D71D2;*/
        width:930;
        padding:0px 15px 0 15px;
        background-color:white;
        min-height:350px;
        text-align:left;
    }

/* Som table för att fejka min-width för IE6 */
#footer {
    height:140px;
    text-align:center;
    margin:0 auto;
    background:url('footer_bg.jpg') top center no-repeat;
}
    #foot_content {
        width:930px;
        padding:68px 30px 0 30px;
        margin:0 auto;
        text-align:left;
        color:white;
        font:8pt Tahoma, Arial, Sans-Serif;
    }
        #footer .copyright { float:left; }
        #footer .extralinks {
            float:left;
            margin-left:45px;
        }
        #footer .produced { float:right; }
        #footer p {
            font-size:8pt; 
            margin:0; 
            padding:0; 
            line-height:35px; 
        }
        #footer a {
            font-size:8pt; 
            color:white; 
            padding:1px 0; 
            border-bottom:1px solid #7089A8; 
        }
        #footer a:hover {
            text-decoration:none; 
            padding:0 0 3px 0; 
        }
        #extranav {
            clear:both;
            /*text-align:right;*/
            /*float:right;*/
            list-style-type:none;
            width:930px;
            /*height:16px;*/
            padding:0;
            margin:0;
            /*padding-top:10px;*/
        }
            #extranav li {
                display:inline;
                float:right;
            }
                #extranav li a {
                    font-weight:bold;
                    letter-spacing:1px;
                    margin-left:20px;
                    color:#7089A8;
                    border-bottom:1px dotted #7089A8;
                    /*float:right;*/
                    display:block;
                }



/*** Allmäna element ***/
.videothumb {
    border:1px solid #ABABAB;
    padding:5px;
    background-color:white;
    width:130px;
    height:97px;
    /*text-align:center;*/
}
.clear {
    clear:both; 
    overflow:hidden; /* IE6 hax */
    height:0;
}
.left {
    float:left; 
    margin:0 8px 8px 0;
}
.right {
    float:right; 
    margin:0 0 8px 8px;
}
.important {
    color:red; 
    cursor:help; 
}



/*** Mallar: ***/
/* Default */
.default_block {
    background-color:#d3dadd; 
    width:386px; 
    float:left; 
    padding:12px; 
    border-radius:4px; 
    -moz-border-radius:4px; 
    -webkit-border-radius:4px;
}

/* Add Video */
.addVideoSelector {
    background-color:#fff; /* bbb */
    float:left;
    width:225px;
    margin:0 0 20px 10px;
    padding-bottom:10px;
    height:208px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}
.addVideoSelector a {
    padding-top:64px;
    display:block;
    text-align:center;
    color:white;
    font-size:20pt;
    padding-bottom:20px;
    text-shadow:-1px -1px 1px #000;
    border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    background:url("addvideo_splash.png") bottom center no-repeat;
}
.addVideoSelector p {
    color:#666;
    padding:10px 10px 10px 10px;
    margin:0;
    font-size:9pt;
    text-shadow:1px 1px 1px #ddd;
}
.addVideoSelector.first {
    margin-left:0;
}
.addVideoSelector.active {
    background-color:#ccc;
}/*
.addVideoSelector a.active {
    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; }
.icon_plus {
    cursor:pointer;
    float:left;
    margin:5px 3px 0 0;
    clear:left;
}
.foldout {
    background-image:url("stripe_bg.png"); 
    /*overflow:hidden; 
    height:15px;*/ 
    padding:3px 8px;
    float:left; 
    width:397px; 
    margin-bottom:15px;   
}

/* Video */
#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;
}
.smalltext {
    font-size:10px;
    color:#898E90;   
}
    .smalltext a {
        font-size:11px;
    }

/* AutoComplete */
.autocompleter {
    background-color:white;
    padding:0px; 
    width:427px; 
    border:1px solid gray;
    /*border-bottom:0px;*/
    display:none;
    margin-top:-2px;
    overflow:hidden;
    height:auto;
}
.AC_header {
    background-color:gray;
    color:white;
    font-size:8pt;
    padding:2px 4px;
    margin:-2px 0 0 0;   
}
.AC_empty {
    color:gray;
    font-size:9pt;
    padding:3px;
}
.AC_separator {
    background-color:#bbb; 
    overflow:hidden; 
    height:1px; 
    margin:6px 0 6px 0;
}
.AC_fighterclub {
    color:#999;
    font-size:7pt;
}
.AC_item {
    cursor:pointer;
    padding:7px 4px 5px 4px;
    border-bottom:1px solid #bbb;
}
.AC_item:hover { background-color:#f8f8f8; }
.AC_error {
    padding:4px;
    font-style:italic;
    color:red;
}
.AC_loading {
    float:left;
    margin:4px;
}
.AC_info {
    color:gray;
    padding:6px;
    float:left;
    font-style:italic;
}
.AC_fakelink {
    font-size:10pt;
    color:#5E7085;
}

/* Organisations */
#eventBox {
    float:right; 
    margin:0 0 15px 15px; 
    padding:8px 12px; 
    background-color:#D3DADD;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-size:8pt;
}

/* Events */
#eventPlate {
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background-color:#d6d6d6;
    padding:1px 10px 0px 10px;
}
#eventOrgCount {
    margin:0 0 15px 15px; 
    padding:8px 12px; 
    background-color:white;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-size:9pt;
}



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



/*** Print ***/
@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;
    }
}