/*
	$Revision: 1.9 $
	Check-In $Date: 2011/11/30 08:38:53 $
*/
/* 	
	START: forms.css 
	all the stuff for the forms styling
*/

/* general internal grid defs */

.pxc-xgrid-4 {width:928px;}
.pxc-xgrid-3 {width:676px;} /* 3-cols */
.pxc-xgrid-1 {width:220px;} /* 1-col, right margin */
.pxc-xgrid-fl {float:left; display:block; }
.pxc-xgrid-fr {float:right; display:block;}

/* every form should have the class pxc-f */
.pxc-f input {}

/* taken in from the redesign_app */
.pxc-tbl-fullw {width:100%;}
.pxc-textfield-std {width:240px; border:solid 1px #d8d8d8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:3px 4px 2px 4px; border-top-color:#adacb1;}
.pxc-dropdown-std {width:251px; padding:2px 1px 1px 1px; border-width:1px; border:solid 1px #d8d8d8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border-top-color:#adacb1;}

/* input elements need specific classes, because of IE6 which cannot address by input type attribute.    
   Every checkbox gets the class "pxc-checkbox"
   Every dropdown gets the class "pxc-dropdown"
   Every radiobutton gets the class "pxc-radio"
   Every textarea gets the class "pxc-textarea" 
   Every single line texfield gets the class "pxc-textfield"
   
   If an error should be signaled the field gets an additional class
*/
.pxc-f-disabled {background-color:#edf0f3;}
.pxc-f .pxc-checkbox {border:none; background-color:transparent; margin-left:0px; _margin-top:-1px;}
.pxc-f .pxc-dropdown {padding:2px 1px 1px 1px; border-width:1px; border:solid 1px #d8d8d8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border-top-color:#adacb1;}
.pxc-f .pxc-radio {margin:0 5px 0 0;}
.pxc-f .pxc-textarea {border:solid 1px #d8d8d8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:3px 4px 2px 4px; border-top-color:#adacb1;}
.pxc-f .pxc-textfield {border:solid 1px #d8d8d8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:3px 4px 2px 4px; border-top-color:#adacb1;}
.pxc-f label {font-weight:bold;}
.pxc-f .pxc-label {}
.pxc-f .pxc-simple-label {font-weight:normal;} /* use additionally to pxc-label class for labels which should not be bold */
.pxc-f .pxc-txt-interfield {line-height:1.7em; vertical-align:bottom;} /* for text which is between input fields, like e.g. a "-" between two telephone fields */

.pxc-f-inp-typing {color:#000 !important;}

.pxc-f .pxc-label-error {color:#e80202;} 
.pxc-f .pxc-checkbox-error {border-color:#e80202;} 
.pxc-f .pxc-dropdown-error {border-color:#e80202;}
.pxc-f .pxc-radio-error {border-color:#e80202;}
.pxc-f .pxc-textarea-error {border-color:#e80202;}
.pxc-f .pxc-textfield-error {border-color:#e80202;}

/* form boxes with gradient background */
.pxc-f-gradbox {background:transparent url("../img/sprites/gradients_sprt.png") left -429px repeat-x; border:solid 1px #ccd0d2; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:15px; *zoom:1;}

/* checkbox + label wrap */
.pxc-f-cl label {display:block; margin-top:1px; margin-left:20px; font-weight:normal;}
.pxc-f-cl .pxc-f-label-desc {display:block; margin-top:3px; margin-left:20px; _margin-left:23px;}
.pxc-f-cl .pxc-checkbox {float:left;}

/* label + field combo, label above (lf) */
.pxc-f-lf-inline {margin-top:14px; padding:4px 0px 4px 0px;}
.pxc-f-lf-inline .pxc-f-lf {float:left; display:block; margin-right:16px;}
.pxc-f-lf-inline .pxc-f-lf-lastcol {margin-right:0px;}
.pxc-f-lf label {display:block; margin-bottom:5px;}
.pxc-f-lf input {}

/* label + radio (with) label, top label above */
.pxc-f-lr {display:block; float:left; margin-right:16px;}
.pxc-f-lr p {display:block; margin-bottom:5px; font-weight:bold;}
.pxc-f-lr label {display:inline; line-height:1em; font-weight:normal; vertical-align:middle; margin-right:8px;}
.pxc-f-lr .pxc-radio {display:inline; vertical-align:middle; line-height:1em;}


/* this is the width for 2 column layouts within the main-content-area */
.pxc-grid-4 .pxc-2col .pxc-f-lf, .pxc-xgrid-3 .pxc-2col .pxc-f-lf {width:320px;}

/* if in a 2column layout multiple fields are within one column (e.g. zip-code and city), there needs to be a wrapper */
.pxc-grid-4 .pxc-2col .pxc-f-lf-wrp, .pxc-xgrid-3 .pxc-2col .pxc-f-lf-wrp {width:320px; display:block; float:left; margin-right:16px;}
.pxc-grid-4 .pxc-2col .pxc-f-lf-wrp-lastcol, .pxc-xgrid-3 .pxc-2col .pxc-f-lf-wrp-lastcol {margin-right:0px;}
.pxc-grid-4 .pxc-2col .pxc-f-lf-wrp .pxc-f-lf, .pxc-xgrid-3 .pxc-2col .pxc-f-lf-wrp .pxc-f-lf {width:auto; margin-right:0px;}

/* 2col slot layout with and w/o box */
.pxc-grid-4 .pxc-2col-boxed .pxc-col-slot, .pxc-xgrid-3 .pxc-2col-boxed .pxc-col-slot {float:left; width:314px; margin-right:16px;}
.pxc-grid-4 .pxc-2col-boxed .pxc-col-slot-last, .pxc-xgrid-3 .pxc-2col-boxed .pxc-col-slot-last {margin-right:0px;}
.pxc-grid-4 .pxc-2col .pxc-col-slot, .pxc-xgrid-3 .pxc-2col .pxc-col-slot {float:left; width:320px; margin-right:16px;}
.pxc-grid-4 .pxc-2col .pxc-col-slot-last, .pxc-xgrid-3 .pxc-2col .pxc-col-slot-last {margin-right:0px;}
.pxc-grid-4 .pxc-2col-boxed .pxc-f-lf-inline .pxc-f-lf, .pxc-xgrid-3 .pxc-2col-boxed .pxc-f-lf-inline .pxc-f-lf {_margin-right:0px;} /* IE6 double margin-right bug in float container */

/* because of Opera we need a defined pixel-size for a fullwidth textfield, width:100% does not work? */
.pxc-grid-4 .pxc-2col-boxed input.pxc-f-fullw, .pxc-xgrid-3 .pxc-2col-boxed input.pxc-f-fullw {width:304px;}
.pxc-grid-4 .pxc-2col-boxed select.pxc-f-fullw, .pxc-xgrid-3 .pxc-2col-boxed select.pxc-f-fullw {width:310px;}
.pxc-grid-4 .pxc-2col-boxed textarea.pxc-f-fullw. .pxc-xgrid-3 .pxc-2col-boxed textarea.pxc-f-fullw {width:304px;} /* TODO: check */
.pxc-grid-4 .pxc-2col input.pxc-f-fullw, .pxc-xgrid-3 .pxc-2col input.pxc-f-fullw {width:310px;}
.pxc-grid-4 .pxc-2col select.pxc-f-fullw, .pxc-xgrid-3 .pxc-2col select.pxc-f-fullw {width:316px;}
.pxc-grid-4 .pxc-2col textarea.pxc-f-fullw, .pxc-xgrid-3 .pxc-2col textarea.pxc-f-fullw {width:310px;} /* TODO: check */

/* the length of input text-fields is variable (depending on size attribute), 
   in some cases (e.g. street + separate number field) the first column needs a smaller margin to the right.
   For this case add the class pxc-f-input to the element .pxc-f-lf-inline .pxc-f-lf
*/
.pxc-f-lf-inline .pxc-f-leftinput,
.pxc-grid-4 .pxc-2col .pxc-f-lf-wrp .pxc-f-leftinput,
.pxc-xgrid-3 .pxc-2col .pxc-f-lf-wrp .pxc-f-leftinput {margin-right:4px;}

/* for a list of checkboxes */
.pxc-f-checkbox-list .pxc-f-lf-inline {margin-top:0px; padding-bottom:3px;}

/* The mandatory signings at labels (*) is wrapped in a sup tag. This is different to the sup tags within tables which is defined in the general definition in base.css */
.pxc-f-lf label sup {font-size:100%;}

/* general bottom buttons in forms. Wrapper contains multiple Buttons aligned on the right side. Wrapper has distance to top */
.pxc-btm-btn-wrp {margin-top:16px;}
.pxc-btm-btn-wrp .pxc-btm-btn-align {float:right;}
.pxc-btm-btn-wrp .pxc-btm-btn-align .pxc-btn {margin-left:3px; *margin-left:8px;}
.pxc-btm-btn-wrp .pxc-btm-btn-align .pxc-btn-pa {margin-left:2px; *margin-left:7px;}

/*  when an input-element in a (group) of Elements is choosen (group can be a line), the group surrounding the Element should get highlighted 
	therefore a marker, called pxc-x-hl ("hightlight-group") is added to the class which should be hilighted	
*/
.pxc-x-hl {} /* no visual impact, just for finding the group in the DOM */
.pxc-x-hl-emphasize {_position:relative; background-color:#e1e5e9; margin-left:-6px; margin-right:-6px;	padding-left:6px; } /* if focus is on one of the input elements, this is the highlight class which has to be added */
.pxc-pu-rcmd .pxc-x-hl-emphasize, .pxc-pu-fdbk .pxc-x-hl-emphasize  {margin: 0 0 8px 0; padding-left:0;}

/* pxc.FileInput, derived from dojox.form.FileInput */
.dijitFileInput {position:relative;	height:1.3em;}
.pxc .dijitFileInput {float:left; white-space:nowrap; _display:inline;}
.dijitFileInputReal { position:absolute; z-index:2;	filter:alpha(opacity:0); opacity:0;	cursor:pointer;}
.dijitFileInputRealBlind {right:0;}
.dijitFileInputReal:hover {cursor:pointer;}
.dijitFileInputButton {z-index:3; visibility:hidden;}
.dijitFakeInput { position:static; top:0; left:0; z-index:1; white-space: nowrap; }
.dijitFakeInput input {background-image:none; line-height:inherit; padding:0.2em 0.3em; border:solid 1px #d8d8d8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:3px 4px 2px 4px; border-top-color:#adacb1;}
.dijitFakeInput .pxc-btn {margin:auto auto auto 8px !important; cursor:pointer; font-weight:bold; padding:0 10px 0 0; text-align:center; border:none; box-shadow:none;	height:22px; background:url("../img/sprites/buttons.png") right -152px no-repeat;}
.dijitFakeInput .pxc-btn span {position:relative; display:block; _float:left; white-space:nowrap; padding:0 0 0 10px;}
.dijitFakeInput .pxc-btn {*width:auto; *overflow:visible; *position:relative; *top:2px;} /* IE6+7 */
.dijitFakeInput .pxc-btn::-moz-focus-inner {border:none;} /* FF, 1px bug */
.dijitFakeInput .pxc-btn span {*margin-top:0px;} /* IE6+7 */
.dijitFakeInput .pxc-btn:hover, .dijitFakeInput .pxc-btn:focus {background-position:right -210px;}
.dijitFakeInput .pxc-btn span {height:22px; line-height:21px; background:url("../img/sprites/buttons.png") left -120px no-repeat; color:#0098a1;}
.dijitFakeInput .pxc-btn:hover span, .dijitFakeInput .pxc-btn:focus span {background-position:left -180px; color:#026776;}
.dijitFileInputText {background-image: none; _float:left;}
.dijitFileInputButton {background-image: url("../img/sprites/buttons.png") no-repeat scroll right -152px transparent);}
.dijitFileInput {height:auto;}
.pxc-uploadfile-wrp {margin-bottom:8px;}
.pxc-fileupload {width:139px;}
.pxc-fileupload-import {margin-left:5px;}
.pxc .dijitFileInputButton, .pxc .dijitFileInputText {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

/* 	
	END: forms.css 
*/