/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../images/overlay/bg.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width: 260px; 
    height: 130px;         
     
    /* initially overlay is hidden */ 
    display: none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:10px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image: url(../images/overlay/close.png); 
    position:absolute; 
    right:-12px; 
    top:-12px; 
    cursor:pointer; 
    height:24px; 
    width:24px; 
}

.overlay_trg {
  display: none;
}

table.comments {
	font-family: Arial;
	font-size: 12px;
}

td.comment{
	width: 80%;
	cursor: pointer;
}

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

.right_bottom {
  
  position: fixed;
  bottom: 10px;
  right: 10px;
}

.left_top {
  
  position: fixed;
  top: 70px;
  left: 20px;
}

.dock {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: block;
  height: 50px;
  width: 100px;
}

.nav-bar {
	position: absolute;
	right: 33px;
	margin: 10px 0px 0px 0px;
}

.nav-bar .small {
	display: inline;
}

.btn, .icon {
	cursor: pointer;
	/*display: inline;*/
}

.inact {
	opacity: 0.5;
}

.act {
  opacity: 1;
}

.pages {
	font-size: 10px;
	color: #000;
	display: inline;
  position: relative;
  top: -3px;
}

.separator {
	display: inline;
  margin-left: 5px;
}

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

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

.containerPlus {font-family:Verdana; font-size:13px;}
.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:10px;padding:5px;background:#f3f3f3;color:gray;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ccc}

/*
* default
*/
.containerPlus .no	{ background: url('../images/elements/default/no.png') top left no-repeat; }
.containerPlus .ne	{ background: url('../images/elements/default/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus .ne img	{left:-10px; top:-10px}
.containerPlus .n	{ background: url('../images/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('../images/elements/default/o.png') top left repeat-y;}
.containerPlus .e	{ background: url('../images/elements/default/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus .c { background: url('../images/elements/default/c.png'); margin-right: 23px; padding-top: 1px; padding-bottom: 1px; }

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

/*
* stat
*/
.containerPlus.stat {font-family:Verdana; font-size:10px;}
.containerPlus.stat .no  { background: url('../images/elements/stat/no.png') top left no-repeat}
.containerPlus.stat .ne  { background: url('../images/elements/stat/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.stat .n { background: url('../images/elements/stat/n.png') top center repeat-x; margin-right: 25px;height:26px;}
.containerPlus.stat .n { padding-top:8px;font-size:12px; color:#667788;-moz-user-select: none; -khtml-user-select: none}
.containerPlus.stat .n a{ text-decoration:none;color:#fff; font-size:12px; white-space:nowrap;overflow:hidden;}

.containerPlus.stat .o { background: url('../images/elements/stat/o.png') top left repeat-y;}
.containerPlus.stat .e { background: url('../images/elements/stat/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.stat .c { background: url('../images/elements/stat/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; }
.containerPlus.stat .c .mbcontainercontent {margin-left:-10px; margin-top:5px; font-family:Courier New, Arial, Verdana; color:darkblue;}
.containerPlus.stat .c .mbcontainercontent a {margin-left:-10px; margin-top:5px; font-family:Courier New, Arial, Verdana; color:darkblue;}

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


/*
* black
*/
.containerPlus.black .no	{ background: url('../images/elements/black/no.png') top left no-repeat}
.containerPlus.black .ne	{ background: url('../images/elements/black/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.black .n	{ background: url('../images/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('../images/elements/black/o.png') top left repeat-y;}
.containerPlus.black .e	{ background: url('../images/elements/black/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.black .c { background: url('../images/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('../images/elements/black/so.png') bottom left no-repeat;}
.containerPlus.black .se	{ background: url('../images/elements/black/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus.black .s { background: url('../images/elements/black/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}

/*
* white
*/
.containerPlus.white .no	{ background: url('../images/elements/white/no.png') top left no-repeat;}
.containerPlus.white .ne	{ background: url('../images/elements/white/ne.png') top right no-repeat; margin-left: 21px;}
.containerPlus.white .n	{ background: url('../images/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('../images/elements/white/o.png') top left repeat-y;}
.containerPlus.white .e	{ background: url('../images/elements/white/e.png') top right repeat-y; margin-left: 21px;}
.containerPlus.white .c { background: url('../images/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('../images/elements/white/so.png') bottom left no-repeat;}
.containerPlus.white .se	{ background: url('../images/elements/white/se.png') bottom right no-repeat; margin-left: 21px;}
.containerPlus.white .s { background: url('../images/elements/white/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;}


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

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

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