* {
    font-size: 14px;
    line-height: 1.3125;
    /*
    Even smaller:
    font-size: 12px;
    line-height: 1.125;
    */
}

.desktop {
    background-color: white;
    color: red;
    font: bold 10pt Verdana, sans-serif;
}

.layout {
	font: message-box;
}

.link {
	color: black;
	font: normal 8pt Verdana, sans-serif;
}
.link:hover {
	text-decoration: underline;
}
.link IMG {
	border: none;
	vertical-align: middle;
}

.box {
    background-color: #fafbfe;
    border-color: #5c93d5;
    border-style: solid;
    border-width: 1px;
    color: WindowText;
    cursor: default;
    font: bold 8pt Verdana, sans-serif; 
}
.box_inversed {
    background-color: white;
    /*border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;*/
    border-color: #5c93d5;
    border-style: solid;
    border-width: 1px;
    color: WindowText;
    cursor: default;
    font: bold 8pt Verdana, sans-serif;
}
.label {
    color: WindowText;
    font: normal 8pt Verdana, sans-serif;
    text-align: left;
}
.button {
	background-color: #5c93d5;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	border-style: solid;
	border-width: 1px;
	color: ButtonText;
	color: white;
    cursor: default;
    font: bold 8pt Verdana, sans-serif !important;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
.input {
	background-color: Window;
	color: WindowText;
	font: normal 8pt Verdana, sans-serif !important;
    border-width: 1px;
    border-style: solid;
    border-color: ThreeDDarkShadow ThreedLightShadow ThreedLightShadow ThreeDDarkShadow;
    background-repeat: no-repeat;
    background-position: right;
    vertical-align: middle;
}
.input[readonly] {
    background-color: transparent;
    border: 1px solid #ddd;
}
.input[type=radio]:disabled + .label {
    color: rgba(0,0,0,.5);
}
.input_highlight {
	color: Black;
	background-color: #FFFF99;
}
.menu {
    background-color: Menu;
    border-width: 1px;
    border-style: solid;
    border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
    color: MenuText;
    cursor: default;
    font: menu;
    margin: 0px;
    padding: 5px;
    text-align: left;
}

.menuitem {
	color: MenuText;
	cursor: default;
	display: block;
	padding: 3px 1em;
	text-decoration: none;
	white-space: nowrap;
}

.menuitem:hover,
.menuitem_highlight {
	background-color: Highlight;
	color: HighlightText;
}

.menuseperator {
	border-top: 1px solid ThreeDShadow;
	border-bottom: 1px solid ThreeDHighlight;
	margin: 4px 2px;
}

.menubutton {
  border: 1px solid Menu;
  color: #000000;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  text-decoration: none;
}

.menubutton:hover {
	background-color: transparent;
	border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	color: #000000;
}

.menubutton_highlight,
.menubutton_highlight:hover {
  background-color: #a0a0a0;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
}





/****************
 *              *
 *  VERSION 2   *
 *              *
 ****************

.desktop {
	background-color: rgb(226,226,243);
    color: red;
    font: bold 10pt Verdana, sans-serif;
}

.layout {
	font: message-box;
}

.link {
	color: black;
	font: normal 8pt Verdana, sans-serif;
}
.link:hover {
	text-decoration: underline;
}
.link IMG {
	border: none;
	vertical-align: middle;
}

.box {
    background-color: rgb(226,226,243);
 	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	border-style: solid;
	border-width: 1px;
	color: WindowText;
    cursor: default;
	font: bold 8pt Verdana, sans-serif;
}
.box_inversed {
    background-color: rgb(226,226,243);
 	border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
	border-style: solid;
	border-width: 1px;
	color: WindowText;
    cursor: default;
	font: bold 8pt Verdana, sans-serif;
}

.label {
	color: WindowText;
    font: normal 8pt Verdana, sans-serif;
}
.button {
	background-color: rgb(198,198,232);
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	border-style:solid;
	border-width: 1px;
	color: black;
    cursor: default;
    font: normal 8pt Verdana, sans-serif;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
.input {
	background-color: Window;
	color: black;
	font: normal 8pt Verdana, sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: ThreeDDarkShadow ThreedLightShadow ThreedLightShadow ThreeDDarkShadow;
    background-repeat: no-repeat;
    background-position: right;
}
.input_highlight {
	color: Black;
	background-color: #FFFF99;
}
.menu {
    background-color: Menu;
    border-width: 1px;
    border-style: solid;
    border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
    color: MenuText;
    cursor: default;
    font: menu;
    margin: 0px;
    padding: 5px;
    text-align: left;
}

.menuitem {
	color: MenuText;
	cursor: default;
	display: block;
	padding: 3px 1em;
	text-decoration: none;
	white-space: nowrap;
}

.menuitem:hover,
.menuitem_highlight {
	background-color: Highlight;
	color: HighlightText;
}

.menuseperator {
	border-top: 1px solid ThreeDShadow;
	border-bottom: 1px solid ThreeDHighlight;
	margin: 4px 2px;
}

.menubutton {
  border: 1px solid Menu;
  color: #000000;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  text-decoration: none;
}

.menubutton:hover {
	background-color: transparent;
	border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	color: #000000;
}

.menubutton_highlight,
.menubutton_highlight:hover {
  background-color: #a0a0a0;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
}
.panel {
    background-color: rgb(226,226,243);
 	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	border-style: solid;
	border-width: 1px;
	color: WindowText;
    cursor: default;
	font: bold 8pt Verdana, sans-serif;
}
*/





/*****************
 *               *
 *   VERSION 1   *
 *               *
 *****************

.desktop {
	background-image: url(../assets/datadia/application/img/background.gif);
	background-repeat: repeat-x;
	background-color: #1C142C;
    color: #B5B2BA;
}

.layout {
	font: caption;
}

.box {
    background-color: #0C0122;
    border: 1px solid #5A5661;
    cursor: default;
	font: menu;
	padding: 5px;
}

.button {
	background-color: #185EAC;
	border-color: #6EA8DB #133363 #133363 #6EA8DB;
	border-width: 1px;
	color: #E6FFFF;
    cursor: default;
	padding: 5px;
}

.input {
	font: caption;
	color: #FFFFFF;
	background-color: #0F002A;
	border: 1px solid #393149;
}

.input_highlight {
	color: #000000;
	background-color: #F97918;
}

.menu {
    background-color: #185EAC;
    border-width: 1px;
    border-style: solid;
    border-color: #6EA8DB #133363 #133363 #6EA8DB;
    color: #E6FFFF;
    cursor: default;
    font: menu;
}

.menuitem {
	color: #E6FFFF;
	cursor: default;
	display: block;
	padding: 3px 1em;
	text-decoration: none;
	white-space: nowrap;
}

.menuitem:hover,
.menuitem_highlight {
	background-color: 0A246A;
	color: #FFFFFF;
}

.menuseperator {
	border-top: 1px solid #133363;
	border-bottom: 1px solid #6EA8DB;
	margin: 4px 2px;
}

.menubutton {
  border: 1px solid #185EAC;
  color: #E6FFFF;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  text-decoration: none;
}

.menubutton:hover {
	background-color: transparent;
	border-color: #6EA8DB #133363 #133363 #6EA8DB;
	color: #E6FFFF;
}

.menubutton_highlight,
.menuButton_highlight:hover {
	border-color: #133363 #6EA8DB #6EA8DB #133363;
}
*/