body{ margin: 0 0 20px 0; font-weight: normal;word-spacing: normal;text-transform: none; /* #FF8000; - Orange*/}



/* LINKER */
/*a{font-size: 7pt; }
a:link{	font-size: 7pt;	color: #00375E; text-decoration: none;  }
a:visited{text-decoration:none;color:  #00375E;  }
a:active{text-decoration:none;color: #00375E; }
a:hover{ text-decoration:underline; color:  Gray; }*/

/* SPAN */
span {outline: none;}

th {text-align: left;}
hr {border: solid 0; border-bottom-width: 1px; color:Gray; height: 0;  }

/*Fix for IE8 for å kunne bla mellom måneder i kalender. Sannsynligvis rettet i neste verjon av Ajax Toolkit  */
/*.ajax__calendar_title {margin:auto;border:none;   }*/

/*Fix for å vise alle dager i ajax calenderextender*/
div.ajax__calendar_container table tr td
{
    padding: 0 0 0 0!important;
}

input[type='submit'][disabled]:not([class^='ic']) {
    border:1px solid #cacaca;
    background-color: #eaeaea;
    color: #7a7a7a;
    cursor: not-allowed;
}

.MainMenu
{
    display:-moz-inline-box;
    display:inline-block;
    height: 26px;
    /*background: url('../../images/MainMenu.PNG') repeat-x;*/
    background-color : #92959e;
    border-top: solid 1px #2D4453;
}
.MainMenu a{ font-size:8pt; height:17px; font-weight:bold; padding: 6px; padding-bottom: 2px; }
.MainMenu a:link { display: block; color:  #2D4453;  }
.MainMenu a:visited { display: block; color:  #2D4453;  }
.MainMenu a:hover { display: block; color: #FFFFFF;  text-decoration:none;}
.MainMenu a:active { display: block; color: #FFFFFF; }




.MainMenuBorder

{
    display:-moz-inline-box;
    display:inline-block;
    padding-right:5px;
    border-left: solid 1px #2D4453;
    background: url('../../images/MainMenuRight.PNG') no-repeat right 0;
    margin-right: 0;
    }


.MainMenuSelected
{
    background-color : #b2b8be;
    /*background: url('../../images/MainMenuSelected.PNG') repeat-x;*/
    height: 26px;
 }


.MainMenuSelectedBorder
{
    display:-moz-inline-box;
    display:inline-block;
    padding-right:5px;
    border-bottom: solid 0 #2D4453;
    border-left: solid 1px #2D4453;
    background: url('../../images/MainMenuSelectedRight.PNG') no-repeat right ;
    margin-right: 0;
}

.SubMenu
{
  background-color: #B1B8BE;
  max-width: 30%;
      }
.SubMenuLev1
{
    color: #445062;
    font-weight: bold;
    display: block;
    background-color: #B1B8BE;
    border-right:  solid 1px #2D4453;
    font-size:8pt;
}
.SubMenuLev1 a{height: 16px; padding: 6px; padding-bottom:3px; }
.SubMenuLev1 a:link {display: block; color: #2D4453;  }
.SubMenuLev1 a:visited { display: block; color: #2D4453;   }
.SubMenuLev1 a:hover { display: block; color: #FFFFFF;   text-decoration:none;}
.SubMenuLev1 a:active { display: block; color: #FFFFFF;  }
.SubMenuLev2
{
    padding: 2px;
    color: #445062;
    display: block;
    background-color: #EEEEEE;
    border: solid 1px #dfdfdf;
    vertical-align: middle;
    font-size:8pt;
}
.SubMenuLev2 a{ display: block; font-weight:normal;  padding: 3px; padding-left: 6px;}
.SubMenuLev2 a:link { display: block; color: #546072; }
.SubMenuLev2 a:visited { display: block; color: #546072;  }
.SubMenuLev2 a:hover { display: block; color: #000000; text-decoration:none;}
.SubMenuLev2 a:active { display: block; color: #FFFFFF; }


.SubMenuLev2_Hover
{

    color: #FFFFFF;
    padding: 2px;
    display: block;
    border: solid 1px #dfdfdf;
    vertical-align: middle;
}



.MasterPageInfo
 { background-color: #f5f5f5;
   border:  solid 1px #2D4453;
   font-family:Verdana;
   font-size:8pt;
   padding: 4px;
   color: #2D4453;
   float: right;
   text-align: left;
   padding-right: 5px;
    margin: 10px;
   margin-bottom: 1px;
   padding-top: 4px;
   padding-bottom: 4px;
   vertical-align: bottom;
    height: 42px;
}
.MasterPageInfo a{ font-size:8pt; text-decoration:  underline; }
.MasterPageInfo a:link { display: block; color: #2D4453;  }
.MasterPageInfo a:visited { display: block; color: #2D4453;}
.MasterPageInfo a:hover { display: block; color: Gray;   }
.MasterPageInfo a:active { display: block; color: Gray;  }

#JavascriptDebug {
    display: block;
    width: 400px;
    position: absolute;
    top: 72px;
    bottom: 10px;
    right: 10px;
    border: 1px solid #2D4453;
    background: #efefef;
    padding: 10px;
}

    #JavascriptDebug > div {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #2D4453;
    }

        #JavascriptDebug > div > div {
            display: none;
            margin: 10px 10px 0 10px;
            padding: 10px;
            font-family: Consolas;
            background: #fafafa;
        }

        #JavascriptDebug > div:hover > div { display: block!important; }


/* LABLER */
.LINK  {text-decoration:underline; cursor:pointer;}
.LINK:hover { text-decoration:none; color: #FF8000;}
.LINK_NAVY {color: #00375E; cursor:pointer;}
.LINK_NAVY:hover{ color: #005998;text-decoration: none;}
.HYPERLINK{font-weight: bold; height: 15px; width: 105px;}

.RED_LINK a:link{color: red; text-decoration: none;}
.RED_LINK a:visited{text-decoration:none;color: red;}
.RED_LINK a:active{text-decoration:none;color: red;}
.RED_LINK a:hover{ text-decoration:none; color: #00375E; }

.TEXT {font-size: 8pt;}
.LABELS {font-weight: bold;font-size: 8pt;}
.LABELS_UCO {font-size: 8pt; height: 8px;}
.LABELS_VALIDATION {font-weight: bold;font-size: 8pt; color: Red; height: 12px;}
.LABELS_SMALL{font-size: 8pt; color: Black; font-family: Arial; font-weight: normal; height: 15px;}
.LABELS_SOKE_TEKST {font-weight: bold;font-size: 8pt;  padding-top: 8px;}
.LABELS_UCO_LINE_HEIGHT {font-size: 8pt; line-height:18px;}
.LABELS_SEARCH_ERROR{ color: #ff0000;}
.LABELS_SEARCH_SUCCESS{ color: #008000;}
.LABELS_READ_ONLY{ line-height: 20px;font-style: italic; }

/*Benyttes på forsiden */
.HEADER{font-weight: bold; font-size: 8pt; color:#00375E; font-variant:normal;}
.HEADER_ROW{background-color:#CCDDEE; height:16px;} /*EFF3FF */
.MAIN_TABLE{border: solid #D4DDFD 1px; margin-bottom:10px;}

/*Tabell i søkekriterier*/
.TABLE_CRITERIA {width:782px;}
    .TABLE_CRITERIA > tbody > tr > td {padding:6px;}
        .TABLE_CRITERIA > tbody > tr > td > span {padding-bottom: 2px; display: inline-block;}

/*¤ - Obligatoriske felt*/
.REQUIRED_FIELDS{font-size: xx-small; font-weight:bold; color:Red; Height: 10px; width: 2px;font-family: verdana, tahoma, helvetica;}
.REQUIRED_FIELDS_LONG{font-size: xx-small; font-weight:bold; color:Red; }

/* TEKSTBOKSER HTML 4.0*/
.TEXT_BOX{font-size: 8pt;color: black;text-align: left; width: 144px; height: 14px;}
.TEXT_BOX_FORM{font-size: 8pt;color: black;text-align: left; width: 125px; height: 15px;}
.TEXT_BOX_XXSMALL{font-size: 8pt;color: black;text-align: left; width: 40px; height: 15px;}
.TEXT_BOX_XXSMALL_RIGHT{font-size: 8pt;color: black;text-align: right; width: 40px; height: 15px;}
.TEXT_BOX_MIDLE{font-size: 8pt;color: black;text-align: left; width: 280px; height: 15px;}
.TEXT_BOX_LONG{font-size: 8pt;color: black;text-align: left; width:315px; height: 15px; }
.TEXT_BOX_SEARCH{font-size:8pt; color:black; text-align:left; width:176px; height: 15px; }
.TEXT_BOX_SEARCH_SMALL{font-size:8pt; color:black; text-align:left; width:72px; height: 15px; }
.TEXT_BOX_SEARCH_SM{font-size:8pt; color:black; text-align:left; width:158px; }
.TEXT_BOX_100{font-size:8pt; color:black; text-align:left; width:100px; height: 15px; }
.TEXT_BOX_235{font-size:8pt; color:black; text-align:left; width:235px; height: 15px; }

/* TEKSTBOKSER XHTML 1.0*/
.TEXT_BOX_SMALL{font-size:8pt; color:black; text-align:left; width:57px; height: 15px;}
.TEXT_BOX_WEEK{font-size:8pt; color:black; text-align:left; width:60px; height: 15px;}
.TEXTBOX{font-size:8pt; color:black; text-align:left; width:174px;
    margin-left: 0px;
}
.TEXT_AREA{font-size: 8pt;color: black;text-align: left;  font-family: Arial; height: 70px; width: 265px;}
.TEXT_AREA_INTRO{font-size: 8pt;color: black;text-align: left;  font-family: Arial; height: 90px; width: 500px;}
.TEXT_AREA_SUMMARY{font-size: 8pt;color: black;text-align: left;  font-family: Arial; height: 130px; width: 500px;}
.TEXT_BOX_POPUP{font-size:8pt; color:black; text-align:left; width:152px;height: 14px;}
/* For å få tekstbokser til å se ut som labler i popup sammenheng */
.TEXT_BOX_LABEL_SMALL{font-size: 8pt;color: black;text-align: left; background-color:#f5f5f5; border-style:none; height: 16px; width: 55px; }
.TEXT_BOX_LABEL{font-size: 8pt;color: black;text-align: left; background-color:#f5f5f5; border-style:none; height: 16px; width: 128px; }
.TEXT_BOX_LABEL_CODE_DESC{font-size: 8pt;color: black;text-align: left; background-color:#f5f5f5; border-style:none; height: 16px; width: 210px; }
.TEXT_BOX_LABEL_LARGE{font-size: 8pt;color: black;text-align: left; background-color:#f5f5f5; border-style:none; height: 16px; width: 250px; }
.TEXT_BOX_LABEL_RIGHT{font-size: 8pt;color: black;text-align:right; background-color:#f5f5f5; border-style:none; width: 67px; }
.TEXT_BOX_LABEL_WHITE_SMALL{font-size: 8pt;color: black;text-align: left; background-color:#ffffff; width: 56px; height: 15px; border-style:none; font-family:Arial;}
.TEXT_BOX_LABEL_WHITE{font-size: 8pt;color: black;text-align: left; background-color:#ffffff; width: 80px; height: 15px; border-style:none; font-family:Arial;}
.TEXT_BOX_LABEL_WHITE_LARGE{font-size: 8pt;color: black;text-align: left; background-color:#ffffff; width: 200px; border-style:none; font-family:Arial;}
.TEXT_BOX_NUMBER{font-size: 8pt; color: #00375E; text-align: right; }
.TEXT_BOX_SMALL_NUMBER{font-size: 8pt;color: black;text-align: left; width:60px;}   /*text-align:right;*/   /*Brukes i datagrid for timeregistrering*/
.TEXT_BOX_VERYSMALL{font-size: 8pt;color: black;text-align: left; width:32px; } /*Brukes i datagrid for timeregistrering*/
.TEXT_BOX_TINY{font-size: 8pt;color: black;text-align: left; width:28px; } /*Brukes i datagrid for timeregistrering*/


.TEXT_BOX_LABEL_TRANSPARENT{font-size: 8pt;color: black;text-align: left; background-color: Transparent; border:1px solid transparent; }


/* BRUKES I TIMEREGISTRERINGEN */
.TXT_BOX{font-size: 8pt;color: black;text-align: left; width:90px; }
.TXT_HOURS_REG_NUMBER{font-size: 8pt; color: #00375E; text-align: right; }
.TXT_HOURS_REG_SMALL{font-size: 8pt;color: black;text-align: left; width:50px; }   /*Brukes i datagrid for timeregistrering*/
.TXT_HRS_MEDIUM{font-size: 8pt;color: black;text-align: left; width:75px; }   /*Brukes i datagrid for timeregistrering*/
.TXT_HRS_SMALL{font-size: 8pt;color: black;text-align: left; width:50px; text-transform: uppercase;}   /*Brukes i datagrid for timeregistrering*/
.TXT_HRS_TINY{font-size: 8pt;color: black;text-align: left; width:30px; } /*Brukes i datagrid for timeregistrering*/
.TXT_HRS_TINY_LAST_ROW{font-size: 8pt;color: black;text-align: left; width:34px; } /*Brukes i datagrid for timeregistrering*/

.TXT_HOURS_REG_SMALL_NUMBER{font-size: 8pt;color: black;text-align: left; width:60px;} /*text-align:right;*/   /*Brukes i datagrid for timeregistrering*/
.TXT_HOURS_REG_VERYSMALL{font-size: 8pt;color: black;text-align: left; width:32px; } /*Brukes i datagrid for timeregistrering*/
.TXT_HOURS_REG_TINY{font-size: 8pt;color: black;text-align: left; width:28px; } /*Brukes i datagrid for timeregistrering*/

/*
* Bilder i timeliste *
img[src*="comment"]{
    vertical-align: middle;
    margin-top: -4px;
}
input[class*="TXT_HOURS"]{
    vertical-align: middle;
}
*/

/*Utskrift av timeliste */

.PRINT_GRID
{
    border-style: none;
    border-width: 0px;
    background-color:#FFFFFF;
}
.PRINT_GRID .PRINT_GRID_ITEMS
{
    border-style: none;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: Black;
    border-bottom-color: Black;
}

.PRINT_GRID .PRINT_GRID_HEADER
    {
        white-space :nowrap; font-weight: bold; font-size: 7pt; color: #00375E;
    vertical-align: bottom; text-align:left;
       background-color:#FFFFFF;
        border-bottom-color: Black; }
.PRINT_GRID	.PRINT_GRID_ALTITEM {background-color:#FFFFFF/*D3DDFF*/;}



/*Autocomplete*/
.AC
{
    font-size: 7pt; color: Blue; visibility : hidden; margin : 0px!important;
    background-color : inherit; color : windowtext; border : buttonshadow; border-width : 1px;
    border-style: solid; cursor: default; overflow: hidden; width:  420px; text-align: left; list-style-type: none; padding:0px;
    z-index: 9000;
}

.AC_SMALL
{
    font-size: 7pt; color: Blue; visibility : hidden; margin : 0px!important; background-color : inherit; color : windowtext;
    border: buttonshadow; border-width: 1px; border-style: solid; cursor: default; overflow : hidden;
    text-align : left;  list-style-type : none; padding: 0px;
    z-index: 9000;
}
.AC_LARGE
{
    font-size: 7pt; color: Blue; visibility : hidden; margin : 0px!important;
    background-color : inherit; color : windowtext; border : buttonshadow; border-width : 1px;
    border-style: solid; cursor: default; overflow:  hidden; width:  750px; text-align: left; list-style-type: none; padding:0px;
    z-index: 9000;
}

/*.TXT_HOURS_{ font-size: 8pt; color: black; text-align: left; border: 1px solid #a8a8a8; width: 28px; padding: 2px 1px; }
.TXT_HOURS_GENERATED{ font-size: 8pt; color: Maroon; text-align: left; border-color: Maroon!important; width: 28px; padding: 2px 1px; }
.TXT_HOURS_REGISTERED{ font-size: 8pt; color: #294CA6; text-align: left; border-color: #294CA6!important; width: 28px; padding: 2px 1px; }
.TXT_HOURS_SIGNED{ font-size: 8pt; color: #E8800C; text-align: left; border-color: orange!important; width: 28px; padding: 2px 1px; }
.TXT_HOURS_REJECTED{ font-size: 8pt; color: #C70D00; text-align: left; border-color: #E84332!important; width: 28px; padding: 2px 1px; }
.TXT_HOURS_APPROVED{ font-size: 8pt; color: green; text-align: left; border-color: green!important; width: 28px; padding: 2px 1px; }*/

/* FOR Å VISE HELE "DESCRIPTION" TIL SELSKAP*/
.DDL_SMALL{font-size: 8pt;color: black;text-align: left; width:68px; height:20px;}
.DDL_SMALL:disabled{background-color: rgb(235, 235, 228)}
.DROP_DOWN{font-size: 8pt;color: black;text-align: left; width:150px; height:20px;}
.DROP_DOWN_LIST{font-size: 8pt;color: black;text-align: left; width:320px; height:20px;}
.DROP_DOWN_LIST_235{font-size: 8pt;color: black;text-align: left; width:235px; height:20px;}
.DROP_DOWN_LIST_SMALL{font-size: 8pt;color: black;text-align: left; width:145px; height:20px;}
.DROP_DOWN_LIST_SEARCH{font-size: 8pt;color: black;text-align: left; width:180px; height:20px; }
.DROP_DOWN_LIST_SEARCH_LARGE{font-size: 8pt;color: black;text-align: left; width:240px; height:20px; }
.DROP_DOWN_LIST_MIDDLE{font-size: 8pt;color: black;text-align: left; width:90px;height:21px;}
.DROP_DOWN_LIST_XSMALL{font-size: 8pt;color: black;text-align: left; width:40px; height:20px;}
.DROP_DOWN_LIST_XSMALL2{font-size: 8pt;color: black;text-align: left; width:60px; height:20px;}
.DROP_DOWN_LIST_SEARCH2{font-size: 8pt;color: black;text-align: left; width:180px; height:21px; line-height:21px; }
.DROP_DOWN_FORM{font-size: 8pt;color: black;text-align: left; width: 129px; height: 20px;}
/* PANEL */
.PANEL{	background-color:white;outline:none;}
.PANEL_MODAL_POPUP {background-color: #f5f5f5; border: solid 2px #f5f5f5; border-right-color: black; border-bottom-color: black;}
.PANEL_EDIT {background-color: #f5f5f5;}
.NEW_PANEL{	background-color: #E7EDF4;}
.NEW_Header{font-weight: bold;	font-size: 10pt;color:  Gray;}

/* TILBAKEMELDINGER, MESSAGE BRUKERKONTROLL */
.GEN000_Message_Text {
    display: block;
    padding-left: 15px;
    background: transparent url('../../Images/message_ok.png') 0 2px no-repeat;
    font-size: 8pt;
    font-weight: normal;
    line-height: 15px;
    text-align: left;
    color: #008000;
}
.GEN000_Message_WarningText {
    display: block;
    padding-left: 15px;
    background: transparent url('../../Images/message_warning.png') 0 2px no-repeat;
    font-size: 8pt;
    line-height: 15px;
    text-align: left;
    color: #de6f00;
}
.GEN000_Message_ErrorText {
    display: block;
    padding-left: 15px;
    background: transparent url('../../Images/message_error.png') 0 2px no-repeat;
    font-size: 8pt;
    line-height: 15px;
    text-align: left;
    color: #dd0000;
}

/* TILBAKEMELDINGER, MESSAGE BRUKERKONTROLL FOR OVERTID */
.GEN000_Message_TextSmall{font-weight: bold; font-size: 7pt;color: Green; font-style: italic;text-align: left;}
.GEN000_Message_WarningTextSmall{font-weight: bold; font-size: 7pt;color: #FF9900; font-style: italic;text-align: left;}
.GEN000_Message_ErrorTextSmall{font-weight: bold!important;font-size: 7pt!important;  color:Red!important; font-style: italic!important;text-align: left!important;}

/* TILBAKEMELDINGER, PROSEDYRER, MESSAGE BRUKERKONTROLL */
.GEN000_PROCRETURN { font-size: 8pt;  color: red; font-style: normal; text-decoration: none; }
.GEN000_PROCRETURN:visited { font-size: 8pt;  color: red; font-style: normal; text-decoration: none; }
.GEN000_PROCRETURN:hover { font-size: 8pt;  color: red; font-style: normal; text-decoration: none; }

/* VALIDERING CUSTOMCONTROLS */
.NOT_VALID{ border-style: groove; background-color: #FFCCCC; }

/* GRID COLOR PANEL  */
.GRID_COLOR_PANEL
{
    background-color: #CCDDEE;
}

/* GRID */
.GRID{font-size: 8pt; color: black; border-top-style: none; border-right-style: none;
    border-left-style: none; background-color: #CCDDEE; border-bottom-style: none;
   vertical-align: bottom; text-align: left; height:2px; border-width:0px; white-space: nowrap; border-collapse:separate;outline:none;}

.GRID_WHITE{font-size: 8pt; color: black; border-top-style: none; border-right-style: none;
    border-left-style: none; background-color: #FFFFFF; border-bottom-style: none;
   vertical-align: bottom;  text-align:left ; height:2px; border-width:0px; white-space:nowrap;}

.GRID_WRAP{font-size: 8pt; color: black; border-top-style: none; border-right-style: none;
    border-left-style: none; background-color: #CCDDEE; border-bottom-style: none;
   vertical-align: bottom;  text-align:left ; height: 2px;  border-width:0px;}

   .GRID_PRINT{font-size: 7pt; color: black; border-top-style: none; border-right-style: none;
    border-left-style: none; background-color: #CCDDEE; border-bottom-style: none;
   vertical-align: bottom; text-align: left; height: 2px;  }
 .HEADER{font-weight: bold; font-size: 8pt; color: #00375E; font-variant: normal;}


.HEADER_ROW{background-color:#CCDDEE;  } /*  EFF3FF;} */
.MAIN_TABLE{border-style:solid; border-color:#D4DDFD; border-width:1px; margin-bottom:10px;}

.MAIN_TD { border-style:outset; border-width:1px; padding:20px; vertical-align:top; font-size:8pt; }
/* For å vise riktig høgde på TD i tabell i Edit-modus. T.d: Selskap-id */
.TD_LABEL { height:20px;}

/* Innholdet i cellene i GRID: nowrap = tekst på en linje.*/
.GRID_ITEMS { font-size:8pt;  white-space:nowrap; } /* Fjernet text-align: left og vertical-align:text-bottom;*/
/* EGEN LINJE FOR VALIDATORER I GRID. WRAP = FALSE. mao:white space */
.GRID_ITEMS_WRAP { font-size:8pt; text-align:left; white-space:normal; } /* Fjernet vertical-align:text-bottom;*/
/* EGEN LINJE FOR VALIDATORER I GRID. WRAP = FALSE. mao:white space */
.GRID_ITEMS_WRAP2 {text-align:left; } /* Fjernet vertical-align:text-bottom;*/
/* For å sentrere elementer i griden, som feks check-bokser */
.GRID_ITEMS_CENTER { text-align:center;}
/* For å høyrejustere elementer som tall i griden. */
.GRID_ITEMS_RIGHT { font-size:8pt; text-align:right; white-space:nowrap; } /* Fjernet vertical-align:text-bottom;*/
/* For å høyrejustere elementer som tall i griden. */
.GRID_ITEMS_RIGHT2 {text-align:right; }
/* Styrer header- på grid */
.GRID_HEADER
{ white-space :nowrap; font-weight: bold; font-size: 8pt; color: #00375E; background-color:white;
    vertical-align: bottom;  text-align:left; }

.GRID_HEADER_INFO {
    cursor: help!important;
    background: url('../../Images/info_circle_small.png') no-repeat 2px 50%;
    padding-left: 16px;
}


.GRID_SUM_FOOTER
{ white-space :nowrap; font-weight: bold; font-size: 8pt; color: #00375E; background-color:white;
    vertical-align: bottom;  text-align:right; }
.GRID_DATE
{ white-space :nowrap; /*font-weight: bold bold; */font-size: 8pt; color: #00375E;
    vertical-align: bottom; text-align:right ; }
.GRID_UNITS
{ white-space :nowrap; font-weight: bold /*bold*/; font-size: 9pt; color: #00375E;
    vertical-align: bottom; text-align:center; }
.GRID_DATE_RED
{ white-space :nowrap; font-weight: bold /*bold*/; font-size: 9pt; color: red;
    vertical-align: bottom; text-align:left; }
/* Styrer bakgrunnsfargen til Grid: */
.GRID_ALTITEM {background-color: Transparent; /*FFFFFF*/}
.GRID_ITEM_STYLE{ background-color:#CCDDEE;}
.GRID_SELECT{background-color: #ffffff; }/*snow;}*/
.GRID_SUB_PANEL{font-size: 8pt; color: black; background-color: White; }
.PAGING_IN_DATAGRID {font-weight:bold; font-size: 10pt; color:#FF8000;}
.PAGING_IN_DATAGRID:link {font-size: 10pt;}

/*POP_UPS*/
.POP_GRID_HEADER{white-space :nowrap; font-weight: bold; color: #00375E;
    background-color: transparent;/*#E0E0E0*//*white*//*"D3DDFF"*/
    vertical-align: bottom; text-align:left; }
.POPUP_HEADER_TYPE {font-weight: bold;font-size: 8pt;color: gray; width:100px;}

/* DEBUG */
.Debug_Text{font-size: 8pt;color: gray;text-align: left;}

/* RADIOBUTTONS */
.RADIOBUTTONS{font-size: 8pt;color: black;}
.RADIOBUTTONS_SORT{font-size: 8pt;color: black; padding-right: 3px;}
.RADIOBUTTONS_GRID{font-size: 8pt;color: black;}

/* BUTTONS */
.CMD_BUTTONS{font-size: 8pt;color: black; width:50px; height:20px; padding-left: 0px; padding-right: 0px;}
.CMD_BUTTONS_SMALL{font-size: 8pt;color: black; width:20px; height:20px; padding-left: 0px; padding-right: 0px;}
.CMD_BUTTONS_MIDDLE{font-size: 8pt;color: black; width: 70px; height:20px; padding-left: 0px; padding-right: 0px;}
.CMD_BUTTONS_LARGE{font-size: 8pt;color: black; width:110px; height:20px; padding-left: 0px; padding-right: 0px;}
.CMD_BUTTONS_XXLARGE{font-size: 8pt;color: black; width:180px; height:20px; padding-left: 0px; padding-right: 0px;}
.POPUP_BUTTONS{font-size: 8pt;color: black; width:20px; height:20px; font-weight:bold;  padding-left: 0px; padding-right: 0px;}

.FILE_INPUT{font-size: 8pt;color: black; height:20px; vertical-align:middle; width: 240px; }
/* I'EN I ICORE LOGOEN*/
/*.I_I_ICORE{font-size: x-small; color:#FF8000; font-family:Verdana;  font-style:italic; font-weight:bold;  }*/

/* HEADER BRUKERKONTROLL */
.GEN000_HEADER{font-weight: bold; font-size: 8pt; color:#00375E; Width: 400px; Height: 16px; font-variant:normal;}
.GEN000_Header_Title{font-size: 11pt; font-weight: bold; color:#00375E; font-variant:normal;}
.Header_Medium{font-size: 10pt; font-weight: bold; color:#00375E; font-variant:normal;}

/*bytter a005 header til GEN005_Header: */
.GEN005_Header{font-weight: bold; font-size: 8pt; /*color: darkgreen;*/ color: gray; font-variant: small-caps;}
.GEN005_Labels{font-weight: bold;	font-size: 8pt;}
.GEN005_WarningText{font-size: 8pt; /*color: #00375E;*/ color: #FF9900; font-style:italic; text-align: left;}

.I_CORE_LOGO{font-family: verdana; font-size: 20pt; }

/*Modal Popup*/
.MODAL_BACKGROUND
{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    background:url(./../../Images/bokehBG.png) repeat;
    border:1px solid #cecece;
    z-index:1;
}
.MODAL_POPUP {
    background-color:#CCDDEE;
    width:200px;
    border-width:3px;
    border-style:none;
    padding:3px;
}

.DASHBOARD_GRID{font-size: 7pt; color: black; border: solid 1px lightgray; background-color: #F5F5F5;
   vertical-align: text-bottom; text-align: left; height: 2px; white-space: nowrap;}

.DASHBOARD_GRID_HEADER
{ white-space :nowrap; font-weight: bold /*bold*/; font-size: 7pt; color: black;
    vertical-align: text-bottom; text-align:left; border: solid 1px lightgray;}

.DASHBOARD_GRID_GREEN
{ white-space :nowrap; font-size: 7pt; color: green;
    vertical-align: text-bottom; text-align:left; }

.DASHBOARD_GRID_RED
{ white-space :nowrap; font-size: 7pt; color: red;
    vertical-align: text-bottom; text-align:left; }

.DASHBOARD_GRAPH_HEADER
{ white-space :nowrap; font-weight: bold /*bold*/; font-size: 10pt; color: black;
    vertical-align: text-bottom; text-align:left; }

.DASHBOARD_TOTAL_HEADER
{ white-space :nowrap;font-weight: bold; font-size: 8pt; color: black;
    vertical-align: text-bottom; text-align:left; }

.LIST_SEARCH_PROMPT
{font-size: 8pt;
    font-family: Arial;
    font-weight: normal;
    color: Gray;
    background-color: White;
    height: 18px;
    }

.AUTOCOMPLETE
{
    font-size: 7pt;
    color: Blue;
    visibility : hidden;
    margin : 0px!important;
    background-color : inherit;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : default;
    overflow :  auto;
    width :  340px;
    text-align : left;
    list-style-type : none;
    padding:0;
    z-index:9100; /* Er satt til fast verdi for å fikse problem i HRS500_HoursApprove. Inherit Funka dårlig i IE8 */
}
.tblCellCenter {
    text-align: center;
    line-height: 25px;
}

.tblCellCenter * {
    vertical-align: middle;
}
.tblCellCenterBlock {
    text-align: center;
    display: block;
}
.Tab1_default .tab_inner, .tab_outer{ display: inline-block;}
.Tab1_default .tab_tab {
    font-size: 8pt;
    color:#000000;
    margin-right:4px;
    overflow:hidden;
    text-align:center;
    cursor:pointer;
    display:-moz-inline-box;
    display:inline-block;
    height:20px;
    width: 60px;
    background-color: transparent;
    border-style: none;
 }
.Tab1_default.Wide_Tabs .tab_tab {
    width: 100px !important;
}

    .Tab1 .tab_header {font-family:verdana,tahoma,helvetica;font-size:0;background:url(../../Images/tab-line.gif) repeat-x bottom;}
    .Tab1 .tab_outer {padding-right:4px;background:url(../../Images/tab-right.gif) no-repeat right;height:21px;}
    .Tab1 .tab_inner {padding-left:3px;background:url(../../Images/tab-left.gif) no-repeat;height: 22px;}
    .Tab1 .tab_tab {padding:4px;margin:0;background:url(../../Images/tab.gif) repeat-x;height: 21px;}
        .Tab1 .tab_outer:hover {background:url(../../Images/tab-hover-right.gif) no-repeat right;}
        .Tab1 .tab_outer:hover .tab_inner {background:url(../../Images/tab-hover-left.gif) no-repeat;}
        .Tab1 .tab_outer:hover .tab_tab {background:url(../../Images/tab-hover.gif) repeat-x;}
        .Tab1 .tab_active .tab_outer {background:url(../../Images/tab-active-right.gif) no-repeat right;}
        .Tab1 .tab_active .tab_inner {background:url(../../Images/tab-active-left.gif) no-repeat;}
        .Tab1 .tab_active .tab_tab {background:url(../../Images/tab-active.gif) repeat-x;}
        .Tab1 .tab_active:hover {background:url(../../Images/tab-active-right.gif) no-repeat right;}
        .Tab1 .tab_active:hover .tab_inner {background:url(../../Images/tab-active-left.gif) no-repeat;}
        .Tab1 .tab_active:hover .tab_tab {background:url(../../Images/tab-active.gif) repeat-x;}
    .Tab1 .tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}


.red_tab .tab_outer { background-image: url('../../Images/tab_red-right.gif')!important; }
.red_tab .tab_inner { background-image: url('../../Images/tab_red-left.gif')!important; }
.red_tab .tab_tab { background-image: url('../../Images/tab_red.gif')!important; }

.red_tab:hover .tab_outer { background-image: url('../../Images/tab_red-hover-right.gif')!important; }
.red_tab:hover .tab_inner { background-image: url('../../Images/tab_red-hover-left.gif')!important; }
.red_tab:hover .tab_tab { background-image: url('../../Images/tab_red-hover.gif')!important; }

.red_tab.tab_active .tab_outer { background-image: url('../../Images/tab_red-active-right.gif')!important; }
.red_tab.tab_active .tab_inner { background-image: url('../../Images/tab_red-active-left.gif')!important; }
.red_tab.tab_active .tab_tab { background-image: url('../../Images/tab_red-active.gif')!important; }


.yellow_tab .tab_outer { background-image: url('../../Images/tab_yellow-right.gif')!important; }
.yellow_tab .tab_inner { background-image: url('../../Images/tab_yellow-left.gif')!important; }
.yellow_tab .tab_tab { background-image: url('../../Images/tab_yellow.gif')!important; }

.yellow_tab:hover .tab_outer { background-image: url('../../Images/tab_yellow-hover-right.gif')!important; }
.yellow_tab:hover .tab_inner { background-image: url('../../Images/tab_yellow-hover-left.gif')!important; }
.yellow_tab:hover .tab_tab { background-image: url('../../Images/tab_yellow-hover.gif')!important; }

.yellow_tab.tab_active .tab_outer { background-image: url('../../Images/tab_yellow-active-right.gif')!important; }
.yellow_tab.tab_active .tab_inner { background-image: url('../../Images/tab_yellow-active-left.gif')!important; }
.yellow_tab.tab_active .tab_tab { background-image: url('../../Images/tab_yellow-active.gif')!important; }


.green_tab .tab_outer { background-image: url('../../Images/tab_green-right.gif')!important; }
.green_tab .tab_inner { background-image: url('../../Images/tab_green-left.gif')!important; }
.green_tab .tab_tab { background-image: url('../../Images/tab_green.gif')!important; }

.green_tab:hover .tab_outer { background-image: url('../../Images/tab_green-hover-right.gif')!important; }
.green_tab:hover .tab_inner { background-image: url('../../Images/tab_green-hover-left.gif')!important; }
.green_tab:hover .tab_tab { background-image: url('../../Images/tab_green-hover.gif')!important; }

.green_tab.tab_active .tab_outer { background-image: url('../../Images/tab_green-active-right.gif')!important; }
.green_tab.tab_active .tab_inner { background-image: url('../../Images/tab_green-active-left.gif')!important; }
.green_tab.tab_active .tab_tab { background-image: url('../../Images/tab_green-active.gif')!important; }



.MISSING{background-color:Red; text-align: center; font-size:7pt;color:Black;  width:70px; height:40px}
.WORKED{background-color:Yellow; text-align: center; font-size:7pt;color:Black;  width:70px; height:40px}
.WEEKEND{background-color:Gray; text-align: center; font-size:7pt;color:Black;  width:70px; height:40px}
.SICK{background-color:Purple; text-align: center; font-size:7pt;color:Black;  width:70px; height:40px}
.HOLIDAY{background-color:Green; text-align: center; font-size:7pt;color:Black; width:70px; height:40px}
.LEAVE{background-color:Blue; text-align: center; font-size:7pt;color:Black; width:70px; height:40px}
.MISSING_SMALL{background-color:Red; text-align: center; font-size:7pt;color:Black;  width:15px; height:15px}
.WORKED_SMALL{background-color:Yellow; text-align: center; font-size:7pt;color:Black;  width:15px; height:15px}
.WEEKEND_SMALL{background-color:Gray; text-align: center; font-size:7pt;color:Black;  width:15px; height:15px}
.SICK_SMALL{background-color:Purple; text-align: center; font-size:7pt;color:Black;  width:15px; height:15px}
.HOLIDAY_SMALL{background-color:Green; text-align: center; font-size:7pt;color:Black; width:15px; height:15px}
.LEAVE_SMALL{background-color:Blue; text-align: center; font-size:7pt;color:Black; width:15px; height:15px}


/* NYHETER FORSIDE OG LISTEVISNING */
.NEWS_FRONT_HEADER {font-size:9pt; font-weight:bold; color:#00375E}
.NEWS_FRONT_HEADER_LINK {font-size:9pt; font-weight:bold; color:#00375E}
.NEWS_FRONT_HEADER_LINK:link{font-size:9pt; font-weight:bold; color:#00375E}
.NEWS_FRONT_HEADER_LINK:visited{font-size:9pt; font-weight:bold; color:#00375E}
.NEWS_FRONT_HEADER_LINK:active{font-size:9pt; font-weight:bold; color:#00375E}
.NEWS_FRONT_HEADER_LINK:hover{font-size:9pt; font-weight:bold; color:#FF8000}

.NEWS_FRONT_DATE {font-size: 7pt; font-weight:normal;color:#555555;}
.NEWS_FRONT_LEAD {font-size: 8pt; font-weight:normal;}
.NEWS_FRONT_READMORE {font-size: 8pt; font-weight:bold;color:#00375E}

.NEWS_FRONT_READMORE:link{font-size:8pt; font-weight:bold; color:#00375E}
.NEWS_FRONT_READMORE:visited{font-size:8pt; font-weight:bold; color:#00375E}
.NEWS_FRONT_READMORE:active{font-size:8pt; font-weight:bold; color:#00375E}
.NEWS_FRONT_READMORE:hover{font-size:8pt; font-weight:bold; color:#FF8000}

/* FLERE NYHETER LISTE PÅ INFORMASJONSSIDE */
.MORE_NEWS_FRONT_HEADER {font-size:8pt; font-weight:bold; color:#00375E}
.MORE_NEWS_FRONT_DATE {font-size: 7pt; font-weight:normal;}

/* NYHETER ARTIKKELSIDE */
.NEWS_HEADER {font-size:16pt; font-weight:bold; color:#00375E}
.NEWS_DATE {font-size: 9px; font-weight:normal;}
.NEWS_LEAD {font-size: 9pt; font-weight:bold;}
.NEWS_CONTENT {font-size: 10pt;}

.SEARCH_BOKEH
{
    display: block;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background:url(./../../Images/bokehBG.png) repeat;
    display: none;
}

.POPUP
{

    -webkit-box-shadow: 2px 2px 2px #888888;
    -moz-box-shadow: 5px 5px 5px #cccccc;
    box-shadow: 2px 2px 2px #888888;
    border: 1px solid #888888;
    left: 50%;
    width: 420px;
    margin: 0 0 0 -211px;
    position: absolute;
}

.SEARCH_BUTTON
{
    display: block;
    float: right;
    width: 52px;
    height: 52px;
    background-color: #2D4453;
    margin: 10px 0px 0px 10px;
    padding: 0px;
    border: none;
}

.SEARCH_POPUP
{
    display: block;
    position: fixed;
    width: 700px;
    padding: 20px;
    top: 100px;
    left: 50%;
    margin-left: -350px;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 2px #888888;
    -moz-box-shadow: 5px 5px 5px #cccccc;
    box-shadow: 2px 2px 2px #888888;
    border: 1px solid #888888;
}

    .SEARCH_POPUP .SEARCH_FIELD_CONTAINER
    {
        display: block;
        overflow: hidden;
    }

        .SEARCH_POPUP .SEARCH_FIELD_CONTAINER .SEARCH_FIELD_SUGGESTION
        {
            display: block;
            position: absolute;
            float: right;
            margin: 0px;
            padding: 0px 6px;
            line-height: 33px;
            height: 33px;
            width: 688px;
            color: #909090;
            text-align: right;
        }

        .SEARCH_POPUP .SEARCH_FIELD_CONTAINER input.TEXT
        {
            display: block;
            margin: 0px;
            padding: 0px 10px;
            line-height: 33px;
            height: 33px;
            width: 678px;
            background-color: #fafafa;
            border: 1px solid #909090;
            color: #00375E;
            font-size: 1.5em;
        }

    .SEARCH_POPUP .SEARCH_RESULT
    {
        display: block;
        margin-top: 10px;
        border-top: 1px solid #cacaca;
    }

        .SEARCH_POPUP .SEARCH_RESULT a
        {
            display: block;
            padding: 10px;
            text-decoration: none;
            border-bottom: 1px solid #cacaca;
            border-left: 1px solid #cacaca;
            border-right: 1px solid #cacaca;
            color: #00375E;
            background-color: #fafafa;
        }

            .SEARCH_POPUP .SEARCH_RESULT a span
            {
                float: right;
            }

        .SEARCH_POPUP .SEARCH_RESULT a.sel
        {
            background-color: #00375E;
            color: #ffffff!important;
            border-bottom: 1px solid #cacaca;
            border-left: 1px solid #00375E;
            border-right: 1px solid #00375E;
        }

        .SEARCH_POPUP .SEARCH_RESULT a:hover,
        .SEARCH_POPUP .SEARCH_RESULT a.sel:hover
        {
            background-color: #00375E!important;
            color: #ffffff!important;
            border-left: 1px solid #00375E;
            border-right: 1px solid #00375E;
        }

        .SEARCH_POPUP .SEARCH_RESULT:hover a.sel
        {
            background-color: #fafafa;
            color: #00375E!important;
            border-left: 1px solid #cacaca;
            border-right: 1px solid #cacaca;
        }

.SEARCH_POPUP .SEARCH_ERROR,
.SEARCH_POPUP .SEARCH_TIP
{
    margin-top: 10px;
    border: 1px dashed #909090;
    padding: 10px;
}



.POPUP_BUTTONS_NEW:not(.ic--button) {font-size: 8pt;color: black; width:20px; height:20px; font-weight:bold;  padding-left: 0px; padding-right: 0px;}

.POPUP_TEXT_BUTTONS_NEW {font-size: 8pt;color: black; width:auto;  height:20px; font-weight:bold;  padding-left: 0px; padding-right: 0px;background:none;border:0;color:#ff0000}


.popupPanel {
    display: none;
}
    /*.popupPanel .popupContactClose
    {
        font-size:20px;
        line-height:20px;
        right:15px;
        top:10px;
        position:absolute;
        text-decoration: none;
        color:#00375E;
        font-weight:700;
        display:block;
        cursor: pointer;
    }*/
    /*.popupPanel .popupCriteriaPanel {
        overflow: hidden;
        clear: both;
    }
        .popupPanel .popupCriteriaPanel .popButton {
            margin: 0 9px;
        }
        .popupPanel .popupCriteriaPanel .popButton .searchButton{

        }

    .popupPanel .popupCriteriaRow {
        display: block;
        overflow: hidden;
        clear: both;
    }
    .popupPanel .column {
        display: block;
        float: left;
        white-space: normal;
        padding: 2px;
        min-width: 175px;
    }
        .popupPanel .column .popText{
            display: block;
            width: 161px;
        }
        .popupPanel .column .popDropDown {
            width: 165px;
            height: 21px;
            display: block;
            font-size: 8pt;
            text-align: left;
        }
        .popupPanel .column .popCheck {
            display: block;
        }
            .popupPanel .column .popCheck label {

            }
        .popupPanel .column .popRadio {
            display: block;
        }
    .popupPanel .popButton {
        float: right;
    }
        .popupPanel .popButton input, .popupPanel .popButton button {
            margin-left: 5px;
        }*/
    .popupPanel .popupResultPanel {
        margin: 0;
        display: none;
        overflow: auto;
        /*height: 370px;*/
    }

        .popupPanel .popupResultPanel table {
            margin: 0!important;
            width: 100%!important;
            padding:0!important;
            border: 0!important;
        }
            .popupPanel .popupResultPanel table td  {
                display: table-cell !important;
                height: 20px !important;
            }
            .popupPanel .popupResultPanel table tr  {
                display: table-row !important;
            }
        .popupPanel .popupResultPanel .GRID {
            background: transparent;
        }

        .popupPanel .popupResultPanel .GRID .POP_GRID_HEADER[data-orderby]:hover {
            /*color: gray;*/
            text-decoration: underline!important;
            cursor: pointer;
        }

        .popupPanel .popupResultPanel .GRID thead th {
            white-space: normal;
        }

        .popupPanel .popupResultPanel .GRID tbody tr:hover {
            /*color: gray;
            text-decoration: underline;*/
            cursor: pointer;
            transition-delay: 0s!important;
        }

        .popupPanel .popupResultPanel .GRID_NO_LINK tbody tr:hover {
            color: inherit;
            text-decoration: none;
            cursor: default;
        }


        .popupPanel .popupResultPanel .GRID .inactive {
            display: none;
        }
        .popupPanel .popupResultPanel .GRID .active {
            display: table-row-group;
        }

    .popupPanel .pager {
        margin: 12px 0 0 0;
    }

        .popupPanel .pager button {
            background-color: transparent;
            color: #00375E;
            border: none;
            margin: 0;
            padding: 2px 2px;
            font-size: 7pt;
            font-weight: bold;
            cursor: pointer;
            font-family: inherit;
            outline: none;
        }

            .popupPanel .pager .inactive button:hover, .popupPanel .pager button.next:hover, .popupPanel .pager button.prev:hover {
                /*color: gray;
                text-decoration: underline;*/
            }

            .popupPanel .pager .active button {
                color: #FF8000;
                font-size: 10pt;
                cursor: default;
            }

        .popupPanel .pager .numbers {
            display: inline-block;
            cursor: pointer
        }
        .popupPanel .pager ul {
            list-style-type:none;
            margin:0;
            padding:0;
        }
        .popupPanel .pager li {
            display: inline;
            margin: 1px;
        }

        .popupPanel .pager .last, .popupPanel .pager .last:hover {
            color: #aeaeae!important;
            cursor: default!important;
            text-decoration: none!important;
        }
        .popupPanel .multiselect {
            display: none;
            max-width: 500px;
        }

            .popupPanel .multiselect span {
                display: block;
                margin: 10px 0 0 0;
            }

            .popupPanel .multiselect ul {
                display: block;
                margin: 10px 0 0 0;
                padding: 0;
            }
            .popupPanel .multiselect ul li {
                display: block;
                float: left;
                line-height: 18px;
                background: #efefef;
                border: 1px solid #cfcfcf;
                font-size: 10px;
                margin: 0 5px 2px 0;
                padding: 0 0 0 4px;
            }

                .popupPanel .multiselect ul li img {
                    cursor: pointer;
                    width: 10px;
                    height: 10px;
                    float: right;
                    margin: 4px 4px 4px 6px;
                }

    .popupPanel .popupLoader {
        display: none;
        /*font-size: 10px;
        font-style: italic;*/
        margin: 100px auto;
        text-align: center;
        width: 220px;
    }
    .popupPanel .counter
    {
        white-space: nowrap;
    }

.popupBokeh {
    display:none;
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    background: rgba(42, 42, 42, 0.4);
    z-index:7000;
}


.SendMsgPopup {
    display: none;
    width: 650px;
    position: fixed;
    top: 150px;
    left: 50%;
    margin: 0 0 0 -400px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    background-color: #ffffff;
    z-index: 9000;
    -webkit-box-shadow: 2px 2px 2px #888888;
    -moz-box-shadow: 5px 5px 5px #cccccc;
    box-shadow: 2px 2px 2px #888888;
    border: 1px solid #888888;
    }

    .SendMsgPopup .popupClose {
        font-size:20px;
        line-height:20px;
        right:15px;
        top:10px;
        position:absolute;
        text-decoration: none;
        color:#00375E;
        font-weight:700;
        display:block;
        cursor: pointer;
    }



.HEADER_HELP_ICON {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-image: url('../../Images/info_circle.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: help;
}

#TooltipBokeh {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXDw8PWKQJEAAAAAXRSTlOzEo46UAAAABRJREFUeF49wCEBAAAAgCD/r7ZBDAAKAAFmYAHdAAAAAElFTkSuQmCC') /*./../../Images/bokehBG.png*/ repeat;
    z-index: 10;
    cursor: default;
}

#ToolTip {
}

#ToolTipContent {
        margin: 8px;
}

    #ToolTip a {
        color: #2d4453;
        cursor: pointer;
    }

    #ToolTip p {
        margin: 8px 0;
    }

    #ToolTip table {
        width: 100%;
        margin: 8px 0;
        border: 1px solid #bababa;
        border-collapse: collapse;
    }

        #ToolTip table td, #ToolTip table th {
            padding: 0 8px;
            border-top: 1px solid #bababa;
            border-bottom: 1px solid #bababa;
            line-height: 20px;
            height: 19px;
        }

        #ToolTip table th {
            background: #eaeaea;
        }

    #ToolTip ul {
        margin: 10px 20px;
        padding: 0 0 0 10px;
    }

.BOKEH {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(./../../Images/bokehBG.png) repeat;
    z-index: 1;
}

span.INFO {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-image: url('../../Images/info_circle.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

span.INFO_SMALL {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    background-image: url('../../Images/info_circle_small.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.HIDDEN {
    visibility: hidden;
}

.ALIGN_RIGHT { text-align: right !important; }

.DEPUTY_WARNING_CONTAINER {
    overflow: hidden;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
}

.HAS_DEPUTY_WARNING, .IS_DEPUTY_WARNING {
    display: block;
    margin: 0;
    padding: 0;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #eaeaea;
    background: transparent repeat-x 0 0;
    font-size: 1em !important;
} .HAS_DEPUTY_WARNING { background-image: url('../../Images/has_deputy_bg.png'); }
  .IS_DEPUTY_WARNING { background: transparent url('../../Images/is_deputy_bg.png') repeat-x 0 0; }
  .IS_DEPUTY_WARNING.FUTURE { background: transparent url('../../Images/is_future_deputy_bg.png') repeat-x 0 0; }
  .HAS_DEPUTY_WARNING.DEPUTY_WARNING_HALF { position: absolute; width: 50%; left: 0; right: 50%; }
  .IS_DEPUTY_WARNING.DEPUTY_WARNING_HALF { position: absolute; width: 50%; left: 50%; right: 100%; }

    .HAS_DEPUTY_WARNING .ICON, .IS_DEPUTY_WARNING .ICON {
        float: left;
        line-height: 24px;
        height: 24px;
        width: 16px;
        margin-left: 10px;
        background: transparent no-repeat 0 50%;
    } .HAS_DEPUTY_WARNING .ICON { background-image: url('../../Images/has_deputy_white.png'); }
      .IS_DEPUTY_WARNING .ICON { background-image: url('../../Images/is_deputy_white.png'); }

    .HAS_DEPUTY_WARNING .DISMISS, .IS_DEPUTY_WARNING .DISMISS {
        float: right;
        padding: 0 10px;
        line-height: 24px;
        height: 24px;
        text-decoration: none !important;
        color: #eaeaea;
        opacity: .75;
        background: transparent url('../../Images/close_tiny_white.png') 50% 50% no-repeat;
    } .HAS_DEPUTY_WARNING .DISMISS:hover, .IS_DEPUTY_WARNING .DISMISS:hover { opacity: 1; }

    .HAS_DEPUTY_WARNING .BUTTON {
        font-size: 1em;
        display: inline-block;
        color: #c08a8a;
        font-weight: normal;
        margin-left: 10px;
        text-decoration: none;
        vertical-align: middle;
    } .HAS_DEPUTY_WARNING .BUTTON:hover { color: #eaeaea; }

    .IS_DEPUTY_WARNING .BUTTON {
        font-size: 1em;
        display: inline-block;
        color: #a8a8a8;
        font-weight: normal;
        margin-left: 10px;
        text-decoration: none;
        vertical-align: middle;
    } .IS_DEPUTY_WARNING .BUTTON:hover { color: #eaeaea; }

    .HAS_DEPUTY_WARNING .DEPUTY_INFO, .IS_DEPUTY_WARNING .DEPUTY_INFO {
        display: inline-block;
        width: 10px;
        height: 24px;
        line-height: 24px;
        margin-left: 5px;
        background: transparent url('../../Images/info_circle_white_small.png') 50% 50% no-repeat;
        opacity: 1;
        vertical-align: middle;
    }

.DEPUTY_LINK {
    padding-right: 20px;
    line-height: 16px;
    height: 16px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
} .HAS_DEPUTY { background-image: url('../../Images/has_deputy.png'); }
  .IS_DEPUTY { background-image: url('../../Images/is_deputy.png'); }
  .HAS_DEPUTY_WHITE { background-image: url('../../Images/has_deputy_white.png'); }
  .IS_DEPUTY_WHITE { background-image: url('../../Images/is_deputy_white.png'); }

.SUPERIOR_LINK {
    padding-right: 20px;
    line-height: 16px;
    height: 16px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
} .IS_SUPERIOR { background-image: url('../../Images/is_superior.png'); }



.REMINDERS {
    padding: 10px 3px 0 3px;
}

    .REMINDERS .REMINDER {
        display: block;
        margin-bottom: 10px;
    }

        .REMINDERS .REMINDER .TITLE {
            display: block;
            font-weight: bold;
            color: #ff0000;
        }

        .REMINDERS .REMINDER .SENTTO {
            display: inline-block;
        }

        .REMINDERS .REMINDER .DATETIME {
            display: inline-block;
            color: #888888;
            margin-right: 5px;
        }

        .REMINDERS .REMINDER .CONTENT {
            display: block;
        }

        .REMINDERS .REMINDER .LINK {
            display: block;
        } .REMINDERS .REMINDER .LINK:hover { color: gray; text-decoration: underline; }

.no_buttons input {
    display: none;
}

/*


    GENERIC POPUP


*/
 .genericPopup {
        display: inline-table;
        display: none;
        position: absolute;
        margin: 0 auto;
        font-size: 1em;
        top: 15%;
        left: 15%;
        width: 35%;
        min-width: 40em;
        background: #fff;
        -webkit-box-shadow: 2px 2px 2px #888888;
        box-shadow: 2px 2px 2px #888888;
        border: 1px solid #808080;
        z-index: 9000;
        cursor: default;
        color: #00375e;
    }
        .genericPopup .popupHeader {
            padding: 10px;
            margin: 0;
            min-height: 2em;
            line-height: 21px;
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            text-align: left;
        }
        .genericPopup .GEN000_HEADER {
            width: 80%;
        }
        /*.genericPopup table {
            width: 50%;
        }*/
            .genericPopup span {
                display: inline-block;
            }
            .genericPopup .popupHeader .popupClose , .genericPopup .popupHeader .popupInfo {
                float: right;
                font-size: 20px;
                cursor: pointer;
                display: inline-block;
                line-height: 23px;
            }

            .genericPopup .popupHeader .popupClose {
                line-height: 21px;
            }
            .genericPopup .popupHeader .popupInfo { cursor: help;}
                .genericPopup .popupHeader .popupClose:hover , .genericPopup .popupHeader .popupInfo:hover {
                    color: #005998;
                }


        .genericPopup hr {
            border: 0;
            height: 1px;
            background: #00375E;
            padding: 0;
            margin: 0;
        }

        .genericPopup .popupContent {
            min-height: 4em;
            display: block;
            width: 100%;
            padding: 10px 10px 0 10px;
            font-weight: normal;
            box-sizing: border-box;
        }

        .genericPopup .popupButtons {
            float: left;
            padding: 1em 0 1em 1em;
            width: 100%;
            text-align: left;
        }
        .genericPopup input[type='checkbox'] {
            vertical-align: middle;
        }

        .genericPopup .CMD_BUTTONS[disabled],.genericPopup [disabled] {
            border:1px solid #B9B9B9;
            background-color: #E6E6E6;
            cursor: not-allowed;
        }

        .genericPopup .CMD_BUTTONS {
            line-height: 1em;
            margin: 0 5px 0 0;
        }
        .genericPopup .popupFooter {
            padding: 1em 0 1em 1em;
            display: block;
        }
            /*.genericPopup .popupFooter span {
                display: none;
            }*/
        .genericPopup .GRID {
            padding: 5px 0 5px 0;
            width: 100%;
            margin: 0 auto;
        }

        /*
            PopupWithGrid css
        */
        .genericPopup .AttInfo {
            width: 100%;
            padding: 0;
            display: block;
        }
        .genericPopup .AttInfoText {
            width: 100%;
            height: 6em;
            padding: 0;
        }
    .genericPopup .genericPopup {
        top: 15%;
        left: 15%;
        position: absolute;
        float: none;
    }
    .genericPopup .CommentTextArea {
        width: 99%;
        padding: 3px 0 0 3px;
        height: 100px;
        margin: 0 auto;
        resize: vertical;
    }
/*


    GENERIC POPUP SLUTT


*/


/*

    DOCUMENT POPUP

*/

    .documentNameHandler {padding: 1em 4px;   font-size: 10px;  }

        .documentNameHandler .txtDocumentName {
            font-size: 12px;
            padding: 5px;
            width: 45%;
            min-width: 220px;
         }
        .documentNameHandler .updateDocument {
            /*font-size: 1.8em;
            position: relative;
            top: 2px;
            cursor: not-allowed;
            color: #909090;*/
        }

            /*.documentNameHandler .updateDocument:hover {color: #cdcdcd;}*/

        .documentNameHandler .updateHandler {
            font-size: 1.8em;
            position: relative;
            top: 2px;
            cursor: default;
            color: #429a22;
        }
        /*.documentNameHandler .fa-spinner {color: #00375e;}

        .documentNameHandler .edited {
            color: #00375e;
            cursor: pointer;
        }
            .documentNameHandler .edited:hover {color: #005998;}
        .documentNameHandler span {font-weight: bold;}*/

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

    .documentContent td.tblCellCenter {text-align: center; }

    .documentContent td input {
        cursor: pointer;
    }

    .documentContent td .deleteDocument {
        font-size: 1.5em;
        vertical-align: middle;
        color: #00375e;
        cursor: pointer;
    }
        .documentContent td .deleteDocument:hover {color: #005998;}

    .documentContent td.tblCellLeft {text-align: left;}

    .documentContent tr.deletedDocument {
        background: #c3c3c3;
        opacity: 0.5;
        cursor: not-allowed;
    }
        .documentContent tr.deletedDocument a ,tr.deletedDocument span ,tr.deletedDocument .deleteDocument, tr.deletedDocument .tblCellCenter input {
            cursor: not-allowed!important;
        }

/*

    DOCUMENT POPUP SLUTT

*/
.hour_status_common {
    text-shadow: 1px 1px 1px #CCCCCC;
}
.hours_not_reg {
    color: GrayText;

}

.hours_generated {
    color: Maroon;
}

.hours_registered {
    color: blue;
}

.hours_signed {
    color: orange;
}

.hours_rejected {
    color: red;
}

/* WeekDatePicker */

.weekDateArrow{
    text-decoration: none;
    position:relative;
    color: #5C5C5C;
    cursor:default;
    font-size: 8px;
}
.weekDateArrowPrev_old{
    position: absolute;
    bottom: -4px;
    right: 12px;
    padding: 5px 1px 6px 1px;
}

.weekDateArrowNext_old{
    position: absolute;
    bottom: -4px;
    right: 1px;
    padding: 5px 1px 6px 1px;
}

.weekDateArrowPrev{
    position: absolute;
    bottom: -3px;
    right: 32px;
    padding: 5px 1px 6px 1px;
}

.weekDateArrowNext{
    position: absolute;
    bottom: -3px;
    right: 20px;
    padding: 5px 1px 6px 1px;
}

.weekDateArrow:hover,.weekDateArrowNext:hover,.weekDateArrowPrev:hover{
    background-color:#DADADA;
    color:#0C0C0C
}

.WarningInformation {
    border: 1px solid #cc0000;
    background-color: #fff5f5;
    color: #000;
    padding: 10px;
    font-weight: normal;
    font-size: 7.5pt;
    line-height: 2;
    text-align: left;
    float: left;
    width: 95%;
}
.WarningInformation input {
    float:right;
}

/*
    CSS knyttet til nytt attesteringsbilde
*/
.popupWithGridContent .tblCellText {text-align: left;z-index: 9000;}

    .popupWithGridContent td.tblCellCenter {text-align: center; }

    .popupWithGridContent td input {
        cursor: default;
    }

    .popupWithGridContent td .gridComment {
        font-size: 1.5em;
        vertical-align: middle;
        color: #00375e;
        cursor: pointer;
    }
        .popupWithGridContent td .gridComment:hover {color: #005998;}

    .popupWithGridContent td.tblCellLeft {text-align: left;}

    .popupWithGridContent tr.gridComment {
        background: #c3c3c3;
        opacity: 0.5;
        cursor: not-allowed;
    }
        /*.popupWithGridContent tr.deletedDocument a ,tr.deletedDocument span ,tr.deletedDocument .deleteDocument, tr.deletedDocument .tblCellCenter input {
            cursor: not-allowed!important;
        }*/
    .popupWithGridContent .firstTD {
        width: 1%!important;
        text-align: center;
        white-space: nowrap;
    }
 .popupFooter .popupWithGridFooter {
     padding: 0;
 }

 a.fa {
     text-decoration: none!important;
     color: #245493;
 }