html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

header {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    z-index: 1000;
}

#globalArea {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

a {
    color: #ff0000;
}
@media (min-width: 1200px) {
    .modal-dialog {
        width: 1140px;
        
    }
}
.clear
{
    clear:both
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th
{
    text-align:center;
    padding:5px;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
    padding: 20px;
}
.country-image
{
    margin-bottom:20px;
}
.country-image img
{
    max-width:100px;
}

.nav-tabs > li > a {
    color: #474747;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #baa16f
}
.home-content
{
    background:#ddd;
}