/* JS-Enabled CSS */

/* Colors (these are matched in the javascript code) */
.color-orange {background:#ea6e33;}
.color-blue {background:#6a6caf;}
.color-grey {background:#babcbe;}
.color-orange h3, 
.color-blue h3, 
.color-grey h3 	
{
	color:#FFF;
}
/* End Colors */

/* sub panels, separated by a thick line */
.subPanel { margin-top: 20px; }
.subPanel h3 { margin-bottom: 20px; }
.color-orange .subPanel { border-top: solid 6px #ea6e33; }
.color-blue .subPanel { border-top: solid 6px #6a6caf; }
.color-grey .subPanel { border-top: solid 6px #babcbe; }

/* Columns section */
#columns .column {
	float: left;
    width: 50%;
	min-height: 400px;
	height: auto !important; 
	height: 400px;
}

/* Columns section */
#columns .column_fullwidth {
    float: left;
    width: 100%;
	/* Min-height: */
	min-height: 400px;
	height: auto !important; 
	height: 400px;
}

/* Columns section */
#columns .column_fullwidth {
    float: left;
    width: 100%;
	/* Min-height: */
	min-height: 400px;
	height: auto !important; 
	height: 400px;
}

#columns > ul 
{
	margin:0; 
	padding:0; 
	list-style:none; 
	border:none;
}

#columns > ul li
{
	list-style-type: none;
}

/* Column dividers (background-images) : 
#columns #column1 { background: url(img/column-bg-left.png) no-repeat right top; }
#columns #column3 { background: url(img/column-bg-right.png) no-repeat left top; }
*/
#columns #column1 .widget { margin: 10px 10px 20px 0px; }
#columns #column2 .widget { margin: 10px 10px 20px 10px; }
#columns #column3 .widget { margin: 30px 25px 0 35px; }

	
/*MM #columns #column1 .widget { margin: 30px 35px 0 25px; }
*/
#columns .widget {
    /*margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    margin: 30px 20px 0 0;
    padding: 1px;
    padding-bottom: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#columns .widget .widget-head {
    /*color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;*/
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
    font-weight: bold;
    font-size: 90%;
    margin:0;
    /*MM .widget-head h3
    font-size: 90%;
	font-weight: bold;
	color: White;
	margin:0; */
}

/*MM .widget-head h3 em */
#columns .widget .widget-head h3 em {
	font-weight: normal;
	font-style: normal;
}

#columns .widget .widget-content {
    background-color: white;
    background-color: #707070;
    padding: 10px 5px 5px 5px;
	margin: 0 5px 5px 5px;
    color: white !important;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    line-height: 1.2em;
    overflow: hidden;
}

/* End Columns section */

.widget-head a.remove  {
    float: right;
    display: inline;
    background: url(/images/default/panelbuttons.png) no-repeat -24px 0;
    width: 14px !important;
    height: 14px;
    margin: 8px 4px 8px 0; /*margin: 8px 4px 8px 0;*/
    text-indent: -9999em;
    outline: none;
    overflow: hidden !important;
}

.widget-head a.edit  {
    float:right;
    display: inline;
    background: url(/images/default/panelbuttons.png) no-repeat;
    width: 24px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 4px 8px 4px; /*margin: 8px 4px 8px 4px;*/
    outline: none;
}

.widget-head a.collapse  {
    float: left;
    display: inline;
    background: url(/images/default/panelbuttons.png) no-repeat -52px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 3px 8px 4px; /*margin: 8px 0 8px 4px;*/
    outline: none;
}

.collapsed .widget-head a.collapse {background-position:-38px 0;}
.collapsed .widget-content {display:none !important;}

.widget-placeholder 
{ 
	height: 10em;
	border: 2px dashed #999;
}

#column1 .widget-placeholder { margin: 10px 10px 20px 0px;  }
#column2 .widget-placeholder { margin: 10px 10px 20px 10px;  }
#column3 .widget-placeholder { margin: 30px 25px 0 35px; }

.edit-box {
    overflow: hidden;
    background-color: #858785;
    margin: 5px;
    padding: 10px;
}

.edit-box li.item {
    padding: 10px 0;
    overflow: hidden;
    float: left;
    width: 100%;
    clear: both;
}

.edit-box label {
    float: left;
    width: 30%;
    color: #FFF;
    padding: 0 0 0 10px;
}

.edit-box ul.colors li {
    width: 20px;
    height: 20px;
    border: 1px solid #EEE;
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    cursor: pointer;
}