/**
 * Smooo Form and Table Override
 *
 * Contains form and table overrides
 */



/**
 *	FORM
 */
 
div.input, div.formCheckbox
	{
	margin-bottom: 1.2em
	}

div.input input
	{
	margin-bottom: -0.2em
	}

label
	{
	display: block;
	font-size: 1em;
	margin-bottom: 0.3em
	}
	
form legend
	{
	font-size: 1.2em
	}
	
form fieldset
	{
	border-color: #ddd
	}

div.formCheckbox label
	{
	display: inline
	}

div.formCheckbox input
	{
	margin: 0 0.2em 0 0
	}

input, textarea, select
	{
	margin: 0 0 1em 0
	}
	
.formFile input
	{
	border: 1px solid red;
	}

.formText input, .formPassword input, formSelect select, textarea, div.formFile input
	{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	background: #fff;
	border:1px solid #ddd;
	}

.formText input:focus, .formPassword input:focus, formSelect select:focus, textarea:focus
	{
	background: #fff;
	border:1px solid #B2B2B2;
	}

/**
 *	CHIABATA
 */
	
.formChiabata div img
	{
	border: 2px solid #fff;
	margin: 4px;
	padding: 1px;
	width: 53px;
	height: 53px;
	cursor: pointer;
	}

.formChiabata div img:hover
	{
	width: 67px;
	height: 67px;
	margin :-3px;
	}
	
.formChiabata div img.chiabataImageOn
	{
	border: 2px solid green
	}
	
.formChiabata div img.chiabataImageOff
	{
	border: 2px solid #b2b2b2
	}


/**
 *	BUTTON
 */


.formSubmit input, input.button
	{
	background: #dadada;
	color:#000;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin:5px 15px 10px 0px;
	border: 1px solid #c8c8c8;
	border-right: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	cursor:pointer;
	outline: none;
	text-decoration: none;
	text-align: left;
	padding: 0;
	padding: 6px 10px 6px 10px;
	_padding: 3px 8px 3px 8px;
	width: auto;
	overflow: visible;
	}
	
.formSubmit input:focus::-moz-focus-inner, input.button:focus::-moz-focus-inner
	{
	border: 1px solid transparent;
	outline: none
	}


/**
 * error actionSuccess actionHelp
 */

.error
	{
	font-size: 1em;
	color: #d12f19;
	border:1px solid #fbc2c4;
	margin-bottom:20px;
	padding: 20px;
	background: #fbe3e4;
	}

.error ul
	{
	list-style:disc;
	padding:20px 20px 0px 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	}
	
.error ul li
	{
	padding-bottom: 6px;
	}
	
.actionHelp
	{
	color: #336699;
	padding: 20px;
	border: 1px solid #c2e1ef;
	margin-bottom: 0px;
	background: #dff4ff;
	}
	
.actionSuccess
	{
	font-size: 2em;
	color: #529214;
	border:1px solid #c6d880;
	margin-bottom:20px;
	padding: 20px;
	background: #e6efc2;
	}


/**
 *	TABLE
 */


table.tableList
	{
	border-bottom: 1px solid #e4e4e4;
	background: #fafafa;
	font-size: 1em
	}

table.tableList td
	{
	border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	text-align: left;
	padding: 6px
	}

table.tableList td.column1
	{
	border-left: 1px solid #e4e4e4;
	}

table.tableList thead td
	{
	background-color: #fff;
	border: none;
	border-bottom: 3px solid #888;
	color: #444;
	font-weight: bold
	}

table.tableList tr.rowEven td
	{
	background-color: #f2f2f2;
	}
	
table.tableList tbody tr:hover td
	{
	background-color: #E6EFC2;
	border-top: 1px solid #C6D880;
	border-right: 1px solid #C6D880;
	color: #264409
	}
	
table.tableList tbody tr:hover td.column1
	{
	border-left: 1px solid #C6D880;
	}

table.tableList tbody:hover td a, table.tableList tbody:hover td a:visited
	{

	}