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

* {
	outline:none ;
}

/**
 * News list ingress image align
 */

.newsContainer .newsItem {
	margin-bottom: 0.7em;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 0.7em;
}

.newsContainer .last{

border-bottom: 0px solid #DDDDDD;
}

.newsContainer .newsItem p.newsDate{
	color: #a2a2a2;
	margin:0 0 0.5em;
	font-size: 0.9em;
}

.newsContainer .newsItem h4{
	margin-bottom:0.2em;
}

.newsContainer .newsItem p.newsIngress{
	margin-bottom:0.5em;
}

.newsContainer .newsItem p.newsReadMore{
	margin-bottom:0.5em;
	text-align: right;
}


.newsItem{
	/* This is to keep the news-item at full height when the image is bigger than the ingresstext*/	
	overflow:auto;

}

.ingressFull {
	clear:both;
	display:block;
	margin-bottom:10px;
}

.ingressLeft {
	margin-right:8px;
	float:left;
}

.ingressRight {
	margin-left:8px;
	float:right;
}


/**
 *	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: 1px solid #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, .sortOrder 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, .sortOrder 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, input.knapp
	{
	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
 */
 
 div.error {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background: #f7dede url(/media/gfx/smooo/icon_error.gif) no-repeat scroll 19px center;
	border: 1px solid #eac7c7;
	color: #B64747;
	padding: 20px 20px 0 100px;
	margin: 15px 0 15px 0;
	min-height: 55px;
}

div.success {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background: #e6efc2 url(/media/gfx/smooo/icon_success.gif) no-repeat scroll 19px center;
	border: 1px solid #c6d880;
	color: #529214;
	padding: 20px 20px 0 100px;
	margin: 15px 0 15px 0;
	min-height: 55px;
}

.error ul, .success ul
	{
	list-style:disc;
	padding:20px 20px 20px 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	}
	
.error ul li, .success 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 th
	{
	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
	{

	}

/**
 *	MEDIA
 */

.formMedia ul {
	padding: 0;
	list-style: none;
	margin: 0;
	margin-bottom: 15px;
}

#smooo .formMedia li {
	padding-bottom: 0px;
}

.formMedia .file-invalid {
	cursor: pointer;
	color: #514721;
	padding-left: 48px;
	line-height: 24px;
	background: url(/media/js/fancyupload/error.png) no-repeat 24px 5px;
	margin-bottom: 1px;
}
.formMedia .file-invalid span {
	background-color: #fff6bf;
	padding: 1px;
}

.formMedia .file {
	line-height: 2em;
	padding-left: 22px;
	background: url(/media/js/fancyupload/attach.png) no-repeat 1px 50%;
}

.formMedia .file span,
.formMedia.file a {
	padding: 0 4px;
}

.formMedia .file .file-size {
	color: #666;
}

.formMedia .file .file-error {
	color: #8a1f11;
}

.formMedia .file .file-progress {
	width: 125px;
	height: 12px;
	vertical-align: middle;
	background-image: url(/media/js/fancyupload/progress.gif);
}

.formMedia img {
	border: 1px solid #aaa;
	margin-right: 10px;
}

.formMedia label {
	margin-top: 0px;
}

.formMedia fieldset {
	margin: 0px;
}

.formMedia a.buttonWide {
	text-decoration: none;
}

/**
 *	Print
 */

.printOnly{
	display: none;
}