.mage_message {
  text-align:center;
  font-size:15px;
  padding:15px;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  z-index:9000;
  display:none;
}
.mage_error {
  background-color:#c9302c;
  border-bottom:1px solid #ac2925;
  color:#ffffff;
}
.mage_success {
  background-color:#449d44;
  border-bottom:1px solid #398439;
  color:#ffffff;
}
.mage_modal {
  width:100%;
  height:100%;
  position:fixed;
  z-index:9000;
  top:0px;
  left:0px;
}
.mage_modal_bg {
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background-color:#000000;
  filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.mage_msg_box {
  width:380px;    
  position:absolute;
  top:30%;
left:50%;
margin-left:-190px;
  filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
.mage_box_title {
  font-weight:700;
  font-size:14px;
  border-bottom:1px solid #d4caca;
  padding:8px;
  color:#FFFFFF;
  background-color:#00b88a;
  border-radius:4px 4px 0 0;
}
.mage_box_content {
  font-size:14px;
  padding:15px 10px;
  min-height:50px;
  border-left:1px solid #d4caca;
  border-right:1px solid #d4caca;
  background-color:#FFFFFF;
}
.mage_box_options {
  border-top:1px solid #d4caca;
  text-align:right;
  padding:10px;
  background-color:#d4caca;
  border-radius:0 0 4px 4px;
}
.mage_box_options > a {
  border-radius:4px;
  padding:5px 15px;
  font-size:14px;
  background-color: #337ab7;
  border:1px solid #2e6da4;
  text-decoration:none;
  color:#fafafa;
}
.mage_box_options > a:hover {
  background-color:#286090;
}
.mage_box_options > a:first-child {
  margin-right:25px;
}
.mage_box_option_submit,
.mage_box_option_cancel{
cursor:pointer;
}

.mage_showmsg {
  position:fixed;
  bottom:0;
  right:0;
  width:250px;
  height:0;
}
.mage_showmsg_title {
  background-color:#337ab7;
  border-color:#2e6da4;
  color:#fff;
  padding:5px 10px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  zoom:1;
}
.mage_showmsg_title:after {
  content:"";
  width:0;
  height:0;
  display:block;
  clear:both;
}
.mage_showmsg_title > span:first-child {
  float:left;
  font-weight:bold;
}
.mage_showmsg_title > span:last-child {
  float:right;
  cursor:pointer;
}
.mage_showmsg_content {
  height:100%;
  border-left:1px solid #d4caca;
  border-bottom:1px solid #d4caca;
  border-right:1px solid #d4caca;
  padding:10px;
overflow-y:auto;
  background-color:#fff; 
}
.mage_showmsg_content > p {
  margin:0;
  padding:0 0 10px 0;    
}