#no-notes{padding:10px;margin-top:10px;}
.demo{padding-right:20px;margin-top:30px;}
.note-date, .note-date a{font-size: 12px;color:#21759B;}
.note-date a:hover{color:#000}
#note-tabs .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#note-tabs .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
#note-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
#note-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
#note-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
#note-tabs .ui-tabs-nav li.ui-tabs-selected a, #note-tabs .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #note-tabs .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
#note-tabs .ui-tabs-nav li a, #note-tabs .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#note-tabs .ui-tabs-panel { display: block;  padding: 1em 1.4em; margin-top: -8px;margin-right: -8px;margin-left: -8px;padding-top: 50px;border: 1px solid grey;}
#note-tabs .ui-tabs-hide { display: none !important; }
#note-tabs .ui-corner-all, #note-tabs .ui-corner-bottom, #note-tabs .ui-corner-right, #note-tabs .ui-corner-br {
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/;
-webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
-khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
/* Component containers
----------------------------------*/
#note-tabs .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
#note-tabs .ui-widget .ui-widget { font-size: 1em; }
#note-tabs .ui-widget input, #note-tabs .ui-widget select, #note-tabs .ui-widget textarea, #note-tabs .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
#note-tabs .ui-widget-content {}
#note-tabs .ui-widget-content a { color: #222222/*{fcContent}*/; }
#note-tabs .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/; color: #222222;height: 30px; }
#note-tabs .ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
#note-tabs .ui-state-default, #note-tabs .ui-widget-content .ui-state-default, #note-tabs .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
#note-tabs .ui-state-default a, #note-tabs .ui-state-default a:link, #note-tabs .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
#note-tabs .ui-state-hover, #note-tabs .ui-widget-content .ui-state-hover, #note-tabs .ui-widget-header .ui-state-hover, #note-tabs .ui-state-focus, #note-tabs .ui-widget-content .ui-state-focus, #note-tabs .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
#note-tabs .ui-state-hover a, #note-tabs .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
#note-tabs .ui-state-active, #note-tabs .ui-widget-content .ui-state-active, #note-tabs .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
#note-tabs .ui-state-active a, #note-tabs .ui-state-active a:link, #note-tabs .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; margin-bottom:1px;}
#note-tabs .ui-widget :active { outline: none; }

/* Corner radius */
#note-tabs .ui-corner-all, #note-tabs .ui-corner-top, #note-tabs .ui-corner-left, #note-tabs .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
#note-tabs .ui-corner-all, #note-tabs .ui-corner-top, #note-tabs .ui-corner-right, #note-tabs .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
#note-tabs .ui-corner-all, #note-tabs .ui-corner-bottom, #note-tabs .ui-corner-left, #note-tabs .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
#note-tabs .ui-corner-all, #note-tabs .ui-corner-bottom, #note-tabs .ui-corner-right, #note-tabs .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }