/*
 *      vs_office.css
 *      
 *      Copyright (C)  2005 - 2012 © Dr. Norbert Klumpp
 *      
 *      Copyright (C)  2013 - 2015 © Vetsoft Office Projekt <http://www.http://www.vetsoft.de/>
 *                     Dirk Walter (DW),
 *                     Klaus Munsteiner (KM), 
 *                     Markus Angeli (MA)
 *      
 *      This program is free software; you can redistribute it and/or modify
 *      it under the terms of the GNU General Public License as published by
 *      the Free Software Foundation; either version 2 of the License, or
 *      (at your option) any later version.
 *      
 *      This program is distributed in the hope that it will be useful,
 *      but WITHOUT ANY WARRANTY; without even the implied warranty of
 *      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *      GNU General Public License for more details.
 *      
 *      You should have received a copy of the GNU General Public License
 *      along with this program; if not, write to the Free Software
 *      Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
 *      MA 02110-1301, USA.
 */

/* ---------- 2015-02-26 Klaus Munsteiner: Neues Design Version 1.8 ---------- */





/* ---------- Vetsoft Office Style Sheet ---------- */

/* 2014-01-05 KM --------- Hintergrund: aenderbar --------- */

/*   2014-01-05 KM: Systemfarben durch Hex-Werte ersetzt,
   * da die Farben besonders in den editierbaren Felder nicht gut waren.
   *
   * appWorkspace   --> #CCCCCC
   * highlight      --> #8CB6D2
   * InfoBackground --> #EEEEEE
   * InfoText       --> #000000
   *
   * black          --> #000000
   * blue           --> #0000FF
   * darkgray       --> #A9A9A9
   * green          --> #00FF00
   * darkgreen      --> #006400
   * red            --> #FF0000
   * white          --> #FFFFFF
*/

body
{
   /* 2014-01-05 KM: Definition der Hintergrundfarben ausserhalb des Vetsoft Windows
    *
    * Falls eine andere Farbe gebraucht wird, grau #DDDDDD auskommentieren
    * und die andere Farbe Kommentarzeichen wegnehmen.
    *
    * Standard Hintergrundfarbe grau: */
    background-color: #DDDDDD;

    /* Hintergrundfarbe gruen */
    /*background-color: #95B291;*/

    /* Hintergrundfarbe pink */
    /*background-color: #FFB6C1;*/

    /* Hintergrundfarbe gelb */
   /*background-color: #F2E287;*/


    width: auto;
    height: auto;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
    font-size:11px;
    font-family:Tahoma, Verdana, Geneva, Arial, Helvetica,sans-serif;
}


h1
{
    margin-bottom:18px;
    color:#444;
}

h2
{
    margin-bottom:18px;
    color:#444;
}

h3
{
    font-weight:bold;
    color:#F00;
}

h4
{
    font-weight:bold;
    color:#444;
}

h5
{
    color:#A9A9A9;
}

/* --- Formatierung zur Tasso Registrierung mit Mail-Programm benutzt------*/
h6
{
    color:#F00;
    background-color:#FFF;
    font-size: 1.7em;
    text-align:center;
}


/* --------------Links-----------------------------*/
a:link {color:#000000;text-decoration: none;  }
a:visited{color: #000000; text-decoration: none;  }
/* 2014-02-17 KM:  a:hover geaendert */
a:hover{background-color: none;font-weight: bold; }
a:active {color:#FF0000;text-decoration: italic;  }



input,select,textarea,button,label,div,table
{
	font-size: 1.0em;
	font-family:Tahoma, Verdana, Geneva, Arial, Helvetica,sans-serif;
}



input:focus,
textarea:focus
{
	background-color:#FFFFCC;
	color:#000000;
}



label
{
	font-weight:bold;
	width:40px
}


li 
{
	margin-top:3px;
}


pre 
{
	font-family:Courier New,Courier; color:#0000C0; 
}


img
{
	border-width:0px;
}



/* allgemeine vs_styles   */

/* Hauptseite (div), bestimmt die Seitengroesse 
 *  Class muss bleiben, bis alles fertig ist. */
.vs_seite
{
	width:1150px;
	height:670px;
	padding-top:1px;
	margin:auto;
	background-color:#CCCCCC;
	border-top:1px solid ThreeDShadow;
	border-bottom:1px solid ThreeDHighlight;
	border-left:1px solid ThreeDShadow;
	border-right:1px solid ThreeDHighlight;
}


/* Hauptseite (div), bestimmt die Seitengroesse */

#vs_seite
{
	width:1150px;
	height:670px;
	padding-top:1px;
	margin:auto;
	background-color:#CCCCCC;
	border-top:1px solid ThreeDShadow;
	border-bottom:1px solid ThreeDHighlight;
	border-left:1px solid ThreeDShadow;
	border-right:1px solid ThreeDHighlight;
}


/* kleine Hauptseite (div), bestimmt die Seitengroesse */

#vs_seite_klein
{
	width:570px;
	height:580px;
	padding-top:1px;
	margin:auto;
	background-color:#CCCCCC;
	border-top:1px solid ThreeDShadow;
	border-bottom:1px solid ThreeDHighlight;
	border-left:1px solid ThreeDShadow;
	border-right:1px solid ThreeDHighlight;
}


/* kleine Hauptseite, bestimmt die Seitenmitte */

#seite_klein_mitte  
{
	width:490px;
	height:500px;
	padding:40px;
}

#vs_seite_login
{
	width:280px;
	height:320px;
	padding:40px;
	margin:auto;
	background-color:#CCCCCC;
	border-top:1px solid ThreeDShadow;
	border-bottom:1px solid ThreeDHighlight;
	border-left:1px solid ThreeDShadow;
	border-right:1px solid ThreeDHighlight;
}

/* kleine Hauptseite (div), bestimmt die Seitengroesse der Vet abc und Revlovlet Dialoge*/

#vs_seite_labordialog
{
	width:250px;
	height:530px;
	padding:10px;
	margin:auto;
	background-color:#CCCCCC;
	border-top:1px solid ThreeDShadow;
	border-bottom:1px solid ThreeDHighlight;
	border-left:1px solid ThreeDShadow;
	border-right:1px solid ThreeDHighlight;
}


/* kleine Hauptseite (div), bestimmt die Seitengroesse der E-Mail Dialoge*/

#vs_seite_mail
{
	width:590px;
	height:580px;
	padding-top:1px;
	margin:auto;
	background-color:#CCCCCC;
	border-top:1px solid ThreeDShadow;
	border-bottom:1px solid ThreeDHighlight;
	border-left:1px solid ThreeDShadow;
	border-right:1px solid ThreeDHighlight;
}



#id_menu  /* Menue oben */
{
	width:1150px;
	height:30px;
}



/*---------------------------------------vs_Klassen-----------------------------------  */

table.vs_db_table
{
	border:0 ;
	background-color:#EEEEEE;
	border: thin solid #000099;
	padding:0px;
	border-spacing:0px;
	empty-cells:show;
}

table.vs_table
{
	padding:0px;
	border-spacing:0px;
}

tr.vs_table_row_title_css{}


tr.vs_table_row_1_css
{
	background-color:#FFF;
}
tr.vs_table_row_2_css
{
	background-color:#FFF;
}
tr.vs_table_row_sel_css
{
	background-color:#8CB6D2;
}
/* 2014-02-17 KM: hover in tr.vs_table_row_1/2_css Hintergrundfarbe  */

tr.vs_table_row_1_css:hover
{
	background-color: #EEE;
}
tr.vs_table_row_2_css:hover
{
	background-color: #EEE;
}


table.vs_form_table
{
	background-color:#CCCCCC;
	padding:2px;
}


table.vs_db_filter_form_table
{
	padding:0px;
}


table.vs_img_table
{
	padding:5px;border-width:1px;
	border-style:solid;
	border-color:#000099;
}

.vs_img,img.vs_new_window_img,img.vs_action_img, img.vs_alert_img,img.vs_click_img
{
	border-width:0px;
	cursor:pointer;
	vertical-align:middle;
	margin-left:3px;
	margin-right:3px;
}

.vs_error_row
{
    color:#FF0000;
    padding:3px;
    background-color:#A9A9A9;
    /*opacity: 0.2;
    filter:alpha(opacity=20); /* IE's opacity*/
    font-weight:bold;
    position:absolute;
    top:200px;
    left:300px;
    width:400px;
    height:200px;
    /*border:2px solid  ThreeDShadow;
    border-top: 2px solid ThreeDHighlight;
    border-left: 2px solid  ThreeDHighlight ;*/
    border: 2px solid #FF0000;
    padding:5px;
    z-index:200;
}

.vs_info_row
{
    color:blue;
    padding:3px;
    background-color:#EEEEEE;
    /*opacity: 0.2;
    filter:alpha(opacity=20); /* IE's opacity*/
    font-weight:bold;
    position:absolute;
    top:200px;
    left:100px;
    width:800px;
    height:100px;
    /*border:2px solid  ThreeDShadow;
    border-top: 2px solid ThreeDHighlight;
    border-left: 2px solid  ThreeDHighlight ;*/
    border: 2px solid blue;
    padding:5px;
    z-index:200;
}

.vs_enabled_edit
{
    color:#000000;
    background-color:#FFFFFF;
    padding:1px;
    border:2px solid ThreeDHighlight ;
    border-top: 2px solid ThreeDShadow;
    border-left: 2px solid ThreeDShadow;
}

.vs_disabled_edit
{
    color:#000000;
    background-color:#EEEEEE;
    padding:1px;
    border:2px solid ThreeDHighlight ;
    border-top: 2px solid ThreeDShadow;
    border-left: 2px solid ThreeDShadow;
}

.vs_disabled_edit_red_text
{
    color:#FF0000;
    background-color:#EEEEEE;
    padding:1px;
    border:2px solid ThreeDHighlight ;
    border-top: 2px solid  ThreeDShadow;
    border-left: 2px solid  ThreeDShadow;
}

.vs_disabled_edit_green_text
{
    color:#006400;
    background-color:#EEEEEE;
    padding:1px;
    border:2px solid ThreeDHighlight ;
    border-top: 2px solid  ThreeDShadow;
    border-left: 2px solid  ThreeDShadow;
}


/*spezielle Zwecke bei VS_Office*/

/*Datum auf Karteikarte,Schrift */
.karteidate
{
    color:#0000FF;
    font-weight:none;
}
/*Anzeigetext auf Karteikarte,Schrift */
.kartei_anzeigetext
{
    color:#FF0000;
}

.behpos_neu
{
    background-color:#00ff00;
}

/*Standardpositionen-Eingabeform */
table.vs_stapos_form_table
{
    padding:0px;
}


table.posforms
{
    padding:0px;
    border-width:1px;
    border-style:solid;
    border-color:#000099;
    background-color:#EEFFFF;
}

/* -----------------tabs-Anfang-----------------------------------  */

table.tab
{
    border-collapse:collapse;
    padding:0px;
    border-spacing:0px;
}


td.vs_active_tab
{
    font-weight: bold ;
    color: #000000;
    border-top: 1px solid  ThreeDHighlight;
    border-bottom: 2px solid ThreeDShadow;
    border-left: 2px solid  ThreeDHighlight;
    border-right: 2px solid ThreeDShadow;
    text-align:center;
    padding:1px;
    background-color:#8CB6D2;
    height:24px;
}

td.vs_inactive_tab
{
    font-weight: none ;
    border-top: 1px solid  ThreeDHighlight;
    border-bottom: 1px solid ThreeDShadow;
    border-left: 1px solid  ThreeDHighlight;
    border-right: 1px solid ThreeDShadow;
    text-align:center;
    padding:1px;
    color: #000000;
   /* 2013-12-29 KM: Farbe der inaktiven Tabs heller als Hintergrund */
    background-color:#e6e6e6;
    height:24px;
}


/* ------- Karteikarte, Abrechnung -> Bereich unterhalb der TABs --------- */

#tabd
{
	width:1136px;
	height:470px;
	margin:4px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
	padding:1px;
}




/* -------Kartei Behandlungen rechter Teil-------------------  */

#kartei_behandlung_rechts
{
	width: 640px;
	height:430px;
}


/* -------Kartei Behandlungen linker Teil-------------------  */

#kartei_behandlung_links
{
	width: 470px;
	height:430px;
}


/* -------Kartei Leistungen rechter Teil-------------------  */

#kartei_leistung_rechts
{
	width: 630px;
	height:420px;
	padding: 10px;
}


/* -------Kartei Leistungen linker Teil-------------------  */

#kartei_leistung_links
{
	width: 470px;
	height:430px;
}


/* ---Kartei Dokumente, Roentgen, Abrechnung rechter Teil-- */

#kartei_doku_rechts
{
	width: 740px;
	height: 420px;
	padding: 10px;
}


/* ---Kartei Dokumente, Roentgen, Abrechnung linker Teil--- */

#kartei_doku_links
{
	width: 350px;
	height: 440px;
}


/* ---- ---Kartei Labor rechter Teil----------------------  */

#kartei_labor_rechts
{
	width: 650px;
	height:420px;
	padding: 10px;
}


/* ----- --Kartei Labor linker Teil----------------------  */

#kartei_labor_links
{
	width: 455px;
	height:440px;
}


/* -------Patientenkarte Bereich Mitte ohne TABs -------------------  */

#kartei_mitte_ohne_tabs
{
	width:1136px;
	height:500px;
	margin:4px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
	padding:1px;
}




/* ------- Besitzer Event -> Bereich unterhalb der TABs --------- */

/* ------- TAB Weitere Angaben --------- */
#besitzer_event_angaben_tabd
{
	width:1120px;
	height:520px;
	margin:4px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
	padding:10px;
}


/* ------- TAB Ereignisse --------- */
.besitzer_event_tabd   
{
	width:1140px;
	height:540px;
	margin:4px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
	padding:10px;
}


/* ------- TAB Ereignisse --------- */
#besitzer_event_mitte
{
	width:1150px;
	height:582px;
}


/* ------- TAB Ereignisse --------- */
#besitzer_event_mitte_links
{
	width:320px;
	height:520px;
}


/* ------- TAB Ereignisse --------- */
.besitzer_event_tabelle_links
{
	width:290px;
	height:510px;
	padding: 5px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}


/* ------- TAB Ereignisse --------- */
#besitzer_event_mitte_rechts
{
	width:600px;
	height:510px;
}



/* ----------Stammdaten--------------------------- */

#stammdaten_oben
{
	width:1150px;
	height:82px;
}

#stammdaten_seitenmitte
{
	width:1130px;
	height:532px;
	padding:10px;
}


#stammdaten_mitte_links
{
	width:374px;
	height:530px;
}


.stammdaten_tabelle_links
{
	width:360px;
	height:528px;
	padding: 5px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}


#stammdaten_mitte_rechts  /* fuer Karten ohne TABS */
{
	width:730px;
	height:506px;
	padding: 10px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}



#stammdaten_mitte_links_schmal
{
	width:300px;
	height:530px;
}

/* fuer Karten ohne TABS */
.stammdaten_tabelle_links_schmal
{
	width:275px;
	height:530px;
	padding: 5px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}


#stammdaten_mitte_rechts_breit  /* fuer Karten ohne TABS */
{
	width:800px;
	height:508px;
	padding: 10px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}

#stammdaten_mitte_rechts_tab  /* fuer Karten mit TABS */
{
	width:760px;
	height:530px;
}


#stammdaten_tabd  /* fuer Karten mit TABS */
{
	width:737px;
	height:477px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
	padding:10px;
}


/* ----- Roentgen Worklist ------------------------ */

.roe_worklist_tabelle_links_schmal
{
	width:275px;
	height:530px;
	padding: 5px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}


#roe_worklist_rechts
{
	width: 780px;
	height: 480px;
	padding: 10px;
}


#roe_worklist_rechts_oben
{
	width: 770px;
	height: 50px;
	padding: 5px;
}


/* ----- Karteikarte Anfang ------------------------ */

/* ------Bereich in dem .topliste eingefuegt wird ---*/
.vs_besitzer_area
{
	padding:10px;
	border-top:1px solid ThreeDHighlight;
	/*border-bottom:1px solid ThreeDShadow;*/
	border-left:1px solid ThreeDHighlight;
	border-right:1px solid ThreeDShadow;
}


#topliste
{
	height:40px;
}

.vs_patient_area
{
	height:60px;
	
	/*border-top:1px solid ThreeDHighlight;*/
	border-bottom:1px solid ThreeDShadow;
	border-left:1px solid ThreeDHighlight;
	border-right:1px solid ThreeDShadow;
}


/* ----- Karteikarte Ende --------------------- */



/* -------- Rechnung Anfang ------------------ */

#rechnung_mitte
{
	width:1150px;
	height:552px;
}

#rechnung_mitte_links
{
	width:430px;
	height:540px;
}

.rechnung_tabelle_links
{
	width:360px;
	height:538px;
	padding: 5px;
	margin-left: 10px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}


#rechnung_mitte_rechts
{
	width:700px;
	height:550px;
}

#rechnung_tab
{
	width:700px;
}


#rechnung_tabd   /* Rechnung unterhalb der TABs */
{
    width:670px;
    height:484px;
    margin:4px;
    border-top: 1px solid  ThreeDHighlight;
    border-bottom: 1px solid ThreeDShadow;
    border-right: 1px solid ThreeDShadow;
    border-left: 1px solid  ThreeDHighlight;
    padding:10px;
}


/* -------- Rechnung Ende -------------------  */



/* -------- Umsaetze Anfang -----------------  */


#umsaetze_seitenmitte
{
	width:1130px;
	height:532px;
	padding:10px;
}


#umsaetze_mitte_links_schmal
{
	width:300px;
	height:530px;
}

.umsaetze_tabelle_links_schmal
{
	width:275px;
	height:526px;
	padding: 5px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}



#umsaetze_tab_breit
{
	width:820px;
}


#umsaetze_tabd   /* Umsaetze unterhalb der TABs */
{
    width:790px;
    height:472px;
    margin:4px;
    border-top: 1px solid  ThreeDHighlight;
    border-bottom: 1px solid ThreeDShadow;
    border-right: 1px solid ThreeDShadow;
    border-left: 1px solid  ThreeDHighlight;
    padding:10px;
}


/* --------- Umsaetze Ende -----------------------  */


/* --------- Startseite Anfang -------------------  */

/* start.php  */

#start_seitenmitte  /* $mitte  */
{
	width:1120px;
	height:522px;
	margin:4px;
	padding:10px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}


/* --------- Startseite Ende -------------------  */



/* offene_behandlungen.php, kartei_suchen.php, behandlung_bwa.php  */

#uebersichten_seitenmitte
{
	width:1100px;
	height:500px;
	margin:4px;
	padding:20px;
	border-top: 1px solid  ThreeDHighlight;
	border-bottom: 1px solid ThreeDShadow;
	border-right: 1px solid ThreeDShadow;
	border-left: 1px solid  ThreeDHighlight;
}

/*  untere Leiste  */
#vs_statusbar
{
	left:1px;
	right:1px;
	height:24px;
	bottom:0px;
	padding:5px;
	vertical-align:middle;
	border-top:1px solid ThreeDHighlight;
	border-bottom:1px solid ThreeDShadow;
	border-left:1px solid ThreeDHighlight;
	border-right:1px solid ThreeDShadow;
}

/*   Bilderleiste in start.php   */

#vs_toolbar
{
	height:115px;
	margin-top:3px;
	padding:3px;
}


/*Edit zur Eingabe von Kuerzeln */
input.edit_kurz
{
	background-color:#ffff66;
	color:#000000;
}

div.div_ajax_result
{
	background-color:#EEEEEE;
	color:#000000;
	padding:2px;
	overflow:auto;
	border-top:1px solid ThreeDShadow;
	border-bottom:1px solid ThreeDHighlight ;
	border-left:1px solid ThreeDShadow;
	border-right:1px solid ThreeDHighlight;
}

/*wartezimemr _liste*/
#id_wartezimmer select
{

}