body {
   min-width: 105px;
   background-color:#efefef;
   font-family: Comicsans, Verdana, Arial, Sans-serif;
}

/* ----- Instructions and Buttons ----- */
.group3b2b {
   float: left;
   width: 65%;
}

.instrtopbot {
   clear: both;
   height: 30px;
   width: 100%;
}

.instrleftright {
   float: left;
   width: 10%;
}

div.instructions {
   float: left;
   background-color: #ffffff;
   color: #000000;
   width: 80%;
   text-size: xx-small;
   font-family: Papyrus, Tahoma, Sans-serif;
}

p.instructions {
   padding-left: 2px; 
   padding-right: 5px; 
   line-height: 80%;
   margin-top: 10px;
   margin-bottom: 10px;
}

.buttons {
   height: 48px;
   width: 100%;
}

/* ----- Just Left ----- */
.justleft {
  float: left;
}

/* ----- Logo ----- */
div.renasewsframe {
  float: left;
  font-size: large;
  font-family: Verdana, Arial, Sans-serif;
}

div.renasews {
  padding-left: 40px;
}

/* ----- Dresses - Multiple ----- */
div.dress {
  float: left;
  height: 170px;
  width: 110px;
  border-width: 5px;
  border-color: #3f00cf;
  target: _blank;
}
img.dress {
  float: left;
  height: 150px;
  width: 100px;
  target: _blank;
}

/* isn't working hard coded for now */
.dressname {
  color: white;
}

/* ----- Preview Pane ----- */
div.preview1txt {
  float: left;
  width: 120px;
  background-color: #333366;
}

a.preview1txt {
  color: #ffffff;
  font-size: small;
  target: _blank;
}

div.preview1 {
    height: 470px;
    width: 320px;
    float: left;
}

img.preview1 {
  margin: 10px;
  width: 300px;
  height: 450px;
} 

/* ----- Page Tabs ----- */
.tabs {
  padding: 20px;
}

.tabi {                    
  background-color: #000066;
  color: #66ccff;
  font-size: small; 
  font-weight: bold;
  border-color: #e6e6ff;
  border-width: 5px;
  border-style: inset; 
  padding: 1%;
}

.tabo {                    
  background-color: #66ccff;
  color: #000066;
  font-size: small; 
  font-weight: bold;
  border-color: #e6e6ff;
  border-width: 5px;
  border-style: outset; 
  padding: 1%;
/*  display: none; */
}

.tabis {                    
  font-size: small; 
  font-weight:bold;
  border-width: 5px;
  border-style: inset; 
  padding: 1%;
/*  visibility: hidden; */
}

.tab1 {
  display: block;
}

.tab2 {
/*  display: none; */
}

.tab3 {
/*  display: none; */
}

/* ============================ */
/*      CHART                   */
/* ============================ */
/* Chart Frame                  */
.chartframe {
  border-top: 2px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-color: #000000;
}

.sizes {
  font-size: x-large;
  font-weight: bold;
}

/* Table - Sizing, Fabric chart */
.sizechart {
  font-size: small;
  width: 100%;
}

/* Header Row */
.trh {
  font-size: large;
  font-weight: bold;
}

/* Sub-Header Row */
.trsh {
  font-size: medium;
  font-weight: bold;
}

/* Standard Row */
.tr {
  font-size: small;
}

/* Column Header */
.tdh {
  font-size: large;
  font-weight: bold;
}

/* Column Header - additional text */
.tdht {
  font-size: large;
  text-align: left;
  padding-left: 1%;
}

/* Sub-Header Row */
.tdsh {
  font-size: medium;
}

/* Line Header */
.tdl {
  font-size: medium;
  width: 15%;
  text-align: right;
  padding-right: 1%;
}

/* Standard cell */
.td {
  font-size: small;
  width: 7%;
  text-align: center;
}

/* multiple cells */
.tdm {
  font-size: small;
  width: 7%;
}

/* title cell */
.tdt {
  font-size: small;
  width: 7%;
  text-align: center;
  border-bottom-color: black;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/* Narrow Columns Header */
.ntdh {
  font-size: large;
  font-weight: bold;
}

/* Narrow columns Line Header */
.ntdl {
  font-size: small;
  width: 15%;
  text-align: right;
  padding-right: 1%;
}

/* Narrow columns Standard cell */
.ntd {
  font-size: small;
  width: 5%;
  text-align: center;
}

/* Narrow columns multiple cells */
.ntdm {
  font-size: small;
  width: 5%;
}

/* Narrow columns title cell */
.ntdt {
  font-size: small;
  width: 5%;
  text-align: center;
  border-bottom-color: black;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/* ============================ */
/* Thumbnail */
.thumbnailframe {
  width: 150px;
}
.thumbnailsubframe {
  width: 100%; 
  font-size: x-small;
}
.thumbnailtextframe {
  float: left;
  width: 140px;
}
.additionalthumbnail {
  width: 100;
  height: 150;
  border-width: 2px; 
  border-color: #333366; 
  border-style: solid;
}

/* Pattern List Section */
.pattern {
  colspan: 1;
  align: center;
  font-size: 60px;
}