/********************************/
/******* UI buttons v. 1.0 ******/
/********************************/

/*
Compability:

IE:
FF: 4
Chrome: 11
Opera:
Safari: 5.0.5
*/

button.UI, input[type=button].UI, input[type=submit].UI{
	background: #FFFFFF; /* fallback */
    background: -moz-linear-gradient(center top , #FFFFFF, #d8d8d8) ;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d8d8d8));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#d8d8d8');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#d8d8d8');
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    border: 1px solid #8F8F8F;
    border-radius: 3px;
    color: #000000;
    cursor: pointer;
    height: 26px;
	line-height:26px;
    padding: 0 8px 3px 8px;
	min-width:40px;
	margin:3px;
}


button.UI:hover, input[type=button].UI:hover, input[type=submit].UI:hover{
	box-shadow: 0px 0px 1px #999;
}

button.UI:active, input[type=button].UI:active, input[type=submit].UI:active{
	background: #EFEFEF;
    background: -moz-linear-gradient(center top , #dbdbdb, #f7f7f7) ;
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#f7f7f7));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#f7f7f7');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#f7f7f7');
	padding: 0 7px 3px 9px;
	box-shadow:none;
}

button.UI:disabled, input[type=button].UI:disabled, input[type=submit].UI:disabled{
	color:#808080;
	cursor:default;
	border-color:#B7B7B7;
}

button.UI:disabled:hover, input[type=button].UI:disabled:hover, input[type=submit].UI:disabled:hover{
	box-shadow:none;
}

button.UI:disabled:active, input[type=button].UI:disabled:active, input[type=submit].UI:disabled:active{
	background: #FFFFFF; /* fallback */
    background: -moz-linear-gradient(center top , #FFFFFF, #d8d8d8) ;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#d8d8d8));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#d8d8d8');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#d8d8d8');
	padding: 0 8px 3px 8px;
}

button.UI:focus, input[type=button].UI:focus, input[type=submit].UI:focus{
	/*border:2px solid #507ad5;
	margin:2px;*/
}

/* for webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
button.UI, input[type=button].UI, input[type=submit].UI{
	vertical-align: middle;
	margin:0px 3px 3px 3px;
}

button.UI:focus, input[type=button].UI:focus, input[type=submit].UI:focus{
	border:1px solid #8F8F8F;
	margin:0px 3px 3px 3px;
}
}


/*************************************/
/******* UI textinputs  v. 1.0 *******/
/*************************************/
/*
Info: textinputs need UI class applied to work 

Compability:

IE:
FF:
Chrome:
Opera:
Safari:
*/

input[type=text].UI, input[type=password].UI{
	background: #FFFFFF; /* fallback */
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    border: 1px solid #8F8F8F;
    border-radius: 3px;
    color: #000000;
    height: 24px;
	line-height:24px;
    padding: 0 0 0 3px;
	min-width:40px;
	margin:6px 5px 5px 5px;
	position:relative; /* then we can add clone on top for password input */
	box-shadow: 0 1px 2px 0 #BBBBBB inset;
}

input[type=text].validation-failed{
	background:#ffa6a4;
}

input[type=password].validation-failed{
	background:#ffa6a4;
}

input[type=text].valid{
	background:#95fd95;
}

input[type=password].valid{
	background:#95fd95;
}

input[type=text][readonly]{
	cursor:default;
	border-color:#cecece;
	box-shadow:none;
	color:#cecece;
}


textarea.UI{
	background: #FFFFFF; /* fallback */
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    border: 1px solid #8F8F8F;
    border-radius: 3px;
    color: #000000;
    height: 80px;
    padding: 3px 0 3px 3px;
	min-width:100px;
	margin:6px 5px 5px 5px;
	resize:none;
	box-shadow: 0 1px 2px 0 #BBBBBB inset;
}

textarea.validation-failed{
	background:#ffa6a4;
}