/* ********************************************************************
 * SubGlobal stylesheet for Single frame layout tools
 *
 * - See also frame specific stylesheets which override styles
 *   contained in this document
 *   - 350FR.css
 *   - 3700FR.css
 *   - 500FR.css
 *   - EMX3-FR.css
 *
 */
p.footer {
  font-size:12px;
  margin-top:5px;
  clear:both;
  text-align:center;
}
p.footer #footer_power {
  display:none;
}


/* ***** Outer box properties ************************************** */
#mainlayout {
  width:750px;
}


/* ***** Frame Area ************************************************ */
#frame {
  clear:both;
  position:relative;
  height:316px;
  width:750px;
  visibility:visible;
  z-index:10;
  background:#ffffff url(../img/frame.bkg.png) repeat scroll top left;
  margin-bottom:13px;
}

#frame #ps1,
#frame #ps2 {
  position:absolute;
  top:0px;
  right:100%;
  height:316px;
  z-index:0;
  background:#ffffff url(../img/frame.bkg.png) repeat scroll top left;
}
#frame #ps2 {
  left:100%;
  display:none;
}

#frame #plates {
  height:100%;
  width:750px;
  width:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  background:transparent none no-repeat scroll left top;
}
#frame #plates img {
  display:none;
  height:316px;
  position:absolute;
  top:0px;
  cursor:pointer;
  z-index:1;
}
#frame #plates img.rearonly {
  opacity:0.5;
  filter:alpha(opacity=50);
}
#frame #plates img.notordered {
  background-color:#cc0000;
}
#frame #plates img.dragon {
  cursor:e-resize;
  z-index:10;
}
#frame #frameimage {
  position:absolute;
  top:0px;
  visibility:hidden;
  z-index:10;
}

body.oneru #mainlayout #frame #plates img {
  height:auto;
}
body.sixru #mainlayout #frame #plates img {
  height:645px;
}
body.oneru #mainlayout #frame,
body.oneru #mainlayout #frame #ps1,
body.oneru #mainlayout #frame #ps2 {
  height:112px;
}
body.sixru #mainlayout #frame,
body.sixru #mainlayout #frame #ps1,
body.sixru #mainlayout #frame #ps2 {
  height:645px;
}

#frame #labels {
  font-size:10px;
  position:absolute;
  bottom:-15px;
  left:0px;
  margin:0px;
  z-index:0;
}
#frame #labels table tr td {
  width:48px;
  padding:0px;
  border:1px outset #dddddd;
  background-color:#dddddd;
  cursor:pointer;
  text-align:center;
}
#frame #labels table.rota tr td {
  width:16px;
  height:50px;
}
#frame #labels table tr td.selected {
  border:1px inset #ffd700;
  background-color:#ffd700;
}


/* ***** Module Status table *************************************** */
#status {
  width:429px;
  font-size:12px;
  float:left;
  margin:5px 0px;
  position:relative;
  background-color:#777777;
  -webkit-box-shadow:0px 2px 7px #666666;
  -moz-box-shadow:0px 2px 7px #666666;
  box-shadow:0px 2px 7px #666666;
}
#status thead tr th {
  background:#ffee88 url(/img/popup.header.png) repeat-x scroll left top;
  font-weight:normal;
  text-align:left;
  padding:2px 4px;
  color:#ffffff;
  font-size:12px;
  background:#000000 url(/img/products.headbkg-inv.png) no-repeat scroll right center;
}
#status thead tr th span.fakelink {
  float:right;
  font-weight:bold;
  font-size:12px;
  color:#ffff00;
}

#status tfoot tr th {
  width:18px;
  text-align:center;
  background-color:#999999;
  cursor:pointer;
  font-size:11px;
}
#status tfoot tr td {
  background-color:#cccccc;
  text-align:left;
  padding:2px 4px;
  font-size:11px;
}

#status tbody tr th {
  width:18px;
  text-align:center;
  background-color:#bbbbbb;
  cursor:pointer;
  font-size:11px;
}
#status tbody tr th img {
  vertical-align:middle;
  cursor:pointer;
}
#status tbody tr th.selected {
  background-color:#ffd700;
}
#status tbody tr td {
  background-color:#f6f6f6;
  padding:0px;
  font-size:11px;
}
#status tbody tr td div {
  width:181px;
  padding:2px 4px;
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
}
#status tbody tr td.rearonly {
  color:#666666;
}
#status tbody tr td.notordered {
  text-decoration:line-through;
}
#status tfoot tr td.divider,
#status tbody tr td.divider {
  width:5px;
  padding:0px;
  border:0px none;
  background-color:#ffffff;
}
#status tbody tr th.closed {
  color:#bbbbbb;
}
#status tbody tr td.closed {
  color:#f6f6f6;
  background:#f6f6f6 url(../img/Bulk/slot.closed.bkg.png) repeat scroll left top;
}
#status tbody tr td select {
  font-size:11px;
}

#mainlayout.narrow #status {
  width:219px;
  margin-left:105px;
}


/* ***** Control Panel ********************************************* */
#controls {
  margin:5px 6px 0px 434px;
  padding:3px 3px 0px 3px;
  list-style-type:none;
  position:relative;
  height:172px;
  border-top:1px solid #bbbbbb;
  border-left:1px solid #bbbbbb;
  border-bottom:1px solid #888888;
  border-right:1px solid #888888;
  background:#ffffff url(../img/controls.bkg.jpg) repeat-y scroll right top;
  -webkit-border-radius:0px 6px 6px 6px;
  -moz-border-radius:0px 6px 6px 6px;
  border-radius:0px 6px 6px 6px;
  -webkit-box-shadow:0px 2px 7px #666666;
  -moz-box-shadow:0px 2px 7px #666666;
  box-shadow:0px 2px 7px #666666;
}

#controls #tabs {
  position:absolute;
  top:6px;
  left:309px;
  height:170px;
  padding:0px;
  margin:0px;
  list-style-type:none;
  text-align:left;
}
#controls #tabs li {
  border-top:1px solid #999999;
  border-bottom:1px solid #444444;
  border-right:1px solid #999999;

  background-color:#fafafa;
  overflow:hidden;
  margin:0px 0px 3px 0px;
  cursor:pointer;

  padding:5px 4px;
  text-align:left;
  font-size:11px;
  width:40px;
  color:#000088;
  -webkit-border-radius:0px 6px 6px 0px;
  -moz-border-radius:0px 6px 6px 0px;
  border-radius:0px 6px 6px 0px;
  -webkit-box-shadow:0px 2px 4px #aaaaaa;
  -moz-box-shadow:0px 2px 4px #aaaaaa;
  box-shadow:0px 2px 4px #aaaaaa;
}
#controls #tabs li.selected {
  position:relative;
  left:-1px;
  width:41px;
  background-color:#cccccc;
}
#controls #tabs li img {
  vertical-align:middle;
}

#mainlayout.narrow #controls {
  margin:5px 111px 0px 329px
}


/* ***** Control Panel Pages *************************************** */
#controls .page {
  display:block;
  height:168px;
}
#controls .page .cfoot {
  position:absolute;
  bottom:3px;
  left:3px;
  width:294px;
  font-size:11px;
  text-align:center;
  border-top:2px groove #cccccc;
}


/* ***** Control Panel Edit Page *********************************** */
#controls #controls_edit {
  display:block;
}
#controls #controls_edit ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#controls #controls_edit ul li {
  clear:right;
  height:22px;
  text-align:center;
}
#controls #controls_edit ul li #module {
  float:left;
  position:relative;
  border:1px inset #dddddd;
  background-color:#dddddd;
  font-size:11px;
  width:193px;
  height:18px;
  line-height:18px;
  text-align:left;
  padding:0px 0px 0px 3px;
  overflow:hidden;
  cursor:pointer;
}
#controls #controls_edit ul li #module img {
  position:absolute;
  top:0px;
  right:0px;
  cursor:pointer;
}

#controls #controls_edit ul li div.button {
  border:1px outset #dddddd;
  background-color:#dddddd;
  color:#000000;
  font-size:11px;
  height:18px;
  line-height:18px;
  width:48px;
  cursor:pointer;
  text-align:center;
  white-space:nowrap;
  float:right;
  margin-left:1px;
  vertical-align:top;
}
#controls #controls_edit ul li div.button.inactive {
  color:#888888;
  cursor:auto;
}
#controls #controls_edit ul li div.button.active {
  border-style:inset;
}
#controls #controls_edit ul li div.button.highlight {
  border-color:#ffd700;
  background-color:#ffd700;
}

#controls #controls_edit ul li span {
  line-height:20px;
  font-size:12px;
  font-weight:bold;
}
#controls #controls_edit ul #clipper {
  text-align:left;
}
#controls #controls_edit ul li #clipboard {
  border:1px inset #bbbbbb;
  color:#222222;
  background-color:#bbbbbb;
  font-size:11px;
  height:18px;
  line-height:18px;
  width:193px;
  text-align:left;
  padding:0px 0px 0px 3px;
  overflow:hidden;
}

#controls #controls_edit ul #power {
  font-size:11px;
  text-align:left;
  height:20px;
  position:relative;
  padding:0px;
  display:none;
}
#controls #controls_edit ul #power #scale {
  height:14px;
  border:1px inset #808080;
  background-color:#dddddd;
  float:right;
  width:200px;
  overflow:hidden;
}
#controls #controls_edit ul #power #scale #value {
  height:100%;
  width:3px;
  background-color:#00c800;
}
#controls #controls_edit ul #power #scale #display {
  position:absolute;
  top:2px;
  right:5px;
  height:14px;
  width:45px;
  border-left:1px solid #000000;
  text-align:right;
  font-weight:bold;
}

#controls #controls_edit #author {
  border-top:2px groove #444444;
  background:transparent url(../img/author.bkg.png) no-repeat scroll top left;
  margin:0px;
  width:100%;
  min-height:108px;
}
#controls #controls_edit #author thead tr th {
  font-size:11px;
  padding:0px;
  vertical-align:top;
  text-align:left;
}
#controls #controls_edit #author tbody tr td {
  text-align:right;
  height:22px;
  padding:0px;
}
#controls #controls_edit #author tbody tr td label {
  font-size:11px;
  text-align:right;
}
#controls #controls_edit #author tbody tr td label input,
#controls #controls_edit #author tbody tr td label select,
#controls #controls_edit #author tbody tr td label textarea {
  font-size:11px;
  border:1px inset #dddddd;
  width:220px;
  background-color:#ffffff;
  padding:0px 1px 1px;
  margin:0px;
  vertical-align:top;
}
#controls #controls_edit #author tbody tr td label textarea {
  height:36px;
}
#controls #controls_edit #author tbody tr td label select optgroup {
  font-style:normal;
  margin-top:10px;
}
#controls #controls_edit #author tbody tr.double td label input {
  width:90px;
}


/* ***** Control Panel Quote Page ********************************** */
#controls #controls_quote {
  display:none;
  text-align:left;
  font-size:11px;
  position:relative;
  padding:2px;
}
#controls #controls_quote h2 {
  margin:0px;
  font-size:14px;
}
#controls #controls_quote p {
  margin:5px 2px;
}
#controls #controls_quote button {
  font-size:11px;
}
#controls #controls_quote #link_send {
  position:absolute;
  top:2px;
  right:2px;
}
#controls #controls_quote h3 {
  margin:0px;
  font-size:12px;
}
#controls #controls_quote #interface {
  margin-top:4px;
}


/* ***** Control Panel Save Page *********************************** */
#controls #controls_save {
  display:none;
  text-align:left;
  font-size:11px;
  position:relative;
  padding:2px;
}
#controls #controls_save h2 {
  margin:0px;
  font-size:14px;
}
#controls #controls_save dl {
  margin:0px 2px;
}
#controls #controls_save dl dt {
  margin-top:10px;
  color:#000088;
  cursor:pointer;
  text-decoration:underline;
}
#controls #controls_save dl dd {
  margin-left:20px;
}


/* ***** Control Panel Export Page ********************************* */
#controls #controls_export {
  display:none;
  text-align:left;
  font-size:11px;
  position:relative;
  padding:2px;
}
#controls #controls_export h2 {
  margin:0px;
  font-size:14px;
}
#controls #controls_export #saveLinks {
  margin:10px 0px 5px 0px;
  padding:0px;
  list-style-type:none;
  text-align:center;
}
#controls #controls_export #saveLinks li {
  display:inline;
  margin:0px 5px;
}


/* ***** Control Panel Printed Page ******************************** */
#controls div.print {
  text-align:left;
  font-size:11px;
  display:none;
}
#controls div.print var {
  position:absolute;
  font-style:normal;
  top:1px;
  right:3px;
}
#controls div.print h2 {
  margin:0px;
  font-size:14px;
}
#controls div.print dl {
  margin:3px;
}
#controls div.print dl dt {
  font-weight:bold;
  float:left;
  width:90px;
}
#controls div.print dl dt.full {
  float:none;
}
#controls div.print dl dd {
  border-top:1px solid #cccccc;
  padding-bottom:1px;
  padding-left:20px;
  text-align:right;
  margin:0px;
}
#controls div.print dl #print_project {
  display:block;
  padding-left:10px;
  text-align:left;
}


/* ***** Popup Selector ******************************************** */
#selector {
  top:47px;
  left:432px;
}
body.sixru #selector {
  top:378px;
}
#mainlayout.narrow #selector {
  left:327px;
}


/* ***** Popup Instructions **************************************** */
#manual {
  background:#ffffd9 url(../img/instructions.bkg.jpg) no-repeat scroll bottom right;
  top:-350px;
  left:0px;
  width:728px;
  height:294px;
}
#manual img.closer {
  right:23px;
}
#manual h2,
#manual h3 {
  margin-right:35px;
}
#manual p,
#manual dl {
  margin-right:190px;
}


/* ***** Print Styles ********************************************** */
@media print {
  #frame {
    height:290px;
  }
  body.sixru #frame {
    height:460px;
  }
  #frame * {
    visibility:hidden;
  }

  #frame #frameimage {
    visibility:visible;
    width:960px;
    height:284px;
    left:-102px;
  }
  body.sixru #frame #frameimage {
    width:750px;
    height:456px;
    left:0px;
  }

  #status tbody tr th.selected {
    background-color:#bbbbbb;
  }

  #controls {
    border-top:1px solid #000000;
  }

  #controls #tabs,
  #controls_edit,
  #controls_quote,
  #controls_save,
  #labels,
  #homelink,
  #manual,
  #manualink {
    display:none !important;
  }
}