/*! ISYS Common Widget Styles - v1 - 2014-10-23* 
* Includes styles for: Widgets
* Author: Josh Pattie, Tom Pittuck */

/* Accordian
----------------------------------*/
.head {
   cursor: pointer;
   padding: 5px;
   color: #626262;
   font-size: 14px;
   font-weight: bold;
   margin: 0;
}

.head-open {
   background: url("isys-common-images/down1616.png");
   background-repeat: no-repeat;
   background-color: #e6e6e6;   
   background-position-y: center;
   background-position-x: 98%;
   background-position: center right 5px;
}

.head-closed {
   background: url("isys-common-images/up1616.png");
   background-repeat: no-repeat;
   background-color: #e6e6e6;   
   background-position-y: center;
   background-position-x: 98%;
   background-position: center right 5px;
}

.content {
   border: 1px solid #d9d9d9;
   margin-bottom: 10px;
   overflow: auto;
}

.inner {
   padding: 10px 50px;
   background-color:#FFFFFF;
}

/* Popup
----------------------------------*/
.popup-mask {
   width: 100%;
   height: 100%;
   z-index: 10;
   background-color: #e2e7eb;
   opacity: 0.5;
   position: absolute;
   top: 0;
   left: 0;
}

.popup-wrapper {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.popup-dialog {
   position: relative;
   display: table;
   top: 300px;
   left: 230px;
   border: solid 1px #9a9a9a;
   box-shadow: 0 4px 16px rgba(0,0,0,.2);
   background: white;
   z-index: 100;
}

   .popup-dialog span.popover-handle {
      height: 25px;
      display: block;
      background: #428BCA;
   }

      .popup-dialog span.popover-handle p {
         line-height: 25px;
         font-weight: bold;
         color: #FFFFFF;
         margin: 0;
         padding: 0 5px;
         float: left;
      }

      .popup-dialog span.popover-handle:hover {
         cursor: move;
      }

   .popup-dialog span.popup-corner-close {
      display: block;
      width: 25px;
      height: 25px;
      background: url(isys-common-images/close-thin-white.png) no-repeat center;
      background-size: 12px 12px;
      cursor: pointer;
      float: right;
   }

.confirmation-dialog-inner {
   width:430px;
   border-top: solid 1px #9a9a9a;
   padding: 5px;
}

   .confirmation-dialog-inner input {
      margin-bottom: 5px;
   }

   .confirmation-dialog-inner .field-validation-error {
      display: block;
      margin: 0 0 5px 10px;
   }

.popup-confirmation-buttons {
   border-top: solid 1px #d9d9d9;
   display: inline-block;
   width: 100%;
   padding: 12px 0 4px 0;
   margin-top: 5px;
}

   .popup-confirmation-buttons div {
      float: right;
   }