*:focus {
    outline: none;
}

body {
    font-family: Calibri, Verdana, sans-serif;
    background-color: #fff;
    color: #414141;
    margin: 0;
    padding: 0;
}

table {
    border: 0px solid black;
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    border: none;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 14px;
    /*padding: 7px 5px;*/
    padding: 5px;
    vertical-align: middle;
}

/*
table { border-spacing:0; margin:0; padding:0;  }
table tr td:first-child { padding-left:0;}
*/
table {
    border-collapse: separate;
    border-spacing: 0;
}
/* Behövs för att rundade hörn skall fungera på tabellrader */


.clearer {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}


/* Följande klasser används för att formatera vanlig text på sidan utanför tabellen */

.TopRowHeader {
    color: white;
    font-weight: normal;
    font-size: 19px;
    /*text-transform: uppercase;*/
}

.TopRowInfo {
    color: white;
    font-weight: bold;
    font-size: 14px;
    cursor: help;
}

.TopRowInfoNormal {
    color: white;
    font-size: 14px;
    /*padding: 5px;*/
}

.Header {
    color: #00ACE1;
    font-weight: normal;
    font-size: 27px;
    text-decoration: none;
    text-transform: uppercase;
}

.InfoHeader {
    color: #333333;
    font-weight: normal;
    font-size: 28px;
}

.Info {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
}

.InfoNormal {
    color: #333333;
    font-size: 14px;
    /*padding: 5px;*/
}

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

/* Följande tre klasser är för översta raden med dagarna */

.HeaderRowCell {
    font-size: 14px;
    /*
    font-weight: normal;
    border-spacing: 0;
    background: #818181;
    color: white;
*/
    font-weight: normal;
    border-spacing: 0;
    background: white;
    color: #818181;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 0px !important;
    /*
    height: 15px;
    border-bottom: 2px solid white;
    margin: 0px;
*/
}

.HeaderRowCornerLeft {
    font-size: 14px;
    /*
    font-weight: normal;
    border-spacing: 0;
    background: #818181;
    color: white;
*/
    font-weight: bolder;
    border-spacing: 0;
    background: white;
    color: #818181;
    text-align: left;
    vertical-align: bottom;
    height: 15px;
    border-bottom: 2px solid white;
}

.HeaderRowCornerRight {
    font-size: 18px;
    font-weight: 100;
    /*
    font-weight: normal;
    border-spacing: 0;
    background: #818181;
    color: white;
*/
    font-weight: bold;
    border-spacing: 0;
    background: white;
    color: #818181;
    text-align: center;
    vertical-align: bottom;
    height: 15px;
    padding-bottom: 0px !important;
}

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

/* Följande fyra klasser är för raden för varje grupp t.ex. Arbetstid, Projekt, Övertid, Frånvaro etc. */

.SubHeaderRowButton {
    text-align: left;
    text-decoration: none;
    color: #414141;
    text-transform: uppercase;
    vertical-align: top;
    /*padding-left: 10px;*/
}

.SubHeaderRowCell {
    font-weight: normal;
    font-size: 16px;
    /*background-color: #00ACE1;*/
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #414141;
    /*border-top: 2px solid white;*/
    text-transform: uppercase;
}

.SubHeaderRowCellLeftAlign {
    font-weight: normal;
    font-size: 18px;
    /*background-color: #00ACE1;*/
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    color: #414141;
    /*border-top: 2px solid white;*/
    text-transform: uppercase;
}

    .SubHeaderRowCellLeftAlign.activity-header {
        width: 150px;
    }

    .SubHeaderRowCellLeftAlign.purpose-header {
        width: 150px;
    }

.SubHeaderRowCellMatchingTime {
    font-weight: bold;
    font-size: 16px;
    /*background-color: #00ACE1;*/
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #90bf03;
    /*border-top: 2px solid white;*/
    text-transform: uppercase;
}

.SubHeaderRowCellNotMatchingTime {
    font-weight: bold;
    font-size: 16px;
    /*background-color: #50C0E9;*/
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    /*color: #90bf03;*/
    text-transform: uppercase;
}

td.table-first-row-timeinput.SubHeaderRowCornerRightSums,
.SubHeaderRowCornerRightSums,
.SubHeaderRowCornerRight,
.SubItem,
.SubItemRow,
.SubItemSummaryCell {
    width: 41px;
}

.SubHeaderRowCornerLeft {
    font-weight: normal;
    font-size: 18px;
    /*background-color: #00ACE1; */
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
    /*color: white;*/
    /*border-top: 2px solid white;*/
    text-transform: uppercase;
    position: relative;
    padding-left: 20px;
    /*width:250px !important;*/
    /*max-width:250px !important;*/
    overflow: hidden;
    /*border-left: 1px solid #dedede;*/
    margin: 0;
    padding: 0;
    /* rundade hörn */
    /*
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius: 3px; 
    border-bottom-left-radius: 3px; 
*/
}

.SubHeaderRowCornerRight {
    font-weight: bolder;
    font-size: 16px;
    /*background-color: #00ACE1;*/
    padding: 0px;
    text-decoration: none;
    text-align: right;
    vertical-align: middle;
    /*color: white;*/
    /*border-top: 2px solid white;*/
    /* mt width:30px !important;*/
    text-transform: uppercase;
    /*width:40px;*/
    padding: 2px 5px;
    /* rundade hörn */
    /*
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomright:2px;
    border-top-right-radius: 2px; 
    border-bottom-right-radius: 2px; 
     */
}


.SubHeaderRowCellSums {
    font-weight: normal;
    /*font-size: 16px;*/
    /*background-color: #F0F0F0;*/
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #414141;
    text-transform: uppercase;
    /*width:45px;*/
    padding: 2px 5px;
}

.SubHeaderRowCornerLeftSums {
    font-weight: normal;
    /*font-size: 18px;*/
    /*background-color: #F0F0F0;*/
    text-decoration: none;
    text-align: right;
    vertical-align: middle;
    color: #414141;
    /*border-top: 2px solid white;*/
    /*text-transform: uppercase;*/
    /*padding-left:32px;*/
    /*padding:2px 5px;*/
    /*padding-right:20px;*/
    /* rundade hörn */
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.SubHeaderRowCornerRightSums {
    font-weight: bolder;
    /*font-size: 16px;*/
    /*background-color: #F0F0F0;*/
    /*padding-right: 15px;*/
    text-decoration: none;
    text-align: right;
    vertical-align: middle;
    color: #414141;
    /*border-top: 2px solid white;*/
    text-transform: uppercase;
    padding: 2px 5px;
    /* rundade hörn */
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}


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

/* Följande två klasser motsvarar en rad inom varje grupp */

.SubItemRow {
    text-align: center;
    font-size: 14px;
}

.SubItemRowLeftAlign {
    font-size: 14px; /*medium;*/
    text-align: left;
    /*width: 1em;*/
    padding-right: 20px;
    border: 0px solid black;
}

.SubItemRowRightAlign {
    font-size: 14px; /*medium;*/
    text-align: right;
    font-weight: bold;
    /*width: 1em;*/
    padding-right: 20px;
    border: 0px solid black;
}

.SubItemSummaryCell {
    font-size: 14px; /*medium;*/
    text-align: center;
    /*width: 1em;*/
    /*padding-right: 15px;*/
    font-size: 14px; /*medium;*/
    font-weight: bolder;
    text-align: right;
    border: 0px solid green;
    border-right: 1px solid #dedede;
}

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

/* Följande två klasser hanterar de celler som hör till en helg/vardag inom tabellerna */

.today {
    background: #f2fcff;
    /*
    border-left: 1px solid #fff;	
    border-right: 1px solid #fff;	
      */
}

.holiday {
    /*background: #FFE4E4;*/
    background: #fff2f2;
    /*
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
*/
}

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

.modalBackground {
    background-color: black;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

a.timebutton, a.timebuttonnote, a.projectbutton {
    font-size: 14px;
    color: #414141;
    text-decoration: none;
    border: 1px solid transparent;
    padding: 3px;
}

    a.timebutton:hover, a.timebuttonnote:hover, a.projectbutton:hover, a.unusedtimebutton:hover {
        border: 1px solid #c6c6c6;
        background: #fff;
    }

td.projectbutton {
    padding: 0;
}

a.projectbutton {
    padding: 2px 0px !important;
}


a.timebuttonModified, a.projectbuttonModified {
    font-size: 14px;
    color: #414141;
    text-decoration: none;
    border: 1px solid transparent;
    padding: 2px;
}

    a.timebuttonModified:hover, a.projectbuttonModified:hover {
        border: 1px solid #B8CCE4;
        background: #DBE5F1;
    }

a.projectbuttonModified {
    padding: 2px 0px !important;
}

a.unusedtimebutton {
    /*font-size: 14px;*/
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    border: 1px solid transparent;
    padding: 0px 4px;
    text-align: center;
}

/*
a.unusedtimebutton:hover
{
    color:black;	
    background: #DBE5F1;
    border: 1px solid #B8CCE4;
}
*/

disabledtimebutton {
    width: 1em;
    font-size: 14px;
    color: gray;
    text-decoration: none;
    border: 1px solid white;
    /*padding: 1em;*/
}

#ProjectTimeInputPanel {
    border: 1px solid gray;
}

.ChangedCell {
    /*background-color: #FDF5E6;*/
    background-color: #fffad7;
}

.ChangedRow {
    background-color: #fffad7;
}

/* Följande klass används för att styla vanliga kontroller */

input {
    font-weight: 100;
    /* Transition */
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a.timebutton, a.timebuttonnote, a.projectbutton, a.unusedtimebutton, #login-forgot-password a {
    font-weight: 100;
    /* Transition */
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -khtml-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a.timebuttonnote {
    font-weight: bold;
    border-bottom: 3px solid #00ace1;
}

    a.timebuttonnote:hover {
        font-weight: bold;
        background: #fff;
        color: #00ace1;
    }

input[type="submit"]:hover {
    background-color: #e5e5e5;
}

.InputText {
    color: #333333;
    font-size: 14px;
    padding: 5px;
}

.Input, .InputMenu {
    border: 1px solid #dddddd;
    font-size: 14px;
    font-weight: 100;
    height: 30px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    /* rundade hörn */
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.Input {
    /*background: #F3F3F3;*/
    background-color: #e5e5e5;
    color: #6E6E6E;
    border: 1px solid #c6c6c6;
}

    .Input:hover:enabled {
        border: 1px solid #00ACE1;
        color: #191919;
        cursor: pointer;
    }

    .Input:focus:enabled {
        border: 1px solid #c6c6c6;
        color: #191919;
        cursor: pointer;
    }

        .Input:focus:enabled:hover {
            border: 1px solid #00ACE1;
        }

    .Input:disabled {
        background-color: #F3F3F3;
        border: 1px solid #c6c6c6;
        color: #a9a9a9;
        /*background: #FFBB33;*/
        cursor: not-allowed;
    }

.InputHL {
    border: 1px solid #F83E34;
}

    .InputHL:enabled:focus {
        border: 1px solid #F83E34;
    }

    .InputHL:enabled:hover {
        border: 1px solid red;
    }

        .InputHL:enabled:hover:focus {
            border: 1px solid red;
        }


.InputMenu {
    background: #f5f5f5;
    color: #6E6E6E;
    text-align: left;
    padding-left: 32px;
    padding-right: 15px;
    background-position: 10px 7px;
    background-repeat: no-repeat;
    letter-spacing: .02em;
}

    .InputMenu:hover:enabled {
        border: 1px solid #c6c6c6;
        color: #191919;
        background-repeat: no-repeat;
        background-position: 10px 7px;
        cursor: pointer;
        /*
    border: 1px solid #AAAAAA;
    color: #191919;
    background: #FFBB33;
    background-repeat: no-repeat;
    background-position: 10px 7px;
    cursor: pointer;
    */
    }

.InputTopMenu {
    border: none;
    background: none;
    color: #FFBB33;
    font-weight: 100;
    font-size: 14px;
    height: 30px;
    text-align: right;
    padding: 0;
    padding-left: 35px;
    /*padding-right: 15px;*/
    background-repeat: no-repeat;
    background-position: 10px 7px;
    /*
    border: none;
    background: #414141;
    color: #FFBB33;
    font-weight: 100;
    font-size: 14px;
    height: 30px;
    text-align: left;
    padding-left: 35px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: 10px 7px;
    cursor: default;
    */
    /* rundade hörn */
    /*
    -moz-border-radius: 2px;
    border-radius: 2px;
    */
}

    .InputTopMenu:hover:enabled {
        color: #FFBB33;
        background: none;
        background-repeat: no-repeat;
        background-position: 10px 7px;
        cursor: pointer;
        /*
    color: #414141;
    background: #FFBB33;
    background-repeat: no-repeat;
    background-position: 10px 7px;
    cursor: pointer;
    */
    }

    .InputTopMenu:hover {
        color: #000;
        background: none;
        background-repeat: no-repeat;
        background-position: 10px 7px;
        cursor: pointer;
        /*
    color: #414141;
    background: #FFBB33;
    background-repeat: no-repeat;
    background-position: 10px 7px;
    cursor: pointer;
    */
    }



.btnAdd { /*background-image: url('graphics/buttons/addrow.png');*/
    border: 1px solid #038ab4;
    color: #fff;
    background: #029aca url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center;
    /*background: #00ace1;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center, -moz-linear-gradient(top, #00ace1 0%, #038ab4 100%);*/ /* FF3.6+ */
    /*background: url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ace1), color-stop(100%,#038ab4));*/ /* Chrome,Safari4+ */
    /*background: url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center, -webkit-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center, -o-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Opera 11.10+ */
    /*background: url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center, -ms-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* IE10+ */
    /*background: url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center, linear-gradient(to bottom, #00ace1 0%,#038ab4 100%);*/ /* W3C */
    /*filter: url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ace1', endColorstr='#038ab4',GradientType=0 );*/ /* IE6-8 */
}

    .btnAdd:hover:enabled {
        border: 1px solid #038ab4;
        color: #fff;
        background: #038ab4 url('graphics/buttons/addrow_hover_white.png') no-repeat 10px center;
    }

    .btnAdd:disabled {
        background-color: #00ace1;
        background-image: url('graphics/buttons/addrow_disabled.png');
        border: 1px solid #038ab4;
    }

.btnAdd_InHeader { /*background-image: url('graphics/buttons/addrow.png');*/
    height: 22px;
    border: 0px;
    width: 18px;
    margin-right: 5px;
    background: url('graphics/buttons/addrow.png') no-repeat 0px 4px;
    cursor: pointer;
}

    .btnAdd_InHeader:hover:enabled {
        background-image: url('graphics/buttons/addrow_hover.png');
        background-color: transparent;
    }

    .btnAdd_InHeader:disabled {
        margin-top: -1px;
        margin-left: -1px;
        background-image: url('graphics/buttons/addrow_disabled_grey.png');
        background-color: transparent;
        border: 1px solid transparent;
        color: #fff;
        width: 19px;
        cursor: default;
    }

        .btnAdd_InHeader:disabled:hover {
            background-image: url('graphics/buttons/addrow_disabled_grey.png');
            background-color: transparent;
            border: 1px solid transparent;
            color: #fff;
            width: 18px;
        }

/*
input[type="submit"]:hover  {
           background-color:#e5e5e5;
}
*/

.btn-manage { /*background-image: url('graphics/buttons/addrow.png');*/
    background-color: #0496c4;
    border: 1px solid #038ab4;
    color: #fff;
}

    .btn-manage:hover:enabled {
        border: 1px solid #038ab4;
        background-color: #038ab4;
        color: #fff;
    }

    .btn-manage:disabled {
        background-color: #00ace1;
    }

/*.btnAddProject:enabled { color:#fff; background-image: url('graphics/buttons/addrow_hover_white.png'); }*/
/*.btnAddProject:hover:enabled { color:#fff; background-image: url('graphics/buttons/addrow_hover_white.png'); */

/*.btnAddAbsence:hover:enabled { color:#fff; background-image: url('graphics/buttons/addrow_hover_white.png'); }*/
/*.btnAddOvertime:hover:enabled { color:#fff; background-image: url('graphics/buttons/addrow_hover_white.png'); }*/

#btnSave {
    border: 1px solid #038ab4;
    color: #fff;
    background: #029aca url('graphics/buttons/save.png') no-repeat 10px center;
    /*background: #00ace1;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url('graphics/buttons/save.png') no-repeat 10px center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: url('graphics/buttons/save.png') no-repeat 10px center, -moz-linear-gradient(top, #00ace1 0%, #038ab4 100%);*/ /* FF3.6+ */
    /*background: url('graphics/buttons/save.png') no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ace1), color-stop(100%,#038ab4));*/ /* Chrome,Safari4+ */
    /*background: url('graphics/buttons/save.png') no-repeat 10px center, -webkit-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url('graphics/buttons/save.png') no-repeat 10px center, -o-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Opera 11.10+ */
    /*background: url('graphics/buttons/save.png') no-repeat 10px center, -ms-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* IE10+ */
    /*background: url('graphics/buttons/save.png') no-repeat 10px center, linear-gradient(to bottom, #00ace1 0%,#038ab4 100%);*/ /* W3C */
    /*filter: url('graphics/buttons/save.png') no-repeat 10px center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ace1', endColorstr='#038ab4',GradientType=0 );*/ /* IE6-8 */
}

    #btnSave:hover:enabled {
        border: 1px solid #038ab4;
        color: #fff;
        background: #038ab4 url('graphics/buttons/save.png') no-repeat 10px center;
    }

    #btnSave:disabled {
        background-color: #00ace1;
        background-image: url('graphics/buttons/save_disabled.png');
    }

#btnRegister {
    border: 1px solid #038ab4;
    color: #fff;
    background: #029aca url('graphics/buttons/register.png') no-repeat 10px center;
    /*background: #00ace1;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url('graphics/buttons/register.png') no-repeat 10px center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: url('graphics/buttons/register.png') no-repeat 10px center, -moz-linear-gradient(top, #00ace1 0%, #038ab4 100%);*/ /* FF3.6+ */
    /*background: url('graphics/buttons/register.png') no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ace1), color-stop(100%,#038ab4));*/ /* Chrome,Safari4+ */
    /*background: url('graphics/buttons/register.png') no-repeat 10px center, -webkit-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url('graphics/buttons/register.png') no-repeat 10px center, -o-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Opera 11.10+ */
    /*background: url('graphics/buttons/register.png') no-repeat 10px center, -ms-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* IE10+ */
    /*background: url('graphics/buttons/register.png') no-repeat 10px center, linear-gradient(to bottom, #00ace1 0%,#038ab4 100%);*/ /* W3C */
    /*filter: url('graphics/buttons/register.png') no-repeat 10px center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ace1', endColorstr='#038ab4',GradientType=0 );*/ /* IE6-8 */
}

    #btnRegister:hover:enabled {
        border: 1px solid #038ab4;
        color: #fff;
        background: #038ab4 url('graphics/buttons/register.png') no-repeat 10px center;
    }

    #btnRegister:disabled {
        background-color: #00ace1;
        background-image: url('graphics/buttons/register_disabled.png');
    }

#btnAttest {
    border: 1px solid #038ab4;
    color: #fff;
    background: #029aca url('graphics/buttons/attest.png') no-repeat 10px center;
    /*background: #00ace1;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url('graphics/buttons/attest.png') no-repeat 10px center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: url('graphics/buttons/attest.png') no-repeat 10px center, -moz-linear-gradient(top, #00ace1 0%, #038ab4 100%);*/ /* FF3.6+ */
    /*background: url('graphics/buttons/attest.png') no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ace1), color-stop(100%,#038ab4));*/ /* Chrome,Safari4+ */
    /*background: url('graphics/buttons/attest.png') no-repeat 10px center, -webkit-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url('graphics/buttons/attest.png') no-repeat 10px center, -o-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Opera 11.10+ */
    /*background: url('graphics/buttons/attest.png') no-repeat 10px center, -ms-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* IE10+ */
    /*background: url('graphics/buttons/attest.png') no-repeat 10px center, linear-gradient(to bottom, #00ace1 0%,#038ab4 100%);*/ /* W3C */
    /*filter: url('graphics/buttons/attest.png') no-repeat 10px center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ace1', endColorstr='#038ab4',GradientType=0 );*/ /* IE6-8 */
}

    #btnAttest:hover:enabled {
        border: 1px solid #038ab4;
        color: #fff;
        background: #038ab4 url('graphics/buttons/attest.png') no-repeat 10px center;
    }

    #btnAttest:disabled {
        background-color: #00ace1;
        background-image: url('graphics/buttons/attest_disabled.png');
    }

#btnChangeUser {
    border: 1px solid #038ab4;
    color: #fff;
    background: #029aca url('graphics/buttons/changeuser.png') no-repeat 10px center;
    /*background: #00ace1;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -moz-linear-gradient(top, #00ace1 0%, #038ab4 100%);*/ /* FF3.6+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ace1), color-stop(100%,#038ab4));*/ /* Chrome,Safari4+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -webkit-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -o-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Opera 11.10+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -ms-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* IE10+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, linear-gradient(to bottom, #00ace1 0%,#038ab4 100%);*/ /* W3C */
    /*filter: url('graphics/buttons/changeuser.png') no-repeat 10px center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ace1', endColorstr='#038ab4',GradientType=0 );*/ /* IE6-8 */
}

    #btnChangeUser:hover:enabled {
        border: 1px solid #038ab4;
        color: #fff;
        background: #038ab4 url('graphics/buttons/changeuser.png') no-repeat 10px center;
    }

    #btnChangeUser:disabled {
        background-color: #00ace1;
        background-image: url('graphics/buttons/changeuser_disabled.png');
    }

#btnReports {
    border: 1px solid #038ab4;
    color: #fff;
    background: #029aca url('graphics/buttons/reports.png') no-repeat 10px center;
    /*background: #00ace1;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -moz-linear-gradient(top, #00ace1 0%, #038ab4 100%);*/ /* FF3.6+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ace1), color-stop(100%,#038ab4));*/ /* Chrome,Safari4+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -webkit-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -o-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* Opera 11.10+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, -ms-linear-gradient(top, #00ace1 0%,#038ab4 100%);*/ /* IE10+ */
    /*background: url('graphics/buttons/changeuser.png') no-repeat 10px center, linear-gradient(to bottom, #00ace1 0%,#038ab4 100%);*/ /* W3C */
    /*filter: url('graphics/buttons/changeuser.png') no-repeat 10px center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ace1', endColorstr='#038ab4',GradientType=0 );*/ /* IE6-8 */
}

    #btnReports:hover:enabled {
        border: 1px solid #038ab4;
        color: #fff;
        background: #038ab4 url('graphics/buttons/reports.png') no-repeat 10px center;
    }

    #btnReports:disabled {
        background-color: #00ace1;
        background-image: url('graphics/buttons/reports.png');
    }

#btnChangePWD {
    background-image: url('graphics/buttons/changepassword.png');
    color: #cecece;
}

    #btnChangePWD:hover:enabled {
        background-image: url('graphics/buttons/changepassword_hover.png');
        color: #fff;
    }

#btnAdmin {
    background-image: url('graphics/buttons/changepassword.png');
    color: #cecece;
}

    #btnAdmin:hover:enabled {
        background-image: url('graphics/buttons/changepassword_hover.png');
        color: #fff;
    }

#btnLogout {
    background-image: url('graphics/buttons/logout.png');
}

    #btnLogout:hover:enabled {
        background-image: url('graphics/buttons/logout_hover.png');
    }

#BtnDenyReport {
    background-image: url('graphics/buttons/attest_fail.png');
    background-position: 10px 6px;
    background-repeat: no-repeat;
}

    #BtnDenyReport:hover:enabled, #TimeInputDelete:hover {
        background-color: #f83a3a;
        border: 1px solid #f83a3a;
        color: #fff;
    }

#BtnConfirmReport:hover:enabled, #RegisterSheetButton:hover:enabled /* MORE */ {
    background-color: #83b600;
    border: 1px solid #83b600;
    color: #fff;
}

#BtnDenyReport:hover:enabled {
    background-image: url('graphics/buttons/attest_fail_hover.png');
}

#BtnDenyReport:disabled {
    background-image: url('graphics/buttons/attest_fail_disabled.png');
    background-position: 10px 6px;
    background-repeat: no-repeat;
}

#BtnConfirmReport {
    background-image: url('graphics/buttons/attest_confirm.png');
    background-position: 10px 6px;
    background-repeat: no-repeat;
}

    #BtnConfirmReport:hover:enabled {
        background-image: url('graphics/buttons/attest_confirm_hover.png');
        background-position: 10px 6px;
        background-repeat: no-repeat;
    }

    #BtnConfirmReport:disabled {
        background-image: url('graphics/buttons/attest_confirm_disabled.png');
        background-position: 10px 6px;
        background-repeat: no-repeat;
    }

#RegisterSheetButton {
    background-image: url('graphics/buttons/register_grey.png');
    background-position: 10px 6px;
    background-repeat: no-repeat;
}

    #RegisterSheetButton:hover:enabled {
        background-image: url('graphics/buttons/register_hover_white.png');
        background-position: 10px 6px;
        background-repeat: no-repeat;
    }

#BtnSettingsA {
    position: absolute;
    right: 0;
    top: 0px;
    background-image: url('graphics/buttons/attest_settings_32x32.png');
    border: none;
    height: 32px;
    width: 32px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin-right: 5px;
}

    #BtnSettingsA:hover:enabled {
        background-image: url('graphics/buttons/attest_settings_hover_32x32.png');
    }

#TimeInputDelete {
    background-image: url('graphics/buttons/bin_normal.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 30px;
}

    #TimeInputDelete:hover {
        background-image: url('graphics/buttons/bin_hover_white.png');
    }

#PrevWeek, #NextWeek {
    width: 50px;
    height: 23px;
    display: block;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    position: absolute;
    top: 9px;
    /* Transition */
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -khtml-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

#PrevWeek {
    left: 5px;
    /* Bakground fade och bild */
    background: #f8f8f8 url('graphics/buttons/arrow_left_16x16.png') no-repeat center center;
    /*background: #f2f2f2;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);*/ /* FF3.6+ */
    /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));*/ /* Chrome,Safari4+ */
    /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/ /* Opera 11.10+ */
    /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/ /* IE10+ */
    /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);*/ /* W3C */
    /*filter: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );*/ /* IE6-8 */
    /* Rundade hörn */
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    #PrevWeek:hover {
        /* Bakground fade och bild */
        background: #e9e9e9 url('graphics/buttons/arrow_left_16x16.png') no-repeat center center;
        /*background: #ffffff;*/ /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
        /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);*/ /* FF3.6+ */
        /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));*/ /* Chrome,Safari4+ */
        /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);*/ /* Chrome10+,Safari5.1+ */
        /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);*/ /* Opera 11.10+ */
        /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);*/ /* IE10+ */
        /*background: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);*/ /* W3C */
        /*filter: url('graphics/buttons/arrow_left_16x16.png') no-repeat center center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );*/ /* IE6-8 */
    }

#NextWeek {
    left: 56px;
    /* Bakground fade och bild */
    background: #f8f8f8 url('graphics/buttons/arrow_right_16x16.png') no-repeat center center;
    /*background: #f2f2f2;*/ /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);*/ /* FF3.6+ */
    /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));*/ /* Chrome,Safari4+ */
    /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/ /* Opera 11.10+ */
    /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);*/ /* IE10+ */
    /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);*/ /* W3C */
    /*filter: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );*/ /* IE6-8 */
    /* Rundade hörn */
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

    #NextWeek:hover {
        /* Bakground fade och bild */
        background: #e9e9e9 url('graphics/buttons/arrow_right_16x16.png') no-repeat center center;
        /*background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center,  url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
        /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);*/ /* FF3.6+ */
        /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff));*/ /* Chrome,Safari4+ */
        /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);*/ /* Chrome10+,Safari5.1+ */
        /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);*/ /* Opera 11.10+ */
        /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);*/ /* IE10+ */
        /*background: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, linear-gradient(to bottom, #f2f2f2 0%,#ffffff 100%);*/ /* W3C */
        /*filter: url('graphics/buttons/arrow_right_16x16.png') no-repeat center center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );*/ /* IE6-8 */
    }

    /*
#NextWeek:hover { background: #fff url('graphics/buttons/arrow_right_16x16.png') no-repeat center center; }
#PrevWeek:hover { background: #fff url('graphics/buttons/arrow_left_16x16.png') no-repeat center center; }
*/

    #PrevWeek[disabled], #NextWeek[disabled] {
        border: 1px solid #d9d9d9;
        cursor: default;
    }

#PrevWeek[disabled] {
    background: #fff url('graphics/buttons/arrow_left_disabled_16x16.png') no-repeat center center;
}

#NextWeek[disabled] {
    background: #fff url('graphics/buttons/arrow_right_disabled_16x16.png') no-repeat center center;
}

    #PrevWeek[disabled]:hover, #NextWeek[disabled]:hover {
        background-color: #fff;
    }


#CurrentWeek {
    position: absolute;
    top: 4px;
    left: 120px; /*width:200px;*/
}

.disabled, a.disabled {
    color: #a9a9a9;
}

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


/* Egenskaper för kontroller i AddRowPanel */
#ObjectList {
    width: 370px;
    height: 148px;
}

#lblInfo {
    background-color: #ffffff;
    font-size: 12px;
    width: 370px;
    overflow: hidden;
}
/* --------------------------------------- */

/* Egenskaper för kontroller i CameAndWentPanel */
.CameAndWentTextBox {
    width: 60px;
}
/* -------------------------------------------- */

/* Egenskaper för kontroller i TimeInputPanel */
#HrsToRegXYZ {
    width: 60px;
}

#TimeInputComment {
    width: 185px;
    height: 100px;
}
/* ------------------------------------------ */

/* Egenskaper för kontroller i SelectWeekPanel */
.SelectYearAndWeekDD {
    padding: 5px;
    text-align: center;
}

#SelectWeekUpdatePanel td {
    padding: 3px 0;
}

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


.ErrorMessage {
    display: block;
    font-size: 14px;
    font-style: italic;
    background: #f83a3a;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    /* Rundade hörn */
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.UpdateMessage {
    color: Green;
    font-size: 12px;
    font-style: italic;
}

.ErrorInput {
    background-color: #FF7575;
}

.ErrorTooltip {
    color: Red;
    font-size: 12px;
    font-style: italic;
    background-color: #ffffff;
    border: solid 1px #EAEAEA;
    padding: 1px 2px 1px 2px;
}

.ModalPanel {
    background-color: White;
    border: 1px solid black;
    text-align: center;
    padding: 20px;
}

.ModalNormalText {
    font-size: 14px;
}

.ModalHeadingText {
    font-size: 16px;
}

.ModalDialogInfo {
    font-size: 14px;
    font-style: italic;
}

.ModalSmallText {
    color: #414141;
    font-size: 12px;
}

.ModalCaptionText {
    color: #00ACE1;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}

.ModalWarningText {
    color: #414141;
    font-size: 16px;
}

.AttestControl {
    width: 260px;
    border: 1px solid #c6c6c6;
    overflow: visible;
    position: relative;
    z-index: 95;
    margin-top: 30px;
    margin-left: 0px;
    left: -1px !important;
    top: 90px !important;
    background-color: #fff;
    /*padding:3px;*/
    /*padding:20px 15px 15px 15px;*/
    /* BOX SHADOW */
    -moz-box-shadow: 0px 0px 4px 0px #999;
    -webkit-box-shadow: 0px 0px 4px 0px #999;
    box-shadow: 0px 0px 4px 0px #999;
}

#attest-header {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 10px;
}

#AttestContentsFrame {
    /*padding-bottom:10px;*/
}

    #AttestContentsFrame div {
        float: left;
    }

        #AttestContentsFrame div#actions {
            float: right;
            position: relative;
        }

#TestTree {
    height: 100%;
    /*width:330px;*/
    padding-bottom: 10px;
}

.AttestPanel {
    max-width: 100%;
    width: 100%;
    height: 0px;
    background-color: #FFFFFF;
    overflow: hidden;
    margin: 0;
}

.AttestPanelFrame {
    width: 100%;
    height: 30px;
    background-color: #fff;
    color: #FFFFFF;
    overflow: visible;
    margin-top: 5px;
    margin-bottom: 5px;
}

#DDListWeeks {
    padding: 5px;
    margin-right: 45px;
}

.TreeViewPanel {
    /*width: 250px;*/
    height: 260px;
    overflow: auto;
    line-height: 10px;
}

.TreeViewControlsPanel {
    width: 100%;
    background-color: #fff;
    /*height:50px;*/
}


#TreeViewControls {
    border-top: 1px solid #c6c6c6;
    /*padding:10px 0;*/
    /*margin:10px 0;*/
    /*margin-top: 5px;*/
}

.TreeViewContents-wrap {
    border-top: 1px solid #c6c6c6;
    width: 100%;
    /*padding: 5px 0;*/
    /*margin-top: 5px;*/
}


#TreeViewControls input {
    margin: 0;
}
/*input#BtnCancelAttest { margin-right:10px;}*/

.SettingsPanel {
    height: 0px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 5px;
}

.SettingsControl {
    height: 200px;
    width: 100%;
    background: #FFFFFF;
}

.IconBtnAttest {
    cursor: pointer;
}

.DateBoxAttest {
    font-size: 14px;
    width: 76px;
}

.RadioBtn {
    font-size: 14px;
    /*font-weight: bold;*/
    margin-top: 5px;
}

    .RadioBtn label {
        margin-left: 5px;
        vertical-align: top;
    }

    .RadioBtn input {
        margin: 1px;
        padding: 0;
        vertical-align: baseline;
        cursor: pointer;
    }

.CheckBox {
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

    .CheckBox input {
        font-size: 14px;
        vertical-align: baseline;
        cursor: pointer;
    }

    .CheckBox label {
        margin-left: 5px;
        vertical-align: top;
        font-weight: bold;
    }

.AttestCaption {
    font-size: 24px;
    font-weight: 100;
    color: #00ACE1;
    text-transform: uppercase;
    margin-right: 10px;
}

.AttestDescription {
    font-size: 14px;
    color: #333333;
}

.AttestSettingsCaption {
    font-size: 16px;
    color: white;
}

.AttestDropDownList {
    font-size: 14px;
    color: #000000;
}

.Node {
    font-size: 14px;
    color: #000000;
    padding: 2px;
    /*padding: 0px 1px 0px 1px;*/
}

.SelectedNode {
    font-size: 14px;
    background-color: #00ace1;
    color: #fff;
    padding: 5px;
    /*padding: 0px 5px 0px 5px;*/
    /* Rundade hörn */
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ChangeUserRadioButtonList {
    padding: 0px 0px 0px 0px;
    font-size: 14px;
}

    .ChangeUserRadioButtonList input[type="radio"] {
        font-size: 14px;
        font-style: italic;
        /*styling specific radio buttons in the FunkyRadioButtonList goes here*/
    }

/* NEW LAYOUT STYLES BY MARCUS */
.divider {
    display: inline-block;
    width: 5px;
}

.container {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

.col-three-one, .col-three-two {
    float: left;
}

.col-three-three {
    float: right;
    position: relative;
    width: 270px;
}

#top-wrap {
    /*
    height: 35px; 
     
    padding: 0px; 
    background-color: #212121;
    */
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    /* BOX SHADOW */
    -moz-box-shadow: 0px 0px 4px 0px #e0e0e0;
    -webkit-box-shadow: 0px 0px 4px 0px #e0e0e0;
    box-shadow: 0px 0px 4px 0px #e0e0e0;
}

    #top-wrap #logo-weeklyreport {
        margin-top: 4px;
    }

    #top-wrap #top-dark, #top-wrap #top-toolbox, #top-wrap #top-dates {
        height: 40px;
    }

    #top-wrap #top-dark-wrap {
        background-color: #333;
    }

    #top-wrap #top-toolbox-wrap {
        background-color: #00ace1;
    }

    #top-wrap #top-dates-wrap {
        background-color: #fff;
        border-bottom: 1px solid #dedede;
    }



    #top-wrap .col-three-one {
        width: 200px;
        overflow: visible;
    }

        #top-wrap .col-three-one div {
            margin-top: 7px;
        }

    #top-wrap .col-three-two {
        margin: 0 auto;
        width: 500px;
        text-align: center;
    }

#top .col-three-two span {
    display: inline-block;
    margin-top: 5px;
}

#top .col-three-three input {
    margin-top: 6px;
}


#top-wrap .col-three-three {
    width: 350px;
    text-align: right;
}

#top-wrap #top-dates .col-three-one {
    width: 400px;
}

#top-wrap #top-dates .col-three-two {
    width: 270px;
    position: relative;
}

#top-wrap #top-dates .col-three-three {
    width: 430px;
}


#content {
    margin-top: 117px;
}

    #content #content-timesheet {
        position: relative;
        margin-top: 0px;
    }

#main-navigation {
    margin-top: 10px;
}

    #main-navigation .col-three-one {
        width: 200px;
    }

    #main-navigation .col-three-one {
        margin-top: 7px;
    }

    #main-navigation .col-three-two {
        width: 600px;
        text-align: center;
    }

        #main-navigation .col-three-two #date-period {
            margin-top: -5px;
            font-size: 13px;
        }
    /*#main-navigation .col-three-two #SheetStatus { text-transform: uppercase; margin-top:0px; display:block; font-size:16px; color:#515151;}*/

    #main-navigation .col-three-three {
        width: 200px;
        text-align: right;
        padding-top: 20px;
    }

        #main-navigation .col-three-three span {
            display: inline-block;
            margin-right: 2px;
        }

#top-toolbox input:disabled {
    color: #038ab4;
    background-color: none;
}

    #top-toolbox input:disabled:hover {
        background-color: transparent;
        border: 1px solid #038ab4
    }

#top-toolbox-manage, #top-toolbox-add {
    padding-top: 5px;
    /*
     position: absolute; 
     left: 5px; 
     top: 11px;
    */
}

#top-toolbox-add {
    top: 126px;
    float: left;
}

    #top-toolbox-add input {
        margin-right: 3px;
    }

#top-toolbox-manage {
    float: right;
}


#top-dates #user-logged-in {
    padding: 6px 0 0 27px;
    background-image: url("../Graphics/buttons/user.png");
    background-repeat: no-repeat;
    background-position: 5px 6px;
    font-size: 14px;
}

#user-logged-in #lblUserWelcome {
    color: #6e6e6e;
}

#user-logged-in #lblUser {
    color: #4e4e4e;
}

#user-logged-in span {
    display: inline-block;
}

#top-dates .col-three-two {
    position: relative;
}

#content-add-toolbox-bottom-wrap {
    position: relative;
}

#content-add-toolbox-bottom {
    /*position: absolute; 
        left: -5px; 
        top: 13px;  */
    width: 400px;
    margin-left: -5px;
}

    #content-add-toolbox-bottom input {
        float: left;
        margin-right: 6px;
    }

#DayControl {
}

    #DayControl .table-days {
        position: absolute;
        top: 0px;
        left: 10px;
    }


#footer {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 30px;
}

    #footer a {
        text-decoration: none;
    }

#footer-company {
    color: #555;
    font-weight: 100;
    font-size: 18px;
}

#footer-company-link {
    color: #555;
    font-weight: 100;
    font-size: 14px;
    text-decoration: none;
    /* Transition */
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -khtml-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    #footer-company-link:hover {
        color: #00ace1;
    }

/* PAGES */
#weeklyreport span#copyright-excelspecialisten {
    color: #414141;
    padding-bottom: 5px;
    display: inline-block;
}

/*#weeklyreport span#copyright-excelspecialisten:hover {}*/

/* Modals */
.modal-heading {
    position: relative;
    text-align: left;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #00ace1;
}

.modal-footer {
    border-top: 1px solid #c6c6c6;
    padding-top: 20px;
    margin-top: 15px;
}

.minmax-wrap {
    margin-top: 6px;
    margin-right: 7px;
    /*background-color:#00ace1; */
    padding: 2px;
    padding-left: 8px;
    text-align: center;
    /* rundade hörn */
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/*.first-sum-row { margin-top:100px;}*/

.first-sum-row td {
    padding-top: 10px;
}

td.sum-row-last {
    border-bottom: 1px solid #cecece;
    padding-bottom: 10px;
}

.btn-remove-wrap {
    padding: 5px 10px;
    width: 40px;
}

.btn-remove:hover {
    background-image: url('graphics/buttons/bin_hover.png');
}

.btn-remove {
    width: 16px;
    height: 16px;
    display: inline-block;
    ;
    background-image: url('graphics/buttons/bin.png');
    /* Transition */
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -khtml-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.btn-add:hover {
    background-image: url('graphics/buttons/addrow_hover.png');
}

.btn-add {
    width: 16px;
    height: 16px;
    display: block;
    background-image: url('graphics/buttons/addrow.png');
    /* Transition */
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -khtml-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

/*.first-sum-row td { margin-top:100px;}*/


#ChangeUserList {
    width: 100%;
}

.btn-expand-wrap {
    position: relative;
}

.btnExpand {
    width: 20px;
    margin-top: 1px;
    margin-left: 5px;
    display: block;
    /*
     position:absolute;
     top:11px; 
     left:10px; 
     */
}


/* SHEET TABLE DESIGN */
.even {
    background-color: #fafafa;
}

.odd {
    background-color: #ffffff;
}
/*.odd { background-color:#fffad7;}*/

.table-days td {
    background-color: transparent;
    width: 42px;
    border: none;
    /*border-bottom:1px solid #dedede;*/
    font-size: 14px;
}

    .table-days td.today {
        border-bottom: 4px solid #00ace1;
    }

.table-days .today .day-wrap {
    padding-bottom: 1px;
}

.table-days .day-wrap {
    padding-bottom: 4px;
}

    .table-days .day-wrap span {
        display: block;
    }

        .table-days .day-wrap span.day-date {
            font-size: 12px;
        }



.table-days td.HeaderRowCornerRight.table-days-total {
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 16px;
}

.sum-row td, .working-hours td, .working-hours-last-row td {
    padding: 1px 5px;
}

.working-hours {
    min-height: 15px;
}

.sum-row.last-sum-row td {
    padding-bottom: 10px;
}

.first-sum-row.sum-row td {
    padding-top: 10px;
}

.working-hours-last-row td {
    padding-bottom: 10px;
}

tr.row-spacer td.SubItemRow, tr.row-spacer td.SubItemRow {
    margin: 0;
    padding: 1px;
    height: 15px;
}

tr.row-spacer.no-border td {
    border: 0;
}


td.stripe {
    width: 3px;
    padding: 0;
}

.row-header-Projects td.stripe, .projects td.stripe, .projects.ChangedRow td.stripe {
    background-color: #00ace1;
    border-top: 1px solid #00ace1;
    border-left: 1px solid #00ace1;
    border-bottom: 1px solid #00ace1;
    padding: 0;
}

.row-header-Absence td.stripe, .absence td.stripe, .absence.ChangedRow td.stripe {
    background-color: #90bf03;
    border-top: 1px solid #90bf03;
    border-bottom: 1px solid #90bf03;
}

.row-header-Overtime td.stripe, .overtime td.stripe, .overtime.ChangedRow td.stripe {
    background-color: #ffb61c;
    border-top: 1px solid #ffb61c;
    border-bottom: 1px solid #ffb61c;
}

.last-timerow td {
    border-bottom: solid 1px #dedede;
}

.row-header-Projects, .row-header-Absence, .row-header-Overtime {
    /*background-color:#00ace1; */
    /*border: 5px solid #dedede;*/
    /* Transition */
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -khtml-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}


    .row-header-Projects td {
        background: transparent;
    }

    .row-header-Projects td, .row-header-Absence td, .row-header-Overtime td {
        padding-top: 8px;
        padding-bottom: 8px;
        border-top: solid 1px #dedede;
        border-bottom: solid 1px #dedede;
    }

        .row-header-Projects td:first-child, .row-header-Absence td:first-child, .row-header-Overtime td:first-child {
            /*border-left: solid 1px #dedede;*/
            /* Rundade hörn */
            -moz-border-radius-topleft: 3px;
            /*-moz-border-radius-bottomleft:3px;*/
            border-top-left-radius: 3px;
            /*border-bottom-left-radius: 3px;*/
        }

        .row-header-Projects td:last-child, .row-header-Absence td:last-child, .row-header-Overtime td:last-child {
            border-top: solid 1px #dedede;
            border-bottom: solid 1px #dedede;
            border-right: solid 1px #dedede;
            /* Rundade hörn */
            -moz-border-radius-topright: 3px;
            /*-moz-border-radius-bottomright:3px;*/
            border-top-right-radius: 3px;
            /*border-bottom-right-radius: 3px;*/
        }

.row-hover-effect td:first-child {
    /*border-left: solid 1px #dedede;    */
}

.row-hover-effect td:last-child {
    border-right: solid 1px #dedede;
}


/*
.row-header-Absence { background-color:#ffb61c; }
.row-header-Overtime { background-color:#676767; }   
.row-header-Projects { background-color:#99cc00; } 
*/

/*.row-header-Absence, .row-header-Overtime, .row-header-Projects { background-color:#f2f2f2; } */
.row-header-Absence, .row-header-Overtime, .row-header-Projects {
    background-color: #f2f2f2;
}

/*
.row-header-Projects { background-color: hsla(0, 0%, 95%, 1); }
.row-header-Absence { background-color: hsla(0, 0%, 93%, 1); }
.row-header-Overtime { background-color: hsla(0, 0%, 91%, 1); }
*/

/*
.row-header-Projects { background-color: hsla(194, 100%, 96%, 1); } 
.row-header-Absence { background-color: hsla(75, 97%, 96%, 1); }
.row-header-Overtime { background-color: hsla(41, 100%, 96%, 1); }   
*/

.working-hours:hover { /*background-color:#50c0e9;*/
}
/*
.row-header-Absence:hover { background-color:#ffc641;}   
.row-header-Overtime:hover { background-color:#767676; }  
.row-header-Projects:hover { background-color:#a8d324; }   
*/

.row-header-Absence:hover, .row-header-Overtime:hover, .row-header-Projects:hover {
    background-color: #e0e0e0;
}


.sum-row {
    /*background-color:#F0F0F0;*/
    /* Transition */
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -khtml-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

    .sum-row:hover {
        /*background-color:#f7f7f7; */
    }

.mybigtest td {
    height: 20px;
    vertical-align: bottom;
    padding-bottom: 1px;
}

.rounded-corners {
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.row-hover-effect td {
    background-color: none;
    /* Transition */
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    overflow: visible;
}

.row-hover-effect:hover > tr {
    /*background-color:#f5f5f5;*/
}

.row-hover-effect:hover > td.stripe {
    /*background-color:#fff;  */
}

td.HeaderRowCell.holiday { /*background-color:#fff;*/
}

td.HeaderRowCell.today {
    font-weight: bold;
    background-color: #fff;
}

td.HeaderRowCell.holiday.today {
    font-weight: bold;
    background-color: #fff;
}

/* ################## */
/* ### LOGIN FORM ### */
/* ################## */
#login #footer {
    padding-top: 70px;
}

#login-wrap {
    width: 240px;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
    margin-top: 70px;
    background-color: #fff;
}

#login-line {
    height: 35px;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #c6c6c6;
    /* BOX SHADOW */
    -moz-box-shadow: 0px 0px 10px 0px #999;
    -webkit-box-shadow: 0px 0px 10px 0px #999;
    box-shadow: 0px 0px 10px 0px #999;
}

.login-input-content {
    border: 1px solid #e4e4e4;
    height: 45px;
    /* rundade hörn */
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#login-header {
    margin-bottom: 20px;
    text-align: center;
}

#login-error-message {
    font-size: 14px;
    margin-top: 10px;
    height: 30px;
}

.login-input-wrap {
    margin-bottom: 10px;
}

    .login-input-wrap.last {
        margin-bottom: 0px;
    }

.login-input-heading {
    font-size: 16px;
    padding-left: 2px;
    margin-bottom: 3px;
    color: #646464;
}

.login-input-icon-user, .login-input-icon-password, .login-input-text {
    float: left;
}

.login-input-icon-user, .login-input-icon-password {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    margin-right: 10px;
    background-color: #f3f3f3;
    width: 55px;
    border-right: 1px solid #e4e4e4;
}

.login-input-text input {
    margin: 0;
    padding: 0;
    width: 170px;
    height: 43px;
    font-size: 16px;
    border: none;
}

.login-input-icon-user {
    background-image: url('graphics/buttons/user_32x32.png');
}

.login-input-icon-password {
    background-image: url('graphics/buttons/password_32x32.png');
}

#login-submit {
    margin-top: 5px;
}

#login-forgot-password {
    margin-top: 5px;
    text-align: center;
}

    #login-forgot-password a {
        text-decoration: none;
        color: #646464;
    }

        #login-forgot-password a:hover {
            color: #00ace1;
        }

#btnLogin {
    height: 45px;
    width: 100%;
    display: block;
    background-color: #00ace1;
    border: none;
    color: #fff;
    letter-spacing: .1em;
    font-size: 16px;
}


    #btnLogin:hover {
        background-color: #50c0e9;
    }

#copyright-excelspecialisten {
    color: #acacac;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
}

    #copyright-excelspecialisten a {
        color: #acacac;
        text-decoration: none;
    }

        #copyright-excelspecialisten a:hover {
            color: #00ace1;
        }


/* INFORMATION SECTION */
#information-wrap {
    position: absolute;
    top: 10px;
    left: 250px;
    width: 250px !important;
    height: 160px !important;
    overflow: auto !important;
    /*
    top:40px;
    left:5px;
    width:400px !important;
    max-height:170px !important; 
    overflow:hidden !important;
    */
}

    #information-wrap .ErrorMessage {
        text-align: left;
    }


#sheet-status {
    position: absolute;
    top: 13px;
    left: 5px;
}

td.table-first-row-heading {
    width: 10px;
}

td.table-first-row-timeinput, td.table-first-row-timeinput {
    width: 42px;
}

#AddRowUpdatePanel .v-align-top {
    vertical-align: top;
}

.cell-fixed-width-1 {
    /*width:42px;*/
}

#lblVersion {
    display: block;
    margin-top: 15px;
    font-size: 12px;
    color: #bbb;
}

.Balance {
    color: white;
    /*font-family: Arial Narrow,Arial,sans-serif;*/
    /*font-size:14px;*/
    letter-spacing: -0.05em;
}

.Balance_Highlight {
    color: red;
}

.AddFav {
    background-image: url('Graphics/Buttons/32-UnFavorite.png');
    background-repeat: no-repeat;
    background-position: center;
}

.DelFav {
    background-image: url('Graphics/Buttons/32-Favorite.png');
    background-repeat: no-repeat;
    background-position: center;
}

.ListItem_Favorite {
    font-weight: bold;
}

.longAbsencePanel {
    padding-top: 20px;
}


/*Project summary*/

/*.btn-remove-wrap {
    padding:5px 10px;
    width: 20px;
}*/




.btn-sumreport {
    margin: 2px auto auto 2px;
    background-image: url('Graphics/Buttons/sigma.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    /* Transition */
    -o-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -khtml-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

    .btn-sumreport:hover {
        background-image: url('Graphics/Buttons/sigma_hover.png');
    }



.projsum_GT {
    font-weight: bold;
    background-color: #7BCA3D;
}

.projsum_YT {
    font-weight: bold;
    background-color: #C1EA4F;
}

.projsum_PT {
    font-weight: bold;
    background-color: #D0D1D7;
}

.projsum_PYT {
    font-weight: bold;
    background-color: #E8E8EC;
}


.summaryTable td {
    padding: 2px 15px;
}

.summaryTable th {
    padding: 2px 8px;
    font-size: 12px;
}

.tr_high {
    background-color: #61cdf6;
}

.hoverTable th:hover {
    background-color: #ecf5f9;
    cursor: pointer;
}

.hoverTable tr {
    /*background-color: #b8d1f3;*/
}
    /* Define the hover highlight color for the table row */
    .hoverTable tr:hover {
        background-color: #d7ebf2;
    }

.tableVertLines td + td {
    border-left: 2px solid gray;
}

.stdthead {
    background-color: #d7ebf2;
}

.status3 {
    background-color: #66D363
}

.status2 {
    background-color: #FFC90E
}

.status1 {
    background-color: #F97D33
}

.status0 {
    background-color: #F83E34
}

.statusGreen {
    background-color: #66D363
}

.statusYellow {
    background-color: #FFC90E
}

.statusOrange {
    background-color: #F97D33
}

.statusRed {
    background-color: #F83E34
}


.Dialog_Header {
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.BtnDeny {
    background-image: url('graphics/buttons/attest_fail.png');
    background-position: 10px 6px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

    .BtnDeny:disabled {
        background-image: url('graphics/buttons/attest_fail_disabled.png');
        background-position: 10px 6px;
        background-repeat: no-repeat;
    }

    .BtnDeny:hover:enabled {
        background-color: #f83a3a;
        border: 1px solid #f83a3a;
        color: #fff;
        background-image: url('graphics/buttons/attest_fail_hover.png');
    }

.BtnConfirm {
    background-image: url('graphics/buttons/attest_confirm.png');
    background-position: 10px 6px;
    background-repeat: no-repeat;
    padding-left: 30px;
}


    .BtnConfirm:disabled {
        background-image: url('graphics/buttons/attest_confirm_disabled.png');
        background-position: 10px 6px;
        background-repeat: no-repeat;
    }

    .BtnConfirm:hover:enabled {
        background-color: #83b600;
        border: 1px solid #83b600;
        color: #fff;
        background-image: url('graphics/buttons/attest_confirm_hover.png');
        background-position: 10px 6px;
        background-repeat: no-repeat;
    }

.btn {
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    transition: all 0.4s linear;
}

    .btn:hover {
        background-color: #e9e9e9;
    }

.btn-left {
    background: #f8f8f8 url('graphics/buttons/arrow_left_16x16.png') no-repeat center center;
}


.btn-right {
    background: #f8f8f8 url('graphics/buttons/arrow_right_16x16.png') no-repeat center center;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.0em /*{fsDefault}; */;
}

.jctest {
    text-decoration: line-through;
    font-style: italic;
    color: pink;
    background-color: aquamarine;
    /*background-color:blanchedalmond;*/
    /*filter: sepia(60%);*/
    /*background:*/
    /* top, transparent black, faked with gradient */
    /*linear-gradient(
      rgba(0, 0, 0, 0.8), 
      rgba(0, 0, 0, 0.8)
    ),*/
    /* bottom, image */
    /*url(http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png);*/
}


#NotificationPane {
    text-align: left;
}

    #NotificationPane ul {
        list-style-type: disc;
        margin: 0;
        padding: 0;
        min-width: 400px;
        background-color: #F6F6F6;
    }

    #NotificationPane li {
        font: 14px Helvetica, Verdana, sans-serif;
        border-bottom: 1px solid #00ACE1;
        color: #000;
        background-color: #F6F6F6;
        transition: background-color 0.3s ease;
        display: block;
        width: 100%;
        padding: 4px;
    }

        #NotificationPane li:last-child {
            border: none;
        }

        #NotificationPane li:hover {
            background-color: #d6e8fa;
        }




.btnApp {
    height: 30px;
    text-align: left;
    padding-left: 32px;
    padding-right: 15px;
    background-position: 10px 7px;
    background-repeat: no-repeat;
    letter-spacing: .02em;
    border: 1px solid #038ab4;
    color: #fff;
    background: #029aca url('graphics/buttons/Calendar_white.png') no-repeat 10px center;
    background-size: 16px;
}

    .btnApp:hover:enabled {
        background: #038ab4 url('graphics/buttons/Calendar_white.png') no-repeat 10px center;
    }

.BHeader {
    height: 25px;
    background: #00ACE1;
    width: 95%;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 8px 20px 4px 20px;
    text-transform: uppercase;
    color: white;
}

.leavAppItem_Accepted {
    background-color: #83b600;
}

.leavAppItem_Denied {
    background-color: #f83a3a;
}

.leavAppItem_Waiting {
    background-color: #f8ec05;
}

.leavAppItem_Cancelled {
    background-color: #dedede;
}

.leavAppRow_Cancelled {
    color: #999;
}

.leavAppItem_AcceptedWithChangeDenied {
    background: #83b600; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #83b600, #f83a3a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #83b600, #f83a3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #83b600, #f83a3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #83b600, #f83a3a); /* Standard syntax (must be last) */
}

.orderedAsc {
    background-image: url('Graphics/arrow_down.png');
    background-repeat: no-repeat;
    padding-left: 15px;
}

.orderedDesc {
    background-image: url('Graphics/arrow_up.png');
    background-repeat: no-repeat;
    padding-left: 15px;
}


.fixHeader_fix1stColumnTable_Container {
    /*background-color: lightgreen;*/
    max-width: 4000px;
    /*max-height: 600px;*/
    height:600px;
    min-height: 250px;
    overflow: auto;
    font-size:xx-small;
}

    .fixHeader_fix1stColumnTable_Container table {
        position: relative;
        border-collapse: collapse;
    }

    .fixHeader_fix1stColumnTable_Container td, .fixHeader_fix1stColumnTable_Container th {
        padding: 0.1em 0.25em;
    }

    .fixHeader_fix1stColumnTable_Container thead th, .fixHeader_fix1stColumnTable_Container thead td {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        top: 0;
        background-color: dodgerblue;
        color: #FFF;
    }

        .fixHeader_fix1stColumnTable_Container thead th:first-child {
            left: 0;
            z-index: 1;
        }

    .fixHeader_fix1stColumnTable_Container tbody th {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        left: 0;
        background: #FFF;
        border-right: 1px solid gray;
        border-bottom: 1px solid gray;
        font-weight: normal;
    }

    .fixHeader_fix1stColumnTable_Container tbody td {
        border-bottom: 1px solid gray;
    }

.reportcontainer {
    margin: 100px 80px 80px 50px;
}


.ui-datepicker-trigger  {
    border : none;
    margin-top : 0px;
    padding-top : 0px;
    /*background-color : white;*/
    position: relative;
}

    .ui-datepicker-trigger > img {
        width: 20px;
        position: absolute;
        top:-15px;
    }