body {
    scrollbar-base-color: #ffffff;
}
/* Default CSS Stylesheet for a new Web Application project */
/* Hans popup - start */

/* Border3DInner - Används för att dölja en select button i gridview 
   och ändå få med funktionaliteten*/
.HiddenColumn {
    display: none;
}

.disabled {
    background-color: #eee;
}

.PopupPanel {
    position: absolute;
}

.EjValdDropDownList {
    background-color: #FFCC99;
}

.LinkRowTidsrapportering {
    text-decoration: none;
    color: #333399;
    font-size: 12px;
    font-weight: bold;
}

.importantWhite {
    background-color: #fff !important;
    padding: 10px;
}

.cBoxX2 {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    padding: 10px;
    margin: 9px 0 0 !important;
}

.PAGEROW1 {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000099;
    background: #cccc99;
}

select option {
    display: block;
    width: 100%;
    padding: 6px 12px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

select:active, select:hover {
    display: block;
    width: 100%;
    padding: 6px 12px;
    color: #555;
    background-color: #f0f0f0;
    background-image: none;
}

.red {
    background-color: red;
}

.WhiteBG {
    background-color: #fff;
}
/*.MENYBODY
{
	BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}

.MENY
{
	border-top :#EDE6CD 0px solid;
	border-left :#ffffff 0px solid;
	border-right :#ffffff 0px solid;
	border-bottom :#1f427d 0px solid;
	padding : 0 0 0 0;
	BACKGROUND-COLOR: #EDE6CD;
	COLOR: #1f427d;
	FONT-FAMILY: Verdana,Arial,Helvetica;
	FONT-WEIGHT: bold;
}
*/
.PAGEROW2 {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #cccc99;
    background: #000099;
}

.MENYRAD3 {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000099;
    background: #FFFFFF;
    line-height: 20px;
    text-align: right;
}

.ERRMSG {
    font-weight: bold;
    font-size: 18px;
    color: #990000;
    font-family: Verdana,Arial,Helvetica;
    text-decoration: none;
    border-bottom: #999933 0px solid;
    border-top: #999933 0px solid;
    border-left: #999933 0px solid;
    border-right: #999933 0px solid;
    vertical-align: middle;
}

.MSG {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: Blue;
}

.verticalMiddle {
    vertical-align: middle;
}

.verticalBottom {
    vertical-align: bottom;
}

.verticalTop {
    vertical-align: top;
}



.TABLESELECT_NARVARO {
    background: #ccccff;
    height: 10px;
    width: 100%;
}

.TABLESELECT_FRANVARO {
    background: #f08c8c;
    height: 10px;
    width: 100%;
}

.READONLYCSS {
    background: Gainsboro;
}

.LINKBUTTON {
    float: left;
    width: 76px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
    text-align: left;
    text-decoration: underline;
    border-bottom-style: none;
}

.LinkButtonDynamicWidth {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
    text-align: left;
    text-decoration: underline;
    border-bottom-style: none;
}

.KALENDER {
    background-color: White;
    position: absolute;
}

/*-- Forslagskontroll.js --*/
DIV.FORSLAGCSS {
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    position: absolute;
    background-color: #ccffff;
    font: 10px/12px Verdana;
}

.DATAUMDAG {
    color: Blue;
}

.INFOTEXT {
    font-weight: bold;
    font-size: 14px;
    color: #990000;
    font-family: Verdana,Arial,Helvetica;
    text-decoration: none;
    border-bottom: #999933 0px solid;
    border-top: #999933 0px solid;
    border-left: #999933 0px solid;
    border-right: #999933 0px solid;
}

.DIV_STANDARD {
}

.COLAPSE {
    height: 0px;
}

/*CollapsiblePanel*/
.collapsePanel {
    width: 100%;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader {
    width: 100%;
    height: 30px;
    background-image: url(../Bilder/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}

.opaqueGra {
    background-color: gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

.hide_row {
    display: none;
    overflow: hidden;
    height: 0%;
}

.show_row_onsk_butt {
    display: block;
    overflow: visible;
    height: 100%;
    background-image: url( '../Bilder/vit_ring.gif' );
    background-repeat: no-repeat;
    background-position: center center;
}

.font_size_6px {
    font-size: 6px;
}

.font_size_8px {
    font-size: 8px;
}

.font_size_10px {
    font-size: 10px;
}

.font_weight_100 {
    font-weight: 100;
}

.font_weight_300 {
    font-weight: 300;
}

.font_weight_600 {
    font-weight: 600;
}

.font_weight_900 {
    font-weight: 900;
}

.hide {
    display: none;
    overflow: hidden;
}

.show {
    display: block;
    overflow: visible;
}

.backgroundEmpty {
    background-image: url( '' );
    background-color: Transparent;
}

.dialogHeader {
    padding-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
    font-size: 110%;
    color: white;
    font-family: Verdana;
    background-color: #7C6F57;
}


/******************** DKWebControlLib ****************************/
.DateButton {
    background-color: White;
    border: solid 1px black;
    width: 25px;
}

.DateButtonColorRed {
    background-color: Red;
    border: solid 1px black;
    width: 25px;
}

.DateButton_v2 {
    background-color: White;
    border: solid 1px black;
}

.GRColumnButton {
    background-color: #EEEEEE;
    border: solid 1px black;
    width: 50px;
}

.TFColumnButton {
    background-color: #FFCE9D;
    border: solid 1px black;
    width: 50px;
}

.GRPNColumnButton {
    background-color: #EEEEEE;
    border: solid 1px black;
    width: 50px;
}

.RadColumnButton {
    background-color: #EEEEEE;
    border: solid 1px black;
    width: 25px;
}

.DAYColumnButton {
    height: 20px;
    background-color: #EAE7D4;
    border: solid 1px black;
    width: 25px;
}

.SummaColumnButton {
    background-color: #EEEEEE;
    border: solid 1px black;
    width: 75px;
}

.DefaultBox {
    border: solid 1px #ddd;
    background-color: #f0f0f0;
}

.DefaultRowClean {
    background-color: #f0f0f0;
}

.DefaultRow {
    border-top: solid 1px #ddd;
    background-color: #f0f0f0;
}

.WhiteRow {
    border-top: solid 1px #ddd;
    background-color: #FFFFFF;
}

.DefaultRowBottomSolid {
    border-bottom: solid 1px #ddd;
    background-color: #f0f0f0;
}

.DefaultRowRightBorder {
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    background-color: #f0f0f0;
}

.DefaultRowRightBorderNoTop {
    border-right: solid 1px #ddd;
    background-color: #f0f0f0;
}

.DefaultRow100procent {
    border-top: solid 1px #ddd;
    background-color: #f0f0f0;
    width: 100%;
}

.just_edited {
    background-image: url( '../Bilder/just_edited.gif' );
}

.AlternateRowClean {
    background-color: #FFFFFF;
}

.AlternateRow {
    border-top: solid 1px #ddd;
    background-color: #FFFFFF;
}

.AlternateRowRightBorderNoTop {
    border-right: solid 1px #8c8c8c;
    background-color: #FFFFFF;
}

.AlternateRowRightBorder {
    border-top: solid 1px #8c8c8c;
    border-right: solid 1px #8c8c8c;
    background-color: #FFFFFF;
}

.AlternateRow100procent {
    border-top: solid 1px #8c8c8c;
    background-color: #FFFFFF;
    width: 100%;
}

.PaddingRight3 {
    padding-right: 3px;
}

.Row100procent {
    width: 100%;
}

.EditRow {
    border-top: solid 1px #7B7A1E;
    background-color: #F0A499;
}

.ButtonRowCss {
    height: 30px;
}

.EditRowClean {
    background-color: #F0A499 !important;
}

.StandardScrollBar {
}

.divPersons {
    border: solid 1px #608BBB;
    position: relative;
    height: 200px;
    width: 240px;
    top: -40px;
    overflow: auto;
    background-color: #FFFFFF;
}

.TDDivVisaManadsSchema {
    border: solid 1px blue;
}
/* DKBehovUppgiftKopplingarEdit */
.DayTableCss {
    border: solid 1px #808040;
    background-color: #cccc99;
}

.WeekDateDayCss {
    border: solid 1px #808040;
    background-color: #cccc99;
    width: 120px;
    text-align: center;
}

.WeekDateDayCssLeft {
    border: solid 1px #808040;
    background-color: #cccc99;
    width: 120px;
    text-align: left;
}

.WeekDateSundayCss {
    border: solid 1px #808040;
    background-color: #EF978D;
    width: 120px;
    text-align: center;
}

.OneWeekDayDefault {
    text-align: center;
}

.ButtonLookLikeLink {
    background: none;
    border: 0;
    color: #0000ff;
    cursor: pointer;
}

.ButtonCss {
    text-decoration: none;
    color: #333399;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #EAE7D4;
    background-repeat: no-repeat;
    background-position: left 50%;
    cursor: pointer;
}

.NoBorder {
    border: 0px solid white !important;
}

.TransTBox {
    border: 0px solid white;
    background-color: Transparent;
    padding: 2px 3px 2px 2px;
}

.HeaderControl {
    border-bottom: solid thin #FFFFFF;
    height: 30px;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #ddd;
    text-align: left;
}

.HeaderControlRight {
    border-bottom: solid thin #FFFFFF;
    height: 30px;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #ddd;
    text-align: right;
}


.WorkAreaTable {
    background-color: #f0f0f0;
    border: 1px #ddd solid;
}

.MainTableControl {
    background-color: #f0f0f0;
    border: 1px #ddd solid;
}

.HundraProcentWidth {
    width: 100%;
}

/****************************************/
.PreTyp {
    font-family: Courier New;
    font-size: 12px;
}

.HideDiv {
    visibility: hidden;
}

.ShowDiv {
    visibility: visible;
}

.BorderLeft {
    border-left: solid 1px black;
}

.BorderBottomLeftBlueGray {
    border-bottom: solid 2px rgb(211,186,252);
    border-left: solid 1px rgb(211,186,252);
}

.BorderTopLeftBlueGray {
    border-top: solid 2px rgb(211,186,252);
    border-left: solid 1px rgb(211,186,252);
}

.BorderTopRightBlueGray {
    border-top: solid 2px rgb(211,186,252);
    border-right: solid 1px rgb(211,186,252);
}

.BorderBoth {
    border-left: solid 1px black;
    border-right: solid 1px black;
}

/* Tillgänglig personal-grafer under Aktuell personal */
.graf_green_24 {
    background-image: url( '../Bilder/Grafer/graf_green_24.gif' );
}

.graf_red_24 {
    background-image: url( '../Bilder/Grafer/graf_red_24.gif' );
}

.graf_yellow_24 {
    background-image: url( '../Bilder/Grafer/graf_yellow_24.gif' );
}
/* v Ny design v */

.NewTableHeader_1 {
    font-family: Arial;
    font-weight: bold;
    font-size: large;
}

.NewTableHeaderInfoRow {
}

.NewTableSmallContentHeader {
}

.NewTableSmallContent {
}

.PrognTableRow {
    height: 31px;
}

.PrognTableAltRow {
    height: 31px;
    background: #EBE8D7;
}


/* ^ Ny design ^ */


#DragAndDropDKContainer {
    float: left;
    width: 220px;
    border: 1px solid black;
    margin: 3px;
}

.borderRight {
    border-right: 1px solid black;
}

.KTSPRAD {
    background-color: #FFFF77;
    border: 1px solid #FFAC59; /*    filter:alpha(opacity=70);      -moz-opacity: 0.7;      opacity: 0.7;  */
}

.TISPRAD {
    background-color: #A3FFB0;
    border: 1px solid #41E049;
}

.handCursor {
    cursor: pointer;
}
/*Döljer visar block(tables, div etc) vertikalt*/
.hide_row {
    display: none;
    overflow: hidden;
    height: 0%;
}

.show_row {
    /*display:block;*/
    overflow: visible;
    height: 100%;
}
/*Döljer visar block(tables, div etc) horizontalt*/
.hide_width {
    display: none;
    overflow: hidden;
    width: 0%;
}

.show_width {
    display: block;
    overflow: visible;
    width: 100%;
}

.PrognosMarkerad {
    font-size: 1.2em;
    font-weight: bold;
}

.dragme {
    position: relative;
}
/*-----------------------------*/
/*--- 080930: Ny CSS Jesper ---*/
/*-----------------------------*/

/*--- Färgkodsbilder ---*/
.Fargkod {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center center;
}

.AllaForAttest {
    background-image: url(../Bilder/Knappar/fargkod_alla_forattest.gif);
}

.AllaSlutAttest {
    background-image: url(../Bilder/Knappar/fargkod_alla_slutattest.gif);
}

.DelvisForAttest {
    background-image: url(../Bilder/Knappar/fargkod_delvis_forattest.gif);
}

.DelvisSlutAttest {
    background-image: url(../Bilder/Knappar/fargkod_delvis_slutattest.gif);
}

.ForSlutAttest {
    background-image: url(../Bilder/Knappar/fargkod_forattest_slutattest.gif);
}

.IngaTransaktioner {
    background-image: url(../Bilder/Knappar/fargkod_inga_transaktioner.gif);
}

.AllaGodkanda {
    background-image: url(../Bilder/Knappar/fargkod_alla_godkanda.gif);
}

.DelvisGodkanda {
    background-image: url(../Bilder/Knappar/fargkod_delvis_godkanda.gif);
}

.FixedBgAttest {
    background-repeat: no-repeat;
}

.MarginAttestCBox {
    margin-left: 5px;
}
/*--- Knappar ---*/
.Button {
    text-decoration: none;
    color: #000000;
    height: 20px;
    font-size: 10px;
    border: solid 1px white; /* font-weight:bold;*/
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #d8d8d8;
    cursor: pointer;
}

.ButtonCenter {
    text-decoration: none;
    color: #000000;
    height: 20px;
    font-size: 10px;
    border: solid 1px white; /* font-weight:bold;*/
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #d8d8d8;
    cursor: pointer;
}

.ButtonYellow {
    text-decoration: none;
    color: #000000;
    height: 20px;
    font-size: 10px;
    border: solid 1px ff9933; /* font-weight:bold;*/
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #ffff66;
    cursor: pointer;
}

.ButtonDisabled {
    text-decoration: none;
    color: #b4b1b1;
    height: 20px;
    font-size: 10px;
    border: solid 1px b4b1b1; /* font-weight:bold;*/
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #d8d8d8;
    cursor: auto;
}

.ButtonHover {
    text-decoration: none;
    color: #6bb2cf;
    height: 20px;
    font-size: 10px;
    border: solid 1px #6bb2cf; /* font-weight:bold;*/
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.ButtonCenterHover {
    text-decoration: none;
    color: #6bb2cf;
    height: 20px;
    font-size: 10px;
    border: solid 1px #6bb2cf; /* font-weight:bold;*/
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #FFFFFF;
    cursor: pointer;
}

.ButtonGra {
    text-decoration: none;
    color: #000000;
    height: 20px;
    font-size: 10px;
    border: solid 1px white; /* font-weight:bold;*/
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #d8d8d8;
    background-repeat: no-repeat;
    background-position: left 50%;
    cursor: pointer;
}

.btnPelle {
    text-decoration: none;
    color: #333399;
    font-size: 70px;
    font-weight: bold;
    color: Green;
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #EAE7D4;
    background-repeat: no-repeat;
    background-position: left 50%;
    cursor: pointer;
    background-image: url(../Bilder/pelle_knapp.gif);
}

.ButtonPressed {
    text-decoration: none;
    color: #EEEEEE;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #FF0000;
    background-repeat: no-repeat;
    background-position: left 50%;
    cursor: pointer;
}

.btnNyAnstalld {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_ny_anstalld.gif) 5px 1px no-repeat;
}

.btnNyAnstalldHover {
    background: #ffffff url(../Bilder/Knappar/ikon_ny_anstalld_hover.gif) 5px 1px no-repeat;
}

.btnKommentera {
    background-image: url(../Bilder/Knappar/knapp_kommentera.png);
}

.btnSkrivut {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_skriv_ut.gif) 3px 0px no-repeat;
}

.btnSkrivutHover {
    background: #ffffff url(../Bilder/Knappar/ikon_skriv_ut_hover.gif) 3px 0px no-repeat;
}

.btnSkrivutGra {
    background-image: url(../Bilder/Knappar/ikon_skriv_ut.gif);
}

.btnBytPerson {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_kopiera_personkort.gif) 3px 3px no-repeat;
}

.btnBytPersonHover {
    background: #ffffff url(../Bilder/Knappar/ikon_kopiera_personkort_h.gif) 3px 3px no-repeat;
}

.btnPersonalliggare {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_personalliggare.gif) 5px 3px no-repeat;
}

.btnPersonalliggareHover {
    background: #ffffff url(../Bilder/Knappar/ikon_personalliggare_hover.gif) 5px 3px no-repeat;
}

.btnSok {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_sok.gif) 5px 3px no-repeat;
}

.btnSokHover {
    background: #ffffff url(../Bilder/Knappar/ikon_sok_hover.gif) 5px 3px no-repeat;
}

.btnSokGra {
    background-image: url(../Bilder/Knappar/ikon_sok.gif);
}

.btnExcel {
    background: #d8d8d8 url(../Bilder/Knappar/MS-Office-2003-Excel-icon.png) 3px 1px no-repeat;
}

.btnExcelHover {
    background: #ffffff url(../Bilder/Knappar/MS-Office-2003-Excel-icon.png) 3px 1px no-repeat;
}

.btnSkapaNy {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_ny.gif) 3px 0px no-repeat;
}

.btnSkapaNyHover {
    background: #ffffff url(../Bilder/Knappar/ikon_ny_hover.gif) 3px 0px no-repeat;
}

.btnMeddelande {
    background-image: url(../Bilder/Knappar/knapp_personkort.png);
}

.btnFortsatt {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_forsatt.gif) 5px 3px no-repeat;
}

.btnFortsattHover {
    background: #ffffff url(../Bilder/Knappar/ikon_fortsatt_hover.gif) 5px 3px no-repeat;
}

.btnFortsattGreen {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_spara_stor.gif) 5px 1px no-repeat;
}

.btnSpara {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_spara_stor.gif) 4px 2px no-repeat;
}

.btnSparaHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_spara_stor_hover.gif) 4px 2px no-repeat;
}

.btnPdf {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_pdf.gif) 4px 2px no-repeat;
}

.btnPdfHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_pdf.gif) 4px 2px no-repeat;
}

.btnAvbryt {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_avbryt.gif) 4px 4px no-repeat;
}

.btnAvbrytHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_avbryt_hover.gif) 4px 4px no-repeat;
}

.btnRensa {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_rensa.gif) 5px 0px no-repeat;
}

.btnRensaHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_rensa_hover.gif) 5px 0px no-repeat;
}

.btnVisaHistorik {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_visa_historik.gif) 5px -2px no-repeat;
}

.btnVisaHistorikHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_visa_historik_hover.gif) 5px -1px no-repeat;
}

.btnDoljHistorik {
    background-image: url(../Bilder/Knappar/knapp_dolj_historik.png);
}

.btnVisa {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_visa.gif) 5px 3px no-repeat;
}

.btnVisaHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_visa_hover.gif) 5px 3px no-repeat;
}

.btnTom {
    background-image: url(../Bilder/Knappar/knapp_tom.png);
}

.btnVisaOversikt {
    background: #d8d8d8 url(../Bilder/Knappar/bild_sokkatalog.gif) 5px 3px no-repeat;
}

.btnVisaOversiktHover {
    background: #FFFFFF url(../Bilder/Knappar/bild_sokkatalog_hover.gif) 5px 3px no-repeat;
}

.btnSchema {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_schema.gif) 5px 1px no-repeat;
}

.btnSchemaHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_schema_hover.gif) 5px 1px no-repeat;
}

.btnSchemaNy {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_schema_nytt.gif) 5px 1px no-repeat;
}

.btnSchemaNyHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_schema_nytt_hover.gif) 5px 1px no-repeat;
}

.btnSchemaTaBort {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_schema_ta_bort.gif) 3px 0px no-repeat;
}

.btnSchemaTaBortHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_schema_ta_bort_h.gif) 3px 0px no-repeat;
}

.btnSchemaKopiera {
    background-image: url(../Bilder/Knappar/knapp_schema_kopiera.png);
}

.btnKopiera {
    background-image: url(../Bilder/Knappar/knapp_kopiera.png);
}

.btnNy {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_ny.gif) 3px 0px no-repeat;
}

.btnNyHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_ny_hover.gif) 3px 0px no-repeat;
}

.btnKalender {
    background-image: url(../Bilder/Knappar/knapp_kalender.png);
}

.btnAndra {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_andra.gif) 5px 3px no-repeat;
}

.btnAndraHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_andra_hover.gif) 5px 3px no-repeat;
}

.btnPapperskorg {
    background: #d8d8d8 url(../Bilder/Knappar/bild_papperskorg.gif) 5px 3px no-repeat;
}

.btnPapperskorgHover {
    background: #FFFFFF url(../Bilder/Knappar/bild_papperskorg_hover.gif) 5px 3px no-repeat;
}

.btnNasta {
    background-image: url(../Bilder/Knappar/knapp_nasta.png);
}

.btnForegaende {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_foregaende.gif) 5px 3px no-repeat;
}

.btnForegaendeHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_foregaende_hover.gif) 5px 3px no-repeat;
}

.btnUppdatera {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_uppdatera.gif) 3px 0px no-repeat;
}

.btnUppdateraHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_uppdatera_hover.gif) 3px 0px no-repeat;
}

.btnAttestera {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_bok.gif) 3px 2px no-repeat;
}

.btnAttesteraHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_bok_hover.gif) 3px 2px no-repeat;
}

.btnForeGaende {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_foregaende.gif) 3px 2px no-repeat;
}

.btnForeGaendeHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_foregaende_hover.gif) 3px 2px no-repeat;
}

.btnNasta {
    background: #d8d8d8 url(../Bilder/Knappar/ikon_nasta.gif) 3px 2px no-repeat;
}

.btnNastaHover {
    background: #FFFFFF url(../Bilder/Knappar/ikon_nasta_hover.gif) 3px 2px no-repeat;
}
/*--- Bilder och bildknappar ---*/
.ImageButton {
    border-width: 0px;
    background-repeat: no-repeat;
    background-position: left;
    background-color: Transparent;
    cursor: pointer;
    height: 13px;
}

.ImageButtonPopUp {
    border-width: 0px;
    background-repeat: no-repeat;
    background-position: right;
    background-color: Transparent;
    cursor: pointer;
    height: 30px;
}

.ibtnVisaPopup {
    background-image: url(../Bilder/Knappar/bild_sok.gif);
}

.ibtnInfo {
    background-image: url(../Bilder/Knappar/bild_info.gif);
}

.ibtnKalender {
    background-image: url(../Bilder/Knappar/bild_kalender.gif);
}

.ibtnAvbryt {
    background-image: url(../Bilder/Tid/SV/Avbryt.png);
}

.ibtnAvbrytHover {
    background-image: url(../Bilder/Tid/SV/AvbrytHover.png);
}

.ibtnStang {
    background-image: url(../Bilder/Knappar/ikon_avbryt.gif);
    height: 14px;
    width: 20px;
}

.ibtnAndra {
    background-image: url(../Bilder/Knappar/bild_andra.gif);
}

.buttAndra {
    background: url(../Bilder/Knappar/butt_andra.gif) 0px 0px no-repeat;
}

.buttAndraHover {
    background: url(../Bilder/Knappar/butt_andra_hover.gif) 0px 0px no-repeat;
}

.buttPapperskorg {
    background: url(../Bilder/Knappar/butt_papperskorg.gif) 0px 0px no-repeat;
}

.buttPapperskorgHover {
    background: url(../Bilder/Knappar/butt_papperskorg_hover.gif) 0px 0px no-repeat;
}

.ibtnRadera {
    background: #d8d8d8 url(../Bilder/Knappar/butt_papperskorg.gif) 0px 0px no-repeat;
}

.ibtnRaderaHover {
    background: url(../Bilder/Knappar/bild_papperskorg_hover.gif) 3px 3px no-repeat;
}

.ibtnBytPerson {
    background: url(../Bilder/Knappar/ikon_kopiera_personkort.gif) 0px 0px no-repeat;
    height: 19px;
}

.ibtnNy {
    background: url(../Bilder/Knappar/bild_ny.gif) 0px 0px no-repeat;
    height: 16px;
}

.ImageKalender {
    border-width: 0px;
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
}
/*--- Tabeller ---*/
.TableBackground {
    background-color: #f0f0f0; /* 	background-image: url(../Bilder/TableBackgroundFading.jpg);     background-repeat: repeat-y;     background-position:right;     background-color: #FAFBED;     border:solid thin #CECE9C;   */
}

.BackgroundWhite {
    background-color: #FFFFFF;
}

.TableBackgroundBorder {
    background-color: #f0f0f0;
    border: 1px #ddd solid;
}

.Border {
    border: 1px #ddd solid;
}

.TableHeaderRow {
    vertical-align: text-top;
    color: #FFFFFF;
    height: 12px;
    background-color: #ddd;
    border-bottom: solid thin #FFFFFF; /*height:16px; 	vertical-align:text-top; 	color:	#333399; 	background-image: url(../Bilder/TableHeading.gif);     background-repeat: repeat-x;*/
}

.TableAlternateRow {
    background-color: #FFFFFF;
}

.TableHeaderRowRight {
    vertical-align: text-top;
    color: #333399;
    height: 12px;
    background-color: #ddd;
    border-bottom: solid thin #FFFFFF;
    text-align: right;
}

.TableHeaderRowLeft {
    vertical-align: text-top;
    color: #333399;
    height: 12px;
    background-color: #ddd;
    border-bottom: solid thin #FFFFFF;
}

.TableHeaderRowBorderBottom {
    height: 12px;
    vertical-align: text-top;
    color: #333399;
    background-image: url(../Bilder/TableHeading.gif);
    background-repeat: repeat-x;
    border-bottom: solid thin #CECE9C;
}

.TableFooterRowBorderTop {
    height: 12px;
    vertical-align: text-top;
    color: #333399;
    background-image: url(../Bilder/TableHeading.gif);
    background-repeat: repeat-x;
    border-bottom: solid thin #CECE9C;
}

.TableHeaderExpanderRow {
    height: 14px;
    vertical-align: text-top;
    color: #333399;
    background-image: url(../Bilder/TableHeadingExpander.gif);
    background-repeat: repeat-x;
    border-width: 4px;
    border-style: solid;
    border-color: Red;
}

.TableHeaderExpanderCell {
    font-family: Verdana,Arial,Helvetica;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.TableHeaderCell {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    text-decoration: none;
    color: #ffffff;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}

.DispGrafHeaderCell {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

.StandardText {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    text-decoration: none;
    color: #000000;
}

.StandardTextNotFat {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
}

.TableHeaderCellRegularText {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}

.TableTabLeft {
    height: 15px;
    width: 10px;
    color: #333399;
    background-image: url(../Bilder/Knappar/flikar_vanster.gif);
    background-repeat: no-repeat;
}

.TableTabRight {
    height: 15px;
    width: 10px;
    color: #333399;
    background-image: url(../Bilder/Knappar/flikar_hoger.gif);
    background-repeat: no-repeat;
}

.TableTabMiddle {
    height: 15px;
    vertical-align: middle;
    text-align: center;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    background-image: url(../Bilder/Knappar/flikar_mitten.gif);
    background-repeat: repeat-x;
}

.TableTabLeftInactive {
    height: 15px;
    width: 10px;
    color: #333399;
    background-image: url(../Bilder/Knappar/flikar_vanster_not_selected.gif);
    background-repeat: no-repeat;
}

.TableTabRightInactive {
    height: 15px;
    width: 10px;
    color: #333399;
    background-image: url(../Bilder/Knappar/flikar_hoger_not_selected.gif);
    background-repeat: no-repeat;
}

.TableTabMiddleInactive {
    height: 15px;
    vertical-align: middle;
    text-align: center;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    background-image: url(../Bilder/Knappar/flikar_mitten_not_selected.gif);
    background-repeat: repeat-x;
}
/*--- GridView ---*/
.GridView {
    background-color: #f0f0f0; /*FONT-FAMILY: Verdana,Arial,Helvetica; 	FONT-SIZE: 10px; 	FONT-WEIGHT: normal; 	TEXT-DECORATION: none;     BACKGROUND: #ffffff; 	text-align : left;		*/
}

.GridViewHeader {
    vertical-align: text-top;
    color: #FFFFFF;
    height: 16px;
    background-color: #ddd;
    border-bottom: solid thin #FFFFFF;
}


.GridViewHeader2 TH {
    vertical-align: text-top;
    color: #FFFFFF;
    height: 16px;
    background-color: #ddd;
    border-bottom: solid thin #FFFFFF;
}


.alignLeft {
    text-align: left;
}

.GridViewRow {
    background-color: #FFFFFF;
}

.GridViewAlternateRow {
    background: #FFFFFF;
}

.GridViewRowTopBorder {
    border-top: #FFFFFF solid 1px;
    background-color: #ddd;
}

.GridViewAlternateRowTopBorder {
    border-top: #FFFFFF solid 1px;
    background: #FFFFFF;
}

.GridViewEditRow {
    background: #6bb2cf !important;
    cursor: pointer;
}

.GridViewEditRow3D {
    background: #6bb2cf;
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #ACA899 solid 1px;
    border-bottom: #ACA899 solid 1px;
}

.GridViewErrorRow3D {
    background: #f08c8c !important;
}

.GridViewFocusRow {
    cursor: pointer;
    /*background: #000 !important;*/
    background: #6bb2cf !important;
    color: #FFF;
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #ACA899 solid 1px;
    border-bottom: #ACA899 solid 1px;
}

.CursorHand {
    cursor: pointer;
}

.CursorMove {
    cursor: move;
}

.GridViewSelectRow {
    background: #6bb2cf !important;
}

.GridViewSelectRow2border {
    background: #6bb2cf !important;
    border: 2px dotted blue !important;
}
/* Labels */
.FontHighligt {
    font-weight: bold;
    color: #00679c;
}

.FontNormal {
    font-weight: normal;
    color: #00679c;
}
/*Collectioner, samlingar, egna datagrids etc */
.TdDataRowCell {
    padding-left: 2px;
    padding-right: 2px;
}

.TdDataRowCellPopUp {
    padding-left: 4px !important;
    padding-right: 4px !important;
    max-width: 30px !important;
    min-width: 30px !important;
    box-sizing: border-box !important;
}

.TdDataRowCellTidFalt {
    padding-left: 2px;
    padding-right: 2px;
    max-width: 80px;
    min-width: 50px;
}

.TdDataRowCellDKTextBoxPAS1 {
    padding-left: 2px;
    padding-right: 2px;
    max-width: 50px;
    min-width: 50px;
}

.TdDataRowCellDKTextBoxNYC2 {
    padding-left: 2px;
    padding-right: 2px;
    max-width: 50px;
    min-width: 50px;
}

.veckobredd {
    max-width: 120px;
    min-width: 120px;
}
/*Meddelanden*/
.Message {
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana,Arial,Helvetica;
    text-decoration: none;
}

.Error {
    color: Red;
}

.Save {
    color: Green;
}

.Info {
    color: Blue;
}

.clockClass {
    font-family: arial;
    font-size: 12px;
    color: #99FF00;
}

.clockClassVarning {
    font-family: arial;
    font-size: 12px;
    color: Red;
}

.SolidWhite {
    background-color: #FFFFFF;
    border: 2px solid Blue;
}

.bold {
    font-weight: bold;
}

.PosCenter {
    position: absolute;
    top: 200px;
    left: 400px;
    height: 30px;
    width: 300px;
    z-index: 1000;
}

/* Autocomplete */
.autocomplete_completionListElement /*AutoComplete flyout */ {
    visibility: hidden;
    margin: 0px !important;
    background-color: white;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    width: 300px !important;
    z-index: 1000;
}

.autocomplete_highlightedListItem /* AutoComplete highlighted item */ {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

.autocomplete_listItem /* AutoComplete item */ {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /*background-color: window;
    color: windowtext;
    padding: 1px;*/
}

.completionList {
    border: solid 1px #ccc;
    margin: 0px;
    padding: 2px;
    height: 200px;
    overflow: auto;
    background-color: white;
    background-repeat: repeat-y;
    background-position: right;
    cursor: pointer;
    z-index: 1000;
}

.completionListLinjeBeskrivning {
    border: solid 1px #ccc;
    margin: 0px;
    padding: 2px;
    height: 200px;
    overflow: auto;
    background-image: url(../Bilder/TableBackgroundFading.jpg);
    background-repeat: repeat-y;
    background-position: right;
    cursor: hand;
    width: 200px !important;
}

.completionlistItem {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /*border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
}

.completionlistItemitemHighlighted {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f0f0f0;
    background-image: none;
    border: 1px solid #ccc;
    /*border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
}

/*borders*/
/* 3D border, man behöver bägge för att få effekten, rimligt är att lägga boxen man vill "lyfta upp" i 2 divtaggar */
.Border3DInner {
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
}

.Border3DInnerInverse {
    border-right: #FFFFFF solid 1px;
    border-bottom: #FFFFFF solid 1px;
}

.Border3DTopWhite {
    border-top: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
}

.Border3DOuter {
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
}

.Border3DMerge {
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    border-collapse: separate !important;
}

.Border3DMergeLeft {
    border-top: #ddd solid 1px;
    border-left: #ddd solid 1px;
    border-right: #ddd solid 1px;
}

.Border3DMergeRight {
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
}

.borderRight {
    border: 1px solid #ddd !important;
}

.BorderBlack {
    background: url(../Bilder/Grafer/BorderBlack.png) 0px 0px no-repeat;
    border-right: #000 solid 1px;
    border-bottom: #000 solid 1px;
}

.Border3DMergeInverse {
    border-bottom: #FFFFFF solid 1px;
    border-right: #FFFFFF solid 1px;
    border-left: #ddd solid 1px;
    border-top: #ddd solid 1px;
}

.Border3DMergeFatRight {
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #ddd solid 3px;
    border-bottom: #ddd solid 1px;
}

.Border3DMergex2 {
    border-top: #FFFFFF solid 2px;
    border-left: #FFFFFF solid 2px;
    border-right: #ddd solid 2px;
    border-bottom: #ddd solid 2px;
}

.BRGVHColor {
    border-right: #D3D3A3 solid 1px;
}

.MarkeradCell {
    background-color: #CCFFCC;
    text-align: center;
}
/*Textboxar*/
.tbxSoftWhite {
    background-color: #f0f0f0;
}

.altDiv {
    border: solid 1px #444444;
    background-color: #FAFBED;
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    text-decoration: none;
    color: #000000;
}

.alignRight {
    text-align: right;
}

.graBG {
    background-color: #EFEFEF;
    color: gray;
}

.tbxSoftGray {
    background-color: #E4E4E4;
    color: #9D9D9D;
}

.tbxSoftRed {
    background-color: #FF9999;
    color: #9D9D9D;
}

.tbxReadOnly {
    background: Gainsboro;
}

.tbxWhite {
    background: White;
    background-image: url(../Bilder/Knappar/TextBoxBG.gif);
}

.tbxFocus {
    background: White;
    background-image: url(../Bilder/Knappar/TextBoxBG.gif);
}

.ExellTypRad {
    border-bottom: solid 1px #FFFFFF;
    border-top: solid 1px #ACA899;
}

.tbxRightAlign {
    text-align: right;
}

.TextLeftAlign {
    text-align: left;
}

.TextRightAlign {
    text-align: right;
}

.TextCenterAlign {
    text-align: center;
}

.tbxCenterAlign {
    text-align: center;
}

.tbxLeftAlign {
    text-align: left;
    padding-left: 0px;
}

.textBoxFocus {
    background-color: #FFFF99;
}

.textBoxError {
    background-color: #FFCC99;
}

.TextBoxDate {
    padding-left: 45px;
    padding-right: 10px;
    min-width: 160px;
}

.TextBoxDateMaxWidht {
    padding-left: 45px;
    padding-right: 10px;
    min-width: 165px;
    max-width: 165px;
}

.date-left {
    border-right: 1px solid #ccc;
    left: 0px;
    top: -2px;
}
/*Images*/
.imageFocus {
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #ACA899 solid 1px;
    border-bottom: #ACA899 solid 1px;
}

.imageBlur {
    border: #FFFFFF solid 1px;
}
/******ÖversiktsTabell Tidrapportering *******/
.DisabledTid {
    color: Gray;
}

.OverTid {
    color: Blue;
}

.AvsaknadTid {
    color: Red;
}

.StandardTid {
    color: Black;
}

.DateButtonCssClass {
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #ACA899 solid 1px;
    border-bottom: #ACA899 solid 1px;
}

/*input:focus, select:focus, textarea:focus {
background:#F0F8FF none repeat scroll 0%;
color:#000000;
}*/

/*DKTidGraf*/
.DispBG {
    background-color: #f0f0f0;
}

.DispGrafHeader {
    vertical-align: text-top;
    color: #333399;
    height: 16px;
    background-color: #ddd;
    border-bottom: solid thin #FFFFFF;
}

.Border3DMergeGraf {
    border-top: #FFFFFF solid 1px;
    border-left: #FFFFFF solid 1px;
    border-right: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
}

.softHeader {
    border: 1px solid #ddd;
    background: #dedede url(css/custom-theme/images/ui-bg_highlight-soft_75_D3D3A3_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.grafCell {
    background-color: #FAFBED;
    height: 24px;
    cursor: pointer;
}

.White {
    color: white;
}

.bg_raster {
    background: url(../Bilder/Grafer/bg_raster.png);
}

.bg_top_trans {
    background-image: url(../Bilder/Grafer/borderTopTrans.gif);
    background-repeat: repeat-x;
}

.beige {
    background-color: #E4E5C3 !important;
}

.rod {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.ljusBla {
    background-color: #f08c8c !important;
}


.tidTrans24 {
    background-image: url(../Bilder/Grafer/borderTopTrans.gif) !important;
}

.klarrod {
    background-color: #FF3300 !important;
}

.gron {
    background-color: #26B99A !important;
    border-color: #169F85 !important;
    color: #FFFFFF
}

.gronClean {
    background-color: #a1dba1 !important;
}


.gul {
    color: #fff !important;
    background-color: #FAC34E !important;
    border-color: #FcC54f !important;
}

.blaljus {
    background-color: #8ca4f0 !important;
}

.turkos {
    background-color: #3AD5B5 !important;
    color: #fff !important;
    border-color: #4ff5cf !important;
}

.blamork {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.gronmork {
    background-color: #A4BD61 !important;
}

.gra {
    background-color: #DDDDDD !important;
    color: #73879C !important;
    border-color: #CCCCCC !important;
}

.gronsjalvlysande {
    background-color: #169F85 !important;
}

.orange {
    background-color: #f7b472 !important;
}

.rosa {
    background-color: #EB9EE2 !important;
}

.lila {
    background-color: #e2a1f7 !important;
}

.gulstark {
    color: #000 !important;
    background-color: #EDED13 !important;
    border-color: #e7de31 !important;
}

.koppar {
    background-color: #D67A17 !important;
}

.silver {
    background-color: #D3D8DE !important;
    color: #73879C !important;
    border-color: #CCCCCC !important;
}

.guld {
    background-color: #F4D8A5 !important;
}

.gragron {
    background-color: #A3D80A !important;
}

.drophover24 {
    background-color: #FFFF00; /*  background-image:url(../Bilder/Grafer/cell_hover_24.gif);*/
}

.tomTidGrafRad {
    background-image: url(../Bilder/Grafer/borderTopTrans.gif);
    background-repeat: repeat-x;
    background-color: #D8D8D8;
}

.tClassColapse12 {
    width: 48px;
    height: 12px;
    overflow: hidden;
}

.tClassColapse12_24 {
    width: 94px;
    height: 12px;
    overflow: hidden;
}

.tClassColapse24 {
    width: 94px;
    height: 24px;
    overflow: hidden;
}

.tClassColapse36 {
    width: 144px;
    height: 36px;
    overflow: hidden;
}

.tClassColapse48 {
    width: 188px;
    height: 48px;
    overflow: hidden;
}

.tClassExpand {
    overflow: visible;
    z-index: 10;
}

.divErsattareDataRader {
    border: 10px solid black;
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.zIndex2000 {
    z-index: 2000;
}

.edithover24 {
    background-color: #ff9999;
    background-image: url(../Bilder/Grafer/borderTopTrans.gif);
    cursor: pointer;
    color: #FFFFFF;
}

.bgImageRepeatX {
    background-repeat: repeat-x;
    background-position: top left;
}

.textBoxPass {
    min-width: 20px;
    max-width: 20px;
    padding: 3px;
}

.AvvikelsePopUppButtonTD {
    min-height: 40px;
    padding-top: 10px;
}

.textBoxTid {
    min-width: 65px;
}

.textBoxSchemaTid {
    min-width: 45px;
    max-width: 105px;
    padding: 3px 3px;
}

.SchemaTboxDag {
    width: 60px;
}
/*ID0000851*/
.DateWidth {
    max-width: 120px !important;
}

.btn-slim {
    padding: 4px 0px 4px 0px !important;
}

.UpdateProgress {
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    width: 400px;
    background-color: #FFC080;
    bottom: 0%;
    left: 0px;
    position: absolute;
}

.PrintA {
    font-family: Verdana, Arial;
    font-size: 10px;
    color: black;
}

.printRad {
    border: 1px solid grey;
    vertical-align: text-top;
}

.popupControl {
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
}

.filebutton {
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    padding-left: 1px;
    font-size: 11px;
    border-left: #999999 1px solid;
    width: auto;
    color: #000000;
    border-bottom: #999999 1px solid;
    font-family: tahoma, sans-serif;
    background-color: #c3d5e7;
    background-image: url( 'file:///C:/Projects/Pajp_2008/wpajp/../Bilder/Knappar/bild_sok.gif' );
}

.cssPager td {
    padding-left: 4px;
    padding-right: 4px;
}

.cssPager span {
    background-color: #4f6b72;
}
/* Översikt anställda*/
.bg_no_repeat {
    background-repeat: no-repeat;
}

.valignBottom {
    vertical-align: bottom !important;
}

.valignTop {
    vertical-align: top !important;
}

.MyTabStyle .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #222;
        padding-left: 10px;
        margin-right: 3px;
        border: solid 1px #ddd;
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #ffffff;
        color: #ddd;
        padding: 3px 10px 2px 0px;
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #6bb2cf;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #ddd;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: #fff;
    border-color: #333;
}

.MyTabStyle .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}

.paddingLeft10 {
    padding-left: 17px;
}

.paddingLeft0 {
    padding-left: 0px !important;
}

.paddingRight0 {
    padding-right: 0px !important;
}

.DataGridHeader {
    background-color: #FFF;
    color: #73879C;
    background: #2A3F54;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.471;
}

.timeBox {
    min-width: 60px;
    max-width: 60px;
}

.padding6 {
    padding: 6px 6px !important;
}

.padding3 {
    padding: 3px 3px !important;
}

.padding0 {
    padding: 0px 0px !important;
}

.popUpHeader {
    background-color: #2A3F54 !important;
}

.textaligncenter {
    text-align: center;
}

.NoWrap {
    white-space: nowrap;
}

.padding0px {
    padding: 0px !important;
}

.padding2px {
    padding: 2px !important;
}

.tableTD {
    padding: 4px 8px 4px 8px !important;
}

.ToUpperCSS {
    text-transform: uppercase;
}