/**
 * Grundformatierung von Workflows
 * @package econtent
 * CSS Datei
 * (c) Grün Software AG, Aachen
 * @todo: noch anzupassen 
 */


/* Fortschrittsanzeige */
/******************************************************************************/

.fortschritt {
	margin-top:			10px;
	margin-bottom:		10px;
	

}
div.wf_std_fortschritt {
    height:				18px;
    padding-top:        4px;
}

font.wf_std_fortschritt {
	/* color:				   #d9ecea; */
	font-weight:		bold;
}

font.wf_std_fortschritt_akt {
	color:				#66B5AA;
	font-weight:		bold;
}

/* Definitionen für Maske (Tabellendesign) */
/******************************************************************************/

#wf_standard table.wf_standard, #wf_standard td, #wf_standard input, #wf_standard font, #wf_standard select   {
    padding:               0;
    padding-left:          5px;
    margin:                0;
    border-collapse:       collapse;
    border-spacing:        0;
}

#wf_standard td, #wf_standard tr, #wf_standard input, #wf_standard select  {
    padding:               0;
    margin-top:            3px;
    border-collapse:       collapse;
    border-spacing:        0;
}

#wf_standard input, #wf_standard select, #wf_standard option  {
    border:                solid 1px #100000;
    height:                16px;
}

#wf_standard input  {
    width:                 300px;
}

#wf_standard input.wf_button   {
    width:                 100px;
}

#wf_standard font.wf_spendentext    {
    font-weight:           bold;
}

/* Definitionen für Workflow Progress Tracker */
.progressTracker {
    background: none repeat scroll 0 0 #E6F3F0;
    height: 30px;
    line-height: 30px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.progressTracker_step {
    background: none repeat scroll 0 0 #E6F3F0;
    color: #4A4A4A;
    display: block;
    float: left;
    font-weight: bold;
    line-height: inherit;
    margin: 0;
    position: relative;
    text-align: center;
    padding: 0;
}
.progressTracker_step.active {
    background: #66B4A9;
    color: #fff;
}
.progressTracker_step.active .progressTracker_step_innerArrow {
    border-left-color: #66B4A9;
}
.progressTracker_step_arrow {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 16px;
    width:0;
    height:0;
    position: absolute;
    right: -32px;
    top: -1px;
    z-index: 1;
}
.progressTracker_step_innerArrow {
    border-color: transparent transparent transparent #E6F3F0;
    border-style: solid;
    border-width: 15px;
    width:0;
    height:0;
    position: absolute;
    right: -29px;
    top: 0;
    z-index: 1;
}
/* Workflow Progress Tracker Custom Farben */
.progressTracker_step_innerArrow {
    border-left-color: #E6F3F0;  /* Step-Farbe */
}
.progressTracker,
.progressTracker_step {
    background: #E6F3F0;  /* Step-Farbe */
    color: #4A4A4A; /* Step-Schriftfarbe */
}
.progressTracker_step.active {
    background: #66B4A9;  /* Aktueller Step-Farbe */
    color: #fff; /* Aktueller Step-Schriftfarbe */
}
.progressTracker_step.active .progressTracker_step_innerArrow {
    border-left-color: #66B4A9; /* Aktueller Step-Farbe */
}
.progressTracker_step_arrow {
    border-left-color: #fff; /* Trennpfeil-Farbe */
}

/* Workflow-Fehlermeldungen */

div.wf_std_errorwindow {
	border: 1px solid red;
}

div.wf_std_errorwindow b {
	display: block;
}

/* white label Anpassungen */

td.standardMaskeLabel {
	text-align: right;
	padding-right: 10px;
	width: 150px;
	font-size: 11px;
}

td.standardMaskeKopf {
	padding-top: 20px;
	padding-right: 10px;
}

td.standardMaskeKopf, td.standardMaskeKopf label {
	font-size: 12px;
	font-weight: bold;
}

input.wf_std_eingabe, select.standardMaske, select.standardMaskeFehler {
	border: 1px solid #CBCBCB!important;
	color: #4A4A4A!important;
	font-family: Arial,Verdana,sans-serif!important;
	font-size: 11px!important;
}

input.standardMaskeReadonly {
	background-color: #E5E5E5;
	border: 1px solid #CBCBCB;
	color: #8A8A8A;
}

table.standardMaske hr {
	margin: 0 -150px 0 50px;
}

/* Warenkorb */
table#standardMaskeTable td.standardMaskeKopf {
	padding-right: 5px;
}

table#standardMaskeTable tr.row1 {
	background: #e4e4e4; 
}

table#standardMaskeTable tr.row2 {
	background: #fff; /*hover: #cbcbcb */
}
table#standardMaskeTable hr {
	margin: 0;
}

#ipayment_form input[type="submit"], #paypal_form input[type="submit"]
{
    background-color: #F0F0F0;
    border: 1px solid #4A4A4A;
    cursor: pointer;
    font-size: 11px;
    margin-right: 5px;
    padding: 0 5px;
    float: right;
}

#ipayment_form .payment_radio
{
    margin-right: 5px;
}

#ipayment_form label
{
    display: block;
    float: left;
    width: 150px;
}

#ipayment_form .cc_expdate_year
{
    width: 55px;
}

#ipayment_form .cc_expdate_month
{
    width: 40px;
}