@import url(common.css);
#headContainer
{
    /*height: 366px;*/
}

/* Top Banner */
/**************/
#topBanner
{
    /*height: 149px;*/
}

/* Most Visited */
/****************/
#mostVisited
{
    /*height: 80px;*/
}
#mostVisitedLabel
{
    /*height: 55px;
    padding: 25px 20px 0;*/
}
#mostVisitedCloud
{
    /*height: 75px;
	padding-top: 2px;
	padding-bottom: 3px;*/
}

/* LeftColumn */
/**************/
#leftColumn .ui-tabs .ui-tabs-panel
{
    /*background: #ffffff url(/files/design2009/images/leftcolumn_background.png) no-repeat right -49px;
    border-left: 1px #cadbe6 solid;*/
}



/*Kalorieberegner*/
 .kalorieberegner { border-top: 1px solid #dfe0e2;}
        .kalorieberegner fieldset { border: none; padding: 3px 0px; margin: 0; clear:both; }
        .kalorieberegner .header { font-weight: bold; width:85px; float:left; line-height: 26px; }
        .kalorieberegner label { line-height: 26px; }
        .kalorieberegner input[type="button"] { border: 0px none; background: #5f656e; color: #fff; text-transform: uppercase; font-weight: bold; margin: 20px auto; padding: 4px 6px; cursor: pointer; }
        .kalorieberegner fieldset.center { text-align: center; }
        .kalorieberegner input[type="radio"] { margin: 0px 5px 0px 0px;}
        .kalorieberegner label[for="k_koen_woman"] { margin-right: 30px; }
        .kalorieberegner input[type="text"] { float:left; width: 99px; padding: 4px 2px; border: 1px solid; border-color: #999999; border-bottom-color: #c4c4c4; border-right-color: #c4c4c4;
            background: #fff none;
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(238,238,238)),color-stop(0.66, rgb(255,255,255)));
            background-image: -moz-linear-gradient( center bottom, rgb(238,238,238) 0%, rgb(255,255,255) 66%);
        }
        .kalorieberegner input[name="k_alder"] { margin-right:10px; }
        .kalorieberegner input[name="k_vaegt"] { float:right; }
        .kalorieberegner h2 { font-size: 16px; padding-top: 24px; margin-top: 10px;}
        .kalorieberegner h2.border { border-top: 1px solid #dfe0e2; }
        .kalorieberegner p.border { border-top: 1px solid #dfe0e2; padding-top: 24px; }
        .kalorieberegner h3 { margin: 5px 0px 0px 90px; font-size: 10px; line-height: 15px; font-weight: bold; cursor: pointer; }
        .kalorieberegner .aktivitet { clear:both; margin-bottom: 20px; height: 60px; position: relative; }
        .kalorieberegner .aktivitet img { background-color: #000; float:left; }
        .kalorieberegner .aktivitet .content {margin: 5px 60px 0px 90px; }
        .kalorieberegner .aktivitet span { float: right; width: 37px; clear: right; text-align: center; }
        .kalorieberegner .aktivitet span.value { line-height: 18px; border: 1px solid #ccc; color:#fff; font-weight:bold;}
        .kalorieberegner .tooltip { display:none; background: #5c626c; border: 1px solid #4a5057; width: 60%; padding: 5px 10px; position: absolute; top: 40px; left: 90px; z-index: 200; color: #fff}
		.kalorieberegner .tooltip .content {margin:0px;}
        .kalorieberegner .ui-slider { border: 1px solid #bababa; height: 8px;
            background: #e5e5e5 none;
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(233,233,233)),color-stop(1, rgb(221,221,221)));
            background-image: -moz-linear-gradient( center bottom, rgb(233,233,233) 0%, rgb(221,221,221) 100%);
        }                      
        .kalorieberegner .ui-slider-range { border: 1px solid; height: 8px; top: -1px; left: -1px} 
        .kalorieberegner .ui-slider-handle  
        {
            margin-left: -4px;
            top: -4px;
            cursor: default;
            height: 14px;
            position: absolute;
            width: 5px;
            z-index: 2;
            background: #656565 none;
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(87,87,87)),color-stop(1, rgb(118,118,118)));
            background-image: -moz-linear-gradient( center bottom, rgb(87,87,87) 0%, rgb(118,118,118) 100%);
            border: 1px solid #4d4c4d;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 2px;
            border-top-right-radius: 2px;
            border-top-left-radius: 2px;
        }
        .kalorieberegner ol { padding: 0px; margin: 2px 0px; list-style-type: none; position:relative; height: 10px;}
        .kalorieberegner ol li { height: 3px; border-left: 1px solid #c6c6c6; position:absolute; top: 0px; }
        .kalorieberegner ol li p { position: absolute; top: 10px; left: -1px; color: #333333; font-size: 9px; width: 50px;}
        .kalorieberegner ol li.mark1 { left: 0px; }
        .kalorieberegner ol li.mark2 { left: 82px; }
        .kalorieberegner ol li.mark3 { left: 165px; }
        .kalorieberegner ol li.mark2 p, .kalorieberegner .content ol li.mark3 p { left:-25px; text-align: center;}
        .kalorieberegner ol li.mark4 { right: 0px; border-left: 0px none; border-right: 1px solid #c6c6c6; }
        .kalorieberegner ol li.mark4 p { left:auto; right: -1px; text-align:right; }
        .kalorieberegner .saldobarHolder { position: relative; }
        .kalorieberegner div.saldobar { height: 23px; width:100%; overflow:hidden; position: relative;}
        .kalorieberegner div.saldobar .container { width: 800%; height:21px; position:relative; z-index: 10; position:absolute; top:0px; left: 0px;}
        .kalorieberegner div.saldobar .bar 
        {
            height:21px; width: 398px; position:absolute; top:0px; left: 0px; z-index: 1;
            border: 1px solid #bababa;
            background: #e5e5e5 none;
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(233,233,233)),color-stop(1, rgb(221,221,221)));
            background-image: -moz-linear-gradient( center bottom, rgb(233,233,233) 0%, rgb(221,221,221) 100%);
        }
        .kalorieberegner ol.saldobar { clear: both; height: 30px; }
        .kalorieberegner ol.saldobar li.mark2 { left: 133px; }
        .kalorieberegner ol.saldobar li.mark3 { left: 266px; }
        .kalorieberegner .saldobarHolder .error { background: transparent url('bg-error.png') no-repeat left top; position:absolute; width: 72px; height: 54px; top: -50px; right: 0px; color: #fff; z-index: 10; text-align: center; font-size: 10px; line-height: 11px; padding-top: 5px; display: none; }
        .kalorieberegner div.saldobar .value { display: none; height:21px; float: left; width: 0px; border-style: solid; border-width: 1px;}
      

        .green .ui-slider-range, 
        .green span.value, 
        .kalorieberegner .saldobar .green  
        {
            border-color: #74b211;
            background: #84d20a none;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8edf0e', endColorstr='#7ac405');
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(122,196,4)),color-stop(1, rgb(142,223,14)));
            background-image: -moz-linear-gradient( center bottom, rgb(122,196,4) 0%, rgb(142,223,14) 100%);
        }
        
        .red .ui-slider-range, 
        .red span.value, 
        .kalorieberegner .saldobar .red 
        {
            border-color: #bd4015;
            background: #d23d0a none;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb3021', endColorstr='#b22417');
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(196,52,4)),color-stop(1, rgb(223,67,14)));
            background-image: -moz-linear-gradient( center bottom, rgb(196,52,4) 0%, rgb(223,67,14) 100%);
        }
        
        .blue .ui-slider-range,
        .blue span.value, 
        .kalorieberegner .saldobar .blue  
        {
            border-color: #159fba;
            background: #0ab2d2 none;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ebedf', endColorstr='#0ebedf');
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(4,164,196)),color-stop(1, rgb(14,190,223)));
            background-image: -moz-linear-gradient( center bottom, rgb(4,164,196) 0%, rgb(14,190,223) 100%);
        }
        
        .purple .ui-widget-header, 
        .purple span.value, 
        .kalorieberegner .saldobar .purple  
        {
            border-color: #9915bd;
            background: #a509d1 none;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20edf', endColorstr='#9b05c4');
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(154,4,196)),color-stop(1, rgb(178,14,223)));
            background-image: -moz-linear-gradient( center bottom, rgb(154,4,196) 0%, rgb(178,14,223) 100%);
        }
        
        .yellow .ui-slider-range, 
        .yellow span.value, 
        .kalorieberegner .saldobar .yellow  
        {
            border-color: #bdad15;
            background: #cfbc09 none;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfcb0e', endColorstr='#c4b105');
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(196,178,5)),color-stop(1, rgb(223,203,14)));
            background-image: -moz-linear-gradient( center bottom, rgb(196,178,5) 0%, rgb(223,203,14) 100%);
        }
        
        .orange .ui-slider-range, 
        .orange span.value, 
        .kalorieberegner .saldobar .orange  
        {
            border-color: #aa650a;
            background: #db7c00 none;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed8700', endColorstr='#c97200');
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(237,135,0)),color-stop(1, rgb(199,113,0)));
            background-image: -moz-linear-gradient( center bottom, rgb(199,113,0) 0%, rgb(199,113,0) 100%);
        } 
        
        
         .gray .ui-slider-range, 
        .gray span.value, 
        .kalorieberegner .saldobar .gray  
        {
            border-color: #838070;
            background: #918d7a none;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999581', endColorstr='#898673');
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(153,149,129)),color-stop(1, rgb(137,134,115)));
            background-image: -moz-linear-gradient( center bottom, rgb(153,149,129) 0%, rgb(137,134,115) 100%);
        }