/* 
    Document	: bc_widget
    Gemaakt op	: 31-okt-2011, 14:11:17
    Auteur		: Communicatiebureau fourdesign_
    Omschrijving:
        Hier wordt alle css met betrekking tot widgets in opgeslagen.
*/

.widget-tab{
	
}

	.widget-tab .tab-container-button{
		float: right;
		padding: 6px 8px;
		cursor:	pointer;
		border: 1px solid #C5C7C8;
		color: 152A2A;
		font: 600 13px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
		cursor:	pointer;
		margin-bottom: -48px;
		margin-right: 10px;
		position: relative;
		
		-webkit-border-radius: 3px;
		border-radius: 3px;
	
		background: #f9f9f9;
		background: -moz-linear-gradient(top,  #f9f9f9 0%, #ececec 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec));
		background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
		background: -o-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
		background: -ms-linear-gradient(top,  #f9f9f9 0%,#ececec 100%);
		background: linear-gradient(to bottom,  #f9f9f9 0%,#ececec 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ececec',GradientType=0 );
	}
	
	.widget-tab .tab-container-button:hover {
		background: #e1e2e3;
	}
	
	.widget-tab .tab-container-button:active {
		background: #c8cacd;
	}

	.widget-tab .tab-container {
		clear: both;
		height: 40px;
		padding: 8px 0 0;
		margin-bottom: 10px;
		padding-left: 5px;
		border-bottom: 1px solid #E5E5E5;
		background: #FFF;
	}

		.widget-tab .tab-container .tab {
			float:left;
			padding: 9px 20px 8px;
			cursor:	pointer;
			color: #848484;
			border:	1px solid #DFDFDF;
			border-bottom: none;
			margin-right: 5px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			margin-top: 5px;
			padding-bottom: 3px;
			min-width: 10px;
			text-align: center;
		}

		.widget-tab .tab-container .tab:hover,
		.widget-tab .tab-container .tab:active {
			color: #0098D9;
			background: #EFEFEF;
			
		}

		.widget-tab .tab-container .tab.active {
			background:	#FCFCFC;
			border:	1px solid #E5E5E5;
			border-bottom-color: #FCFCFC;
			color: #0098D9;
			font-weight: bold;
			margin-top: 0px;
			padding: 9px 20px 8px 19px;
			
		}
		
		.widget-tab .tab-container .tab > div > select {
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

			/* IE 5-7 */
			filter: alpha(opacity=0);

			/* Netscape */
			-moz-opacity: 0;

			/* Safari 1.x */
			-khtml-opacity: 0;

			/* Good browsers */
			opacity: 0;
			
			position: absolute;
			
			-webkit-transition: all 150ms ease-in-out;
			-moz-transition: all 150ms ease-in-out;
			-ms-transition: all 150ms ease-in-out;
			-o-transition: all 150ms ease-in-out;
			transition: all 150ms ease-in-out;
		}
		
		.widget-tab .tab-container .tab.active > div > select {
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

			/* IE 5-7 */
			filter: alpha(opacity=100);

			/* Netscape */
			-moz-opacity: 1;

			/* Safari 1.x */
			-khtml-opacity: 1;

			/* Good browsers */
			opacity: 1;
			
			position: relative;
		}

		.widget-tab .tab-container .tab.disabled {
			background:	#FFF;
			border-color: #DFDFDF;
			color: #DFDFDF;
			cursor:	default;
		}

	.widget-tab .panel-container{
		clear: both;
	}

		.widget-tab .panel-container .panel-content {
			
		}
		
		div.block.content div.content div.widget-fotoalbum .panel-container .panel-content {
			background-color: #FCFCFC;
			margin-top: -10px;
		}
		
		.widget-tab .panel-container .panel-content > ul.sortable-list {
			padding: 10px;
		}


			.widget-tab .panel-container .panel-content h3 {
				margin-left: 10px;
			}
			
			.widget-tab .panel-container .panel-content p {
				margin-left: 10px;
				padding-bottom: 10px;
			}
			
.widget-header-gallery #tab-label-0 {
	padding: 5px 10px 4px;
}

.widget-header-gallery #tab-label-0 > div.folder-container > select {
		height: 30px;
	}
	
	./*widget-header-gallery #tab-label-0.active > div.folder-container > select {
		display: block;
	}*/
	
	.widget-header-gallery #tab-label-0:active {
/*		padding: 5px 10px 0px;*/
	}
	
	.widget-header-gallery #tab-label-0:hover {
/*		padding: 5px 10px 0px;*/
	}
		
		.widget-header-gallery #tab-label-0 select{
			width: 150px;
		}		
	
		.widget-header-gallery #tab-label-0 label {
			width: auto;
			margin-right: 15px;
			font-weight: inherit;
			color: inherit;
			padding-bottom: 0;
		}
		
		.widget-header-gallery #tab-label-0.active label {
			padding-bottom: 4px;
		}
			

.widget-contextmenu-bg{
	width:		100%;
	height:		100%;
	z-index:	999;
	position:	fixed;
	top:		0px;
	left:		0px;

}

.widget-contextmenu{
	position:	absolute;
	z-index:	1000;
	background:	#FFF;
	width:		auto;
	border:		1px solid #CCC;
	box-shadow:		0 0px 2px rgba(0,0,0,0.2);
}

.widget-contextmenu .widget-contextmenu-item{
	padding:		5px 10px;
	cursor:			pointer;
	border-bottom:	1px solid #CCC;
}
.widget-contextmenu .widget-contextmenu-item:hover{
	-webkit-transition: background 400ms linear;
	-moz-transition: background 400ms linear;
	-o-transition: background 400ms linear;
	transition:		background 400ms linear;
	background:		#CCC;
}


.widget-top {
	background: #ECEDED;
	overflow: hidden;
}

	.widget-top .widget-top-left {
		padding: 15px 0 15px 20px;
		float: left;
		font-weight: 500;
	}
	
	.widget-top .widget-top-middle {
		float: left;
	    font-style: italic;
	    padding: 15px 0 15px 20px;
	}
	
	.widget-top .widget-top-right {
		float: right;
		background: #D9DADB;
		width: 30px;
		height: 30px;
		margin: 10px 20px 0 0;
	}
	
.widget-content {
	padding: 20px 20px 4px 20px;
	clear: both;
}

/**
 * @fix bugnummer [7] Button toegevoegd aan de bovenste balk.
 * @version 1.0.1
 * @author Menno Tempelaar
 */ 
.widget-content > button[type="submit"].top {
	margin-top:-63px;
	margin-right: 40px;
}
/* END bugfix */

	.widget-content .row {
		height:	40px;
		margin: 0 0 16px;
	}
	
		.widget-content .row.image {
			margin: 0 0 5px;
		}
		
		.widget-content .row label {
			width: 160px;
		}
	
.widget-bottom {
	background: #ECEDED;
	overflow: hidden;
	padding: 10px 20px;
}

.widget-header-form {
	width: 730px;
	
}

	.widget-header-form .file-size-container {
		margin: 0 0 16px 160px;
	}




html.ie7 .widget-header-form .image-name {
	margin: 0 0 0 8px;
}

.widget-header-form input[type="text"] {
	width: 177px;
}

.widget-header-form input[type="text"][name="name"] {
	width: 272px;
}

.widget-header-form select {
	width: 288px;
}

.widget-header-form .editname input{
	margin-left: 0px !important;
}





.tab-container-button {
	border:		1px solid #DDDDDD;
	display:	block;
	margin:		5px 0 0 554px;
	padding:	6px 4px;
	text-align: center;
	width:		auto;
	position:	absolute;
	cursor:		pointer;

}

.widget-fotoalbum-submit{
	margin:		-29px 0 0 0;
}

html.ie7 .widget-fotoalbum-submit {
	margin: -36px 0 0 0;
}




/**
 *	 Widget_LayoutContent
 */
 
 body > div.popup > div.content > div.block_choice {
 }
 
 body > div.popup > div.content > div.block_choice > div.title {
	border-bottom: 1px solid #E5E5E5;
	margin: 0px 0 20px;
 }
 
 body > div.popup > div.content > div.block_choice > span {
	display: block;
	padding: 6px;
	margin-bottom: 6px;
	cursor: pointer;
	border: 1px solid #E5E5E5;
	
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
 }
 
 body > div.popup > div.content > div.block_choice > span:hover, 
 body > div.popup > div.content > div.block_choice > span.active 
 {
	background-color: #0098D9;
	color: #FFFFFF;
 }


 /* WIDGET_PROPERTY */

.widget-property{}

.widget-property-addcontainer{
	
}

.add-block{
	background: none repeat scroll 0 0 #E3EDC1 !important;
	border: 1px solid #CEDF93 !important;
	color: #264409 !important;
}

.add-block h3{
	color:			#264409 !important;
}

.widget-property-addcontainer .widget-property-row{
	border:	none !important;
	padding: none !important;
	padding: 6px 10px;
}

.widget-property-addcontainer .widget-property-row:hover{
	background: inherit !important;
}

.widget-property-addcontainer input[type="text"]
{
	border:		1px solid #C5C7C8 !important;
	background:	#FFFFFF !important;
}

.widget-property-addcontainer .widget-property-row-value .date-input-start{
	width:		100px !important;
	margin:		0 10px 0 0 !important;
}

.widget-property-addcontainer .widget-property-row-value .date-input-end{
	width:		100px !important;
	margin:		0 10px 0 0 !important;
}

.widget-property-addcontainer select{
	border:		1px solid #C5C7C8 !important;
	background:	#FFFFFF !important;
}



.widget-property-addcontainer .widget-property-row .widget-property-row-value textarea{
	width:		290px !important;
	min-width:	10px;
	border:		1px solid #C5C7C8 !important;
	background:	#FFFFFF !important;
	height:		auto;
	min-height: 40px;
}

.widget-property-addcontainer .widget-property-row-buttons{
	background: none !important;
/*	margin:		5p0 !important;*/
/*	padding:	0 !important;*/
}

.widget-property-addcontainer h4 {
	margin: 2px 0 10px;
	padding:		5px 10px 10px;
}

.widget-property-addcontainer-left{
	float:		left;
	padding:	5px;
}

.widget-property-propertycontainer {
	margin-bottom: 5px;
}

.widget-property-row{
/*	padding:			5px 10px 10px;*/
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
	transition:			all 150ms ease-in-out;
	height:				auto;
	padding: 6px 10px;
}



.date-input-end{
	width:		100px;
	margin:		0 10px 0 0 !important;
}

.widget-property-row-name label {
	padding: 3px 0 0 7px;
}

.widget-property-row input[type="text"] {
	margin: 0 !important;
	border: 0 !important;
}

.widget-property-row select{
	border:	0 !important;
	background: none;
	width:		120%;
	overflow:	hidden;
}

.widget-property-row textarea{
	width:		290px !important;
	min-width:	10px;
	border:		0 !important;
	background:	none;
	height:		20px;
	min-height: 20px;
}

.add-block input[type="text"] {
 	margin: 0 !important;
 	border: 1px solid #C5C7C8 !important;
}
 

.widget-property-row {
	border-bottom: 1px solid #DDD;
}

	.widget-property-row:last-child {
		border-bottom: none;
	}

.widget-property-row:hover {
	background: #f6f6f6;
	
}

	.widget-property-row:hover input[type="text"] {
		background: #f6f6f6;
	}

.widget-property-row-active{
	background:		#f2fafd;
	min-height:		45px;
}

.widget-property-row-active .widget-property-row-buttons{
	-webkit-transition:		all 150ms ease-in-out;
	-moz-transition:		all 150ms ease-in-out;
	-o-transition:			all 150ms ease-in-out;
	transition:				all 150ms ease-in-out;
	color:					#0098D9;
}

.widget-property-row-active input[type="text"]
{
	border:		1px solid #C5C7C8 !important;
	background:	#FFFFFF !important;
}

.widget-property-row .widget-property-row-value .date-input-start{
	width:		100px !important;
	margin:		0 10px 0 0 !important;
}

.widget-property-row .widget-property-row-value .date-input-end{
	width:		100px !important;
	margin:		0 10px 0 0 !important;
}

.widget-property-row-active select{
	border:		1px solid #C5C7C8 !important;
	background:	#FFFFFF !important;
}

.widget-property-row-active textarea{
	width:		290px !important;
	min-width:	10px;
	border:		1px solid #C5C7C8 !important;
	background:	#FFFFFF !important;
	height:		auto;
	min-height: 150px;
}


.widget-property-row input[type="text"]
{	
	border: 1px solid #C5C7C8;
	float: left;
	height: 20px;
	padding: 4px 7px;
	width: 140px;

	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.widget-property-row .widget-property-row-left{
	float:	left;
	margin: 0 10px 0 0;
	width:	200px;
}

.widget-property-row .widget-property-row-name{
	float:	left;
	width:	150px;
	margin:	0 10px 0 0;
}


.widget-property-row .widget-property-row-value {
	float:	left;
}

.widget-property-row-value .multiple-rows-value-row.m-r-v-r-first {
	margin: 0;
}

.widget-property-row-value .multiple-rows-value-row {
	margin: 5px 0 0;
}

.widget-property-row .widget-property-row-value input[type="text"] {
	width: 290px;
}

.widget-property-row-buttons{
	position:	relative;
	float:		right;
	width:		120px;
	height:		inherit;
	min-height: 20px;
	margin:		2px 0 0;
	padding:	0px;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}



.widget-property-row-buttons .button{
	float:			left;
	margin:			3px 3px 0 0;
	color:			#fff;
	cursor:			pointer;
}

.button-done-editing{
	position:	absolute;
	top:		2px;
	right:		0;
	margin:		0 5px 0 0;
	cursor:		pointer;
	text-decoration: underline;
	font-weight: bold;
}



.button-save-row {
	background: #003745 url('../../img/opslaan.png') no-repeat center center;	
	text-indent: -9999px;
	overflow: hidden;
	width: 25px;
	height: 25px;
}
	
	.button-save-row:hover {
		background: #384f5c url('../../img/opslaan.png') no-repeat center center;	
	}

.button-add-row {
	background: #003745 url('../../img/toevoegen.png') no-repeat center center;	
	text-indent: -9999px;
	overflow: hidden;
	width: 25px;
	height: 25px;
}
	
	.button-add-row:hover {
		background: #384f5c url('../../img/toevoegen.png') no-repeat center center;	
	}

.widget-property-row-value a {
	background: #CCC url('../../img/remove-row.png') no-repeat center center;	
	display: none;
    float: left;
    height: 25px;
    margin: 3px 0 0 5px;
    overflow: hidden;
    text-indent: -9999px;
    width: 25px;
}

	.widget-property-row-value a:hover { 
		background: #d6d6d6 url('../../img/remove-row.png') no-repeat center center;	
	}

.widget-property-row-active .widget-property-row-value a{
	display: block;
}

.widget-property-addcontainer .widget-property-row-value a{
	display: block;
}

.widget-property-row-buttons .button-add-row {
	background: #003745 url('../../img/add-kenmerk.png') no-repeat center center;	
	text-indent: -9999px;
	overflow: hidden;
	width: 20px;
	height:			20px;
	margin-left: -63px;
}
	
	.widget-property-row-buttons .button-add-row:hover {
		background: #384f5c url('../../img/add-kenmerk.png') no-repeat center center;	
	}
	
.button-delete-row {
	margin-top: 20px;
}

	.button-delete-row:hover {
		
	}
	
.button-change-type {
	background: #003745 url('../../img/row-change-type.png') no-repeat center center;	
	text-indent: -9999px;
	overflow: hidden;
	width: 20px;
	height: 20px;
}

	.button-change-type:hover {
		background: #384f5c url('../../img/row-change-type.png') no-repeat center center;	
	}

.button-order-row-up {
	background: #003745 url('../../img/row-up.png') no-repeat center center;	
	text-indent: -9999px;
	overflow: hidden;
	width: 20px;
	height: 20px;
}

	.button-order-row-up:hover {
		background: #384f5c url('../../img/row-up.png') no-repeat center center;
	}

.button-order-row-down {
	background: #003745 url('../../img/row-down.png') no-repeat center center;	
	text-indent: -9999px;
	overflow: hidden;
	width: 20px;
	height: 20px;
}

	.button-order-row-down:hover {
		background: #384f5c url('../../img/row-down.png') no-repeat center center;	
	}



.widget-property-row-buttons .button:hover{
	color:	#FFFFFF;
}


/** 
 *	Widget_MultipleSelector
 */
 
div.multipleSelector > div.head > div.row.search {
	width: 150px;
	float: right;
	margin: -29px 60px 0 0;
}

div.panel-content > div.multipleSelector > div.head > div.row.search {
	margin: -96px 153px 0 0
}

div.row.search label {
	display: none;
}

div.multipleSelector > div.head > div.row.search {
	width: 180px !important;
}

div.multipleSelector > div.head > div.row.search > input[type="text"] {
	width: 150px !important;
	margin: 0 0 0;
}

div.multipleSelector > div.head > div.row.search > span {
	margin: 8px 0 0 8px !important;
	position: absolute;
}

div.multipleSelector > div.head > input[type="button"] {
	float: right;
	margin: -37px 179px 0 0;
	height: 30px;
}

div.panel-content > div.multipleSelector > div.content {
	padding: 10px;
}

div.multipleSelector > div.content > div.section > span {
	display: inline-block;
	padding: 6px 10px;
	background-color: whiteSmoke;
	border: 1px solid #E5E5E5;
	margin-right: 8px;
	margin-bottom: 8px;
	cursor: pointer;
	
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

div.panel-content > div.multipleSelector > div.content > div.section > span {
	background-color: #FFFFFF;
}

div.multipleSelector > div.content > div.section > span:hover, 
div.multipleSelector > div.content > div.section > span.selected, 
div.panel-content > div.multipleSelector > div.content > div.section > span:hover, 
div.panel-content > div.multipleSelector > div.content > div.section > span.selected 
{
	background-color: #0098D9;
	color: #FFFFFF;
	word-wrap: break-word;
}

div.multipleSelector > div.content > div.section > span.notactive, 
div.panel-content > div.multipleSelector > div.content > div.section > span.notactive {
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=30);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.3;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.3;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.3;
}

div.multipleSelector > div.head > div.row.selectBoxOptions > select {
	width: 200px;
	margin: -26px 0 0 190px;
	position: absolute;
	
}


/*
 *	Publication widget
 */
 
html.ie7 div.block.publication > div.content > div.section {
	position: static;
}
 
div.block > div.content > div.section > div.row.startDate {
	width: 355px !important;
	float: left;
}

div.block > div.content > div.section > div.row.endDate {
	width: 260px !important;
	float: left;
	clear: none;
}
 
div.block > div.content > div.section > div.row.endDate > label {
	padding-left: 13px;
	width: 30px;
}

div.block > div.content > div.section > div.row.startDate > span.inputDefault, 
div.block > div.content > div.section > div.row.endDate > span.inputDefault{
	position: absolute;
	margin-top: 4px !important;
	margin-left: 50px !important;
}


div.block > div.content > div.section > div.row.startDate > input[type="text"], 
div.block > div.content > div.section > div.row.endDate > input[type="text"] {
	width: 150px;
	cursor: pointer;
	background: #FFF url('../../img/dropdown-input.png') no-repeat 143px center;
}

body > div#ui-datepicker-div {
	font-family: Arial;
	z-index: 20 !important;
}

ul.sortable-list{
	list-style: none;
}

ul.sortable-list li{
	display: block;
}

html.ie8 ul.sortable-list .invisible > .sortableitem-image, html.ie9 ul.sortable-list .invisible > .sortableitem-image{
/*	margin-top: -20px;*/
}

html.ie7 ul.sortable-list li .sortableitem-image{
/*	margin-top: -11px;*/
}



/* OverviewList widget */

body > #wrapper > .content .block > .content > div.overviewList {
	padding: 0;
}

div.overviewList > div.list-item {
	padding: 15px;
	overflow: hidden;
	cursor: pointer;
	border-top: 1px solid #DFDFDF;
}

div.overviewList > div.list-item:hover {
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(223, 223, 223, 1.0);
    box-shadow: inset 0px 0px 3px 1px rgba(223, 223, 223, 1.0);
}

	div.overviewList > div.list-item:first-child {
		border-top: 0;
	}

	div.overviewList > div.list-item:nth-child(2n+2) {
		background: #f9f9f9;
	}

	div.overviewList > div.list-item:last-of-type {
		border-bottom: 0;
	}

div.overviewList > div.list-item.yellow {
	background-color: #fffcb5;
}

div.overviewList > div.list-item.orange {
	background-color: #ffd187;
}

	div.overviewList > div.list-item:hover span.name {
		color: #0098D9;

	}

div.overviewList > div.list-item > div.functions {
	float: right;
	width: 10%;
	height: 100%;
}

	div.overviewList > div.list-item > div.functions > a.icon-large {
		font-size: 1.3em;
	}
	

	div.overviewList > div.list-item > div.functions > a.delete {
		width: 20px;
		height: 20px;
		display: block;
		cursor: pointer;
		float: right;
		background-image: url("../../img/delete.png");
	}
	
	div.overviewList > div.list-item > div.functions > a.delete:hover {
		
	}
	
	div.overviewList > div.list-item > div.functions > a.lock {
		width: 20px;
		height: 20px;
		display: block;
		cursor: pointer;
		float: right;
		margin-right: 5px;
	}
	
	div.overviewList > div.list-item > div.functions.locked > a.lock {
		width: 20px;
		height: 20px;
		display: block;
		cursor: pointer;
		float: right;
		color: red;
		margin-right: 5px;
	}
	

div.overviewList > div.list-item > div.functions > a.mail {
	width: 20px;
	height: 20px;
	display: block;
	background-image: url("../../img/send.png");
	cursor: pointer;
	clear: both;
	float: right;
}

.widget-contextmenu > .widget-contextmenu-item > span.colorblock {
	float: left;
	display: block;
	width: 20px;
	height: 12px;
	margin-top: 5px;
	margin-right: 8px;
}

div.overviewList > div.list-item > div.row {
	width: 90%;
	float: left;
	clear: none;
}

div.overviewList > div.list-item > div.row > span {
	display: block;
	float: left;
	width: 50%;
}

	div.overviewList > div.list-item > div.row > span.name { 
		font-weight: 600;
	}
	
	div.overviewList > div.list-item > div.row > span.group{ 
		font-style: italic;
	}

div.overviewList > div.list-item > div.row > span.third {
	width: 30%;
}

div.overviewList > div.list-item > div.row > span.full {
	width: 100%;
}

div.overviewList > div.list-item > div.row > span.extra {
	font-style: italic;
	color: #848484;
}

.popup-property-widget-container{
	border: 1px solid #ccc;
	margin: 15px 0;
	clear: both;
}

.popup-property-widget-title{
	font-weight: bold;
	clear: both;
	margin: 5px 0;
	padding: 0 5px;
	text-decoration: underline;
	
}



/**
 * Widget Price
 */

body > div#wrapper > div.content > div.right div.block.widget.price {

}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.section.container {
	-webkit-box-shadow:  0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 2px 1px 0px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	padding: 10px;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add {
	background-color: #E3EDC1;
	border: 1px solid #CEDF93;
	width: 97%;
	margin: -2px 0px 0 5px;
	padding: 10px;
	
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > label{
	float: left;
	display: block;
	width: 100px;
	padding: 4px 6px;
	clear: none;
	
	color: #305B04;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > label.right, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div > label.right{
	text-align: right;
	width: 40px;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > span {
	display: block;
	padding: 4px 6px;
	float: left;
	font-weight: bold;
	color: #305B04;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div > span {
	display: block;
	padding: 4px 6px;
	float: left;
	color: #152A2A;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > input[type="text"].euro, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > input[type="text"].cent, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div > input[type="text"].euro, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div > input[type="text"].cent, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container > div.type_container > input[type="text"].euro, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container > div.type_container > input[type="text"].cent
{
	width: 30px;
	float: left;
	color: #152A2A;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > input[type="text"].euro.add, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > input[type="text"].cent.add
{
	background-color: #E3EDC1;
	border: 1px solid #CEDF93;
	color: #305B04;
	font-style: italic;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > input[type="text"].euro.add:focus,
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > input[type="text"].euro.add.focus,
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > input[type="text"].cent.add:focus,
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > input[type="text"].cent.add.focus {
	background-color: #FFFFFF;
	color: #11282A;
	font-style: normal;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > select.packages, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > select.packages {
	width: 250px;
	float: left;
	
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > select.edit.add {
	margin-top: 10px;
	width: 110px;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > button.submit.add {
	
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > select.packages.add, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > select.edit.add {
	background-color: #E3EDC1;
	border: 1px solid #CEDF93;
	color: #305B04;
	font-style: italic;
	float: left;
	margin-bottom: 0;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > select.packages.add:focus,
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div > select.packages.add.focus, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > select.edit.add:focus, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > select.edit.add.focus {
	background-color: #FFFFFF;
	color: #11282A;
	font-style: normal;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container.add > div.type_container {
	float: left;
	padding-top: 10px;
	padding-left: 2px;
	
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container > div.type_container {
	float: left;
	padding-left: 2px;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container > div.type_container > .euro, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container > div.type_container > .cent, 
body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container > div.type_container > .percentage {
	width: 30px;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container > div.type_container > span {
	display: block;
	padding: 4px 6px;
	float: left;
	color: #152A2A;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > .edit_container > input.delete {
	float: right;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price {
	border-bottom: 1px solid #E5E5E5;
	padding: 5px;
	margin-bottom: 5px; 
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div > label {
	float: left;
	display: block;
	width: 100px;
	padding: 4px 6px;
	clear: none;
	
	
	color: #152A2A;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div > label.type {
	color: #FFFFFF;
	font-weight: bold;
	width: 90px;
	margin-right: 10px;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div > a.edit {
	float: right;
	display: block;
	padding: 4px;
	cursor: pointer;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container {
	padding: 6px 0 0 0;
}

body > div#wrapper > div.content > div.right div.block.widget.price > div.content > div.container > div.price > div.edit_container > select.edit {
	width: 110px;
	float: left;
}