body { font:normal 12px Arial, Helvetica ,sans-serif; margin:0; padding:0; border:0 none; overflow:hidden; height:100%; }

/* Portlets */
.x-portal .x-panel-dd-spacer { margin-bottom:10px; }
.x-panel-body p { margin:5px; }
.x-portlet { margin-left:20px; margin-bottom:10px; border:solid 1px white; }
.x-portlet-selected { margin-bottom:10px; border:solid 1px #858A93; background-color:#F9F9F9;}
.x-portlet-body-selected {background-color:#F9F9F9 !important;}
.x-portlet-mouse-over{ margin-bottom:10px; border:dotted 1px #AFB6C2; cursor:pointer; }
.x-portlet .x-panel-ml { padding-left:0px; }
.x-portlet .x-panel-mr { padding-right:0px; }
.x-portlet .x-panel-bl { padding-left:0px; }
.x-portlet .x-panel-br { padding-right:0px; }
.x-portlet .x-panel-body { background:white; }
.x-portlet .x-panel-mc { padding-top:0px; }
.x-portlet .x-panel-bc .x-panel-footer { padding-bottom:2px; }
.x-portlet .x-panel-nofooter .x-panel-bc { height:2px; }

/* preview on DD border */
.x-panel-dd-spacer{ margin-left: 20px; border:1px dashed #B6B6B6; width:80% !important;}

/* Page Footer */
.page-footer { margin-bottom:10px; margin-top:10px; padding-top:5px; padding-bottom:5px; border-top:dotted 1px black; }
.page-footer-save-btn { margin:5 5 5 10; float:left; }

/* Category properties */
.catprops-fieldset-btn { padding:5px !important; margin-bottom:15px; }
.catprops-save-btn { margin:5 5 5 5; }
.catprops-pref-btn { margin:5 5 5 5; }
.catprops-close-btn { margin:5 5 5 5; }
.catprops-addcat-btn {  }
.catprops-addlink-btn {  }
.catprops-homepage-btn {  }
.checkbox-cat-prop { margin-left:10px; margin-top:5px; }

/* make home panel */
.makehome-panel{ padding-left:10px; padding-top:10px; }

/* Category classes */
.category-holder { border:solid 3px white; }
.category-name {  }
.category-hr {  }

/* Link classes */
.link {  }


/* New Link Button */
.addnewcat-button { margin-left:45px; }

/* Category Properties Buttons */
.hb-catprops-btn-up{ width: 16px; height: 16px; background: url(../images/up.gif); background-repeat: no-repeat; }
.hb-catprops-btn-down{ width: 16px; height: 16px; background: url(../images/down.gif); background-repeat: no-repeat; }
.hb-catprops-btn-remove{ width: 16px; height: 16px; background: url(../images/remove.gif); background-repeat: no-repeat; }


/* Page Header */
.page-header { margin-top:20px; }

/* Portlet Ctrl Bar */
.catbar-item { float:right; padding-top:3px; padding-right:3px; }
.x-portlet-action-icon-set{ width:16px; height:16px; background: url(../images/mouse_over_out_actions.gif); background-repeat: no-repeat; }
.x-portlet-action-delete{ background-position : 0 0; }
.x-portlet-action-duplicate{ background-position : 0 -16; }
.x-portlet-action-edit{ background-position : 0 -32; }

/* portlet classes */
.x-panel-bc{background:transparent url(../images/s.gif) repeat-x 0 bottom;zoom:1;}
.x-panel-br{background:transparent url(../images/s.gif) no-repeat right bottom;padding-right:6px;zoom:1;}
.x-panel-bl{background:transparent url(../images/s.gif) no-repeat 0 bottom;padding-left:6px;zoom:1;}
.x-panel-tl{padding-left:6px;zoom:1;border-bottom:0px solid #858A93;}
.x-panel-ml{background:#fff url(../images/s.gif) repeat-y 0 0;padding-left:6px;zoom:1;}
.x-panel-mr{background:transparent url(../images/s.gif) repeat-y right 0;padding-right:6px;zoom:1;}

/*drag preview*/
.x-panel-ghost{background:#E2E2E2;z-index:12000;overflow:hidden;position:absolute;left:0;top:0;opacity:.65;-moz-opacity:.65;filter:alpha(opacity=65);}
.x-panel-ghost ul{margin:0;padding:0;overflow:hidden;font-size:0;line-height:0;border:1px solid #E2E2E2;border-top:0 none;display:block;}
.x-dd-drag-ghost{color:black;font:normal 11px arial,helvetica,sans-serif;-moz-opacity:0.85;opacity:.85;filter:alpha(opacity=85);border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid red;border-bottom:1px solid #bbb;padding:3px;padding-left:20px;background-color:white;white-space:nowrap;}

/*viewport classes ( changed the background color and border color )*/
.x-border-layout-ct{background:#EBEBEB;}
.x-panel-body{border:1px solid #858A93;overflow:hidden;background:white;position:relative;}
.x-tool-panel { margin-bottom:10px; margin-top:10px; }

/*Error box classes*/
.x-box-tl{background:transparent url(../images/box/corners.gif) no-repeat 0 0; height: 8px !important; } 
.x-box-tc{background:transparent url(../images/box/tb.gif) repeat-x 0 0;overflow:hidden; height: 8px !important;} 
.x-box-tr{background:transparent url(../images/box/corners.gif) no-repeat right -8px; height: 8px !important;} 
.x-box-ml{background:transparent url(../images/box/l.gif) repeat-y 0;padding-left:4px;overflow:hidden;zoom:1;} 
.x-box-mc{background:#eee url(../images/box/tb.gif) repeat-x 0 -16px;padding:4px 10px;font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;color:#393939;font-size:12px;} 
.x-box-mc h3{font-size:14px;font-weight:bold;margin:0 0 4px 0;zoom:1;} 
.x-box-mr{background:transparent url(../images/box/r.gif) repeat-y right;padding-right:4px;overflow:hidden;} 
.x-box-bl{background:transparent url(../images/box/corners.gif) no-repeat 0 -16px;zoom:1; height: 8px !important;} 
.x-box-bc{background:transparent url(../images/box/tb.gif) repeat-x 0 -8px; height: 8px !important; overflow:hidden;} 
.x-box-br{background:transparent url(../images/box/corners.gif) no-repeat right -24px; height: 8px !important;}
.error-box-inner{position: relative; top:0px !important; margin-right: 0px; margin-top: 0px; float:right !important; text-align: right; vertical-align:top !important;}
.error-box-close{cursor:pointer; width:15px !important; height:15px !important; background: url(../images/panel/tools-sprites-trans.gif) no-repeat 0px 0px !important; z-index: 1000;}
#error-msg-div{position:absolute;top:10px;width:100%;z-index:12010;}
#error-msg-inner-errors-div{height:50px;overflow:auto;color:red;}

 /*success message box text*/
.success-message-text { font:normal 12px Arial, Helvetica ,sans-serif; color: #39404F; text-align:left !important; vertical-align:middle !important; padding: 0 0 0 12px; }
.x-panel-bbar .x-toolbar{border:1px solid #858A93;border-top:0 none;overflow:hidden;padding:2px;}
.x-panel-tbar .x-toolbar{border:1px solid #858A93;border-top:0 none;overflow:hidden;padding:2px;}
.x-panel-tbar-noheader .x-toolbar,.x-panel-mc .x-panel-tbar .x-toolbar{border-top:1px solid #858A93;border-bottom:0 none;}

/* login */
.label_login{  }
.input_login {  }
.submit_login{  }

/* signup */
.label_signup{  }
.input_signup{  }
.submit_signup{  }
.error_signup{ color:red; }