/* ======================================================
   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(/images/proteus/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; }
