﻿#osx-modal-content, #osx-modal-data {
   display: none;
}

/* Overlay */
#osx-overlay {
   background-color: #000;
   cursor: wait;
}

/* Container */
#osx-container {
   background-color: #eee;
   color: #000;
   font-family: Verdana;
   font-size: .9em;
   padding-bottom: 4px;
   width: 900px;
   -moz-border-radius-bottomleft: 6px;
   -webkit-border-bottom-left-radius: 6px;
   -moz-border-radius-bottomright: 6px;
   -webkit-border-bottom-right-radius: 6px;
   -moz-box-shadow: 0 0 64px #000;
   -webkit-box-shadow: 0 0 64px #000;
}
#osx-container a {
   color: #ddd;
}
#osx-container #osx-modal-title {
   color: #000;
   background-color: #ddd;
   border-bottom: 1px solid #ccc;
   font-weight: bold;
   padding: 6px 8px;
   text-shadow: 0 1px 0 #f4f4f4;
}
#osx-container .close {
   display: none;
   float: right;
}
#osx-container .close a {
   display: block;
   color: #777;
   font-size: .8em;
   font-weight: bold;
   padding: 6px 12px 0;
   text-decoration: none;
   text-shadow: 0 1px 0 #f4f4f4;
}
#osx-container .close a:hover {
   color: #000;
}
#osx-container #osx-modal-data {
   padding: 6px 12px;
}
#osx-container h2 {
   margin: 10px 0 6px;
}
#osx-container p {
   margin-bottom: 10px;
}
#osx-container span {
   color: #777;
   font-size: .9em;
}
#msgbox {
   bottom: 0px;
   right: 0px;
   position: fixed;
   width: 150px;
   height: 100px;
   border: solid 1px black;
   margin: 0px 0px 0px 20px;
   background-color: white;
   display: none;
   font-size: 13px;
}

#modal .modaltop {
   width: 142px;
   background-color: Transparent;
   background-image: url(img/bg.gif);
   background-repeat: repeat-x;
   padding: 4px;
   color: #ffffff;
   text-align: right;
}
#modal .modaltitle {
   padding: 4px;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   float: left;
}

#modal .modalbody {
   padding: 10px;
   text-align: left;
}

