/* Style selectors for Timon Web Application tags. */

body {
    background-color:#f3f1e9;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0;
    top: 0;
    bottom: 0;
    text-align:left;
}

div{
    font-size: 12px;
}

.struct_table{
    background-color:#f3f1e9;
}

div.pageheader{
    background:url("../images/pageheader_100.png");
    position: relative;
    height: 97px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

@media print
{
    img,
        .standardbutton,
        .tablinks,
        .tablinkselected,
        .tablinkexit,
        #tail,
        #tail div.info,
        #tail div.up,
        #logo,
        #clockface,
        div.noprint,
        div.pageheader,
        div.search,
        div.item div.name
    {
        display: none;
    }

    body, p, td, th, ul, a {
        background-color: #fff;
        color: #000;
        font-family: "Times New Roman", Garamond, serif;
        font-size: 12pt;
    }

    #content {
        background-color:#fff;
        margin-left:0px;
        margin-bottom: 0px;
        margin-right: 14px;
        margin-top: 14px;
        height: 100%;
        float:left;
    }
}

div.search{
    background-color:#e8e4d5;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
    padding-right:0px;
}

#nw, #ne, #sw, #se{
    background-color: transparent;
    background-repeat: no-repeat;
}

#nw{
    background-image:url("../images/search_top_left.png");
    background-position: 0% 0%;
    background-color: transparent;
    background-repeat: no-repeat;
}

#ne{
    background-image:url("../images/search_top_right.png");
    background-position: 100% 0%;
    background-color: transparent;
    background-repeat: no-repeat;
}

#sw{
    background:url("../images/search_bottom_left.png");
    background-position: 0% 100%;
    background-color: transparent;
    background-repeat: no-repeat;
}

#se{
    background:url("../images/search_bottom_right.png");
    background-position: 100% 100%;
    background-color: transparent;
    background-repeat: no-repeat;
}

div.search form {
    margin-left: 24px;
    margin-bottom: 0;
}

div.search div.innersearch {
    margin-left: 24px;
}

#tail {
    position: absolute;
    background-color:#e8e4d5;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
}


#tail div.info {
    /*margin-top:14px; firefox caput*/
    margin-left: 114px;
    margin-bottom:14px;
    color:#6b685b;
}

#tail div.up {
    width: 16px;
    height: 16px;
    background-image:url("../images/icons/bullet_arrow_top.png");
    position: absolute;
    top: 10px;
    left: 920px;
}

#tail div.up a:hover {
    text-decoration:none;
}

.standardbutton{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
    margin-right: 0px;
}
#btnSkraStimplun.standardbutton{
    width:80%;
   }

#btnEydaStimplun.standardbutton{
    width:80%;
   }

.standardbuttoncompressed{
    background-image:url("../images/button_gradient.png");
    margin-top: 3px;
    margin-bottom: 1px;
    margin-left: 24px;
    margin-right: 5px;
    cursor : pointer;
	text-align : center;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

#tail div.info a {
    color:#3a84cf;
}

h1.popup {
   color: #5f5f5f;
}

@media
print
{
#tail {
    display: none;
}

}

@media
print
{
div.noprint {
    display: none;
}

}

#content {
    background-color:#f3f1e9;
    margin-left:114px;
    margin-bottom: 40px;
    margin-right: 64px;
    margin-top: 0px;
    height: 100%;
}

div.init_content {
    background-image:url("../images/login_tile.png");
    margin-left:0px;
    height: 100%;
    top: 0;
    bottom:0;
}

div.web_login {
    background-image:url("../images/login_tile.png");
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 368px;
    height: 446px;
    margin-left: -180px; /* half of width */
    margin-top: -223px;  /* half of height */
}

div.init_content a:link, a:visited, a:hover {
    color: #f89828;
    text-decoration: none
}


a:link, a:visited, a:hover {
    color: #3a84cf;
    text-decoration: none
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: normal;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    color: red;
}

h6 {
    color: red;
    font-size: 10px;
}

ul {
    list-style-type: square;
}

ul ul {
    list-style-type: disc;
}

ul ul ul {
    list-style-type: none;
}

label {
    font: bold 100% Arial, sans-serif;
    color: #334d55;
}

div.noprint {
}

#tabs {
    margin-top: 63px;
    margin-left: 110px;
}

#tabs a{
    color: #fff;
    white-space:nowrap;
}

#tabs a:link {
    color: #fff;
    text-decoration: none
}

#tabs a:visited {
    color: #fff;
    text-decoration: none
}

#tabs a:hover {
    color: #fff;
    background-color:#3a84cf;
    text-decoration: none;
}

#banner{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#logo {
    position: absolute;
    top: 14px;
    left: 114px;
    z-index:1;
}

#clockface {
    background-image: url("../images/time.png");
    background-repeat: no-repeat;
    width: 118;
    height: 62;
    position: absolute;
    top: 10px;
    left: 863px;
    z-index:1;
}

#web_clockface {
    background-image: url("../images/clock_background.png");
    background-repeat: no-repeat;
    width: 118;
    height: 62;
    position: relative;
    top: -10px;
    left: 228px;
    z-index:1;
}

/* Sintended for use while old vefskraning.asp still is in use */
#web_legacy_clockface {
    background-image: url("../images/clock_background.png");
    background-repeat: no-repeat;
    width: 118;
    height: 62;
    position: relative;
    top: -215px;
    left: 228px;
    z-index:1;
}

#time {
    margin-left: 18px;
    margin-top: 8px;
    font-family: arial;
    font-size: 32px;
    color: #ffffff;
}

#web_time {
margin-left: 18px;
margin-top: 8px;
font-size: 32px;
color: #ffffff;
}

#date {
position: relative;
text-align:center;
font-size: 12px;
color: #667080;
}

#web_date{
position: relative;
    text-align:center;
    font-size: 12px;
    color: #667080;
}

#version {
    position: absolute;
    top: 0;
    right: 20px;
    color: #CCCCCC;
    z-index: 1;
}

#security {
    position: absolute;
    top: 0;
    right: 0px;
    color: #FF0000;
    background-color: #292d34;
    padding: 2px 2px 2px 2px;
    z-index: 2;
}

#indent {
    text-indent: 16px;
}

#dhtmltooltip {
    position: relative;
    top: 0px;
    left: 0px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: #f4f1d0;
    z-index: 100;
    visibility: hidden;
}

#closure {
    width: 16px;
    height: 16px;
    background-image:url("../images/icons/arrow_in.png");
    float:right;
    position:relative;
    top: -2px;
    left:-20px;
}

/* table selectors */

table{
    font-size: 12px;
}

table.plain{
    background-color : #F3F1e9;
    width: 100%;
    border-width: 0px;
    border-spacing: 0px;
    text-indent: 5px;
    text-align: left;
}

table.framed{
    background-color: #fff;
    width: 100%;
    border-style: solid;
    border-color: #b7b7af;
    border-width: 1px;
    border-collapse: collapse;
    border-spacing: 0px;
    text-indent: 5px;
    text-align: left;
}
table.halfwidth{
    width:50%;
}


.framed td{
     border-left-style: solid;
     border-left-color: #b7b7af;
     border-left-width: 1px;
     border-right-style: solid;
     border-right-color: #b7b7af;
     border-right-width: 1px;
}

@media print
{
    .framed td
    {
        border:thin;
        border-bottom-color:#eee;
        border-bottom-style:solid;
    }
}

.framed td.neutral{
     border-left-width: 0px;
     border-right-width: 0px;
     padding: 2px;
}

.framed .intro td{
     border-style: solid;
     border-color: #b7b7af;
     border-width: 1px;
}

.framed th {
    border-style: solid;
    border-color: #b7b7af;
    border-width: 1px;
    margin-right: 5px;
    height: 17px;
    background-color:#e8e4d5;
    background-image:url("../images/tableheader_gradient.png");
    text-indent: 5px;
    border-style: solid;
}

.framed th.asc{
    background:url("../images/icons/bullet_arrow_up.png") no-repeat top right;
    background-color:#e8e4d5;
}

.framed th.desc{
    background:url("../images/icons/bullet_arrow_down.png") no-repeat top right;
    background-color:#e8e4d5;
}

.framed th.plain{
    background:none;
    background-color:#e8e4d5;
}

.standard_font {
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #000;
}

tr.intro {
    background-image:url("../images/intro_gradient_70.png");
    height: 70px;
}

tr.intro div.phrase {
    font-size: 20px;
    margin-top:8px;
    margin-left: 8px;
    float: left;
}

tr.intro div.attribute {
    font-size: 10px;
    font-weight: normal;
    margin-top: 40px;
    margin-left: -70px;
    float:left;
}

tr.intro div.item {
    height: 48px;
    float: right;
    margin-right: 12px;
    margin-top: 20px;
    text-indent: 0;
    text-align: center;
}



tr.plain {
    height: 70px;
}

tr.plain div.phrase {
    font-size: 20px;
    margin-top:8px;
    margin-left: 8px;
    float: left;
}

tr.plain div.attribute {
    font-size: 10px;
    font-weight: normal;
    margin-top: 40px;
    margin-left: -70px;
    float:left;
}

tr.plain div.item {
    height: 48px;
    float: right;
    margin-right: 12px;
    margin-top: 20px;
    text-indent: 0;
    text-align: center;
}




.framed .extended_intro td{
     border-style: solid;
     border-color: #b7b7af;
     border-width: 1px;
}

tr.extended_intro {
    background-image:url("../images/intro_gradient_106.png");
    height: 106px;
}

tr.extended_intro div.phrase {
    font-size: 20px;
    margin-top:14px;
    margin-left: 8px;
    float: left;
    vertical-align: middle;
}

tr.extended_intro div.attribute {
    position: inherit;
    font-size: 10px;
    font-weight: normal;
    margin-top: 38px;
    margin-left: -130px;
    float: left;
}

tr.extended_intro div.item {
    height: 48px;
    float: right;
    margin-right: 12px;
    margin-top: 20px;
    text-indent: 0;
    text-align: center;
}

.framed .compressed_intro td{
     border-style: solid;
     border-color: #b7b7af;
     border-width: 1px;
}

tr.compressed_intro {
    background-image:url("../images/intro_gradient_48.png");
    height: 48px;
}

tr.compressed_intro div.phrase {
    font-size: 18px;
    margin-top:8px;
    margin-left: 8px;
    float: left;
}

tr.compressed_intro div.item {
    height: 32px;
    float: right;
    margin-right: 12px;
    margin-top: 8px;
    text-indent: 0;
    text-align: center;
}

div.item div.name{
    margin-top: 4px;
    text-align: center;
}

body.remark{
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 22px;
    text-align: center; /* Takes care of horizontal alignment in Internet Explorer */
    background-color:#f3f1e9;
}

body.remark #content{
    background:url("../images/icons/information.png") no-repeat top right;
    position: relative; /* Needed for Safari */
    margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
    text-align: left;
    width: 300px;
    height: 300px;
}
body.warning{
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 22px;
    text-align: center; /* Takes care of horizontal alignment in Internet Explorer */
    background-color:#f3f1e9;
}

body.warning #content{
    background:url("../images/icons/bullet_error.png") no-repeat top right;
    position: relative; /* Needed for Safari */
    margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
    text-align: left;
    width: 300px;
    height: 300px;
}

.systbllook {
    width: 90%;
    background-color: #fafafa;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0px;
    text-indent: 5px;
    text-align: left;
}

.pyskytbllook {
    background-color: #fafafa;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0px;
    text-indent: 5px;
    text-align: left;
    margin: 15;
}

.header {
    background-color: #f4f1d0;
}

.headergray {
    background-color: #D3D3D3;
    border: 1px #000000 solid;
    font-family: Verdana;
    font-weight: bold;
    text-indent: 8px;
}

.tblline {
    border-bottom: 1px #b7b7af solid;
    background-color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.grpline {
    border-bottom: 1px #b7b7af solid;
}

tr.bgcolor1 {
    text-align: left;
    color: #404040;
    background-color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

tr.bgcolor2 {
    text-align: left;
    color: #404040;
    background-color: #eae9e5;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

tr.bgcolor3 {
    text-align: left;
    color: #404040;
    background-color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

tr.bgcolor_inactive {
    text-align: left;
    background-color:  #e8e4d5;
    border-bottom: 1px #b7b7af solid;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.tbllinenew {
    border-bottom: 1px #6699CC;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    color: #404040;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.tbllinelinks {
    border-bottom: 1px #6699CC;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    color: #404040;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.tbllineorlof {
    border-bottom: 1px #6699CC;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    color: #404040;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.tbllinewhite {
    background-color: #ffffff;
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    color: #404040;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.tbllinegray {
    background-color: #F5F5F5;
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    color: #404040;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.tbllineyellow {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    color: #404040;
    background-color: #FFFF00;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.tbllinedisabled {
    padding-right: 2px;
    padding-left: 8px;
    font-weight: normal;
    padding-bottom: 2px;
    color: black;
    padding-top: 2px;
    border-bottom: #6699cc 1px dotted;
    font-family: Verdana, sans-serif, Arial;
    background-color: #e8e4d5;
    text-align: left;
}

.tbllineprinter {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    color: #404040;
    background-color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.tblempinfo {
    text-align: left;
    background-color: #d2f4ff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 2px;
}

.languagebar {
    padding: 3px 3px 3px 3px;
}

.loginwindow {
    font-weight: bold;
    color: #fff;
}

.loginwindow input#submit1{
    width: 130px;
    font-size: 16px;
    height: 32px;
}

.popupheader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.navigation {
    float: left;
    padding: 4px 0 0 0;
    color: #6b685b;
}

.tablinks {
    background-color: #535c69;
    border-width: thin;
    border-style: none;
    border-color:#000;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-left:3px;
}

.tablinks #topleft{
    background-image:url("../images/tab_top_left.png");
    background-repeat:no-repeat;
    background-position:top left;
    background-color: #535c69;
    color:#fff;
    padding-top:4;
    padding-bottom:4;
    padding-left:8px;
    width:18px;
}

.tablinks #topright{
    background-image:url("../images/tab_top_right.png");
    background-repeat:no-repeat;
    background-position:top right;
    background-color: transparent;
    background-repeat: no-repeat;
    color:#fff;
    padding-top:4;
    padding-bottom:4;
    padding-right:8px;
}

.tablinkselected {
    background-color:#f3f1e9;
    border-width: thin;
    border-style: none;
    font-weight:normal;
    border-color:#000;
    color:#000;
    padding-bottom:0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-left:3px;
}

.tablinkselected #topleft{
    background-image:url("../images/tab_selected_top_left.png");
    background-repeat:no-repeat;
    background-position:top left;
    background-color: #f3f1e9;
    color:#000;
    padding-top:4;
    padding-bottom:4;
    padding-left:8px;
    width:18px;
}

.tablinkselected #topright{
    background-image:url("../images/tab_selected_top_right.png");
    background-repeat:no-repeat;
    background-position:top right;
    background-color: transparent;
    background-repeat: no-repeat;
    color:#000;
    padding-top:4;
    padding-bottom:4;
    padding-right:8px;
}

.tablinkexit {
    background-color:#3a84cf;
    border-width: thin;
    border-style: none;
    font-weight:normal;
    border-color:#000;
    color:#000;
    padding-bottom:0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-left:3px;
}

.tablinkexit #topleft{
    background-image:url("../images/tab_exit_top_left.png");
    background-repeat:no-repeat;
    background-position:top left;
    background-color: transparent;
    padding-top:4;
    padding-bottom:4;
    padding-left:8px;
    width:18px;
}

.tablinkexit #topright{
    background-image:url("../images/tab_exit_top_right.png");
    background-repeat:no-repeat;
    background-position:top right;
    background-color: transparent;
    background-repeat: no-repeat;
    padding-top:4;
    padding-bottom:4;
    padding-right:8px;
}

/* pyskyrsla.asp specific selectors */

.LightBody {
    background-color: #ffffff;
}

.DarkBody {
    background-color: #f3f1e9;
}

.LightHelgIDagur {
    background-color: #e8e4d5;
}

.LightHelgIDagur A {
    COLOR: blue;
    TEXT-DECORATION: none
}

.DarkHelgIDagur {
    background-color: #e8e4d5
}

.DarkHelgIDagur A {
    text-decoration: none
}

.LightBody A {
    COLOR: blue;
    TEXT-DECORATION: none
}

.DarkBody A {
    text-decoration: none
}

.Header A {
    color: red;
}

/* vidvera.asp specific selectors */

.style3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
}

.outlook {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    border: 0.1em solid #000000;
    font-style: italic;
    cursor: help;
}

.outlookTime {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    border: 0.1em solid;
    font-style: italic;
    background-color: #f4f1d0;
}

.outlookFree {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    border: solid #000000;
    border-width: 0.1em;
    background-color: #339900;
}

.outlookTent {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    border: solid #000000;
    border-width: 0.1em;
    background-color: #FFCC00;
}

.outlookBusy {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    border: solid #000000;
    border-width: 0.1em;
    background-color: #CC3300;
}

.outlookOut {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    border: solid #000000;
    border-width: 0.1em;
    background-color: #3366FF;
}

.style4 {
    font-size: medium;
    font-weight: bold;
    color: #FFFFFF;
}

.printworkreport {
    width: 98%;
    background-color: #ffffff;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0px;
    text-indent: 5px;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
}

.delete_img{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/remov_16.gif");
    margin: 0 auto;

}

.delete_img:hover {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/remov_16.gif");
    margin: 0 auto;
}

.comment_img{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/comment.png");
    margin: 0 auto;
}

.comment_img:hover {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/comment_add.png");
    margin: 0 auto;
}

.edit_img{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/pencil.png");
    margin: 0 auto;
}

.edit_img:hover {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/pencil_add.png");
    margin: 0 auto;
}

.print_img{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/prtpv_16.gif");
    margin: 0 auto;
}

.add_img{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/addrecord_16.gif");
    margin: 0 auto;
}

.add_img:hover {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/add_16.gif");
    margin: 0 auto;
}

.add_large_img{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../images/icons/new_24.gif");
    margin: 0 auto;
}

.add_large_img:hover {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../images/icons/new_24.gif");
    margin: 0 auto;
}


.expand_img{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/foldr_16.png");
    margin: 0 auto;
}

.expand_img:hover {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/foldr_16.png");
    margin: 0 auto;
}

.expand_back_img{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/open_16.png");
    margin: 0 auto;
}

.manage_list_img{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/addscript_16.gif");
    margin: 0 auto;
}

.manage_list_img:hover {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/add_16.gif");
    margin: 0 auto;
}

/* popup skilgreiningar */

.popup .content{
    margin-left:28px;
    margin-top: 10px;
}

.popup body{
    margin-left: 10px;
    font-size: 12px;
}

.popup div{
    font-size: 12px;
}

.popup table{
    font-size: 12px;
}

.popup font.light{
    color: #9B9B9B;
}

.popup .scroll_table {
    width: 100%;
    background-color: #ffffff;
    border: 1px #000000 solid;
    border-color: #e8e4d5;
    border-collapse: collapse;
    border-spacing: 0px;
    text-indent: 5px;
    text-align: left;

}

.popup .heading{
    font-size: 12px;
    font-weight: bold;
    background-color: #e8e4d5;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 6px;
    text-indent: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
}

.popup div.pageheader{
    background:url("../images/pageheader_gradient.png");
    position: relative;
    height: 54px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
#docpopup{
    margin-left:5em;
    text-align:left;
    width:48.69em;
    *width:49.73em;
    min-width:100px;
    line-height:2;
    }

/* various button selectors */

form input#btnSkra{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnCancel{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnsubmit {
    background-image:url("../images/button_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnEyda{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnEyda{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnStadfesta{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnLoka{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#button{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#recalc{
    background-image:url("../images/button_gradient.png");
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#submit {
    background-image:url("../images/button_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#submit1 {
    background-image:url("../images/button_green_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#cancel {
    background-image:url("../images/button_green_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnSave {
    background-image:url("../images/button_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

div.check-in {
    background-image:url("../images/checkout_pressed.png");
    background-repeat:no-repeat;
    background-position:right;
    margin-top: 20px;
    margin-bottom: 24px;
    margin-right: 0px;
    margin-left: 0px;
    width:118px;
    height:24px;
}

div.check-out {
    background-image:url("../images/checkin_pressed.png");
    background-repeat:no-repeat;
    background-position:left;
    margin-top: 20px;
    margin-bottom: 24px;
    margin-right: 0px;
    margin-left: 0px;
    width:118px;
    height:24px;
 }

div.check-in-out {
    background-image:url("../images/checkin.png");
    background-repeat:no-repeat;
    background-position:left;
    margin-top: 20px;
    margin-bottom: 24px;
    margin-right: 0px;
    margin-left: 0px;
    width:118px;
    height:24px;
 }

form input#ARRARRDEP {
    background-image:url("../images/checkin.png");
    background-repeat:no-repeat;
    background-color:#000;
    width:59px;
    height:24px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    cursor : pointer;
    border: 0;
   float:left;
}

form input#utARRDEP {
    background-image:url("../images/checkout_orange.png");
    background-repeat:no-repeat;
    background-color:#000;
    width:59px;
    height:24px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    cursor : pointer;
    border: 0;
    float:right;
}

form input#input_kennitala {
    background-image:url("../images/button_green_gradient.png");
    background-repeat:repeat-x;
    color:#fff;
    font-weight: bold;
    width:59px;
    height:24px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    cursor : pointer;
    border: 0;
    float:right;
}

form input#input_hopur {
    background-image:url("../images/button_green_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#ok {
    background-image:url("../images/button_green_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnSkraTeljara {
    background-image:url("../images/button_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btn_save_TaskType {
    background-image:url("../images/button_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btn_save_TaskState {
    background-image:url("../images/button_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btn_save_Payment {
    background-image:url("../images/button_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btn_save_Payment {
    background-image:url("../images/button_gradient.png");
    width: 100px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnEydaStimplun {
    background-image:url("../images/button_gradient.png");
    width: 130px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnSkraStimplun {
    background-image:url("../images/button_gradient.png");
    width: 130px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnAfram {
    background-image:url("../images/button_gradient.png");
    width: 130px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#printbtn {
    background-image:url("../images/button_gradient.png");
    width: 130px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnBreyta {
    background-image:url("../images/button_gradient.png");
    width: 130px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnDelete {
    background-image:url("../images/button_gradient.png");
    width: 130px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btnConfirm {
    background-image:url("../images/button_gradient.png");
    width: 130px;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-right: 0px;
    margin-left: 24px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}

form input#btn_compressed {
    background-image:url("../images/button_gradient.png");
    width: 130px;
    margin-top: 4px;
    margin-bottom: 0px;
    margin-right: 2px;
    margin-left: 0px;
    cursor : pointer;
    border: 0;
    font-family: arial;
    font-weight: bold;
    color: #fff;
}


div.imagelist {}

div.imagelist div.item {
    float: left;
    margin-right: 10px;
    text-indent: 0;
    text-align: center;
}

div.scroll_div{
    overflow-x: auto;
    verflow-y: hidden;
}

/* Styles for Tooltip */
div#qTip
{
padding: 3px;
border: 1px solid #6b685b;
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
background: #f4f1d0;
color: #000;
font: normal 11px Arial, Verdana, Helvetica, sans-serif;
text-align: left;
position: absolute;
z-index: 1000;
}

span.text_tooltip
{
text-decoration: none;
border-bottom: 1px dotted #000;
}

/* End Styles for Tooltip */


/*
    Element tyle for simple away icons.
*/

span.awayleft{
    padding-right:1em;
}

span.awayright{
    padding-left:1em;
}

span.sign_out{
    background-image:url("../images/icons/departure.png");
}

span.sign_in{
    background-image:url("../images/icons/arrival.png");
}

span.away{
    background-image:url("../images/icons/abscent.png");
}

div.legend{
    border-style: solid;
    border-color: #b7b7af;
    border-width: 1px;
    margin-bottom: 1.5em;
    padding:1em;
}

div.legend span.legendChild{
    padding-right:1em;
}

div.legend span.legendChild .icon{
    margin-right:0.5em;
    display : inline-block;
    width : 1em;
}