@charset "UTF-8";
/* Netblast Arena Base */

body {background:#eee;font-size:100%;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;}

/**** FONT SIZES
0.6875em = 11px
0.75em   = 12px
0.8125em = 13px
0.875em  = 14px
0.9375em = 15px
1em      = 16px
1.063em  = 17px
2.25em   = 36px
**********/


/*BASICS*/
a img {border:0;}
a {text-decoration:none;color:#000;}
a .link {font-size:0.725em;}

p {font-size:0.8125em;line-height:1.5em;}
p.presentation {font-size:0.75em;margin:0.15em 0 0 0;}
p.introduction {font-size:1em;}
.text { font-size: 0.8125em; }
.text p { font-size: 1em; }

p.byline {font-size:0.8125em;color:#999;margin:0.15em 0;}
p.byline a {color:#444;text-decoration:none;}
p.byline span.date {margin-right:0.5em;}

h1 {font-family:Tahoma, Geneva, sans-serif;font-size:2.25em;font-weight:normal;margin:0 0 0.25em 0;} 
h2 {font-size:0.9375em}
h3 {font-size:0.875em;}
h4 {font-size:0.8125em;}
h5 {font-size:0.75em;}

#referenced h3, #subpages h2 {margin:0 0 0.25em 0;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#upgrade-container {margin:0 auto;text-align:center;width:400px;padding:10px;background:#ccc;position:absolute;top:0;left:280px;}
#upgrade-container p {width:380px;margin:1em auto;text-align:left;}
#upgrade-container table {width:400px;margin:0 auto;background:#fff;padding:10px 5px;}
#upgrade-container a {text-transform:uppercase;font-size:0.75em;margin:0.25em 0 0 0;}
#upgrade-container button {background:#fff;margin-top:10px;border:1px solid #aaa;font-weight:bold;font-size:0.75em;}
#upgrade-container button.close {float:right;margin:0;border:1px solid #aaa;font-weight:bold;}
#upgrade-container form {width:400px;margin:20px auto 10px auto;text-align:right;}
#upgrade-container form label {font-size:0.75em;}

#container {width:960px;margin:0 auto;padding:0;background:#fff;}

#header {position:relative;}

#logo {margin:20px;}

#navigation {font-size:0.833em;background-color:#222;margin:0;padding:0px 0;z-index:998;}
#navigation a {line-height:3em;padding:0 1em;text-decoration:none;	}
#navigation a, #navigation a:visited  {color:#FFF;}
#navigation a.icon {background-repeat:no-repeat;background-position:10px 50%;padding-left:30px;}
#navigation li {background-color:#222;}
#navigation li li {background-color:#333;}
#navigation li li li {background-color:#444;}
#navigation li:hover, #navigation li.sfHover, #navigation a:focus, #navigation a:hover, #navigation a:active {background-color:#2a2a2a;outline:0;}

#content {width:700px;padding:0 10px;}
#content .container {margin:0 10px;}

.nb-elements-container {position:relative;}
.nb-elements-container .element {width:200px;margin:10px;padding:10px;}
 
.nb-elements-container .element p.byline {font-size:0.6875em;}
.nb-elements-container .element img {max-width:200px;margin:0 auto 0.25em auto}
.nb-elements-container .element:hover {background:#fafafa;}

/*full-width elements:*/
.vertical-list #subpages.nb-elements-container .element {float:none !important;width:auto !important;} 
.vertical-list #subpages.nb-elements-container .element p.byline {font-size:0.6875em;}
.vertical-list #subpages.nb-elements-container .element img {float:left;max-width:200px;margin:0 20px 0.25em 0 !important;}
.vertical-list #subpages.nb-elements-container .element:hover {background:#fafafa;}

/*clearfix the elemens*/
.vertical-list #subpages.nb-elements-container .element:after {content: ".";display: block;clear:both;visibility:hidden;line-height:0;height:0;}
.vertical-list #subpages.nb-elements-container .element {display: inline-block;}
html[xmlns] .vertical-list #subpages.nb-elements-container .element {display: block;}
* html .vertical-list #subpages.nb-elements-container .element {height: 1%;}



#referenced img,#subpages img {margin:0 0 10px 0;}
#main-column #referenced, #main-column #subpages {clear:both;}

/***************************************
   AJAX INDICATOR
****************************************/
#ajax-log {background:#fff;position:absolute;z-index:999;top:0;left:0;display:none;}
#ajax-log p {margin:5px 10px;padding:0;font-size:0.75em;font-weight:bold;background:url(http://templates.strong.no/Webdesk/bilde/196649.gif) 0% 50% no-repeat;line-height:32px;padding-left:40px;}
#ajax-log p:after {content: " Loading data";}
#ajax-log p.error {background-image:url(http://templates.strong.no/Webdesk/bilde/196650.gif);}
#ajax-log p.error:after {content: " An error occured";}


/***************************************
   TOOLBAR
****************************************/

#toolbar {font-size:0.8em;padding:10px 20px;color:#333;}
#toolbar .path {float:left;}
#toolbar .path:before {content: "You are here: ";font-weight:bold;}
#toolbar .tools {float:right;list-style:none;margin:0;padding:0;}
#toolbar .tools .tool {float:left;display:block;}
#toolbar .tools .tool .active {background:#eee;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
#toolbar .tools .tool .toggler {height:24px;overflow:hidden;}
#toolbar .tools .tool .toggler span {width:24px !important;padding:0 !important;display:block;height:24px;background-image:url(http://templates.strong.no/Webdesk/bilde/195836.gif);background-repeat:no-repeat;}
#toolbar .tools .tool .panel {background:#fff;position:absolute;display:none;padding: 10px 0 10px 0;border: 5px solid #EEE;-moz-border-radius:10px;-webkit-border-radius:5px 5px 5px 5px;z-index:960;}

#share.tool .toggler span {background-position:0px 0px;}
#share.tool .toggler span:hover {background-position:0px -24px;}
#share-disabled.tool .toggler span {background-position:0px -48px;}

#share .panel {width:110px;margin-left:-90px;}
#share .panel a {display:block;padding:2px 10px}
#share .panel a:hover {background:#eee;}
#share .panel a span {float:left;margin:0 10px 0 0}

#text-size.tool .toggler span {width:24px !important;background-position:-24px 0px;}
#text-size.tool .toggler span:hover {background-position:-24px -24px;}
#text-size-disabled.tool .toggler span {background-position:-24px -48px;}

#text-size .panel {width:72px;margin-left:-22px;padding:0 !important;}
#text-size .panel a span {width:24px;height:24px;display:block;float:left;background-image:url(http://templates.strong.no/Webdesk/bilde/195836.gif);background-repeat:no-repeat;}
#text-size .increase span {background-position:0px 0px;}
#text-size .increase:hover span {background-position:0px -24px;}

#text-size .reset span {background-position:-72px 0px;}
#text-size .reset:hover span {background-position:-72px -24px;}

#text-size .decrease span {background-position:-48px 0px;}
#text-size .decrease:hover span {background-position:-48px -24px;}


#search.tool {}
#search.tool .toggler span {width:24px !important;background-position:-96px 0px;}
#search.tool .toggler span:hover {background-position:-96px -24px;}
#search.tool .toggler.active span {background-position:-120px 0px;}
#search.tool .toggler.active span:hover {background-position:-120px -24px;}

#search.tool .panel {margin-left:-130px !important;padding:5px !important;}
#search.tool .panel input {border:0;}

/***************************************
   PAGE ELEMENTS
****************************************/

.twitter {background:#fafafa;padding:10px;clear:both;}
.twitter h3 {border-bottom:1px solid #ccc;padding-bottom:0.25em;}
.twitter ul {list-style:none;margin:0;padding:0px;}
.twitter ul li {margin-bottom:1em;font-size:0.833em;display:block;clear:both;}
.twitter ul li .tweet_avatar {float:left;margin:0 1em 0em 0;border:5px solid #f2f2f2;}
.twitter ul li .tweet_join {}
.twitter ul li .tweet_text {}
.twitter a {color:#000;font-weight:bold;}

.twitter.top {margin:10px 0;}
.twitter.top-left {float:left;width:200px;margin:0 20px 20px 0;}
.twitter.top-right {float:right;width:200px;margin:0 0 20px 20px;}
.twitter.bottom, .twitter.bottom-left, .twitter.bottom-right {margin:20px 0;}
.twitter.sidebar-top, .twitter.sidebar-bottom {float:none;display:block;width:180px;margin:10px 10px 10px 20px;}

.picasa {padding:10px;background:#eee;}
.picasa .element {padding:10px;background:#fff;height:180px !important;margin:0 0 10px 0;}
.picasa .element h6 {margin:5px;padding:0;}

.picasa .header {padding:0 0 10px 0;}
.picasa .header h2 {margin:0.15em 0;padding:0 0 0 5px;}
.picasa .header p {margin:0;padding:0 10px 10px 5px;}
.picasa .header .tools {border-style:solid;border-color:#fff;border-width:2px 0;padding:5px 10px}
.picasa .header .tools .size {float:right;}

.picasa.top {margin:10px 0;}
.picasa.top-left {float:left;width:200px;margin:0 20px 20px 0;}
.picasa.top-right {float:right;width:200px;margin:0 0 20px 20px;}
.picasa.bottom, .picasa.bottom-left, .picasa.bottom-right {margin:20px 0;padding:10px 70px 10px 60px}
.picasa.top-left .element, .picasa.top-right .element {margin:10px 10px;width:160px;}
.picasa.bottom .element, .picasa.bottom-left .element, .picasa.bottom-right .element {width:160px;}
.picasa.sidebar-top, .picasa.sidebar-bottom {float:none;display:block;width:180px;margin:10px 10px 10px 20px;}

.google-calendar {margin:0;padding:0 !important;}
.google-calendar.top, .google-calendar.bottom {margin:10px 0;}
.google-calendar.top-left {float:left;width:200px;margin:0 20px 20px 0;}
.google-calendar.top-right {float:right;width:200px;margin:0 0 20px 20px;}
.google-calendar.bottom-left, .google-calendar.bottom-right {margin:20px 10px !important;}
.google-calendar.sidebar-top,.google-calendar.sidebar-bottom {margin:10px 20px;}

.rotator-container {margin:10px;position:relative;}
.rotator-navigation {position:absolute;z-index:950;bottom:20px;right:20px;}
.rotator-navigation a {float:left;display:block;padding:5px;background:#eee;margin-right:5px;}
.rotator-navigation a.activeSlide {background:yellow;}

.rotator div {background-repeat:no-repeat;}

#main-column .rotator-container.bottom {width:920px !important}
#main-column .rotator-container.bottom .rotator div {width:920px !important}

.netblast-page-element-loader {position:absolute;top:0;left:0;z-index:100;width:100%;background-repeat:no-repeat;background-position:50% 50%;}


/***************************************
   INCLUDE LINK
****************************************/
.Include .ListElement {font-size: 0.8125em;margin:0 0 10px 0;}

/***************************************
   INFO LINES
****************************************/
.info-line p {margin:10px 20px;}
#header-line {clear:both;background:#ccc;text-align:center;}
#footer-line {clear:both;background:#ccc;text-align:center;}


/***************************************
   TOP
****************************************/
#top {background:#EEE;width:960px;margin:0 auto;padding:0;}
#top ul {list-style:none;margin:0;padding:0;}
#top .element {float:none;width:auto;}
#top .element:hover {background:transparent;}
#top .element a {color:#000;}
#top .element img {float:left;margin-right: 20px;}


/***************************************
   BOTTTOM
****************************************/
#bottom {background:#EEE;}
#bottom ul {list-style:none;margin:0;padding:0;}
#bottom .element {float:left;}
#bottom .element a {color:#000;}

/***************************************
   FOOTER
****************************************/
#footer {padding:10px 20px;border-top:3px solid #ddd;background:#eee;}
#footer a {float:right;}