/* $Id: winxp.css 7631 2007-07-31 12:02:39Z smaxim $ */
/*
 * Controls the icons that are displayed according to the specified rules, 
 * depending on the validity of the data entered
 */
/*
 "zpStatusImg" class images for form fields -- apply appropriate rules here.
 The script auto-applies one of each of these CLASS attributes to a series of
        nested <span>s with an innermost .zpStatusImg class <span> we style:
 1) "zpIsRequired" or "zpNotRequired".
 2) "zpIsEmpty" or "zpNotEmpty".
 3) "zpIsEditing" or "zpNotEditing".
 4) "zpIsValid" or "zpNotValid".
 5) Always "zpStatusImg", this is the one styled.
*/

.zpFormWinxp .zpStatusImg,
.zpFormWinxp .zpCheckboxStatusImg,

.zpFormWinxp .zpRadioStatusImg { /* Container for field status image */
        padding: 0px 0px 0px 12px;
        width: 13px;
        background-repeat: no-repeat;
        background-position: right;
        margin-left:5px;
        margin-right:3px;
        display: inline-block;
        vertical-align: top;
} 

.zpFormWinxp .zpCommonStatusImg {
        opacity: 0.66;
        filter: alpha(opacity=66);
        padding-bottom: 5px; /* Fixes alignment of asterisk ->  don't remove! */
}

.zpFormWinxp .zpCheckboxStatusImg,
.zpFormWinxp .zpRadioStatusImg { /* Container for checkbox and radio status images */
        opacity: 1.0;
        filter: alpha(opacity=100);
}


.zpFormWinxp .zpIsRequired .zpStatusImg{
        background-image: url(icons/required.gif);
}

.zpFormWinxp .zpIsEditing .zpStatusImg { /* properties of status image while editing field */
       opacity: 1.0;
       filter: alpha(opacity=100);
}

.zpFormWinxp .zpIsEditing .zpNotEmpty .zpCommonStatusImg{
       background-image: url(icons/editing.gif);
}

.zpFormWinxp .zpNotEditing .zpNotEmpty .zpNotValid .zpStatusImg{
        background-image: url(icons/invalid.gif);
}

.zpFormWinxp .zpIsValid .zpStatusImg{ /* Shown when field is valid */
        background-image: url(icons/validated.gif);
}

.zpFormWinxp .zpIsFetching .zpStatusImg { /* shown while inputing into field */
        background-image: url(icons/fetching.gif) !important;
}

/*
 * Controls the look and feel of the form
 */

.zpFormWinxp .errOutput{ /* style for error field */
        padding: 10px;
        margin-bottom: 10px;
        font-weight: bold;
        color: #bb1600;

        display: none;
}


.zpFormWinxp textarea {  
        /*
		background-color:#F5F1F2;
		*/
        border:1px solid #8484A1;
        width: 270px;
}

.zpFormWinxp .zpFormLabel { /* style for form fields labels */
        width: 10em;
        float: left;
        font-size: 11px;
        line-height:20px;
}

.zpFormWinxp .zpExpandedTable, 
.zpFormWinxp .zpExpandedTable td,  
.zpFormWinxp .zpExpandedTable th  {  
        border:1px solid #919B9C;
        border-collapse:collapse;                        
}

.zpFormWinxp .zpExpandedTable span { /* fixes the table cell height error, caused by invisible spans */
        display:none;
}

.zpFormWinxp .zpExpandedTable .multipleButton { /* multiply button in table container */
        margin:2px;
}

.zpFormWinxp .multipleButton{  /* style for field multiply button (if present) */
        margin-left: 10px; 
        text-align: center;
        width:20px;
}                              

* html .zpFormWinxp .multipleButton {  /*IE6 Fix of button height*/
        height:20px;
}
 
*:first-child+html .zpFormWinxp .multipleButton { /*IE7 Fix of button height*/
        height:20px;
}



.zpFormWinxp {  /* Common form properties */
        /* background-color: #ECE9D8;
           border:1px solid black; */
        font-size: 11px;
        font-family: "MS Sans Serif" , Arial, Tahoma, Verdana, sans-serif;
 		/*		padding:10px; */
}

.zpFormWinxp .zpFormContent{ /* Form content container style */
        background: url("winxp/xpform.jpg") repeat-x bottom #FCFCFE;
        border: solid 1px #919b9c;
        margin: 0px 10px;
        padding: 0px 10px 10px 10px;
}









* html .zpFormWinxp .zpFormContent{ /* IE6 fix */
        padding-top: 10px;
}



.zpFormWinxp .button{  /* style for form submit buttons */
        background: url("winxp/button_xp.gif");
        height: 21px;
        width: 73px;
        border: none;
        line-height: 16px;
        font-family:  Arial, Verdana, sans-serif;
        font-size: 11px;
        margin-left: 10px;
        padding-bottom:2px;
}

* html .zpFormWinxp .button{ /* IE6 buttontext  fix */
        padding-bottom:0px;
}

*:first-child+html .zpFormWinxp .button{ /* IE7 buttontext fix */
        padding-bottom:0px;
}


.zpFormWinxp .zpFormButtons{ 
        text-align: right;
        margin: 10px;
}

.zpFormWinxp fieldset{  /* form fieldset style */
        margin: 10px 1px 10px 1px;
        padding: 10px;
        border:1px solid #D0D0BF;
}

* html .zpFormWinxp fieldset{  /* IE6 fix */
        margin-bottom:5px;
}                   	

.zpFormWinxp legend{  /* form legend: sign of the fieldset */
        color: #0046DC;
        padding:0px 5px;
}

* html .zpFormWinxp legend{
        margin-bottom: 10px;
}

.zpFormWinxp select {
        background-color:#FFFFFF;
        border:1px solid #7F9DB9;
        margin-bottom: 5px;
}
                              /* Dropdown styles */
.zpFormWinxp .dropDownArrow { /* All Browsers */
        background-image: url(winxp/down_arrow.gif);
        padding:9px 9px; 
        padding-top:12px;
        background-repeat: no-repeat;
        margin-left:-1px;
        display: inline;
        cursor: pointer;
} 


* html .zpFormWinxp .dropDownArrow {  /* IE6 */
        vertical-align:top; /* important -> don't remove */
        height: 20px;
        background-image: url(winxp/down_arrow_hilite.gif);
        padding: 0px 12px;
        background-repeat: no-repeat;
        margin-left:-1px; 
        margin-top:1px;
        display: inline-block;
        cursor: pointer;
}                                   

*+html .zpFormWinxp .dropDownArrow {  /* IE7 */
        margin-top:1px;
        vertical-align:top !important;
        height: 20px;
        background-image: url(winxp/down_arrow.gif);
        padding: 0px 12px;
        background-repeat: no-repeat;
        margin-left:-1px;
        display: inline-block;
        cursor: pointer;
}










.zpFormWinxp .dropDownArrow:hover,
.zpFormWinxp .dropDownArrow:active,
.zpFormWinxp .dropDownArrow:focus { /* All Browsers hover */
        background-image: url(winxp/down_arrow_hilite.gif);
} 
                                /* end of dropdown styles */


.zpFormWinxp .fieldError {
        font-weight: bold;
}

.zpFormWinxp input {
        /* width:auto; */
}

/* Enfernt:         background:#FFFFFF;
        border:1px solid #7F9DB9; */

* html .zpFormWinxp input.zpFormRequired { /* fix for IE 6 - fixing width  */
				width:150px;
}


.zpFormWinxp .zpFormError{ /* text: this field is required style */
        vertical-align:top;
        color: #F73460;
        padding-left: 10px;
        font-weight: normal;
        
}

.zpFormWinxp .zpRadioLabel { /* label for checkbox and radio elements */
        padding-left: 5px;
        vertical-align:top;
}

 
.zpFormWinxp .zpFormCheckbox { /* checkbox style */
        border:none !important;
        padding:0px;
        margin:0px;
        width:auto;
        background:none;
}


.zpFormWinxp .zpFormRadio {  /* radio style */
        border:none;
        padding:0px;
        margin:0px;
        width:auto;
        background:none;
}

* html .zpFormWinxp .zpFormCheckbox { /* ie6 checkbox style */
        margin:-3px;
        width:14px !important;
        margin:-3px -3px -3px -1px;
}
       
* html .zpFormWinxp .zpFormRadio { /* ie6 radio style */
        margin:-3px -3px -3px -1px;
        vertical-align:3%;
        width:14px !important; 
}


*+html .zpFormWinxp .zpFormCheckbox { /* ie7 checkbox style */
        margin:-3px;
}
       
*+html .zpFormWinxp .zpFormRadio { /* ie7 radio style */
        margin:-3px;
        vertical-align:3%;
}

.zpFormWinxp .zpWrongValue{ /* highlighting field when trying to input not allowed symbol */
        background-color: #EA888C !important;
}

/**
 * Bearbeiter: Mathias Blasek
 * Datum: 07.02.2008
 *
 * Anpassungen zu dem Formularen, die auf der efonds-tectavis-Seite verwendet werden
 * Anpassungen zu dem Tab-Gerüst von Zapatec, welches die die Vorgaben des Layouts
 * umsetzt
 **/
 	
.tdForm3Right {
	padding-top: 6px;
}
.tdForm3Right .inputRadioButton, .tdForm .inputRadioButton {
	margin-bottom: -2px;
}
.inputRisikoRadio {

}
td.risikoLabel {
	font-weight: bold;
}
td.risikoLabel label {
	cursor: pointer;
}
td.risikoButton {
	width: 20px;
}
* html td.risikoButton {
	padding-top: 2px;
}
* html .tdForm3Right .inputRadioButton, .tdForm .inputRadioButton {
	border: none;
}
.tdForm3Right .inputCheckBox, .tdForm .inputCheckBox {
	margin-bottom: 1px;
}
* html .tdForm3Right .inputCheckBox, * html .tdForm .inputCheckBox {
	margin-bottom: -2px;
	border: none;
}
a.risiko, a.risiko:hover, a.risiko:active  {
	margin:0;
	color:#505050;
	font-size:12px;
	border:0;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
}

a.risiko:hover {
	text-decoration:underline;
}