body, html
	{
	height: 100%
	}

body
	{
	margin: 0;
	font-family: arial, helvetica, sans-serif
	}

img
	{
	-ms-interpolation-mode:bicubic;
	border: none;
	}

/**
 * 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;
	line-height: 110%;
	white-space: normal;
	}
	
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;
	padding-right: 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;
	}
	
.formTextarea textarea
	{
	width: auto; 
	height: auto;	
	}

div.formButtons
	{
	min-height: 40px;
	height: auto !important;
	height: 40px;
	margin-bottom: 10px;
	}

div.formButtons div
	{
	float: left
	}

div.formButtons div.delete
	{
	float: right;
	}
	
div.formButtons div.delete input
	{
	background-color: #a30c0c;
	text-shadow: none;
	margin: 0
	}

div.formButtons div.delete input:hover
	{
	background-color: #7d0000;
	text-shadow: none;
	}


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

.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, .button, .button:visited, .formButton input
	{
width:auto;
   overflow:visible;
	}
	
.formSubmit input, .button, .button:visited, .formButton input {
	width: auto;
	height: auto;
	background:#494949 url(/media/gfx/smooo/button-overlay.png) repeat-x;
	_background:#494949;
	border:0px;
	color: #fff;
	font-size: 1em;
	padding: 8px 10px;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	margin-right: 10px;
	font-weight: bold;
	text-shadow: -1px -1px #444;
	font-family: arial, helvetica, san-serif;

	/*
	background: #222 url(/media/gfx/smooo/button-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;*/
}

a.button, a.button:visited
	{
	display: inline-block;
	vertical-align: top;
	font-size: 1em;
	padding-bottom: 7px;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 1.4em;
	}

.button.small, .button.small:visited
	{
	font-size: 0.8em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 5px;
	line-height: 1.5em;
	text-shadow: none
	}

a.button.small, a.button.small:visited
	{
	padding: 4px 8px;
	}

.formSubmit input:hover, .button:hover, .formButton input:hover
	{
	background-color:#2B2B2B;
	color: #fff
	}

.button:active
	{
	text-shadow: 0px 0px 4px #000, 0 0 0 #999, 0px 0px 11px #fff, 0px 0px 15px #fff;
	}

.dialog .button, .dialog .button:visited
	{
	font-size: 0.9em;
	color: #fff
	}

.dialog .button.small, .dialog .button.small:visited
	{
	font-size: 0.7em 
	}

.success .button, .success .button:visited
	{ background-color: #327f00; text-shadow: none; }
	
.success .button:hover
	{ background-color: #43a900; text-shadow: none; }

.info .button, .info .button:visited
	{ background-color: #2489c8; text-shadow: none; }
	
.info .button:hover
	{ background-color: #2c9fe7; text-shadow: none; }

.alert .button, .alert .button:visited
	{ background-color: #926502; text-shadow: none; }

.alert .button:hover
	{ background-color: #b67e03; text-shadow: none; }

.error .button, .error .button:visited
	{ background-color: #890000; text-shadow: none; }

.error .button:hover
	{ background-color: #c00202; text-shadow: none; }


	/*.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }*/


/*
.formSubmit input,.formButton 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
	}
	*/


/**
 * =Dialog Success Info Alert Error
 */
 
.dialog
 	{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 20px 20px 100px;
	margin: 15px 0 15px 0;
	min-height: 35px;
	height: auto !important;
	height: 35px;
	font-size: 1.2em
	}
	
.success
	{
	background: #e6efc2 url(/media/gfx/smooo/icon_success.gif) no-repeat scroll 19px 15px;
	border: 1px solid #c6d880;
	color: #707a48;
	}

.info
	{
	background: #dff4ff url(/media/gfx/smooo/icon_info.gif) no-repeat scroll 19px 15px;
	border: 1px solid #c2e1ef;
	color: #336699;
	}

.alert
	{
	background: #fdfbcf url(/media/gfx/smooo/icon_alert.gif) no-repeat scroll  0px 5px;
	border: 1px solid #deda9f;
	color: #9c9228
	}
 
.error
 	{
	background: #f7dede url(/media/gfx/smooo/icon_error.gif) no-repeat scroll 19px 15px;
	border: 1px solid #eac7c7;
	color: #B64747;
	}

.error ul, .success ul, .info ul, .alert ul
	{
	list-style:disc;
	padding:20px 20px 20px 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	}
	
.error ul li, .success ul li, .info ul li, .alert ul li
	{
	padding-bottom: 6px;
	}

.success h1, .success h2, .success h3, .success h4, .success h5, .success p, .success a
	{
	color: #707a48;
	}

.info h1, .info h2, .info h3, .info h4, .info h5, .info p, .info a
	{
	color: #336699;
	}

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert p, .alert a
	{
	color: #9c9228;
	}

.error h1, .error h2, .error h3, .error h4, .error h5, .error p, .error a
	{
	color: #B64747;
	}

.dialog h1, .dialog h2, .dialog h3
	{
	text-shadow: 1px 1px #fff
	}


/** 
 * Small Dialogs (Info-Alert-Error)
 */

.small
	{
	margin-bottom: 0
	}

.dialog.small
	{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 5px 5px 30px;
	font: 1em arial, helvetica, san-serif;
	background-image: none;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	}

.info.small
	{
	background: #cfedfd url(/media/gfx/smooo/icon_info_small.png) 5px 4px no-repeat;
	}

.error.small
	{
	background: #fdcfcf url(/media/gfx/smooo/icon_error_small.png) 5px 4px no-repeat;
	}

.success.small
	{
	background: #e5fbcf url(/media/gfx/smooo/icon_success_small.png) 5px 4px no-repeat;
	}

.alert.small
	{
	background: #fdfbcf url(/media/gfx/smooo/icon_alert_small.png) 5px 4px no-repeat;
	}

.error.small ul, .success.small ul, .info.small ul, .alert.small ul
	{
	list-style:disc;
	padding: 2px 20px 0px 0px;
	margin-bottom: 0px;
	}


/**
 *	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;
}

fieldset .formMedia li img 
	{
	-ms-interpolation-mode: bicubic;
	margin: 0 10px 10px 0;
	background: #fff;
	padding: 5px;
	border: 1px solid #bbb;
	-moz-box-shadow: 0px 0px 5px #aaa;
	-webkit-box-shadow: 0px 0px 5px #aaa;
	box-shadow: 0px 0px 5px #aaa;
	}

fieldset .formMedia li img.file-progress 
	{
 	width: 105px;
 	height: 12px;
 	vertical-align: middle;
 	background-image: url(/media/js/fancyupload/progress.gif);
	margin: 0;
	padding: 0;
	border: none
	}

fieldset .formMedia li.file
	{
	background-image: none;
	width:125px;
	float: left;
	padding: 0;
	margin: 0;
	height: 130px;
	}

fieldset .formMedia li img
	{
	width: 100px;
	height: 100px;
	margin: 0
	}

fieldset .formMedia li span 
	{
	display: none
	}

.formMedia ul.documentimage li span 
	{
	display: inline;
	}
	
.formMedia ul.documentimage  li
	{
	height: 30px;
	width: 90%;
	float: none;
	}

.formMedia ul.documentimage  img
	{
	display: none;
	}

fieldset .formMedia li img.formDeleteFile
	{
	display: inline;
	width: 16px;
	height: 16px;
	margin: -2px 0 0 -12px;
	background: none;
	position: absolute;
	padding: 0;
	border: none;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	
fieldset .formMedia ul.documentimage img.formDeleteFile
	{
	margin: 0 0 0 7px;
	}

div.formMedia div a, div.formMedia div a:visited
	{
	text-decoration: none;
	clear: left;
	padding: 0
	}
	
ul.document span.file-title
	{
	display: block
	}


ul.document li.file
	{
	display: block;
	float: none;
	padding: 5px;
	width: auto;
	}

ul.document li.rowEven
	{
	background-color: #f2f2f2; 
	}

ul.document li.file img.formDeleteFile 
	{
	border: none;
	height: 16px;
	margin: -1.5em 0 0 0;
	padding:0;
	position:relative;
	width:16px;
	float: right;
	cursor: pointer
	}

/**
 *	Paging
 */


.pagNav .pagNavCenter div{
	text-align: center;
}

.pagNav .pagNavRight {
	text-align: right;
}

/**
 *	Print
 */

.printOnly{
	display: none;
}

/** 
 * Grade
 */

span.stars
	{
	display: block;
	width: 77px;
	height: 13px;
	margin-top: 0px;
	_margin-top: 4px;
	background: url(/media/gfx/smooo/stars.gif) no-repeat
	}
	
span.grade1 {background-position: 0px -21px}
span.grade2 {background-position: 0px -42px}
span.grade3 {background-position: 0px -63px}
span.grade4 {background-position: 0px -84px}
span.grade5 {background-position: 0px -105px}

.grade .doGrade {
	float: left;
	height: 13px;
	width: 15px;
}

.grade div.g2, .grade div.g3 {
	width: 16px;
}

.grade .gradeService  {
	display: none;
}

div.g1:hover > span.stars
{background-position: 0px -21px}


/* 
 * Grade small
 */

span.starsSmall
	{
	display: block;
	width: 53px;
	height: 10px;
	background: url(/media/gfx/smooo/stars_small.gif) no-repeat;
	margin-top: 6px;
	margin-bottom: 6px
	}
	
span.starsSmall span.grade1 {background-position: 0px -20px}
span.starsSmall span.grade2 {background-position: 0px -40px}
span.starsSmall span.grade3 {background-position: 0px -60px}
span.starsSmall span.grade4 {background-position: 0px -80px}
span.starsSmall span.grade5 {background-position: 0px -100px}


/** 
 * Survey Vote
 */
 

div#survey
	{
	background: #fafafa;
	border: 1px solid #e4e4e4;
	padding: 10px;
	padding-bottom: 8px
	}

div.question
	{
	font-size: 1.6em;
	margin-bottom: 0.3em
	}

div.radio, div.resultContainer
	{
	background: #e8e8e8;
	padding: 8px 5px 8px 5px;
	margin-bottom: 0.3em;
	line-height: 100%;
	border-bottom: 1px solid #c4c4c4;
	}

div.radio input
	{
	margin: 0 4px 0 0;
	.margin: 0;
	display: inline
	}

div.choice
	{
	display: inline;
	}

div.result
	{
	margin: 0 0 0.3em 0
	}

div.graph
	{
	width: 100%;
	display: block;
	background: #dadada;
	color: #fff;
	}

span.bar
	{
	background: #82b515;
	display: block;
	padding: 3px 0 3px 0;
	}

span.bar span
	{
	margin-left: 3px;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
	}

span.zero
	{
	background: none;
	display: block;
	padding: 3px;
	color: #555;
	}


div.numberOfVotes
	{
	font-weight: bold;
	margin-top: 0.5em;
	}


/** 
 * Quiz
 */
 

div#quiz fieldset legend
	{
	font-size: 2em
	}

div#quiz fieldset fieldset
	{
	margin: 0;
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
	border: none;
	border-bottom: 1px solid #eee
	}

div#quiz fieldset fieldset legend
	{
	font-size: 1.4em;
	}

div#quiz div.formSelect
	{
	border-bottom: 1px solid #eee;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 1.4em 
	}

div#quiz div.formSelect label
	{
	font-size: 1.4em
	}


/** 
 * breadCrumb
 */


.breadCrumb
	{
	clear: both
	}

.breadCrumb ul
	{
	background: #fafafa;
	list-style: none;
	height: 17px;
	margin: 20px 0 10px 0;
	margin-top: 20px;
	padding:  0px 0px 10px 0px;
	_padding-bottom: 0px;
	border: 1px solid #e4e4e4;
	}
	
.breadCrumb ul li
	{
	height: 17px;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}
	
.breadCrumb ul li a
	{
	background: url(/media/gfx/smooo/breadcrumbs_divider.gif) right center no-repeat;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 5px;
	}
	
.breadCrumb ul li p
	{
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	}