
/**************************************\
| Viewport
\**************************************/

#nbito-windows-viewport-wrapper
{
    /*pointer-events:none;*/
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    padding:0;
    margin:0;
    border:0;    
    z-index:-1;
}
#nbito-windows-viewport
{
    /*pointer-events:none;*/
    position:relative;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:0;
    z-index:-1;
}

/**************************************\
| Window
\**************************************/


.nbito-admin.nbito-window:focus{ outline: none; }
.nbito-admin.nbito-window
{
	box-sizing: content-box;
	display:block;
	position:fixed !important;
    padding:0;
    width:auto;
    height:auto;
	border:0px #ddd solid;
	background-color:#FFFFFF;

    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

	overflow:visible;
}

/**************************************\
| Resizable
\**************************************/

.nbito-admin.nbito-window .ui-resizable-se{ right:-1px; bottom:-1px;}
.nbito-admin.nbito-window .ui-resizable-handle { z-index: 6000 !important; }
.nbito-admin.nbito-window .ui-resizable-handle {display:block;position:absolute;}
.nbito-admin.nbito-window .ui-resizable-disabled .ui-resizable-handle,
.nbito-admin.nbito-window .ui-resizable-autohide .ui-resizable-handle {display:none;}
.nbito-admin.nbito-window .ui-resizable-n,.ui-resizable-s {height:7px;left:0;width:100%;}
.nbito-admin.nbito-window .ui-resizable-n {cursor:n-resize;top:-5px;}
.nbito-admin.nbito-window .ui-resizable-s {bottom:-5px;cursor:s-resize;}
.nbito-admin.nbito-window .ui-resizable-e,.ui-resizable-w {height:100%;top:0;width:7px;}
.nbito-admin.nbito-window .ui-resizable-e {cursor:e-resize;right:-5px;}
.nbito-admin.nbito-window .ui-resizable-w {cursor:w-resize;left:-5px;}
.nbito-admin.nbito-window .ui-resizable-se,.ui-resizable-sw,
.nbito-admin.nbito-window .ui-resizable-nw,.ui-resizable-ne {height:12px;width:12px;}
.nbito-admin.nbito-window .ui-resizable-se {bottom:0;cursor:se-resize;right:0; /*background-image:url(resize.png);*/ background-position: -3px -3px;}
.nbito-admin.nbito-window .ui-resizable-sw {bottom:0;cursor:sw-resize;left:0;}
.nbito-admin.nbito-window .ui-resizable-nw {cursor:nw-resize;left:0;top:0;}
.nbito-admin.nbito-window .ui-resizable-ne {cursor:ne-resize;right:0;top:0;}


/**************************************\
| Controls
\**************************************/

.nbito-admin .controls
{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    line-height: 100%;
    display:inline-block;    
    cursor:default;
}

/*
.nbito-admin .controls>div{ cursor:pointer; color:#aaa;}
.nbito-admin .controls>div:hover{ color:#666;}
*/
.nbito-admin .controls>div,
.nbito-admin .controls>div>span{ line-height:30px; vertical-align:baseline; }
.nbito-admin .controls .control-wrapper{ display:inline-block; vertical-align:top; width: 40px; padding:5px; height:100%; text-align:center; }
.nbito-admin .controls .control-wrapper:hover{ background-color:#E7E6DD !important;}
.nbito-admin .controls .minify{}
.nbito-admin .controls .reload{}
/*
.nbito-admin .controls .close:hover{background-color: !important;color:white;}
*/

/**************************************\
| ...
\**************************************/

.nbito-admin.nbito-window .title-wrapper
{
	display:block;
	position:relative;
	top:0;
	left:0;
	right:0;
	background-color:#F3F2E7;
	border-bottom:1px #ddd solid;

	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor:move;
    
    -moz-user-select:none;
    -khtml-user-select: none;

/*
	background-image: linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
	background-image: -moz-linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
	background-image: -webkit-linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
	background-image: -ms-linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
	background-image: -o-linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
*/
    overflow:hidden;
}
.nbito-admin.nbito-window .title
{
	font-weight:normal;
    line-height:1.5em;
	padding:9px;

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-right:40px;

    -moz-user-select:none;
    -khtml-user-select: none;
    
}
.nbito-admin.nbito-window .title span{font-family: inherit !important; line-height:inherit !important;}
.nbito-admin.nbito-window .title p{font-family: inherit !important; line-height:inherit !important;}
.nbito-admin.nbito-window .content-wrapper
{
	display:block;
	position:absolute;
	top:45px !important;
	bottom:41px;
	left:0;
	right:0;
    /*
    background-image:url(triangle.png);
    background-repeat: no-repeat;
    background-position: 20px 0px;
    */
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.nbito-admin.nbito-window .content
{
	display:block;
	position:relative;
	height:100%;
	margin:0 0 0 0;
	padding:0;
    background-color:#FFFFFF;
	overflow:auto;
    
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
/*    
	-webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
*/
}
.nbito-admin.nbito-window .buttons .nbito-button
{
    margin-right: 6px;
}
.nbito-admin.nbito-window .buttons
{
    overflow:hidden;
    display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	padding:0;
	margin:0;
	border-top:1px #ddd solid;
	
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    
	background-color:#F3F2E7;
    
/*
    background-color:#50545B;
    color:#BEBEBE;
	background-image: linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
	background-image: -moz-linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
	background-image: -webkit-linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
	background-image: -ms-linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
	background-image: -o-linear-gradient(top left, #E7E6DD 25%, #F3F2E7 75%);
*/  
}
.nbito-admin.nbito-window .buttons .button
{
	line-height:40px;
}

/**************************************\
| Tables in Window
\**************************************/

.nbito-admin.nbito-window .nbito-table
{
    height:100% !important;
}