/* ********************************************************************
 * SubGlobal stylesheet for Bulk frame layout tool
 *
 */
iframe {
  display:none;
  width:100%;
}

h1.print {
  display:block;
}


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


/* ***** Frame Area ************************************************ */
#mainlayout #frames {
  width:698px;
  padding:0px 0px 10px 4px;
  background:#f9f9f9 url(../img/Bulk/frames.bkg.jpg) repeat-x scroll left top;
  margin-top:0px;
  z-index:0;
  text-align:left;
  clear:left;
}

#frames table {
  float:left;
  display:inline;
  margin:4px 0px 0px 4px;
  background-color:#777777;
  border:1px solid #dddddd;
}
#frames table.selected {
  border:1px solid #000000;
}
#frames table thead tr {
  background-color:#111111;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}
#frames table thead tr th {
  vertical-align:middle;
  white-space:nowrap;
  text-align:right;
  padding:0px 2px;
  font-size:12px;
}
#frames table thead tr th em {
  float:left;
  font-size:18px;
  font-style:italic;
}
#frames table thead tr th label {
  display:block;
  margin:3px 0px 0px 0px;
}
#frames table thead tr th label input {
  width:110px;
  font-size:11px;
  border:0px none;
  padding-left:3px;
}

#frames table tfoot tr {
  font-size:11px;
  color:#ffffff;
  background-color:#111111;
}
#frames table tfoot tr th {
  padding:2px 2px 4px 2px;
}
#frames table tfoot tr th img {
  vertical-align:middle;
  cursor:pointer;
}
#frames table tfoot tr td {
  padding:2px 4px;
  text-align:center;
}
#frames table tfoot tr td em,
#frames table tfoot tr td strong {
  height:16px;
  font-weight:bold;
  font-style:normal;
  white-space:nowrap;
  cursor:pointer;
}
#frames table tfoot tr td strong.disabled {
  color:#bbbbbb;
}
#frames table tfoot tr td div {
  font-size:11px;
  font-weight:bold;
  position:relative;
  cursor:pointer;
  width:90px;
  margin:0px 0px 0px auto;
  color:#ffe700;
  white-space:nowrap;
  text-align:right;
}
#frames table tfoot tr td div ul {
  display:none;
  position:absolute;
  bottom:-1px;
  right:-1px;
  border:1px solid #222222;
  background-color:#333333;
  list-style-type:none;
  margin:0px;
  padding:0px;
  width:95px;
  text-align:left;
}
#frames table tfoot tr td div ul li {
  white-space:nowrap;
  padding-left:3px;
}
#frames table tfoot tr td div ul li.hover {
  background-color:#555555;
}

#frames table tbody tr th {
  width:18px;
  height:12px;
  padding:2px 0px;
  background-color:#bbbbbb;
  font-size:11px;
  cursor:default;
  text-align:center;
}
#frames table tbody tr td {
  background-color:#f6f6f6;
  font-size:11px;
  padding:0px;
  cursor:default;
  vertical-align:top;
}
#frames table tbody tr td div {
  width:195px;
  height:12px;
  padding:2px 4px;
  white-space:nowrap;
  overflow:hidden;
}
#frames table tbody tr td div span {
  float:right;
  white-space:nowrap;
  font-size:9px;
}
#frames table tbody tr td.disabled,
#frames table tbody tr td.rearonly {
  color:#666666;
}
#frames table tbody tr td.notordered {
  text-decoration:line-through;
}
#frames table tbody tr.hover th {
  background-color:#a0a0a0;
}
#frames table tbody tr.hover td {
  background-color:#e0e0e0;
}
#frames table tbody tr.multiselect th {
  background-color:#eec600;
}
#frames table tbody tr.selected th {
  background-color:#ffd700;
}
#frames table tbody tr.selected td {
  background-color:#ffffff;
}
#frames table tbody tr.closed th {
  color:#bbbbbb;
}
#frames table tbody tr.closed td {
  color:#f6f6f6;
  background:#f6f6f6 url(../img/Bulk/slot.closed.bkg.png) repeat scroll left top;
}
#frames table tbody tr.blacked th {
  color:#888888;
  background-color:#888888;
}
#frames table tbody tr.blacked td {
  color:#666666;
  background-color:#666666;
}

#frames table tbody tr td input {
  display:block;
  margin:0px;
  padding:0px;
  height:14px;
  width:100%;
  border:0px none;
  font-size:11px;
  font-style:italic;
  color:#000000;
  background-color:transparent;
}
#frames table tbody tr td input.fade {
  color:#666666;
}
#frames table.labels tbody tr th {
  background-color:#bbbbff;
}
#frames table.labels tbody tr td {
  background-color:#eeeeff;
  color:#999999;
}

#frames table.empty thead tr,
#frames table.empty tfoot tr {
  color:#dddddd;
  background-color:#777777;
}
#frames table.empty tbody tr {
  color:#444444;
}

#frames #slotGondola {
  visibility:hidden;
  position:absolute;
  border:0px none;
  margin:0px;
  padding:0px;
  z-index:5;
}
#frames #slotGondola tbody tr td {
  font-size:12px;
}
#frames #slotGondola tbody tr td div {
  overflow:hidden;
}

#frames_add {
  position:absolute;
  top:5px;
  right:250px;
  text-align:right;
}
#frames_add button {
  font-size:11px;
  margin:0px;
  margin-bottom:6px;
}
#frames_add div {
  overflow:hidden;
  width:600px;
  position:absolute;
  top:26px;
  right:0px;
}
#frames_add div img {
  position:absolute;
  top:0px;
  display:none;
  cursor:pointer;
}
#frames_add div img#frames_page_left {
  left:0px;
}
#frames_add div img#frames_page_right {
  right:0px;
}
#frames_add div var {
  background-color:#ffffff;
  font-style:normal;
  white-space:nowrap;
}
#frames_add div var span {
  color:#0000bb;
  cursor:pointer;
}
#frames_add div var span.selected {
  color:#000000;
  font-weight:bold;
  cursor:default;
}
#frames_add div.overflow {
  background-color:#ffffff;
}
#frames_add div.overflow img {
  display:inline;
}
#frames_add div.overflow var {
  padding:0px 15px;
  position:relative;
}


/* ***** Information Column **************************************** */
#column {
  position:absolute;
  top:-5px;
  right:0px;
  width:230px;
  font-size:12px;
  z-index:5;
}
#column fieldset {
  background:#e7e7e7 url(../img/Bulk/controls.bkg.jpg) repeat-x scroll left top;
  clear:right;
}

ul.tabs {
  position:relative;
  z-index:10;
  margin:0px 5px 0px 0px;
  padding:0px;
  height:18px;
  list-style-type:none;
}
ul.tabs li {
  float:right;
  font-size:11px;
  padding:1px 4px 2px 4px;
  margin:0px 2px 0px 0px;
  cursor:pointer;
  border-right:1px solid #888888;
  border-bottom:1px solid #888888;
  border-left:1px solid #bbbbbb;
  background-color:#dddddd;
  color:#000088;
  -webkit-border-radius:0px 0px 4px 4px;
  -moz-border-radius:0px 0px 4px 4px;
  border-radius:0px 0px 4px 4px;
  -webkit-box-shadow:0px 2px 4px #aaaaaa;
  -moz-box-shadow:0px 2px 4px #aaaaaa;
  box-shadow:0px 2px 4px #aaaaaa;
}
ul.tabs li.selected {
  position:relative;
  top:-2px;
  padding-top:5px;
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  border-left:1px solid #cccccc;
  background-color:#ececec;
}


/* ***** Customer Information ************************************** */
#column #information {
  padding:3px 4px 0px 4px;
}
#column #information div {
  font-size:11px;
}
#column #information div#information_customer {
  border-bottom:2px groove #8399B1;
  padding-bottom:1px;
  margin-bottom:4px;
}
#column #information div label,
#column #information div var {
  display:block;
  text-align:right;
  margin:0px 0px 3px 0px;
  font-style:normal;
}
#column #information div input,
#column #information div select {
  color:#000000;
  font-size:11px;
  width:135px;
  border:1px inset #bbbbbb;
}
#column #information div select {
  width:130px;
}
#column #information div var input {
  width:50px;
}
#column #information div var span {
  padding-left:4px;
}
#column #information div var span:first-child {
  padding-left:0px;
}
#column #information div input.disabled {
  color:#666666;
}


/* ***** Frame Controls ******************************************** */
#column #controls {
  position:relative;
  z-index:5;
}
#column #controls div {
  height:103px;
  padding-top:2px;
  text-align:center;
}
#column #controls div button {
  font-size:11px;
  margin-bottom:2px;
}
#column #controls div div.cfoot {
  height:auto;
  border-top:2px groove #cccccc;
  text-align:center;
  position:absolute;
  bottom:0px;
  left:4px;
  width:212px;
}

#column #controls #controls_quote {
  display:none;
  font-size:11px;
  text-align:left;
}
#column #controls #controls_quote button.butt70 {
  float:right;
  margin-right:5px;
}
#column #controls #controls_quote span {
  display:block;
}
#column #controls #controls_quote h2 {
  font-size:12px;
  margin:0px 0px 0px 5px;
}
#column #controls #controls_quote p {
  margin:3px 5px;
}

#column #controls #controls_export {
  display:none;
  font-size:12px;
  text-align:left;
}
#column #controls #controls_export ul {
  margin:0px 0px 0px 1.8em;
  padding:0px;
}

#column #controls #controls_save {
  display:none;
  font-size:12px;
  text-align:left;
  overflow:hidden;
}
#column #controls #controls_save ul {
  margin:0px 0px 0px 1.7em;
  padding:0px;
}
#column #controls #controls_save ul li input {
  font-size:11px;
  width:185px;
}
#column #controls #controls_save ul li img {
  vertical-align:middle;
}


/* ***** Recent Panels ********************************************* */
#column #recent {
  position:relative;
  text-align:center;
  z-index:10;
}
#column #recent div {
  position:relative;
  height:331px;
}
#column #recent div img {
  position:absolute;
  bottom:0px;
  right:250px;
  display:none;
}
#column #recent div img.moving {
  position:relative;
}

#column #recent div ul {
  font-size:11px;
  margin:0px;
  padding:5px 5px;
  list-style-type:none;
  text-align:left;
  position:relative;
  z-index:5;
}
#column #recent div ul li {
  white-space:nowrap;
  margin-bottom:2px;
  line-height:1.3em;
  cursor:move;
  overflow:hidden;
}
#column #recent div ul li.hide {
  margin:0px;
  display:none;
}
#column #recent div ul li.moving {
  position:relative;
  padding:2px;
  border:1px solid #cccccc;
  background-color:#f6f6f6;
}
#column #recent div ul li var {
  display:block;
  height:1.3em;
  font-style:normal;
}
#column #recent div ul li var.disabled,
#column #recent div ul li var.rearonly {
  color:#666666;
}
#column #recent div ul li var.notordered {
  text-decoration:line-through;
}
#column #recent div ul li var span {
  display:none;
  text-decoration:none;
  color:#000000;
  font-style:italic;
  height:0px;
  font-size:11px;
}
#column #recent div ul li.moving var {
  height:auto;
  zoom:1;
}
#column #recent div ul li.moving var span.slots2 {
  height:18px;
  display:block;
}
#column #recent div ul li.moving var span.slots3 {
  height:36px;
  display:block;
}
#column #recent div ul li.moving var span.slots4 {
  height:54px;
  display:block;
}
#column #recent div ul li.moving var span.slots5 {
  height:72px;
  display:block;
}

#column #recent div form {
  display:block;
  position:absolute;
  z-index:0;
  bottom:-5px;
  left:-4px;
  margin:0px;
  padding:0px;
}
#column #recent div form div {
  font-size:11px;
  padding:1px 5px;
  text-align:center;
  white-space:nowrap;
  height:20px;
}
#column #recent div form div label {
  padding:0px;
}
#column #recent div form div label input {
  font-size:11px;
  width:145px;
}


/* ***** Sample Palettes ******************************************* */
div#samplepalettes div {
  text-align:center;
}
div#samplepalettes div p {
  text-align:left;
  margin:4px 0px;
}
div#samplepalettes div ul {
  text-align:left;
  list-style-type:none;
  margin:5px 5px;
  padding:0px;
  border:1px inset #bbbbbb;
  background-color:#f6f6f6;
}
div#samplepalettes div ul li {
  cursor:pointer;
  color:#0000ff;
  padding:1px 15px 1px 4px;
  white-space:nowrap;
}
div#samplepalettes div ul li.hover {
  background-color:#dddddd;
}


/* ***** IE File Complete Dialog *********************************** */
#filecomplete {
  width:430px;
}
#filecomplete p {
  padding:20px;
}


/* ***** Module Summary ******************************************** */
#summary div textarea {
  font-size:13px;
  padding:0px 0px 0px 4px;
}


/* ***** Frame Image Preview *************************************** */
#framepre {
  top:60px;
  left:10px;
}
#framepre div {
  text-align:center;
}
#framepre div img {
  position:static;
  display:block;
}


/* ***** Frame IP Address ****************************************** */
#ip {
  right:auto !important;
}
#ip div {
  width:187px;
  padding:3px 0px;
  text-align:center;
  line-height:24px;
}
#ip div ul {
  list-style-type:none;
  margin:0px 6px;
  padding:0px;
}
#ip div ul li {
  text-align:right;
  margin-bottom:3px;
}
#ip div ul li h4 {
  float:left;
  font:normal 11px Arial,Geneva,Helvetica,"Luxi Sans",sans-serif;
  margin:0px;
  white-space:nowrap;
}
#ip div ul li span {
  white-space:nowrap;
}
#ip div ul li input {
  font-size:11px;
  width:24px;
  border:1px inset #808080;
  padding-left:2px;
}

#ip div ul #ip_broadcast {
  line-height:1.3em;
  height:1%;
}
#ip div ul #ip_broadcast span {
  display:block;
  font-size:14px;
  clear:left;
}

#ip div h3 {
  margin:0px 6px;
  font-style:italic;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  color:#000088;
  cursor:pointer;
}
#ip div #ip_snmp_infolink {
  float:right;
  margin-right:10px;
  color:#ff0000;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}

#ip div #ip_snmp {
  margin-top:0px;
  display:none;
}
#ip div #ip_snmp label {
  font-size:11px;
  display:block;
  text-align:right;
}
#ip div #ip_snmp label select {
  padding:1px 5px;
  font-size:11px;
}
#ip div #ip_snmp ul li {
  margin-bottom:0px;
}
#ip div #ip_snmp h3 {
  font-style:normal;
}


/* ***** Print Styles ********************************************** */
@media print {
  #frames {
    margin:0px auto;
    border:0px none;
    padding:0px;
  }
  #frames table {
    border:1px solid #000000;
    page-break-inside:avoid;
  }
  #frames table thead tr th em {
    background-color:#ffffff;
    color:#000000;
    padding:0px 5px;
  }
  #frames table tbody tr.selected th {
    background-color:#bbbbbb;
  }
  #frames table tbody tr.multiselect th {
    background-color:#bbbbbb;
  }
  #frames table tbody tr.selected td {
    background-color:#f6f6f6;
  }

  #column,
  #selector,
  #options,
  #frames legend,
  #frames table.empty,
  #frames_add {
    display:none !important;
  }
}