﻿div#bubble							{width:940px; margin-bottom:20px; height:300px; background:url(/Modules/Soren/Public/gfx/bubble.gif) no-repeat top left; color:#FFF;}

div#bubble a						{color:#FFF; text-decoration:underline;}
div#bubble a:hover					{color:#FFF; text-decoration:none;}

div#bubble div#left					{float:left; width:425px; height:260px; padding:20px 0 20px 20px; position:relative;}
div#bubble div#left .tbx			{float:left; width:238px; height:40px; border:0; background:url(/Modules/Soren/Public/gfx/tbx.gif) no-repeat top left; margin-right:10px; padding:0 10px; font:bold 18px/39px arial !important; color:#FFF;}
div#bubble div#left .tbx-off		{float:left; width:238px; height:40px; border:0; background:url(/Modules/Soren/Public/gfx/tbx.gif) no-repeat top left; margin-right:10px; padding:0 10px; font:bold 18px/39px arial !important; color:#09739c;}
div#bubble div#left .btn			{float:left; width:54px; height:41px; border:0; background:url(/Modules/Soren/Public/gfx/btn.gif) no-repeat top left; cursor:pointer;}
div#bubble div#left .waste-info		{color:#FFF; width:400px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding-top:20px; line-height:20px;}

div#bubble div#left ul#leavearea	{width:305px; margin:0; padding:10px 0 0 15px; float:right; height:100px; overflow:hidden; list-style-type:square;}
div#bubble div#left ul#leavearea li	{margin:0; padding:0;}

div#bubble div#left div#leave		{width:80px; float:left; padding-top:10px;}
div#bubble div#left div#progress	{background:url(/Modules/Soren/Public/gfx/preloader.gif) no-repeat top left; height:25px; width:25px; position:absolute; left:247px; top:80px;}

div#bubble div#right			{float:right; width:492px; height:300px; position:relative; background:#fff url(/Modules/Soren/Public/gfx/soren-right.jpg) no-repeat top right;}

div#bubble h1					{font:bold 18px arial !important; color:#FFF; margin:0; padding:0;}
div#bubble img.line				{float:left; margin:15px 0;}

div#soren-bubble				{width:300px; position:absolute; top:40px; left:0px;}
div#soren-bubble div#top		{width:300px; height:30px; background:url(/Modules/Soren/Public/gfx/soren-right-top.png) no-repeat top left;}
div#soren-bubble div#middle		{width:240px; padding:0 30px; min-height:100px; background:url(/Modules/Soren/Public/gfx/soren-right-middle.png) repeat-y top left; font:bold 14px/20px arial !important;}
div#soren-bubble div#bottom		{width:300px; height:30px; background:url(/Modules/Soren/Public/gfx/soren-right-bottom.png) no-repeat top left;}

div#kommun-right				{float:left; width:140px; height:260px; padding:20px; overflow:hidden; background:url(/Modules/Soren/Public/gfx/kommun.gif) no-repeat top left;}
div#cateogry-html				{float:right; width:740px;}
div#kommun-right h2				{color:#FFF; font:bold 18px/22px arial !important; margin:0 0 10px 0; padding:0;}
div#kommun-right a				{color:#FFF; text-decoration:none; font:normal 14px/21px arial !important;}
div#kommun-right a:hover		{text-decoration:underline;}

.clItem			{ color:#333; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; padding:3px; background-color:#FFF; }
.clHighlight	{ color:#FFF; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; padding:3px; background-color:#09739c; cursor:pointer;}

span.highlight	{ font-weight:bold; color:#f4be12; text-decoration:underline;}
