@charset "utf-8";

/**************************************************
*****
*****	Website:		Wibu-Systems USA	
*****	Filename:		forms-default.css
*****	Version:		1.0.1
*****	Last modified: 	23 January 2012
*****	Author:			Kevin Browne
*****	E-mail:			kevin.browne@wibu.us
*****	Copyright:		Wibu-Systems USA, 2009-2011
*****
**************************************************/

form {
	background-color: #cad8d0;
	border: 1px solid #ff6418;
	border-radius: 10px;
	float: right;
	margin-left: 20px;
	padding: 20px;
	overflow: auto;
}

form h2 {
	background-color: #cad8d0;
	color: #be0000;
	margin: 0;
	max-width: 20em;
	padding: 0;
}

form.alt {
	border-color: #009fa5;
	border-style: solid;
	border-width: 0 0 1px 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
}

fieldset {
	border: 1px solid #a5acb2;
	display: block;
	margin-bottom: 15px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 12px;
}

legend {
	color: #009fa5;
	display: block;
	padding-left: 2px;
	padding-right: 2px;
}

label {
	clear: left;
	float: left;
	margin-top: 2px;
	text-align: right;
}

label.required,
p.required { font-weight: bold; }

input[type="text"],
select,
textarea {
	border: 1px solid #b5b6ba;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	color: #000000;
	font-size: 11px;
	margin: .2em .2em .2em 1em;
	padding: 2px;
	text-indent: 0px;
	text-align: default;
	text-transform: none;
}


label + input,
label + select {margin-left: 1em !important;}

input[type="text"]:focus {
	background-color: #ff9;
	border: 1px solid #999;
}

input[type="text"]:hover {
	background-color: #99d9db;
	border: 1px solid #999;
}

div.submit {
	clear: left;
	float: left;
	margin-top: 20px !important;
}

input[type="submit"] {
	float: left;
	margin: 0;
	padding: 5px;
}



/****************************************
***
***		Text field
***
****************************************/
div.field label {
	clear: left;
	float: left;
	text-align: left;
	width: 16em;
}

div.field input,
div.field select {
	clear: left;
	float: left;
	margin-bottom: 1em;
	margin-left: 0;
	text-align: left;
}

div.field input[type="text"] {width: 20em;}

#content div.field {margin-top: .5em;}

#content div.field-radio + div.field {margin-top: 2em;}



/****************************************
***
***		Textarea field
***
****************************************/
div.field-textarea label {
	clear: left;
	float: left;
	margin-left: 2em;
	margin-top: 1em;
	text-align: left;
}

div.field-textarea textarea {
	clear: left;
	float: left;
	height: 60px;
	margin-bottom: 1em;
	margin-left: 2em;
	text-align: left;
	width: 400px;
}


/****************************************
***
***		Radio Field
***
****************************************/
div.field-radio input {
	clear: left;
	float: left;
	width: 2em;
}

div.field-radio label {
	clear: none;
	float: left;
}

#content div.field-radio {
	margin-top: 0 !important;
	overflow: auto;
}

#content div.field-radio p {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}



/****************************************
***
***		Checkbox Field
***
****************************************/
div.field-checkbox {
	float: left;
	margin-top: 10px !important;
	width: 38em;
}

div.field-checkbox label {
	float: none;
	line-height: 1;
	text-align: left;
}

div.field-checkbox input {
	float: left;
	vertical-align: bottom;
	width: 2em;
}



/****************************************
***
***		Sidebar
***
****************************************/
#sidebarContent form {width: 146px;}

#sidebarContent label,
#sidebarContent input[type="text"],
#sidebarContent select,
#sidebarContent textarea {
	width:100px;
}



/****************************************
***
***		Opera defaults
***
****************************************/
/* Opera requires 1px of padding to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] { padding: 5px; }