/**
 * @author Attila Jenei
 * @link http://www.attilajenei.com
 * @copyright 2014 Attila Jenei
 */

@CHARSET "UTF-8";

input, button, textarea, select {
	font-size: 100%;
}

select {
	padding: 2px;	
}

textarea {
	white-space: normal;
}

input[type="text"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
textarea, 
select {
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 3px;
	
	font-size: 100%;
	margin: 1px 0;	
	color: #444;
	
	-webkit-appearance: none;
}

input[type="text"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
textarea {
	padding: 3px;
}

input[type="text"]:hover, 
input[type="number"]:hover, 
input[type="email"]:hover,
input[type="url"]:hover, 
input[type="password"]:hover, 
textarea:hover, 
select:hover {
	border: 1px solid #999;
}

input[type="text"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:hover, 
input[type="password"]:focus, 
textarea:focus, 
select:focus {
	background: #f8f8f8;
}

input[type="text"]:disabled, 
input[type="number"]:disabled, 
input[type="email"]:disabled, 
input[type="url"]:disabled, 
input[type="password"]:disabled, 
textarea:disabled, 
select:disabled {
	background: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.15);
}

input[readonly] {
	border: 1px solid transparent;
	color: #888;
}

/* --- Tagit override --- */
ul.tagit {	
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 3px;
}

ul.tagit:hover {
	border: 1px solid #999;
	background: #f8f8f8;
}

ul.tagit:focus {
	background: #f8f8f8;
}

ul.tagit li.ui-state-highlight {
	background: #ddd;
	border: 1px solid #aaa;
}

ul.tagit li.ui-state-highlight .ui-icon {
	background-image: url("../jQueryUI/images/ui-icons_888888_256x240.png");
}

/* --- Uniform override --- */
div.selector {
	background: #ffffff;
	border: 1px solid #ccc;
	border-radius: 3px;
	
	font-size: 100%;
	margin: 1px 0;
	padding: 3px;
	height: auto;
	color: #444;
}

div.selector span {
	background: none;
	line-height: normal;
	height: auto;
	padding-right: 20px;
	color: #444;
}

div.selector span:after {
	content: "";
	position: absolute;
	right: 4px;
	top: 50%;
	width: 0; 
	height: 0;
	margin-top: -3px;
	
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #ccc transparent transparent transparent;
}

div.selector select {
	font: inherit;
	top: 0;
}

div.selector option {
	padding: 0 3px;
}
	
div.selector.hover {
	border: 1px solid #999;
}

div.selector.focus {
	background: #f8f8f8;
}

div.selector.disabled {
	background: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.15);
}

div.radio + span,
div.checker + span {
	vertical-align: middle;
}

div.radio input,
div.checker input {
	margin: 0;
}