/* Common Components styles */
/*!******************************************************************************
 * Component list
 */
.normal-830-grid .component-module {
}

.normal-830-grid .component-module,
.normal-830-grid .component-module ul,
.normal-830-grid .component-module li {
    z-index: 5;
    position: relative;
    zoom: 1;

}
.content ul.component-list {
	list-style:					none;
	margin-top:					12px;
}
.content ul.component-list li {
	margin:						none;
	padding:					none;
    /*margin-top: 1em;*/
}



.component-module .content {
    padding: 0;
}

.component-module .content h3, .component-module .content .sub {
    position: absolute;
    left: -9999em;
	line-height: 5px;
}

.component-module .cl-section {
    position: relative;
    z-index: 20;
    margin-bottom: 10px;
    background-color: #efefef;
    font-size: 1em;
    zoom: 1;
}

.component-module .cl-section-selected {
    background: #ededed url(/images/components/component_back.png) repeat-x bottom left;
   /* border: solid 1px #cfcfcf;*/
    font-size: 1em;
}

.cl-section h4 {
	padding:					3px 5px 4px 10px;
	font-size:					1.4em;
    font-weight: 				normal;
}

.cl-section .cl-section-content-container {
    position: relative;
}

.cl-section .cl-section-toggle {
    display: block;
    position: absolute;
    top: -22px;
    right: 6px;
    width: 17px;
    height: 17px;
	background:					transparent url(/images/components/arrow_off.png) no-repeat center center;
	cursor:						pointer;
}

.cl-section-selected .cl-section-toggle {
	background-image:			url(/images/components/arrow_on.png);
}

.cl-section .cl-section-content {
    display: none;
    position: relative;
    margin: 0 0 0 auto;
    padding: 10px;
    font-size: .9em;
}

.cl-section .cl-section-content:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.cl-section .cl-section-content .load-meta {
	display: 					none;
}
.cl-section .load-meta-loading {
	display:					block;
	min-height:					50px;
	background:					transparent url(/images/ajax-loader.gif) no-repeat 50% 50%;
}

	.component-module .loaded .load-meta-loading {
	background:					transparent url('') no-repeat 0 0;
	display:block;
	min-height:					0px;
}

.cl-section .cl-section-content .load-meta {
	display:					none;
	position:					absolute;
	left:						-9999em;
}

.cl-section .min-height{
	min-height:100px;
}

.upgrade-inputs{
	float:right;
	width:60% !important;
	padding-top:0.2em;
}

.upgrade-labels{
	float:left;
	width:40% !important;
	padding-top:0.7em;
}


.form-row {
	clear: both;
	margin: 1em 0;
}

/*!******************************************************************************
 * Print styles for Component list display
 */
@media print {
	.component-module {
		display:					none;
	}
}

/* Individual component styles */
		.components-default ul.component-list li span.tl{
			background:url(/catalogue/assets/components/component_corners/corner_light_grey_tl_png8.png) #FFFFFF no-repeat;
			width:10px;
			height:10px;
			float:left;
			position:absolute;
			top:0;
			left:0;
			z-index:10;
			display:block;
		}
		.components-default ul.component-list li span.tr{
			background:url(/catalogue/assets/components/component_corners/corner_light_grey_tr_png8.png) #FFFFFF no-repeat;
			width:10px;
			height:10px;
			float:right;
			position:absolute;
			top:0;
			right:0;
			z-index:10;
			display:block;
		}
		.components-default ul.component-list li span.br{
			background:url(/catalogue/assets/components/component_corners/corner_br.gif) #FFFFFF no-repeat;
			width:10px;
			height:10px;
			float:right;
			position:absolute;
			bottom:0;
			right:0;
			z-index:10;
			display:block;
		}
		.components-default ul.component-list li span.bl{
			background:url(/catalogue/assets/components/component_corners/corner_bl.gif) #FFFFFF no-repeat;
			width:10px;
			height:10px;
			float:left;
			position:absolute;
			bottom:0;
			left:0;
			z-index:10;
			display:block;
		}
		
		.components-default ul.component-list li div.cl-section-selected span.br{
			background:url(/catalogue/assets/components/component_corners/corner_dark_br.gif) #FFFFFF no-repeat;
		}
		.components-default ul.component-list li div.cl-section-selected span.bl{
			background:url(/catalogue/assets/components/component_corners/corner_dark_bl.gif) #FFFFFF no-repeat;
		}
		
		/* Component List section form label */
.cl-section-content .fixedwidth-label-left {
	display: block;
	width: 120px;
	float:left;
}