/*
 * 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-resizayele { position: relative;}
.ui-resizayellowe-handle { position: absolute;font-size: 0.1px;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: 50px !important; right: 0 !important; top: -10px !important; z-index:auto !important;}
.mb-resize-resizable-e { cursor: e-resize; width: 20px !important; height: 100% !important; right: -20px !important; top: 0 !important;z-index:auto !important;}
.mb-resize-resizable-w { cursor: e-resize; width: 20px !important; height: 100% !important; left: -20px !important; top: 0 !important;z-index:auto !important;}
.mb-resize-resizable-s { cursor: s-resize; width: 100% !important; height: 10px !important; bottom: -10px !important; left: 0 !important;z-index:auto !important; }
.mb-resize-resizable-se { cursor: se-resize; width: 30px !important; height: 30px !important; right:0 !important; bottom: -10px !important; z-index:auto !important;}

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

.containerPlus {font-family:Verdana; font-size:13px; 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:10px;padding:5px;background:black;color:white;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;}*/

.iconLabel{font-family:sans-serif;font-size: 15px;padding:5px;background:#f3f3f3;color: #060606;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ccc}

/*
* default
*/
.containerPlus .no	{ background: url('../elements/default/no.png') top left no-repeat; }
.containerPlus .ne	{ background: url('../elements/default/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus .ne img	{left:-10px; top:-10px}
.containerPlus .n	{ background: url('../elements/default/n.png') top center repeat-x; margin-right: 20px; -moz-user-select: none; -khtml-user-select: none}
.containerPlus .n	{ padding-top:8px;height:26px; font-size:15px; white-space:nowrap;overflow:hidden;}
.containerPlus .n	a{ text-decoration:none;color:#000; font-size:15px;}

.containerPlus .o	{ background: url('../elements/default/o.png') top left repeat-y;}
.containerPlus .e	{ background: url('../elements/default/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus .c { background: url('../elements/default/c.png'); margin-right: 23px; padding-top: 1px; padding-bottom: 1px; }

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


/*
* black
*/
.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;font-size:15px; color:white;-moz-user-select: none; -khtml-user-select: none}
.containerPlus.black .n	a{ text-decoration:none;color:#fff; 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:white;}
.containerPlus.black .c .mbcontainercontent a {color:white;}

.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;}

/*
* white
*/
.containerPlus.white .no	{ background: url('../elements/white/no.png') top left no-repeat;}
.containerPlus.white .ne	{ background: url('../elements/white/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.white .n	{ background: url('../elements/white/n.png') top center repeat-x; margin-right: 25px;height:26px;}
.containerPlus.white .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none}

.containerPlus.white .o	{ background: url('../elements/white/o.png') top left repeat-y;}
.containerPlus.white .e	{ background: url('../elements/white/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.white .c { background: url('../elements/white/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.white .c .mbcontainercontent {color:#000;}
.containerPlus.white .n	a{}
.containerPlus.white .n	a:hover{ text-decoration:underline}

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


/*
* bl
*/
.containerPlus.bl .no	{ background: url('../elements/bl/no.png') top left no-repeat;}
.containerPlus.bl .ne	{ background: url('../elements/bl/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.bl .n	{ background: url('../elements/bl/n.png') top center repeat-x; margin-right: 20px;height: 23px;}
.containerPlus.bl .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none}

.containerPlus.bl .o	{ background: url('../elements/bl/o.png') top left repeat-y;}
.containerPlus.bl .e	{ background: url('../elements/bl/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.bl .c { background: url('../elements/bl/c.png'); margin-right: 20px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.bl .c .mbcontainercontent {color:#000;  padding-top: 5px; }
.containerPlus.bl .n	a{}
.containerPlus.bl .n	a:hover{ text-decoration:underline}

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

/*
* yellow
*/
.containerPlus.yellow .no	{ background: url('../elements/yellow/no.png') top left no-repeat;}
.containerPlus.yellow .ne	{ background: url('../elements/yellow/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.yellow .n	{ background: url('../elements/yellow/n.png') top center repeat-x; margin-right: 20px;height: 23px;}
.containerPlus.yellow .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none;  color: black; }

.containerPlus.yellow .o	{ background: url('../elements/yellow/o.png') top left repeat-y;}
.containerPlus.yellow .e	{ background: url('../elements/yellow/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.yellow .c { background: url('../elements/yellow/c.png'); margin-right: 20px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.yellow .c .mbcontainercontent {color:#000;  padding-top: 5px; }
.containerPlus.yellow .n	a{}
.containerPlus.yellow .n	a:hover{ text-decoration:underline}

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

/*
* blue
*/
.containerPlus.blue .no	{ background: url('../elements/blue/no.png') top left no-repeat;}
.containerPlus.blue .ne	{ background: url('../elements/blue/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.blue .n	{ background: url('../elements/blue/n.png') top center repeat-x; margin-right: 20px;height: 23px;}
.containerPlus.blue .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none;  color: black; }

.containerPlus.blue .o	{ background: url('../elements/blue/o.png') top left repeat-y;}
.containerPlus.blue .e	{ background: url('../elements/blue/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.blue .c { background: url('../elements/blue/c.png'); margin-right: 20px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.blue .c .mbcontainercontent {color:#000;  padding-top: 5px; }
.containerPlus.blue .n	a{}
.containerPlus.blue .n	a:hover{ text-decoration:underline}

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

/*
* turkis
*/
.containerPlus.turkis .no	{ background: url('../elements/turkis/no.png') top left no-repeat;}
.containerPlus.turkis .ne	{ background: url('../elements/turkis/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.turkis .n	{ background: url('../elements/turkis/n.png') top center repeat-x; margin-right: 20px;height: 32px;}
.containerPlus.turkis .n	{ padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none;  color: black; }

.containerPlus.turkis .o	{ background: url('../elements/turkis/o.png') top left repeat-y;}
.containerPlus.turkis .e	{ background: url('../elements/turkis/e.png') top right repeat-y; margin-left: 23px;}
.containerPlus.turkis .c { background: url('../elements/turkis/c.png'); margin-right: 23px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.turkis .c .mbcontainercontent {color:#000;  padding-top: 5px; }
.containerPlus.turkis .n	a{}
.containerPlus.turkis .n	a:hover{ text-decoration:underline}

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