/* 

* {
border: 1px solid #000;
}

*/



/* Reset
------------------------------------------------------------ */

div,dl,dt,dd,pre,fieldset,textarea,blockquote,th { 
margin:0;
padding:0;
}

fieldset,img { 
border:0;
}

address,caption,code,dfn,th {
font-style:normal;
font-weight:normal;
}

q:before,q:after {
content:'';
}

/* Headings and text
------------------------------------------------------------- */
b, strong {
font-weight: bold;
}

i, cite, em, var, dfn {
font-style: italic;
}

p, dl {
display: block;
margin: 1em 0;
padding:0;
}

h1 {
display: block;
font-size: 1.7em;
font-weight: bold;
margin: .67em 0;
}

h2 {
display: block;
font-size: 1.5em;
font-weight: bold;
margin: .83em 0;
}
 
h3 {
display: block;
font-size: 1.17em;
font-weight: bold;
margin: 1em 0;
}

h4 {
background: url(../pictures/bluebar.gif) no-repeat left;
padding-left:15px;
display: block;
font-size: 1.3em;
font-weight: bold;
margin: 0 0 20px 0;
}

h5,h6 {
display: block;
font-size:1.1em;
font-weight:bold;
margin: 0 0 5px 0;
}

.error {
color:#FF0000;
}

.ok {
color:#008000;
}

.italic {
font-style: italic;
}

.grey {
font-weight: bold;
color:#555;
}

.absmiddle {
vertical-align: middle;	
}

a.alert:link, a.alert:visited, a.alert:active, a.alert:hover {
color:#FF0000;
font-weight:bold;
text-decoration:none;
}

a.alert:hover {
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}


/* Main
------------------------------------------------------------ */

body {
font-family:Tahoma;
font-size:11px;
margin:0 0 10px 0;
padding:0;
}

a:link,a:visited,a:active {
text-decoration:none;
color:#2E74B6;
}

a:hover {
text-decoration:underline;
}

/* Page layout
------------------------------------------------------------ */

#container {
width:100%;
}

#header1 {
height:50px;
width:250px;
margin-top:7px;
margin-left:7px;
margin-right:10px;
text-align:left;
}

#header2 {
position: absolute;
top:0px;
right:10px;
height:53px;
margin-top:10px;
text-align:right;
}

#header3 {
height:20px;
width:100%;
border-top:10px solid #f2f2f2;
}

#navigation {
float:left;
display:inline;
width:130px;
margin:0 -2000px 0 10px;
white-space:nowrap;
}

html>body #navigation
{
margin:0 0 0 10px;
}


#content {
float:left;
display:inline;
padding:0 0 0 1px;
margin:0 0 0 165px;
}

html>body #content
{
margin:0 -2000px 0 25px;
}

#mypageleft {
float:left;
display:inline;
margin:0;
width:580px;
overflow:hidden;
display:inline;
}

#mypageright {
margin: 1px 20px 0 600px;
}


#outcontent {
margin-left:20px;
}

#footer1 {
clear:both;
}

#footer2 {
clear:both;
color:#515151;
font-size:10px;
font-family:verdana;
font-weight:normal;
text-align:right;
margin-right:10px;
}

/* sdfdsafsdfsd
------------------------------------------------------------ */

.input {
font-family:Tahoma;
font-size:11px;
width: 175px;
background: #F4F6FA;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
padding: 2px;
margin: 3px;
overflow:hidden;
}

.inputsmall {
font-family:Tahoma;
font-size:11px;
width: 125px;
background: #F4F6FA;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
padding: 2px;
margin: 3px;
overflow:hidden;
}

.inputsmaller {
font-family:Tahoma;
font-size:11px;
width: 75px;
background: #F4F6FA;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
padding: 2px;
margin: 3px;
overflow:hidden;
}

.file {
font-family:Tahoma;
font-size:11px;
width: 175px;
background:#fff;
border:1px solid #E0E1E0;
padding:4px 6px;
margin:3px;
overflow:hidden;
-moz-margin-end: 17px;
}

input[type="file"] {
-moz-margin-end: 17px;
}

.longinput {
font-family:Tahoma;
font-size:11px;
width: 225px;
background: #F4F6FA;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
padding: 2px;
margin: 3px;
overflow:hidden;
}

.inputbox {
font-family:Tahoma;
font-size:11px;
width: 225px;
height:75px;
background: #F4F6FA;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
padding: 2px;
margin: 3px;
overflow:hidden;
}

.select {
font-family:Tahoma;
font-size:11px;
width: 150px;
background: #F4F6FA;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
padding: 2px;
margin: 3px;
overflow:hidden;
}

.option {
font-family:Tahoma;
font-size:11px;
background:#f4f6fa;
}

.htmlinput {
font-family:Tahoma;
font-size:10px;
width: 600px;
height: 400px;
background: #F4F6FA;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
padding: 2px;
margin: 3px;
overflow:scroll;
}

.codeoutput {
font-family: Arial;
font-size: 11px;
width: 800px;
background: #F4F6FA;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #E8E8E8;
border-right: 1px solid #E8E8E8;
padding: 2px;
margin: 3px;
}

.button {
	background:url(../pictures/btn-bg.gif) #0090C9 repeat-x;
	height:18px;
	width:auto;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	padding:3px;
	cursor:pointer;
	text-align:center;
}

.button[disabled] {
background-image: url(https://secure.adtraction.com/pictures/tablehead.gif);
background-repeat: repeat-x;
border: 1px solid #999;
font-size: 11px;
font-weight: bold;
text-align: center;
cursor:default;
color:#999 !important;
}



input.button {
	border:none;
	font-size:11px;
	color:#fff !important;
	padding:2px 6px;
}

a:link.button, a:visited.button, a:active.button {
color: #fff;
text-decoration: none;
border:none;
}

.logout {
padding-top:10px;
padding-right:10px;
}

.main {
padding-left:30px;
text-align:left;
vertical-align:top;
}

.borderbottom {
border-bottom:1px solid #cfcfcf;
}

.header {
background:#c6d7ad;
}

.meny {
padding-top:3px;
padding-left:10px;
vertical-align:top;
}


title {
border-bottom:1px solid #999;
}


/* Tables
------------------------------------------------------------ */
table {
border-collapse:collapse;
border-spacing:2px;
padding:0;
margin:0;
text-indent: 0;
}

td {
font-family:Tahoma;
font-size:11px;
line-height:16px;
padding:1px;
margin:0;
}

tfoot td {
border-top:1px solid #999;
}

.lastrow {
border-top:1px solid #999;
line-height:1px;
height:1px;
}

.firstrow {
border-bottom:1px solid #999;
}

.spacerow {
line-height:1px;
height:1px;
}


.headerrow {
text-align:left;
border:1px solid #999;
background-image:url(../pictures/tableheader2.gif);
background-repeat:repeat-x;
font-weight:700;
padding:3px;
white-space:nowrap;
}

.tdleft {
border-left: 1px solid #999;
border-top:1px solid #cdcdcd;
border-right:1px solid #f0f0f0;
padding:3px;
white-space:nowrap;
font-weight:normal;
}

.tdsingel {
border-left: 1px solid #999;
border-top:1px solid #cdcdcd;
border-right:1px solid #999;
padding:3px;
white-space:nowrap;
font-weight:normal;
}

.tdsingelright {
border-left: 1px solid #999;
border-top:1px solid #cdcdcd;
border-right:1px solid #999;
padding:3px;
white-space:nowrap;
font-weight:normal;
text-align:right;
}


.tdright {
border-right: 1px solid #999;
border-top:1px solid #cdcdcd;
border-left:1px solid #f0f0f0;
padding:3px;
white-space:nowrap;
font-weight:normal;
}

.tdmiddle {
border-right: 1px solid #f0f0f0;
border-top:1px solid #cdcdcd;
border-left:1px solid #f0f0f0;
padding:3px;
white-space:nowrap;
font-weight:normal;
}

.tddigit {
border-right: 1px solid #f0f0f0;
border-top:1px solid #cdcdcd;
border-left:1px solid #f0f0f0;
padding:3px;
text-align:right;
white-space:nowrap;
font-weight:normal;
}

.tddigitright {
border-right: 1px solid #999;
border-top:1px solid #cdcdcd;
border-left:1px solid #f0f0f0;
padding:3px;
text-align:right;
white-space:nowrap;
font-weight:normal;
}

thead th {
background-image:url(../pictures/tableheader.gif);
background-repeat:repeat-x;
color:#333;
font-weight:700;
border:1px solid #999;
padding:2px;
text-align:left;
white-space:nowrap;
}

tfoot .tdmiddle {
background:#e4e9f2;
color:#666;
font-weight:700;
border-left:1px solid #dedede;
border-right:1px solid #dedede;
border-bottom:1px solid #999;
border-top:1px solid #dedede;
padding:3px;
text-align:left;
white-space:nowrap;
}

tfoot .tddigit {
background:#e4e9f2;
color:#666;
font-weight:700;
border-left:1px solid #dedede;
border-right:1px solid #dedede;
border-bottom:1px solid #999;
border-top:1px solid #dedede;
padding:3px;
text-align:right;
white-space:nowrap;
}

tfoot .tddigitright {
background:#e4e9f2;
color:#666;
font-weight:700;
border-left:1px solid #dedede;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-top:1px solid #dedede;
padding:3px;
text-align:right;
white-space:nowrap;
}

tfoot .tdright {
background:#e4e9f2;
color:#666;
font-weight:700;
border-left:1px solid #dedede;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-top:1px solid #dedede;
padding:3px;
text-align:left;
white-space:nowrap;
}

tfoot .tdleft {
background:#e4e9f2;
color:#666;
font-weight:700;
border-left:1px solid #999;
border-right:1px solid #dedede;
border-bottom:1px solid #999;
border-top:1px solid #dedede;
padding:3px;
text-align:left;
white-space:nowrap;
}

thead a:link, thead a:visited, thead a:active  {
text-decoration:none;
color:#333;
border:none;
}

thead a:hover {
text-decoration:underline;
color:#333;
border:none;
}

tbody.grid td {
border:1px solid #dedede;
padding:3px 5px 3px 5px;
}

tbody.mediumgrid td {
border-left:1px solid #999;
border-right:1px solid #999;
padding:5px;
}

.widegrid {
border:1px solid #999;
padding:10px;
vertical-align:top;
}


td.numeric,th.numeric,.digit {
text-align:right;
}

tr.spacer th {
background:#fff;
border-left:0;
border-right:0;
border-bottom:0;
padding:3px;
}

.row {
border-bottom:1px solid #cfcfcf;
border-top:1px solid #cfcfcf;
padding-right:14px;
padding-left:0px;
padding-top:3px;
padding-bottom:3px;
}

.even {
border:1px solid #f0f0f0;
font-weight: normal;
}

.odd {
background:#f4f6fa;
border:1px solid #f0f0f0;
font-weight: normal;
}

/* Lists
------------------------------------------------------------ */

ol {
list-style:disc;
margin:0 0 12px 12px;
padding:0;
}

ul {
list-style:none;
margin:0 0 12px 0;
padding:0;
}


li {
margin:0 0 6px 0;
padding:0;
}

.listtop {
font-weight:bold;
border-bottom: 1px solid #cfcfcf;
}

/* Tabs
------------------------------------------------------------ */

.activetab {
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
text-align:center;
font-weight:bold;
}

.tab {
border:1px solid #999;
text-align:center;
background-image:url(../pictures/tablehead.gif);
background-repeat:repeat-x;
}

.tabspace {
border-bottom:1px solid #999;
}

a.tablink:link, a.tablink:visited, a.tablink:active, a.tablink:hover {
color:#333;
font-weight:bold;
}

.comment ul {
margin: 0 0 0 -3px; padding: 0; list-style-type: none;
}

.comment li {
margin: 10px 0; padding: 0px 22px; background: url(../pictures/comment.gif) 0 0px no-repeat;
color:#000;
font-family:Tahoma;
font-size:11px;
}

#alertbox {
border: 1px solid #DD3C10;
margin: 0 3px 5px 3px;
padding:5px;
background:#FFEBE8;
}

#infobox {
border: 1px solid #ddd;
margin: 0 3px 5px 3px;
padding:10px 10px 10px 30px;
background:#fff url(../pictures/infobox.gif) 8px 9px no-repeat;
}

#attentionbox {
border: 1px solid #ddd;
margin: 0 3px 5px 3px;
padding:10px 10px 10px 30px;
background:#fff url(../pictures/infobox.png) 8px 9px no-repeat;
}

#ideabox {
border: 1px solid #ddd;
margin: 0 3px 5px 3px;
padding:10px 10px 10px 30px;
background:#fff url(../pictures/lightbulb.png) 8px 9px no-repeat;
}


span.tool {
  position: relative;
  text-align:right;
}
 
span.tool span.tip {
  display: none;
}

 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 1.6em;
  left: -200px;
  width: 220px;
  padding: 3px 7px 4px 6px;
  font-weight:normal;
  text-decoration:none;
  border: 1px solid #585858;
  background-color: #ffffe1;
  text-align: left;
  color: #000;
  line-height:13px;
}

#content span.tool::after {
  padding-left: 2px;
}

.adtraction {
width:200px;
height:auto;
border:none;
margin:0;
padding:10px;
font: normal 12px arial;
}
.adtraction a {
color:#00c;
text-decoration:underline;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
/*	min-height: 302px; */
	clear: both;
/*	_height: 302px; */
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display

 
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

 */

table.display a:link, table.display a:visited, table.display a:active {
text-decoration:none;
color:#333;
}

table.display a:hover {
text-decoration:underline;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: #E0E0E0 url(../pictures/bg_header_up.png) no-repeat 0px 0px;
	padding: 4px 12px 4px 16px;
	cursor: pointer;
}

.sorting_desc {
	background: #E0E0E0 url(../pictures/bg_header_down.png) no-repeat 0px 0px;
	padding: 4px 12px 4px 16px;
	cursor: pointer;
}

.sorting {
	background: #E0E0E0 url(../pictures/bg_header_sortable.png) no-repeat 0px 0px;
	padding: 4px 12px 4px 16px;
	cursor: pointer;
}

.sorting_asc_disabled {
	background: #E0E0E0 url(../pictures/bg_header_sortable.png) no-repeat 0px 0px;
	padding: 4px 12px 4px 16px;
	cursor: pointer;
}

.sorting_desc_disabled {
	background: #E0E0E0 url(../pictures/bg_header_sortable.png) no-repeat 0px 0px;
	padding: 4px 12px 4px 16px;
	cursor: pointer;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

tr.odd {
	background-color: #F5F6FA;
}

tr.even {
	background-color: #fff;
}

/*

tr.odd td.sorting_1 {
	background-color: #e8eaf2;
}

tr.even td.sorting_1 {
	background-color: #f4f4f4;
}

*/