#modal a:not(.btn-link):hover
{
    /*background: #336699!important; //this is now being set in style.php for bg color branding */
    transition: all 0.5s ease;
}

#modal form table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 1px;
    border-collapse: collapse;
    background: #fff;
    background: -moz-linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    background: -webkit-linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    background: linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#fcfcfc',GradientType=1);
    
    min-width: 40%;
    vertical-align: top;
    margin: 1.5vw auto;
    padding: .75vw;
    list-style: none;
    font-size: .75vw;
    margin-top: 0;
    font-size: 14px;
}


#modal form table>tbody>tr>td,#modal form table>tbody>tr>th,#modal form table>tfoot>tr>td,#modal  form table>tfoot>tr>th,#modal form table>thead>tr>td,#modal form table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.03);
}

body.modalopen div#modalwrapper
{
    opacity:1;
    display:block;
    
}
body.modalopen div#modal
{
    opacity:1;
    display:block;
    top:0;
	transform: translate(20%,5%);
    transition:all 0.5s ease;
}
div#modalwrapper {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.75);
    width: 100%;
    height: 100%;
    z-index: 9901;
    opacity:0;
    display:none;
    
}

body.modalopen .modalscroll {
    position: absolute;
    z-index: 9905;
   position: absolute;
    z-index: 9905;
    width: 100%;
}
body.modalopen #modal
{
	display:block;
}
#modal {
    max-width: 75%;
    min-width: 45%;
    border: 1px solid #aaa;
    top:-100%;
    background: -moz-linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    background: -webkit-linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    background: linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#fcfcfc',GradientType=1);
    position: relative;
    display:none;
    color: #333;
    box-shadow: 1px 1px 23px rgba(0,0,0,0.5);
    z-index: 9902;
    margin-bottom:3vmax;
      transition:all 2s ease;  
}
div.modalbody
{
         padding: 1vmax; 
}
h2.modaltitle
{
         padding: 1vmax;
         /*background: #00467f; //this is now being set in style.php for primary color branding */
         color:whitesmoke;
}
div#modal h2
{
    margin-top: 0;
    margin-bottom: 0.25vmax;
}

div#modal .modalclose
{
    position:absolute;
    top:0.5vmax;right:1vmax;cursor: pointer;
}
div#modal .modalclose:before {
    
    content:"\e083";
    margin-right: 5px;
    font-size:2vmax;
    color:whitesmoke;
    font-family: 'Glyphicons Halflings';
}