@media screen, all 
{
/* app:buildportal */
.oPortal { }

/* header + setup */
.oPortal h1 { }
.oPortalUIHeader { }
.oPortalUIHeader .header-inner {}
.oPortalUIHeader .setup-outer, .oPortalUIOptions {}
.oPortalUIHeader .setup-inner { }

/* toggle options */
.oPortalUIOptions .manage-apps { border: 1px solid #000; font-size: 0.94em; background: #6a6a6a url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_setup.gif") repeat-x bottom left; padding: 4px 8px; }
.oPortalUIOptions ul, .oPortalUIOptions ul li { list-style-type: none; padding: 0; margin: 0; }
.manage-apps ul li { float: left; display: block; width: auto; margin-right: 10px; background: #eeeeee url("/EasySiteWeb/EasySite/StyleData/Default/Images/button_bg.gif") repeat-x; border: 1px solid #ccc; }

.oPortalUIOptions ul li a:link, .oPortalUIOptions ul li a:visited { display: block; color: #666; padding: 2px 8px 3px 24px; text-decoration: none; }
.oPortalUIOptions ul li a:hover, .oPortalUIOptions ul li a:active { display: block; color: #000; text-decoration: none; }

.oPortalUIOptions ul li a#configurePortal:link, .oPortalUIOptions ul li a#configurePortal:visited { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/ico_add_mo.gif") no-repeat 3px 1px; }
.oPortalUIOptions ul li a#configurePortal:hover, .oPortalUIOptions ul li a#configurePortal:active {	}

.oPortalUIOptions ul li a#resetPortal:link, .oPortalUIOptions ul li a#resetPortal:visited { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/ico_reset_mo.gif") no-repeat 3px 1px; }
.oPortalUIOptions ul li a#resetPortal:hover, .oPortalUIOptions ul li a#resetPortal:active { }

/* apps manager (options) */
.oPortalUIBody { display: none; border: 1px solid #969696; border-top: 0; background: #f2f2f2 url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_apps.gif") repeat-x bottom; padding: 8px; color: #000; }
.portlet-form fieldset { border: 1px solid #ccc; margin-bottom: 10px; }

.portlet-form fieldset legend { padding-left: 10px; padding-right: 10px; color: #000; }
.oPortalUIBody .buttons button, .oPortalUIBody .button { margin: 0 0 0 10px; font-size: 1em; }

.oPortalUIBody ul li { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_app_hover.gif") no-repeat; margin-right: 8px; margin-bottom: 2px; width: auto; padding: 1px 5px 0 3px; color: #666; }
/*position: relative;*/

.oPortalUIBody ul li.enabled { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_app_on.gif") no-repeat; color: #fff; }
.oPortalUIBody ul li:hover { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_app_on.gif") no-repeat; color: #fff; }
.oPortalUIBody ul li.enabled:hover { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_app_off.gif") no-repeat; color: #000; }
.oPortalUIBody ul li { display: block; width: 192px; height: 25px; float: left; }
.oPortalUIBody ul li label { cursor: pointer; overflow: hidden; }
.oPortalUIBody ul li span.label-text { display: block; padding-top: 1px; }

/* apps manager (subscribe) */
.oPortalUIBody fieldset.subscribe { }
.oPortalUIBody .form-fields .question label { background: 0; }

/* portal body */
.portal-body-outer { padding: 5px 5px 0 5px; background: #777; }
.portal-body-inner {}

/* dropzones */
.drop-zone-outer { min-height: 800px; }
.drop-zone-inner { margin: 5px; }
.oDragProxy { border: 2px dashed blue !important; } /* ? */
.oDropProxy { border: 2px dashed purple !important; min-height: 2em; }
.oDragOver { }

/* portlet */
.portlet-outer { clear: both; margin-bottom: 10px; }
.portlet-alpha {}
.portlet-inner {}
.portlet-body { background: #fff; }
.portlet-header { margin: 0; padding: 0; background: url('/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_plet_hd_tr.gif') no-repeat top right; padding-right: 5px; border-bottom: 1px solid #fff; display: block !important; display: inline-block; }
.portlet-header .header-inner { width: auto; min-height: 23px; padding-left: 5px; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_plet_hd_tl.gif") no-repeat top left; display: block !important; display: inline-block; }

.oPortletUIBody { display: none; background: #888; color: #fff; border: 1px solid #ececec; border-top: #888; margin: 0; }

/* portlet header : options */
.portlet-header ul, .portlet-header ul li { list-style-type: none; margin: 0; padding: 0; }
.portlet-header ul li { display: block; float: left; overflow: hidden; position: relative; padding: 0; }
.portlet-header ul li button { border: 0; background: 0; }

/* portlet header : open / close */
.portlet-header ul.options li.expander { top: 6px; left: 0; width: 18px; height: 15px; }
.portlet-header ul.options li.expander .oPortletButton { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/portlet_opened.gif") no-repeat top left; }
.portlet-header ul.options li.expander .oPortletButtonClosed { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/portlet_closed.gif") no-repeat top left; }
.portlet-header ul.options li.expander span { visibility: hidden; } 

/* portlet header : title */
.portlet-header ul.options li.header { top: 3px; left: 0; cursor: move; width: 66%; padding-bottom: 4px; }
.portlet-header ul.options li.header .oPortletHandle { font-size: 1.2em; margin: 0; padding: 0; line-height: 1.2em; display: block; }
.portlet-header ul.options li.header a { text-decoration: none; }

/* portlet header : edit */
.portlet-header ul.options li.edit { float: right; top: 2px; right: 0; width: 32px; }
.portlet-header ul.options li.edit button { padding: 0; margin: 0; background: 0; }
.portlet-header ul.options li.edit button span { background: 0; padding: 1px 2px; margin: 0; display: block; border: 1px solid #ccc; font-size: 0.85em; }
.portlet-header ul.options li.edit button span:hover { background: #e5e5e5; }

/* portlet header : remove */
.portlet-header ul.options li.remove { float: right; top: 7px; width: 8px; height: 12px; overflow: hidden; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/portlet_remove.gif") no-repeat 2px 0;  }
.portlet-header ul.options li.remove button span, .oPortlet ul.options li.remove button { padding: 0; background: 0; display: block; }
.portlet-header ul.options li.remove button span { padding-left: 10px; }
 
/* portlet header : feed */
.oPortlet ul.options li.feed { float: right; top: 4px; right: 3px; }

/* portlet : setup */
.form-portlet-setup, .oPortletUIBody { padding: 5px; color: #fff; font-size: 0.9em; }

/* portlet : setup : themes / portlet tabs */
.form-portlet-setup fieldset.portlet-preferences, .form-portlet-setup fieldset.portlet-tab-options, .form-portlet-setup fieldset.themes { border: 0; clear: both; }
.form-portlet-setup fieldset.portlet-preferences legend, .form-portlet-setup fieldset.portlet-tab-options legend, .form-portlet-setup fieldset.themes legend { display: none; }
.form-portlet-setup fieldset.portlet-tab-options .form-fields, .form-portlet-setup fieldset.themes .form-fields { padding: 0; }
fieldset.themes .theme-checkbox { float: left; margin: 0 5px 5px 0; padding: 1px 3px; border: 1px solid #ccc; background: #b3b3b3; }
fieldset.themes .theme-checkbox label { display: inline; float: none; }
fieldset.themes .theme-alpha { background: #21bf2c; border: 1px solid #16801d; }
fieldset.themes .theme-beta { background: #bf1b78; }
fieldset.themes .theme-gamma { background: #4c1ebf; }
fieldset.themes .theme-checkbox input[type=radio] { display: none; }
.form-portlet-setup fieldset ul, .form-portlet-setup fieldset ul li { list-style-type: none; padding: 0; margin: 0; display: block; }

/* portlet : setup : portlet tabs */
.form-portlet-setup fieldset.portlet-preferences, .form-portlet-setup fieldset.portlet-tab-options { margin-top: 5px; }
.form-portlet-setup fieldset.portlet-tab-options li { margin-bottom: 2px; float: left; width: 100%; clear: both; overflow: hidden; }
.form-portlet-setup fieldset.portlet-tab-options li.enabled:hover label, .form-portlet-setup fieldset.portlet-tab-options li.disabled label { background: #737373; }
.form-portlet-setup fieldset.portlet-tab-options li.disabled:hover label, .form-portlet-setup fieldset.portlet-tab-options li.enabled label { background: #595959; }
.form-portlet-setup fieldset.portlet-tab-options li span {  }

.form-portlet-setup fieldset.portlet-tab-options li label { display: block; width: 100%; overflow: hidden; }
.form-portlet-setup fieldset.portlet-tab-options li label input[type=checkbox] { }
.form-portlet-setup fieldset.portlet-tab-options li label .label-text { display: block; padding-top: 3px; }

/* portlet : setup : configuration */
.form-portlet-setup fieldset.portlet-preferences { border: 1px solid #4d4d4d; background: #737373; }
.form-portlet-setup fieldset.portlet-preferences .form-fields { padding-bottom: 4px; }
.form-portlet-setup fieldset.portlet-preferences label, .form-portlet-setup fieldset.portlet-preferences label.label { background: 0; text-align: left; padding: 2px; }
.form-portlet-setup .buttons { margin-top: 6px; }
.form-portlet-setup .buttons button { border: 1px solid #4d4d4d; background: #737373; padding: 1px 2px 1px 2px; color: #fff; margin: 0 0 0 6px; float: right; }
.form-portlet-setup .buttons button:hover, .form-portlet-setup .buttons button:active { background: #dfdfde; color: #000; }

/* portlet : body */
.portlet-tab-body, .portlet-body-outer { padding: 8px; }

.oPortletTab { background: #fff; }

/* portlet_tab : header */
.portlet-tab-header { margin: 0; padding: 4px 0 0 3px; background: #ececec; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; clear: both; }
.portlet-tab-header .header-inner { padding: 0; background: 0; width: 100%; overflow: hidden; min-height: 14px; height: auto !important; height: 14px; }
.portlet-tab-header ul, .portlet-tab-header ul li { list-style-type: none; margin: 0; padding: 0; display: block; }

/* */
.portlet-tab-header ul li { float: left; display: block; overflow: hidden; }
.portlet-tab-header ul li button { border: 0; background: 0; }

/* portlet_tab : open / close */
.portlet-tab-header ul.options li.expander { width: 12px; height: 10px; }
.portlet-tab-header ul.options li.expander .oPortletButton { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/act_hide_ptab.gif") no-repeat 2px 0; }
.portlet-tab-header ul.options li.expander .oPortletButtonClosed { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/act_show_ptab.gif") no-repeat 2px 0; }
.portlet-tab-header ul.options li.expander span { visibility: hidden; } 

/* portlet_tab header : title */
.portlet-tab-header ul.options li.header { cursor: move; padding: 0 0 0 5px; width: 82%; }
.portlet-tab-header ul.options li.header div.oPortletTabHandle { font-size: 0.9em; text-transform: uppercase; margin: 0; padding: 0; line-height: 0.9em; display: block; }

/* portlet_tab header : remove */
.portlet-tab-header ul.options li.remove { float: right; top: 3px; width: 11px; height: 8px; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/portlet_remove.gif") no-repeat top left;  }
.portlet-tab-header ul.options li.remove button span, .oPortlet ul.options li.remove button { padding: 0; background: 0; display: block; }
.portlet-tab-header ul.options li.remove button span { visibility: hidden; }

/* cursors */
.oPortletUIBody fieldset.portlet-tab-options li, fieldset.themes .theme-checkbox, ul.options li.expander button, ul.options li.edit button, .oPortlet ul.options li.remove button  { cursor: pointer; }
.oPortlet div.oPortletHandle { cursor: move; }

/* forms:tweaks */
.oPortalUIBody .form-fields { padding: 10px; }

/* adjustments for contained elements */

/* colour notes */
/*
app_button_hover light purple : f2e1fa
app_button_hover dark purple : e9c8fa

app_button_selected light purple : dda2fa
app_button_selected dark purple : cc70fa

*/

/* testing variable widths 
.drop-zone-outer.oAlpha { width: 60% !important; }
*/

}