/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#414141; font:15px Arial, Verdana, serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px; border:0px;}
h1,h2,h3,h4{ font-family: Trebuchet MS, Arial; color: #333333; }
h2{font-size: 20pt;}
ul{list-style-type:none;}
a{color:#333333; text-decoration:none;}
a:hover{text-decoration:underline;}

/*----General classes----*/
.clear{
    clear: both;
}

/*----TOP PANEL----*/
#maintopPan{height:277px; background:url(images/headerbg2_grey.png) 0 0 repeat-x; margin:0 auto;} 
#topHeaderPan{width:514px; height:277px; float:left; background:url(images/header.png) 0 0 no-repeat;}

#topHeaderPan ul{
    left:25px;
    position:absolute;
    top:248px;
    width:490px;
}
#topHeaderPan ul li{float:left; margin-right:25px; height:30px;}
#topHeaderPan ul li a{color:#ffffff; display:block; white-space:nowrap; background:transparent; font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0;}
#topHeaderPan ul li a:hover{text-decoration:underline; background:transparent;} 
#topHeaderPan ul li.resources{background:none;}
#topHeaderPan ul li.active{background: url('images/menu_selected.png') no-repeat bottom center}

#topHeaderPan img{position:absolute; top:16px; left:10px;}
/*----Top Side Menu--*/
#topSidemenuPan{width:264px; height:277px; float:left; background:url(images/right_bg_grey.png) 100% 0 no-repeat #fff; color:#000;}
#topSidemenuPan ul{width:198px;  margin:0 0 0 20px;}
#topSidemenuPan ul li{width:99px; height:277px; float:left;}

#topSidemenuPan ul li.home{width:99px; height:277px;}
#topSidemenuPan ul li.home a{width:99px; height:277px; display:block; background:url(images/home_normal.png) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.home a:hover{width:99px; height:277px; background:url(images/home_hover.png) 0 0 no-repeat;}

#topSidemenuPan ul li.contact a{width:99px; height:277px; display:block; background:url(images/contact_normal_grey.png) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.contact a:hover{width:99px; height:277px; background:url(images/contact_hover_grey.png) 0 0 no-repeat;}

#subNavigationPan {float:left; width:505px;}
#leftPan #subNavigationPan ul,  
#subNavigationPan ul{
    margin:10px 0 0 25px; 
    list-style-type:none;
}
#subNavigationPan ul li{float:left; margin-right:25px; height:30px;}
#subNavigationPan ul li a{color:#333333; display:block; white-space:nowrap; background:transparent; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0;}
#subNavigationPan ul li a:hover{text-decoration:underline; background:transparent;} 
#subNavigationPan ul li.resources{background:none;}
#leftPan #subNavigationPan ul li.active,
#subNavigationPan ul li.active{
    text-decoration:underline;
}

/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:778px; clear:both;}
#bodyPan h2
{
    background: url('images/h_left.png') no-repeat;
    margin: 10px;
    padding: 0 12px 12px;
}
#bodyPan h3
{
    margin-left: 22px;
}
/*----Left Panel----*/
#leftPan{width:505px; float:left;}
#leftPan p{padding:0 24px 14px;}
#leftPan p span{font-weight:bold;}
#leftPan p.more{width:70px; height:23px; margin:0 0 0 340px;}
#leftPan p.more a{width:70px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPan p.more a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}

#leftPan table{
    margin-left:50px;
    padding:0pt 0pt 14px 0px;
}

#leftPan ul{
    list-style-type:disc;
    margin-left:50px;
    padding:0pt 0pt 14px 0px;
}

/*#leftPan h2{width:220px; height:100px; background:url(images/icon1.gif) 0 50% no-repeat; text-indent:-20000px; margin:0 0 0 22px;}*/

#PaninleftPan{
    margin-left:10px;
    width:155px; 
    float:left;
}
#PaninleftPan h3{height:55px; background:url(images/icon3.gif) 0 0 no-repeat #fff; color:#046CB8; font:24px/40px Arial, Helvetica, sans-serif; padding:30px 0 0 54px; margin:0 0 0 22px;}
#PaninleftPan h4{border:solid 1px #999999}
#PaninleftPan h4.elinstallation{width:155px; height:90px; background:url(images/elinstallation.png) 0 0 no-repeat; text-indent:-2000px;}
#PaninleftPan h4.varuhus{width:155px; height:90px; background:url(images/elvaruhuset.png) 0 0 no-repeat; text-indent:-2000px;}
#PaninleftPan h4.larmbrand{width:155px; height:90px; background:url(images/larm.png) 0 0 no-repeat; text-indent:-2000px;}
#PaninleftPan h2{font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:0;}
#PaninleftPan p{padding:0px 10px 14px;}

#PaninleftPan p.moreone{width:100px; height:23px; margin:0 0 35px;}
#PaninleftPan p.moreone a{width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#9EAF0A; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#PaninleftPan p.moreone a:hover{text-decoration:underline;}


#leftPaninleftPan{width:270px; float:left;}
#leftPaninleftPan h3{height:55px; background:url(images/icon3.gif) 0 0 no-repeat #fff; color:#046CB8; font:24px/40px Arial, Helvetica, sans-serif; padding:30px 0 0 54px; margin:0 0 0 22px;}
#leftPaninleftPan h4{width:209px; height:90px; background:url(images/image1.jpg) 0 0 no-repeat; margin:0 0 0 22px; text-indent:-2000px;}
#leftPaninleftPan p.strongtext{font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:16px 24px 14px;}

#leftPaninleftPan p.moreone{width:100px; height:23px; margin:0 0 35px;}
#leftPaninleftPan p.moreone a{width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPaninleftPan p.moreone a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}

#leftPaninrightPan{width:235px; float:left;}

#leftPaninrightPan h4{width:209px; height:90px; background:url(images/image2.jpg) 0 0 no-repeat; text-indent:-2000px;}

#leftPaninrightPan p{padding:0 0 14px;}
#leftPaninrightPan p.strongtext{font:16px/18px Arial, Helvetica, sans-serif; background:#fff; color:#3A3A3A; font-weight:bold; padding:16px 24px 14px 0;}
#leftPaninrightPan p span{font-weight:bold;}

#leftPaninrightPan p.moretwo{width:100px; height:23px; margin:0 0 35px;}
#leftPaninrightPan p.moretwo a{width:100px; height:23px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPaninrightPan p.moretwo a:hover{background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}
/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{width:273px; float:left; background:url(images/rightpanbg.gif) 0 0 repeat-y;}

#rightPan h2{width:85px; height:74px; background:url(images/icon4.gif) 0 0 no-repeat #fff; color:#3A3A3A; font:14px/18px Arial, Helvetica, sans-serif; padding:8px 0 0 66px; text-transform:uppercase; margin:24px 0 0 53px; }
#rightPan h2 span{font-size:48px; line-height:32px; background:#fff; color:#61A804; text-transform:none;}

#rightPan ul{width:190px; margin:36px 0 60px 25px;}
#rightPan ul li{
    background:none; 
    padding:0 0 0 20px;
    margin-bottom:10px;
}
#rightPan ul li.dot{
    background:url(images/bullet.png) 0 5px no-repeat; 
    padding:0 0 0 20px; 
    font-family: Trebuchet MS;
    font-size: 15px;
    font-weight:bold;}
#rightPan ul li.dot ul{
    padding:0 0 0 0px; 
    margin: 0;
    font-family: Trebuchet MS;
    font-size: 15px;
    font-weight:bold;}
#rightPan ul li.dot ul li{
    margin-bottom: 0;
    font-family: Trebuchet MS;
    font-size: 15px;
    font-weight: normal;}

#rightbottomPan{width:273px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat;}

/*----Right Panel----*/
#footermainPan{height:168px; background:#4C4C4C; color:#fff; clear:both;margin-top:20px;}
#footerPan{width:778px; float:left; position:relative;}

#footerPan img{width:218px; height:52px; position:absolute; top:28px; right:30px;}

#footerPan ul{width:320px; position:absolute; top:38px; left:53px;}
#footerPan li{float:left; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a, 
#footerPan .login a{padding:0 5px 0; color:#fff; background:#4C4C4C; text-decoration:none;}
#footerPan ul li a:hover,
#footerPan .login a:hover{text-decoration:underline;}

#footerPan .login{width:320px; top:38px; left:700px;font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; position: absolute}

#footerPan ul.footerInfo{top:80px;}
#footerPan ul.footerInfo li{padding-left:5px}
#footerPan ul.footerInfo li a{}
#footerPan ul.footerInfo li a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#4C4C4C; color:#79D000; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:74px; left:58px;}

#footerPanhtml{width:75px; height:24px; display:block; position:absolute; top:95px; left:58px;}
#footerPanhtml a{width:75px; height:24px; background:url(images/arrow1.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#footerPanhtml a:hover{background:url(images/arrow2.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none;}

#footerPancss{width:75px; height:24px; display:block; position:absolute; top:95px; left:145px;}
#footerPancss a{width:75px; height:24px; background:url(images/arrow2.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#footerPancss a:hover{background:url(images/arrow1.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none;}

/* Membership */
#memberList h2 {
    background:transparent url(images/h_left.png) no-repeat scroll 0% 0%;
    margin:0px 10px;
    padding:0px 12px 0px 12px;
}
#memberList p {
    padding:0px 14px 0px 24px;
}
#memberList .vcard{
    background-color: #ffffff;
    padding:5px;
    width: 461px;
}


/* rounded */
.rounded{
    background-color: #e1e1e1;
    margin: 15px;
    padding: 2px;
}
.roundedInnerBox{
    background-color: #ffffff;
    padding:5px;
    width:461px;
}
.rounded .image{
    border:1px solid #959595;
    overflow:hidden;
    height:80px;
    width:80px;
    float:right;
    margin-left:5px;
}
.rounded small
{
    padding: 0px;
}
.rounded cite
{
    padding: 0px;
}
.rounded .content
{
    margin: 0px 5px 10px 0px;
}


/* Login control */
#umbMemberControlsLogin
{
    width: 362px;
}
#umbMemberControlsLogin label
{
    float:left;
    width:110px;
}
#umbMemberControlsLogin p
{
    margin-bottom: 20px;
}
#umbMemberControlsLogin input[type=text], 
#umbMemberControlsLogin input[type=password]
{
    float:left;
    width: 200px;
}
#umbMemberControlsLogin input[type=submit]
{
    float:right;
}

/* Blog */
small {
    padding-left: 22px;
}

/* Blog comments */
.nodeComment{
    padding: 0px 22px;
    width: 450px;
    margin-bottom: 20px;
}

.nodeComment textarea{
    width: 100%;
}
.nodeComment input[type=submit]{
    float: right;
}

/* Forum */
#leftPan #forumList
{
    width: 100%;
    margin-left:0px;
    padding-left:10px;
}

/* Forum post list */
#forumList th
{
    background-color: #25467D;
    color: #ffffff;
    padding: 5px;
    text-align: left;
}
#forumList th.image
{
    background-color: transparent;
}
#forumList td
{
    background-color: #e2e2e2;
    padding: 0px 5px;
}

#forumList .even td
{
    background-color: #f2f2f2;
}

#forumList td.image
{
    width:32px;
    height: 32px;
    background: transparent url("/css/images/forum_post.gif") no-repeat;
    padding: 0px;
}

#forumList td.announce1
{
    background: transparent url("/css/images/forum_announcement.gif") no-repeat;
}

#forumList td.sticky1
{
    background: transparent url("/css/images/forum_sticky.gif") no-repeat;
}

#forumList td.sticky1.announce1
{
    background: transparent url("/css/images/forum_announcement_sticky.gif") no-repeat;
}

#forumList small
{
    padding: 0;
}
#forumList .center
{
    text-align:center;
}

/* Rightpan teasers */ 
#rightPan .teaser
{
    font-family:Trebuchet MS;
    font-size:15px;
    margin:36px 0pt 60px 25px;
    width:190px;
}
#rightPan .teaserHeader
{
    background:transparent url(images/bullet.png) no-repeat scroll 0pt 5px;
    font-weight:bold;
    padding:0pt 0pt 0pt 20px;
}
#rightPan .teaserContent
{
    font-weight:normal;
    padding:0pt 0pt 0pt 40px;
    margin-bottom:0pt;
}

/* Member controls */
#umbracoEditProfileForm p
{
    float: left;
    clear: both;
    width: 150px;
    height: 30px;
    padding: 0;
}
#umbracoEditProfileForm input
{
    margin-bottom: 16px;
    width: 300px;
}

/* Status updates */
.statusNew{
    margin: 15px;
}

.statusNew .statusNewTextBox
{
    float:left;
    margin:0px;
    margin-right:5px;
}

.statusNew .statusNewTextBox input[type=text]
{
   border:0pt none;
    color:#666666;
    font-size:20px;
    height:25px;
    padding:3px;
    width:390px;
}


.statusItem{
    padding-bottom: 5px;
    margin-top: 5px;
    border-bottom: dotted 1px #999999;
}

.statusItem .image{
    width: 50px;
    height: 50px;
}

.buttonClick
{
    float:right;
}

#rightPan .statusItem{
    padding-bottom: 5px;
    margin-top: 5px;
    border-bottom: dotted 1px #999999;
    font-size: 12px;
}

#rightPan .rounded
{
    margin:15px 20px 15px 15px;
    padding: 3px;
    background-color: #ffffff;
}

#rightPan .roundedInnerBox
{
    width: 222px;
}

#rightPan .rounded .content {
    margin:0px 5px 5px 0px;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {

}

.dot {

}

/* Doc2Grid */
.GridContainer{
    position:relative;
}

.GridItem{
    display: block;
    width: 100%;
    height: 100%;
}

.DynamicDropDown{
    background: #fff;
    border: solid 1px #333;
    min-width: 100px;
    _width: 100px;
}

.DynamicDropDown a{
    display: block;
    white-space: nowrap;
}

.progressBackgroundFilter {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;
  background-color:#000; 
  filter:alpha(opacity=50);
  opacity:0.5;
  z-index:1000;
}

.processMessage { 
  position:absolute;
  background: #fff url("images/indicator.gif") no-repeat center;
  width: 30px;
  height: 30px;
  top:30%; 
  left:43%;
  z-index:1001;
} 

/* doc2grid */
#leftPan fieldset {
    border:medium none;
}

#leftPan .Doc2Form ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0pt;
    line-height: 140%;
}

#leftPan .Doc2Form ul label{
    display: block;
}

#leftPan .Doc2Form ul input[type=text]{
    width: 300px;
}

#leftPan .Doc2Form ul textarea{
    width: 340px;
}

#leftPan .Doc2Form input.button{
    float: right;
    margin-right: 108px;
    margin-bottom: 20px;
}

/* Live editing */
#leftPan .mceLayout{
    margin-left:10px;
}