/* Modals */
#settingsModal, #modalIntro, #addEditModal, #bigImageModal
{
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0px; left: 0px;
}

.modalBackground
{
	background-color:Black;
	filter:alpha(opacity=60);
	opacity:0.60;    
    -moz-opacity:0.60;
    width: 100%; height: 100%;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
    position:fixed; /*used to prevent scrolling*/
}
.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 2px #ccc; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 300px;
    padding: 0px;
}

.modalClose
{
	position:absolute;
	top:2px;
	right:2px;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 20px 10px 10px 10px;
}