/*  LmTilausseuranta - TKA Kuljetus Oy - CSS
    Copyright 2009-2011 Logmaster Oy
*/

/* Yleiset */
textarea {
    resize: none;
}
.etusivuMain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}
.etusivuMain td{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;     
}

a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000; 
}

a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004a84;
}

body.yleinen {
    background-color:#b9c7c9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    margin-top: 0;
}

p.leipis {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

p.otsake {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
}

p.leips ul, li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

b.leipis {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

a.email {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

a.email:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004a84;
}

a.email:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

table.container {
    position:absolute;
    top:0px;
    left:0px;
}

table.asettelu {
    background-color:transparent;
}

.asettelu td {
    background-color:transparent;
}

h3 {
    position: relative;
    top: 15px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}

table {
    background-color:#ffffff;
}

.reunus {
    position: relative;
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
}

.tiedot td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

body.login {
    background-color:#b9c7c9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.login td {
    background-color:#fefefe;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.logout {
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004a84;
    text-align: right;
    margin-right: 20px;
    margin-top: 5px;
}

.footer {
    position: relative;
    top: 65px;
    background-color: transparent;
}

.footer a{
     font-size: 10px;
     color: #000000;
}
.footer a:hover{
     font-size: 10px;
     color: #000000;
}
.footer a:visited {
     font-size: 10px;
     color: #000000;
}

#tietoBoxi {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border : 1px solid #111111;
    padding: 10px;
    text-align: left;
}
#tietoBoxi2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border : 1px solid #c6d5e1;
    padding: 10px;
    text-align: left;
}

#tietoBoxi td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-bottom: 2px;
}
#tietoBoxi2 td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-bottom: 2px;
    color: #262626;
}

#tietoBoxiOtake {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #cccccc;
    border-top: 1px solid #111111;
    border-left: 1px solid #111111;
    border-right: 1px solid #111111;
    padding: 5px;
    text-align: left;
}
#tietoBoxiOtake2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background:url(../../../kuvat/header-bg.gif);
    border-top: 1px solid #c6d5e1;
    border-left: 1px solid #c6d5e1;
    border-right: 1px solid #c6d5e1;
    padding: 5px;
    text-align: left;
    color: #fff;
    font-weight: bold;
}

input[type="text"]
{
    font-size:11px;
}
input[type="checkbox"]
{
    font-size:10px;
}
input[type="radio"]
{
    font-size:11px;
}
input[type="password"]
{
    font-size:11px;
}
input[type="button"]
{
    font-size:10px;
}
input[type="submit"]
{
    font-size:10px;
}

select{
    font-size:11px;    
}

input.readonly {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    background-color: #F0F0F0;
}

textarea.readonly {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    width: 335px;
    height: 35px;
    background-color: #F0F0F0;
}

.rivitiedot{
    margin-top: -5px;
    border-bottom:1px solid #c6d5e1; 
    border-right:1px solid #c6d5e1
}
.rivitiedot td{
    padding: 3px;
    border-left:1px solid #c6d5e1; 
    border-top:1px solid #c6d5e1
}

/* Valikkorivi */
#menuSpaceFiller {
    width: 351px;
    min-width: 351px;
}
.menubar {
    z-index: 998;
    position: absolute;
    top: 110px;
    left: 37px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: transparent;
}
.menubarOLD {
    position: relative;
    top: 30px;
    left: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: transparent;
}
.menubar td {
    z-index: 1001;
    padding-right: 12px;
}
.menubar td a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

.menubar td a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}

.menubar td a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #004a84;
    text-decoration: underline;
}
.dropdownmenu {
    z-index: 999; 
    position:absolute;
    /*
    display: none; 
    */
    visibility:hidden; 
    margin-left: 0px;
    border: 1px solid #cccccc;
    opacity:0.9;
    filter:alpha(opacity=90);  
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); 
}
.dropdownmenu td{
    background: #F0F0F0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0; 
    vertical-align: top;
    
}
.dropdownmenu td:hover{
    background: #D2E7F0;
    cursor: pointer;
    border: 1px solid #004a84; 
    /*
    text-decoration: underline;
    color: #004a84;  
    */
}
.dropdownmenu td img{
    padding-right: 3px;
    opacity:1;
    filter:alpha(opacity=100);
}
.dropdownmenu td a{
    opacity:1;
    filter:alpha(opacity=100);
}

/* Tilaus-, kuljetus- ja käyttäjälista */
.rivimouseover td{
      background-color:#DBECF4;
      border-bottom : 1px dotted #ffffff;
      border-top : 1px dotted #ffffff;
      font-size: 11px;
      cursor:pointer;
}

.rivimouseout td{
     background-color:#ffffff;
     border-bottom : 1px dotted #ffffff;
      border-top : 1px dotted #ffffff;
     font-size: 11px;
      cursor:pointer;
}

.rivivalittu td{
      background-color:#A8D8EB;
      border-bottom : 1px dotted #111111;
      border-top : 1px dotted #111111;
      font-size: 11px;
      cursor:pointer;
}

.tilauslista th{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    cursor:pointer;
}

th.otsikkomouseover{
    background-image: url("../../../kuvat/listaotsake_bg3.jpg");
      color: #000000;
      border-right: 1px solid #7F7F7F;
      border-bottom: 1px solid #7F7F7F;
}

th.otsikkomouseout{
    background-image: url("../../../kuvat/listaotsake_bg2.jpg");
     color: #000000;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
}

#csvDownloadDIV {
    position: absolute;
    display : none;
    z-index: 6;
    width: 150px;
}

table.csvDownload{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #000000;
}

table.csvDownload th{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #666666;
    color: #ffffff;
    padding: 4px;
}

table.csvDownload td{
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    background-color: #F0F0F0;
}

a.csvTallennus {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align:middle;
    color: #000000; 
}

a.csvTallennus:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #004a84;
}

/* Hakukenttä ja rajaukset */
#hakuvaihto {
    position:absolute;
    margin: 0px;
    top: 70px;
    /*right: 30px;*/
    background: transparent;
}

#laajaHaku{
    position:absolute;
    top: 130px;
    /*right: 25px;*/
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
    vertical-align: top;
    color: #000000;
    display : none;
    border: 0px solid red;
    /*width: 900px;*/
}

#laajaHaku td input{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    color: #454545;
    margin: 0px;
    vertical-align: top;
    height: 15px;
    font-size: 11px;
}
#laajaHaku td select{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    color: #454545;
    margin: 0px;
    vertical-align: top;
    height: 20px;
    font-size: 11px;
}

#laajaHaku table, #laajaHaku tr, #laajaHaku td{
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;  
}

a.hakuvalitsin {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

a.hakuvalitsin:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #004a84;
}

.perushaku td{
     background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    vertical-align: top;
}

input.vapaaHaku {
    position: relative;
    /*top: 10px;
    right: 20px;*/
    height: 15px;
    width: 249px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #808080;
    font-style: italic;
}

input.vapaaHakuFocus{
    position: relative;
    /*top: 10px;
    right: 20px;*/
    height: 15px;
    width: 249px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #000000;
    font-style: normal;
}

img.hakuNappula{
    position: relative;
    top: 4px;
    /*right: 19px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color: #000000;
    cursor: pointer;
}


/* Suggest-box */
#suggestBox {
    width : 254px;
    height : auto;
    overflow : auto;
    border : 1px solid #111111;
    background : #ffffff;
    position:absolute;
    border-top : none;
    text-align : left;
    display : none;
    cursor : pointer;
    z-index: 5;
}

tr.suggestBoxRivi {
    font-size:11px;
    font-family: Arial, Helvetica, sans-serif;
    cursor : pointer;
}


/* Tilauslistan popup */
.popupvalikko{
    z-index: 5;
    position: absolute;
    display: none;
    background-color: #aaaaaa;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: .9;
    filter: Dropshadow(Color=#003399, OffX=3, OffY=3, Positive=1);
}

.popupvalikkosisalto {
    margin: -2px 2px 2px -4px;
    #margin: 0px;
    padding: 2px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
    border: 1px solid #666666;
    background-color: #cccccc;
}


.popupvalikko a{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #cccccc;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 10px;
    display: block;
    margin: 0px;
    text-decoration: none;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.popupvalikko a:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #D2E7F0;
    font-size: 11px;
    border: 1px solid #004a84;
}

.popupvalikko a img{
    border: none;
    background-color: #cccccc;
    vertical-align: top;
}

.popupvalikko a:hover img{
    border: none;
    background-color: #D2E7F0;
    vertical-align: top;
}


/* Tilauslistan popup ver2 */
div.popupvalikkoRivi {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #cccccc;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 10px;
    display: block;
    margin: 0px;
    text-decoration: none;
    border: 1px solid #cccccc;
    cursor: pointer;
}

div.popupvalikkoRiviHover {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #cc1f48;
    font-size: 11px;
    border: 1px solid #87142F;
}

div.popupvalikkoRivi img{
    border: none;
    background-color: #cccccc;
    vertical-align: top;
}

div.popupvalikkoRiviHover img{
    border: none;
    background-color: #cc1f48;
    vertical-align: top;
}



/* Kuljetuskalenteri */
h3.kalenteriPvm {
    position: relative;
    top: 0px;
    left: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.resurssi {
    empty-cells: show;
    border: 1px solid #111111;
    width: 210px;
}

.resurssi td {
    border-top: 1px solid #111111;
    height: 63px;
}

.resurssiVaraus {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    background: #00FF00;
    border: 1px solid #111111;
    width: 200px;
    height: 58px;
    font-size: 10px;
    color: #111111;
    cursor : pointer;
}

.resurssiVarausForced {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    background: #00FF00;
    border: 1px solid #111111;
    width: 47px;
    height: 58px;
    width: 47px;
    font-size: 10px;
    color: #111111;
    cursor : pointer;
    float: left;
}

.toimitettuAsiakkaalle {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    background: #0047FF;
    border: 1px solid #111111;
    width: 200px;
    height: 58px;
    font-size: 10px;
    color: #ffffff;
    cursor : pointer;
}

.toimitettuAsiakkaalleForced {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    background: #0047FF;
    border: 1px solid #111111;
    width: 47px;
    height: 58px;
    font-size: 10px;
    color: #ffffff;
    cursor : pointer;
    float: left;
}

.resurssiVarausAlustava {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFEE00;
    border: 1px solid #111111;
    width: 200px;
    height: 58px;
    font-size: 10px;
    color: #111111;
    cursor : pointer;
}

.resurssiVarausAlustavaForced {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    background: #FFEE00;
    border: 1px solid #111111;
    width: 47px;
    height: 58px;
    font-size: 10px;
    color: #111111;
    cursor : pointer;
    float: left;
}

.resurssiKello {
    border: 1px solid #111111;
}

.resurssiKello td {
    border-top: 1px solid #111111;
    height: 63px;
}

span.RESkuljetusTyyppi {
    position: absolute;
    top: 2px;
    right: 2px;
    border: 1px solid #ffffff;
}

span.REStilNro {
    position: absolute;
    top: 2px;
    left: 2px;
    border: 1px solid #ffffff;
    font-weight: bold;
}

span.RESvastottaja {
    position: absolute;
    top: 5px;
    left: 2px;
    position: relative;
    margin-top: 5px;
}

#aktiivinenVarausDIV {
    position: absolute;
    display : none;
    z-index: 6;
    width: 370px;
}

table.aktiivinenVaraus{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #000000;
    -moz-box-shadow: 4px 4px 5px #A6A6A6;
    -webkit-box-shadow: 4px 4px 5px #A6A6A6;
    box-shadow: 4px 4px 5px #A6A6A6;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A6A6A6')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A6A6A6'); 
}

table.aktiivinenVaraus th{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background:url("../../../kuvat/popupotsake-bg.gif");
    color: #FBFBFB;
    padding: 4px;
    cursor:default;
}

table.aktiivinenVaraus td{
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    background-color: #F0F0F0;
}

table.aktiivinenVarausSisennys{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: none;
    margin-left: 0px !important;
    margin-left: 6px;
    margin-top: 0px !important;
    margin-top: 6px;
    margin-bottom: 0px !important;
    margin-bottom: 6px;
    width: 100% !important;
    width: 95%;
}

fieldset {
    border: 1px solid #848484;
}


#varaustaVaillaOlevat {
    border : 1px solid #111111;
    padding: 10px;
}

#toimitusKuittausDIV {
    position: absolute;
    display : none;
    z-index: 7;
    width: 300px;
}

#soittohistoriaDIV {
    position: absolute;
    display : none;
    z-index: 7;
    width: 250px;
}

#tulostusPainike1 {
    position: relative;
    margin: 0px;
    top: 20px;
    right: 0px;
}
.valilehdet {
          
    }
.tab_otsake {
    background-image: url("../../../kuvat/tab_tausta.gif");
    background-color: #EEEEEE;  
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;  
    height: 30px;
    font-size: 15px;
    cursor: pointer;
    color: #262626;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.tab_otsake_active {
    background-color: #ffffff;
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    height: 30px;
    font-size: 15px;
    font-weight: bold;
    cursor: auto;
    color: #004a84;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;       
}
.tab_otsake_highligh {
    background-color: #ffffff;
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    height: 30px;
    font-size: 15px;
    cursor: pointer;
    color: #262626;
    border-bottom: 1px solid #D8D8D8;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;         
}
.tab_sisalto {
    border-left: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8; 
    border-right: 1px solid #D8D8D8;
    padding-top: 5px;       
}
.tab_tayte {
    border-left: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    width: 99%;       
}
.tab_tayteDIV {
    width: 1000px;       
}
.tab_otsake2 {
    background-image: url("../../../kuvat/tab_tausta.gif"); 
    background-color: #EEEEEE;  
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;  
    height: 15px;
    font-size: 11px;
    cursor: pointer;
    color: #262626;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;    
}
.tab_otsake_active2 {
    background-color: #ffffff;
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    height: 15px;
    font-size: 11px;
    font-weight: bold;
    cursor: auto;
    color: #004a84;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;       
}
.tab_otsake_highligh2 {
    background-color: #ffffff;
    border-left: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    height: 15px;
    font-size: 11px;
    cursor: pointer;
    color: #262626;
    border-bottom: 1px solid #D8D8D8;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;         
}
.tab_otsake3 {
    background:url(../../../kuvat/header-bg.gif);
    border-left: 1px solid #c6d5e1;
    border-top: 1px solid #c6d5e1;
    border-bottom: 1px solid #fff; 
    font-size: 11px;
    font-weight: bold;  
    cursor: pointer;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;      
}
.tab_otsake_active3 {
    background-color: #fff;  
    border-left: 1px solid #c6d5e1;
    border-top: 1px solid #c6d5e1;
    border-bottom: 1px solid #fff; 
    font-size: 11px; 
    font-weight: bold;
    cursor: auto;
    color: #004a84;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;      
}
.tab_otsake_highligh3 {
    background-color: #ffffff;
    border-left: 1px solid #c6d5e1;
    border-top: 1px solid #c6d5e1;
    border-bottom: 1px solid #c6d5e1; 
    font-size: 11px;
    font-weight: bold; 
    cursor: pointer;
    color: #000;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;          
}
.tab_sisalto3 {
    border-left: 1px solid #c6d5e1;
    border-bottom: 1px solid #c6d5e1; 
    border-right: 1px solid #c6d5e1;
    padding-top: 5px;       
}
.hightlightimg{
    
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    /*
    border: 1px solid transparent;
    background-color: transparent;
    */ 
}
.hightlightimg:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    /*
    border: 1px solid #004a84;
    background-color: #D2E7F0;
    */ 
}
#perushakudiv {
    position: absolute; 
    width: 290px;          
    padding: 3px; 
    padding-bottom: 5px; 
    margin-top:5px; 
    border: 0px solid red;     
    background-size: 100% 100%;
}


.adfs_logout {
    z-index: 99999999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -405px;
    margin-left: -180px;
}

.adfs_logout p {
    margin-top: 20px;
}

.adfs_signout {
    padding-top: 20px;
}

.adfs_signout_link {
    color: red !important;
    font-size: 1.1em !important;
}