/* Vanlig färg: #242424
Grå border: #818181
*/


html {
	overflow-y: scroll;}

body {
	color: #242424;
	font-family:Helvetica, Helvetica Neue, Arial, Tahoma, Verdana; }

#big-wrapper {
		background: url('../images/bg.png') top left repeat-x;
		width: 100%;
		height: 100%;
}


#topright {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
	background: url('images/tavling.png') no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

.plink {
padding: 5px;
border: 1px solid #eee;
-webkit-box-shadow:0px 0px 3px #eee;
-webkit-border-radius:2px;
-moz-box-shadow:0px 0px 3px #eee;
-moz-border-radius:2px;
text-decoration: none;
text-shadow: 0px 1px 1px #fff;
}
.plink:hover {
-webkit-box-shadow:0px 0px 0px #eee;
-moz-box-shadow:0px 0px 0px #eee;
background-color: #f7f7f7;
}
#header {
	padding-top: 8px;
}

#nav {
text-transform: uppercase;
	}
	
#nav li {
	padding-top: 20px;
	height: 55px;
	font-weight: bold;
}	

#nav a	{
	color: #242424;
	text-decoration: none;
	display: block;
	height: 100%;
}
#nav a:hover		{
	color: #242424;
	text-decoration:underline;
	cursor:pointer;
	display: block;
}
a:active {
position: relative;
top:1px;}

.left {
float:left;
}

#logo {
background:url("../images/logo.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
height:69px;
margin-left:-18px;
width:269px;
margin-right: 20px;
}
#logo:active {
top:0px;}
#logo h1 {
	text-indent: -99999px;
}


.tooltip{
   position: absolute;
   padding: 10px 13px;
   z-index: 2;
   
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: center;
}


.col_vanster {
	
	background:#fff url(../images/sidebarTop.png) top left repeat-x;
	float:right;		
	display:inline;
	width:230px;
	margin-left:10px; /* 2 equal width columns layout - default */
	margin-top:-22px;
	padding:21px 20px 2px 20px;
}
.col_hoger {
	float:right;
	display:inline;
	width:230px;
	margin-left:30px; /* 2 equal width columns layout - default */
}

.col_mitt {
	text-align:left;
	float:left;
	width:460px;
}

#easy_popupcontent {
	background-color: red;
}

.popupstil{
text-align: left;
}

.small {
	width: 30px !important;
	margin-right: 5px;
}


form ol{
	margin: 10px;
	margin-top: 20px;
}


.boxes {
	width: 20px;
	height: 15px;
	background-color: #fff;
	border: 1px solid #818181;
	cursor: pointer;

}

.checked {
	background-color: #000;
}

.boxes .checkbox {
	position: relative;
	left: 30px;
}


.submitbutton {
	width: 168px;
	height: 25px;
	border: 2px solid #fff600;	
	padding-bottom: 0px;
	margin-bottom:10px;
	margin-top:10px;
	background: url('../images/green-b.png') top left repeat-x;
	cursor: pointer;
	font-weight: bold;
	font-size: 0.85em;
	font-family: Verdana, Helvetica, Arial;
	display: block;
	color: #242424 !important;
}
.submitButtonSmall {
	width: 40px;
	height: 31px;
	font-weight: bold;	
	background: url('../images/green-b.png') top left repeat-x;
	cursor: pointer;
	display: block;
	color: #242424 !important;
}

.submitButtonSmallRound {
	height: 31px;
	width: 70px;
	font-weight: bold;	
	background: url('../images/green-b.png') top left repeat-x;
	cursor: pointer;
	display: block;
	color: #242424 !important;
	border: medium none ; 
     -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3+, Chrome */
          border-radius: 3px; /* Opera 10.5, IE 9 */
	}
.submitButtonSmallRound:hover {
-moz-box-shadow: 0px 0px 3px green; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 3px green; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 3px green; /* Opera 10.5, IE 9.0 */
              filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='green'); /* IE6,IE7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='green')"; /* IE8 */
}
.button-g {
	background: url('../images/knapp.png') no-repeat;
	background-position: -159px 0px;
	text-align: center;
	width: 158px;
	cursor: pointer;
	height: 40px;
	padding-top: 8px;
	margin-bottom:10px;
	font-weight: bold;
	font-size: 0.85em;
	font-family: Verdana, Helvetica, Arial;
	display: block;
	color: #242424 !important;
	text-decoration: none !important;
}

.button-g:hover {
	background: url('../images/knapp.png') no-repeat;
	background-position: 0px 0px;
}


.button-g:active {
	background: url('../images/knapp.png') no-repeat;
	background-position: -319px 0px;
	top:0px;
}

/* BOXAR */
.attentionDialog {
background-color: rgb(255, 255, 204);
border:2px solid #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow:0px 0px 5px #999;
-webkit-box-shadow:0px 0px 5px #999;
box-shadow:0px 0px 5px #999;
margin-bottom: 20px;
padding: 5px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 204)), color-stop(1, rgb(255, 255, 240)));
}
.attentionDialog li {
font-weight: bold;
}

#box_hoger {
	width:230px;
}

.box_hoger_inre {
	width:100%;
	margin-bottom: 20px;
}

#box_content {
	width:100%;
}

#box_vanster {
	width:170px;
}

.box_vanster_inre {
	width:100%;
	margin-bottom: 20px;
	
}

#box_vanster_titelrad {
	background-color:#999;
}

#box_hoger_titelrad {
	background-color:#999;
}

.box_2 {
	background: #fff;
	text-align:left;
	border:1px solid #999;
    -moz-border-radius: 3px; /* FF1+ */
    -webkit-border-radius: 3px; /* Saf3+, Chrome */
    border-radius: 3px; /* Opera 10.5, IE 9 */
	width:420px;
	height:110px;
	float:left;
	padding:10px;
	margin-top:10px;
	
}

.pageLinks {
float: left;
margin-top: 20px;
}

.flatButton {
background: #fff;
padding: 5px;
border:1px solid #999999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
}
.flatButton:hover {
background-image: -moz-linear-gradient(top, #fff, #ddee9b); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #ddee9b)); /* Saf4+, Chrome */
}

.red:hover {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), color-stop(1, #ee9b9b));
}

/* KATEGORI */

.kategoriText {
	margin-left:10px;
	width:100%;
}

/* Text */
h2.big{
font-size:2em;
margin-bottom:0.5em;
}
.req {
color: #7e1111;

}
.titelText_td {
	background:#999;
}

.radText_td {
	background:#999;
}

.uddaRad {
	background-color:#CCC;
}

.jamnRad {
	background-color:#FFF;
}
.titleRow {
font-size:12px;
margin-bottom: 5px;
}
.titleRow:first-letter {
text-transform: capitalize;
}
.titleRow a, .titlerow a:visited {
	text-decoration:none;
}

.smallText {
	font-size: 10px;
	color: #444;
}

.mediumText {
font-size: 11px;
color:#444;
font-style: italic;
margin-left: 5px;
}
/* Annat */

.tip span {
color: #0066CC;
text-decoration: underline;
cursor: pointer;
}


.socialShares {
	width: 300px;
	cursor: pointer;
	border: 1px solid transparent;
}

.socialSharesSmall {
	width:208px;
	float:left;
	cursor: pointer;
	border: 1px solid transparent;
}

.socialSharesSmall:hover {
	background-color: #EEE;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.socialShares:hover {
	background-color: #EEE;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

.up15 {
	margin-top: -15px;
}
.left15 {
	margin-left: -15px;
}
.down5 {
	padding-top: 5px;
}
.categorys div {
	margin: 0 15px 5px 0;
	
	display: inline-block;
	position: relative;

}

ul#ingr li {
height:1.5em;
}
.remover {
margin-left:5px;
width: 14px;
height:14px;
cursor:pointer;
margin-bottom: -3px;
}

.dishImageLarge {
float:left;
max-height:120px;
margin-bottom:5px;
margin-right:10px;
max-width:120px;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
}

a .dishImageLarge:hover {
-moz-box-shadow: 0px 0px 5px rgb(60, 184, 66);
-webkit-box-shadow: 0px 0px 5px rgb(60, 184, 66);
}
.dishImage {
max-height: 80px;
max-width: 80px;
border: 0px;
float:left;
     -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3+, Chrome */
          border-radius: 3px; /* Opera 10.5, IE 9 */
     -moz-box-shadow: 0px 0px 2px #888; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 2px #888; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 2px #888; /* Opera 10.5, IE 9.0 */
margin-right: 5px;
}
.dishImageSmall {
max-height: 40px;
max-width: 40px;
border: 0px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* Opera 10.5, IE 9 */
     -moz-box-shadow: 0px 0px 2px #888; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 2px #888; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 2px #888; /* Opera 10.5, IE 9.0 */
margin-right: 5px;
}

.aboutPic {
float:left;
margin-right:10px;
height:100%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
     -moz-box-shadow: 0px 0px 2px #888; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 2px #888; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 2px #888; /* Opera 10.5, IE 9.0 */
            
}
.comment {
border-left:2px solid #c8c8c8;
margin-bottom:10px;
padding:0 0 10px 10px;

}
.blue {
background-color:#edffd1;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(211, 249, 151)), color-stop(1, rgb(237, 255, 209)));
}
.alert {
background: url(../images/warning_16.png) no-repeat top left;
width: 16px;
display: block;
text-decoration: none;
float:right;
margin-left: 5px;
text-decoration: none;
}
.alert:hover {
text-decoration: none;
}

.icon {
	margin-top:1px;
	margin-right:4px;
	width:24px;
	height:24px;
	float:left;
	
}
.iconLarge{
	width: 32px;
	height: 32px;
}

.recipeMenu {
border:1px solid #999;
background-color: white;
width:430px;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.spalt {
float: left;
height:30px;
}

.recipeMenu a {
margin:0px;
margin-left:15px;
padding: 0;
}
.searchInfo {
border:1px solid #999;
background-color: #eee;
width:420px;
height: 20px;
padding: 5px 10px 5px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow:0px 0px 3px #999;
-webkit-box-shadow:0px 0px 3px #999;

}




.browserChange {
cursor: pointer;
}
/*Sök*/
.search input[type="submit"] {
	width: 45px;
	height: 31px;
	background: url('../images/sok.png') top left no-repeat;
	border: none;
	float: left;
	border: 1px solid #818181;
	border-left: none;
	cursor: pointer;
}


.search input[type="text"] {
	width: 170px;
	height: 19px;
	border: 1px solid #818181;
	padding: 5px;
	float: left;
	border-right: none;
	
}

/* FORMS */
input[type="text"] {
	width: 170px;
	height: 19px;
	border: 1px solid #818181;
	padding: 5px;
	float: left;
	
}
input[type="password"] {
	width: 170px;
	height: 19px;
	border: 1px solid #818181;
	padding: 5px;
	float: left;
	
}
input[type="submit"] {
border: none;
padding: 0px;
}

.commentForm {
height: 80px;}
#commentlink {
float: left;
margin-top: 7px;
cursor: pointer;
}
.commentlink {
cursor: pointer;
}
/* RATING */

.hover {
	background: url('../images/star.png'); 
	z-index: 1;
	cursor: pointer;
	
}



.clearleft {
	clear: left;
}

.rating { 
	display: block;
	height: 16px;
	margin: 0;
}

.floatleft {
	float: left;
}

.highlight {
	font-weight: bold;
}

.star_rating {
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #93784b;
	float: left;
	width: 100px;
	position: relative;
	top: 10px;
}

img {
	border: 0;
}

.matratt {
	width:100%;
	margin:10px 0px 5px 0px;
	
}
.matrattSmall {
	margin:0px 0px 0px 0px;
	padding:10px 0px 5px 0px;
/*	-webkit-transition-property: padding;
	-webkit-transition-duration: 0.2s;
	transition: padding 0.2s ease; 
*/	
}
.matrattSmall:hover {

	margin:0px 0px 0px 0px;
	padding:10px 0px 5px 0px;
	
}





.qtip .qtip-wrapper .qtip-borderTop,
.qtip .qtip-wrapper .qtip-contentWrapper,
.qtip .qtip-wrapper .qtip-title .qtip-button,
.qtip .qtip-wrapper .qtip-borderBottom,
.qtip .qtip-tip {
   opacity: 0.8; // Santdard compliant browsers
   -moz-opacity: 0.8; // Firefox and Mozilla browsers
   -webkit-opacity: 0.8; // WebKit browser e.g. Safari
   filter:alpha(opacity=8); // IE7 and below
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=8)"; // IE8

}


.qtip {
font-weight:bold;}

/*

EXTRA CSS
_______
*/

.grillatcat {
color: #ff6c00 !important;
}

.viItem {
background-color: #fff;

}
.viItem:nth-child(odd) {
background-color: #eee;
border: 1px solid #333;
border-left: none;
border-right:none;
}




/* --------- */