/* ===========================
	CSS: Author Tobias Törnqvist 
	General settings 
============================== */
body { background-color:#fff; text-align:center;}
body, p, div, td { 
	font-weight: normal; 
	font-size: 11px; 
	color:#3c3c3c; 
	font-family: Verdana, Arial, Helvetica; 
	text-align:left;
}
p {margin-top:0px; margin-bottom: 5px;}
h1 { font-weight: bold; font-size: 18px; }
h2 { font-weight: bold; font-size: 15px; margin-top:0px; margin-bottom:5px; }
h3 { font-weight: bold; font-size: 12px; margin-bottom:0px; }

ul { margin-left:20px; margin-bottom:3px; }
ul li { list-style-image:url(../img/arrowdark.gif); margin-bottom:3px; }
ul li ul {margin-top:3px; }
.nav {	font-weight: normal; font-size: 8pt; WIDTH: 80px; COLOR: white; FONT-FAMILY: arial, verdana, helvetica; TEXT-ALIGN: center}
.footer { font-weight: normal; font-size: 11px; COLOR: #cdcdcd; }

#container{ width: 800px; margin:0px auto; color: #333;}
.button, .buttongrey
{
	display:block; font-size:11px; line-height:15px; color:#fff; 
	width:103px; height: 17px; background-image:url(../img/red_button.gif);
	font-weight:bold; text-align:center; background-repeat:repeat-x; text-decoration:none;
 }
.button { background-image:url(../img/red_button.gif); }
.buttongrey { background-image:url(../img/grey_button.gif); }

.clear {clear:both; height:1px; overflow:hidden; }



/*månadsindex*/
div.MonthIndexTable {margin-top:0px;margin-bottom:0px;padding:0;}
div.MonthIndexTable table thead td{font-weight:bold;border-bottom:1px solid black; background-color:#4e8aa5;color:White}
div.MonthIndexTable table {width:400px;}
div.MonthIndexTable table td {text-align:right;}
div.MonthIndexTable table tfoot td{font-weight:bold;border-top:1px solid black;}
.TextAlignLeft{text-align:left;}
td.TextAlignLeft{text-align:left;}
div.MonthIndexTable table td.TextAlignLeft{text-align:left;}



/* ===========================
	Main page with left & right menu
============================== */
#contentleft { float:left; width:126px; }
#mainpage { float:left; background-color: #ebebeb; }
#mainTable {margin:10px 0 0 0 ; padding:0px; width:800px;}
#mainTable td { vertical-align:top;}
#mainTable td div {padding: 1px 4px 3px 6px; }
#mainTable td div p {padding: 0; margin-top:0px; margin-bottom: 15px;}
#mainTable #welcome { background-color: #fff; text-align:center; height:210px;}
#mainTable td.leftcol { width:200px; }
#mainTable td.rightcol { width:195px; padding:0; }
#mainTable .dark {background-color:#bebebe; }
#mainTable #signin
{
	padding: 1px 4px 3px 6px; 
	background-color: #f20000;
	color:#fff;
	height:210px;
	overflow:visible;
 }
#mainTable td#centeretta { width:376px; background-color:  #CECECE; }
#mainTable td#centeretta td { padding: 3px 0px 1px 2px;}

/* ===========================
	Header and tab-menu
============================== */
#header { overflow:visible;  }
#header .logo { float:left; position:relative;}
#header .logo img { margin:20px 0 1px 25px; }
#header .address { float:right; text-align:left; width:350px; margin-top:10px;}
#header .address .topadr { font-size: 15px; font-weight: bold; color: #000; }
#header .address .toplog2 { font-size: 11px; color: #bebebe; margin-top:15px; }

#header .menu {	float:left; margin-top:10px; height:24px; background-color:#000; width: 800px;}
#header .menu .tabs { overflow:hidden; margin:8px 10px 0 15px;   }
#header .menu .tabs div 
{
	float:left; width:80px; height:15px; margin-right:1px; text-align:center;
	background-image:url(../img/navbut_grey.gif); background-repeat:no-repeat; 
	background-position:top left;
}
#header .menu .tabs div.act { background-image:url(../img/navbut_lgrey80.gif); }
#header .menu .tabs div a 
{
	padding-top:2px;
	display:block; width:80px; height:15px; 
	color:#fff; font-size:9px; 
	text-decoration:none;
}
#header .menu .tabs div.act a { color:#940058; }

/* ===========================
	Other Settings
============================== */
.headwhite{ font-weight: bold; font-size: 15px; COLOR: #ffffff; FONT-FAMILY: arial, verdana, helvetica; }
#signInArea .headwhite, signOutArea .headwhite {margin: 3px 10px 5px 20px; }
.headdark { font-weight: bold; font-size: 15px; COLOR: #3c3c3c; FONT-FAMILY: arial, verdana, helvetica; }
.member { font-size: 12px; COLOR: #ffffff;} 

/* ===========================
	Form Statisticts Settings
============================== */

td.val { BACKGROUND: #f5f3e7 }
span { font-weight: normal; font-size: 12px; FONT-FAMILY: verdana, arial, helvetica; }
td.norm { BACKGROUND: #ffffff; MARGIN: 5px }
td.year { BORDER-TOP: #7e7e7e 0px solid; MARGIN-TOP: -1px; font-weight: bold; BACKGROUND: #bebebe }
td.nonehead { font-size: 11px; BACKGROUND: #a5a5a5 }
td.head1 { font-size: 11px; BACKGROUND: #ffffff }
td.head2 { font-size: 11px; BACKGROUND: #e6e6e6 }
td.ptnull { font-size: 10px; BACKGROUND: #ffffff;}
td.mhead1 { font-weight: normal; font-size: 14px; COLOR: #ffffff; HEIGHT: 25px } 
td.mhead2 { font-weight: normal; font-size: 11px; COLOR: #ffffff; HEIGHT: 20px } 
td.row { font-weight: bold; font-size: 9px; HEIGHT: 14px }

/* ===========================
	Shop Settings
============================== */

.shopnav, .shopnavSel, .navsel {font-weight: normal; font-size: 8pt; WIDTH: 80px; COLOR: black; FONT-FAMILY: arial, verdana, helvetica; TEXT-ALIGN: center}
.shopnav, .shopnavSel 
{
	background-image:url(../img/icon_shop.gif);
	background-position:5px 3px;
	background-repeat:no-repeat;
}
.shopnav a, .nav a {text-decoration:none; color: #ffffff}
.shopnavSel a, .navsel a {text-decoration:none; color: black}

#totprice 
{
	padding-right:10px;
}
#shopcell 
{
	float:left;
	margin:0; 
	background-color: #CECECE; 
	width:160px; 
	padding:5px 5px 15px 5px; 
	border:1px solid black;
}
#reports 
{
	float:left; 
	width:420px; 
	border:0px solid black;
	margin:10px 0 0 5px;
}
.repTop 
{
	padding:3px 3px 3px 40px;
	border-bottom:1px solid black; 
	background-image:url(../img/shop_arrow.gif); 
	background-position:2px 5px; 
	background-repeat:no-repeat;
}
.repTitle 
{
	margin-left:5px; 
	font-size:11pt; 
	font-weight:bold;
}
.repDesc {padding:3px; margin-left:25px; font-size:8pt}
#checkout 
{
	margin:10px 5px 1px 5px;
	background-color:#f20000;
	float:right;
	color:White; 
	width:180px;
	padding:5px 5px 15px 5px; 
	border:1px solid black;
}

#checkout span
{color:White; }
#checkout h2
{
	border-bottom:1px solid white;
	margin:1px 0px 3px 0px
}
#btnSubmit {position:relative; margin-top:10px;}
.star_boka {display:inline}
