@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/* Common */
html,body {
	color: #000000;
	font: 13px helvetica;
	height: 100%;
}

body {
	background-image: url(/public/images/background.jpg);
}

img {
	border: 0;
	margin: 0px;
}

h2 {
	font: 18px helvetica;
}

textarea {
	width: 400px;
}

ul {
	padding: 5px 0px  5px 15px;
}

fieldset {
	border: 1px solid;
	width: 450px;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	background-color: #EEEEEE;
}

legend {
	font-size: 16px;
	font-weight: bold;
}

label {
	font-weight: bold;
}

/* Tables */
thead {
	background-color: #66CCFF;
	font-weight: bold;
}

td {
	vertical-align: top;
}

tr.row1 {
	background-color: #FFFFFF;
}

tr.row2 {
	background-color: #99CCFF;
}

tr.oldrow {
	background-color: #FFCCCC;
}

table.servering {
	width: 100%;
}
	
table.servering td {
	padding: 5px;
}

table.queue td {
	padding : 5px;
}

/* Links */
a:link {
	color: #CC9900;
	font: bold 13px verdana;
	text-decoration: none;
}

a:active {
	color: #CC9900;
	font: bold 13px verdana;
	text-decoration: none;
}

a:visited {
	color: #CC9900;
	font: bold 13px verdana;
	text-decoration: none;
}

a:hover {
	color: #000066;
	text-decoration: none;
}

/* Big layout */
#page {
	margin: 0 auto 0 auto;
}

div.box {
	background-color: #FFFFFF;
	width: 700px;
	height: 100%;
}

div.foot {
	font: italic 11px helvetica;
	background-color: #FFFFFF;
	text-align: center;
	padding: 15px;
}

div.main {
	background-color: #FFFFFF;
	overflow: auto;	
	padding: 10px 30px 30px 30px;
	height: 60%;
}

div.page {
	float: left;
	margin: 5px 5px 5px 15px;
}

div.submenu {
	margin: 7px 0px 5px 3px;
	padding: 0px;
/*	border: 1px solid;
	background-color: #EEEEEE;*/
	width: 180px;
}
div.bilder {
	margin: 15px 0px 0px 0px;
}

div.submenu ul, .nolist {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.adminmenu ul {
	margin : 0px;
	list-style: none;
}
div.adminmenu li {
	float: left;
	margin: 0px 5px 0px 0px;
}

div.text {
	float: left;
	width: 400px;
}
div.admintext {
	float: left;
	width: 600px;
}


div.hr {
	height: 1px;
  	color: #000;
	background-color: #000;
}
div.hr hr {
  	display: none;
}


/* Meny */
div.top {
	background-image: url(/public/images/meny_logga.jpg);
	height: 150px;
}
div.top ul {
	padding: 120px 0px 0px 60px;
	list-style-type: none;
	position: relative; /* This should be on div.menu li instead, but this will break FF */
}
div.top li {
	float: left;
}

/* Classes */

img.bild {
	border: 1px solid;
}

div.vecka {
	text-align: center;
}

form.quene textarea {
	height: 100px;
}

textarea.mce {
	width: 390px;
}

input.textinput {
	width: 400px;
}
input.refname {
	width: 190px;
}
label.radio {
	font-weight: normal;
}
ul.ansokan {
	list-style: none;
	margin: 0;
	padding: 0px;
}

ul.ansokan li {
	padding: 0px 0px 5px 0px;
}
div.error {
	color: #FF0000;
}

/* Tiny MCE */
/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
}

.mceContentBody a {
   color: red !important; /* FF requires a important here */
}