/* Default */
.dialog .ui {
/*  
  width: 60%;
  height: 60%;
  min-width: 300px;
  min-height: 350px;
 
  position: fixed;
  top: 15%;
  left: 15%;
*/  
  border: solid 1px #eee;
  border-radius: 10px;
  
  color: black;
  
  background-color: #fff;  
  
  transition: all .2s ease;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
}

.dialog .ui .title {
  height: 35px;

  padding: 5px 5px 5px 5px;
  
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: solid 1px #a3a3a3;

  color: white;
  text-align: center;
  background-color: #4d555f;
  
  background-image: linear-gradient(#4d555f, #292e33);
  background-image: -moz-linear-gradient(#4d555f, #292e33);
  background-image: -webkit-linear-gradient(#4d555f, #292e33);
  background-image: -o-linear-gradient(#4d555f, #292e33);
  background-image: -ms-linear-gradient(#4d555f, #292e33);
}

.dialog .ui .title h1 {
  height: 100%;
  max-width: 90%;
  overflow: hidden;
  
  margin: 5px;
  
  display: inline-block;
  
  text-overflow: ellipsis;
  color: white;
  text-shadow: 0px 3px 0px #222;
  font-size: 20px;
  text-align: center;
}

.dialog .ui .title .exit {
  float: right;
}

.dialog .ui .title .exit img {
  border: 0px;
  height: 20px;
}

.dialog .ui .content {
  height: calc(100% - 85px);
  height: -moz-calc(100% - 85px);
  height: -webkit-calc(100% - 85px);

  overflow: auto;

  padding: 10px 10px 10px 10px;
}