/*
 * FormStyle - jQuery plugin 0.1.0
 *
 * Copyright (c) 2009 Wei Kin Huang, TimeDelimited.com
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 * 
 * Icons (fugue) from http://www.pinvoke.com/
 */
 a.form-style.checkbox input, a.form-style.radio input, div.form-style.select select {
	display:none;
}

a.form-style.checkbox {
	background-image:url(img/checkbox_uncheck.png);
	background-position:center center;
	background-repeat:no-repeat;
	display:-moz-inline-block;
	display:inline-block;
	height:16px;
	line-height:16px;
	padding-left:0;
	width:16px;
}
a.form-style.checkbox.checked {
	background-image:url(img/checkbox_check.png);
}
a.form-style.checkbox:hover {
	background-image:url(img/checkbox_uncheck_focus.png);
}
a.form-style.checkbox.checked:hover {
	background-image:url(img/checkbox_check_focus.png);
}
a.form-style.checkbox.disabled {
	background-image:url(img/checkbox_uncheck_disable.png) !important;
}
a.form-style.checkbox.disabled.checked {
	background-image:url(img/checkbox_check_disable.png) !important;
}
a.form-style.radio {
	background-image:url(img/radio_button_uncheck.png);
	background-position:center center;
	background-repeat:no-repeat;
	display:-moz-inline-block;
	display:inline-block;
	height:20px;
	line-height:20px;
	padding-left:0;
	width:20px;
}
a.form-style.radio.checked {
	background-image:url(img/radio_button_check.png);
}
a.form-style.radio:hover {
	background-image:url(img/radio_button_uncheck_focus.png);
}
a.form-style.radio.checked:hover {
	background-image:url(img/radio_button_check_focus.png);
}
a.form-style.radio.disabled {
	background-image:url(img/radio_button_uncheck_disable.png)!important;
}
a.form-style.radio.disabled.checked {
	background-image:url(img/radio_button_check_disable.png)!important;
}
div.form-style.select {
	border:1px solid #999;
	display:inline-block;
	height:20px;
	line-height:20px;
	padding-left:5px;
	position:relative;
}
div.form-style.select a {
	color:#000;
	display:block;
	line-height:20px;
	padding:0;
	position:relative;
	text-decoration:none;
}
div.form-style.select a.selector {
	background-color:#FFF;
	display:block;
	height:20px;
	overflow:hidden;
	padding-right:20px;
	position:relative;
}
div.form-style.select a.expander {
	background-color:#CCC;
	background-image:url(img/plus_small.png);
	background-position:2px 2px;
	background-repeat:no-repeat;
	display:block;
	height:20px;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:20px;
}
div.form-style.select a.expander:hover {
	background-image:url(img/plus.png);
}
div.form-style.select a.expander.open {
	background-image:url(img/minus_small.png);
}
div.form-style.select a.expander.open:hover {
	background-image:url(img/minus.png);
}
div.form-style.select ul.options {
	background-color:#FFF;
	border:solid 1px #CCC;
	display:none;
	height:100px;
	list-style:none;
	margin:0;
	overflow:auto;
	padding:0;
	position:absolute;
	z-index:1;
}
div.form-style.select ul.options li, div.form-style.select ul.options li a {
	display:block;
}
div.form-style.select ul.options a {
	line-height:20px;
	min-height:20px;
}
div.form-style.select ul.options a.even {
	background-color:#EEE;
}
div.form-style.select ul.options a:hover {
	background-color:#E1F5FF;
}
div.form-style.select ul.options a.selected {
	background-color:#AAA;
}
div.form-style.file {
	clear:both;
	display:inline;
	height:20px;
	line-height:20px;
	padding-left:0;
	position:relative;
}
div.form-style.file input[type=text] {
	border:1px solid #999;
	display:inline-block;
	float:left;
	height:18px;
	line-height:20px;
	padding-left:0;
	position:relative;
	vertical-align:middle;
	width:200px;
}
div.form-style.file div.file-button {
	background-color:#FFF;
	background-image:url(img/folder_open.png);
	background-position:2px 2px;
	background-repeat:no-repeat;
	border:1px solid #AAA;
	cursor:pointer;
	display:inline-block;
	float:left;
	height:20px;
	line-height:20px;
	overflow:hidden;
	position:relative;
	vertical-align:middle;
	width:20px;
}
div.form-style.file div.file-button:hover {
	background-color:#E1F5FF;
	background-image:url(img/folder_open_document.png);
	border:1px solid #AAA;
}
div.form-style.file div.file-button * {
	cursor:pointer;
	display:inline;
	filter:Alpha(Opacity=0);
	height:50px;
	opacity:0;
	position:absolute;
	right:-4px;
	top:-10px;
}