﻿ @charset "utf-8";
/*
 * SimpleModal Confirm Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2007 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 97 2008-01-18 06:07:03Z emartin24 $
 *
 */

/* Overlay */
#dialogModalOverlay {
  background-color: #eee;
  cursor: wait;
}
/* Container */
#dialogModalContainer {
  height: 200px;
  width: 430px;
  left: 50%;
  top: 15%;
  margin-left: -210px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: left;
  background: #fff;
  border: 2px solid #336699;
}

#dialogModalContainer .header {
  height: 30px;
  width: 100%;
  background: url(../images/simplemodal/header.gif) repeat-x;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  line-height: 30px;
}

#dialogModalContainer .header span {
  padding-left: 8px;
}

#dialogModalContainer .message {
  height: 120px;
  color: #333;
  text-align: center;
  margin: 0;
  padding: 4px 4px;
  font-size: 1em;
}

#dialogModalContainer .alert {
  width: 60px;
  margin: 0 auto;
  padding: 10px 8px 0;
}

#dialogModalContainer .alert div {
  float: left;
  width: 60px;
  height: 20px;
  color: #666;
  font-weight: bold;
  text-align: center;
  background: url(../images/simplemodal/button.gif) repeat-x;
  cursor: pointer;
}

#dialogModalContainer .confirm {
  width: 160px;
  margin: 0 auto;
  padding: 10px 8px 0;
}

#dialogModalContainer .confirm div {
  float: left;
  width: 60px;
  height: 20px;
  margin-left: 14px;
  color: #666;
  font-weight: bold;
  text-align: center;
  background: url(../images/simplemodal/button.gif) repeat-x;
  cursor: pointer;
}

#dialogModalContainer a.modalCloseX, #dialogModalContainer a.modalCloseX:link, #dialogModalContainer a.modalCloseX:active, #dialogModalContainer a.modalCloseX:visited {
  text-decoration: none;
  font-weight: bold;
  font-size: 0.87em;
  position: absolute;
  top: 6px;
  left: 400px;
  color: #ddd;
}

#dialogModalContainer a.modalCloseX:hover {
  color: #9bb3b3;
}
