/* ToonJet Window Factory CSS - Custom classes for GlassWin component */

/* Window container */
.cartoon-window {
  position: relative;
  display: block;
}

/* Table and cells */
.d-table {
  display: table;
}

/* .d-table-cell {
  display: table-cell;
} */

/* Window header styles */
.cartoon-window-header {
  margin: 0 auto 5px auto;
  text-align: center;
}

.cartoon-window-subheader {
  width: 100%;
}

/* Window content area */
.cartoon-window-content {
  min-height: 75px;
}

/* Window color variations */
.cartoon-window-grey {
  background-color: #dbdbdb;
}

.cartoon-window-darkblue {
  background-color: #596d8a;
}

.cartoon-window-lightblue {
  background-color: #8caeda;
}

.cartoon-window-yellow {
  background-color: #d9d18b;
}

.cartoon-window-brown {
  background-color: #8a7c58;
}

/* Window edge pieces */
.cartoon-window-top {
  height: 16px;
  line-height: 0;
}

.cartoon-window-top-middle {
  height: 17px;
}

.cartoon-window-left {
  height: 100%;
  vertical-align: top;
  line-height: 0;
}

.cartoon-window-right {
  height: 100%;
  min-width: 17px;
  width: 17px !important;
  box-sizing: border-box;
  padding: 0;
  text-align: left;
}

.cartoon-window-bottom {
  height: 22px;
  padding-left: 1px;
  line-height: 0;
}

.cartoon-window-bottom-middle {
  height: 22px;
  line-height: 0;
}

.cartoon-window-edge {
  min-width: 17px;
  width: 17px !important;
  box-sizing: border-box;
  padding: 0;
}

/* Text colors */
.tj-text-white {
  color: #fff;
}

.tj-text-dark {
  color: #444;
}

/* Window type text colors */
.text-yellow-window {
  color: #444;
}

.text-grey-window {
  color: #444;
}

.text-brown-window {
  color: #fff;
}

.text-darkblue-window {
  color: #fff;
}

.text-lightblue-window {
  color: #fff;
}

/* Helper classes */
.bccc {
  border: 1px solid #545454;
}

.w-18 {
  width: 18px;
}

/* BlueWin specific classes */
.tj-bluewin-container {
  margin: 0;
}

.tj-bluewin-header {
  font-size: 13pt;
}

/* Link panel */
.tj-cartoon-link-panel {
  margin: 1em auto;
}

/* News styles */
.tj-news-title {
  font-size: 1.0rem;
  margin-bottom: 0.7rem;
}

/* Signup box styles */
.tj-signup-header {
  width: 95%;
  margin: 5px auto 0px auto;
  text-align: center;
}

.tj-signup-box {
  margin: 0px auto 10px auto; 
  width: 95%; 
  text-align: left;
}

.tj-signup-image-container {
  float: right;
  border-color: #404F63;
  border: 1px;
  border-style: dashed;
  margin-left: 15px;
  margin-right: 10px;
  margin-top: 5px;
  width: 150px;
  height: 150px;
}

.tj-signup-title {
  font-size: 1.1em;
}

.tj-signup-text {
  font-size: .8em;
}

/* Padding classes */

/* Font sizes */
.f-sm {
  font-size: 0.8em;
}

/* Background image styles */
.tj-bg-top-grey { background: url('/images/win_gr_02.jpg') repeat-x left top; }
.tj-bg-top-darkblue { background: url('/images/win_db_02.jpg') repeat-x left top; }
.tj-bg-top-lightblue { background: url('/images/win_lb_02.jpg') repeat-x left top; }
.tj-bg-top-yellow { background: url('/images/win_y_02.jpg') repeat-x left top; }
.tj-bg-top-brown { background: url('/images/win_br_02.png') repeat-x left top; }

.tj-bg-left-grey { background: url('/images/win_gr_05.png') repeat-y right top; }
.tj-bg-left-darkblue { background: url('/images/win_db_05.png') repeat-y right top; }
.tj-bg-left-lightblue { background: url('/images/win_lb_05.png') repeat-y right top; }
.tj-bg-left-yellow { background: url('/images/win_y_05.jpg') repeat-y right top; }
.tj-bg-left-brown { background: url('/images/win_br_05.jpg') repeat-y right top; }

.tj-bg-right { background-repeat: repeat-y; background-position: right bottom; }
.tj-bg-right-grey { background-image: url('/images/win_gr_07.jpg'); }
.tj-bg-right-darkblue { background-image: url('/images/win_db_07.jpg'); }
.tj-bg-right-lightblue { background-image: url('/images/win_lb_07.jpg'); }
.tj-bg-right-yellow { background-image: url('/images/win_y_07.jpg'); }
.tj-bg-right-brown { background-image: url('/images/win_br_07.jpg'); }

.tj-bg-bottom-grey { background: url('/images/win_gr_09.png') repeat-x right top; }
.tj-bg-bottom-darkblue { background: url('/images/win_db_09.png') repeat-x right top; }
.tj-bg-bottom-lightblue { background: url('/images/win_lb_09.png') repeat-x right top; }
.tj-bg-bottom-yellow { background: url('/images/win_y_09.jpg') repeat-x right top; }
.tj-bg-bottom-brown { background: url('/images/win_br_09.png') repeat-x right top; }

/* Color classes for headers */
.c444 { color: #444; }

/* Cartoon panel classes */
.tj-cartoon-panel {
  min-height: 320px;
}

.tj-cartoon-title {
  font-size: 11pt;
}

.tj-icon-button {
  display: inline-block;
  border: 0;
  width: 18px;
}

.tj-thumbnail {
  border: thin solid;
}

.tj-thumbnail-container {
  text-align: center;
}