/* -------------------------------------------------------------- 
  
   Sniđmáti fyrir Fuel CMS
   
   Höfundaréttur 2009, Tikktakk Hugbúnađur ehf
   http://www.tikktakk.is/
   
-------------------------------------------------------------- */

@import "reset.css";
@import "css/forms.css";
@import "typography.css";

/* Sérsniđinn sniđmáti
------------------------------- ------------------------------- */

.hiddenPic {display:none;}

/* Almennt
-------------------------------------------------------------- */

body {
	background: #f3f3f3 url(http://www.tikktakk.is/themes/tikktakk/img/background.jpg) repeat-x;
	color: #444;
	margin: 0;
	padding: 0;
}
#fuel {
	width: 100%;
	height: 100%;
	background: transparent url(http://www.tikktakk.is/themes/tikktakk/images/clock_bg.png) no-repeat top left;
}

/* Carsoul */

a.transparent:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7; /* fyrir eldri Gecko-based vafra */
	filter:alpha(opacity=70); /* fyrir IE6&7 */
}

.telnr {
	font-size: 1.5em;
	margin-top: 3px;
	margin-right: 10px;
}

/* Viđskiptavinir
-------------------------------------------------------------- */

.clientlist {
	float: left;
	width: 250px;
	list-style-type: circle !important;
}
.clientlist li {
	background: none !important;
	padding-left: 10px !important;
}
.client-logos a {
	float: left;
	
}
.client-logos a img {
	border: 1px solid #f2f2f2;
	margin: 20px;
}

/* Leitarvél
-------------------------------------------------------------- */

#searchform {
	position: absolute;
	right: 5px;
	top: 8px;
	color: #666;
}

#searchform input {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	outline: 0;
}
input#leit {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/search_bg.png) no-repeat;
	width: 150px;
	padding-left: 9px;
	height: 20px;
	padding-top: 5px;
}

/* Navigation
-------------------------------------------------------------- */

ul.nav-header {
	height: 55px;
	width: 670px;
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.nav-header li {
  float: left;
  margin: 0;
  padding: 0;
}

ul.nav-header a * {
  display: none;
}

ul.nav-header a,
ul.nav-header a .hover {
	height: 55px;
	position: relative;
	display: block;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/ttnavigation.png) 0 0 no-repeat;
	cursor: pointer;
}

/* individual navigation items */
ul.nav-header a#heim {
  background-position: 0 0;
  width: 79px;
}

ul.nav-header .highlight a#heim:hover,
ul.nav-header .current a#heim,
ul.nav-header a#heim .hover{
  background-position: 0 -110px;
  width: 79px;
}

ul.nav-header a#fyrirtaekid {
  background-position: -79px 0;
  width: 102px;
}

ul.nav-header .highlight a#fyrirtaekid:hover,
ul.nav-header .current a#fyrirtaekid,
ul.nav-header a#fyrirtaekid .hover {
  background-position: -79px -110px;
  width: 102px;
}

ul.nav-header a#thjonusta {
  background-position: -181px 0;
  width: 88px;
}

ul.nav-header .highlight a#thjonusta:hover,
ul.nav-header .current a#thjonusta,
ul.nav-header a#thjonusta .hover, li#current a#thjonusta {
  background-position: -181px -110px;
}

ul.nav-header a#vorur {
  background-position: -269px 0;
  width: 70px;
}

ul.nav-header .highlight a#vorur:hover,
ul.nav-header .current a#vorur,
ul.nav-header a#vorur .hover, li#current a#vorur {
  background-position: -269px -110px;
}

ul.nav-header a#vidskiptavinir {
  background-position: -339px 0;
  width: 121px;
}

ul.nav-header .highlight a#vidskiptavinir:hover,
ul.nav-header .current a#vidskiptavinir,
ul.nav-header a#vidskiptavinir .hover, li#current a#vidskiptavinir {
  background-position: -339px -110px;
}

ul.nav-header a#verkefni {
  background-position: -460px 0;
  width: 85px;
}

ul.nav-header .highlight a#verkefni:hover,
ul.nav-header .current a#verkefni,
ul.nav-header a#verkefni .hover, li#current a#verkefni {
  background-position: -460px -110px;
}

ul.nav-header a#hafa-samband {
  background-position: -545px 0;
  width: 124px;
}

ul.nav-header .highlight a#hafa-samband:hover,
ul.nav-header .current a#hafa-samband,
ul.nav-header a#hafa-samband .hover, li#current a#hafa-samband {
  background-position: -545px -110px;
}

/* Valmynd
-------------------------------------------------------------- */

img#loadpage {
	position: absolute;
	top: 13px;
	right: 400px;
}

table.ccm-gallery {
	margin-left: 40px;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
}
#header {
	width: 950px;
	height: 28px;
	padding-top: 10px;
	position: relative;
}

img.logo {
	float: left;
}

#header a {
	float: right;
	color: #666;
	font-weight: bold;
}
#header a:hover {
	color: #000;
	text-decoration: none;
}
#header a.current {
	color: #000;
}


/* Verđskrá
-------------------------------------------------------------- */

table.prices {
	width: 100%;
	margin: 0;
}
table.prices thead tr th {
	font-size: 1.3em;
	font-weight: normal;
	color: #00448e;
}
table.prices tbody tr td { 
	padding: 7px;
	color: #000;
	background: #f2f2f2;
}
table.prices tbody tr td.price {
	width: 100px;
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
}
table.prices tbody tr td.odd {
	background: #e5ecf3 !important;
}
/* Fánar
-------------------------------------------------------------- */

#flags {
	position: absolute;
	left: 0px;
	top: 10px;
}
#sitemap {
	position: absolute;
	right: 115px;
	top: 10px;
}

a.flag_uk {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/flag_uk.png) no-repeat left;
	padding-left: 20px;
	padding-top: 2px;
	margin-right: 10px;
	margin-left: 20px;
}
a.flag_es {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/flag_es.png) no-repeat left;
	padding-left: 20px;
	padding-top: 2px;
	margin-right: 10px;
	margin-left: 20px;
}
a.flag_is {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/flag_is.png) no-repeat left;
	padding-left: 20px;
	margin-left: 20px;
	padding-top: 2px;
}
a.sitemap {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/sitemap.png) no-repeat left;
	padding-left: 25px;
	margin-left: 20px;
	padding-top: 2px;
	font-weight: normal !important;
}

/* Fréttasíđa
-------------------------------------------------------------- */

hr.news {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

/* Kynningarsíđa
-------------------------------------------------------------- */

div.splash {
	position: relative;
}
div.splash img.kynningarverd {
	position: absolute;
	top: -25px;
	right: 5px;
}
div.splash img.nanar_btn {
	position: absolute;
	bottom: 100px;
	left: 20px;
}

div.splash img.kynningarverd2 {
	position: absolute;
	top: 0px;
	left: 20px;
}
div.splash img.nanar_btn2 {
	position: absolute;
	top: 10px;
	right: 20px;
}

/* Almennur hnappur
-------------------------------------------------------------- */

a.normalbutton {
	display: block;
	width: 127px;
	height: 23px;
	text-align: center;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/normal_button.png) no-repeat top left;
	padding-top: 8px;
	color: #666;
}
a.normalbutton:hover {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/normal_button.png) no-repeat -31px left;
	color: #000;
}

/* Vörusíđa
-------------------------------------------------------------- */
#cms-features {
	clear: both;
}
#cms-features ul {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#cms-features ul li {
	width: 300px;
	float: left;
	margin: 0;
	height: 150px;
	background: none !important;
}
#cms-features ul li h3 {
	color: #000;
	font-weight: normal;
	margin-bottom: 5px;
}
#cms-features-shop ul {
	list-style-type: none;
	margin: 0 !important;
}
#cms-features-shop ul li {
	color: #666;
}
#cms-features-shop ul li h3 {
	color: #000;
	font-weight: normal;
	margin-bottom: 5px;
}

/**************************************/
/*              BUTTONS               */
/**************************************/
.button {
	background:url(http://www.tikktakk.is/themes/tikktakk/images/pl_button.png);
	display:block;
	color:#fff;
	font-size:16px;
	height:32px;
	width:220px;
	line-height:30px;
	text-align:center;
	padding:0;
	margin:0 0 20px 0;
	float: left;
	margin-left: 20px;
}
button.button{
	border:none;
	font-size:16px;
	padding-bottom:4px;
	height:32px;
}
.button:hover {
	background:url(http://www.tikktakk.is/themes/tikktakk/images/pl_button_hover.png);
}
a.button:link, a.button:active, a.button:visited, a.button:hover {
	color:#fff;
	text-decoration:none;
}
.button-row {
	overflow:hidden;
}
.button-row .button {
	float:left;
	margin-right:20px;
}
.button-row .last {
	margin-right:0;
}
.green-button {
	background:url(http://www.tikktakk.is/themes/tikktakk/images/pl_button_green.png);
	float: right;
	margin-right: 20px;
}
.green-button:hover {
	background:url(http://www.tikktakk.is/themes/tikktakk/images/pl_button_green_hover.png);
}

#home-logos {
	list-style-type: none;
	padding: 0;
}


/* Classes
-------------------------------------------------------------- */

.clear {
	clear: both;
}

hr {
	height: 1px;
	border: 0;
	width: 100%;
	background: #e0e0e0;
}

.valid-image {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
}


/* Scroll á forsíđu
-------------------------------------------------------------- */

#scrollable-area {
	position: relative;
	width: 950px;
	margin-top: 20px;
}
#scrollable-area div.navi {
	position: absolute;
	top: -18px;
	left: 460px;
}

div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 950px;	
	height:140px;			
}

div.shadow-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 131px;
	height: 100%;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/shadow_left.png) repeat-y;
	z-index: 10;
}
div.shadow-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 131px;
	height: 100%;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/shadow_right.png) repeat-y;
	z-index: 10;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:145px;
	font-family: 'bitstream vera sans';
	margin-right: 14px;	
}

/* active item */
div.scrollable div.items div.active img {
	opacity: 0.3;
	-moz-opacity: 0.3; /* fyrir eldri Gecko-based vafra */
	filter:alpha(opacity=30); /* fyrir IE6&7 */
}

/* -------- nćsta ---------- */

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.prevPage {
	display:block;
	width:22px;
	height:22px;
	background:url(http://www.tikktakk.is/themes/tikktakk/images/left.png) no-repeat;
	margin:43px 10px;
	cursor:pointer;
	position: absolute;
	left: -40px;
	top: 10px;
	z-index: 99999;
}

a.next, a.nextPage {
	display:block;
	width:22px;
	height:22px;
	background:url(http://www.tikktakk.is/themes/tikktakk/images/right.png) no-repeat;
	margin:43px 10px;
	cursor:pointer;
	position: absolute;
	right: -40px;
	top: 10px;
	z-index: 99999;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -22px;		
}

/* disabled navigational button */
a.disabled {
	opacity: 0.6;
	-moz-opacity: 0.6; /* fyrir eldri Gecko-based vafra */
	filter:alpha(opacity=60); /* fyrir IE6&7 */
}

/* next button uses another background image */



/*********** navigator ***********/


/* position and dimensions of the navigator */

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://www.tikktakk.is/themes/tikktakk/images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	



/* RSS Ticker
-------------------------------------------------------------- */

#ticker {
	height: 36px;
	margin-top: 15px;
}
.ticker-bg {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/ticker_bg.png) repeat-x;
	height: 36px;
}
/* RSS TICKER Á FORSÍĐU */

.cnnclass{
width: 780px;;
height: 39px;
padding-top: 10px;
padding-left: 5px;
}

.cnnclass a{
text-decoration: none;
font-size: 1.0em;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
float: left;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 1.0em;
float: right;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}

/* Center
-------------------------------------------------------------- */

#slideshow {
	width: 652px;
	height: 402px;
	float: left;
}
#center {
	width: 950px;
}

/* Tabs
-------------------------------------------------------------- */
#tabs {
	width: 282px;
	float: right;
	position: relative;
}
#tabs hr {
	margin: /* top */ 0px /* right */ 0px /* bottom */ 5px /* left */ 0px;
	padding: 0;
}

ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:28px;
	padding-top: 8px;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/tabs_top.png) no-repeat;
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	background: url(http://www.tikktakk.is/themes/tikktakk/images/tab_off.png) no-repeat;
	margin-left: 10px;
	float:left;
	font-size:12px;
	display:block;
	width: 118px;
	text-align: center;
	text-decoration:none;
	height:27px;
	line-height:27px;
	color:#fff;
	position:relative;
	top:1px;
}

ul.css-tabs a:hover {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/tab_hover.png) no-repeat;
	color:#fff;
}
	
/* selected tab */
ul.css-tabs a.current {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/tab_current.png) no-repeat;
	color:#000;	
	cursor:default;
}

/* tab pane */
div.css-panes div.tab-content {
	display:none;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/tabs_bg.png) repeat-y;
	height: 200px;
	padding:15px 20px;
}
#tabs div h3 {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 1.0em;
}
#tabs span.date {
	font-size: 0.9em;
	color: #666;
}
div.date {
	width: 69px;
	height: 24px;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/news_date.png) no-repeat;
	position: absolute;
	top: -15px;
	right: 0;
	color: #fff;
	font-size: 1.3em;
	padding-top: 4px;
	padding-left: 5px;
	font-weight: bold;
	text-shadow: #124a82 1px 1px 1px;
}
div.date span {
	margin-left: 6px;
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: normal;
}
/* Boxes
-------------------------------------------------------------- */

#boxes {
	width: 950px;
	margin-top: 15px;
}
.box {
	width: 292px;
	float:left;
	background: url(http://www.tikktakk.is/themes/tikktakk/img/box-bg.jpg) repeat-y;
	position: relative;
	padding-bottom: 15px;
}
.box-map {
	width: 292px;
	float:left;
	position: relative;
	padding-bottom: 15px;
}
.box-map h2 {
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	display: block;
	width: 257px;
	height: 25px;
	padding-left: 35px;
	padding-top: 9px;
	background: url(http://www.tikktakk.is/themes/tikktakk/img/box-top.jpg) no-repeat;
	margin: 0;
	text-shadow: #5e6064 1px 1px 1px;
}
.box p {
	padding: 5px 8px;
}
.box h2 {
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	display: block;
	width: 257px;
	height: 30px;
	padding-left: 35px;
	padding-top: 9px;
	background: url(http://www.tikktakk.is/themes/tikktakk/img/box-top.jpg) no-repeat;
	margin: 0;
	text-shadow: #5e6064 1px 1px 1px;
}
#box-1 {
	height: 145px;
}
#box-1 ul {
	list-style-type: none;
	margin-top: 5px;
	padding: 0;
}
#box-1 ul li {
	padding-left: 20px;
}
#box-1 ul li a {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/ul1.png) no-repeat left;
	padding-left: 15px;
}
#box-2 {
	margin-left: 35px;
	height: 145px;
}
#box-3 {
	margin-left: 35px;
}
.box-footer {
	background: url(http://www.tikktakk.is/themes/tikktakk/img/box-bottom.jpg) no-repeat;
	height: 12px;
	width: 292px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Sidebar
---------------------- /*

/* Boxes
-------------------------------------------------------------- */

.sidebar {
	width: 245px;
	float:left;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/sidebar_bg.jpg) repeat-y;
	position: relative;
	padding-bottom: 15px;
}
.sidebar p {
	padding: 5px 8px;
}
.sidebar h2 {
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	display: block;
	width: 230px;
	height: 25px;
	padding-left: 15px;
	padding-top: 10px;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/sidebar_header.jpg) no-repeat;
	margin: 0;
	text-shadow: #5e6064 1px 1px 1px;
}
.sidebar-footer {
	background: url(http://www.tikktakk.is/themes/tikktakk/images/sidebar_footer.jpg) no-repeat;
	height: 10px;
	width: 245px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Quotes
-------------------------------------------------------------- */

#quotes {
	width: 281px;
	height: 105px;
	float: right;
	margin-top: 10px;
}
#quotes p {
	font-family: Georgia, Arial, Verdana, Sans-serif;
	font-size: 1.4em !important;
	font-style: italic;
	padding-left: 50px;
	padding-top: 20px;
	color: #666;
}

/* Síđufótir
-------------------------------------------------------------- */

#footer {
	margin-top: 10px;
	padding-left: 10px;
}
#footer span {
	color: #666;
}
#footer a {
	color: #3875b2;
}
#footer a:hover {
	color: #fe951d;
	text-decoration: none;
}

/* Undirsíđur
-------------------------------------------------------------- */

#sub-slideshow {
	float: right;
	width: 687px;
	height: 145px;
	margin-bottom: 15px;
}


/* Undirsíđur
-------------------------------------------------------------- */

#sidebar-left {
	width: 230px;
	float: left;
}
#pikame ul li {
	background: none;
}
#main-right {
	float: right;
	color: #222;
	width: 659px;
	background: #fff;
	padding: 15px;
	min-height: 500px;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/content_bg.jpg) repeat-y;
	position: relative;
}
#main-right p span {
	background: #ffffcc;
	color: #000;
}
#main-right img.topimg {
	position: absolute;
	top: 0;
	left: 0;
}
#main-right img.bottomimg {
	position: absolute;
	bottom: 0;
	left: 0;
}
#main-right h2 {
	border-bottom: 1px solid #e2e2e2;
	margin-top: -5px;
	padding-bottom: 5px;
}
#main-right ul {
	list-style-type: none;
}
#main-right ul li {
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/ul1.png) no-repeat left;
}
#main-right ul li a {
	color: #000;
}
#sidebar-left .nav ul {
	list-style-type: none;
	margin: 0;
	margin-top: 5px;
	padding: 0;
}
#sidebar-left .nav ul li {
	margin: 0;
	padding: 0;
}
#sidebar-left .nav ul li a {
	display: block;
	padding: 5px 15px;
	margin-left: 3px;
	margin-right: 3px;
	border-bottom: 1px solid #f2f2f2;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/marrow.png) no-repeat right;
	padding-right: 10px;
}
#sidebar-left .nav ul li a:hover {
	color: #000;
	background: #f2f2f2 url(http://www.tikktakk.is/themes/tikktakk/images/marrow_on.png) no-repeat right;
}
#sidebar-left .nav ul li.current a.current {
	background: #f2f2f2 url(http://www.tikktakk.is/themes/tikktakk/images/marrow_on.png) no-repeat right;
	color: #000;
	text-decoration: none;
}
#sidebar-left .nav ul li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar-left .nav ul li ul li {
	padding: 0;
	margin: 0;
}
#flytileidir a {
	color: #666;
	background: url(http://www.tikktakk.is/themes/tikktakk/images/ul1.png) no-repeat left;
}
#sidebar-left .nav ul li ul li a {
	padding-left: 30px;
	color: #666;
}
/* Breadcrumbs
-------------------------------------------------------------- */

#breadcrumbs {
	width: 945px;
	padding-left: 5px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 3px;
}
#breadcrumbs ul {
	margin: 0;
	padding: 0;
}
	
/* vi
-------------------------------------------------------------- */	

#vi {
	position: absolute;
	top: 9px;
	right: 200px;
}
.vi {
	display: none;
}
/* caption styling */

#nylegir-vefir a, #nylegir-vefir a:hover {
	text-decoration: none !important;
}

.caption-top, .caption-bottom {
	color: #fff;
	padding-left: 0.5em;
	padding-bottom: 0.2em;	
	font-weight: bold;
	font-size: 13px;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/* Logofoot */

#logofoot {
	background: url(http://www.tikktakk.is/themes/tikktakk/img/logofoot-bg.jpg) repeat-x;
	height: 67px;
	margin-top: 10px;
}

	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-ok{
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.clean-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}

@import "css/forms.css";
@import "css/reset.css";