/* ----- FORMS ----- */

input[type="text"],  input[type='password'], textarea { 
	background-color: #fff;
	cursor: text;
	padding: 5px 4px;
	font: normal 13px arial, helvetica, sans-serif;
	border: 1px solid #ccc;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	_border: 1px solid #ccc !important;
	_padding: none;
}

input:focus, textarea:focus {
	border: 1px solid #5085AB;
	outline: none;
}
input[type="radio"], input[type="checkbox"] {
	background:transparent !important;
	border:0 !important;
	width:20px !important;
	margin: 4px;
	float: left;
}
input[type="image"] {
	border: 0;
	padding: 0;
}
body:last-child:not(:root:root) input[type="file"] {
	border: none;
}
input.searchField {
	font-size: 11px;
	color: #b1b1b1;
	width: 110px;
}
input.searchFieldOn {
	color: #5f5f5f;
}
select { 
	font: normal 12px arial, helvetica, sans-serif;
	padding: 2px 5px 0px 5px;
}
body:last-child:not(:root:root) select {
	margin: 2px 0;
}
select option {
	padding: 3px 5px 2px 5px;
}


.formBG {
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
background:#F4F4F4 none repeat scroll 0 0;
padding-top:0;
}

.formContainerTop {
	margin: 5px 0 5px 0;
	background: #CCDAEC;
	line-height: 1.2;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	/* Give content layout to fix IE7 bug with 100% width tables  */
	zoom: 1.0;
}

.formContainer div.clearfix {
	padding: 4px;
}
.formContainer div.clearfix p {
	float: left;
}
.formContainer div.clearfixError {
	padding: 4px;
}
.formContainer div.clearfix .leftInput {
	width: 280px;
	float: left;
}
.formContainerDark {
	background: #d3d3d3;
}
input[type="text"].clearfixError, textarea.clearfixError, input[type="password"].clearfixError {
	padding: 5px 4px;
	border: 1px solid #f77171;
	margin: 0;
}
.clearfixError textarea.full {
	width: 90%;
}
.clearfixError img {
	border: none;
}
.clearfixError label {
	color: #c00;
	padding: 4px 0 0 2px;
}
select.errorSelect {
	background: #f7bbbb;
}	
.formContainer label {
	width: 90px;
	float: left;
	font-size: 13px;
	padding: 7px 10px 0 0;
	color: #5B5B5B;
	text-align: right;
}
.formContainer label.error {
	width: 70%;
	margin: 3px 0 0 110px;
	font-size: 10px;
	padding: 0;
	text-align: left;
	background:transparent;
	color:#8a1f11;
	border: 0px;
}
.formContainer span label.error {
	margin: 3px 0 0 0px;
}
.formContainer label.number {
	width: 90px;
	float: left;
	font-size: 15px;
	padding: 5px 10px 0 0;
	color: #5B5B5B;
	text-align: right;
	font-weight: bold;
}
.formContainer span {
	float: left;
	font-size: 13px;
	padding: 7px 10px 0 0;
	color: #5B5B5B;
	text-align: left;
}
.formContainer span.obs {
	width: 570px;
	float: right;
	margin: 0 10px;
	font-size: 12px;
	padding: 9px 10px 0 0;
	color: #5B5B5B;
	text-align: left;
}

select {
	font: normal 14px arial, helvetica, sans-serif;
	color: #444;
	-x-system-font:none;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:6px 5px 0;
}

.container select.error {
	color: #444;
	border: 0px;
}


body:last-child:not(:root:root) select {
	margin: 2px 0;
}
select option {
	padding-right: 4px;
}


/* ----- BUTTONS ----- */

a.greybutton, button.greybutton {
    background: transparent url('images//buttons/grey-right.png') no-repeat scroll top right;
	_background: transparent url('images/buttons/grey-greybg-right.gif') no-repeat scroll top right;
    color: #545454;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 33px;
    margin-right: 6px;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
	border: 0;
	cursor:pointer;
}
a.greybutton span, button.greybutton span {
    background: transparent url('images/buttons/grey-left.png') no-repeat;
	_background: transparent url('images/buttons/grey-greybg-left.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 7px 0 9px 10px;
	color: #545454;
}
a.greybutton span:hover, button.greybutton span:hover {
color: #1E23FF;
}
a.greybutton img, button.greybutton img {
    margin:0 6px -3px 0 !important;
    padding:0;
    border:none;
}
button.greybutton {
    width:auto;
    overflow:visible;
    padding:1px 10px 3px 0; /* IE6 */
}
button.greybutton[type]{
    padding:1px 12px 5px 0;
    line-height:17px; /* Safari */
}
html:not([lang*=""]):not(:only-child) button.greybutton[type]{
	padding:0 9px 5px 0;  /* Firefox */
	margin-left: -3px !important;
}
a.bigbutton, button.bigbutton {
    background: transparent url('images/buttons/big-right.png') no-repeat scroll top right;
    color: #545454;
    display: block;
    float: left;
    font: bold 14px arial, sans-serif;
    height: 39px;
    margin-right: 9px;
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
	border: 0;
	cursor:pointer;
}
a.bigbutton span, button.bigbutton span {
    background: transparent url('images/buttons/big-left.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 10px 5px 12px 12px;
	color: #545454;
}
a.bigbutton span {
	margin-right: 9px;
}
a.bigbutton img, button.bigbutton img {
    margin:0 7px -3px 0 !important;
    padding:0;
    border:none;
}
button.bigbutton {
    width:auto;
    overflow:visible;
    padding:1px 9px 3px 0; /* IE6 */
}
button.bigbutton[type]{
    padding: 0 9px 5px 0;
    line-height:17px; /* Safari */
}
html:not([lang*=""]):not(:only-child) button.bigbutton[type]{
	padding: 0 6px 5px 0;  /* Firefox */
	background-position: right 1px;
}
body:last-child:not(:root:root) button.bigbutton[type] {
	padding: 0 9px 5px 0;  /* Safari */
	background-position: right top;
}
.rightButton {
	float: right;
	width: 230px;
}
#addClientButton {
	float: right;
	margin-top: -6px;
}
.manualAddWrap {
	margin: 5px 0 5px 0;
	background: #e4e4e4;
	padding: 10px;
	/* Give content layout to fix IE7 bug with 100% width tables  */
	zoom: 1.0;
}