@charset "utf-8";
/* CSS Document */

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

 Blueprint CSS Framework 1.0.1
 http://blueprintcss.org

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

/* reset.css */
html {margin:0;padding:0;border:0;}
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, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:1;font-size:100%;font:inherit;vertical-align:baseline;font-family: "open sans", arial, sans-serif;}
input, textarea, keygen, select, button {
	font-family: "open sans", arial, sans-serif;
	line-height: 1.2em;
}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block; box-sizing:border-box;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:80%;color:#222;background:#fff; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2 {font-weight:bold;color:#444; font-family: "titillium web",  "Helvetica Neue", Helvetica, Arial, sans-serif;}
h3, h4, h5, h6 {font-weight:bold; color:#444; font-family: "titillium web",  "Helvetica Neue", Helvetica, Arial, sans-serif;}

h1 {font-size:2em;		line-height:2em;	margin-top: 0.7em;	margin-bottom:0.35em;}
h1:first-child {							margin-top: 0.2em;}
h2 {font-size:1.5em;	line-height: 2em;	margin-top: 0.5em; 	margin-bottom:0.3em;}
h2:first-child {							margin-top: 0.1em;}
h3 {font-size:1.2em;	line-height:1em; 	margin-top: 0.35em; margin-bottom:0.25em; font-weight:bold;}
h4 {font-size:1em;		line-height:1.25;	margin-bottom:1.25em;}
h5 {font-size:1em;		font-weight:bold;	margin-bottom:1.5em;}
h6 {font-size:1em;		font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 .25em 0;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 0 .5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:5px;}
/* tbody tr:nth-child(even) td, tbody tr.even td { background:#fff;}  ------------------------Tabell; varannan rad ----------------- */
/* tr:nth-child(even), tr.even { background:#fff;}  ------------------------Tabell; varannan rad ----------------- */
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none !important;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.listheader {font-weight: bold; padding: 5px;}



/* ############################################################################################# */
/* ########################################## forms.css ######################################## */
/* ############################################################################################# */
label {font-weight:normal; float:left; min-width: 100px; width: auto; margin:0.7em 0; margin-right: 5px;}
.ibutton-container span label{float:none !important;}
label.autowidth {min-width: inherit; width: auto; margin-right: 5px;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input{float:left;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {
	background-color:#fff;
	border:1px solid #bbb;
	border-radius:0px;
	color:#000;
	box-shadow: 		inset 0px 1px 5px 0px #ccc;
	-webkit-box-shadow: inset 0px 1px 5px 0px #ccc;
	padding:3px;
}
input[type=text].input, input[type=password].input, input[type=url].input, input[type=email].input, input.text.input, input.title.input, textarea.input {
	background-color:#fff;
	border:1px solid #bbb;
	border-radius:0px;
	color:#000;
	box-shadow: 		inset 0px 1px 5px 0px #ccc;
	-webkit-box-shadow: inset 0px 1px 5px 0px #ccc;
	padding:3px;
}
select {
 	min-width: 100px;
	background-color:#fff;
	border:1px solid #bbb;
	border-radius:0px;
	color:#000;
	box-shadow: 		inset 0px 1px 5px 0px #ccc;
	-webkit-box-shadow: inset 0px 1px 5px 0px #ccc;
	padding:2px;
}
.formValidationError {
	border-color:#CC0000 !important;
	box-shadow: 		inset 0px 1px 5px 0px #ccc, 0px 0px 7px 0px #c00 !important;
	-webkit-box-shadow: inset 0px 1px 5px 0px #ccc, 0px 0px 7px 0px #c00 !important;
}
.formValidationSuccess {
	border-color:#00CC00 !important;
	box-shadow: 		inset 0px 1px 5px 0px #ccc, 0px 0px 7px 0px #0c0 !important;
	-webkit-box-shadow: inset 0px 1px 5px 0px #ccc, 0px 0px 7px 0px #0c0 !important;
}

input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid; border-color:#bbb;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:2px 6px;}
input.title {font-size:1.5em;}
textarea {width:290px;height:150px;padding:3px 2px; font-family: "open sans", Arial, Helvetica, sans-serif; font-size:12px;
}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {padding:0.3em;margin-bottom:1em;border:2px solid #ddd;}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}



/* ############################################################################################# */
/* ######################################### grid.css ########################################## */
/* ############################################################################################# */
.container {width:950px;margin:0 auto;}
.container-2 {width: 70px;margin:0 auto;}
.container-2-half {width: 90px;margin:0 auto;}
.container-3 {width: 110px;margin:0 auto;}
.container-3-half {width: 130px;margin:0 auto;}
.container-4 {width: 150px;margin:0 auto;}
.container-4-half {width: 170px;margin:0 auto;}
.container-5 {width: 190px;margin:0 auto;}
.container-5-half {width: 210px;margin:0 auto;}
.container-6 {width: 230px;margin:0 auto;}
.container-6-half {width: 250px;margin:0 auto;}
.container-7 {width: 270px;margin:0 auto;}
.container-7-half {width: 290px;margin:0 auto;}
.container-8 {width: 310px;margin:0 auto;}
.container-8-half {width: 330px;margin:0 auto;}
.container-9 {width: 350px;margin:0 auto;}
.container-9-half {width: 370px;margin:0 auto;}
.container-10 {width: 390px;margin:0 auto;}
.container-10-half {width: 410px;margin:0 auto;}
.container-11 {width: 430px;margin:0 auto;}
.container-11-half {width: 450px;margin:0 auto;}
.container-12 {width: 470px;margin:0 auto;}
.container-12-half {width: 490px;margin:0 auto;}
.container-13 {width: 510px;margin:0 auto;}
.container-13-half {width: 530px;margin:0 auto;}
.container-14 {width: 550px;margin:0 auto;}
.container-14-half {width: 570px;margin:0 auto;}
.container-15 {width: 590px;margin:0 auto;}
.container-15-half {width: 610px;margin:0 auto;}
.container-16 {width: 630px;margin:0 auto;}
.container-16-half {width: 650px;margin:0 auto;}
.container-17 {width: 670px;margin:0 auto;}
.container-17-half {width: 690px;margin:0 auto;}
.container-18 {width: 710px;margin:0 auto;}
.container-18-half {width: 730px;margin:0 auto;}
.container-19 {width: 750px;margin:0 auto;}
.container-19-half {width: 770px;margin:0 auto;}
.container-20 {width: 790px;margin:0 auto;}
.container-20-half {width: 810px;margin:0 auto;}
.container-21 {width: 830px;margin:0 auto;}
.container-21-half {width: 850px;margin:0 auto;}
.container-22 {width: 870px;margin:0 auto;}
.container-22-half {width: 890px;margin:0 auto;}
.container-23 {width: 910px;margin:0 auto;}
.container-23-half {width: 930px;margin:0 auto;}
.container-24 {width:950px;margin:0 auto;}

.showgrid {background:url("grid.png") !important;}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-1-half, .span-2-half, .span-3-half, .span-4-half, .span-5-half, .span-6-half, .span-7-half, .span-8-half, .span-9-half, .span-10-half, .span-11-half, .span-12-half, .span-13-half, .span-14-half, .span-15-half, .span-16-half, .span-17-half, .span-18-half, .span-19-half, .span-20-half, .span-21-half, .span-22-half, .span-23-half, .span-24-half {float:left;margin-right:10px;  box-sizing:border-box;}
.last {margin-right:0 !important;}
.span-1 {width: 30px;}
.span-1-half {width: 50px;}
.span-2 {width: 70px;}
.span-2-half {width: 90px;}
.span-3 {width: 110px;}
.span-3-half {width: 130px;}
.span-4 {width: 150px;}
.span-4-half {width: 170px;}
.span-5 {width: 190px;}
.span-5-half {width: 210px;}
.span-6 {width: 230px;}
.span-6-half {width: 250px;}
.span-7 {width: 270px;}
.span-7-half {width: 290px;}
.span-8 {width: 310px;}
.span-8-half {width: 330px;}
.span-9 {width: 350px;}
.span-9-half {width: 370px;}
.span-10 {width: 390px;}
.span-10-half {width: 410px;}
.span-11 {width: 430px;}
.span-11-half {width: 450px;}
.span-12 {width: 470px;}
.span-12-half {width: 490px;}
.span-13 {width: 510px;}
.span-13-half {width: 530px;}
.span-14 {width: 550px;}
.span-14-half {width: 570px;}
.span-15 {width: 590px;}
.span-15-half {width: 610px;}
.span-16 {width: 630px;}
.span-16-half {width: 650px;}
.span-17 {width: 670px;}
.span-17-half {width: 690px;}
.span-18 {width: 710px;}
.span-18-half {width: 730px;}
.span-19 {width: 750px;}
.span-19-half {width: 770px;}
.span-20 {width: 790px;}
.span-20-half {width: 810px;}
.span-21 {width: 830px;}
.span-21-half {width: 850px;}
.span-22 {width: 870px;}
.span-22-half {width: 890px;}
.span-23 {width: 910px;}
.span-23-half {width: 930px;}
.span-24 {width:950px;margin-right:0;}


/* ################################## grid for input fields ##################################### */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24, input.span-1-half, textarea.span-1-half, input.span-2-half, textarea.span-2-half, input.span-3-half, textarea.span-3-half, input.span-4-half, textarea.span-4-half, input.span-5-half, textarea.span-5-half, input.span-6-half, textarea.span-6-half, input.span-7-half, textarea.span-7-half, input.span-8-half, textarea.span-8-half, input.span-9-half, textarea.span-9-half, input.span-10-half, textarea.span-10-half, input.span-11-half, textarea.span-11-half, input.span-12-half, textarea.span-12-half, input.span-13-half, textarea.span-13-half, input.span-14-half, textarea.span-14-half, input.span-15-half, textarea.span-15-half, input.span-16-half, textarea.span-16-half, input.span-17-half, textarea.span-17-half, input.span-18-half, textarea.span-18-half, input.span-19-half, textarea.span-19-half, input.span-20-half, textarea.span-20-half, input.span-21-half, textarea.span-21-half, input.span-22-half, textarea.span-22-half, input.span-23-half, textarea.span-23-half, input.span-24-half, textarea.span-24-half {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
input.span-1, textarea.span-1 {width: 18px;}
input.span-1-half, textarea.span-1-half {width: 38px;}
input.span-2, textarea.span-2 {width: 58px;}
input.span-2-half, textarea.span-2-half {width: 78px;}
input.span-3, textarea.span-3 {width: 98px;}
input.span-3-half, textarea.span-3-half {width: 118px;}
input.span-4, textarea.span-4 {width: 138px;}
input.span-4-half, textarea.span-4-half {width: 158px;}
input.span-5, textarea.span-5 {width: 178px;}
input.span-5-half, textarea.span-5-half {width: 198px;}
input.span-6, textarea.span-6 {width: 218px;}
input.span-6-half, textarea.span-6-half {width: 238px;}
input.span-7, textarea.span-7 {width: 258px;}
input.span-7-half, textarea.span-7-half {width: 278px;}
input.span-8, textarea.span-8 {width: 298px;}
input.span-8-half, textarea.span-8-half {width: 318px;}
input.span-9, textarea.span-9 {width: 338px;}
input.span-9-half, textarea.span-9-half {width: 358px;}
input.span-10, textarea.span-10 {width: 378px;}
input.span-10-half, textarea.span-10-half {width: 398px;}
input.span-11, textarea.span-11 {width: 418px;}
input.span-11-half, textarea.span-11-half {width: 438px;}
input.span-12, textarea.span-12 {width: 458px;}
input.span-12-half, textarea.span-12-half {width: 478px;}
input.span-13, textarea.span-13 {width: 498px;}
input.span-13-half, textarea.span-13-half {width: 518px;}
input.span-14, textarea.span-14 {width: 538px;}
input.span-14-half, textarea.span-14-half {width: 558px;}
input.span-15, textarea.span-15 {width: 578px;}
input.span-15-half, textarea.span-15-half {width: 598px;}
input.span-16, textarea.span-16 {width: 618px;}
input.span-16-half, textarea.span-16-half {width: 638px;}
input.span-17, textarea.span-17 {width: 658px;}
input.span-17-half, textarea.span-17-half {width: 678px;}
input.span-18, textarea.span-18 {width: 698px;}
input.span-18-half, textarea.span-18-half {width: 718px;}
input.span-19, textarea.span-19 {width: 738px;}
input.span-19-half, textarea.span-19-half {width: 758px;}
input.span-20, textarea.span-20 {width: 778px;}
input.span-20-half, textarea.span-20-half {width: 798px;}
input.span-21, textarea.span-21 {width: 818px;}
input.span-21-half, textarea.span-21-half {width: 838px;}
input.span-22, textarea.span-22 {width: 858px;}
input.span-22-half, textarea.span-22-half {width: 878px;}
input.span-23, textarea.span-23 {width: 898px;}
input.span-23-half, textarea.span-23-half {width: 918px;}
input.span-24, textarea.span-24 {width: 938px;}
input.span-24-half, textarea.span-24-half {width: 958px;}


/* ##################################### append, prepend ####################################### */

.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}

.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}

/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */

/* for making a line through column-space */
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}

/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */


/* ##################################### pull, push ########################################## */
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}

div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0.5em 0;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
hr.smallspace {background:#fff;color:#fff;visibility:hidden;margin:0.10em 0;}
.clearfix:after, .container:after, .container-2:after, .container-3:after, .container-4:after, .container-5:after, .container-6:after, .container-7:after, .container-8:after, .container-9:after, .container-10:after, .container-11:after, .container-12:after, .container-13:after, .container-14:after, .container-15:after, .container-16:after, .container-17:after, .container-18:after, .container-19:after, .container-20:after, .container-21:after, .container-22:after, .container-23:after, .container-24:after, {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */
/* --------------------------------------------------------------

   buttons.css
   * Gives you some great CSS-only buttons.

   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

-------------------------------------------------------------- */
/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */
/* ############################################################################################# */

/* BUTTONS */.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0;
	margin-right:5px;
    background-color:#eaeaea;
	background-image:url(../_img/btnbg.png);
	background-repeat:no-repeat;
	background-size: cover;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;    font-family: "titillium web", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.smallbuttons a, .smallbuttons button{
    font-size:80%;
    line-height:130%;
    padding:2px 5px 3px 3px; /* Links */
}

.darkbuttons a, .darkbuttons button{
	background:#555;
	background-image:url(../_img/btn_bg_contrast_dark.png);
	border-top:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #999;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.reportlist .buttons a {
	padding: 0px 6px 2px 2px;
}

/* Button colors
-------------------------------------------------------------- */

/* STANDARD */
button:hover, .buttons a:hover{
    background:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */
button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* DISABLED */
.buttons a.disabled, button.disabled{
    color:#7e7e7e;
	cursor:default;
}

.buttons a.disabled:hover, button.disabled:hover, .buttons a.positive.disabled:hover, button.positive.disabled:hover, .buttons a.negative.disabled:hover, button.negative.disabled:hover{
    background:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    color:#7e7e7e;
}
.buttons a.disabled:active{
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    color:#fff;
}

.buttons a.smallbtn { padding: 5px 3px 4px 7px; margin:2px;}
.buttons button.smallbtn { padding: 5px 3px 4px 7px; margin:2px;}



/* classer för lysdioder */
.greenlight {
	margin: 4px 10px 0 10px;
	width:6px;
	height:6px;
	overflow:hidden;
	color: #cfc;
	border: 1px solid #339900;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 1px #339900;
	background: #b4e391; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #b4e391 35%, #61c419 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(35%,#b4e391), color-stop(100%,#61c419)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #b4e391 35%,#61c419 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #b4e391 35%,#61c419 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #b4e391 35%,#61c419 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #b4e391 35%,#61c419 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.yellowlight {
	margin: 4px 10px 0 10px;
	width:6px;
	height:6px;
	overflow:hidden;
	color: #cfc;
	border: 1px solid #DB9C27;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 1px #DB9C27;
	background: #FFDD9D; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #FFDD9D 35%, #FFAA0D 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(35%,#FFDD9D), color-stop(100%,#FFAA0D)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #FFDD9D 35%,#FFAA0D 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #FFDD9D 35%,#FFAA0D 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #FFDD9D 35%,#FFAA0D 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #FFDD9D 35%,#FFAA0D 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFDD9D', endColorstr='#FFAA0D',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.redlight {
	margin: 4px 10px 0 10px;
	width:6px;
	height:6px;
	overflow:hidden;
	color: #fcc;
	border: 1px solid #CC0000;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 1px #CC0000;
	background: #efd5d5; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #efd5d5 34%, #d31b1b 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(34%,#efd5d5), color-stop(100%,#d31b1b)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #efd5d5 34%,#d31b1b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #efd5d5 34%,#d31b1b 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #efd5d5 34%,#d31b1b 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #efd5d5 34%,#d31b1b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd5d5', endColorstr='#d31b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* #################################################################################################################### */
/* #################################################################################################################### */
/* ################################################### STRUKTUR FÖR SIDA ############################################## */
/* #################################################################################################################### */
/* #################################################################################################################### */


/* ########################################################## MENY #################################################### */

#menu{
	margin: 20px auto 10px auto;
	padding: 0px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border: 1px solid #aaa;
	box-shadow: 		0px 3px 10px 1px #aaa;
	-webkit-box-shadow: 0px 3px 10px 1px #aaa;
	background: #f7f7f7;
	width:750px;
	overflow: visible;

	font-family: "titillium web", helvetica, arial, sans-serif;
	font-weight: 600;
}

#menuBlueBgWrap{
	float:left;
	background:#334f72 url(../_img/menu_bg.png) top repeat-x;
	width:100%;
}

#menuRow1{
	float:left;
	box-sizing:border-box;
	margin:0;
	padding:10px 10px 7px 10px;

	border-bottom:1px solid #244267;
	width:100%;

	font-weight:bold;
	color:#fff;
	text-shadow:-1px -1px #000;
}
#menuRow1 span#inloggadsom{
	color:#ccc;
}
#menuRow1 div.buttons{
	text-shadow:none;
	margin-left:10px;
}
#menuRow1 span#snabbsok{
	margin-right:0;
}
#menuRow1 span#snabbsok input{
	margin: -2px 0 0 0;
}
#menuRow2{
	float:left;
	margin:0;
	padding:0px;

	border-top:1px solid #718eb2;
	width:100%;

	font-weight:bold;
	color:#fff;
	text-shadow:-1px -1px #000;
}
#menuRow2 a.menu{
	padding:10px;
	font-weight:bold;
	color:#fff;
	text-shadow:-1px -1px #000;
}
#menuRow2 ul#navbar li.nav:hover{
	background:url(../_img/menu_hover.png);
}
#menuRow2 ul#navbar li.nav:hover a{
	text-decoration:underline;
}
#menuRow2 li.nav ul li a.menu, #menuRow2 li.nav ul li a{
	padding:5px;
	font-weight:bold;
	color:#000;
	text-shadow:none;
	text-decoration:none !important;
}
#menuRow2 li.nav ul li a.menu:hover{
	background:url(../_img/menu_hover.png);
}
#menuRow2 li.nav.divider{
	width:2px;
	height:38px;
	background:url(../_img/menu_vert-div.png) top repeat-y;
}
#menuRow3{
	float:left;
	margin:0;
	padding:10px 10px 7px 10px;
	height: auto;
	background:#eee url(../_img/menu_bg2.png) top repeat-x;
	border-bottom:0px solid #666;
	width:100%;
	/*font-weight:600;*/
	text-shadow: 1px 1px #fff;
	box-sizing: border-box;
}
.menuRow3LocationStr{
	font-style:italic;

}

/* ------------------------------------------------------------------------------------*/
/* ---------------------------------- NAVIGATION MENU ---------------------------------*/
/* ------------------------------------------------------------------------------------*/


ul.nav
{
list-style-type:none;
margin:0;
padding:0 0 10px 0;
}
li.nav
{
/*
padding-right: 0.5em;
padding-left: 0.5em;
*/
display:inline;
padding:0;
}
li.nav:first-child
{
padding-right: 0.5em;
padding-left:0;
display:inline;
}
ul.subnav
{
list-style-type:none;
margin:0;
padding:0;
}
li.subnav
{
display:inline;
}
li.nav a {
font-weight:bold; text-decoration:none; color:#444;
}
li.nav a:hover {
color:#000000; 
text-decoration:underline;
}
li.nav .selected {
font-weight:bold; color:#000000; text-decoration:underline;
}
li.nav .toner {
font-weight:bold; color:#529214; text-decoration:none;
}
li.nav .toner:hover {
font-weight:bold; color:#529214; text-decoration:underline;
}
li.nav .datorakuten {
font-weight:bold; color:#d12f19; text-decoration:none;
}
li.nav .datorakuten:hover {
font-weight:bold; color:#d12f19; text-decoration:underline;
}
li.nav .webbadmin {
font-weight:bold; color:#0066cc; text-decoration:none;
}
li.nav .webbadmin:hover {
font-weight:bold; color:#0066cc; text-decoration:underline;
}
li.subnav a {
font-weight:bold; text-decoration:none; color:#444;
}
li.subnav a:hover {
color:#000000; text-decoration:underline;
}
li.subnav .selected {
font-weight:bold; color:#000000; text-decoration:underline;
}


#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 0; }
#navbar li ul {
	display: none;
	width: 150px;
	background-color: #fff;
	word-wrap:break-word;
	border: 1px solid #fff;
	box-shadow: 0px 2px 7px #555;
	border-radius: 3px;
	overflow:hidden;
	}
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }

/* Hover */

#navbar li:hover li {
	float: none; }
#navbar li:hover li a {
	background-color: #efefef;
	border-bottom: 1px solid #fff;
	padding: .5em;
	}
#navbar li:hover li:first-child a {
	-webkit-border-top-left-radius: 	3px;
	-webkit-border-top-right-radius: 	3px;
	-moz-border-radius-topleft: 		3px;
	-moz-border-radius-topright: 		3px;
	border-top-left-radius: 			3px;
	border-top-right-radius: 			3px;
	}
#navbar li:hover li:last-child a {
	border-bottom: none;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 	3px;
	-moz-border-radius-bottomright: 	3px;
	-moz-border-radius-bottomleft: 		3px;
	border-bottom-right-radius: 		3px;
	border-bottom-left-radius: 			3px;
}
#navbar li li a:hover {
	background-color: #e7e7e7;
	text-decoration:none; }
#navbar li li a.selected {
	background-color: #e7e7e7;
	text-decoration:underline; }

/* ------------------------------------------------------------------------------------*/
/* ---------------------------------- RAM FÖR SIDAN -----------------------------------*/
/* ------------------------------------------------------------------------------------*/

#pagewrapper{
	margin-top: 0px;
	padding: 20px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border: 1px solid #aaa;
	box-shadow: 		0px 3px 10px 1px #aaa;
	-webkit-box-shadow: 0px 3px 10px 1px #aaa;
	background: #f7f7f7;
}

/* ------------------------------------------------------------------------------------*/
/* ---------------------------------- VIT INSET-RUTA ----------------------------------*/
/* ------------------------------------------------------------------------------------*/

.pagepart{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;

	box-shadow: 		inset 0px 1px 5px 0px #ccc;
	-webkit-box-shadow: inset 0px 1px 5px 0px #ccc;

	box-sizing:border-box;
}


/* ############################################################################################# */
/* ######################################### runda hörn ###################################### */
/* ############################################################################################# */

.rc{
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.rc1{
	border-top-left-radius: 5px;
	-webkitborder-top-left-radius: 5px;
}
.rc2{
	border-top-right-radius: 5px;
	-webkitborder-top-right-radius: 5px;
}
.rc3{
	border-bottom-right-radius: 5px;
	-webkitborder-bottom-right-radius: 5px;
}
.rc4{
	border-bottom-left-radius: 5px;
	-webkitborder-bottom-left-radius: 5px;
}

.blackborder{ border: 1px solid black;}
.shadow{
	box-shadow: 0px 2px 5px 2px #aaa;
	-webkit-box-shadow: 0px 2px 5px 2px #aaa;
}

/* ############################################################################################# */
/* ##################################### lista för tex sökresultat ############################# */
/* ############################################################################################# */


ul.reportlist {
	list-style-type:none;
	padding:0px;
	margin:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;

}
ul.reportlist li{
	list-style:none;
	display:block;
	margin: 0;
	padding: 5px;
	width:100%;
	border-bottom:1px solid #ccc;
	box-sizing: border-box;
	height: auto;
	overflow:hidden;

	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;

	font-size: 11px;
	position: relative;
}

ul.reportlist li{
	background:#f0f0f0 url(../_img/reportlist.png);
}
ul.reportlist li:hover{
	background:#dff4ff url(../_img/reportlist-hover.png);
}
ul.reportlist li:nth-child(even){
	background:#e0e0e0 url(../_img/reportlist-even.png);
}
ul.reportlist li:nth-child(even):hover{
	background:#c3eaff url(../_img/reportlist-hover.png);
}

.adminbuttons.buttons.right {
    position: absolute;
    top: 3px;
    right: 0;
}

/* ############################################################################################# */
/* ##################################### lista över användare      ############################# */
/* ############################################################################################# */


table.usersTable {
	list-style-type:none;
	padding:0px;
	margin:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;

}
table.usersTable tr{
	list-style:none;
	margin: 0;
	padding: 5px;
	width:100%;
	box-sizing: border-box;
	height: auto;
	overflow:hidden;

}
table.usersTable tr td, table.usersTable tr th{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f0f0f0 url(../_img/reportlist.png);
}
table.usersTable tr td{
	background:#f0f0f0 url(../_img/reportlist.png);
}
table.usersTable tr:hover td{
	background:#dff4ff url(../_img/reportlist-hover.png);
}
table.usersTable tr:nth-child(odd) td{
	background:#e0e0e0 url(../_img/reportlist-even.png);
}
table.usersTable tr:nth-child(odd):hover td{
	background:#c3eaff url(../_img/reportlist-hover.png);
}
table.usersTable tr th{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f0f0f0 url(../_img/reportlist.png);
}
table.usersTable tr th {
	background:#fff;
}


/* ##################################### lista för superadmin-redigeraren ############################# */

img.contentImg{
	width:688px;
  	/*Grid view:*/
    /*width: 200px;*/
    /*height: 200px;*/
    /*object-fit: contain;*/
    /*margin: 0 10px 3px 0;*/
    /*box-shadow: 0 0 4px 0px rgba(0,0,0,0.4);*/
}

.dragzone img.contentImg{
	width:578px !important;
}

ul.movablefieldlist {
	list-style-type:none;
	padding:0px;
	margin:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;

	background: #dfb;

}
ul.movablefieldlist li{
	list-style:none;
	display:block;
	margin: 0;
	padding: 0px;
	width:100%;
	border-bottom:1px solid #ccc;
	box-sizing: border-box;
	height: auto;
	overflow:hidden;

	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
ul.movablefieldlist li{
	background:#ccc;
}
ul.movablefieldlist li div.dragzone{
	background:#e0e0e0;
	float:left;
	position:relative;
	box-sizing:border-box;
}
ul.movablefieldlist li div.dragzone div.dragzonewidth{
	width:30px;
	float:left;
	position:relative;
}
ul.movablefieldlist li div.dragzone div.hand{
	width:30px;
	float:left;
	position:absolute; top:0; bottom:0;
	cursor:move;
}
ul.movablefieldlist li div.fieldcontent{
	background:#f0f0f0;
	padding-left:5px;
	box-shadow: 0px 0px 10px 0px #aaa;
	margin-right:0;
	border-left:1px solid #fff;
}
ul.movablefieldlist li div.buttons{
	float:right;
	margin:5px;
}
ul.movablefieldlist li:hover, ul.movablefieldlist li.simulateHover {
	background:#ddb;
}
ul.movablefieldlist li:hover div.dragzone, ul.movablefieldlist li.simulateHover div.dragzone {
	background:#ddb;
}
ul.movablefieldlist li:hover div.fieldcontent, ul.movablefieldlist li.simulateHover div.fieldcontent {
	background:#fafadd;
}

/* ##################################### Utseende för tabell i admin_users ############################# */

.usersTable table, .usersTable th, .usersTable td{
	border: 1px solid black;
}


/* ------------------------------------------------------------------------------------*/
/* ------------------------------- reportform_edit.asp --------------------------------*/
/* ------------------------------------------------------------------------------------*/

/* dölj framside-klasser */
.frontH1,
.frontH2,
.frontH3,
.frontH2beginrow,
.frontH2samerow,
.frontH2endrow,
.frontH3beginrow,
.frontH3samerow,
.frontH3endrow { display: none !important; }

.reportFieldWrapper, .reportShortFieldWrapper, .reportLongFieldWrapper,
.reportChkFieldWrapper, .reportHtmlTextWrapper, .reportSelectFieldWrapper,
.reportAjaxFieldWrapper, .reportDatepickerCalendarWrapper, .reportMultiFieldWrapper{
	position: relative;
	float:left;
	margin: 0 !important;
	width:100%;

	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */

    margin-left: -1px !important;
    margin-bottom: -1px !important;
    padding-right: 1px;
}

.reportUnknownFieldWrapper{
	border: 1px solid red;
	float: none;
	clear:both;
	min-height: 20px;
}

.reportFieldLabel, .reportShortFieldLabel, .reportLongFieldLabel, .reportSelectFieldLabel, .reportAjaxFieldLabel, .reportChkFieldLabel {
	font-weight:normal !important;
	float:left !important;
	min-width: 100px !important;
	width: auto !important;
	margin: 0 0 0 2px !important;
	margin-right: 5px !important;
	position: absolute;
	top: 1px; left: 1px;
	z-index: 2;
	font-size:10px;
	font-style:italic;
	font-weight: normal !important;
}
div.reportFieldInput, div.reportShortFieldInput, div.reportLongFieldInput, div.reportSelectFieldInput, div.reportAjaxFieldInput{
	border: 0px solid black !important;
	border-top: 	1px solid black !important;
	border-right: 	1px solid black !important;
	border-bottom: 	1px solid black !important;
	border-left: 	1px solid black !important;
	border-radius:0 !important;
	background-color:#fff;
/*	border:1px solid #bbb;*/
	border-radius:0px;
	color:#000;
	background: #fff;
/*	box-shadow: 		none !important;
	-webkit-box-shadow: none !important;*/
	padding:15px 5px 5px 5px !important;
	margin: 0 !important;
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
input.reportFieldInput,
input.reportShortFieldInput,
input.reportLongFieldInput,
textarea.reportLongFieldInput,
input.reportSelectFieldInput,
select.reportShortFieldInput,
select.reportSelectFieldInput,
input.reportAjaxFieldInput{
	padding:18px 5px 5px 5px !important;
	margin: 0 !important;
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.reportShortFieldInput{
}
.reportShortFieldWrapper{
	width: 50%;
    margin-bottom: -1px !important;
    margin-left: -1px !important;
    padding-right: 0;
}
.reportShortFieldLabel{}


.reportLongFieldWrapper{
	width: 100%;
    margin-left: -1px !important;
    margin-bottom: -1px !important;
    padding-right: 1px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	margin-top: 1em!important; margin-bottom: 1em!important;
}
.reportLongFieldLabel{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.reportLongFieldInput{
	min-height: 100px;
}

.reportChkFieldWrapper{
	width:25%; /*4 st = 172,  5 st på en rad = 137.6px, 6st = 114.667 */
	line-height:normal;
	border: 1px solid black;
	text-align: center;

    padding: 17px 5px 5px 5px;
}


/* ###################################################################################### OBS KAN STÄLLA TILL MED PROBLEM */
/* ###################################################################################### OBS KAN STÄLLA TILL MED PROBLEM */
/* ###################################################################################### OBS KAN STÄLLA TILL MED PROBLEM */
.reportChkFieldWrapper div.clear{
	display: none;
}
/* ###################################################################################### OBS KAN STÄLLA TILL MED PROBLEM */
/* ###################################################################################### OBS KAN STÄLLA TILL MED PROBLEM */
/* ###################################################################################### OBS KAN STÄLLA TILL MED PROBLEM */


.reportChkFieldLabel{
	font-weight:normal !important;
	float:left !important;
	m_in-width: 100px !important;
	m_in-height: 50px !important;
	w_idth: auto !important;
	margin: 0 0 0 2px !important;
	margin-right: 5px !important;
	font-size:10px;
	f_ont-style:italic;
	/*font-weight:bold !important;*/

	m_argin: 0 auto !important;
	f_loat: none !important;

	width: 230px !important;
	min-width: 200px !important;
	text-align: left !important;
}
.reportChkFieldWrapper .ibutton-label-on span label{
	text-align:left;
}
.ibuttonwrapper{
	width: 89px;
	_margin: 0 auto 5px auto;



	float: right !important;
}


.reportHtmlTextWrapper{
	margin: 20px 0 0 0 !important;
}

.reportSelectFieldWrapper{}
.reportSelectFieldLabel{}
.reportSelectFieldInput{
   background: transparent;
   min-width: 344px;
   padding:14px 5px 4px 5px !important;
}


.reportAjaxFieldInput{
	background: url(../_img/report-field-db-conn.png);
	background-position:right;
	background-repeat:no-repeat;
	width:344;
}
.ajaxInputIcon{
	background: url(../_img/report-field-db-conn.png);
	background-position:right;
	background-repeat:no-repeat;
}

.reportDatepickerWrapper{

}
.reportDatepickerCalendarWrapper{
	width: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border: 1px solid black;
	padding:10px; margin: 0 auto;
}

.reportMultiFieldWrapper			{width: 100% !important; margin-left: 5px !important; margin-right: 5px !important; margin-bottom: 10px !important;}
.reportMultiFieldWrapper .full		{width: 100% !important;}
.reportMultiFieldWrapper .half		{width: 50% !important;}
.reportMultiFieldWrapper .quarter	{width: 25% !important;}
.reportMultiFieldWrapper .threequarters	{width: 75% !important;}
.reportMultiFieldWrapper .third		{width: 33% !important;}
.reportMultiFieldWrapper .twothirds	{width: 67% !important;}
.reportMultiFieldWrapper .fivethirds	{width: 100% !important;}

.reportMultiFieldWrapperBig			{width: 100% !important; margin-bottom: 10px !important; clear:both;}
.reportMultiFieldWrapperBig .double		{width: 100% !important;}
.reportMultiFieldWrapperBig .full		{width: 100% !important;}
.reportMultiFieldWrapperBig .half		{width: 50% !important;}
.reportMultiFieldWrapperBig .quarter	{width: 25% !important;}
.reportMultiFieldWrapperBig .threequarters	{width: 75% !important;}
.reportMultiFieldWrapperBig .third		{width: 33% !important;}
.reportMultiFieldWrapperBig .twothirds	{width: 67% !important;}


.reportMultiFieldWrapperBig h1, .reportMultiFieldWrapperBig h2, .reportMultiFieldWrapperBig h3{
	padding: 10px 0 2px 0;
}


/* snygga till signatur-grupper i view */
.signOrtdatum, .signName, .besmanSign{
	min-width:688px;
}
.signOrtdatum{
	margin-top:20px !important;
	clear: both;
}

/* ------------------------------------------------------------------------------------*/
/* -------------------------- VERTICAL CENTER + radbakgrunder -------------------------*/
/* ----------------------- används i fillistning + inställningar-----------------------*/
/* ------------------------------------------------------------------------------------*/

.vc1{display:table;height:40px;#position:relative;overflow:hidden;}
.vc2{#position:absolute;#top:50%;display:table-cell;vertical-align:middle;}
.vc3c{#position:relative;#top:-50%;text-align:center; width:30px;}
.vc3{#position:relative;#top:-50%;}
.row{border-bottom:1px solid #bbb;}
.row:first-child{border-top:1px solid #bbb;}
a.black{color:#000}
.row.even{background:#f5f5f5;}
.row:hover{background:#f5fbff;}
.leftmargin5{margin-left:5px; margin-right:5px;}

/* ############################################################################################# */
/* ########################################## AUTOTEXTER ####################################### */
/* ############################################################################################# */

.ATmainWrap, .ATmainWrap div, .ATmainWrap a {
	float:left;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
.ATmainWrap{
	width: 646px;
	margin: 0 auto;
	background: #ccc;
	border-top: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #eee;
}
.ATzoneWrap {
	margin: 5px;
	width: 632px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #aaa;
}
.ATzoneHeader {
	background:#0066CC;
	background-image:url(../_img/btn_bg_blue.png);
	width: 632px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	color:white;
	border-top: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #eee;

}
.ATroomWrap {
	background:#333 url(../_img/autotext-bg.png) top repeat-x;
	width: 632px;

	border-bottom: 1px solid #000;
	border-top: 1px solid #777;
}
.ATroomHeader {
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:white;
	width:200px;
}
.ATtextWrap {
	float:right !important;
	background:#f00;
	width: 428px;
}
.ATtextAddWrap {
	width: 100%
}
.ATtext {
	background:#ccc;
	background-image:url(../_img/reportlist.png);
	width: 100%;
	min-height: 35px;
	padding: 5px 0 5px 10px;

	border-top: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #eee;
}
.ATtext ul li{
	list-style-type:square;
}
.ATaddTextBtn {
	background:#009900;
	background-image:url(../_img/reportlist-even.png);
	width: 50%;
	padding: 0;
}
.ATaddTextBtn a {
	background:#009900;
	background-image:url(../_img/reportlist-even.png);
	width: 50%;
	padding: 10px ;

	border-top: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #eee;

	text-decoration:none;
	color:#003366;
	font-weight:bold;
	font-size:14px;
	text-shadow: 1px 1px #fff;
}
.ATaddTextBtn a:hover {
	background:#ddd;
	background-image:url(../_img/reportlist-hover.png);
	cursor:pointer;
}
.ATaddRoomBtn {
	background:#555;
	background-image:url(../_img/btn_bg_contrast_dark.png);
	width: 100%;
	padding: 0;
}
.ATaddRoomBtn a {
	background:#555;
	background-image:url(../_img/btn_bg_contrast_dark.png);
	width: 100%;
	padding: 10px ;

	border-top: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #eee;

	text-decoration:none;
	color:#eee;
	font-weight:bold;
	font-size:14px;
	text-shadow: -1px -1px #000;
}
.ATaddRoomBtn:hover {
	background:#999;
	cursor:pointer;
}
.ATaddZoneBtn {
	background:#0066CC;
	width: 100%;
	padding: 0;

}
.ATaddZoneBtn a {
	background:#0066CC;
	background-image:url(../_img/btn_bg_contrast_blue.png);
	width: 100%;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:white;
	border-top: 1px solid #eee;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #eee;
}
.ATaddZoneBtn:hover {
	background:#0099FF;
	cursor:pointer;
}

table.nospacing, table.nospacing tr, table.nospacing td{
	margin:0;
	padding:0;
	width:auto;
	vertical-align:middle;
}


/* ----------------------------- lägg till autotext-ruta ----------------------------- */


ul.categorypicker{
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px #eee;
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}
ul.categorypicker li{
	border-top: 1px solid black;
	width:50%;
}
ul.categorypicker li a{
	display:block;
	text-decoration:none;
	color:#000000;
}
ul.categorypicker li a:hover{
	text-decoration:none;
	color:#000000;
}
ul.categorypicker li:firstchild{
	border-top: none;
}

ul.categorypicker li ul{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
	width:50%;
	background:#fff;
	position:absolute;
	top:0;
	left:21.1em;
	left:20.6em;
	border-bottom:1px solid #000;
	border-left: 1px solid #000;
	 box-sizing:border-box;
}
ul.categorypicker li ul li{
	width:100%;
	/*position:absolute;	*/
	position:relative;
	display:none;
}
/*
ul.categorypicker li:hover ul li{
	display: block;
	height:auto;
}
*/
ul.categorypicker li:hover ul li:hover{
	background: #DEEFFF;
}






/* ----------------------------- VIEW-läget ----------------------------- */




/* Hela listan */
ul.viewAutotext{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
	border-bottom:1px solid #fff;
	background: #f2f2f2;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
/* ul:lista > titel*/
ul.viewAutotext li.zoneTitle{
	float:left;
	display:inline;
	width:100%;
	margin:0;
	padding:5px;
	padding-top:25px;
	box-sizing: border-box;
	font-size:16px;
	font-weight:bold;
	border-top: 2px solid #fff;
}
ul.viewAutotext li.zoneTitle:first-child{
	padding-top:5px;
}
/* ul:lista > ul-wrapper*/
ul.viewAutotext li.ulCont1{
	float:left;
	display:inline;
	width:100%;
	margin:0;
	padding:0;
	box-sizing: border-box;
}
/* ul:lista > ul-wrapper > ul:rumslista */
ul.viewAutotext li.ulCont1 ul{
	float:left;
	list-style-type:none;
	width:100%;
	margin:0;
	padding:0;
	box-sizing: border-box;
}
/* ul:lista > ul-wrapper > ul:rumslista > rumstitel */
ul.viewAutotext li.ulCont1 ul li.roomTitle{
	float:left;
	display:inline;
	width:30%;
	margin:0;
	padding:5px;
	box-sizing: border-box;
	font-size:14px;
	font-weight:bold;
	border-top:2px solid #fff;
}
/*  ul:lista > ul-wrapper > ul:rumslista > ul-wrapper */
ul.viewAutotext li.ulCont1 ul li.ulCont2{
	float:left;
	display:inline;
	width:70%;
	margin:0;
	padding:0;
	border-top:2px solid #fff;
}
/* ul:lista > ul-wrapper > ul:rumslista > ul-wrapper > ul:Lista som innehåller allmän info och ul-wrapper för ul.notes
ul.viewAutotext li.ulCont1 ul li.ulCont2 ul{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
} */
/* ul:lista > ul-wrapper > ul:rumslista > ul-wrapper > ul:info/noteringar */
ul.viewAutotext li.ulCont1 ul li.ulCont2 ul{
	float:left;
	display:inline;
	width:100%;
	margin:0;
	padding:0;
	border-left: 1px solid #ccc;
}
/* ul:lista > ul-wrapper > ul:rumslista > ul-wrapper > ul:info/noteringar > Rubrik */
ul.viewAutotext li.ulCont1 ul li.ulCont2 ul li h3{

}
/* ul:lista > ul-wrapper > ul:rumslista > ul-wrapper > ul:info/noteringar > info-text */
ul.viewAutotext li.ulCont1 ul li.ulCont2 ul li{

	padding:0px;
	padding-left:5px;
	box-sizing: border-box;
	font-size:12px;
}
/* ul:lista > ul-wrapper > ul:rumslista > ul-wrapper > ul:info/noteringar > ul-wrapper för notes > ul:notes*/
ul.viewAutotext li.ulCont1 ul li.ulCont2 ul li.ulNotesCont ul.notes{
	list-style-type:square !important;
	list-style-position:inside;

	border:0;
}
ul.viewAutotext li.ulCont1 ul li.ulCont2 ul li.ulNotesCont ul.notes li{
	padding:0;
	padding-left:1px;;

	width:100%;
	box-sizing: border-box;
	font-size:12px;
}


/* ############################################################################################# */
/* ######################################### snabbverktyg ###################################### */
/* ############################################################################################# */

/*  box-sizing:border-box;
Gör så att ex. border och padding räknas in i width. */
.borderbox{
 	box-sizing:border-box;
 }

/* MARKÖRER
Skriv dit en bokstav i "class" för att färgmarkera. Smutt! */
.r {background:#f00 !important;}
.g {background:#0f0 !important;}
.b {background:#00f !important;}
.y {background:#ff0 !important;}
.t {background:#0ff !important;}
.p {background:#f0f !important;}
.genomskinlig { opacity: .5;}
.white {background:#fff;}

/* BREAKWORD
Lägg till class "breakword" för att bryta långa rader. */
.breakword {
	word-wrap: break-word;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{
	z-index:5 !important;
}

.searchFeedback, .textSearchLabel{margin:7px;display:inline-block;font-weight:bold; font-size:14px;}

#head {
	overflow: visible;
}

/* wide layout */
body.Start #head,
body.Statusrapport #head,
body.Användare #head,
body.Admin #head,
body.Bildrapport #head,
body #head
{
	width: 95%;
	min-width: 710px;
  box-sizing: border-box;
}
body.Start #menu,
body.Statusrapport #menu,
body.Användare #menu,
body.Admin #menu,
body.Bildrapport #menu,
body #menu
{
	width: 95%;
	min-width: 750px;
  box-sizing: border-box;
}
body.Start #pagewrapper,
body.Statusrapport #pagewrapper,
body.Användare #pagewrapper,
body.Admin #pagewrapper,
body.Bildrapport #pagewrapper,
body #pagewrapper
{
	width: 95%;
	min-width: 750px;
  box-sizing: border-box;
}
body.Start #foot,
body.Statusrapport #foot,
body.Användare #foot,
body.Admin #foot,
body.Bildrapport #foot,
body #foot
{
	width: 95%;
	min-width: 750px;
  box-sizing: border-box;
}
.pagepart { width: 100%; min-width: 710px; }
.span-8-half.pagepart { width: 330px; min-width: inherit; }
.span-9-half.pagepart { width: 370px; min-width: inherit; }

/* Sidebar/floatbox for fullwidth layout fix */
#sidebar-floatbox {
	width: 15% !important;
}
#shortcuts {
    width: 100% !important;
    box-sizing: border-box;
}
#shortcuts .buttons a {
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}
body.Visa.rapport #pagewrapper {
    width: 80% !important;
    box-sizing: border-box;
    margin-left: 2.5% !important;
}

/* fullcalendar, linjer som avgränsar dagar mellan resurskolumner */
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover {
    border-color: rgba(0,0,0,0.1) !important;
}
td.fc-mon+.fc-tue, 
td.fc-tue+.fc-wed, 
td.fc-wed+.fc-thu, 
td.fc-thu+.fc-fri, 
td.fc-fri+.fc-sat, 
td.fc-sat+.fc-sun, 
td.fc-sun+.fc-mon {
    border-left-width: 2px!important;
    border-left-color: #777!important;
} 
#calendar table {
	margin-bottom: 0;
}

.reportChkFieldWrapper.reportExistsInTable {
    background: #c3d9ff;
}
.reportChkFieldWrapper.reportExistsInTable span.existsText {
    float: left;
    margin-top: 0.6em;
}

input.invalid {
	background-color: #ff6969;
}
input.valid {
	background-color: #bcfbb3;
}

input[type=text].inputHasChanged, 
input[type=password].inputHasChanged, 
input[type=url].inputHasChanged, 
input[type=email].inputHasChanged, 
input.text.inputHasChanged, 
input.title.inputHasChanged, 
textarea.inputHasChanged {
	box-shadow: 0 0 5px 3px yellow, inset 0px 1px 5px 0px #ccc;
  z-index: 1;
  position: relative;
  border: 1px solid yellow;
}
.inputHasChanged {
	box-shadow: 0 0 5px 5px yellow;
}

.reportFieldWrapper .buttons a {
    margin-bottom: 2em;
}

input.reportFieldInput {
    margin-bottom: 0.2em!important;
}
.reportMultiFieldWrapperBig {
    margin-top: 5em!important;
}
.reportMultiFieldWrapperBig>:last-child {
    margin-bottom: 1.5em!important;
}