@charset "utf-8";
/* CSS Document */

/*** OVERLAY WINDOWS ***/

#swfuploaderPopup{

	background: url(/images/modal_bildeopplasting_bg-swfuploader.png) no-repeat bottom;
	padding:30px;
	padding-top:0px;
	
}

div#overlay {
	position: fixed;
	_position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #000000;
	z-index:9997;
	display: none;
}

div#modal_wrap {
		width:100%;
		height:100%;
		position: relative;
		z-index: 9999;
}

#modal_wrap div#modal {
	position: fixed;
	_position:absolute;
	top: 50%;
	left: 50%;
	_top:-500px;;
}



#modal_wrap div.bildeopplasting {

	width: 370px;
	height: 171px;
	margin-top: -85px;
  	margin-left: -185px;
	background: url(../images/modal_bildeopplasting_bg.png) no-repeat;
	display: none;
}

#modal_wrap div.bildestorrelse {
	width: 911px;
	height: 426px;
	margin-top: -213px;
  	margin-left: -455px;
	background: url(../images/modal_bildestorrelse_bg.png) no-repeat;
	display: none;
}
#modal.bildestorrelse table {
	width:100%;
}

#modal_wrap div.bildestorrelse table td {
	width:271px;
	text-align: center;
	padding-right:15px;
}

#modal_wrap div.bildestorrelse table td.last {
	padding: 0 !important;
}

#modal_wrap div.bildestorrelse table td span.price {
	font-size:12px !important;
}

#modal_wrap div.bildestorrelse table td img {
	margin-bottom: 15px;
}

#modal_wrap div.bildestorrelse .button-red { 
	cursor: pointer;
	position: absolute;
	right: 34px;
	bottom: 35px;
}

#modal div.content {
	margin-top:28px;
	padding:30px;
	font-size:12px;
	color: #000000;
}

#modal div.content span {
	font-size:11px;
}

#modal_wrap div.bildeopplasting button.upload {
	width: 115px;
	height: 28px;
	background: url(../images/modal_bildeopplasting_button.png) no-repeat;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 34px;
	bottom: 35px;
}

#modal a.close, #modal a.pl_close , #modal a.ap_close {
	position: absolute;
	width:17px;
	height: 18px;
	top:9px;
	right:10px;
	cursor: pointer;
}

#modal a.close span , #modal a.pl_close span , #modal a.ap_close span {	
	display: none;
}






/* -- SWFupload ------------------------------- */

.progressWrapper {
	width: 305px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	height:60px;
	overflow: hidden;
	background:url(../images/swfupload/progressbar-container-bg.png) no-repeat 0px 4px;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	
}

/* Current */
.green {


}

/* Complete */
.blue {

}

.progressName {
	font-size: 12px;
	font-weight:bold;
	color: #555;
	width: 280;
	height: 18px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 24px;
	background-image:url(/images/swfupload/progressbar.jpg);
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 305px;
	font-size: 11px;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

div.flash {
	width: 305px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}