/* 
    Document   : 2011
    Created on : Apr 3, 2011, 5:30:56 PM
    Author     : bohrmann
    Description:
        Purpose of the stylesheet follows.
*/


body {
	margin: 0;
	padding:0;

	font-family: Source Serif Pro,serif;
	background:#ddeeff;
	line-height: 1.33;
	font-size: 16px;
	font-weight: 400;
	color: #333131;
}
section, article, aside, nav, header, footer {
	display: block;
}
hr {
	border: 0;
	color: #ccc;
	background: #ccc;
	height: 1px;
	width: 100%;
	text-align: left;
}
.participant{
	color:#666; font-weight: bold
}
.indent{
	margin-left:15px;
}
.hidden{
	display:none
}

#container {
	width: 1000px;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 960px;
	height: 210px;
	padding: 0 20px;
	background: transparent url('img/bg-header.png') top center no-repeat;
}
#main {
	position: relative;
	width: 960px;
	min-height: 340px;
	margin:0;
	padding: 1px 20px;
	background: transparent url('img/bg-main.png') center repeat-y;

}

#footer {
	position: relative;
	width: 960px;
	min-height: 60px;
	padding: 50px 20px 20px 20px;
	background: transparent url('img/bg-footer.png') top center no-repeat;

}


/*
* Typographics
*
*/

h1, h2, h3, h4, p {
	margin:0 0 0.5em 0;
	padding: 0.5em 0 0.2em 0;
}
h1 {
	font-size: 180%;
	color: #4795B2;
	text-shadow: 3px 3px 4px #e0e0e0;
	padding: 0 0 0.4em 0;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 110%;
}
h4 {
	font-size: 100%;
}

a {
	color:#4795B2;
}

a:hover {
	color:#000;
}

a.btn:hover {
	color: #fff;
}

a img {
	border:0;
}

input {
	vertical-align: middle;
}
input[type=checkbox] {
	margin-right: 6px;
}
input.inputDialogFull{
	width:580px !important;
}
.veryimportant {
	font-weight: bold;
	color: #cc0000;
}

th, td {
	padding: 3px 6px;
	text-align: left;
}

table.list {
	border-collapse: collapse;
	width:100%;
}
table.list caption{
	text-align:left;padding:  6px 0;
}
table.list th {
	border: 1px solid #deefef;
	background-color: #e2efff;
	font-size: 85%;
}
table.list tr:hover td{
		background-color: #f5f5f5
}
table.list td {
	border: 1px solid #deefef;
}

table.compact th,
table.compact td {
	font-size: 79%;
}
table.nv th {
	padding-left: 0;
}
table.compact tfoot td{
	background:#eee;
}
/*
	global classes

*/
.clear, 
.clearer {
	clear:both;
}

.center,
td.center, th.center {
	text-align: center;
}
.num,
td.num, th.num {
	text-align: right;
}

a.notext span {
	display: none;
}

.leftimage,
.rightimage {
	display: inline-block;
	width: auto;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 1px 2px 3px #c0c0c0;
}
.rightimage {
	float: right;
	margin: 0 0 8px 12px;
}

.leftimage {
	float: left;
	margin: 0 12px 8px 0;
}


/* arribatec brand */
#footer .arribatecbrand {
	text-align: center;
	color: #666;
	font-size: 80%;
	line-height: 18px;
}
#footer .arribatecbrand a {
	background: transparent url(icon/arribatec_logo_almost_black_sm.png) center no-repeat;
	display: inline-block;
	width: 124px;
	height: 16px;
	padding: 6px ;
	text-decoration: none;
}
#footer .arribatecbrand a span {
	visibility: hidden;
}



/* header content */

#topuserlogin {
	position: absolute;
	top:10px;
	right:10px;
	width: auto;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	white-space: nowrap;
	opacity:0.8;
	z-index: 9;
}


/* Navigation */

#topnav {
	position: absolute;
	top:132px;
	left:24px;
	display: block;
	width: 960px;
	height:48px;

}
#topnav ul  {
	list-style: none;
	float: left;
	margin:0;
	padding: 0;
}

#topnav ul li {
	position:relative;
	list-style: none;
	float: left;
	height:48px;
	width: auto;
	margin:0;
	padding:0;
	z-index: 100;
}


#topnav a {
	display: block;
	height:36px;
	line-height: 36px;
	padding: 6px 16px;
	border-right: 1px solid #333;
	font-size: 16px;
	text-decoration: none;
	color: #fff;
}

#topnav ul ul {
	box-shadow: 5px 5px 5px #888888;
	border: 1px solid #c8c8c8;
	border-top:0;
	border-radius: 0 0 3px 3px;
	display: none;
	left: -1px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: absolute;
}
#topnav ul ul li {
	float: left;
	width: 200px;
	height:32px;
}
#topnav ul ul li a {
	height: 20px;
	line-height: 20px;
	padding: 6px 16px;
	font-size: 16px;
	background-color: #fff;
	color: #333;
	border:0;
	border-top: 1px solid #c8c8c8;
}


#topnav a.homeicon:hover,
#topnav a:hover {
	background-color: #f4f4f4;
	color:#000;
}

#topnav a.homeicon {
	width: 32px;
	padding:6px 16px;
	background: transparent url(icon/home-32.png) center center no-repeat;
}




/*
	Breadcrumb
*/

#breadcrumb {
	position: absolute;
	width: 920px;
	height:16px;
	top: 184px;
	left:40px;
}

#breadcrumb a {
	color: #3A79B8;
	font-size: 14px;
	margin-right: 4px;
	padding-right: 22px;
	background: transparent url(icon/right-16.png) right center no-repeat;
}
#breadcrumb a:last-child {
	margin-right: 0;
	padding-right: 0;
	background: none;
}

.page-2col {
	background: transparent url(img/split-v-20.png) 630px top repeat-y;
}

.pad-content {
	padding: 12px 20px 12px 20px;
}

.maincontent {
	width: 640px;
	float: left;
	padding: 0;
}

.aside {
	width: 320px;
	float: right;
}

.aside h1 {
	font-size: 100%;
	text-shadow: none;
	color: #666;
	border-bottom: 1px solid #f0f0f0;
	padding: 12px 20px;
}
.aside h1 a {
}
.aside > p,
.aside > div {
	padding-left: 20px;
	padding-right: 20px;
} 

.asidelist {
	width: 320px;
	height: auto;
	margin:0;
	padding:0;
	z-index: 30;
}

.asidelist li {
	list-style: none;
	margin:0;
	padding: 0;
}
.asidelist a {
	border-top: 1px solid #f6f6f6;
	display:block;
	padding: 8px 16px;
	text-decoration: none;
	background-color: #fff;
}
.asidelist a.selected, 
.asidelist a:hover {
	background: #f6f6f6 url(img/split-h-320-gradient.png) bottom center no-repeat;
}
.asidelist h3 span  {
	font-size: 80%;
	font-weight: normal;
}
.asidelist span a {
	font-size: 75%;
	padding-left: 32px;
}
.asidelist li p {
	font-size: 75%;
}


.mainhr {
  background: transparent url(img/split-hr.png) top left no-repeat;
	min-height: 80px;
}
.fullhr {
  background: transparent url(img/split-hr-full.png) top left no-repeat;
	min-height: 80px;
}

/* login details */

.centerlogin {
	width: 340px;
	height:120px;
	margin: 40px auto;
	padding: 10px;
	background: #f6f6f6 url(img/lightfade-v-32.png) bottom repeat-x;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 2px 2px 4px #e0e0e0;
}

.centerlogin form {
	width: 100%;
	height: 100%;
	padding: 84px 0 0 0;
	text-align: center;
	background: transparent url(icon/login-64.png) top center no-repeat;
}
.centerlogin form.login {
	background-image: url(icon/login-64.png);
}
.centerlogin form.logout {
	background-image: url(icon/logout-64.png);
}

div.login span,
div.login input[type=text],
div.login input[type=password],
div.login input[type=submit] {
	display: inline-block;
	margin:0;
	padding: 2px 4px;
	height: 16px;
	line-height: 16px;
	font-size: 90%;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
}
div.login input[type=text] {
	width: 140px;
}
div.login input[type=password] {
	width: 80px;
}
div.login input[type=submit] {
	width: 60px;
	height: 23px;
	border: 1px solid #c0c0c0;
	background: transparent url(img/lightfade-v-32.png) bottom repeat-x;
}
div.login input[type=text]:focus,
div.login input[type=password]:focus,
div.login input[type=submit]:hover {
	border: 1px solid #3A79B8;
	box-shadow: 1px 1px 2px #5E99BD;
}

div.login span {
	display: inline-block;
	width: auto;
	border: 0;
	padding-left: 32px;
	background: transparent url(icon/person-32.png) top left no-repeat;
}
div.login span.admin {
	background: transparent url(icon/admin-32.png) top left no-repeat;
}


/* 
	feedback
*/

div.feedback-block {
	margin: 20px;
	padding: 8px;
	color: #222;
	background-color: #fcf0ba;
	border: 1px solid #FFBD69;
	border-radius: 3px;
}
div.feedback-block div {
	line-height: 24px;
	padding:2px 0 2px 30px;
	background-position: center left;
	background-repeat: no-repeat;
}
div.feedback-block div.ok {
	background-image: url(icon/ok-24.png);
}
div.feedback-block div.info {
	background-image: url(icon/info-24.png);
}
div.feedback-block div.warning {
	background-image: url(icon/warning-24.png);
}
div.feedback-block div.error {
	background-image: url(icon/error-24.png);
}
div.feedback-block button.close {
	float:right;
}
.hint {
	margin: 8px 0;
	padding: 8px 8px 8px 38px;
	color: #222;
	border: 1px solid #FFBD69;
	border-radius: 3px;
	font-size: 85%;
	background: #fcf0ba url(icon/info-24.png) 4px center no-repeat;
}


/* Search */

div.rbasesearch {
	width: auto;
	padding: 3px 0;
	margin: 3px 0;
	float: right;
}

/* Pagination */

.pagination li{
		list-style-type:  none;
		display: inline-block;
}
ul.pagination {
	padding: 3px 0;
	margin: 3px 0;
}

.pagination a,
.pagination span {
	padding: 2px 5px 2px 5px;
	margin: 0 3px 0 0;
	color:#666;
	font-size: 75%;
	display: inline-block;
}

.pagination a {
	text-decoration: none;
	color:#3A79B8;
	border: 1px solid #EEE;
	border-radius: 3px;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #3A79B8;
}

.pagination .currentpage {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #3A79B8;
	font-weight: bold;
	background-color: #3A79B8;
	color: #FFF;
}



/* icon iconbuttons */
.btn16 {
	display: inline-block;
	width: auto;
	padding: 2px 6px 2px 26px;
	line-height: 18px;
	background: #f4f4f4 url(icon/edit-16.png) 3px center no-repeat;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
}
.btn16:hover {
	background-color: #fff;
}

.icon16,
.icon24,
.icon32 {
	display: inline-block;
	padding: 0 6px;
	background: transparent url(icon/edit-16.png) center center no-repeat;
}

.icon16 {
	width: 16px;
	height: 16px;
}
.icon24 {
	width: 24px;
	height: 24px;
}

.icon32 {
	width: 32px;
	height: 32px;
}

.icon16:hover,
.icon24:hover,
.icon32:hover {
	background-color: #fff;
}

.icon16 span,
.icon24 span,
.icon32 span {
	display: none;
}
.add16 {background-image: url(icon/add-16.png);}
.add24 {background-image: url(icon/add-24.png);}
.add32 {background-image: url(icon/add-32.png);}

.edit16 {background-image: url(icon/edit-16.png);}
.edit24 {background-image: url(icon/edit-24.png);}
.edit32 {background-image: url(icon/edit-32.png);}

.del16 {background-image: url(icon/del-16.png); color:#ff0033;}
.del24 {background-image: url(icon/del-24.png); color:#ff0033;}
.del32 {background-image: url(icon/del-32.png); color:#ff0033;}

.pdf16 {background-image: url(icon/pdf-16.png);}
.pdf24 {background-image: url(icon/pdf-24.png);}
.pdf32 {background-image: url(icon/pdf-32.png);}

.csv16 {background-image: url(icon/xls-16.png);}
.csv24 {background-image: url(icon/xls-24.png);}
.csv32 {background-image: url(icon/xls-32.png);}

.mailsend16 {background-image: url(icon/mailsend2-16.png);}
.mailsend24 {background-image: url(icon/mailsend2-24.png);}
.mailsend32 {background-image: url(icon/mailsend2-32.png);}

.print16 {background-image: url(icon/print-16.png);}
.print24 {background-image: url(icon/print-24.png);}
.print32 {background-image: url(icon/print-32.png);}

#togglepublish {
	display: inline-block;
	min-width: 80px;
}
.publish16-0,
.publish16-1 {
	background: transparent url(icon/edit-16.png) left center no-repeat;
	padding: 4px;
	padding-left: 20px;
	line-height: 16px;
	display: inline-block;
	min-height: 8px;
}
.publish24-0,
.publish24-0 {
	background: transparent url(icon/edit-16.png) left center no-repeat;
	padding: 4px;
	padding-left: 28px;
	line-height: 24px;
	display: inline-block;
	min-height: 16px;
}
.publish16-0 {background-image: url(icon/red-16.png);}
.publish16-1 {background-image: url(icon/green-16.png);}
.publish24-0 {background-image: url(icon/red-24.png);}
.publish24-1 {background-image: url(icon/green-24.png);}



/*
Actions

*/

div.resourceaction {
	background: transparent url(icon/admin-32.png) 18px 4px no-repeat;
	margin-bottom: 6px;
	padding: 4px 20px 4px 56px;
	min-height: 24px;
	line-height: 16px;
	border-bottom: 1px solid #e0e0e0;
}
div.resourceaction  .info {
	font-size: 11px;
	width: auto;
	float: right;
}

div.resourceaction  a.icon24 {
	height: 28px;
	border-radius: 3px;
}

div.representations {
	margin: 8px 0;
	min-height: 24px;
	line-height: 24px;
	width: auto;
	float: right;
}
/*
	Forms dialogs

*/
div.dmdialog {
	display: none;
	width: 620px;
}
label.error {
	color: #ff3333;
	font-size: 80%;
}
label.checkbox {
	display: inline-block;
	width: auto;
	min-width: 130px;
	margin-right: 12px;
	line-height: 18px;
}
div.onerow {
	clear: both;
	padding: 12px 0 0 0;
}

div.onerow table.mceLayout {
	margin-top: 6px;
}

div.onerow input[type=text],
div.onerow select,
div.onerow textarea
{
	display: block;
	margin-top: 3px;
	width:98%;
	background-color: #dffefe;
	border: 1px solid #ccc;
	border-radius:2px;
}

div.singlerow,
div.onerow > input[type=text],
div.onerow > select,
div.onerow > textarea
{
	width: 580px;
}
div.onerow textarea
{
	height: 120px;
}
div.onerow textarea.content
{
	height: 320px;
}
div.onerow textarea.small
{
	height: 40px;
}
div.onerow > div {
	padding-left: 20px;
	display: table-cell;
}
div.onerow > div:first-child {
	padding-left: 0;
}
div.c2 {
	width: 280px;
}
div.c3 {
	width: 180px;
}
div.c4 {
	width: 130px;
}

input.datetimepicker,
div.onerow input.datetimepicker {
	width: 150px;
	height: 18px;
	line-height: 18px;
	padding-right: 20px;
	background: white url(icon/datetime-16.png) center right no-repeat;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input.postalcode,
div.onerow input.postalcode {
	width: 50px;
	display: inline-block;
	float: left;
}
input.city,
div.onerow input.city {
	width: 210px;
	display: inline-block;
	float: right;
}
input.readonly,
div.onerow input.readonly {
	background-color: whitesmoke;
	color: #999;
}

input.searchxl {
	margin-right: 4px;
	font-size: 16px;
	width: 260px;
	height: 18px;
	padding: 6px 4px; 
	border: 1px solid #ccc;
	background-color: #DFFEFE;
	border-radius: 3px;
}

.messeinfo {
	font-size: 80%;
}
.messeinfo span {
	display: inline-block;
	width: 120px;
}


a.personname {
	text-decoration: none;
	display: inline-block;
	line-height: 24px;
}

a.personname img {
	float: left;
	height: 24px;
	margin-right: 4px;
}


#fregvisit {
	width: 620px;
	height:340px;
	background: transparent url(img/bg-regvisit.png) top left no-repeat;
	position: relative;
}
#fregvisit div {
	width: 420px;
	height: 32px;
	line-height: 32px;
	position: absolute;
	top: 250px;
	right: 60px;
	padding: 9px 0; 
	text-align: right;
}
#fregvisit input[type=text] {
	width: 122px;
	height: 32px;
	font-size: 20px;
	border: 0;
	margin-left: 6px;
	padding: 0 4px;
	background: transparent url(img/regvisit-input.png) left center no-repeat;
}
#fregvisit input[type=submit] {
	width: 46px;
	height: 32px;
	font-size: 20px;
	border: 0;
	background: transparent url(img/regvisit-btn.png) right center no-repeat;
}
#fregvisit span {
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

/*
  Web visning barcode and property images
 */
#visitor-container {
	position: relative;
}
#visitor-container img.barcode {
	position: absolute;
	top: 0;
	right:20px;
}
#visitor-container img.purchasingauth {
	position: absolute;
	top: 4px;
	right:168px;
}
#visitor-container img.smark {
	position: absolute;
	top: 38px;
	right:168px;
}
/* 
	label printer
*/
#dymolabel {
	position: relative;
	/* dpi to pixel 88x41mm in dymoprint 11356 
		333px x 155px
	*/ 
	width: 306px;
	height: 144px;
	background-color: white;
}
#dymolabel div {
}
#dymolabel div.dymofair {
	font-size: 12px;
	font-family: "courier new", courier, monospace;
	height: 40px;
	line-height: 14px;
	width: 160px;
}
#dymolabel div.dymoinfo {
	font-size: 20px;
	width: 160px;
	height: 24px;
	line-height: 24px;
	font-family: "courier new", courier, monospace;
	font-weight: bold;
	letter-spacing: 5px;
}
#dymolabel div.dymoname {
	position: absolute;
	top: 76px;
	left:0;
	height: 30px;
	width: 264px;
	overflow:hidden;
	font-size: 20px;
}
#dymolabel div.dymofirm {
	position: absolute;
	top: 106px;
	left:0;
	width: 264px;
	height: 33px;
	overflow:hidden;
	font-size: 13px;
}
#dymolabel img.dymobarcode {
	position: absolute;
	top: 0;
	right:6px;
}
#dymolabel img.purchasingauth {
	position: absolute;
	top: 76px;
	right:6px;
}
#dymolabel img.smark {
	position: absolute;
	top: 108px;
	right:6px;
}
/*
 UI corrections/extensions
*/
.ui-widget-overlay{background:#000; opacity:0.1}


.ui-dialog-buttonpane {
	clear: both;
}

/*Def. values for button text*/
.ui-button .ui-button-text{
	padding: 0.3em 1em;
	line-height: 1.3;
}

/*Button default*/
.btn{
	background-image: linear-gradient(rgba(17, 200, 220, 0.94), rgba(17,150,190,.94));
	color: ghostwhite;
}

.btn:active {
	background-image: none;
}

/*Button on hover*/
.btn:hover{
	background-image: linear-gradient(rgba(17,150,190,.94),rgba(17, 200, 220, 0.94));
	border-color: #4b4b4b;
}

/*Change color of text on hover over meld btn */
.meld.ui-button-text-only .ui-button-text:hover {
	color: white;
}

/* SØK button om påmelding site*/
.btn.sok{
	background: #f7f7f7;
	border-color: lightgrey;
	color: grey;
}

.btn.sok:hover{
	background: white;
	border-color: #474747;
	color: #474747;
}

.radiobutton > .ui-state-default {
	background-color: #f3fefe;
	background-image: none;
	color: #333;
}

.radiobutton > .ui-state-hover {
	background-color: #dbdbdb;
	background-image: none;
	color: #333;
}

.radiobutton > .ui-state-active {
	background: #6eac2c url(../js/jquery/ui-css/storhushold/images/ui-bg_inset-soft_50_6eac2c_1x100.png) 50% 50% repeat-x;
	color: #fff;
	border: #00751f 1px solid;
}

.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/*Overwrite buttons position*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: left; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-default:nth-child(2) {
	background: #666666 url(../js/jquery/ui-css/storhushold/images/ui-bg_flat_55_999999_40x100.png) 50% 50% repeat-x;
	border-color: #858585;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-hover:nth-child(2) {
	background: #9b9b9b url(../js/jquery/ui-css/storhushold/images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;
	color: #2d2d2d;
	border-color: #2d2d2d;
}