#pageDD H1{ font-size:17px; font-weight:bold; color:#154d7d; margin:0 0 8px 0; padding:0 0 4px; border-bottom: 1px solid #ABABAB; }
.groupDD { padding:0px; margin:6px; white-space:nowrap; }
.icon { float:left; position:relative; margin:0px 10px 10px 0px; }
#secondary_menu .icon { float:left; position:relative; margin:0px 6px 6px 0px; }
.icon #edit{ position:absolute;top:46px;right:-7px; }
.icon #editMini{ position:absolute;top:36px;right:-7px; }
.icon #delete{ position:absolute;top:-5px;left:-5px; }
.icon A:hover{ text-decoration:none; }
.handle { }
#pageDD { }

#pageEditor H6{ color:#999; padding:4px; margin:0px 0px 8px 0px; border-bottom: 1px solid #BBB; font-size:12px; }
#pageEditor{ }
.pageColumn { padding:0 0 10px 0; margin-bottom:6px; margin:0px; }

.component { position:relative; font-size:12px; border:0px solid #EEE; background:#444 url(../img/draggable.gif) no-repeat left top; margin:10px; padding:4px 8px 4px 0px; display:block;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #444; padding:1px 2px; }
.component #edit{ position:absolute;right:10px;top:0px; }
.component #delete{ position:absolute;top:-5px;left:-5px; }
.handleComp { cursor: move; }
.component #componentTable{ border-collapse:collapse; table-layout:fixed; }
.component #componentTitle{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:11px; line-height:15px; }

#mobileEditor .ui-widget-content, #mobileEditor .ui-widget-header{ border:none; }
#mobileEditor .ui-tabs{ padding:0; }
#mobileEditor .ui-tabs .ui-tabs-nav{ border-radius: 0; }
#tabMobilePreview{ padding:95px 33px 94px 34px; background-image:url(../img/mobile_l.png); margin-top:4px; position:absolute; top:36px; right:0; }
#mobilePreview{ background-color:black; }
.component #componentTitle A{ color:white; }
.component #componentTitle A:hover{ color:#AAA; }
.component UL LI, .component OL LI{ list-style-position:outside; margin-left:16px; }

.boxIcon{ white-space:normal; line-height:12px; width:60px; height:61px; color:#fff; font-size:10px; text-align:center; padding:0 2px 3px 2px; display:table-cell; vertical-align:middle; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.boxIcon P{ padding:0; width:60px; max-height:60px; overflow:hidden; }
.boxIconS{ white-space:normal; line-height:12px; width:50px; height:50px; color:#fff; font-size:9px; text-align:center; padding:0 2px 4px 2px; display:table-cell; vertical-align:middle; overflow:hidden; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.boxIconS P{ padding:0; width:50px; max-height:50px; overflow:hidden; }

/* get styles back from editor */
#componentTable{ font-family:Arial; }
#componentTable H1{ color:#222; font-family:Arial; padding:0; margin:0 0 4px 0; font-weight:bold; font-size:15px; float:none; line-height:2em; border:none; text-shadow:none; box-shadow:none; }
#componentTable H2{ background-color:transparent; color:#222; font-family:Arial; padding:0; margin:0 0 4px 0; font-weight:bold; font-size:14px; float:none; line-height:2em; border:none; text-shadow:none; box-shadow:none; }
#componentTable H3{ color:#222; font-family:Arial; padding:0; margin:0 0 4px 0; font-weight:bold; font-size:13px; float:none; line-height:2em; border:none; text-shadow:none; box-shadow:none; }
#componentTable H4{ color:#222; font-family:Arial; padding:0; margin:0 0 4px 0; font-weight:bold; font-size:12px; float:none; line-height:2em; border:none; text-shadow:none; box-shadow:none; }
#componentTable H5{ color:#222; font-family:Arial; padding:0; margin:0 0 4px 0; font-weight:bold; font-size:11px; float:none; line-height:2em; border:none; text-shadow:none; box-shadow:none; }
#componentTable H6{ color:#222; font-family:Arial; padding:0; margin:0 0 4px 0; font-weight:bold; font-size:10px; float:none; line-height:2em; border:none; text-shadow:none; box-shadow:none; }

#componentTable TR{ background-color:transparent; }

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
