/* allgemein für alle Bodys ohne Angabe */
body {
  font-family: Verdana, Arial, Helvetica;
  background-color:#eeeeee;
  margin-left:3px;
  margin-right:4px;
  margin-top:4px;
  margin-bottom:4px;
  font-size: 8pt;
}

/* allgemein für alle Table ohne Angabe */
table {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
}

/* spezieller Body für Messageframe (ganz unten) */
.messagebody {
  font-family: Verdana, Arial, Helvetica;
  background-color:#033893;
  color:white;
  margin-left:4px;
  margin-right:4px;
  margin-top:4px;
  margin-bottom:4px;
  font-size: 8pt;
}

/* Messagetabelle */
.messagetable{
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  color:white;
}

/* Standardlinks */
a {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  text-decoration: none;
  font-weight: bold;
  color: #033A9A;
}

/* Standardlinks Highlighted (Maus drüber) */
a:hover {
  color: #ff4444;
}

/* Standardlinks */
a.na {
}

/* Standardlinks Highlighted (Maus drüber) */
a.na:hover {
}

/* Fensterüberschirft */
.wcaption {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  background-image: url("../images/design/wcaption.gif");
  background-color: #FFCC00;
  background-repeat: repeat-x;
  color: white;
  vertical-align: middle;
  height: 28px;
}

/* Fensterüberschirft */
.elist {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  color: black;
}

/* Fensterüberschirft */
.elistsmall {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  color: black;
}

.elistcaption {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  background-image: url("/publicsoft/images/design/wcaption.gif");
  background-color: #002d96;
  background-repeat: repeat-x;
  color: white;
  height: 24px;
  padding: 2px;
}

.elistcaption_please_delete_me_let_me_go {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  font-weight: bold;
  background-image: url("../images/design/wcaption.gif");
  background-color: #002d96;
  background-repeat: repeat-x;
  color: white;
}

/* Blocküberschirft innerhalb eines Fensters */
.wsubcaption {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-image: url("../images/design/wsubcaption.gif");
  background-color: #ffffff;
  background-repeat: repeat-x;
  color: #003399;
  height:24px;
}

/* Blocküberschirft innerhalb eines Fensters */
.eentrycaption {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-image: url("../images/design/wsubcaption.gif");
  background-color: #ffffff;
  background-repeat: repeat-x;
  color: #003399;
  height:24px;
}

/* Fensterüberschirft Typ 2 (nicht in Benutzung)*/
.wtitle {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  background-image: url("../images/design/wcaptionl.gif");
  background-repeat: repeat-x;
  border: 1px solid #95b7f3;
  background-color: #9ebff6;
}

/* Fensterbody auf Tabelle (gesamtes Fenster jeodch ohne Rahmen)*/
.wbodyinner {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  padding:4px;
}

/* Fensterbody auf Tabelle (gesamtes Fenster)*/
.wbody {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  border-bottom: 1px solid #959595;
  padding:4px;
}

/* Fensterbody auf Tabelle (Fenster oben)*/
.wbodyhead {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  padding-left:4px;
  padding-right:4px;
  padding-top:4px;
}

/* Fensterbody auf Tabelle (Fenster mitte)*/
.wbodybody {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  padding-left:4px;
  padding-right:4px;
}

/* Fensterbody auf Tabelle (Fenster unten)*/
.wbodyfoot {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  border-bottom: 1px solid #959595;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:4px;
}

/* Feldbezeichnung Standard */
.wfieldtitle {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
}

/* Feldbezeichnung Standard Buchungsmaske*/
.wbuft {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
 }

/* Feldbezeichnung Pflichtfeld */
.wfieldtitlem {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color:#ffffff;
  color: #000000;
}

/* Feldbezeichnung Pflichtfeld disabled */
.wfielddisabled {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color:#ffffff;
  color: #a0a0a0;
}

/* Feldbezeichnung Pflichtfeld - Standard-Ersatz */
.ititlem {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color:#ffffff;
  color: #000000;
}

/* Feldwertausgabe (nicht editierbar) */
.wfieldvalue {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-style: italic;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Feldbearbeitung (Zelle um den Input herum) */
.winput {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Feldbearbeitung (eigentliches Edit-Feld) */
.winputfield, .dp, .dp_small {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  border-width:1px;
  border-style:solid;
  border-color:#c0c0f8;
}


/* Karteireiter aktiv */
.ractiv {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  border-left: 1px solid #959595;
  border-right: 1px solid #959595;
  padding:3px;
}

/* Karteireiter inaktiv */
.rinactiv {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#eeeeee;
  color: #000000;
  border-top: 1px solid #9999aa;
  border-left: 1px solid #9999aa;
  border-right: 1px solid #9999aa;
  border-bottom: 1px solid #959595;
  padding:3px;
}

/* Karteireiter Aktiv-Anzeige (oberer Farbverlauf) */
.ractivebordertop {
  background-image: url("../images/design/ractivebordertop.gif");
  background-repeat: repeat-x;
}

/* Karteireiter Zwischenraum */
.rspacer {
  padding:1px;
  border-bottom: 1px solid #959595;
  font-size: 1pt;
}

/* Liste (auf Tabelle) */
.datatable {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
}

/* Listenüberschrift (für Feldnamen) */
.datatablecaption {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-image: url("../images/design/dtcaption.gif");
  background-color: #ffffff;
  background-repeat: repeat-x;
  color: black;
}

/* Listenüberschrift (fett) */
.datatablecaptionbld {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-image: url("../images/design/dtcaption.gif");
  background-color: #ffffff;
  background-repeat: repeat-x;
  color: black;
}

/* Listenzeile Highlight (Maus über Zeile) */
.dtrhl {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#d0d0ff;
  color: #000000;
}

/* Listenzeile Standard */
.dtr {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ebebeb;
  color: #000000;
}

/* Listenzeile hervorgehoben */
.dtre {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#dddddd;
  color: #000000;
}

.dtreX, .dtreA {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#dddddd;
  color: #000000;
}

.dtrX, .dtrA {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ebebeb;
  color: #000000;
}

.dtrwA {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
}

.dtrX:hover {
  background-color:#d0d0ff;
}
.dtreX:hover {
  background-color:#d0d0ff;
}


/* Listenzeile ausgewählt */
.dtrs {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#c0c0ff;
  color: #000000;
}



/* 2. Listenzeile Highlight (Maus über Zeile) */
.dtrhl_2 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 6pt;
  font-weight: normal;
  background-color:#d0d0ff;
  color: #000000;
  spacing-top: 0px;
  spacing-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* 2. Listenzeile Standard */
.dtr_2 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 6pt;
  font-weight: normal;
  background-color:#ebebeb;
  color: #000000;
  spacing-top: 0px;
  spacing-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* 2. Listenzeile hervorgehoben */
.dtre_2 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 6pt;
  font-weight: normal;
  background-color:#dddddd;
  color: #000000;
  spacing-top: 0px;
  spacing-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* 2. Listenzeile ausgewählt */
.dtrs_2 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 6pt;
  font-weight: normal;
  background-color:#c0c0ff;
  color: #000000;
  spacing-top: 0px;
  spacing-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}


/* Bearbeitungsstatus */
.bearstate {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#eeeeee;
  color: #000000;
}

/* Pager (Seitenauswahl für Liste) */
.pager {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
}

/* Pager (aktive Seite) */
.pageractivepage {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color:#ffffff;
  color: #000000;
}

/* Standardfehlermeldung */
.bearerror {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color:#ee8888;
  color: #ffffff;
}

/* Standardfehlertext */
.ierrortext {
  font-family: Verdana, Arial, Helvetica;
  color:#FF0000;
}

/* Standardfehlermeldung */
.bearwarning {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#FFCC00;
  color: #000000;
}

/* Standardfehlertext */
.iwarningtext {
  font-family: Verdana, Arial, Helvetica;
  color:#FFCC00;
}

/* Standardfehlermeldung */
.ierror {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color:#ee8888;
  color: #ffffff;
}

/* Standardmessage */
.bearmessage {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color:#FFF3B0;
  color: #333333;
}

/* Wechsel-Zu-Button */
.wechselzu {
        BACKGROUND-IMAGE: url(/publicsoft/images/edit.gif); CURSOR: url(/publicsoft/images/cursor/hand.gif);
}

/* Belegungs- und Gültigkeitskalender */
.caldefaultday {  background-color: #FFFFFF}
.calnoday {  background-color: #FFFFFF}
.calsaturday {  background-color: #FFCCCC}
.calsunday {  background-color: #FF9999}
.caliskbuchbarfrei {  background-color: #00CC00; color:#FFFFFF; height:4px; }
.caliskbuchbarfreishared {  background-color: #9999FF; color:#FFFFFF; height:4px; }
.calisknbuchbarfreishared {  background-color: #AAAAFF; color:#FFFFFF; height:4px; }
.calltkbuchbarfrei {  background-color: #99CC00; color:#FFFFFF; height:4px; }
.calbelegt {  background-color: #FF5555; color:#FFFFFF; height:4px; }
.calltknbuchbarfrei {  background-color: #FFCC00; color:#FFFFFF; height:4px; }
.calisknbuchbarfrei {  background-color: #AACCAA; color:#FFFFFF; height:4px; }
.caldohave {  background-color: #00CC00; color:#FFFFFF}
.caldonthave {  background-color: #FF5555; color:#FFFFFF}
.calmayhave {  background-color: #FFCC00; color:#FFFFFF}
.calbody {  background-color: #CCCCCC; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
.caltitle {  font-weight: bold; font-size: 6pt}
.calheader {  font-size: 6pt}
.calisvalid {  background-color: #AACCAA; color:#FFFFFF; height:4px; }
.calisnotvalid {  background-color: #CCAAAA; color:#FFFFFF; height:4px; }
.calexkontingent {  background-color: #CCAAAA; color:#FFFFFF; height:4px; }
.calshkontingent {  background-color: #AAAACC; color:#FFFFFF; height:4px; }

/* Eingabebereich Online */
.itable {
  padding: 4px;
}

/* Überschrift Eingabebereich */
.icaption {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-image: url("/publicsoft/images/design/wsubcaption.gif");
  background-color: #ffffff;
  background-repeat: repeat-x;
  color: #003399;
  height:24px;
  margin: 2px;
  padding: 2px;
}

/* Feldbezeichnung Standard */
.ititle {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  padding-right: 3px;
}

/* Feldbezeichnung Pflichtfeld */
.ititlem {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color:#ffffff;
  color: #000000;
  padding-right: 3px;
}

/* Eingabeerläuterung */
.ititlehelp {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  padding: 5px;
}

/* Feldbearbeitung (Zelle um den Input herum) */
.iinputarea {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* Feldbearbeitung (eigentliches Edit-Feld) */
.iinput {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: normal;
  background-color:#ffffff;
  color: #000000;
  border-width:1px;
  border-style:solid;
  border-color:#c0c0f8;
}

.ierror {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-color: white;
  color: #ff4343;
  padding: 2px;
}

tr.ierror {
  font-family: Verdana, Arial, Helvetica;
  font-size: 8pt;
  font-weight: bold;
  background-image: url("/publicsoft/images/design/wsubcaption.gif");
  color: #ff3333;
  height:24px;
}

/* Blocküberschirft innerhalb eines Fensters */
table.info {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  font-weight: normal;
  background-color: #eeeeee;
  color: #000000;
}

select.info {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  font-weight: normal;
  background-color: #ffffff;
  color: #000000;
  border-width:1px;
  border-style:solid;
  border-color:#c0c0f8;
}

input.info {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  font-weight: normal;
  background-color: #ffffff;
  color: #000000;
  border-width:1px;
  border-style:solid;
  border-color:#c0c0f8;
}

.infocap {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  font-weight: bold;
  background-color: #D3E3FA;
  color: #333333;
}

/* Standardlinks */
a.info {
  font-family: Verdana, Arial, Helvetica;
  font-size: 7pt;
  text-decoration: none;
  font-weight: bold;
  color: #032A9A;
}

/* Standardlinks Highlighted (Maus drüber) */
a.info:hover {
  color: #ff4444;
}

#basic-accordian{
  width:100%;
}
.accordion_headings{
  padding:5px;
  cursor:pointer;
  font-weight:bold;
  background-image: url("/publicsoft/images/design/menu_headeri.gif");
  background-repeat: repeat-x repeat-y;
  border-bottom: 1px solid #3333ee;
	
}
.accordion_entry{
  padding:5px;
  font-weight:bold;
  cursor:pointer;
  background-image: url("/publicsoft/images/design/menu_cmd.gif");
  background-repeat: repeat-y;
  border-bottom: 1px solid #5555cc;
	
}
.accordion_entry:hover{
  background-image: url("/publicsoft/images/design/menu_aktiv.gif");
  background-repeat: repeat-x repeat-y;
  cursor:pointer;
}
.accordion_headings:hover{
  background-image: url("/publicsoft/images/design/menu_headerh.gif");
  background-repeat: repeat-x repeat-y;
}
.accordion_child{
  padding-left:5px;
  background-color: #799ED2;
}
.header_highlight{
  background-image: url("/publicsoft/images/design/menu_headera.gif");
  background-repeat: repeat-x repeat-y;
}
.menu_space{
  height: 8px;
}
/* Definitionen für Tageskalender */ 
.f { text-align: right; cursor: pointer; color:#000000; font-weight: bold; font-size: -1; background-color:#56FF3C; padding:0,0,1,1; margin:0,0,1,1;}
.b { text-align: right; cursor: pointer; color:#000000; font-weight: bold; font-size: -1; background-color:#FF8888; padding:0,0,1,1; margin:0,0,1,1;}
.u { text-align: right; cursor: pointer; color:#000000; font-weight: bold; font-size: -1; background-color:#DB93DB; padding:0,0,1,1; margin:0,0,1,1;}
.a { text-align: right; cursor: pointer; color:#000000; font-weight: bold; font-size: -1; background-color:#FFFF78; padding:0,0,1,1; margin:0,0,1,1;}
.n { text-align: right; cursor: pointer; color:#000000; font-weight: bold; font-size: -1; background-color:#FFCC00; padding:0,0,1,1; margin:0,0,1,1;}
.g { text-align: right; cursor: pointer; color:#000000; font-weight: bold; font-size: -1; background-color:#FF8D4F; padding:0,0,1,1; margin:0,0,1,1;}
.is { border-bottom: 1px black solid;}
.nis { margin-bottom: 1px;} 


/* Definitionen für DSC WE-Kalender */ 
.wib { text-align: center; cursor: pointer; color:#444444; font-weight: bold; font-size: -1; background-color:#00CC00; padding:0,0,1,1; margin:0,0,2,2;} 
.wibs { text-align: center; cursor: pointer; color:#444444; font-weight: bold; font-size: -1; background-color:#9999FF; padding:0,0,1,1; margin:0,0,2,2;} 
.win { text-align: center; cursor: pointer; color:#444444; font-weight: bold; font-size: -1; background-color:#AACCAA; padding:0,0,1,1; margin:0,0,2,2;} 
.wins { text-align: center; cursor: pointer; color:#444444; font-weight: bold; font-size: -1; background-color:#AAAAFF; padding:0,0,1,1; margin:0,0,2,2;} 
.wlb { text-align: center; cursor: pointer; color:#444444; font-weight: bold; font-size: -1; background-color:#99CC00; padding:0,0,1,1; margin:0,0,2,2;} 
.wln { text-align: center; cursor: pointer; color:#444444; font-weight: bold; font-size: -1; background-color:#FFCC00; padding:0,0,1,1; margin:0,0,2,2;} 
.wnv { text-align: center; cursor: pointer; color:#444444; font-weight: bold; font-size: -1; background-color:#CCAAAA; padding:0,0,1,1; margin:0,0,2,2;}
.wu { text-align: center; cursor: pointer; color:#000000; font-weight: bold; font-size: -1; background-color:#BA73BA; padding:0,0,1,1; margin:0,0,2,2;} 
.wg { text-align: center; cursor: pointer; color:#444444; font-weight: bold; font-size: -1; background-color:#DBBBDB; padding:0,0,1,1; margin:0,0,2,2;} 
.wun { text-align: center; cursor: pointer; color:#FF0000; font-weight: bold; font-size: -1; background-color:#BA73BA; padding:0,0,1,1; margin:0,0,2,2;} 
.wgn { text-align: center; cursor: pointer; color:#FF0000; font-weight: bold; font-size: -1; background-color:#DBBBDB; padding:0,0,1,1; margin:0,0,2,2;} 
.wb { text-align: center; cursor: pointer; color:#111111; font-weight: bold; font-size: -1; background-color:#FF5555; padding:0,0,1,1; margin:0,0,2,2;} 
.whd { text-align: center; color:#000000; font-size: 6pt; background-color:#ffffff;} 
.whdsu { text-align: center; color:#000000; font-size: 6pt; background-color:#FF9999;} 
.whdsa { text-align: center; color:#000000; font-size: 6pt; background-color:#FFCCCC;} 
.wis { padding-bottom: 2px; background-image: url("/publicsoft/images/toggle.gif"); background-repeat: repeat-x repeat-y; }
.wnis { padding-bottom: 2px;}
.weh { cursor:pointer; background-image: url("/publicsoft/images/design/menu_headeri.gif"); background-repeat: repeat-x repeat-y; }
.weh:hover{ background-image: url("/publicsoft/images/design/menu_headerh.gif");  background-repeat: repeat-x repeat-y; }

input.focus { background-color: #e6e6f4;}
textarea.focus { background-color: #efeff4;}