label.clearfix { width: 100%; clear: both; overflow: hidden; }
label.DataFormOption { display: block; }
label.DataFormOption span.DataFormQuestion { display: block; float: left; width: 40%; }
label.DataFormOption input { display: block; float: left; width: 45%; }

.ClientAreaContainer { float: left; }

.editarea_notification { overflow: hidden; }

/* Panel Alpha */
.element-panel-alpha-outer { clear: both; background: url("/EasySiteWeb/EasySite/StyleData/Worklife_Support_HP/Images/hp-panel-alpha-bkgr.gif") no-repeat left top; padding: 0; margin-bottom: 10px; width: 205px !important; height: 196px; }
.element-panel-alpha-inner { overflow: hidden; width: 100%; background: transparent; padding-top: 10px; }

.element-panel-alpha-icon-outer {  }
.element-panel-alpha-icon-inner {  }

.element-panel-alpha-header-outer { background: transparent; }
.element-panel-alpha-header-inner { background: transparent; padding: 0px 5px 0 5px; }
div.element-panel-alpha-header-inner h2 { color: #fff; background-color: transparent; font-size: 1.5em; }

div.element-panel-alpha-body-outer { background: transparent; }
div.element-panel-alpha-body-inner { width: 100%; overflow: hidden; background: transparent; padding-bottom: 10px; }

div.element-panel-alpha-body-content-outer { padding: 0 10px 0px 10px; }
div.element-panel-alpha-body-content-inner { overflow: hidden; width: 100%; color: #fff; }

.element-panel-alpha-inner ul { padding-left: 0em; margin-left: 0em; }
.element-panel-alpha-inner ul li { list-style-type: none; background: transparent url("/EasySiteWeb/EasySite/StyleData/Worklife_Support_HP/Images/bullet-green.gif") no-repeat left top; padding-left: 25px; padding-bottom: 10px; margin-bottom: 10px; }

/* Panel Beta */
.element-panel-beta-outer { clear: both; background: url("/EasySiteWeb/EasySite/StyleData/Worklife_Support_HP/Images/hp-panel-beta-bkgr.gif") no-repeat left top; padding: 0; margin-bottom: 10px; width: 205px !important; height: 412px; }
.element-panel-beta-inner { overflow: hidden; width: 100%; background: transparent; padding-top: 10px; }

.element-panel-beta-icon-outer {  }
.element-panel-beta-icon-inner {  }

.element-panel-beta-header-outer { background: transparent; }
.element-panel-beta-header-inner { background: transparent; padding: 0px 5px 0 5px; }
div.element-panel-beta-header-inner h2 { color: #fff; background-color: transparent; font-size: 1.5em; }

div.element-panel-beta-body-outer { background: transparent; }
div.element-panel-beta-body-inner { width: 100%; overflow: hidden; background: transparent; padding-bottom: 10px; }

div.element-panel-beta-body-content-outer { padding: 0 10px 0px 10px; }
div.element-panel-beta-body-content-inner { overflow: hidden; width: 100%; color: #fff; }

.element-panel-beta-inner ul { padding-left: 0em; margin-left: 0em; }
.element-panel-beta-inner ul li { list-style-type: none; background: transparent url("/EasySiteWeb/EasySite/StyleData/Worklife_Support_HP/Images/bullet-pink.gif") no-repeat left top; padding-left: 25px; padding-bottom: 10px; margin-bottom: 10px; }

/* Panel gamma */
.element-panel-gamma-outer { clear: both; background: url("/EasySiteWeb/EasySite/StyleData/Worklife_Support_HP/Images/hp-panel-gamma-bkgr.gif") no-repeat left top; padding: 0; margin-bottom: 10px; width: 416px !important; height: 200px; }
.element-panel-gamma-inner { overflow: hidden; width: 100%; background: transparent; padding-top: 10px; }

.element-panel-gamma-icon-outer {  }
.element-panel-gamma-icon-inner {  }

.element-panel-gamma-header-outer { background: transparent; }
.element-panel-gamma-header-inner { background: transparent; padding: 0px 5px 0 5px; }
div.element-panel-gamma-header-inner h2 { color: #fff; background-color: transparent; font-size: 1.5em; }

div.element-panel-gamma-body-outer { background: transparent; width: 200px; }
div.element-panel-gamma-body-inner { width: 100%; overflow: hidden; background: transparent; padding-bottom: 10px; }

div.element-panel-gamma-body-content-outer { padding: 0 10px 0px 10px; }
div.element-panel-gamma-body-content-inner { overflow: hidden; width: 100%; color: #fff; }

.element-panel-gamma-inner ul { padding-left: 0em; margin-left: 0em; }
.element-panel-gamma-inner ul li { list-style-type: none; background: transparent url("/EasySiteWeb/EasySite/StyleData/Worklife_Support_HP/Images/bullet-blue.gif") no-repeat left top; padding-left: 25px; padding-bottom: 10px; margin-bottom: 10px; }

/* Panel eta */
.page-element-outer.panel-eta { position: relative; clear: both; background: url("/EasySiteWeb/EasySite/StyleData/Worklife_Support_HP/Images/hp-panel-eta-bkgr.gif") no-repeat left top; padding: 0; margin-bottom: 10px; width: 190px !important; height: 195px; }
.panel-eta .page-element-inner { overflow: hidden; width: 100%; background: transparent; padding-top: 10px; }

.panel-eta .panel-icon-outer { position: absolute; bottom: 0px; right: 0px; }
.panel-eta .panel-icon-inner { position: relative; }

.panel-eta .panel-header-outer { background: transparent; }
.panel-eta .panel-header-inner { background: transparent; padding: 0px 10px 0 10px; }
.panel-eta h2.panel-header { color: #fff; background-color: transparent; font-size: 1.5em; }

.panel-eta .panel-body-outer { background: transparent; }
.panel-eta .panel-body-inner { width: 100%; overflow: hidden; background: transparent; padding-bottom: 10px; color: #fff; }

.panel-eta .panel-content-outer { padding: 0px 60px 2px 10px !important; }
.panel-eta .panel-content-inner { overflow: hidden; width: 100%; }

.panel-eta ul { padding-left: 0em; margin-left: 0em; }
.panel-eta ul li { list-style-type: none; background: transparent url("/EasySiteWeb/EasySite/StyleData/Worklife_Support_HP/Images/bullet-purple.gif") no-repeat left top; padding-left: 25px; padding-bottom: 10px; margin-bottom: 10px; }

