/* ======================================================
     FROM RESET.CSS
     ====================================================== */

fieldset{margin:0;padding:0;}fieldset{border:0;}

  /* ======================================================
     FROM CORE.CSS
     ====================================================== */

  /* ======================================================
     floating panel layout
     ====================================================== */

  /* info boxes, mouseovers, and dialogs  */
  .ibox {
    position: absolute;
    left: 150px;
    top: 545px;
    text-align: left; 
    display: none;
    z-index: 999999;
  }

  .ibox, 
  .ibox .t div,
  .ibox div.c div.ci,
  .ibox .b div {
    width: 300px; /* width of box */
  }  

  .ibox div, .ibox p,
  .dialog div, .dialog p {
    margin: 0 !important;
  }

  .ibox, 
  .dialog {
    background: transparent;    
  }

  .ibox .t, .ibox .t div, .ibox .c, .ibox .c div, .ibox .b, .ibox .b div,
  .dialog .t, .dialog .t div, .dialog .c, .dialog .c div, .dialog .b, .dialog .b div {
    background-color: transparent;
    background-repeat: no-repeat;  
    margin: 0;
  }
  
  .ibox .t,
  .dialog .t {
    height: 49px;
    background-image: url(../../images/ibox/t.png);
    _background-image: url(../../images/ibox/t.gif);
    background-position: top left;
  }
  .ibox .t div,
  .dialog .t div {
    padding-right: 10px; /* width of corner */
    height: 49px;
    background-image: url(../../images/ibox/t-div.png);
    _background-image: url(../../images/ibox/t-div.gif);
    background-position: top right;
  }
  
  .ibox .c,
  .dialog .c {
    background-image: url(../../images/ibox/c.png);
    _background-image: url(../../images/ibox/c.gif);
    background-position: top left;
    background-repeat: repeat-y;
  }
  .ibox .c div.ci,
  .dialog .c div.ci {
    padding-right: 10px;
    background-image: url(../../images/ibox/c-div.png);
    _background-image: url(../../images/ibox/c-div.gif);
    background-position: top right;
    background-repeat: repeat-y;
  }  

  .ibox div.c div div.container,
  .dialog div.c div.ci div.container {
    padding: 10px;
    margin: 0;
  }
  
  .ibox .b,
  .dialog .b {
    height: 49px;
    background-image: url(../../images/ibox/b.png);
    _background-image: url(../../images/ibox/b.gif);
    background-position: top left;
  }
  .ibox .b div,
  .dialog .b div {
    padding-right: 10px; /* width of corner */
    height: 49px;
    background-image: url(../../images/ibox/b-div.png);
    _background-image: url(../../images/ibox/b-div.gif);
    background-position: top right;
  }
  
  .ibox h3,
  .dialog h3 {
    padding: 28px 20px 0 10px;
    margin: 0;
  }

  /* dialog overrides */

  .dialog {
/* 
 * Using YUI skin [ajm 06.Nov.2008]
    position: absolute;
    left: 200px;
    top: 300px;
    display: none;
    z-index: 999999;
*/
    text-align: left; 
  }
  
  .dialog, 
  .dialog .t div,
  .dialog div.c div.ci,
  .dialog .b div {
  }
    
  .dialog .t {
    height: 29px;
    background-image: url(../../images/ibox/t-plain.png);
    _background-image: url(../../images/ibox/t-plain.gif);
  }
  .dialog .t div {
    height: 29px;
    background-image: url(../../images/ibox/t-div-plain.png);
    _background-image: url(../../images/ibox/t-div-plain.gif);
  }

  .dialog h3 {
    padding-top: 8px;
  }

  /* close icons */
  .x, .x a {
    display: block;
    height: 13px;
    width: 13px;  
  }  
  
  .x {
    background: transparent url(../../images/x.png) top right no-repeat;
    _background: transparent url(../../images/x.gif) top right no-repeat;
  }

  .ibox .x, .dialog .x {
    position: absolute;
    top: 30px;
    right: 0;
    _right: 10px;
  }
  .dialog .x {
    top: 8px;
  }
  
  .trex .x {
    padding-left: 10px;
    margin: 0 10px 0 10px;
  }


  /* version classes */
  .work-ver, .work-ver a {
    color: #c00;
    font-weight: bold;
  }
  .ver-comment {
    color: #999;
  }
  
  /* common classes */
  .ibox p,
  .dialog p {
    padding: 5px 0;
  }
     
  /* ======================================================
     hover inner style
     ====================================================== */
  .ibox .desc img {
    float: left;
    background: #fff;
    border: 3px solid #eee;
    width: 64px;
    height: 64px;
    margin-right: 4px;
  }
  .ibox .desc {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
  }
  .ibox .status {
    padding: 5px 0;
    border-bottom: 1px solid #eee;  
  }
  .ibox .status a, .ibox .status span {
    display: block;
    padding-left: 20px;
  }
  .ibox .status .ckdout {
    background: transparent url() center left no-repeat;
  }
  .ibox .status .ckout {
    background: transparent url() center left no-repeat;
  }
  .ibox .status .dload {
    background: transparent url() center left no-repeat;
  }
  .ibox .status .msedit {
    background: transparent url() center left no-repeat;
  }
  .ibox .status .iedit {
    background: transparent url() center left no-repeat;
  }
  .ibox fieldset {
    padding: 5px 0;
    margin: 5px 0 5px 0;
    border-bottom: 1px solid #ddd;
  }
  .ibox fieldset.submit {
    border-bottom: none;
  }
  
  /* ======================================================
     dialog inner style
     ====================================================== */
  .dialog fieldset {
    padding: 5px 0;
    margin: 5px 0 5px 0;
    border-bottom: 1px solid #ddd;
  }
  .dialog fieldset.submit {
    border-bottom: none;
  }
  .dialog fiedset div {
    margin: 0;
  }
  .dialog div.fields {
    padding: 8px 0;
    margin-bottom: 5px;
  }
  .dialog .fields label.name {
    display: block !important;
    float: left;
    width: 120px;
    text-align: right;
    font-weight: bold;
    padding: 0 10px 0 0;
    margin: 0;
    line-height: 1em;
  }     
  .dialog .inline label {
    *padding-top: 5px;  
    _padding-top: 5px;  
  }
  .dialog .fields .field {
    display: block;
    float: left;
    padding: 0 18px 0 0;
    margin: 0;
  }
  .dialog ul li {
    padding: 0;
    margin: 0;
  }
  .dialog a.delete {
    text-align: right;
    float: right;
    color: #c00;
  }
  input[type=radio] {
    margin-right: 2px;
  }
  .dialog input.text,
  .dialog textarea {
    width: 400px;
    min-height: 18px;
    background-color: #fff;
    padding: 0 2px;
  }
  .dialog div.help {
    padding: 0 5px;
    background: #fffccc;
    font-weight: bold;
  }
  .dialog div.error input.text {
    background-color: #FEEEFF;
    border: 2px solid #c00; 
    margin-bottom: 2px; 
  }
  .dialog div.error div.errortxt {
    color: #c00;
  }

  /* dialog tables */
  .dialog table {
    border: none;
    margin: 0 0 10px 0;
    width: 410px;
  }

  .dialog th {
    padding-top: 0;
    font-weight: bold;
  }
  
  .dialog th, .dialog td {
    border: none;
  }

  /* ======================================================
   ajax confirm
   ====================================================== */
  div.loading {
    background-color: #ffc !important;
  }

  div.loading {  /* spinner in a ul */
    background: transparent url(../../images/loading.gif) right 8px no-repeat;
  }

  div.loaded { 
    background: transparent url(/html/css/images/icons/confirm.png) right 8px no-repeat;    
  }

/* ======================================================
   CLEARING
   ====================================================== */

  #utility-nav:after, 
  #site-banner:after, 
  #sect-banner:after, 
  #sect-nav:after,
  #ctrl:after,
  #bd .container:after,
  .dialog .fields:after,
  .clear:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }
  #utility-nav, 
  #site-banner, 
  #sect-banner, 
  #sect-nav,
  #ctrl,
  #bd.container,
  .dialog .fields,
  .clear {
    zoom:1;
  }

  .ibox h3, .dialog h3 {
    font-size: 1em;
  }

  /* forms */
  .dialog input:focus, 
  .dialog textarea:focus {
    border: 2px solid #369;
    background-color: #e2effb;
  }

  /* ======================================================
     ADDITIONAL RULES
     ====================================================== */

  .dialog hr { 
    margin: 2px 0;
    border: 0;
    border-bottom: 1px solid #ddd;
  }

  .dialog DIV.ajaxbuttons LABEL.name { width: 0; margin: 0; padding: 0; }