/*
 
 ----------------------------------------------------------------------------
 
 You are free to modify and use this CSS layout in accordance with the
 
 Creative Commons 3.0 licence (see links to details of the license below) as
 
 long as you include this comment, the link to the license, and it's
 
 attribution.
 
 
 
 This CSS layout is licensed under the Creative Commons 3.0 licence.
 
 Abstract: http://creativecommons.org/licenses/by/3.0/us/
 
 Full License: http://creativecommons.org/licenses/by/3.0/us/legalcode
 
 
 
 By: Ryan Chapin, Nuts & Bolts Interactive, Inc. http://nbinteractive.com
 
 Version: 1.0
 
 Date: 2009-02-72
 
 
 
 If you'd like to contact Ryan with questions or comments, please go to:
 
 http://nbinteractive.com/contactryan.html
 
 ----------------------------------------------------------------------------
 */
 
 
/*
 
 ----------------------------------------------------------------------------
 
 Layout Styles
 */
 
body, html {
    font-family: Verdana;
    font-size: 13px;
    margin: 0;
	

    overflow: auto;
    padding: 0;
    padding: 2px;
    /*
	  background-color: #000000;
	  */
    /* IE 6.0 Addition */
    width: 100%; 
}

b {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#Header_border {

 
    background: #FFFFFF; /* for non-css3 browsers */
 
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ac9d93)); /* for webkit browsers */

 
    background: -moz-linear-gradient(top, #FFFFFF, #ac9d93); /* for firefox 3.6+ */
 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ac9d93'); /* for IE */
    height: 10px;
    width: 100%;
}

#header_reg {
    padding-left: 10px;
    padding-top: 10px;
}

.nav_user { height: 40px; }

.nav_user_disabled {
    background-color: #d45500;
    color: White;
    display: inline;
    filter: Alpha(opacity=40);
    float: left;
    font-size: 14pt;
    font-weight: bold;
    height: 80%;
    margin-left: 20px;
    opacity: 0.4;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;	
}

.nav_user_active {
	
    background-color: #d45500;
    color: White;
    display: inline;
    float: left;
    font-size: 14pt;
    font-weight: bold;
    height: 80%;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;	
}

.nav_user_finished {
    background-color: #008000;
    background-position: left center;
    color: White;
    display: inline;
    filter: Alpha(opacity=40);
    float: left;
    font-size: 14pt;
    font-weight: bold;
    height: 80%;
    margin-left: 20px;
    opacity: 0.4;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
}

.nav_user_finished_active {
    background-color: #008000;
    background-position: left center;
    color: White;
    display: inline;
    float: left;
    font-size: 14pt;
    font-weight: bold;
    height: 80%;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
}



#placeholder_content {
    background: #ac9d93;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ac9d93)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFFFFF, #ac9d93); /* for firefox 3.6+ */
    background-position: -moz-linear-gradient(top, #ccc, #000);
    display: block;
    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ac9d93'); /* for IE */
    height: 95%;
    overflow: hidden;
   
    padding-left: 10px;
    position: fixed;
    top: 100px;
    width: 100%;
}

#placeholder_content_reg {
   
    background: #ac9d93;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ac9d93)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFFFFF, #ac9d93); /* for firefox 3.6+ */
    display: block;

    /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ac9d93'); /* for IE */
  
    height: 100%;
    overflow: visible;
    padding-left: 10px;
    position: fixed;
    width: 100%;
}

#scrollable_area {
   
    display: block;
    height: 88%;
    overflow: scroll;
    width: 98%;   
}

#header {
    color: #FFFFFF;
    font-size: 14pt;
    height: 75px;
    padding: 0px;
}

#bottom_info {
    background-color: #000000;
    clear: both;
        
    color: #FFFFFF;
    float: left;
    font-size: 10pt;
   
    height: 98px;
    padding: 0px;
    text-indent: 15%;
     
  
    width: 100%;
}

#sideBarLeft {
   
    background: transparent;
    clear: none;    
   
    float: left;
    height: 100%;
    
    
    /*
  background-position: 0px 0px;
    background-image: url('meny_left.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #C0C0C0;
    
      background-color: #FFFFFF;  
      
 */
}

#sideBarLeft a { color: #000000; }

#Main_center {
    clear: none;
    display: block;
    float: right;
    height: 80%;
    overflow: auto;
    width: 100%;  
}

/* iframe itself  */

.main_p {
    background: transparent;
    border: none;
    height: 90%;
    min-height: 450px;
    min-width: 450px;
    width: 80%;         
}

.errors {
 
    background-color: #456789; 
    
    /*  height: 100%; */
    border: solid 1px black;
    color: White;
    margin: 10px 10px 10px 10px;
    min-height: 150px;
    min-width: 350px;    
}

.innlogging {

    color: #000000;

    font-family: Verdana;
    font-size: large;
    width: 100%;
}

/*
 
 ----------------------------------------------------------------------------
 
 NBI Layout/Design styles
 */

 
a:link { color: #d45500; }

a:visited { color: #d45500; }

a:hover { color: #000000; }

.clear_both { clear: both; }

.code { font-family: "Courier New", Courier, monospace; }

#w3cButtons {
    margin: 20px auto;
    padding: 0;
    width: 196px;
}

#markupBtn {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 88px;
}

#cssBtn {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    width: 88px;
}
	
 
 
/* IE 6.0: For some reason, if you just specify padding here it'll add 10 px  */

/* to the entire layout and cause the page to scroll horizontally. So we have */

/* to specify the width and then set a margin on it.  The width is equal to   */

/* the width of the column, 190px - the 10px margin 
 2                       */

#sideBarLeft p {
    margin: 10px auto;
    width: 170px;
}

/* We need to shave off a pixel from the width of the ul.  This then renders */

/* list inside this columns bg image.                                        */

#sideBarLeft ul {
    border-bottom: #978e7c 1px solid;
    margin: 0;
    padding: 0;
    width: 189px;
}

/* IE fix for additional padding that otherwise get's rendered between list items */

#sideBarLeft ul li {
    height: 1%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#rightColumnBg > #sideBarLeft { height: auto; }

#sideBarLeft ul li a, #sideBarLeft ul li a:visited {
    background-color: #fffbf7;
    border-top: #978e7c 1px solid;
    color: #59503e;
    display: block;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
}

#sideBarLeft ul li a:hover {
    color: #000000;
    text-decoration: underline;
}