

/* generell */
.application{
	float:left;
	clear:both;
	
}
.application form{
	float:left;
	clear:both;
	width:330px !important;
	
}

input.text{
	height:14px !important;
	
}
#content .application form .formBorder p.fullWidth label.text{
	width:330px !important;

}

.application .sizeXL{
	float:left;
	clear:both;
	margin-top:0px;
	padding-top:0px;
}



/* formButtons */

.application .formButtons{
	background:none;
	padding: 0px 0px 0px 0px;
	height: 42px;
	width: 356px;
	float:left;
	clear:both;
	margin-top:-1px;
	
}

.application .left{
	background-position: top left;
	width: 370px;
	float:left;	
}

.application .right{
	background-position: top right;
	float:right;
}

.application .left,
.application .right{
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	height: 42px;
	clear:both;
}

*html .application .formButtons,
*html .application .left{
	width: 358px !important;
}


/* button left */

.application .buttonLeft {
	padding-left: 10px;
	float:left;
}

/* button center */ 
form div.formButtons p.buttonCenter {
	display:inline;
	text-align:center;
	float: right;
}
*html form div.formButtons p.buttonCenter {
	padding-top: 6px;
}
/* button right */


.application .buttonRight {
	xdisplay:inline;
	float: right;
    width: auto;
	text-align:center;
	font-weight:bold !important;
	
}
.application .buttonRight input{
	padding: 1px 2px 1px 2px;
	color:#FFF;
	background-color:#A98A5B;
	border-top: solid 1px #FFF;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 1px #FFF;
	
}
*html .application .buttonRight input{
	padding: 0px 0px 0px 0px;
}
.application .buttonLeft,
.application .buttonRight {
	padding-top: 6px;
	padding-bottom: 12px;
}

.application .buttonRight{
	padding-right: 25px;
}

/* graphical elements */
.formLine {
	background-color: transparent;
	display:block !important;
	height: 0px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #f4f4f4;
	margin-left: 12px;
	margin-bottom: 20px;
	width: 330px;
	clear:both;
}

/* errors form */

label.error{
	xbackground-image: url("/www/vattenfall/vattenfall_de/__SYSTEM/__img06/icon/arrow_error_pos_white_n.gif");
	xbackground-repeat:no-repeat;
	xbackground-position:0px 2px;
	display:block;
	padding:0px 0px 5px 15px;
	margin:10px 0px 0px 0px;
	border-bottom: 1px solid #d0d0d0;
}
p.errorOverview{
	margin:0px 0px 10px 0px;
}
p.errorOverview strong{
	color:#C11D04 !important;
	line-height: 1.0em ;
	margin:0px 0px 5px 0px;
	display:block;
}
p.errorOverview label{
	display:block;
}
p.error{
	padding:5px 0px 5px 0px;
	xbackground-image: url("/www/vattenfall/vattenfall_de/__SYSTEM/__img06/form/warning-invalid.gif");
	xbackground-repeat:no-repeat;
	xbackground-position:0px 2px;
	color:#C11D04 !important;
	font-weight:bolder;
	font-size:100%;
}
p.error strong{
	padding:0px 0px 0px 15px;
	display:block;
}

p.mandatoryAlert{
	float:left;
	clear:both;
	margin-top:10px;
	width:100%;
	xborder:solid 1px;
	
}
*html p.mandatoryAlert{
	margin-top:0px;
	padding-top:0px;
	float:none;
	xclear:none;
	display:block;
}

*html .formAlert{
	clear:both;
	padding: 0px;
	margin: 0px;
	xwidth:none;
	width:365px !important;
}


/* form border */

.formBorder{
	border-color: #d0d0d0;
	xborder-style: solid;
   xborder-width: 1px 1px 0px 1px;
	padding-top: 10px;
	margin: 0px 0px 0px 0px;
	display:block;
	height:auto;
}

.application .formBorder{	
	clear:both;
	float:left;
	xbackground-image: url("/www/vattenfall/vattenfall_de/__SYSTEM/__img06/form/bg_form.gif");
	xbackground-position: 0 0;
    xbackground-repeat: repeat-x;
	width: 368px;
	xbackground-color: #e1e1e1;
	margin: 0px 0 0px 0px;
	padding-bottom: 10px;
}

*html .application .formBorder{
	width: 366px;
}

/* application */

* html form {
    height: 1%;
	margin:0;
	padding:0;
}
form fieldset {
    xxmargin-bottom: .3125em;
    padding: 0 0 0 0px; /* 0 .625em */
    position: relative; /* workaround for Netscape 6 */
}

.application form legend { 
	font-weight: bold  !important;
	line-height: 1.2;
	width:330px;
	margin-bottom:10px;
	padding-bottom:0px;
}
.application legend.withSpan span {
	xfloat:left;
	clear:both;
	display: block;
	width: 330px !important;	
}

/* content */
#content form {
	margin-bottom:0;
	color: #000;
}
.application form fieldset p {
    xxclear: left;
    xxpadding: 0 10px .3333em 0; /* 0 .8333em .3333em 0 */
	padding: 0 10px 0 0; /* 0 .8333em .3333em 0 */
	width: 330px;	
}

/*wrapper div's and p's */

 form div.wrapperRadio {
    float: left;
    width: auto;
	display: block;
	padding-top:5px;
}
* html form div.wrapperRadio {
	padding-top:2px;
}
 form p.multi {
	xline-height: 1;
    clear: none;
    float: left;
	color: #000;
	
}
 form p.sizeXS {
    width: 76px; /* 8.8333em: 348/4 - 10 = 77 px */
}
.sizeXS .text,
.sizeXS .textDisabled,
.sizeXS .select,
.sizeXS .selectDisabled{
	width:72px !important;
	xmargin-right:12px;
}
 form p.sizeXL {
    width: 333px !important; /* 13.6667em: 348/1 - 10 = 338 px */
	
}
 form p.sizeL {
    width: 159px !important; /* 13.6667em: 348/2 - 10 = 164 px */
}
 form p.sizeM {
    width:240px !important; /* 8.8333em: 348/3 - 10 = 106 px */
}
 form p.sizeS {
    width: 77px !important; /* 8.8333em: 348/4 - 10 = 77 px */
}
 form p.sizeXS {
    width: 10px !important; /* 8.8333em: 348/4 - 10 = 77 px */
}
#content form p.sizeLeft{
    width: 120px; /* 13.6667em: 348/2 - 10 = 164 px */
}
#content form p.sizeRight{
    width: 210px; /* 13.6667em: 348/2 - 10 = 164 px */
}

* html form p.sizeM {
    width: 116px; /* 9.6667em: 348/3 = 116 px */
}
* h\tml form p.sizeXL,
* h\tml form p.sizeL,
* h\tml form p.sizeLeft,
* h\tml form p.sizeRight,
* h\tml form p.sizeM,
* h\tml form p.sizeS {
    padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px;
}
* html form p.sizeL {
    
	margin:0px 5px 0px 0px;
}
/* labels */
form label.text,
form label.textDisabled {
	line-height: 1;
    position: relative;
    top: .1667em;
	margin: 10px 0px 5px 0px;
	display:block;
	xheight:20px;
	
}
*html form label.text{
	margin: 0px 0px 5px 0px;
}
form label.radio {
    top: 0;
	
}
form p label.checkbox, 
form p label.radio {
	display:block;
	margin:-15px 0px 5px 25px;
    top: 0;
}
#content form p.sizeLeft label.checkbox{
	width:120px;
	margin:0;
	padding:0;
	display:block;
}
* html form p label.checkbox,
* html form p label.radio {
	display:block;
	margin:-19px 0px 5px 25px;
    top: 0;
}
* h\tml form p.sizeLeft label.text,
* h\tml form p.sizeLeft label.select,
* h\tml form p.sizeLeft label.checkbox{
	padding:0px 0px 0px 0px;
	margin:0px;
	clear:both;
}

/* inputs */

.sizeRight .textarea,
.sizeRight .textareaDisabled,
.sizeXL .textarea,
.sizeXL .textareaDisabled,
.sizeXL .upload,
.sizeXL .uploadDisabled,
form p input.text,
form p input.textAuto,
form p input.textAutoDisabled{
    border: 1px solid #A98A5B;
    xpadding-left: 2px; /* .1818em */
	
}
.sizeRight .textareaInvalid,
.sizeXL .textareaInvalid,
.sizeXL .uploadInvalid,
form p input.textInvalid,
form p input.textAutoInvalid{
    border: 2px solid #C11D04 !important;
}
form p input.checkbox,
form p input.radio {
	display:block;
	margin:0px;
	padding:0px;
	left:0;
    top: 0;
}
form p input.textAuto,
form p input.textAutoDisabled {
    width: auto;
}

.sizeS .text,
.sizeS .textDisabled,
.sizeS .select,
.sizeS .selectDisabled{
	width:80px;
	margin-right:10px;
}

.sizeS .textInvalid{
	width:78px;
}
.sizeM .text,
.sizeM .textDisabled,
.sizeM .select,
.sizeM .selectDisabled{
	width:240px;
	margin-right:10px;
}
.sizeM .textInvalid{
	width:238px;
}
.sizeL .text,
.sizeL .textDisabled,
.sizeL .select,
.sizeL .selectDisabled{
	width:161px;

}
.sizeL .textInvalid{
	width:159px;
}
* html .sizeL .text,
* html .sizeL .textDisabled,
* html .sizeL .select,
* html .sizeL .selectDisabled{
	width:159px;
}
.sizeXL .text,
.sizeXL .textDisabled{
	width:330px !important;
	
}
.sizeXL .select,
.sizeXL .selectDisabled{
	width:330px !important;
}
.sizeXL .textInvalid{
	width:328px;
}
.sizeXL .multiple{
	height:auto;
}

* html .sizeXL .text,
* html .sizeXL .textDisabled,
* html .sizeXL .select,
* html .sizeXL .selectDisabled{
	width:333px;
}
.sizeXL .upload,
.sizeXL .textarea,
.sizeXL .textareaDisabled{
	width:330px;
}
.sizeXL .textareaInvalid{
	width:328px;
}
.sizeXL .upload{
	height:17px;
	border: 1px solid #cecece;
}
.sizeLeft .text,
.sizeLeft .textDisabled,
.sizeLeft .select,
.sizeLeft .selectDisabled{
	width:120px;
}

.sizeRight .textarea,
.sizeRight .textareaDisabled,
.sizeRight .text,
.sizeRight .textDisabled{
	width:200px;
}
.sizeRight .textInvalid,
.sizeRight .textareaInvalid{
	width:198px;
}
.sizeRight .select,
.sizeRight .selectDisabled{
	width:205px;
}
.sizeRight .select,
.sizeRight .selectDisabled{
	margin:0px;
}

form p.sizeRight input.checkbox{
	margin:0;
	padding:0;
	display:block;
}

* html form p.sizeXL input.checkbox,
* html form p.sizeXL input.radio,
* html form p.sizeRight input.checkbox,
* html form p.sizeRight input.radio {
	padding:0px;
	margin:0px 0px 0px -4px;
}
* html form div.formButtons input {
    display: block;
}


/* clearer */

form p.clear{
	height:0px;
}
* h\tml form p.clear,
form p.clear{
	clear:both;
	float:left;
	xvisibility:hidden !important;
	width: 100%;
	display:block;
	margin: 0px !important;
	padding: 0px !important;
	line-height: 0px;
	xborder: 1px solid #cecece;
	top: 0;
	left:0;
}

* html form p.clear,
* h\tml form p.clear{
	xmargin-bottom:-10px;
	float:none;
	height: 10px;
}
* html form p.sizeRight{
	padding:0px 0px 0px 10px;
}



/* t3 tweaks */
form p.error_field label,
.form_error{
	color:#D20017;
	font-weight:bold;
}
input.submit{
	cursor: pointer;
}

.error_field input.text,
.error_field textarea{
	border:1px solid #D20017;
}
