html, body { 
    height: 100%; 
}

body { 
    background-color: #CCCCCC; 
    font-family: 'OpenSans', arial, sans-serif; 
}

.wrap { 
    height: auto !important;
    min-height: 100%; 
    margin: 0 auto -30px;  
    background-color: #FFFFFF; 
}

.wrap > .container { 
    padding-top: 30px; 
}

.push, .footer { 
    height: 30px; 
}

.pull-right{ 
    float: right; 
}

.pull-left{ 
    float: left; 
}

h1, h2, h3, h4{ 
    /*padding: 0 0 5px 5px;*/
    font-family: 'PT Sans', Verdana, sans-serif;  
}

/*
h1{ }
h2{ margin: 20px 0 15px 0; }
h3{ margin: 10px 0 15px 2px; border-bottom: 1px #2647A0 solid; }
*/

.scroll { 
    height: 540px; 
    overflow-y: auto; 
    overflow-x: hidden;   
    border: 1px solid rgb(212,212,212); 
}

label { 
    float: left; 
    width: 150px; 
    clear:both; 
    font-weight: bold; 
}

span { 
    float: left; 
}

.gridStyle { 
    height: 300px; 
    border: 1px solid rgb(212,212,212); 
}

/* modal */

.modal-box {
    padding: 30px;
}

.modal-box h4 {
    margin-bottom: 15px;
}

.modal-box h5 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px grey solid;
}

.modal-box table {
    margin-bottom: 20px;
}

.modal-box table td {
    width: 180px;
}

.modal-box table td + td {
    width: 60px;
}

.modal-box table td + td + td {
    width: auto;
}


.close {
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    
}

.close:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}