.portletConfig {}
.portletConfig .allComponentContainer {
	position:relative;
}

.portletConfig .compUpdateOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background: rgba(255,255,255,.7);
	width: 100%;
	height: 100%;
}

.portletConfig .compUpdateOverlay .updateBtn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -10px;
}
.portletConfig .fieldColumn {
	width:90%;
}
.portletConfig .subSection {
	background-color: #efefef;
}
.portletConfig .comp {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background: rgb(249,249,249);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(249,249,249,1) 5%, rgba(233,233,233,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(249,249,249,1)), color-stop(100%,rgba(233,233,233,1)));
	background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 5%,rgba(233,233,233,1) 100%);
	background: -o-linear-gradient(top,  rgba(249,249,249,1) 5%,rgba(233,233,233,1) 100%);
	background: -ms-linear-gradient(top,  rgba(249,249,249,1) 5%,rgba(233,233,233,1) 100%);
	background: linear-gradient(to bottom,  rgba(249,249,249,1) 5%,rgba(233,233,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0 );
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	color:#666666;
	font-size:11px;
	padding:10px 24px 10px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin:2px;
}
.portletConfig .comp:hover {
	background: rgb(233,233,233);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(233,233,233,1) 5%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(233,233,233,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 5%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(233,233,233,1) 5%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(233,233,233,1) 5%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(233,233,233,1) 5%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0 );
}
.portletConfig .comp:active {
	position:relative;
	top:1px;
}
.portletConfig .box {
	background-color: #ddd;
	border: 2px dashed #aaa;
	margin: 2px;
	overflow: hidden;
	min-height:46px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.portletConfig .compContainer {
	overflow: auto;
	max-height:222px;
	min-height:46px;
	width:440px;
	float:left;
	border:1px solid #676767;
}

.portletConfig .itemHeader {
	background:none;
	min-height:0px;
}
.portletConfig .itemDetailLayout1 .imageBox {
	width: 30%;
	overflow: hidden;
	float: left;
	margin:0px;
	border:none;
	background-color:transparent;
}
.portletConfig .itemDetailLayout1 .infoBox {
	width: 40%;
	overflow: hidden;
	float: left;
}
.portletConfig .itemDetailLayout1 .socialBox {
	width: 30%;
	overflow: hidden;
	float: left;
	margin:0px;
}
.portletConfig .itemDetailLayout1 .itemTabSection {
	border:none;
}
.portletConfig .itemDetailLayout1 .itemFooter {
	padding:0px;
}
.portletConfig .itemDetailLayout2 .itemDetailContainer {
	overflow:hidden;
	min-height:0px;
}
.portletConfig .itemDetailLayout2 .itemDetailLeft {
	overflow:hidden;
	width:50%;
	float:left;
}
.portletConfig .itemDetailLayout2 .itemDetailRight {
	overflow:hidden;
	width:50%;
	float:left;
}
.portletConfig .itemDetailLayout2 .itemFooter {
	width:100%;
	overflow:hidden;
	float:none;
	clear:both;
	padding:0px;
}



.portletConfig .itemDetailLayout4 .itemDetailContainer {
	float:left;
	width:66.66666%;
	overflow:hidden;
}
.portletConfig .itemDetailLayout4 .itemDetailLeft {
	float:left;
	width:50%;
	overflow:hidden;
}
.portletConfig .itemDetailLayout4 .itemDetailRight {
	float:left;
	width:50%;
	overflow:hidden;
}
.portletConfig .itemDetailLayout4 .rightColumn {
	float:left;
	width:33.33333%;
	overflow:hidden;
}

.portletConfig .itemDetailLayout5 .itemDetailContainer {
	float:left;
	width:66.66666%;
	overflow:hidden;
}
.portletConfig .itemDetailLayout5 .itemDetailLeft {
	float:left;
	width:50%;
	overflow:hidden;
}
.portletConfig .itemDetailLayout5 .itemDetailRight {
	float:left;
	width:50%;
	overflow:hidden;
}
.portletConfig .itemDetailLayout5 .rightColumn {
	float:left;
	width:33.33333%;
	overflow:hidden;
}
