/* 
    Created on : 29-jan-2014, 16:06:08
    Author     : adebruijn
*/

.pp-actionpanel {
    width: 300px;
    margin-top: 20px;
    border: 1px solid black;
    position: relative;
    z-index: 2;
}

.pp-actionpanel > .opened  {
    display: block;
}

.pp-actionpanel > .closed  {
    display: none;
}

pp-actionpanel-header-caption   {
    font-weight: bold;
}

.pp-actionpanel-header  {
    background: -moz-linear-gradient(#005477,activecaption);
    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#005477),to(activecaption));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005477', endColorstr='#99b4d1');
    background-color: activecaption;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU0NzciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5OUI0RDEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDgpIiAvPgo8L3N2Zz4=); /* IE 9 support */
    padding:5px;
    height:18px;
    
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='white');
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDU0NzciIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM5OUI0RDEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDgpIiAvPgo8L3N2Zz4=);  IE 9 support */
/*    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#F0F0F0),to(white)); */
/*    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#b2e6f5),to(white)); */
    color: white;
}

.pp-actionpanel-header:hover    {
    cursor: pointer;
}

.pp-actionpanel select    {
    width: 183px;
}

.pp-actionpanel input[type=text]    {
    width: 180px;
}

.pp-actionpanel input[type=number]    {
    width: 180px;
}

.pp-actionpanel input[type=checkbox]    {

}

.pp-action {
    height: 20px;
    padding: 1px; 
    padding: 2px;
    cursor: pointer;
    border: 1px solid transparent;    
}

.pp-action:hover   {
    background-color: #b2e6f5;
    cursor:pointer;
    background-color: #ddddff;
    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#ddddff),to(white));
    -moz-box-shadow: 3px 3px 3px #777;
    -webkit-box-shadow: 3px 3px 3px #777;
    box-shadow: 3px 3px 3px #777;                
    border: 1px solid #C0C0C0;
}


.pp-menuitem {
    float: left; 
    padding-left: 15px; 
    border: 1px solid silver; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    height: 80px; 
    width: 250px; 
    border-radius: 3px;
}

.pp-menuitem:hover   {
    background-color: #ddddff;
    cursor:pointer;
    background-image: -webkit-gradient(linear,0 top,0 bottom,from(#ddddff),to(white)); 
    
    -moz-box-shadow: 7px 7px 7px #777;
    -webkit-box-shadow: 7px 7px 7px #777;
    box-shadow: 7px 7px 7px #777;                
}

.pagenumber {
    text-align: center;
    display:inline-block;
    color: black;
    min-width: 15px;
    min-height: 15px;
    padding: 2px;
    margin-right: 2px;
    border: 1px solid #4e5f71;
    border-radius: 3px;
}
.pagenumber_selected {
    text-align: center;
    display:inline-block;
    color: white;
    background: #4e5f71;
    min-width: 15px;
    min-height: 15px;
    margin-right: 2px;
    padding: 2px;
    border: 1px solid #4e5f71;
    border-radius: 3px;
}
.pagenumber:hover    {
    color: white;
    background: #4e5f71;
    cursor: pointer;
}

.pp-modal-overlay {
  position:absolute;
  z-index:9999;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000000;
  opacity: 0.8;
}

.pp-modal-dialog {
  z-index:10000;
  position: absolute;
  width: 50%; 

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);

  background-color: #fff;
  box-shadow: 4px 4px 80px #000;
}
.pp-modal-dialog-content {
  /*padding:10px;*/
  text-align: left;
}
.pp-modal-close {
  z-index: 1000;
  position: absolute;
  top: 3px;
  right: 5px;
  padding: 5px;
  cursor: pointer;
  font-size: 120%;
  display: inline-block;
  color: red;
  font-weight: bold;
  font-family: 'arial', 'sans-serif';
}