/*defaults*/
body 	{background:#111; color:#000000; margin:30px 0; padding:0; font-family:"Arial", verdana, arial, "Times New Roman", serif; font-size:100%; }
p		{margin:0; padding:0 0 15px 0; }
a		{color:#000000; text-decoration:underline; }
a {text-decoration:none; color: #00759b; font-weight: normal;}
a:hover {text-decoration:underline;}

/*structural elements*/
#container	{margin:0px auto; text-align:center; width:940px; }
#holder		{width:900px; padding:0px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo		{padding:5px 0px 0px 0px; }

#content	{float:left; width:900px; padding:2px 0px 0 0; line-height:160%; dashed #99CC00;}
#content h1	{ font-size: 2.1em; font-weight: bold; margin: 0 0 8px 0; color: #000; line-height: 1.1em; letter-spacing: -1px; }
#content .signupnow {color:#225799; margin:0 0 15px 0; padding:0; font-size:200%; font-weight:bold; }

#adsense_block {margin: 5px 0px 0px 0px;}

#content h2		{font-size:120%; font-weight:bold; line-height:105%; margin:0; padding:0 0 5px 0; }



#loginbox { float: right; margin: -25px 0px -15px 500px; }
#logout { float: right; margin: -25px 0px -15px 500px; font-size: 80%; }

#left	{ height: 100%; width:610px; padding:0 5px 10px 0; border-right: 1px solid #b9b9b9;  }

#right	{float:right; width:280px; padding:0 0px 10px 0; line-height:100%; }
#right h2		{font-size:120%; font-weight:bold; line-height:105%; margin:0; padding:0 0 5px 0; }

.rightitem	{padding: 5px; background:#FFFFFF; border-bottom: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9;   font-size:100%; margin-bottom:5px; }

p		{margin:0; padding:0 0 10px 0; }

#trend_o_meters { width: 600px; height: 180px; }
.trend_o_meter_l { width: 300px; float: left; }
.trend_o_meter_r { width: 300px; float: right; }


#footer		{clear:both; width:100%; font-size: 10px; padding:5px 20px 3px 20px; text-align:center; color: #ccc; }

#footer a { text-decoration: none; color: #fff; }
#footer a:hover { color: #fff; text-decoration: underline; }





#footer		{clear:both; width:100%; font-size: 10px; padding:5px 20px 3px 20px; text-align:center; color: #ccc; }

#footer a { text-decoration: none; color: #fff; }
#footer a:hover { color: #fff; text-decoration: underline; }

#submenu { width: 99%; border-bottom: 1px solid #b9b9b9; border-top: 1px solid #b9b9b9;  margin: -16px 0px 10px 5px; font-size: 75%; color: #111;  } 
#submenu .active { text-decoration: none; font-weight: bold; color: #000; } 

/*headings*/
.newsItem h1	{color:#225799; margin:0 0 15px 0; padding:0; font-size:150%; font-weight:normal; }
.newsItem2 h1	{color:#225799; margin:0 0 15px 0; padding:0; font-size:150%; font-weight:normal; }
.highlight {

	color:#fff;
	background-color:#d15600;
	text-decoration:none;
	padding:0px 2px 1px 2px; 	
	font-size: 100%;}



.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.spiffy4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.spiffy5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.spiffyfg{
  background:#FFFFFF}

	/* The CSS Code for the menu starts here */
			#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 5px 0 20px 0;
				padding: 0 0 0 0px;
				list-style-type: none;
				font-size: 10px;
				background: #eee;
				height: 28px;
				border-top: 1px solid #eee;
				border-left: 1px solid #eee;
				border-bottom: 1px solid #ccc;
				border-right: 1px solid #ccc;
			}
			#menu li {
				float: left;
				margin: 0;
				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 12px;
				line-height: 28px;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			
			/* Black Menu */
			#menu.black {
				border-top: 2px solid #333;
				border-left: 2px solid #333;
				border-bottom: 2px solid #000;
				border-right: 2px solid #000;
				background: #333;}
			#menu.black a {color: #CCC;}
			#menu.black li a:hover, #menu.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}

			
			/* Green Menu */
			#menu.green {
				border-top: 2px solid #356AA0;
				border-left: 2px solid #356AA0;
				border-bottom: 2px solid #204061;
				border-right: 2px solid #204061;
				background: #f4f4f4;}
			#menu.green a {color: #000;}
			#menu.green li a:hover, #menu.green li.active a {color: #90CDFF; background: #589a2f; border-bottom: 2px solid #356AA0;}
			
			/* Red Menu */
			#menu.red {
				border-top: 2px solid #660000;
				border-left: 2px solid #660000;
				border-bottom: 2px solid #450000;
				border-right: 2px solid #450000;
				background: #660000;}
			#menu.red a {color: #fff;}
			#menu.red li a:hover, #menu.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
			
			/* Orange Menu */
			#menu.orange {
				border-top: 2px solid #d15600;
				border-left: 2px solid #d15600;
				border-bottom: 2px solid #B44500;
				border-right: 2px solid #B44500;
				background: #d15600;}
			#menu.orange a {color: #fff;}
			#menu.orange li a:hover, #menu.orange li.active a {color: #FA9B5B; background: #B44500; border-bottom: 2px solid #d15600;}

.list_term { }
.todaystop { font-size: 80%; }
#procentbar_block { 
font: 70% Georgia, "Times New Roman", Sans-Serif; 
background: #eee; repeat-x; color: #gray; 
padding: 0px;
margin: 0px 0px 0px 0px;
height: 14px;
width: 155px;
}
#procentbar { 
font: 70% Georgia, "Times New Roman", Sans-Serif; 
padding: 7px 2px 7px 2px;
margin: 3px 0px 0px 0px;
}
.procent_arg {
background: #df5a5b repeat-x; color: #df5a5b; 
}
.procent_glad {
background: #84dd8b  repeat-x; color: #84dd8b; 
}
.procent_besviken {
background: #fff  repeat-x; color: #fff; 
}
.procent_nöjd {
background: #00759b  repeat-x; color: #00759b; 
}
.procent_förvånad {
background: #ffcc1c  repeat-x; color: #ffcc1c; 
}
.procent_irriterad {
background: #f79100 repeat-x; color: #f79100; 
}

a {text-decoration:none; color: #00759b;}
a:hover {text-decoration:underline;}
img { border: 0px; }