/******************************** Siemens WEBWEB layout *****/
/************************ Copyright (c) 2007 Siemens AG *****/
/************************************************************/
/****************************************** form styles *****/
/************************************************************/
/*************************** author virtual identity AG *****/
/****************************** last updated 2007-08-27 *****/



/*-----------------------------------------------------------+
| generic form elements                                      |
|                                         see content_ie.css |
------------------------------------------------------------*/

form.generic button,
form.generic input,
form.generic label,
form.generic select,
form.generic textarea,
form.generic fieldset
{
	font-size: 11px;
	line-height: 16px;
	float: left;
	display: inline;
	clear: both;
}

form.generic input.text,
form.generic input.password,
form.generic textarea
{
	padding: 0px 4px;
	line-height: 14px;
	border: 1px solid #999;	
}

form.generic input.readonly
{
	color: #666;	
}

/*-----------------------------------------------------------+
| login form elements                                        |
|                                         see content_ie.css |
------------------------------------------------------------*/

form.login
{
	clear: both;
}

form.login label
{
	margin-bottom: 4px;
}

form.login input.button
{
	margin-top: 20px;	
}

form.login fieldset
{
	margin-bottom: 10px;
	margin-left: 4px;
	clear: none;
}

form.login fieldset.first
{
	margin-left: 0;
}

form.login fieldset.pad
{
	margin-right: 17px;
}

form.login input.w0
{
	width: 94px;	
}

form.login input.w1
{
	width: 101px;	
}

form.login input.w2
{
	width: 226px;	
}

form.login label
{
	color: #666;
}

form.login div.error
{
	padding-bottom: 6px;	
}

form.login div.error p,
form.login div.error a
{
	color: #c30;
}

form.login div.error li
{
	margin-top: 3px;
	padding: 2px 0 0 8px;
	background: url(img/icon-li-c30.gif) 1px 8px no-repeat;
	color: #c30;
}

form.login div.error li:first-child
{
	padding-top: 0;
	background-position: 1px 6px;
}

/*-----------------------------------------------------------+
| contact form elements                                      |
|                                         see content_ie.css |
------------------------------------------------------------*/

form.contact fieldset
{
	margin-top: 6px;
	width: 439px;
}

form.contact input.text,
form.contact textarea
{
	margin-top: 4px;
	width: 367px; 	
}

form.contact input.image
{
	margin-top: 3px;	
}

form.contact label
{
	margin-top: 5px;	
}

form.contact textarea
{
	height: 150px;
	overflow: hidden;		
}


form.contact div.label-block
{
	float: left;
	display: inline;
	width: 62px;
}

form.contact div.input-block
{
	float: left;
	display: inline;
}

form.contact div.submit-block
{
	float: right;
	display: inline;
}

/*-----------------------------------------------------------+
| members search form                                        |
------------------------------------------------------------*/

form.members fieldset
{
	padding-bottom: 4px;
	width: 276px;
}

form.members input.text
{
	clear: none;
	width: 216px;
}

form.members input.button
{
	clear: none;
	margin-left: 4px;
}

/*-----------------------------------------------------------+
| profile form elements (positioning)                        |
|                                         see content_ie.css |
------------------------------------------------------------*/

div#profile-layer
{
	color:#333333;
	font-family:Arial,Verdana;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	text-decoration:none;
}

div.personal-content
{
	width: 510px;
	height: auto;
	min-height: 400px;
	left: 220px; 
}

div#profile-layer div.col1
{
	float: left;
	clear:both;
	display:inline;
	width: 240px;
}

div#profile-layer div#onTop
{
	float:left;
	display:inline; 
	color:#333333;
	font-family:Arial,Verdana;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	text-decoration:none;
}

div#profile-layer div.col2
{
	float:left;
	display:inline;
	width: 240px;
}

div#file-upload
{
	float: left;
	width: 202px;
	padding: 2px 6px;
	border: 1px solid #CCCCCC;	
}

div#file-upload p.photo
{
	color:#666666;
	font-family:Arial,Verdana;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	text-decoration:none;
	padding-bottom: 1px;
}

div#file-upload label
{
	padding-top: 3px;
	padding-bottom: 1px;
}

div.error-block p
{
	color: #CC3300;
	font-family:Arial,Verdana;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
	padding-bottom: 5px;
	width: 460px;
}

form.contact textarea.error,
form.contact input.error
{
	border-color: #CC3300;
}

div#error-contact
{
	float:left;
	display:inline;
}

div#error-contact p.error
{
	color: #CC3300;	
}

p.success-block
{
	width: 200px;
	color:green;
	font-family:Arial,Verdana;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
	display:inline;
	float:left;
}

form.profile label.radio
{
	margin-top: 2px; 	
}

form.profile label.newsletter
{
	line-height: 21px;
	float:none;
	clear:none;
}

/*-----------------------------------------------------------+
| profile form elements content style                        |
|                                         see content_ie.css |
------------------------------------------------------------*/

form.profile fieldset
{
	padding: 3px 0;
	width: 240px;
}
form.profile fieldset label
{
	margin-bottom: -3px;	
}

form.profile input.text,
form.profile textarea
{
	margin-top: 4px;
	width: 200px;
}

form.profile label.error,
form.profile input.error,
form.profile textarea.error
{
	color: #CC3300;
	border-color: #CC3300;	
}

div#profile-layer div.profile-footer
{
 	position: absolute;
	bottom: 0;
	left:0;
	width: 454px;
	padding: 1px 0 25px 25px;
}

div#profile-placholder-pos
{
	float:none;
	clear:both;
	height: 30px;
}

div.register form#registration input.error,
div.register form#registration label.error
{
	color: #CC3300;
	border-color: #CC3300;	
}

form#uploadForm div.error
{
	border-color: #CC3300;		
}

form.profile textarea
{
	height: 75px;
	overflow: auto;		
}

form.profile input.text
{
	width:200px;	
}
form.profile input.col2
{
	width:206px;
	margin-top: 1px;
}

form.profile p.required
{
	font-size: 10px;
	line-height: 14px;	
	clear: both;
	color: #999999;
	/*padding-top: 5px;*/
	width: 230px;
}

form.profile label.ticker,
form.profile input.ticker
{
	clear: none;
	float: left;
}

form.profile label.ticker
{
	padding-left: 3px;
	padding-right: 11px;
}

div#profile-layer ul.tabs
{
	width: 456px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
div#profile-layer a.reg-new
{
	color: #999999;
}
div#profile-layer a.reg-chg
{
	color: #666666;
}

form.profile fieldset.firstFields
{
	clear: none; 
}

form.profile-login label.gender
{
	padding-left: 6px;
	float: none;
}


div#profile-layer div.btnNext
{
	float:right;
	display:inline;
}


div#profile-layer li a.active 
{
	color: #900;
	font-weight: bold;
}
form.profile fieldset.btnUploader
{
	padding: 4px 0;	
	width: 202px;
}

div#profile-layer fieldset input.textDay
{
	width: 35px;
	margin-right: 10px;
	margin-top: 4px;
}
div#profile-layer fieldset input.textMonth
{
	width: 35px;
	clear: none;
	float:left;
	display:inline;
	margin-right: 10px;
	margin-top: 4px;
}
div#profile-layer fieldset input.textYear
{
	width: 60px;
	clear: none;
	float:left;
	display:inline;
	margin-right: 10px;
	margin-top: 4px;
}

form.profile fieldset.policy p 
{
	padding-bottom: 4px;
}
form.profile fieldset.policy 
{
	width: 450px;
}

form.profile a.webwebMail 
{
	display: inline-block;
	padding-left: 16px;
	background: url(img/icon-email.gif) 0 3px no-repeat;
}

form.profile fieldset.countries label
{
	padding-bottom: 3px; 
}

form.profile fieldset.countries select
{
	width: 216px;
	border:1px solid #999999;	
}

form.profile label.birthLabel
{
	clear:none;
	float:none;	
}

div#profile-layer div.regHeader
{
	font-family: Arial,Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	padding-bottom: 5px;
}

div#profile-layer form.profile input.dummyText
{
	color:#999999;
}

div#profile-layer div.col2 fieldset input,
div#profile-layer div.col2 fieldset textarea
{
	width: 206px;
}

div#profile-layer form#profile-login p.login-name
{
	 float:left;
	 clear:both;
	 padding-top:4px; 
}

/*-----------------------------------------------------------+
| register form elements content style                       |
|                                         see content_ie.css |
------------------------------------------------------------*/

div.register
{
	color:#333333;
	font-family:Arial,Verdana;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	text-decoration:none;
	width:460px;
}

div#profile-layer div.pki-register
{
	width: 460px;
	padding: 7px 0 5px 0;
	font-family: Arial,Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
}

div#profile-layer p.reg-success
{
	font-family: Arial,Verdana;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	padding-right: 5px;
}

div.lineSep 
{
	clear: both;
	float: none;
	border-top: 1px solid #CCCCCC;

}

div.pki-register div.pki-register-btn
{
	float: right;
}

form#registration button,
form#registration input,
form#registration label,
form#registration select,
form#registration textarea,
form#registration fieldset
{
	font-size: 11px;
	line-height: 16px;
}

form#registration input.text,
form#registration input.password,
form#registration textarea
{
	padding: 0px 4px;
	line-height: 14px;
	border: 1px solid #999;	
}

form#registration fieldset.regField
{
	padding-bottom: 5px;
}	

form#registration fieldset.regField label
{
	display: inline;
	float: left;
	width: 70px;
}

form#registration fieldset.regField input
{
	width: 290px;	
}

form#registration fieldset.regGender label.firstLabel
{
	float:left;
	display: inline; 
	width: 70px;	
}

form#registration fieldset.regGender label
{
	clear: none; 	
	width: 80px;
	float: none; 
}
form#registration fieldset.regGender input
{
	margin-bottom: -3px;
}

form#registration fieldset.regGender
{
	padding-bottom: 3px;
}

form#registration fieldset.lastField
{
	display:inline; 
	float: left; 
}

div.legendRequired
{
	margin-top: 10px; 
	font-size: 10px;
	line-height: 13px;	
	display: inline; 
	float: left;
	clear: both;
	padding-right: 2px;
	width: 400px; 
}
div.legendRequired p
{
	color: #999999;	
}

div.pki-register p.lastLine
{
	float:left;
}