body	{font-size:10pt}
input {font-size: 10pt}
select {font-size: 10pt}
h2 {font-size:11pt}
h1 {font-size:12pt}
button {font-size:12pt; min-height:22px}
div.iconHighlight {padding:2px}

input.withSearchIcon {
  background-image: url(../img/icons/searchSmall.png);
  background-origin: content-box;
  background-position: right;
  background-repeat: no-repeat;
}

div.titleDIV, div.titleDIVunfocused,
div.Window>div.titleBar
{
  height:21px;
  padding-right:1px;
}
div.bodyDIV, div.Window > div.body
{
  height: calc( 100% - 20px);
}

div.titleDIV>div.close, div.titleDIVunfocused>div.close,
div.Window>div.titleBar>div.closeButton
{
  background-image: url(img/closeIconSmall.png);
}
div.titleDIV>div.min, div.titleDIVunfocused>div.min,
div.Window>div.titleBar>div.minButton
{
  background-image: url(img/minIconSmall.png);
}
div.titleDIV>div.max, div.titleDIVunfocused>div.max,
div.Window:not(.maximized)>div.titleBar>div.maxButton
{
  background-image: url(img/maxIconSmall.png);
}
div.titleDIV>div.restore, div.titleDIVunfocused>div.restore,
div.Window.maximized>div.titleBar>div.maxButton {
  background-image: url(img/restoreIconSmall.png);
}
div.titleDIV>div.help, div.titleDIVunfocused>div.help {
  background-image: url(img/helpIconSmall.png);
}
div.titleDIV>div.wBut, div.titleDIVunfocused>div.wBut,
div.Window>div.titleBar>div
{
  height:20px;
  width:20px;
}
div.titleDIV>div.title, div.titleDIVunfocused>div.title,
div.Window>div.titleBar>span
{
  font-size:12px;
  padding:1.25px;
}
button.btnIcon {background-size: 20px}


button.tick {background-image: url(img/tickGreenSmall.png)}
button.tick:hover {background-image: url(img/tickGreenBoldSmall.png)}
button.green.tick {background-image: url(img/tickSmall.png)}
button.green.tick:hover {background-image: url(img/tickBoldSmall.png)}
button.tick:disabled, button.tick:disabled:hover, button.green.tick:disabled, button.green.tick:disabled:hover {background-image: url(img/tickGreySmall.png)}

button.cancel {background-image: url(img/cancelRedSmall.png)}
button.cancel:hover {background-image: url(img/cancelRedBoldSmall.png)}
button.red.cancel {background-image: url(img/cancelSmall.png)}
button.red.cancel:hover {background-image: url(img/cancelBoldSmall.png)}
button.cancel:disabled, button.cancel:disabled:hover, button.cancel.red:disabled, button.cancel.red:disabled:hover {background-image: url(img/cancelGreySmall.png)}

button.add {background-image: url(img/addGreenSmall.png)}
button.add:hover {background-image: url(img/addGreenBoldSmall.png)}
button.green.add {background-image: url(img/addSmall.png)}
button.green.add:hover {background-image: url(img/addBoldSmall.png)}
button.add:disabled, button.add:disabled:hover, button.green.add:disabled, button.green.add:disabled:hover {background-image: url(img/addGreySmall.png)}

button.next {background-image: url(img/rightGreenSmall.png)}
button.next:hover {background-image: url(img/rightGreenBoldSmall.png)}
button.green.next {background-image: url(img/rightSmall.png)}
button.green.next:hover {background-image: url(img/rightBoldSmall.png)}
button.next:disabled, button.next:disabled:hover, button.green.next:disabled, button.green.next:disabled:hover {background-image: url(img/rightGreySmall.png)}

button.previous {background-image: url(img/leftGreenSmall.png)}
button.previous:hover {background-image: url(img/leftGreenBoldSmall.png)}
button.green.previous {background-image: url(img/leftSmall.png)}
button.green.previous:hover {background-image: url(img/leftBoldSmall.png)}
button.previous:disabled, button.previous:disabled:hover, button.green.previous:disabled, button.green.previous:disabled:hover {background-image: url(img/leftGreySmall.png)}


.powerButtonOff {  background:url('../img/icons/logoutDual.png');  background-repeat: no-repeat;  background-position: left;}
.powerButtonOn {  background:url('../img/icons/logoutDual.png');  background-repeat: no-repeat;  background-position: right;}
.bidIcon { background:url('../img/icons/bidIcon3positions.png'); background-repeat: no-repeat; background-position: left;}
.bidIconMid { background:url('../img/icons/bidIcon3positions.png'); background-repeat: no-repeat;  background-position: center;}
.bidIconDown { background:url('../img/icons/bidIcon3positions.png'); background-repeat: no-repeat; background-position: right;}
.settingsIcon1 { background:url('../img/icons/settingsIcon64x3.png'); background-repeat: no-repeat; background-position: left;}
.settingsIcon2 { background:url('../img/icons/settingsIcon64x3.png'); background-repeat: no-repeat; background-position: center;}
.settingsIcon3 { background:url('../img/icons/settingsIcon64x3.png'); background-repeat: no-repeat; background-position: right;}
.coinIcon { background:url('../img/icons/coinIcon3.png'); background-repeat: no-repeat; background-position: left;}
.coinIconMid { background:url('../img/icons/coinIcon3.png'); background-repeat: no-repeat;  background-position: center;}
.coinIconDown { background:url('../img/icons/coinIcon3.png'); background-repeat: no-repeat; background-position: right;}
.uploadIcon1 { background:url('../img/icons/uploadIconAnimated.png'); background-repeat: no-repeat; background-position: top left;}
.uploadIcon2 { background:url('../img/icons/uploadIconAnimated.png'); background-repeat: no-repeat; background-position: top center;}
.uploadIcon3 { background:url('../img/icons/uploadIconAnimated.png'); background-repeat: no-repeat; background-position: top right;}
.uploadIcon4 { background:url('../img/icons/uploadIconAnimated.png'); background-repeat: no-repeat; background-position: bottom left;}
.uploadIcon5 { background:url('../img/icons/uploadIconAnimated.png'); background-repeat: no-repeat; background-position: bottom center;}
.uploadIcon6 { background:url('../img/icons/uploadIconAnimated.png'); background-repeat: no-repeat; background-position: bottom right;}
.uploadIcon7 { background:url('../img/icons/folderBigger.png');}
.windowsIcon { background:url('../img/icons/windows.png'); background-repeat: no-repeat; background-position: left;}
.windowsIcon2 { background:url('../img/icons/windows.png'); background-repeat: no-repeat;  background-position: center;}
.windowsIcon3 { background:url('../img/icons/windows.png'); background-repeat: no-repeat; background-position: right;}
.helpIcon { background:url('../img/icons/help.png'); background-repeat: no-repeat;   background-position: left;}
.helpIcon:hover { background:url('../img/icons/help.png'); background-repeat: no-repeat; background-position: right;}

#iconDIV {width:70px}
#baseIcons, #userIcons {width:68px}
#baseIcons>div, #userIcons>div {padding-top:4px;margin-top:4px;}
#baseIcons>div>div:first-child, #userIcons>div>div:first-child { width:64px; height:64px;}
#baseIcons>div>div:not(:first-child), #userIcons>div>div:not(:first-child) { font-size:10px; padding-bottom:4px}
div.desktopDIV {left:70px; width:calc(100% - 70px); }