/* 
 wFORMS 2.0 Stylesheet - Minimalist Theme (December 2006)
 See http://www.formassembly.com/wForms

 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005 Cdric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/
body, h1, h2, h3, p, form {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 12px Tahoma, Verdana, Arial, lucida, sans-serif;
	text-align: center;
	margin-bottom: 20px;
}
.page {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}
p {
	padding-top: 10px;
}
h1, h2, h3 {
	color: #4f81bd;
	padding-top: 20px;
}
h1, h2 {
	padding-top: 10px;
	text-align: center;
}
form {
	/*height: expression('1%');*/ /* IE Pick-a-boo bug fix */
}
.code-generator { /* Peto */
	margin: 0px;
	padding: 0px;
}
.code-generator label, .code-generator textarea { /* Peto */
	float: left;
	clear: both;
}
.code-generator label { /* Peto */
	font-weight: bold;
	margin: 12px 0px 0px 0px;
}
.code {
	font: 14px 'Courier New', courier, monospace;
}
.code-div {
	margin: 10px 20px 0px;
	border: #ddd 1px solid;
	padding: 5px;
	background-color: #f2f2f2;
}
.code-example {
	margin: 7px 20px 15px;
	border: #222 1px solid;
	background-color: #fffdd5;
	overflow: scroll;
}
.tip {
	margin: 10px 20px 10px;
	border: #f6ff00 1px solid;
	padding: 5px;
	background-color: #fffdd5;
}
ol li {
	font-weight: bold;
	text-align: justify;
}
ol li span {
	font-weight: normal;
}
ol {
	margin: 10px 0px 0px 40px;
	padding: 0px 25px 0px 0px;
}
.btn_generate {
	display: block;
	margin: 5px 0px 10px 165px;
	overflow: hidden;
	cursor: pointer;
}
.btn_generate span {
	display: block;
	float: left;
	height: 31px;
}
.btn_generate_left {
	width: 5px;
	background: url('/images/templates/navy/buttons/btn_generate.gif') left -31px no-repeat;
}
.btn_generate:hover .btn_generate_left, .btn_generate:focus .btn_generate_left, .btn_generate:active .btn_generate_left {
	background-position: left -124px;
}
.btn_generate_center {
	padding: 0px 5px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 27px;
	font-family: Verdana, Tahoma, Arial, lucida, sans-serif;
	background: url('/images/templates/navy/buttons/btn_generate.gif') left -62px repeat-x;
}
.btn_generate:hover .btn_generate_center, .btn_generate:focus .btn_generate_center, .btn_generate:active .btn_generate_center {
	background-position: left -155px;
}
.btn_generate_right {
	width: 27px;
	background: url('/images/templates/navy/buttons/btn_generate.gif') left 0px no-repeat;
}
.btn_generate:hover .btn_generate_right, .btn_generate:focus .btn_generate_right, .btn_generate:active .btn_generate_right {
	background-position: left -93px;
}
fieldset {
	border: #515151 1px solid; /* Peto */
	background: url('/images/templates/navy/backgrounds/bg_logo.gif') left bottom repeat-x; /* Peto */
	margin: 0px 0px 10px 0px;
	padding: 5px 7px 12px;
	/*position: expression('relative');*/ /* Fixes IE problem with fieldset+legend boundaries */
}
fieldset p { /* Peto */
	font-weight: normal;
	margin: 0px;
	padding: 5px 5px 10px;
}
fieldset p a { /* Peto */
	color: #002d61;
	text-decoration: underline;
}
fieldset p a:active, fieldset p a:hover, fieldset p a:focus { /* Peto */
	color: #002d61;
	text-decoration: none;
}
label {
	font: normal 12px Verdana, Tahoma, Arial, lucida, sans-serif; /* Peto */
}
legend {
	font: bold 12px Verdana, Tahoma, Arial, lucida, sans-serif; /* Peto */
	color: #222;
	/*position: expression('absolute'); */
	/*top: expression('-9px');*/ /* Fixes IE problem with fieldset+legend boundaries */
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField, form .label  {
	display: -moz-inline-box;
	display: inline-block;
	min-width: 13em;
	padding: 0 2px;
	margin: 0.6em 4px 0 0;
}
.label { 
	display: block; width: auto; 
}
label.postField  {
	margin-left: 4px;
	margin-right: 4px;
}
textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 1px 0;
}
input {
}
select {
	padding: 0;
	margin: 2px 0 1px 0;
}

/* Form Builder Related Rules */
/* ========================== */
/* Form or Fieldset instruction paragraph. */
form .instructions {
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	white-space: nowrap; 
}
/* Asterisk on required fields */
form .reqMark {
	color: #F00;
	font-size: xx-small;
	vertical-align: super;
}
/* wForms Related Rules */
/* ==================== */
/* Field w/ a validation error */
form .errFld {
	border: 1px solid #F00;
}
/* Styling for message associated with a validation error. */
form .errMsg {	
	color: #CC3333 !important;
	display: block;
}
/* Field-Hint with focus */
.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;
	font-size: 80%;
	text-align: left;
}
.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 */
.field-hint-inactive {
	visibility: hidden;
	position: absolute;
}

/* Repeat Behavior  */
form .repeat {
	border: 1px solid #ddd;
}
form .removeable {
	border: 1px solid #ddd;
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	text-align: right;
	display: block;
}
form .removeLink {
	text-align: right;
	display: block;
}
/* 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 {
	display: block;
}

/* offstate classes for the Switch Behavior are in wforms-jsonly.css */

/* Buttons */
.actions {
}
.primaryAction {
	
}
.secondaryAction {
	color: gray;
}
.secondaryAction:hover {
	color: black;
}