#signs form, #signs th, #signs td, #signs li, #signs ul, #signs a, #signs input, #signs label, #signs button, #signs select, #signs textarea {
   font-size: 8pt;
}

#signs .leftColumn {
   float: left;
   width: 240px;
}

#signs .group h3 {
   font-size: 12px;
}

#signs .list {
   margin: 3px;
}
#signs .list .help {
   padding: 0;
   margin: 0;
   font-size: 8pt;
}
#pane_list {
   list-style-type: none;
}

#pane_list li {
   margin-top: 5px;
}

#pane_list li, #pane_list .ui-state-highlight {
/*   border: 1px solid #c9d3e2; */
   font-size: 1.1em;
   height: 1.5em;
   line-height: 1.25em;
   padding: 5px;
}

/*
#pane_list .ui-state-hover { cursor: move; }
*/
#signs .ui-icon-refresh, #pane_list .ui-icon-close  { 
   cursor: pointer; 
}


#sign_select {
   font-size: 1.1em;
   width: 210px;
}

.signForm .bgImage {
   width: 100%;
}

/********************************/
/* The RIGHT side of the layout */
/********************************/

#signs .rightColumn {
   margin-left: 250px;
/*   width: 675px;*/
}

#signs .sign_layout {
   position: relative;
   border: 1px solid #888;
   margin-right: 5px;
   overflow: hidden;
}
#signs .portrait .sign_layout {
   display: inline-block;

   /* The following 2 lines are an IE hack to get inline-block to work */
   zoom: 1;
   *display: inline;
}
#signs .sign_layout .graphic {
   position: absolute;
}
#signs .pane {
   position: absolute;
   border: 1px solid #a6c9e2;
   overflow: hidden;
   background-color: transparent;
   cursor: pointer;

   /* Hack for IE so we can get mouse events */
   /* http://blog.rednael.com/2009/09/01/TrappingMouseEventsOnTransparentInputElementsOrTextareasInIE.aspx */
   background-image: url('.');  
}
#signs .pane, #signs .pane input, #signs .pane label {
   text-align: center;
}
#signs .pane input, #signs .pane label {
   font-size: 15pt;
}
#signs .pane .title {
   position: absolute;
   top: 2px;
   left: 2px;
   right: 2px;
   color: #888;
}
#signs .sign_layout .ui-selected {
   border-color: #fad42e;
}
#signs .sign_layout .ui-selected div.title {
   color: black;
}
#signs .sign_layout .size, .sign_layout .origin {
   font-size: 8pt;
}
#signs .pane input {
   width: 100%;
}
#signs .pane .prim {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
#signs .pane .text {
   text-align: left;
}
#signs .pane .video {
   height: 100%;
   width: 100%;
   background-color: #000;
   color: #ccc;
   font-size: 1.2em;
}
#signs .pane .video .info {
   position: absolute;
   text-align: left;
   left: 1em;
   bottom: 1em;
}
.ui-draggable-dragging {
   border-color: #F39814;
}

#signs .group {
   margin-top: 1em;
   border: 1px solid #c9d3e2;
   min-width: 200px;
}
#signs .group h3 {
   padding: 2px 3px;
}

#signs .ui-icon-refresh, #signs .progress { float: right; text-align: right; }

#signs .group th, #signs .group td {
   padding: 2px;
}

#signs .group table th {
   background-color: transparent;
   width: 6em;
   font-weight: bold;
}

#signs .pane_info {
   display: block;
   vertical-align: top;
}
#signs .pane_info .group {
   display: inline-block;
   /* The following 2 lines are an IE hack to get inline-block to work */
   zoom: 1;
   *display: inline;
}
#signs .pane_info.receiver .group {
   width: 314px;
}
#signs .portrait .pane_info {
   display: inline-block;
   /* The following 2 lines are an IE hack to get inline-blck to work */
   zoom: 1;
   *display: inline;
}
#signs .portrait .pane_info .group {
   width: 300px;
   display: block;
}

#pane_display, #pane_sequence {
   vertical-align: top;
   margin-right: 10px;
}
#pane_sequence, .portrait #pane_display, .portrait #pane_sequence {
   margin-right: 0;
}

#pane_sequence .seqDiv {
   height: 148px;
   *height: 164px;
   overflow-y: scroll;
   overflow-x: hidden;
}
#pane_sequence .sequence.ui-selected {
   background-color: #ffffc0;
   border: dotted 1px gray
}
#pane_sequence td {
   border: 1px solid #eee;
}

#pane_sequence td.duration {
   *padding-right: 20px; //For IE scrollbar
   width: 4em;
   text-align: right;
}
#signs .content-error {
   color: red;
}

#signs .bgImage-progress {
   height: 2.1em;
}
#signs .colorCell {
   height: 2.7em;
   width: 6.2em;
}
#signs .alpha {
   font-size: .9em;
   vertical-align: middle;
}
#signs .controls {
   margin-top: 0.5em;
   text-align: center;
}

#signs .version {
  padding-top: 1em;
  padding-right: 1em;
  text-align: right;
  color: #4F72A4;
  color: #aaa;
  font-size: 7pt;
}


#signs .content-icon {
   height: 17px;
   width: 17px;
}

#signs .content-graphic {
   background:transparent url(../images/img.gif) no-repeat;
}
#signs .content-video {
   background:transparent url(../images/tv.gif) no-repeat;
}
#signs .content-text {
   background:transparent url(../images/text.gif) no-repeat;
}






div.STB.text * { font-size: 1em; background: transparent; color: 'inherit' }
div.STB.text html, div.STB.text address,
div.STB.text blockquote,
div.STB.text body, div.STB.text dd, div.STB.text div,
div.STB.text dl, div.STB.text dt, div.STB.text fieldset, div.STB.text form,
div.STB.text frame, div.STB.text frameset,
div.STB.text h1, div.STB.text h2, div.STB.text h3, div.STB.text h4,
div.STB.text h5, div.STB.text h6, div.STB.text noframes,
div.STB.text ol, div.STB.text p, div.STB.text ul, div.STB.text center,
div.STB.text dir, div.STB.text hr, div.STB.text menu, div.STB.text pre   { display: block }
div.STB.text li              { display: list-item }
div.STB.text head            { display: none }
div.STB.text table           { display: table }
div.STB.text tr              { display: table-row }
div.STB.text thead           { display: table-header-group }
div.STB.text tbody           { display: table-row-group }
div.STB.text tfoot           { display: table-footer-group }
div.STB.text col             { display: table-column }
div.STB.text colgroup        { display: table-column-group }
div.STB.text td, div.STB.text th          { color: inherit; font-size: 1em; display: table-cell }
div.STB.text caption         { display: table-caption }
div.STB.text th              { font-weight: bolder; text-align: center }
div.STB.text caption         { text-align: center }
div.STB.text body            { margin: 8px }
div.STB.text h1              { font-size: 2em; margin: .67em 0 }
div.STB.text h2              { font-size: 1.5em; margin: .75em 0 }
div.STB.text h3              { font-size: 1.17em; margin: .83em 0 }
div.STB.text h4, div.STB.text p,
div.STB.text blockquote, div.STB.text ul,
div.STB.text fieldset, div.STB.text form,
div.STB.text ol, div.STB.text dl, div.STB.text dir,
div.STB.text menu            { margin: 1.12em 0 }
div.STB.text h5              { font-size: .83em; margin: 1.5em 0 }
div.STB.text h6              { font-size: .75em; margin: 1.67em 0 }
div.STB.text h1, div.STB.text h2, div.STB.text h3, div.STB.text h4,
div.STB.text h5, div.STB.text h6, div.STB.text b,
div.STB.text strong          { font-weight: bolder }
div.STB.text blockquote      { margin-left: 40px; margin-right: 40px }
div.STB.text i, div.STB.text cite, div.STB.text em,
div.STB.text var, div.STB.text address    { font-style: italic }
div.STB.text pre, div.STB.text tt, div.STB.text code,
div.STB.text kbd, div.STB.text samp       { font-family: monospace }
div.STB.text pre             { white-space: pre }
div.STB.text button, div.STB.text textarea,
div.STB.text input, div.STB.text select   { display: inline-block }
div.STB.text big             { font-size: 1.17em }
div.STB.text small, div.STB.text sub, div.STB.text sup { font-size: .83em }
div.STB.text sub             { vertical-align: sub }
div.STB.text sup             { vertical-align: super }
div.STB.text table           { border-spacing: 2px; }
div.STB.text thead, div.STB.text tbody,
div.STB.text tfoot           { vertical-align: middle }
div.STB.text td, div.STB.text th, div.STB.text tr      { vertical-align: inherit }
div.STB.text s, div.STB.text strike, div.STB.text del  { text-decoration: line-through }
div.STB.text hr              { border: 1px inset }
div.STB.text ol, div.STB.text ul, div.STB.text dir,
div.STB.text menu, div.STB.text dd        { margin-left: 40px }
div.STB.text ol              { list-style-type: decimal }
div.STB.text ol ul, div.STB.text ul ol,
div.STB.text ul ul, div.STB.text ol ol    { margin-top: 0; margin-bottom: 0 }
div.STB.text u, div.STB.text ins          { text-decoration: underline }
div.STB.text br:before       { content: "\A"; white-space: pre-line }
div.STB.text center          { text-align: center }
div.STB.text :link, div.STB.text :visited { text-decoration: underline }
div.STB.text :focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
div.STB.text BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
div.STB.text BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

div.STB.text *[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
div.STB.text *[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

