wforms.css

@charset "UTF-8";
/* 
 wFORMS 2.0 Stylesheet - ISPConfig 3: default theme
 See http://www.formassembly.com/wForms
 
 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005 Cedric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/

@media all
{
	/* Form Sections ======================================================================== */
	
	/* Fieldset  */
	.pnl_formsarea fieldset {
		border-color: #D0D0D0 -moz-use-text-color -moz-use-text-color;
		border-style: solid none none;
		border-width: 1px medium medium;
		margin: 20px 0;
		overflow: auto;
	}
	.pnl_formsarea legend {
		padding: 0 10px 0 0;
		font-weight: bold;
	}
	/* Nested Fieldset  */
	.pnl_formsarea fieldset fieldset  {
	}
	.pnl_formsarea fieldset fieldset legend {
	}
	/* Inline Section */
	.pnl_formsarea .wf_inlineSection {
		overflow: auto;
		width: 100%;	
	}

	
	/* Combo Label + Input Field =========================================================== */
	form .pnl_formsarea .wf_oneField {
		margin: 6px 0;
		display: block;
		vertical-align: middle;
	}
	form .pnl_formsarea .wf_inlineSection .wf_oneField {
		margin-right: 2px;
		white-space: nowrap;	
		display: inline;
	}
	/* Ties together a label and its checkbox or radio */
	form .pnl_formsarea .wf_oneChoice {
		white-space: nowrap; 	
	}
	
	/* Field Labels ======================================================================== */
	
	/* Base */
	.pnl_formsarea label, form .pnl_formsarea .wf_label {	
		color: #333;
		margin: 0;
	}
	/* Text inputs / Select label */
	.pnl_formsarea label.wf_preField {
		display: -moz-inline-box;
		display: inline-block;	
		margin: 0 4px 0 0;
		padding: 0 4px;
		width: 30%;
		text-align: right;
		font-size: 90%;
	}
	/* Radio / Checkbox group label */
	form .pnl_formsarea .wf_label  {
		display: inline-block; 
		text-align: right;
		margin: 0.6em 4px 0 0;
		padding: 2px;
		width: 30%;
		font-size: 90%;
		float: left;
	}
	/* Individual Checkbox / Radio label */
	.pnl_formsarea label.wf_postField  {
		margin: 0 4px 0 4px;
		font-size: 90%; 
	}
	/* Label when inside an inline section */
	form .pnl_formsarea .wf_inlineSection .wf_oneField .wf_inlineLabel {
		display: -moz-inline-box;
		display: inline-block;	
		margin: 0.6em 4px 0 0;
		padding: 0 2px;
		min-width: 7em;
		white-space: normal;
	}
	
	/* Inputs ======================================================================== */
	
	.pnl_formsarea textarea {
		padding: 1px 0;
		vertical-align: top;
		margin: 0px 2px 0 0;
		vertical-align: top;
	}
	.pnl_formsarea input {
		font-size: 1.0em; 
		margin: 0 2px 0 0;
		padding: 1px 0;
		vertical-align: top;
	}
	.pnl_formsarea select {
		margin: 0 2px 0 0;
		padding: 1px;
		font-size: 1.0em; 
		vertical-align: top;
	}
	.pnl_formsarea .wf_inlineSection .wf_oneField select {
		margin: 0 2px 1px 0 !important;
		vertical-align: top;
	}
	.pnl_formsarea .wf_gridSection select  {
		margin: 0 !important;
		vertical-align: top;
	}
	.pnl_formsarea * option {
		padding-left: 1em;
		vertical-align: top;
	}
	
	/* Buttons ======================================================================= */
	
	form .pnl_formsarea .wf_actions {
		margin: 20px 0 10px 0;	
		padding: 10px 5px;
		border-top: 2px solid #339933;
		text-align: left;
	}
	/* Submit button */
	form .pnl_formsarea .wf_primaryAction {
	}
	/* Cancel button */
	form .pnl_formsarea .wf_secondaryAction {
		color: grey;
	}
	form .pnl_formsarea .wf_secondaryAction:hover {
		color: black;
	}
	
	/* Form Builder Related Rules ===================================================== */
	
	/* Form or Fieldset instruction paragraph. */
	form .pnl_formsarea .wf_instructions {
		margin: 1.5em 0;
		padding: 3px;
		background-color:#FFFFCC;
	}
	/* Asterisk on required fields */
	form .pnl_formsarea .wf_reqMark {
		color: #F00;
		padding: 0 4px;
	}
	/* wForms Related Rules ========================================================== */
	
	/* Field w/ a validation error */
	form .pnl_formsarea .wf_errFld {
		padding: 1px;
		border: 1px solid #F00;
	}
	/* Styling for message associated with a validation error. */
	form .pnl_formsarea .wf_errMsg {	
		color: #CC3333 !important;
		display: block;
	}
	/* Field-Hint with focus */
	form .pnl_formsarea .wf_field-hint {
		position: absolute;
		width: 180px;
		z-index: 50;
		background-image: url(/images/v2/hint_topborder.gif);
		background-repeat: no-repeat;
		background-position: left top;	
		padding: 14px 0 0 0;
		margin:  2px 0 0 10px;
		color: #000;
	}
	form .pnl_formsarea .wf_field-hint div {
		background-color: #fffbb8;
		border-left: 1px solid #ffc20d;
		border-right: 1px solid #ffc20d;
		border-bottom: 1px solid #ffc20d;
		padding: 4px
	}
	/* Field-Hint without focus */
	form .pnl_formsarea .wf_field-hint-inactive {
		visibility: hidden;
		position: absolute;
	}
	/* Repeat Behavior divs (when not set on a fieldset) */
	.pnl_formsarea div.wf_repeat {
		margin: 3px 0;
		padding-right: 6px;
		border: 1px dotted #ddd;
		background-color: #FFFFFF;
	}
	.pnl_formsarea div.wf_removeable {
		margin: 3px 0;
		padding-right: 6px;	
		border: 1px dotted #ccc;
		background-color: #F3F3F3;
		
	}
	/* Links generated by the Repeat Behavior */
	form .pnl_formsarea .wf_duplicateLink {
		line-height: 260%;
		font-weight: bold;
	}
	form .pnl_formsarea .wf_removeLink {
		line-height: 260%;
	}
	form .pnl_formsarea td .wf_duplicateLink, form .pnl_formsarea td .wf_removeLink  {
		margin: 0;
		line-height: 100%;
	}
	/* Switch Behavior Classes */
	.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
	.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
	.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
	.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
	.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
	.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
	.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
	.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
	.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
	.onstate-ak, .onstate-al, .onstate-am, .onstate-an,
	.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
	.onstate-as, .onstate-at, .onstate-au, .onstate-av,
	.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
		display: block;
	}
	/* offstate classes for the Switch Behavior are in wforms-jsonly.css */
	
	
	 
	/* IE6 BUG FIXES ==================================================================== */
	form .pnl_formsarea  {
		height:expression('1%'); /* IE Pick-a-boo bug fix */
	}
	form .pnl_formsarea fieldset {
		position:expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
		margin-top:expression('1em');
		padding-top:expression('1.5em');
		overflow: expression('visible');
	}
	form .pnl_formsarea fieldset legend {
		position: expression('absolute'); 
		top: expression('-.5em'); /* Fixes IE problem with fieldset+legend boundaries */
		left:expression('.5em');
	}
	form .pnl_formsarea .wf_inlineSection .wf_oneField {
		display: expression('inline-block');		
	}
	.pnl_formsarea label, form .pnl_formsarea .wf_label {	
		font-size: expression('90%');
	}
	.pnl_formsarea label.wf_preField, form .pnl_formsarea .wf_inlineSection .wf_oneField .wf_inlineLabel {
		width: expression('7em');
		white-space: expression('nowrap');
	}
	
	
	
	
	
	
	form .pnl_formsarea .wf_oneField fieldset {
		border: none;
		margin: 0;
		padding-left: 8px;
	}
	
	
	
	.tbl_col_server_name input {
		width: 150px;
	}
	.tbl_col_mail_server input, .tbl_col_web_server input, .tbl_col_dns_server input, .tbl_col_file_server input, .tbl_col_db_server input, .tbl_col_vserver_server input {
		width: 20px;
	}

}