.ui-resizable-handle { position: absolute; display: block; font-size: 0.1px; }

.ui-resizable-e { cursor: e-resize; width: 10px; right: -10px; top: 0; height: 100%;  }
.ui-resizable-w { cursor: w-resize; width: 30px; left: 0; top: 0; height: 100%;  }
.ui-resizable-s { cursor: s-resize; height: 10px; width: 100%; bottom: 0; left: 0}
.ui-resizable-se { cursor: se-resize; width: 10px; height: 30px; right:0; bottom: 0; background:transparent url(../elements/resizable-se.png) no-repeat right bottom} /*resizable-se.png*/

.proxy {border:1px dotted gray;background: url(../elements/proxy.png)}

.container {width:100%;}
.container .containerTable{border:0; width:100%}
.container .containerTable .c{height:100%; .height:auto;}
/*.container {font-family:Arial; font-size:13px} */
.container .n a{ font-size:18px;text-decoration:none; color:black; position:relative;}
.container .n a:hover{ text-decoration:underline; }
.container .containerBody{overflow:auto; position:relative; margin-right:-15px; padding-right:15px}
.container .icon{position:absolute;margin-top:-25px; margin-left:-4px;}
.container .spacer{padding-top:10px;}
.container .restoreContainer{width:32px}
.container .buttonBar{right:10px;top:5px}
.container .buttonBar img{padding:5px}

/*default interface for containers */
.default .n{ background:url(../elements/skindef/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.default .ne{ background:url(../elements/skindef/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.default .no{ background:url(../elements/skindef/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.default .o{ background: url(../elements/skindef/o.png) repeat-y top right; height:25px;width:24px}
.default .e{ background: url(../elements/skindef/e.png) repeat-y top right; height:25px;width:22px}
.default .s{ background: url(../elements/skindef/s.png) repeat-x bottom; height:22px}
.default .se{ background: url(../elements/skindef/se.png) no-repeat bottom right; height:22px;width:22px}
.default .so{ background: url(../elements/skindef/so.png) no-repeat bottom right; height:22px;width:24px}
.default .c{ background: url(../elements/skindef/c.png); padding-top:0px;}

/* skins */
.skin1 .n{background:url(../elements/skin1/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.skin1 .ne{background:url(../elements/skin1/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.skin1 .no{background:url(../elements/skin1/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.skin1 .o{ background: url(../elements/skin1/o.png) repeat-y top right; height:25px;width:24px}
.skin1 .e{background: url(../elements/skin1/e.png) repeat-y top right; height:25px;width:22px}
.skin1 .s{background: url(../elements/skin1/s.png) repeat-x bottom; height:22px}
.skin1 .se{background: url(../elements/skin1/se.png) no-repeat bottom right; height:22px;width:22px}
.skin1 .so{ background: url(../elements/skin1/so.png) no-repeat bottom right; height:22px;width:24px}
.skin1 .c{background: url(../elements/skin1/c.png); padding-top:0px;}

.skin2 .n{background:url(../elements/skin2/n.png) repeat-x top; padding-left:25px;padding-top:0px;vertical-align:bottom;color: white;}
.skin2 .n a{color:white}
.skin2 .ne{background:url(../elements/skin2/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.skin2 .no{background:url(../elements/skin2/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.skin2 .o{ background: url(../elements/skin2/o.png) repeat-y top right; height:25px;width:24px}
.skin2 .e{background: url(../elements/skin2/e.png) repeat-y top right; height:25px;width:22px}
.skin2 .s{background: url(../elements/skin2/s.png) repeat-x bottom; height:22px}
.skin2 .se{background: url(../elements/skin2/se.png) no-repeat bottom right; height:22px;width:22px}
.skin2 .so{ background: url(../elements/skin2/so.png) no-repeat bottom right; height:22px;width:24px}
.skin2 .c{background: url(../elements/skin2/c.png); padding-top:0px; color:white;}
.skin2 .buttonBar{right:15px;top:15px}

.skin3 .n{background:url(../elements/skin3/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.skin3 .ne{background:url(../elements/skin3/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.skin3 .no{background:url(../elements/skin3/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.skin3 .o{ background: url(../elements/skin3/o.png) repeat-y top right; height:25px;width:24px}
.skin3 .e{background: url(../elements/skin3/e.png) repeat-y top right; height:25px;width:22px}
.skin3 .s{background: url(../elements/skin3/s.png) repeat-x bottom; height:22px}
.skin3 .se{background: url(../elements/skin3/se.png) no-repeat bottom right; height:22px;width:22px}
.skin3 .so{ background: url(../elements/skin3/so.png) no-repeat bottom right; height:22px;width:24px}
.skin3 .c{background: url(../elements/skin3/c.png); padding-top:0px;}

.skin4 .n{background:url(../elements/skin4/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.skin4 .ne{background:url(../elements/skin4/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.skin4 .no{background:url(../elements/skin4/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.skin4 .o{ background: url(../elements/skin4/o.png) repeat-y top right; height:25px;width:24px}
.skin4 .e{background: url(../elements/skin4/e.png) repeat-y top right; height:25px;width:22px}
.skin4 .s{background: url(../elements/skin4/s.png) repeat-x bottom; height:22px}
.skin4 .se{background: url(../elements/skin4/se.png) no-repeat bottom right; height:22px;width:22px}
.skin4 .so{ background: url(../elements/skin4/so.png) no-repeat bottom right; height:22px;width:24px}
.skin4 .c{background: url(../elements/skin4/c.png); padding-top:0px;}

.skin5 .n{background:url(../elements/skin5/n.png) repeat-x top; padding-left:22px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none; padding-bottom:7px}
.skin5 .ne{background:url(../elements/skin5/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.skin5 .no{background:url(../elements/skin5/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.skin5 .o{ background: url(../elements/skin5/o.png) repeat-y top right; height:25px;width:24px}
.skin5 .e{background: url(../elements/skin5/e.png) repeat-y top right; height:25px;width:22px}
.skin5 .s{background: url(../elements/skin5/s.png) repeat-x bottom; height:22px}
.skin5 .se{background: url(../elements/skin5/se.png) no-repeat bottom right; height:22px;width:22px}
.skin5 .so{ background: url(../elements/skin5/so.png) no-repeat bottom right; height:22px;width:24px}
.skin5 .c{background: url(../elements/skin5/c.png); padding-top:0px;}

.skin6 .n{background:url(../elements/skin6/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.skin6 .ne{background:url(../elements/skin6/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.skin6 .no{background:url(../elements/skin6/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.skin6 .o{ background: url(../elements/skin6/o.png) repeat-y top right; height:25px;width:24px}
.skin6 .e{background: url(../elements/skin6/e.png) repeat-y top right; height:25px;width:22px}
.skin6 .s{background: url(../elements/skin6/s.png) repeat-x bottom; height:22px}
.skin6 .se{background: url(../elements/skin6/se.png) no-repeat bottom right; height:22px;width:22px}
.skin6 .so{ background: url(../elements/skin6/so.png) no-repeat bottom right; height:22px;width:24px}
.skin6 .c{background: url(../elements/skin6/c.png); padding-top:0px;}

.skin7 .n{background:url(../elements/skin7/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.skin7 .n a{color:white}
.skin7 .ne{background:url(../elements/skin7/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.skin7 .no{background:url(../elements/skin7/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.skin7 .o{ background: url(../elements/skin7/o.png) repeat-y top right; height:25px;width:24px}
.skin7 .e{background: url(../elements/skin7/e.png) repeat-y top right; height:25px;width:22px}
.skin7 .s{background: url(../elements/skin7/s.png) repeat-x bottom; height:22px}
.skin7 .se{background: url(../elements/skin7/se.png) no-repeat bottom right; height:22px;width:22px}
.skin7 .so{ background: url(../elements/skin7/so.png) no-repeat bottom right; height:22px;width:24px}
.skin7 .c{background: url(../elements/skin7/c.png); padding-top:0px;}

.sticky .n{background:url(../elements/sticky/n.png) repeat-x top; padding-left:22px; padding-bottom:0px; font-size:18px; vertical-align:middle; height:36px;.height:32px; -moz-user-select: none; -khtml-user-select: none}
.sticky .ne{background:url(../elements/sticky/ne.png) no-repeat top right; height:36px;width:22px; -khtml-user-select: none}
.sticky .no{background:url(../elements/sticky/no.png) no-repeat top right; height:36px;width:24px; -khtml-user-select: none}
.sticky .o{ background: url(../elements/sticky/o.png) repeat-y top right; height:25px;width:24px}
.sticky .e{background: url(../elements/sticky/e.png) repeat-y top right; height:25px;width:22px}
.sticky .s{background: url(../elements/sticky/s.png) repeat-x bottom; height:22px}
.sticky .se{background: url(../elements/sticky/se.png) no-repeat bottom right; height:22px;width:22px}
.sticky .so{ background: url(../elements/sticky/so.png) no-repeat bottom right; height:22px;width:24px}
.sticky .c{background: url(../elements/sticky/c.png); padding-top:0px;}


.stickynote {background:gainsboro;border:1px solid gray;-webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;}/**/
.stickynote .n{ }
.stickynote .n a{font-size:16px;color:black}
.stickynote .ne{height:25px;width:15px; -khtml-user-select: none; }
.stickynote .no{height:25px;width:15px; -khtml-user-select: none; }
.stickynote .s{ height:10px}
.stickynote .c{ }
.stickynote .buttonBar{right:5px;top:0px}