html, body {
  font-family: "Varela Round", sans-serif, Trebuchet MS;
  background-color: silver;
  background-attachment: fixed;
  background-position: center; }

/* Temporary styles */
div#make-window {
  background-color: white;
  border: 1px solid gray;
  padding: 14px;
  width: 350px;
  filter: alpha(opacity=85);
  opacity: 0.85; }

/* MDIWindow Styling | Generic */
div.window-title {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 16px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
  padding-left: 7px;
  border-top: 1px solid #959595;
  border-right: 1px solid #959595;
  border-left: 1px solid #959595; }

div.window-focused div.window-title {
  border-top: 1px solid #6262ff;
  border-right: 1px solid #6262ff;
  border-left: 1px solid #6262ff; }

div.window-outer {
  font-size: 13px;
  top: 25px;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  border-left: 1px solid gray; }

div.window-inner {
  padding: 7px; }

div.window-close a {
  color: white;
  border: 1px solid #014d8c; }

div.window-close a:hover {
  background-color: #014D8C;
  border: 1px solid white; }

/* MDIWindow Styling | Normal state */
div.window-styled div.window-title, div.window-styled div.window-outer {
  -webkit-box-shadow: 5px 5px 10px #1a1a1a;
  -moz-box-shadow: 5px 5px 10px #1a1a1a;
  box-shadow: 5px 5px 10px #1a1a1a; }

div.window-styled div.window-title {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #525252), color-stop(1, #91acbe));
  background-image: -moz-linear-gradient(center bottom, #525252 0%, #91acbe 100%);
  filter: alpha(opacity=95);
  opacity: 0.95; }

div.window-styled div.window-outer {
  background-color: #F7F7F0;
  filter: alpha(opacity=95);
  opacity: 0.95; }

div.window-focused.window-styled div.window-title {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0057b3), color-stop(1, #0099ff));
  background-image: -moz-linear-gradient(center bottom, #0057b3 0%, #0099ff 100%);
  filter: alpha(opacity=85);
  opacity: 0.85; }

/* MDIWindow Styling | Dragging state */
div.window-dragged div.window-title {
  background-color: #0070D5;
  background-image: none; }

div.workspace-bar {
  height: 32px; }

div.window-dragged div.window-outer {
  background: none; }

div.window-dragged div.window-title, div.window-dragged div.window-outer {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

a.workspace-tab {
  height: 32px;
  width: 48px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid black;
  background-color: #E9E9E9;
  padding-top: 6px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  color: black;
  margin-top: 10px;
  filter: alpha(opacity=95);
  opacity: 0.95; }

a.workspace-tab:hover {
  background-color: #DADADA;
  margin-top: 0px; }

a.workspace-tab-active {
  font-weight: bold;
  background-color: #B9B9B9;
  color: #BC0000; }

a.workspace-tab-popup {
  margin-top: 0px; }

a.workspace-tab-add {
  background-color: #C8C8C8;
  filter: alpha(opacity=85);
  opacity: 0.85; }