/*
 * jquery.mb.components
 * Copyright (c) 2001-2010. Matteo Bicocchi (Pupunzi); Open lab srl, Firenze - Italy
 * email: mbicocchi@open-lab.com
 * site: http://pupunzi.com
 *
 * Licences: MIT, GPL
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 */

/*
* UI
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 4.7px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}


.mb-resize{
	display:block;
	background-color:transparent !important;
	border:3px solid transparent !important;
    *border:5px solid transparent !important;
    margin:0 !important;
}

.mb-resize-resizable-n { cursor: e-resize; width: 100% !important; height: 20px !important; right: 0 !important; top: -10px !important; z-index:auto !important;}
.mb-resize-resizable-e { cursor: e-resize; width: 5px !important; height: 100% !important; right: 0 !important; top: 0 !important;z-index:auto !important;}
.mb-resize-resizable-w { cursor: e-resize; width: 5px !important; height: 100% !important; left: -5px !important; top: 0 !important;z-index:auto !important;}
.mb-resize-resizable-s { cursor: s-resize; width: 100% !important; height: 10px !important; bottom: -5 !important; left: 0 !important;z-index:auto !important; }
.mb-resize-resizable-se { cursor: se-resize; width: 10px !important; height: 10px !important; right:-5px !important; bottom: -5px !important; z-index:auto !important;}

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

.containerPlus {font-family:'Droid Sans'; visibility:hidden;};
.containerPlus .spacer {margin-top:10px}
.containerPlus .buttonBar { position:relative;top:0;float:right;margin-top:-23px; margin-right:15px}
.containerPlus .buttonBar img {margin-left:5px}
.containerPlus .mbcontainercontent {margin-right:-15px; padding-right:10px;overflow:auto;}


.iconLabel{font-family:sans-serif;font-size:0.8em;padding:5px;background:#ebeaea;color:#555;
display:block;text-transform:capitalize;-moz-border-radius:5px;-webkit-border-radius:5px; -o-border-radius:5px;border-radius:5px;border:1px solid #ccc; margin-left:-12px;}


.containerPlus .ne img	{left:-10px; top:-10px; margin-bottom:20px;}
.containerPlus.black .no	{ background: url('elements/black/no.png') top left no-repeat}
.containerPlus.black .ne	{ background: url('elements/black/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.black .n	{ background: url('elements/black/n.png') top center repeat-x; margin-right: 25px;height:26px;}
.containerPlus.black .n	{ padding-top:8px;text-transform:uppercase; font-size:0.8em; vertical-align:middle; height:26px; color:#f0f0f0;-moz-user-select: none; -khtml-user-select: none}
.containerPlus.black .n	a{ text-decoration:none;color:#000000; font-size:15px; white-space:nowrap;overflow:hidden;}

.containerPlus.black .o	{ background: url('elements/black/o.png') top left repeat-y;}
.containerPlus.black .e	{ background: url('elements/black/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.black .c { background: url('elements/black/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.black .c .mbcontainercontent {color:#333333;}
.containerPlus.black .c .mbcontainercontent a {color:#660099;font-family:'Droid Serif';}

.containerPlus.black .so	{ background: url('elements/black/so.png') bottom left no-repeat;}
.containerPlus.black .se	{ background: url('elements/black/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus.black .s { background: url('elements/black/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}