body{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background: url('../img/body_bg.png') repeat-x;
	background-color: #3a3636;
}

img{
	border: none;
}

form{
	padding: 0px;
	margin: 0px;
}

.center{
	text-align: center;
}

h1,
h2,
h3{
	color: #5f88bf;
	font-weight: bold;
}

h1{
	font-size: 22px;
	margin: 0px 0px 10px 0px;
}

h2{
	font-size: 18px;
	margin: 0px 0px 10px 0px;
}

h3{
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}

h3.messages{
	border-bottom: 1px solid #adadad;
	width: 500px !important;
	padding-bottom: 6px;
}

a{
	color: #9db5d6;
}

a:visited{
	color: #9db5d6;
}

#wrap{
	width: 886px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	background: url('../img/wrap_bg.png') no-repeat;
}

#wrap.noFeature{
	background: url('../img/wrap_nofeature_bg.png') no-repeat !important;
}

#header{
	width: 870px;
	height: 104px;
	margin: 0px 8px 0px 8px;
	position: relative;
}

#tabs{
	width: 878px;
	padding: 0px 0px 0px 8px;
	height: 36px;
	background: url('../img/tabs_bg.gif') no-repeat;
}

#feature{
	width: 100%;
	height: 219px;/*Cirka*/
	margin: 0px 0px 20px 0px;
}

#feature.noFeature{
	height: 10px !important;
}

#errorMessage,
#infoMessage{
	width: 570px;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	color: #444444;
}

#errorMessage{
	border: 1px solid #990000;
	background: #f5e5e5;
}

#infoMessage{
	border: 1px solid #ACD373;
	background: #FAFFF3;
}

#container{
	width: inherit;
	overflow: auto;
	background: url('../img/container_bg_left.png') repeat-y;
	position: relative;
}

.left{
	background: url('../img/container_bg_left.png') right repeat-y;	
	width: 9px;
}

.right{
	background: url('../img/container_bg_right.png') right repeat-y;	
	width: 9px;
}

.sidebar{
	width: 239px;
	padding: 10px 0px 0px 13px;
	background: #fff;
	vertical-align: top;
}

.content{
	width: 569px;
	margin: 0px 0px 0px 22px;
	padding: 13px 20px 20px 0px;
	background: #fff;
	vertical-align: top;
	position: relative;
}

.content p{
	margin: 0px 0px 15px 0px;
}

.contentMinHeight{
	height: 600px;
}

.contentHome{
	height: 300px !important;
}

#footer{
	background: url('../img/footer_bg.png') no-repeat;
	padding: 24px 0px 0px 150px;
	color: #848484;
	height: 41px;
	font-size: 11px;
}

#footer a{
	color: #b7b7b7;
}

#footer .footerright{
	text-align: right;
	float: right;
	width: 400px;
	padding: 0px 20px 0px 0px;
}

/* Header regler */
#header #login{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 385px;
	height: 35px;
	padding: 8px 0px 0px 10px;
	background: url('../img/login_bg.gif') no-repeat;
}

#login .text{
	border: solid 0 #fff;
	background: url('../img/login_input_bg.png') no-repeat;
	width: 134px;
	height: 20px;
	padding: 5px 5px 0px 5px;
	margin: 0px 10px 0px 0px;
	float: left;
}

#login .button{
	width: 65px;
	height: 25px;
	margin: 0px 5px 0px 0px;
	float: left;
}

#login b{
	font-size: 14px;
	display: block;
	float: left;
	padding: 4px 0px 0px 0px;
}

#login a{
	display: block;
	float: right;
	padding: 0px 10px 0px 0px;
}

#header img#logo{
	position: absolute;
	left: 0px;
	top: 23px;
}
/* -------------- */


/* Tabs Regler */
#tabs a{
	display: block;
	padding: 9px 10px 9px 10px;
	height: 17px;
	color: #173a68;
	float: left;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	background: url('../img/tabs_a_hover.gif') 0px 36px no-repeat;
}

#tabs a:hover{
	background-position: -10px 0px;
}

#tabs a.first:hover,
#tabs a.firstactive{
	background-position: 0px 0px;
}

#tabs a.active{
	background-position: -10px 0px;
}
/* -------------- */


/* Tabs Regler */


/* Sidebar Regler */
.sidebar .itemGroup{
	background: url('../img/menu_bg.gif') repeat-y;
}

.itemGroup div{
	background: url('../img/menu_bg2.gif') no-repeat;
}

.bottom{
	vertical-align: bottom;
}

.itemGroup .indent{
	padding: 0px 22px 0px 22px;
}

.itemGroup .indent img{
	margin: 0px 0px 0px -22px;
}

.itemGroup ul,
.itemGroup ol{
	padding: 0px;
	margin: 0px;
	list-style-position: outside;
	list-style-type: none;
	background: transparent;
}

.itemGroup li{
	margin: 0px 0px -1px 23px;
	background: url('../img/menu_li_bg.gif') no-repeat;
	width: 176px;
	height: 20px;
	padding: 8px 10px 4px 10px;
}

.itemGroup img{
	margin: 8px 0px 0px 0px;
}

.itemGroup h3{
	padding: 10px 0px 0px 23px;
	margin: 0px 0px 16px 0px;
	color: #615959;
}

.itemGroup a{
	color: #474545;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.itemGroup a:hover{
	color: #000;
}

.newsItem{
	background: url('../img/news_hr.gif') top no-repeat !important;
	width: 176px;
	margin: 0px 0px 0px 23px;
	font-size: 10px;
	color: #656464;
	padding: 8px 0px 8px 0px;
}

.newsItem .date{
	font-weight: bold;
	color: #7488a4;
}

.newsItem a{
	color: #7488a4;
	text-decoration: none;
}

.newsItem a:hover{
	text-decoration: underline;
}
/* -------------- */


/* Content regler */
.content td.leftCol,
.content td.rightCol{
	background: url('../img/2_column_bg.gif') no-repeat;
	width: 242px;
	padding: 15px 20px 0px 20px;
	vertical-align: top;
	position: relative;
	height: 294px;
	overflow: hidden;
}

.content td.leftCol{
	border-right: solid #fff 15px;
}

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


/* Footer regler */
#footer{
	background: url('../img/footer_bg.gif') middle no-repeat;
}

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


/* Kalender regler */
#calendar{
	width: 230px;
}

#calendar #calnav{
	padding: 0px 0px 4px 0px;
	overflow: hidden;
}

#calendar .prev{
	width: 49%;
	float: left;
}

#calendar .next{
	width: 49%;
	float: right;
}

#calendar .prev{
	text-align: left;
}

#calendar .next{
	text-align: right;
}

#calendar .prev a,
#calendar .next a{
	text-decoration: none;
}

#calendar .prev a:hover,
#calendar .next a:hover{
	text-decoration: underline;
}

#calendar .weekdays,
#calendar .week{
	clear: both;
	margin: 0px 0px 2px 0px;
	overflow: hidden;
}

#calendar .weekdays div,
#calendar .week div{
	float: left;
	width: 30px;
	height: 22px;
	padding: 8px 0px 0px 0px;
	margin: 0px 1px 0px 1px;
	text-align: center;
}

#calendar .weekdays div{
	font-weight: bold;
	background: #d7d7d7;
	color: #fff;
}

#calendar .week div{
	background: #ededed;
}

#calendar .week div:hover a{
	background: #b1b1b1 !important;
	color: #000 !important;
}

#calendar .week div a{
	text-decoration: none;
	width: 30px;
	height: 22px;
	padding: 8px 0px 0px 0px;
	margin: -8px 0px 0px 0px;
	display: block;
}

/* For the leading and trailing days not bellonging to the month */
#calendar .week div.na{
	background: none !important;
}

/* For marking "red" days in the calendar */
#calendar .week div.hd{
	background: #f0d8d8;
}

#calendar .week div.hd a{
	color: red !important;
}

/* For marking the currently selected day in the calendar */
#calendar .week div.current a{
	font-weight: bold;
	background: #b1b1b1 !important;
	color: #000;
}

/* For marking that the day have one or more activities */
#calendar .week div.ne a{
	font-weight: bold;
	color: #3d3d3d;
}

.calendarEvent{
	width: 300px;
	padding: 4px !important;
}

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

.awayMessage{
	border: 1px solid #fff;
	padding: 4px 0px 4px 0px;
}

.editable{
	background: #ffffd3;
}

.splitrow{
	width: 100%;
}

.splitrow .splitLeft{
	width: 49%;
	float: left;
}

.splitrow .splitRight{
	width: 49%;
	float: right;
	text-align: right;
}

.up {
	margin: 0px 0px 9px 0px;
}

.cmsContent{
	width: 569px;
	height: 600px;
}
.inputNarrow { width: 100px; }
.inputStandard { width: 150px; }
.inputWide { width: 240px; }
.inputDate{ width: 78px; }
.inputTime{ width: 40px; }
.inputname{ width: 250px; }
.inputqty{ width: 40px; }
.inputunitPrice{ width: 40px; }

.textareaNarrow { width: 150px; height: 60px }
.textareaStandard { width: 260px; height: 60px }
.textareaWide { width: 300px; height: 100px }

.errorstar {text-decoration: none;color: red}

.infoText {
  background: #99DD99;
  border: #555 solid 1px;
}

.errorText {
  background: #FFAAAA;
  border: #555 solid 1px;
}

.hidden{
	display: none;
}

.memberNumbers{
	padding: 6px 6px 6px 6px;
	line-height: 150%;
}

.memberNumbers img{
	vertical-align: -3px;
}

.memberNumbers a{
	text-decoration: none;
	color: #000;
}

.memberNumbers a:hover{
	text-decoration: underline;
}

.ui-tabs-hide{
	display: none;
}

/*UI tabs*/
.ui-tabs-nav {
	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #d3d3d3;
	bottom: -1px;
}
.ui-tabs-nav-item {
	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #d3d3d3;
	border-right: none;
}
.ui-tabs-nav-item a {
	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #555555;
	background: #e6e6e6 url(../img/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-tabs-nav-item a:hover {
	background: #dadada url(../img/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	color: #212121;
}
.ui-tabs-selected {
	border-bottom-color: #ffffff;
}
.ui-tabs-selected a, .ui-tabs-selected a:hover {
	background: #ffffff url(../img/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	color: #222222;
}
.ui-tabs-panel {
	margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	clear:left;
	border: 1px solid #d3d3d3;
	background: #ffffff;
	color: #222222;
	padding: 1.5em 1.7em;
}
.ui-tabs-hide {
	display: none;
}

/* Table styling */
table.tableList{
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-spacing: 0px;
}

table.grid{
	border-spacing: 1px !important;
	background: #CDCDCD;
}

table.separator{
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 5px;
}

table.tableList tr{
	padding: 4px 0px 4px 0px;
}

table.tableList tr.odd{
	background: #fff;
}

table.tableList tr.even{
	background: #f3f3f3;
}

table.tableList tr.odd:hover,
table.tableList tr.even:hover{
	background: #f1f2e6;
}

table th.top,
table td.top{
	vertical-align: top;
}

table.tableList tr th{
	background: #e6e6e6;
	color: #474545;
	text-align: left;
	height: 20px;
	padding: 2px 8px 2px 8px;
}

table.tableList tr td{
	padding: 2px 8px 2px 8px;
}

table.lightHeader tr th{
	background: none !important;
	font-weight: normal;
	text-indent: 0px !important;
	color: #989898 !important;
	vertical-align: top;
}

table.underlineRows tr td{
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #e4e4e4 !important;
}

table.tableList tr td.right,
table.tableList tr th.right{
	text-align: right;
}

table tr th a{
	color: #fff;
	text-decoration: none;
}

table tr th a:hover{
	background: none;
}

table tr th img{
	padding: 0px 0px 0px 5px;
}

table tr td.center,
table tr th.center,
table.tableList tr td.center,
table.tableList tr th.center{
	text-align: center;
}

table.tableVertical th{
	text-align: left;
}
/* Table styling */


/* CSS forms */
fieldset{
	display: block;
	border: 1px solid #b8b8b8;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 0px 10px;
}

legend{
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}

label{
	display: block;
	float: left;
	padding: 0px 10px 0px 0px;
	text-align: right;
}

form div{
	clear: both;
	margin-bottom: 15px;
	overflow: visible;
}

/* Här börjar dom speficika reglerna */

.formSignin{
	width: 300px;
}
.formSignin label{
	width: 120px;
}
.formSignin .single{
	padding-left: 130px;
}

.formSearch{
	width: 340px;
}
.formSearch label{
	width: 70px;
}
.formSearch .single{
	padding-left: 80px;
}

.formRegister{
	width: 460px;
}
.formRegister label{
	width: 160px;
}
.formRegister .single{
	padding-left: 170px;
}

.formContact{
	width: 540px;
}
.formContact label{
	width: 100px;
}
.formContact .single{
	padding-left: 110px;
}

.formCMS{
	width: 569px;
}
.formCMS label{
	width: 120px;
}
.formCMS .single{
	padding-left: 130px;
}

.formCompany{
	width: 569px;
}
.formCompany label{
	width: 160px;
}
.formCompany .single{
	padding-left: 170px;
}

.formNarrow{
	width: 300px;
}
.formNarrow label{
	width: 100px;
}
.formNarrow .single{
	padding-left: 110px;
}

.formMedium{
	width: 500px;
}
.formMedium label{
	width: 130px;
}
.formMedium .single{
	padding-left: 140px;
}

.formWide{
	width: 500px;
}
.formWide label{
	width: 180px;
}
.formWide .single{
	padding-left: 190px;
}
/* CSS forms */

#pagination{
	padding:			0px 0px 0px 20px;
	width:				500px;
	clear:				both;
	font-size:		16px;
	text-align:		center;
}

#pagination a,
#pagination a:hover{
	border:				0px;
}

#pagination .bar{
	width:			100%;
	float:			left;
	height:			28px;
	margin:			6px 0px 0px 0px;
	padding:		14px 0px 0px 0px;
}

#pagination .bar a,
#pagination .bar span{
	padding:					3px 2px 3px 2px;
	margin:						0px 2px 0px 2px;
	text-align:				center;
	text-decoration:	none;
}

#pagination .bar a{
	border:				1px solid #5f88bf;
	color:				#5f88bf;
}

#pagination .bar a:hover{
	background:		#f2f8ff;
}

#pagination .bar span#current{
	border:				1px solid #295085;
	color:				#295085;
	font-weight:	bold;
}

#pagination .bar span.inactive{
	border:				1px solid #adadad;
	color:				#adadad;
}