/* Start of CMSMS style sheet 'doondot' */
/* 
    Document   : doondotWeb
    Created on : den 15 juni 2007, 13:43
    Changed on :den 23 deci 2007 - Tommy Hägvall - Born2IT

    Author     : mikael.johansson@bytestorm.net
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
   display: block;
   margin-right: 10px
}
.grabber{
  display: block;
  /*position : absolute;*/
 float:left;
  top : 0px ;
  /*left : 200px ;*/
  font-size: 16px ;
  font-style : italic;
  font-weight :600 ;
  color: #7b6445;
  z-index : 10;
  line-height:120%;
  width:240px;
  height:180px;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
/*border: 1px solid #000;*/

}

.grabber2 {

float:right;
  display:block;
  /*left:70%;*/
 /* position:absolute;*/
  top:10px;
  color:#7B6445;
  font-size:16px;
  font-style:italic;
  font-weight:600;
  line-height:120%;
  z-index:10;
margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
/*border: 1px solid #000;*/
height:180px;
width:250px;


}
.doondotGreen{
   color: #7CB021;
}
.doondotOrange{
   color: #FFA500;
}

dfn{display:none;} 

#nyteknik {
clear:both;
float:left;
width:115px;
height:125px;
margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 


}

.weblogo {
/*display:block;*/
clear:right; 
float:right;
/*left:75%;*/
/*position:absolute;*/
margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
/*border: 1px solid #000;*/
height:125px;

}

#langicons{
/*display:block;*/
clear:right;
float:right;
/*left:75%;*/
/*position:absolute;*/
top:130px;
margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 

}

#logoContainer {
   float: right;
   background-image: url(/uploads/images/DoOnDotwebbenondemand.jpg);
   background-position: center;
   background-repeat: no-repeat;
   height: 90px;
   width: 160px
}
.logoContainer {  
   background-position: center;
   background-repeat: no-repeat;
   float: right;
 
}

/***********Framework Layout***********/
#maincontainer{
   width: 900px;
   margin: auto auto auto auto; 
   padding: 0px 0px 0px 0px; 
   /*margin: 0 auto; */
/*Center container on page*/
   /*border: dashed 1px #FFA500;*/
}
#bannerContainer{
   background-image: url({autobg});
   background-position: center;
   background-repeat: no-repeat;
   height: 330px;
   width: 100%;
   border-bottom-color:black;
   border-bottom-width:thick;
border-bottom: 2px solid #778
}
#header h2{
  float: left;
  margin-left:100px ;
  font-style :italic;
  font-weight: 400;
  color: #7CB021;
  border-bottom-style: dotted;
  border-bottom-color: #7CB021;
}
#header div.logo{
   float: left;
   margin: 8px;
}
#header div.logo img{
   width: 120px;
   border: 0;
}
#header div.slogan{
   border-bottom-color: #FFA500;
   border-bottom-style: dotted;
   color: #7CB021;
   float: left;
   font-size: 1.2em;
   font-style: italic;
   font-weight: 400;
   margin-left: 100px;
   margin-top: 8px
}
/***********Login Form Layout***********/
#loginContainer{
   vertical-align: middle;
   float: right;
   color: #FFA500;
   font-size: 0.8em;
}
#loginContainer form{
   border: 0;
   margin: 0;
  border-collapse: collapse;
}
#loginContainer form input{
   font-size: 0.6em;
   padding: 0 2px;
   margin: 2px;
}
#loginContainer form input.loginSubmit{
  background-color: #7CB021;
  font-weight: 600;
  border: 0;
}
#loginContainer form input.loginSubmit:hover{
  background-color: #FFA500;
 }
.loginr1{margin: 0 5px; height: 1px; overflow: hidden; background: #444444;}
.loginr2{margin: 0 3px; height: 1px; overflow: hidden; background: #444444;}
.loginr3{margin: 0 2px; height: 1px; overflow: hidden; background: #444444;}
.loginr4{margin: 0 1px; height: 2px; overflow: hidden; background: #444444;}

#topSection{
  vertical-align: middle;
    width: 100%;
    margin: 16px 0 0 0;
}
#breadCrumbs{
  display :none;
  clear :left ;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 12px;
  background-color :lime ;
}
#mainsection{
   width: 100%;
   border: 0;
   margin: 0;
}
#mainMenu{
  } 
#contentwrapper{
   float: left;
   width: 100%;
}
#contentcolumn{
   margin: 0 200px 0 10px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
   /*border-left: dotted #0061AA 1px;*/
   /*border-right: dotted #0061AA 1px;*/
   
}
#leftcolumn{
   position:absolute;
   left:160px;
   /*max-width:200px;*/
 /* width: expression(this.width > 200 ? 200: true);*/
  /* margin-left:-50px;*/

  width: 100px; /*Width of left column in pixel*/
 /*  margin-left: -900px; /*Set margin to that of -(MainContainerWidth) */
}
#rightcolumn{
   float: left;
   width: 200px; /*Width of right column*/
   margin-left: -200px; /*Set left marginto -(RightColumnWidth) -(border 1 + 1 px)*/
  background-color: #FFFFFF;
}
#footer{
   border-bottom-style: dotted;
   border-bottom-width: 1px;
   border-bottom-color: #7CB021;
   clear: left;
   color: #222222;
   font-size: 0.7em;
   font-weight: 500;
   padding: 10px 5px 5px 5px;
   text-align: right;

}
#footer a{
  color: navy;
}
.poweredBy{
  display: none;
  float: left;
  color: #FFA500;
}
.innerTube{
    margin: 10px; /* Margins for inner DIV inside each column (to provide padding) */
    padding: 5px;
    background-color: #FFFFFF;
}

.rightTube{
    margin: 10px; /* Margins for inner DIV inside each column (to provide padding) */
    padding: 5px;
    background-color: #F2F2F2;
}
.contentTube{
    margin: 10px 0 10px 0; /* Margins for inner DIV inside each column (to provide padding) */
    padding: 5px 10px;
    background-color: #FFFFFF;
}

/****************** Left Menu Rounded Corners *****************/
.leftTubeContent {
   background-color: #000000;
   border-bottom-width: 1px;
   border-left-color: white;
   border-left-style: solid;
   border-left-width: 1px;
   border-right-color: white;
   border-right-style: solid;
   border-right-width: 1px;
   border-top-width: 1px;
   height: 400px;
   min-height: 400px;
   padding: 10px
}
.letr1{margin: 0 5px; height: 1px; overflow: hidden; background: #EFEFEF;}
.leftr2{margin: 0 3px; height: 1px; overflow: hidden; background: #EFEFEF;}
.leftr3{margin: 0 2px; height: 1px; overflow: hidden; background: #EFEFEF;}
.leftr4{margin: 0 1px; height: 2px; overflow: hidden; background: #EFEFEF;}

/****************** Main Content Rounded Corners *****************/
#mainContent {
   margin-right: 10px;
   background-color: #FFFFFF;
   height: auto !important;
   height: 240px;
   min-height: 240px;
   font-size: 0.8em;
   line-height: 1.5em;
}
#mainContent img{ padding: 12px}
#mainContent a{
  color: navy;
  font-weight: bold;
}
#mainContent a:hover{
  color : maroon;
}
#mainContent a:visited{
  color : navy;
}
.mainContent {
   margin-right: 10px;
    background-color: #FFFFFF;
    height: auto !important;
    height: 240px;
    min-height: 240px;
   font-size: 0.8em;
   line-height: 1.5em;
}
.roundtop {display: none; background: #000000;}
.roundbottom {display: none; background: #000000;}
.mainr1{display: none; margin: 0 5px; height: 1px; overflow: hidden; background: #FFFFFF;}
.mainr2{display: none; margin: 0 3px; height: 1px; overflow: hidden; background: #FFFFFF;}
.mainr3{display: none; margin: 0 2px; height: 1px; overflow: hidden; background: #FFFFFF;}
.mainr4{display: none; margin: 0 1px; height: 2px; overflow: hidden; background: #FFFFFF;}

.mainContent img{ padding: 12px}
.mainContent a{
  color: navy;
  font-weight: bold;
}
.mainContent a:hover{
  color : maroon;
}
.mainContent a:visited{
  color : navy;
}

    /************** Vertical Menu *****************/
.verticalMenu{
   padding: 16px;
}
.verticalMenu div.sectionHeader{
   background-color: inherit;
   border-bottom-color: #FFA500;
   border-bottom-style: dashed;
   border-bottom-width: 1px;
   color: #FFA500;
   font-size: 0.9em;
   padding-bottom: 4px;
   padding-top: 10px
}
.verticalMenu a{
   color: #7CB021;
   display: block;
   font-size: 0.7em;
   margin-bottom: 8px;
   margin-top: 8px;
   text-decoration: none
}
.verticalMenu a:hover{ 
   background-color: #333333;
   text-decoration: none;
   color: #7CB021;
}
.verticalMenu a:visited{
   text-decoration: none;
}    

/************ Global Styles Start *************/
body {
   font-family: Arial, sans-serif;
   background-color: #FFFFFF;
   margin: 0px 0px 0px 0px; 
   padding: 0px 0px 0px 0px; 
}

a {
   text-decoration: none;
   color: #7CB021;
   background-color: inherit;
}
a:hover {
   text-decoration: none;
   color: #FFA500;
}
a:visited{
   background-color: inherit;
}
a.selected {
   text-decoration: none;
   color: #FFA500;
}
.submitLink {
   color: navy;
   font-weight: bold;
   background-color: transparent;
   border: none;
   cursor: pointer;
 
}
dt {
   font-weight: bold;
}
dd {
   margin-left: 0;
}

.headline{
  float :left ;
  font-size : 1.3em;
  /*color: #7CB021;*/
   color: #444444;
   margin-bottom: 10px;
}
/************ Listing Styles Start *************/
.listing {
  font-size: 0.8em;
}
.listing table{
  clear: left;
}

img.icon{
  width :20px ;
}
.textItem{
  clear :left ;
  font-size :0.9em;
  line-height: 1.5em;
}
.textItem div.textItemIntro{
  font-weight: 600;
  margin-bottom: 4px;
  margin-top: 8px;
}
.textItem ul li{
   margin-left: 0;
   text-indent: 0;
}
.contentSplitter {
   clear :left ;
   width: 100%;
   border: 0;
}
.contentSplitter td.leftCell{
  width: 50%;
  padding-right: 10px;
  vertical-align: top;
}
td.leftCell div.textItemIntro {
  color : #FFA500;
  background-color: black;
  padding: 2px 5px;
}
.contentSplitter td.rightCell{
  width: 50%;
  border-left-style: dotted;
  border-left-color: silver;
   vertical-align: top;
}
td.rightCell div.textItemIntro {
  color : #7CB021;
  background-color: black;
  padding: 2px 5px;
  margin-left :10px ;
}
.divider{
  clear :left ;
  width :100% ;
  height :1px ;
}
.presentation{
  clear :left ;
  font-size :0.8em ;
}
.presentation th.owners{
   padding: 5px 10px;
   text-align: left;
   color : #7CB021;
   background-color: black;
}
.presentation th.board{
   padding: 5px 10px;
   text-align: left;
   color : #FFA500;
   background-color: black;
}
.presentation td{
   padding: 0 10px;
}
.presentation td.photo{
  background-color : #DCDCDC;
  width: 100px;
  height: 140px;
}
.presentation td.logo{
  /*width :120px ;*/
  /*background-color :#DCDCDC ;*/
   vertical-align: top;
}
.presentation td.logo img{
   border: 0;
}

.presentation td.description{
   /*vertical-align: text-top;*/
}
.contact{
  clear :left ;
  font-size :0.8em ;
}
.contact td.description{
   vertical-align: text-top;
}
.contact img{
   width: 210px;
}
.formContainer{
   margin: 0 20px;
   font-size: 10px;
}
.formContainer table{
   border: 0;
}
.formContainer td{
   margin: 0 10px;
   padding: 0 10px;
}
.formContainer input{
   font-size :10px ;
   border: solid 1px navy;
  width : 160px ;
}
.formContainer input.formSubmit{
   float: right;
}
.formContainer textarea{
   font-size: 10px;
   border: solid 1px navy;
   width : 160px ;
}
.formContainer select{
   font-size: 10px;
   border: solid 1px navy;
   width : 160px ;
}
.formContainer div.label{
   font-size: 10px;
   font-weight: bold;
  line-height: 1em;
}
div.frameNavigator{
  font-size :1.3em ;
  float :right ;
}
div.frameNavigator a{
  margin: 0 10px;
  font-weight: normal;
}
/*********** Admin Form *************/
.adminForm{
   clear: left;
   width: 100%;
   font-size : 0.8em;

}
.adminForm table{
   border: dashed thin red;
   background-color: #EFEFEF;
   color: inherit;
   padding: 0.5em;
   margin: 1em;
}
.adminForm #recordAction{
   background-color: #00FF00;
   color: #000000;
}

/********** Test ************
input:before {
   display: block;
   content: attr(title);
}
input:after {
content: attr(title);
}
****************************/
/* End of 'doondot' */

/* Start of CMSMS style sheet 'tabcontent' */
.shadetabs{
  clear : left ;
   padding: 3px 0;
   margin-left: 0;
   margin-top: 1px;
   margin-bottom: 0;
   font: bold 10px Verdana;
   list-style-type: none;
   text-align: left; /*set to left, center, or right to align the menu as desired*/
}
/************** Top Menu *****************/
.topmenu{
   clear : left ;
   padding: 3px 0;
   margin-left: 0;
   margin-top: 1px;
   margin-bottom: 10px;
   font: bold 11px Verdana;
   list-style-type: none;
   text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.topmenu li{
   display: inline;
   margin: 0;
}
.topmenu li a{
   text-decoration: none;
   padding: 3px 7px 3px 12px;
   margin-right: 3px;
   border: 0;
   color: #000000;
}
.topmenu li a:visited {
   color: #000000;
}
.topmenu li a:hover {
   text-decoration: underline;
   color: #7CB021;
}
.topmenu li.selected a{
   /*selected main tab style */
   background: url(redMenuDot.jpg) left no-repeat;
   border-color: white;
}
.topmenu li.selected a:hover{  
   /*selected main tab style */
   text-decoration: none;    
}
.shadetabs li{
   display: inline;
   margin: 0;
}

.shadetabs li a{
   text-decoration: none;
   padding: 3px 7px 3px 12px;
   margin-right: 3px;
   border: 0;
   /*border: 1px solid #778;*/
   color: #7CB021;
   background: white /*url(shade.gif) top left repeat-x*/;
}

.shadetabs li a:visited{
   color: #7CB021;
}

.shadetabs li a:hover{
   text-decoration: underline;
   color: #7CB021;
}

.shadetabs li.selected{
   position: relative;
   top: 1px;
}

.shadetabs li.selected a{
   /*selected main tab style */
   background: url(greenMenuDot.jpg) left no-repeat;
   border-color: white;
}

.shadetabs li.selected a:hover{  
   /*selected main tab style */
   text-decoration: none;    
}

.tabcontentstyle{    
   /*style of tab content oontainer*/
   /*border: 1px dashed gray;*/
   margin-bottom: 1em;
   margin-right: 1em;
   /*padding: 10px;*/
}

.tabcontent{  
   display:none;    
}

@media print {  
   .tabcontent {
   display:block!important;  
}
}

/* End of 'tabcontent' */