/* 

* {
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 {
display: block;
font-size: 1.3em;
font-weight: bold;
margin: 0 0 5px 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:#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;
-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 {
cursor:pointer;
border:1px solid #999;
text-align:center;
background-image:url(../pictures/tablehead.gif);
background-repeat:repeat-x;
font-size:11px;
font-weight:bold;
}

.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;
}

.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;
}

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

#infobox {
border: 1px solid #7ca5cc;
margin: 0 3px 5px 3px;
padding:5px;
background:#e0e9f6;
}

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;
}