/*  MODALS --------------------------------------------------------------------- */   


    #overlay { 
        position: fixed;
        }
    .modal-form  {
        position: absolute;
        display: none;
        -moz-border-radius: 8px; 
        -webkit-border-radius: 8px;
        border-radius: 8px; 
        top: 4%;
        left: 20%;
        width: 60%;
        background: #ddd; /* FOR IE ONLY */
        background: rgba(0,0,0,0.3); 
        overflow: hidden;
        z-index: 4243;
	}
        
	.modal-compare { 
        position: fixed;
        display: none;
        -moz-border-radius: 8px; 
        -webkit-border-radius: 8px;
        border-radius: 8px;
        top: 10%;
        left: 10%;
        width: 80%;
        background: #ddd; /* FOR IE ONLY */
        background: rgba(0,0,0,0.3); 
        overflow: hidden;
        z-index: 4243;     
    }
    
    .modal-upload { 
        position: fixed;
        display: none;
        -moz-border-radius: 8px; 
        -webkit-border-radius: 8px;
        border-radius: 8px;
        top: 30%;
        left: 30%;
        width: 40%;
        background: #ddd; /* FOR IE ONLY */
        background: rgba(0,0,0,0.3); 
        overflow: hidden;
        z-index: 4243;
    } 
    
    .modal-prompt { 
        position: fixed;
        display: none;
        -moz-border-radius: 8px; 
        -webkit-border-radius: 8px;
        border-radius: 8px;
        top: 30%;
        left: 30%;
        width: 40%;
        background: #ddd; /* FOR IE ONLY */
        background: rgba(0,0,0,0.3); 
        overflow: hidden;
        z-index: 4243;
    } 

    /* container for external content. uses vertical scrollbar, if needed */ 
    .modal-content {
		background:none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
		margin:8px;
		overflow:hidden;
		padding:3em 20px 40px;
		position:relative;
		}
	.no-borderradius .modal-content {
        margin: 0;
        }
    .modal-content h3 {
        position: absolute;
        top:0;
        left: 0;
        padding: 0.5em 20px;
        width: 100%;
        background: white;
        }
        
    .modal-content table {
        margin: 1em 0 0 0;
        }
    .modal-content tbody td:hover{
        color: #fff ;
        background-color: #639efc;
        cursor: pointer;
        }
    .modal-content td .person{
        padding-left: 20px;
        background-color: transparent;
        background-position: 0 0;
        background-image: url(../images/icons/16/user.png);
        }
    .modal-content td .male{
        background-image: url(../images/icons/16/male_user.png);
        }
    .modal-content td .female{
        background-image: url(../images/icons/16/female_user.png);
        }
        
        
    .modal-content fieldset {
        width: 100%;
        }
    .modal-content .buttons { 
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: -1em;
        min-width: 40%;
        }
    .modal-content .detail tfoot .button {
        float: left;
        border: 1px solid #000;
        border-color: rgba(0,0,0,0.8);
        font-weight: bold;
        font: normal bold 0.8em/1.4 Arial, Helvetica, sans-serif;
        text-shadow: rgba(0,0,0,0.9) 0 -1px 0;
        color: #fff;
        background-color: #333333;
		margin-top: 1px;
        }

    .modal-content form div.tags li{
        float: left;
        padding: 0 20px 0.3em 0;
        width: 120px;
        }
    .modal-content form .tags input{
        float: left;
        width: 94px;
        }
    .modal-content form .tags .delete {
        float: right;
        display: block;
        width: 20px;
        text-indent: -3000px;
        background-image: url(../images/icons/16/trash_can.png);
        overflow: hidden;
        }


    .modal-content .tags { 
        margin: 1em 0 0 0;
        }