@import url('./fonts.css');

html,body{
	font-family:'sofia_pro_regularregular', Arial, sans-serif;
	font-size:14px;
		background: url(images/body_menu_bg_alfa.jpg) repeat-x scroll left top #F1EEE5;

}
img{ border:0; }
#main{
	background-color:white;
}
#header{
	padding-top:20px;
	/*background-image:url(/images/icons/bonus/icons-32/calendar-month.png);*/
	background-repeat:no-repeat;
	background-position:30px 30px;
	padding-left:20px;
	height:70px;
}
#header h1{
	font-size:30px;
	color:#333333;
	margin:0;
}
#header h2{
	font-size:15px;
	margin:0;
}
#header #logout{
	float:right;
	margin-right:20px;
}

#menu{
	border-bottom:1px solid #ddd;
	/*padding-top:12px;
	padding-bottom:12px;
	width: 134px;*/
	height: 36px;

}
#menu ul{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	/*margin-bottom:-2px;*/
	white-space: nowrap;

}
#menu ul li{
	display:inline;
	margin:0;
	width: 134px;
	
	/*border: 1px #ff0000 solid;*/
	
}
/* #menu ul li img{ float:left; padding-right:5px; }*/
#menu ul li a{
	line-height: 29px;

	display:inline;
	list-style:none;
	/*padding:8px;*/
	/*background-color:#e2e2e2;*/
	text-decoration:none;
	color:#333;
	/*border:1px solid #999;*/
	margin:0;
	background-image: url(/images/menu_bg_off.png);

	/*background-image:url(/images/icons/bonus/icons-24/arrow.png);*/
	
	background-repeat:no-repeat;
	/*background-position:0px 0px;*/
	padding-left:50px;
	padding-right: 50px;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}

#menu ul li a:hover{
		/*background-color:#ff0000;*/
		background-image:url(images/menu_bg_active.png);


	}
#menu ul li .selected{
	/*background-color:#999999;*/
	color:black;
	background-image:url(images/menu_bg_on.png);
}

.forside-mellomtext {
	padding:32px;
	text-align: center;
	line-height: 32px;
}


/*navbar css start - denne er for administrasjon */

div#hornavbar {
	 /*text-align: center;
     height: 37px;
    width: 100%;
 background-color: #336699;

     border-top: solid #000 1px;
    border-bottom: solid #000 1px;
  background-color: #336699;
	position: absolute ;
	top: 278px;*/
}
div#hornavbar ul {
    margin: 0px;
    padding: 0px;
	font-family:'sofia_pro_regularregular', Arial, sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 29px;
    white-space: nowrap;
}
div#hornavbar li {
    list-style-type: none; 
    display: inline;
}
div#hornavbar li a {
    text-decoration: none;
    padding: 9px 10px;
    color: #278fd8;
}
div#hornavbar li a:link {
    color: #278fd8:
}
div#hornavbar li a:visited {
    color: #278fd8;
}
div#hornavbar li a:hover {
    font-weight: none;
    color: #278fd8;
    /*background-color: #3366FF;*/
	background: #fff url(/images/navbar_bkgr_green.png) repeat-x;

}

div#hornavbar li .selected{
	/*background-color:#999999;*/
	color: #fff;
	/*background-image:url(images/menu_bg_on.png);*/
	background: #bbb url(/images/navbar_bkgr_green.png) repeat-x;

}
div#hornavbar li .selected_proview_computer{
	/*background-color:#999999;*/
	color: #fff;
	/*background-image:url(images/menu_bg_on.png);*/
	background: #5d9db8 url(/images/navbar_bkgr_green.png) repeat-x;

}
div#hornavbar li .selected_proview_protection{
	/*background-color:#999999;*/
	color: #fff;
	/*background-image:url(images/menu_bg_on.png);*/
	background: #7cb55d url(/images/navbar_bkgr_green.png) repeat-x;

}
div#hornavbar li .selected_proview_work{
	/*background-color:#999999;*/
	color: #fff;
	/*background-image:url(images/menu_bg_on.png);*/
	background: #eeba1b url(/images/navbar_bkgr_green.png) repeat-x;

}

.remove_arrow {
	background:url();
}
/*navbar css slutt*/

.t_header_proview_computer {
	color: #fff;
	background: #5d9db8;
}

.t_header_proview_protection {
	color: #fff;
	background: #7cb55d;
}

.t_header_proview_work {
	color: #fff;
	background: #eeba1b;
}



#content{
	min-height:200px;
	padding:20px;
}

#content h1{
	background-image:url(/images/icons/bonus/icons-24/arrow.png);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:30px;
	font-size:25px;
}

input{ 
	width:240px; 
	height: 26px;
	padding: 0.2em 0.2em;
	font-size: 14px;
} 

.middel{
	vertical-align: middle;
	display: block;
}

.auto_w{
	width: auto;
}

input[type="date"],input.date{
	background-image:url(/images/icons/icons/calendar.png);
	background-repeat:no-repeat;
	background-position:4px center;
	padding-left:24px;
	width:80px;
}
input[type="time"],input.time{
	background-image:url(/images/icons/icons/clock.png);
	background-repeat:no-repeat;
	background-position:4px center;
	padding-left:24px;
	width:40px;
}
input[type="url"],input.url{
	background-image:url(/images/icons/icons/chain.png);
	background-repeat:no-repeat;
	background-position:4px center;
	padding-left:24px;
	width:214px;
}
input[type="email"],input.email{
	background-image:url(/images/icons/icons/mail.png);
	background-repeat:no-repeat;
	background-position:4px center;
	padding-left:24px;
	width:214px;
}
input[type="password"],input.password{
	background-image:url(/images/icons/icons/chain.png);
	background-repeat:no-repeat;
	background-position:4px center;
	padding-left:24px;
	width:214px;
}

textarea{ 
	font-family:'sofia_pro_regularregular', Arial, sans-serif;
	font-size:inherit; }



#footer{
	text-align:right;
	padding:20px;
	color:#999;
}

.clr{ clear:both; }


form p{
	margin:0;
}

label{
	display:block;

}



.greenBox{
	border:1px solid #003300;
	background-color:#6aa658;
	padding:10px;
	margin:10px;
	color:#FFF;
	}
.redBox{
	border:1px solid #ac1c1c;
	background-color: #ec0002;
	padding:10px;
	margin:10px;
	color:#FFF;
}






/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:white;
	
	width:675px;	
	min-height:540px;
	border:1px solid #666;
	padding:20px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}





/* error message */
.validatorError {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:2px;

	/* place error on top of other elements */
	z-index:100;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}



/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */


/* calendar root element */
#calroot {
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(images/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(images/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

.input{}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}


.photonavlinks{ 
margin-top: 5px;
margin-bottom: 13px;
font: 12px Arial;
text-align: center;
background-color: #fff;
}

.photonavlinks_current{ 
font: 12px Arial;
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid #99CCFF;
text-decoration: none;
background-color: #99CCFF;
}

.photonavlinks a{ 
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid #99CCFF;
text-decoration: none;
background-color: #ffffff;
}

.photonavlinks_next a{ 
font: 12px Arial;
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:0px solid gray;
text-decoration: none;
background-color: #fff;
}


.photonavlinks a:hover{ /*CSS for currently selected navigational link*/
background-color: #fff;
}




/* Step menu created by Christoffer Korvald */
.stepMenu{
	margin:0;
	padding:0;
	clear:right;
	font-size:12px;
}
.stepMenu li{
	display:block;
	float:left;
	text-decoration:none;
	background-color:#72b7d7;
	color:white;
	text-align:center;
	padding:3px;
	padding-top:7px;
	border-top:1px solid #6cb7d9;
	border-bottom:1px solid #3b93bb;
	border-right:1px solid #8fcbe7;
	background-image:url(/images/stepMenuBg.png);
	background-repeat:repeat-x;
}
.stepMenu li strong{
	margin-right:7px;
}
.stepMenu li:first-child{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-o-border-top-left-radius:5px;
	-o-border-bottom-left-radius:5px;
}
.stepMenu li:last-child{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-o-border-top-right-radius:5px;
	-o-border-bottom-right-radius:5px;
}
.stepMenu li.visited{
	background-color:#54a9d1;
	background-image:url(/images/stepMenuBgVisited.png);
}



/* Step menu - proview protection*/
.stepMenu_protection{
	margin:0;
	padding:0;
	clear:right;
	font-size:12px;
}
.stepMenu_protection li{
	display:block;
	float:left;
	text-decoration:none;
	background-color:#5C9D65;
	color:white;
	text-align:center;
	padding:3px;
	padding-top:7px;

	border-top:1px solid #6cd96f;
	border-bottom:1px solid #3bbb5f;
	border-right:1px solid #85d48e;

	background-image:url(/images/stepMenu_protectionBg.png);
	background-repeat:repeat-x;
}
.stepMenu_protection li strong{
	margin-right:7px;
}
.stepMenu_protection li:first-child{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-o-border-top-left-radius:5px;
	-o-border-bottom-left-radius:5px;
}
.stepMenu_protection li:last-child{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-o-border-top-right-radius:5px;
	-o-border-bottom-right-radius:5px;
}
.stepMenu_protection li.visited{
	background-color:#5C9D65;
	background-image:url(/images/stepMenu_protectionBgVisited.png);
}




/* Step menu - proview work*/
.stepMenu_work{
	margin:0;
	padding:0;
	clear:right;
	font-size:12px;
}
.stepMenu_work li{
	display:block;
	float:left;
	text-decoration:none;
	background-color:#D1AE37;
	color:white;
	text-align:center;
	padding:3px;
	padding-top:7px;
	border-top:1px solid #d9c36c;
	border-bottom:1px solid #bb9b3b;
	border-right:1px solid #e7d78f;

	background-image:url(/images/stepMenu_workBg.png);
	background-repeat:repeat-x;
}
.stepMenu_work li strong{
	margin-right:7px;
}
.stepMenu_work li:first-child{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-o-border-top-left-radius:5px;
	-o-border-bottom-left-radius:5px;
}
.stepMenu_work li:last-child{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-o-border-top-right-radius:5px;
	-o-border-bottom-right-radius:5px;
}
.stepMenu_work li.visited{
	background-color:#54a9d1;
	background-image:url(/images/stepMenu_workBgVisited.png);
}

.even {
	background: #ff0000;
}
.logospacer {
	padding-top: 8px;
}
.ikke_fakturert {
	color: red;
	font-weight: bold;
}


.disabledInput{
    background: #f1f1f1 !important;
    color: #b3b3b3 !important;
}