div.alert-modal{
  width: 100%;
  height: 100%;
  background-color: #424542;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  border:2px solid #111;
  border-radius:7px;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* IE7 */
}
/**
 * wrapper
 */ 
div.alert {
  font-family: Arial;
  border: 2px solid #111;
  background-color: #52D357;
  padding: 5px;
  display: none;
  position: absolute;
  border-radius:7px;
  z-index: 1001;
}
/**
 * title
 */ 
div.alert div.title,div.confirm .titel {
  text-align:center;
  font-family: Arial;
  padding: 1px;
  margin: 1em;
  color:#fff;
  text-align:center;
    background-image: -webkit-linear-gradient(left, rgba(51,128,54,0), rgba(51,128,54,1), rgba(51,128,54,0));
    background-image: -moz-linear-gradient(left, rgba(51,128,54,0), rgba(51,128,54,1), rgba(51,128,54,0));
    background-image: -ms-linear-gradient(left, rgba(51,128,54,0), rgba(51,128,54,1), rgba(51,128,54,0));
    background-image: -o-linear-gradient(left, rgba(51,128,54,0), rgba(51,128,54,1), rgba(51,128,54,0));

    
}
/**
 * body
 */ 
div.alert div.body, div.confirm .body {
  padding: 1em;
  font-family: Arial;
  height: 70%;
   color:#000; 
}
/**
 * button wrapper
 */ 
div.alert div.button {
  margin:1em;
  text-align: center;
    
}
/**
 * button
 */   
div.alert div.button a:link,
div.alert div.button a:active,
div.alert div.button a:visited{
  padding: 4px 6px 4px 6px;
    /* background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); */
    background:linear-gradient(0deg, white 5%, grey 70%);
  text-decoration: none;
  color: #333;
  border:1px solid #000;
  border-radius:5px  
}
div.confirm button{
  margin:0 1em;
  padding: 4px 6px 4px 6px;
    /* background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); */
    background:linear-gradient(0deg, white 5%, black 70%);
  text-decoration: none;
  color: #333;
  border:1px solid #111;
  border-radius:5px

} 

div.alert div.button a:hover,div.confirm button:hover {
  background:linear-gradient(0deg, white 5%, white 70%);
  cursor:pointer;
}
div.alert ul{
    margin:1em;
    margin-left:1em;
}

div.alert li{
    color:white;
    text-align:left;
    padding-left:0.2em;
}

div.confirm{
    background-color:#424542;
    border:2px solid #fff;
    border-radius:7px;
    box-shadow:#000 0px 0px 200px;
}
div.confirm table{
   padding:5px;
}