/**
 * @file
 * Copyright Sector 5 AB 2011
 * Version: 1.0
 * Built on: HTML5 ✰ Boilerplate
 */


/**
 * HTML5 ✰ Boilerplateh1
 * ==|== normalize ==========================================================
 */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; height: 100%; }
body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #222; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #06e; }
a:visited { color: #06e; }
a:hover { color: #00e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/**
 * ==|== primary styles =====================================================
 * Author: Johan Runesson
 */

/**
 * General layout
 */
#wrapper { width:940px; margin:0 auto;  background-color:#fff;position: relative;min-height: 100%; height: auto !important; height: 100%; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF;}
/* html.ie6 #wrapper { overflow: visible; } */
form#aspnetForm { height:100%; }
/*.sidebar { width: 190px; background-color: #eee; margin: 0 20px -5000px 0; padding: 50px 0px 5020px 0; float: left; border-right: 1px solid #aaa;  height: 100%; } */
#main { margin: 0 50px 0 30px; padding: 15px 0 120px; float: left; width: 710px; }
#footer { position: absolute; bottom: 0; left: 0px; width: 100%; height: 125px; }
#footer .inner { position: relative; background: #fff; border-top: 1px solid #CFCFCF; padding: 20px 20px 10px 10px; margin-left:0; }


/**
 * Classes (also see the section "non-semantic helper classes")
 */
.right { float: right; }
.left { float: left; }
.seperator { margin: 50px 0; border-top: 1px dotted #ccc; }


/**
 * Typography
 */
p { font-size: 1.1em; line-height: 1.4em; margin: 0px; padding: 0 0 1.2em; }
h1 { font-size: 2em; margin: 0; padding: 0.5em 0 0.5em; font-family:Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 1.8em; margin: 0; padding: 0.5em 0 0.4em; }
h3 { font-size: 1.4em; margin: 0; padding: 0.5em 0 0.4em; }
h4, h5, h6 { font-size: 1.1em; margin: 0; padding: 0.5em 0 0.4em; } 

p.message { width: 550px; padding: 8px 10px 8px 40px; margin: 0 0 20px; background: url(../images/icons.png) no-repeat 5px 5px; }
p.message { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
p.message.ok { background-color: #f3fef1; background-position: 5px 5px; color: #187509; border: 1px solid #187509; }
p.message.warning { background-color: #fdfde1; background-position: -995px 5px; color: #555421; border: 1px solid #555421; }
p.message.error { background-color: #FEF5F1; background-position: -2020px 5px; color: #8C2E0B; border: 1px solid #8C2E0B; }


/**
 * Doctype icons
 */
a.pdf { background: url(../images/doctypes/pdf.gif) no-repeat 1px 2px; padding: 2px 0 2px 24px; }
a.excel { background: url(../images/doctypes/excel.gif) no-repeat 0px 2px; padding: 2px 0 2px 24px; }
a.gif { background: url(../images/doctypes/gif.gif) no-repeat 0px 2px; padding: 2px 0 2px 24px; }
a.jpg { background: url(../images/doctypes/jpg.gif) no-repeat 0px 2px; padding: 2px 0 2px 24px; }
a.powerpoint { background: url(../images/doctypes/powerpoint.gif) no-repeat 0px 2px; padding: 2px 0 2px 24px; }
a.word { background: url(../images/doctypes/word.gif) no-repeat 0px 2px; padding: 2px 0 2px 24px; }
a.default { background: url(../images/doctypes/default.gif) no-repeat 0px 2px; padding: 2px 0 2px 24px; }
a.html { background: url(../images/doctypes/html.gif) no-repeat 0px 2px; padding: 2px 0 2px 24px; }


/**
 * Rte
 */
.rte { width: 550px; padding-bottom: 1.5em; }
.rte table { margin: 1em 0 1.8em 0; }
.rte td, .rte th { padding: 0.6em; border: 1px solid #e6e6e6; vertical-align: top; font-size: 1em; }
.rte td p, .rte th p { font-size: 1em; }
.rte th { background-color: #f2f2f2; color: #0082c8; text-align: left; }
.rte td p, .rte th p { margin: 0; }
.rte table.noborder { margin-top: 0; }
.rte table.noborder td { border: none; padding-left: 0; padding-top: 0; }
.rte ol, .rte ul { width: 350px; margin: 0px; padding: 0 0 0.3em 1em;}
.rte ol { padding-left: 1.5em; }
.rte li { padding: 0 0 0.4em; }
.rte li p { font-size: 1em; }


/**
 * Table
 */
td, th { padding: 0.6em; border: 1px solid #e6e6e6; vertical-align: top; font-size: 1em; }
td p, th p { font-size: 1em; }
td.header { font-weight: bold; }
th { background-color: #f2f2f2; color: #05576D; text-align: left; }
td p, th p { margin: 0; }
table.noborder { margin-top: 0; }
table.noborder td { border: none; padding-left: 0; padding-top: 0; }
table.list { width: 650px; margin-bottom: 30px; }
table.list.narrow { margin-bottom: 10px; }
table.list tr:hover td { background-color: #f9f9f9; }
table.list td, table.list th { padding: 0.3em 1.5em 0.3em 0.6em; border-left: 0; border-right: 0; }
table.list th {  border-top: 0; padding: 1em 1.5em 0.3em 0.6em; }
table.list td th { border:none;background:none; color:#000; font-weight:normal; padding:0; }
table.list td td {padding-left:0;}
table.list input.text, table.list textarea.text { width: 200px; }
table.list input.text.small, table.list textarea.text.small { width: 75px; }
table.list input.text.mini, table.list textarea.text.mini { width: 25px; }

table.list tr.group-header { padding-top: 10px; }
table.list tr.group-header td {  border-top: 0; padding: 1em 1.5em 0.3em 0.6em; background-color: #fff; color: #05576D; background-color: #f2f2f2; }

/**
 * Elements / buttons etc
 */
.btn.add {background:url("../images/icons.png") no-repeat scroll -4995px -5px transparent; padding-left:20px;} 
.btn.delete {background:url("../images/icons.png") no-repeat scroll -3995px -5px transparent; padding-left:20px;} 


/**
 * Form
 */
.form { padding: 0 0 30px; width: 640px; }
.form-item  { padding: 0 0 15px; overflow: hidden; }
.form-item:before, .form-item:after { content: ""; display: table; }
.form-item:after { clear: both; }
.form-item { zoom: 1; }

.form-item label { display: block; font-size: 1.1em; line-height: 1.4em; }
label.error { font-size: 1em; font-style: italic; color: #8C2E0B; }
.form-item.inline label { float: left; width: 100px; padding-right: 15px; }
.form-item.inline input.button, .form-item.inline div.button { margin-right: 10px; }
.form-item.inline div.button { float: left; }
.form-item .label { padding-bottom: 0.2em; }
.form-item .option { padding: 0 0 4px; }
.form-item .option label { display: inline; font-size: 1em; }
.form-item.inline .option label { float: none; width: auto; }
input.text, textarea { width: 300px; border: 1px solid #bbb; padding: 2px 2px 3px; line-height: 1.2em; }
textarea.wide { width: 600px; border: 1px solid #bbb; padding: 2px 2px 3px; line-height: 1.2em; }
input.checkbox { margin-right: 5px; vertical-align: top; }
.form-item select { width: 302px; margin-right: 4px; }
.form-item input.error { border: 1px solid #ec0a0a !important; }
.form-item.inline input, .form-item.inline textarea, .form-item.inline select { float: left; }
input.text.active, textarea.text.active, textarea.textarea.active { border: 1px solid #777; }
input.datepicker { background: url(../images/icons.png) no-repeat top right #fff; }

.form-item p.info { font-size: 1em; font-style: italic; color: #555; padding-bottom: 0; }
.form-item.inline p.info { float: left; width: 200px; padding-left: 15px; }

.form-item.submit { margin-top: 10px; }

.form-links ul { list-style: none; margin: 0; padding: 0; }
.form-links ul li a { text-decoration: none; }
.form-links.right ul { float: right; }


input.button, div.button a {
  font-size: 12px;
	color: #050505;
	text-decoration:none;
	padding: 6px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #ccc;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}
input.button:active, div.button a:active {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#fff));
  background-image: -moz-linear-gradient(0% 100% 90deg, #fff, #bbb);
}
div.button { margin: 11px 0 30px; }
/* html.ie7 input.button, html.ie6 input.button { padding: 0 8px; } */
/* html.oldie div.button a { border: 2px solid #ccc; border-bottom: 2px solid #999; border-right: 2px solid #999; padding: 5px 10px; zoom: 1; }
html.oldie div.button a:active { border: 2px solid #999; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; background-color: #ddd; } */


/**
 * Header
 */
#header { width:880px; margin:0 auto;position: relative; height:37px;border-top:1px solid #CCCCCC;border-bottom: 1px solid #CFCFCF; border-right:1px solid #CFCFCF; background-color: #eee; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#C7C7C7)); background-image: -moz-linear-gradient(19% 12% 270deg,#FFFFFF, #EEEEEE, #C7C7C7 100%); }
#topbar .logo { float: left; overflow: hidden; padding: 24px 0 12px 0; }
.sidebar { float: left;padding:0 0 0 10px;}
ul.menu { position:absolute;top:-1px;list-style: none; margin: 0px; padding: 0px;}
ul.menu li { float: left; margin: 0;}
ul.menu li a { 
	display:block;
	text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #050505;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#d2d2d2);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #bfbfbf;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);}
ul.menu li a:hover { color:#05576D;-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 1); }
ul.menu li.selected a { color: #05576D; -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 1); }

/* html.oldie ul.menu li a { background-color: #fff; float: left; }
html.oldie ul.menu li a:hover, html.oldie ul.menu li.selected a { background-color: #f8f8f8; } */

#topbar { background-color: #fff; padding: 5px 30px 5px 30px; position:relative; }
#topbar p { font-size: 1em; padding: 0; float: right; right:0; margin: 0px; color: #878787; }
#topbar a { color: #333; }
#topbar p.additional-info { border:2px solid red; margin-right:10px; padding:5px;  }

/**
 * Submenu
 */
.submenu li { display:inline; float:left; }
ul.submenu { list-style: none; margin: 0 -1px 0 20px; padding: 0px; }
/* html.ie7 ul.submenu { position: relative; zoom: 1; } */
ul.submenu li { margin: 9px 0 0; padding:0 4px 0 0; }
ul.submenu li a { display: block; padding: 8px 13px 8px 15px; text-decoration: none; color:#5E5E5E; }
ul.submenu li.last a {  }
ul.submenu li a:hover { background-color: #fff; border-radius:8px 8px 8px 8px; color: #5e5e5e; background-color:#E8E8E8; }
ul.submenu li.selected a { border-radius:8px 8px 8px 8px; color: #5E5E5E; background-color:#E8E8E8; }


/**
 * Breadcrumbs
 */
.breadcrumbs {display:none;}
ul.breadcrumbs { list-style: none; margin: 0; padding: 10px 0 5px; border-bottom: 1px solid #eee; }
ul.breadcrumbs li { display: inline; color: #333; padding: 0 2px; }
ul.breadcrumbs li a { text-decoration: none; color: #666; }
ul.breadcrumbs li a:hover { text-decoration: underline; }


/**
 * Footer
 */
#footer p.footer-info { width: 555px; margin: 0 auto; color: #555; position:absolute; left:220px; font-size:1.0em;}
#footer .logo { position: absolute; top: 10px; left: 20px; margin-top:16px }
#footer .logo img { width:170px; height:27px; margin-left:5px; margin-top:10px }

/**
 * Login
 */
#login-wrapper { width: 400px; margin: 0 auto; padding-top: 30px; }
#login-wrapper p.message { width: 345px; }
#login-wrapper h1 { font-size: 1.4em; padding-top: 0; }
#login { position: relative; border: 5px solid #999; padding: 20px 20px 15px 20px; }
#login { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
#login .loginform, #login .forgotform { position: absolute; width: 360px; background-color: #fff; }
#login .forgotform { display: none; }
 

/**
 * Dhtmlx
 */
.dhtmlxgrid { width: 750px; height: 500px; }
 

/**
 * Datatables
 */
.dataTables_wrapper {  position: relative; padding-bottom: 3em; }
table.datatables {  }
table.datatables { text-align: left;  }
.dataTables_wrapper .search-area { padding-bottom: 0.8em; }
.dataTables_wrapper .search-area .dataTables_filter { float: none; text-align: left; width: 100%; }
.dataTables_wrapper .fg-toolbar { overflow: hidden; }
.dataTables_wrapper .dataTables_length { width: 50%; float: right; text-align: right; }
.dataTables_wrapper .DTTT_container { display:none; float: right; text-align: right; margin-right: 0px; }


.dataTables_wrapper tr.odd { background-color: #d9e8f2; }
.dataTables_wrapper tr.odd td.sorting_1 { background-color: #c7dae6; }
.dataTables_wrapper tr.even td.sorting_1 { background-color: #f2f8fc; }


/**
 * Tabs
 */
ul.tabs-nav { padding: 0 0 0 10px; margin: 20px 0 20px; list-style: none; border-bottom: 1px solid #ccc; }
ul.tabs-nav li { display: block; float: left; margin-bottom: -1px; }
ul.tabs-nav li a { float: left; padding: 10px 10px 6px; background-color: #eee; color: #666; text-decoration: none; border: 1px solid #aaa; border-bottom: 1px solid #ccc; border-right: 0px; outline: none; cursor: pointer; }
ul.tabs-nav li a.last { border-right: 1px solid #aaa; }
ul.tabs-nav li a { -webkit-border-radius: 0; -moz-border-radius:0; -o-border-radius: 0; border-radius: 0; }
ul.tabs-nav li a.active { background-color: #fff; border-bottom: 1px solid #fff; color: #05576D; }

ul.tabs { padding: 0 0 0 10px; margin: 0; list-style: none; }


/**
 * ==|== non-semantic helper classes ========================================
 * Please define your styles before this section.
 */


/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide element that javascript later can display */
.hide { display: none; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/**
 * ==|== media queries ======================================================
 * PLACEHOLDER Media Queries for Responsive Design.
 * These override the primary ('mobile first') styles
 * Modify as content requires.
 */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/**
 * ==|== print styles =======================================================
 * Print styles.
 * Inlined to avoid required HTTP connection: h5bp.com/r
 */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}