@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #fff url(/images/grappe/bg.gif) repeat-x;
	margin:0;
}
h2 {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;

}
img {
	border:0;
}

a {
	text-decoration:none;
	color: #000;
}
a:hover {
	text-decoration:underline;
	color: #000;
}
div.hr {
  margin-top:5px;
  margin-bottom:5px;
  height: 1px;
  background: #970326 url(/images/pix.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

/* Inputs */

input
{
	font-size:11px;
}
textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
select
{
	font-size:11px;
}

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


#wrap {
	width:100%;
}
#logo {
	position:absolute;
	top:5px;
	left:10px;
	height:60px;
	width:86px;
	z-index:966;
}



/* Menu */
#menu {
	width:610px;
	position:absolute;
	top:0px;
	left:70px;
	height: 18px;
	color: #000;
	font-size:11px;
	font-weight:bold;
	padding-top:5px;
	border-bottom:1px dotted #000000;
}
#menu ul {
	float:left;
	display:inline;
	height: 18px;
	margin:0px 0px 0px 0px;
	padding:0px;

}
#menu li {
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px;

}
#menu li .on {
	color:#970326;
	padding-left: 10px;
	padding-right: 10px;
}
#menu li .off {
	padding-left: 10px;
	padding-right: 10px;
}
#menu a {
	color:#000;
}


/* Menu */
div.submenu {
	display:none;
	width:610px;
	position:absolute;
	top:26px;
	left:70px;
	height: 17px;
	color: #000;
	font-size:11px;
	font-weight:normal;
	padding:0px;
	border-bottom:1px dotted #000000;
}
div.submenu ul {
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px;
}
div.submenu li {
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px;

}
div.submenu li .on {
	color:#970326;
	padding-left: 10px;
	padding-right: 10px;
}
div.submenu li .off {
	padding-left: 10px;
	padding-right: 10px;
}
div.submenu a {
	color:#000;
}


/* Menu */
.undermenu {
	width:500px;
	position:absolute;
	top:49px;
	left:86px;
	height: 17px;
	color: #000;
	font-size:11px;
	font-weight:normal;
	padding-left: 10px;
}
.umLink{
	border-right:1px solid #000000;
	margin-right:5px;
	padding-right:5px;
}

#helpButton {
	padding-left:20px;
	background: url(/images/icon_help.gif) no-repeat;
	position:absolute;
	top:2px;
	left:698px;
	width:30px;
	padding-top:2px !important;
	padding-top:1px;
	height:22px !important;
	height:21px;
}
#go_back {
	display:none;
	padding-left:20px;
	position:absolute;
	top:2px;
	left:750px;
	width:50px;
	padding-top:2px !important;
	padding-top:1px;
	height:22px !important;
	height:21px;
}
#logout {
	padding-left:20px;
	position:absolute;
	top:2px;
	left:750px;
	width:155px;
	padding-top:2px !important;
	padding-top:1px;
	height:22px !important;
	height:21px;
}
#logout .header-username {
	font-weight: bold;
	font-size: 12px;
}
.help {
	padding-left:15px;
	background: url(/images/icon_help2.gif) no-repeat;
}
.warning {
	padding-left:15px;
	background: url(/images/icon_warning.gif) no-repeat;
	color: red;
}
span.relatedinfo {
	padding-left:15px;
}
div.relatedinfoblock {
	margin: 0px;
	padding: 0px 0px 5px 15px;
}
div.relatedinfo {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#search {
	padding-left:25px;
	background: url(/images/grappe/search.gif) no-repeat;
	position:absolute;
	top:25px;
	left:698px;
	width:111px;
	padding-right:22px;
	padding-top:2px !important;
	padding-top:1px;
	height:22px !important;
	height:21px;
}

#searchButton {
	background: url(/images/grappe/searchButton.gif) no-repeat;
	position:absolute;
	top:25px;
	left:854px;
	width:34px;
	height:22px !important;
	height:21px;
}

#search input {
	width:128px;
	height:13px;
	padding-top:2px;
	border:0px none #fff;
}
#content {
	width:100%;
	float:left;
	margin-top:60px;
}
#content h1 {
	float:left;
}
#content h1 span {
	display:none;
}
#content h1.topHeadline {
	width: 156px;
	height: 22px;
	float:left;
	margin: 0px 18px 0px 18px !important;
	margin: 0px 18px 0px 10px;
}

.personHeadline{
	background: url(/images/grappe/personHeadline.gif) no-repeat;
}
.loginHeadline{
	background: url(/images/grappe/loginHeadline.gif) no-repeat;
}
.wineHeadline{
	background: url(/images/grappe/wineHeadline.gif) no-repeat;
}
.storageHeadline{
	background: url(/images/grappe/storageHeadline.gif) no-repeat;
}
.startHeadline{
	background: url(/images/grappe/startHeadline.gif) no-repeat;
}


#content .line {
	width:100%;
	height:1px;
	background: url(/images/grappe/line.gif) repeat-x;
}

#flikHolder{
	width:100%;
	height:22px;
	border-bottom:1px solid #970326;
}
#submenuHolder{
	width:100%;
}
.flikbg {
	height:19px;
	width:30px;
	float:left;
	padding-top:3px;
}
#flikar {
	height:16px;
	float:left;
	margin-top:3px;
	background:#3c3c3c;
	color:#aaa;
	padding-top:3px;
}
#flikar a {
	color:#fff;
}
.undermeny {
	padding-left: 222px;
	background: #e3e3e3;
	border-top: 1px solid #fff;
}

.list {
	float:left;
	width:100%;
	margin:13px 0px 0px 0px !important;
	margin:0px 0px 0px 0px;
}
tr.huvud {
	background: url(/images/grappe/tabell_rubrik.gif) repeat-x;
	height:19px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}
tr.huvud .on {
	background: url(/images/grappe/tabell_rubrik_on.gif) repeat-x;
}
tr.huvud td {
	border-right:1px solid #303030;
	border-left:1px solid #5d5d5d;
}
tr.huvud td:hover {
	cursor: hand;
}
.list td {
	padding:0px 18px 0px 18px;
	height:19px;
	border-right:1px solid #dcdcdc;
}
.list tr.grey td {
	padding:0px 18px 0px 18px;
	height:19px;
	background: #efefef;
	border-right:1px solid #cecece;
}

/* ============= Grappe =============== */


div.auto_complete {
	width: 350px;
	background: #fff;
}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
}
div.auto_complete ul li.selected {
	background-color: #281b0b;
	color: #ffffff;
}
div.auto_complete ul strong.highlight {
	color: #800;
	margin:0;
	padding:0;
}

#formbg {
	background: #f2f2f2 url(/images/grappe/edit_bg.gif) repeat-x;
	float:left;
	width:100%;
}
#formbg2 {
	background: #ffffff;
	float:left;
	width:100%;
	padding:10px;
}
#formbg form, input,#formbg2 form {
	margin:0;
	padding:0;
}

.formboxwide {
	float:left;
	margin:12px 0px 0px 12px !important;
	margin:12px 0px 0px 6px;
	height:auto;
	width:750px;
	padding:10px 5px 10px 5px;
}
.formbox {
	background: url(/images/grappe/edit_box_bg.gif) no-repeat;
	float:left;
	margin:12px 0px 0px 12px !important;
	margin:12px 0px 0px 6px;
	height:auto;
	width:686px;
	padding:10px 5px 10px 5px;
}
.formboxfoot {
	background: url(/images/grappe/edit_box_foot.gif) no-repeat;
	float:left;
	margin:0px 0px 8px 12px !important;
	margin:0px 0px 8px 6px;
	height:9px;
	width:686px;
}
.formboxtall {
	background: url(/images/grappe/edit_box_bg2.gif) no-repeat;
	float:left;
	margin:12px 0px 0px 12px !important;
	margin:12px 0px 0px 6px;
	height:auto;
	width:210px;
	padding:10px 5px 10px 5px;
}
.formboxtallfoot {
	background: url(/images/grappe/edit_box_foot2.gif) no-repeat;
	float:left;
	margin:0px 0px 8px 12px !important;
	margin:0px 0px 8px 6px;
	height:9px;
	width:210px;
}
.formboxtall3 {
	background-color: white;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:12px 0px 10px 12px !important;
	margin:12px 0px 10px 6px;
	padding:10px;
	overflow: hidden;
}
.formboxtall3 ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#formWrapper{
	margin-left:15px;
}


#formFooter{
	text-align:left;
}

div.lbox{
	float:left;
	height:100%;
	margin-right:10px;
}


.formRow {
	overflow: hidden;
}
.formColumn{
	float:left;
	height:100%;
	width:152px;
	margin-right:10px;
}
.formColumnDouble{
	float:left;
	height:100%;
	width:319px;
	margin-right:10px;
}
.formColumnRight{
	float:left;
	height:100%;
	width:195px;
}

.row1,.rrow1{
	background-color:#efefef;
}
.row1:hover{
	background-color:#BABABA;
	cursor:hand;
}

.row2,.rrow2{
	background-color:#ffffff;
}
.row2:hover{
	background-color:#BABABA;
	cursor:hand;
}
.rowTotal {
	background-color:#ffffff;
}
.rowTotal td {
 line-height: 20px;
 border-top:1px solid #dcdcdc;
 border-bottom:1px solid #dcdcdc;
}

.mess{
	color:red;
}

.subHeadline{
	color: #970325;
}


#pageindex a {
padding-left: 10px;
font-weight: normal;
}
#pageindex a.active {
font-weight: bold;
}
#pageindex {
clear: both;
padding-top: 15px;
text-align: center;
}
input.fno{
    width: 75px;
}
input.amount{
    width: 50px;
}
input.date{
    width: 75px;
}
select.fit,
input.fit {
	max-width: 100%;
	width: 100%;
}
input.wine {
	width: 250px;
}

div.invoiceItem {
	float:left;
	margin:12px 0px 0px 12px !important;
	margin:12px 0px 0px 6px;
	height:auto;
	width:686px;

}
div.invoiceItem .header {
	background: url(/images/grappe/tabell_rubrik.gif) repeat-x;
	height:17px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding: 2px 0px 0px 10px;
}
div.invoiceItem .invoice {
    padding: 5px 15px 5px 15px;
    border: 1px solid black;
}
input.num
{
	width: 35px;
}
input.price
{
	width: 45px;
}
input.time
{
	width: 40px;
}
select.iig
{
	width: 140px;
}
#modal_container {
	padding:5px;
 	background-color:#fff;
 	border:1px solid #666;
 	overflow:auto;
 	font-family:"Lucida Grande",Verdana;
 	font-size:12px;
 	color:#333;
 	text-align:left;
}

.modal {
	background-color:#fff;
    padding:10px;
    border:1px solid #333;
}

#control_overlay { background-color:#000;  }


#rightColumn p {
	margin: 0px 0px 15px 0px;

}
#compareTable td {
	margin: 0px;
	padding: 3px 0px 3px 10px;
}
#compareTable .importPropertyTitleCell {
	border-bottom: 1px solid #efefef;

}
#compareTable .importMasterCell {
	border-bottom: 1px solid #efefef;
	width: 180px;
}
#compareTable .importSlaveCell {
	border-bottom: 1px solid #efefef;
	width: 180px;
}
#compareTable .headerCell {
	width: 180px;
	background: url(/images/grappe/tabell_rubrik.gif);
	height:19px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}

/* clearfix sätts på det omgivande elementet som har floats i sig */
.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 */


input.btnBoka {
	padding: 5px;
}


div.ltable {
	float:left;
	height:100%;
	margin-right:10px;
	margin-bottom:10px;
	width: 160px;
	height: 120px;
	border: 1px solid grey;
	padding: 4px;
	overflow: hidden;
}
div.ltable div {
	margin: 0px 0px 2px 0px;
	padding: 2px;
	background-color: white;
	border: 1px dotted grey;
}
div.ltable div:hover {
	background-color: #efefef;
	cursor: pointer;
}
div.ltable div.warning {
	background: url(/images/icon_warning.gif) no-repeat;
	background-position: right center;
	color: red;
}
div.ltable div.invitation {
	background-color: #9999FF;
	border: 1px dotted blue;
}
div.ltable div.specialtags {
	background-color: #99FF99;
	border: 1px dotted blue;
}
div.ltable div.preliminary {
	background-color: #FF6666;
	border: 1px dotted red;
}
div.ltable div.unpaid {
	background-color: #FF6600;
	border: 1px dotted red;
}
div.ltable div.warning:hover {
	background-color: #FFefef;
	cursor: pointer;
}
#resComm {
	margin-top: 30px;
	width: 150px;
}
a.xlslink {
	background: url(/images/xls.gif) no-repeat;
	background-position: left center;
	padding-left: 22px;
	height: 15px;
	display:block;
}

.active .fa {color:  #970326;}

.reservation-resource-month-view {
	margin-left: 20px;
	float: left;
	margin-top: 10px;
}
.reservation-resource-month-view ul {
	margin: 0;
	padding: 0;
}
.reservation-resource-month-view li {
	list-style: none;
	padding: 5px;
	border: 1px solid grey;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 450px;

}
.reservation-resource-month-view li:hover {
	cursor: pointer;
	background-color: #ccFFcc;
}

#all-reservations div.r {
	border-radius: 0px 15px 15px 15px;
	border: 3px solid grey;
	padding: 10px;
	position: absolute;
	z-index: 100;
	display: none;
	max-width: 300px;
	background-color: white;
}
#all-reservations div.r label{
	font-weight: bold;
}
#all-reservations div.r label:after {
	content: ':';
}
.ltable .resource-expander {
	float: right;
}
#compare_list {
	max-height: 54px;
	overflow: auto;
	border: 1px solid grey;
}
#reservation_dates .date {
	    width: 56px;
	    padding: 2px;
}
#reservation_dates .time {
	    width: 30px;
	    padding: 2px;
}

.has-service-agreement {
	background-image: url('../images/has-service-agreement.png');
	background-position: right top;
	background-repeat: no-repeat;
}
.text-red,
.text-red * {
	color: red;
}
.text-green,
.text-green * {
	color: green;
}
.text-blue,
.text-blue * {
	color: blue;
}