@charset "utf-8";
/* CSS Document */

* html {
	overflow-y: hidden;
}

* html body {
	overflow: auto;
	height: 100%;
}

body.customWindowNoSelect {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.customWindowContainer {
    background-color: #e4e4e4;
    border: 1px solid #dcdcdc;
}

.dark-mode .customWindowContainer {
    background-color: #1b1b1b;
    border: 1px solid #262626;
}

.unselectWindow.customWindowContainer {
    background-color: #cdcdcd;
}

.dark-mode .unselectWindow.customWindowContainer {
    background-color: #333333;
}

.customWindowWidthResize,
.customWindowHeightResize,
.customWindowResize {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.customWindowDragging,
.customWindowResizing  {
    filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;       /* khtml, old safari */
	-moz-opacity: 0.8;         /* mozilla, netscape */
	opacity: 0.8;              /* fx, safari, opera */
}

.unselectWindow {
}

.windowChanged .customWindowTitle {
    color: #ffffff;  
    background-color: #478be2;
}

.dark-mode .windowChanged .customWindowTitle {
   background-color: #333333;
}

.customWindowStatus {
	height: 16px;
	background-color: #e4e4e4;
}

.customWindowResize {
	display: block;
	width: 18px;
	height: 23px;
	background: url(../gfx/customWindow/resize.gif) no-repeat center center;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.dark-mode .customWindowResize {
        display: block;
        width: 18px;
        height: 23px;
        background: url(../gfx/customWindow/resize-dark.gif) no-repeat center center;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.customWindowStatus .customWindowResize {
    position: static;
}

.customWindowHead {
	height: 24px;
    border: 1px solid #ffffff !important;
}

.dark-mode .customWindowHead {
    border: 1px solid #1b1b1b !important;
}

.customWindowMaximize {
	display: block;
	float: right;
	width: 24px;
	height: 22px;
	background: url(../gfx/customWindow/maximize.gif) no-repeat center center;
	margin: 1px 0px 0px 0px;
	border: 0;
	padding: 0px;
	cursor: pointer;
}

.dark-mode .customWindowMaximize {
        background: url(../gfx/customWindow/maximize-dark.gif) no-repeat center center;
}

.customWindowRestore {
	display: block;
	float: right;
	width: 24px;
	height: 22px;
	background: url(../gfx/customWindow/restore.gif) no-repeat center center;
	margin: 1px 0px 0px 0px;
	border: 0;
	padding: 0px;
	cursor: pointer;
}

.dark-mode .customWindowRestore {
        background: url(../gfx/customWindow/restore-dark.png) no-repeat center center;
}

.customWindowMinimize {
	display: block;
	float: right;
	width: 24px;
	height: 22px;
	background: url(../gfx/customWindow/minimize.gif) no-repeat center center;
	margin: 1px 0px 0px 0px;
	border: 0;
	padding: 0px;
	cursor: pointer;
}

.dark-mode .customWindowMinimize {
        background: url(../gfx/customWindow/minimize-dark.gif) no-repeat center center;
}

.customWindowClose {
	display: block;
	float: right;
	width: 24px;
	height: 22px;
	background: url(../gfx/customWindow/close.gif) no-repeat center center;
	margin: 1px 3px 0px 0px;
	border: 0;
	padding: 0px;
	cursor: pointer;
}

.dark-mode .customWindowClose {
        background: url(../gfx/customWindow/close-dark.gif) no-repeat center center;
}

.customWindowTitle {
	display: block;
    color: #6c7278;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px 0px 0px 6px;
	border: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 24px;
}

.customWindowContent {
	background-color: #fff;
}

.dark-mode .customWindowContent {
	color: #FFFFFF;
	background-color: #1b1b1b;
}

.customWindowFooter {
    position: relative;
    top: 1px;
}

.customWindowMinimized .customWindowFooter {
    display: none;
}
