/*--------------------------------------------------------------
LSS Konsult 2009

	Author 
	    Anders Kleve, Spinit AB
	
	Colors
		Purple: 		d9088a
		Dark purple: 	79237a
		Blue:               0068b3
                Light blue:    008aed
                
--------------------------------------------------------------*/

/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }


/* WPC specific styles
--------------------------------------------------------------*/
body.RadEContentBordered {font-size: 1.125em;}
body.RadEContentBordered #main-content,
body.RadEContentBordered #secondary-content {font-size: 1em;}
body.RadEContentBordered h1 {margin-left: 0;}

html {background: #eeeee7;}
body {background: #eeeee7 url(/commonresources/files/www.lss.se/Images/LSS-partner/layout/body-background.gif) center top repeat-y; color: #000; font: 62.5%/1.5 Calibri, "Trebuchet MS", Arial, Verdana, sans-serif;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {margin-bottom:.5em; font-weight:bold;}

h1 {font-size: 1.67em; margin-left: -20px;}
h2 {font-size: 1.1em;}
h3 {font-size: 1.0em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1.0em;}

/* Text elements
-------------------------------------------------------------- */
abbr {}
acronym {}
address {margin-bottom: 1.5em; font-style: normal;}
blockquote {margin-bottom: 1.5em;}
code {}
del {}
dfn {}
dfn {}
em {}
p {margin-bottom: 1.5em;}
pre {}
strong {}

/* Images
-------------------------------------------------------------- */
#uc-logo {margin: 0 auto; display: block;}
.portrait {float:left; clear:left; margin-right:20px;}
embed {margin-left:-20px;}


/* Link elements 
-------------------------------------------------------------- */
a {color: #008aed; text-decoration: none;}
a:hover,
a:active,
a:focus {color: #0068b3; text-decoration: underline;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom: 1.5em; list-style-position: outside; padding-left: 1.5em;}
ol {margin-bottom: 1.5em; padding-left: 1.5em;}
ul ul,
ol ul,
ul ol,
ol ol {margin: 0;}

dl {margin-bottom: 1.5em;}
dt {float: left; margin-right: .5em; font-weight: bold;}

/* General selectors
-------------------------------------------------------------- */
.clear {clear: both;}
.hide {display: none;}
.highlight {}
.off-screen {position: absolute; left: -999em;}

/* Tables
-------------------------------------------------------------- */
caption {}
table {}
thead {}
thead tr {}
thead th {}
tbody tr,
tbody td {} /* IE-fix */
tbody th {}
th,
td {}

/* Forms
-------------------------------------------------------------- */
form {margin-bottom: 1.5em;}
fieldset {margin-bottom: 1.5em;}
legend {}
label {display: block;}
input + label {display: inline; margin-left: .75em; float: none;}
input[type="text"],
input[type="password"],
select,
textarea {padding: 4px; width: 15em;}
input[type="submit"] {}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {}
.form-item {margin-bottom: .75em;}

/* Focus */
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {}

/* Navigation
---------------------------------------------------------------*/
#supplementary-navigation {float: right; list-style: none outside; margin: 0; padding: 0;}
#supplementary-navigation li {float: left; font-size: 1.8em; color: #888;}
#supplementary-navigation li li {font-size: 1em;}
#text-resizer {float:left; padding: 0 .75em; margin: 0 .75em; border-right: 1px solid #ccc; overflow: hidden;}
#text-resizer span {float: left; margin-right: .75em;}
#text-resizer ul {float: left; margin-left: .5em; list-style: none outside; margin: 0; padding: 0;}
#text-resizer a {float: left; text-indent: -999em;}
#text-resizer #small-text a {width: 8px; height: 19px; background: url(/commonresources/files/www.lss.se/Images/LSS-partner/layout/small-a.gif) left bottom no-repeat;}
#text-resizer #medium-text a {width: 13px; height: 19px; background: url(/commonresources/files/www.lss.se/Images/LSS-partner/layout/medium-a.gif) left bottom no-repeat;}
#text-resizer #large-text a {width: 17px; height: 19px; background: url(/commonresources/files/www.lss.se/Images/LSS-partner/layout/large-a.gif) left bottom no-repeat;}
#main-navigation {clear:both;}
#main-navigation ul {list-style: none outside; margin: 0; padding: 0; overflow: hidden;}
#main-navigation li {float: left;}
#main-navigation a {float: left; font-size: 1.8em; background: #fff; color: #636363; text-transform: uppercase; text-decoration: none; margin: 0 1px; padding: .5em 1em; border-bottom: 12px solid #0068b3;}
#main-navigation a:hover,
#main-navigation a:focus,
#main-navigation a:active,
#main-navigation li.selected a {border-left: 1px solid #cdd6d8; border-right: 1px solid #cdd6d8; border-bottom: 12px solid #008aed; background: #e8eff0 url(/commonresources/files/www.lss.se/Images/LSS-partner/layout/grey-gradient.jpg) repeat-x; margin: 0;}

#secondary-navigation {float: left; background: #fff url(/CommonResources/Files/Images/grey-gradient.png) no-repeat; list-style: none; width: 236px;}
#secondary-navigation ul {list-style: none outside; margin: 0; padding: 0; border: 1px solid #cdd6d8; font-size: 1.5em; background: url(/commonresources/files/www.lss-konsult.se/Images/LSS-konsult_element/blue-border-vertical.gif) repeat-y;}
#secondary-navigation a {display:block; background: #f6f9fa; color: #767676; text-decoration: none; padding: .5em 1em; border-bottom: 1px solid #e9eff1; border-left: 8px solid #00538e;}
* html #secondary-navigation a {height: 1%;}
#secondary-navigation a:hover,
#secondary-navigation a:focus,
#secondary-navigation a:active {border-left: 8px solid #008aed;}
#secondary-navigation li.selected > a {color: #000; background: #e9eff1; border-left: 8px solid #008aed;}
#secondary-navigation ul ul {padding: .5em 0; border: none; font-size: 1em;}
#secondary-navigation li li {border: none;}
#secondary-navigation li li a {font-size: .95em; padding: .25em 1em .25em 2.5em; background: #fff; border: none; border-left: 8px solid #00538e;}
#secondary-navigation li li a:hover,
#secondary-navigation li li a:focus,
#secondary-navigation li li a:active, 
#secondary-navigation li li.selected > a {border-left: 8px solid #00538e; color: #000;}

/* Structure
--------------------------------------------------------------*/
#skip {position: absolute; top: -999em; left: -999em;}
#skip a:focus,
#skip a:active {display: block; padding: 1em; position: absolute; left: 999em; top: 999em; width: 10em; text-align: center; background: #ededee; color: #000;}
#header {background: #fff url(/commonresources/files/www.lss-konsult.se/Images/LSS-konsult_element/blue-border.gif) left bottom repeat-x; overflow: hidden; padding-top: 4em;}
#header .inner {overflow: hidden;}
#client-login {float: right;}
#logo {float: left; margin-bottom: 2.5em;}
#content {background: #fff; position: relative; width: 880px; margin: -2px auto 0; padding: 40px; overflow: hidden;}
#main-content {display: inline; float: right; margin-right: 85px; width: 435px; color: #444; font-size: 1.8em; padding-left: 20px;}
.home #main-content {float: left; padding-left: 40px; margin: 0;}
#main-content img {display: block; margin-bottom: 1.5em;}
#main-content img.eye-catcher {margin-left: -40px;}
#main-content p {margin-top: 0;}
#main-content p + p {text-indent: 1em; margin-top: -1.5em;}
#secondary-content {float: right; width: 365px; font-size: 1.4em;}
#secondary-content-start {float: right; width: 305px; font-size: 1.4em;}
#footer {overflow: hidden; width: 880px; margin: 0 auto; padding: 40px; background: #000 url(/commonresources/files/www.lss.se/Images/LSS-partner/layout/black-gradient.png) repeat-x; color: #fff;}
#footer address {float: left; margin: 0; font-size: 1.4em;}
#footer address .org {font-size: 1.38em;}
#additional {float: right; width: 250px; font-size: 1.3em;}
#additional ul {list-style: none outside; padding: 0;}
#additional li a {font-size: 1.38em;}
#additional #ifa {margin-right: .5em;}
.inner {width: 960px; margin: 0 auto;}

/* LSS in brief */
#lss-in-brief {margin-bottom: 1.5em;}
#lss-in-brief h2  {background: #ebf1f2 url(/commonresources/files/www.lss.se/Images/LSS-partner/layout/grey-gradient-big.jpg) repeat-x; margin: 0; border: 1px solid #cdd6d8; font-size: 1.5em;}
#lss-in-brief h2 a {display: block; color: #636363; font-weight: normal; padding: 20px 40px 20px 80px;}
#lss-in-brief h2 a:hover,
#lss-in-brief h2 a:focus,
#lss-in-brief h2 a:active {color: #000; text-decoration: none;}
#lss-in-brief h2 a.light {background: url(/commonresources/files/www.lss-konsult.se/Images/LSS-konsult_element/jigsaw-light.gif) 10px center no-repeat;}
#lss-in-brief h2 a.medium {background: url(/commonresources/files/www.lss-konsult.se/Images/LSS-konsult_element/jigsaw-medium.gif) 10px center no-repeat;}
#lss-in-brief h2 a.dark {background: url(/commonresources/files/www.lss-konsult.se/Images/LSS-konsult_element/jigsaw-dark.gif) 10px center no-repeat;}
#lss-in-brief div {background: #f9fafa; border: 1px solid #e6eaeb; border-top: 0; padding: 15px 25px 0;}