/*----------------------------------------------------------

    Site.css
    Author: Blinkmedia
    Description: Produced for Lundstams (c)2012

----------------------------------------------------------*/
/***********************************************************
    INCLUDES
***********************************************************/
    @import url('Forms.css');
  
    @import url('Rengoringsintyg.css');
    @import url('Kontrollrapport-ibc.css');
    @import url('Kontrollrapport-b-220cr.css'); 
    @import url('KontrollProtokoll.css'); 
    @import url('KontrollrapportB111c.css'); 
    @import url('KontrollrapportB111r.css'); 
    @import url('KontrollrapportB111cr.css'); 
    @import url('KontrollrapportB112cr.css');
    @import url('KontrollrapportB100.css');
    @import url('B111c-B111r-B111cr-B112cr.css');

/**************************************************************
    RESET
**************************************************************/

/*  RESET - GLOBAL
**************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }

/*  RESET - FOCUS STYLES
**************************************************************/
:focus { outline: 0; }
ol, ul { list-style: none; }

/*  RESET - TABLE TWEAKS "IE"
**************************************************************/
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*  3.3  RESET - HTML5
**************************************************************/
header, footer, aside, nav, article { display: block; }


/**************************************************************
    AUTO-CLEARING FLOATS
**************************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: auto;
}

/**************************************************************
    GENERAL
**************************************************************/
    /* Default font settings. 
    The font-size 81.3% sets the base font to 13px 

    Pixels     EMs         Percent Points
    6px     0.462em     46.2%     5pt
    7px     0.538em     53.8%     5pt
    8px     0.615em     61.5%     6pt
    9px     0.692em     69.2%     7pt
    10px     0.769em     76.9%     8pt
    11px     0.846em     84.6%     8pt
    12px     0.923em     92.3%     9pt
    13px     1em         100%     10pt
    14px     1.077em     107.7%     11pt
    15px     1.154em     115.4%     11pt
    16px     1.231em     123.1%     12pt
    17px     1.308em     130.8%     13pt
    18px     1.385em     138.5%     14pt
    19px     1.462em     146.2%     14pt
    20px     1.538em     153.8%     15pt
    21px     1.615em     161.5%     16pt
    22px     1.692em     169.2%     17pt
    23px     1.769em     176.9%     17pt
    24px     1.846em     184.6%     18pt
    */

body {
    line-height: 1; 
    font-size: 81.3% !important;
    color: #666; 
    margin: 0;
    padding: 0;
    font-family: Arial,"Trebuchet MS",  Sans-Serif;
    }
a:link {
    color: #034af3;
    text-decoration: underline;
}
a:visited {
    color: #505abc;
}
a:hover {
    color: #1d60ff;
    text-decoration: none;
}
a:active {
    color: #12eb87;
}
p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}
header, footer, nav, section, article, aside {
    display: block;
}
.hidden {
    display: none;
    visibility: hidden;
    }

/***********************************************************
    TEXT
***********************************************************/
h1,h2,h3,h4,h5,h6 {
    font-size: 1.5em;
    color: #000;
    margin: 0;
}
h1 {
    font-size: 2em;
    padding-bottom: 0;
    padding-top: 1em;
    margin: 0;
}
h2 {
    padding: 10px 0;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1.1em;
}
h5, h6 {
    font-size: 1em;
}

/***********************************************************
    PRIMARY LAYOUT ELEMENTS
***********************************************************/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 960px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    padding: 2% 0;
    -webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}
.header {
    height: 80px;
    text-align: center;
    padding: 20px 0 0 20px;
    }
header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}
#main {
    padding: 0 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}
footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}
/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
    float: right;
    z-index: 9999;
}
ul#menu li {
    display: inline-block;
    list-style: none;
    position: relative; 
    }
ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}
ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}
ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}
ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}

/* Drop down meny */

ul#menu li ul {
    position:absolute;
    left:0;
    display:none;
    margin: 0 0 0 -1px;
    padding:0;
    list-style:none;
    z-index: 9999;
    width: 100%;
}
ul#menu li ul li {
    display: block;
    text-align: left;
}
ul#menu li ul li a {
}        
/* display block will make the link fill the whole area of LI */
#menu ul a {
    display:block;
    padding: 0;
}
        
#menu ul a:hover {
    text-decoration:underline;    
}
/**************************************************************
    FORM LAYOUT ELEMENTS
**************************************************************/

form              { margin: 0; padding: 0; }
legend            { font-size: 1.231em; font-weight: normal; border:none; }
fieldset          { padding: 0; margin: 0; border: 0px solid #dbdbdb; }
label             { font-weight:normal; display: inline-block; padding: 0 0 0.3em 0; }
label.forcheckbox { margin:0 0 0 .4em; display:inline; }

fieldset          { list-style-type:none; padding: 0; margin: 0; }
fieldset li       { margin: 0 0 6px 0; }

legend            { font-size: 1.8em; font-weight: bold; }

fieldset.logon {
    width: 30%;
}

textarea {
    min-height: 75px;
}
select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}
input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}
select:focus, textarea:focus, input.text:focus, input.text-box:focus, input.text-small:focus, input.textMedium:focus  {
    border-color:#666d51;
    }
input.check-box {
    margin-left:0;
    vertical-align:-.1em;
    }
input.large.text, textarea {
    clear:both;
    }  
textarea {
    min-height:8em;
    }
/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}
table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}
table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.lundstams-logo {
    margin: 20px 0 0 20px;  
    }
.Newest_logotype {
    margin: 20px 0 0 20px;
}
.clear {
    clear: both;
}
.error {
    color: Red;
}
nav, 
#menucontainer {
}
div#title {
    display: block;
    float: left;
    text-align: left;
}
#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}
#logindisplay a:link {
    color: white;
    text-decoration: underline;
}
#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}
#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}
.field-validation-valid {
    display: none;
}
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}
.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}
.text-box {
}
.text-box.multi-line {
    height: 6.5em;
}
.tri-state {
    width: 6em;
}

/* Radio indeterminate fix
----------------------------------------------------------*/
input.hidden-radio {
    position: absolute !important;
    visibility: hidden;
}