﻿body 
{
    margin: 0;
	font-family:Raleway, "trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	background-color: #ffffff;
}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.Bordered 
{
    border-style: Solid;
    border-color: Navy;
    border-width: 1px;
}

BottomSpace 
{
    margin-bottom: 2em;
}

.CenteredText 
{
    text-align: center;
    margin-top:0em;
    margin-bottom:.5em;
}

.EmptyDataRow
{
    height: 5em;
    font-weight: bold;
    color: maroon;
}

.EntryFormGroup
{
    display : block;
    position: relative;
}

.HeaderText
{
    color: black;
    font-size:1.3em;
    font-weight:Bold;
}

div.RightJustified
{
    float: right;
    margin-left: 2em;
}

.RightSpace
{
    margin-right: 1em;
}

.SearchBox
{
    display : block;
    padding: 1em;
    position: relative;
}

.TopSpace 
{
    float:none;
    position: initial;
    margin-top: 2em;
}

.UserMsg
{
    font-size: large;
    color: maroon;
    font-weight: bold;
    padding: 1em;
    margin-top: 1em;
}

/* Blue grid */
.GridHeaderNoSortMeeting
{
    background-color:#507CD1;
}
.GridHeaderMeeting
{
    background-color:#507CD1;
    color: White!important;
    font-weight: bold;
}
.GridHeaderMeeting a
{
    background-color: #507CD1;
    color: White!important;
    font-weight: bold;
}
.GridRowMeeting
{
    background-color: #EFF3FB;
}
.GridAltRowMeeting
{
    background-color: White;
}
.GridSortedAscendingCellMeeting
{
    background-color: #F5F7FB;
}
.GridSortedAscendingHeaderMeeting
{
    background-color: #6D95E1;
}
.GridSortedDescendingCellMeeting
{
    background-color: #E9EBEF;
}
.GridSortedDescendingHeaderMeeting
{
    background-color: #4870BE;
}

#divSrchResults table {margin-left:auto; margin-right:auto;}
#divSrchResults th {text-align:left; font-size:1.25em;}
#divSrchResults td {text-align:left; line-height:1.25em;}

.SearchBoxWrpr {display:block; text-align:center; margin:10px 0;}
.SearchBox .search-option-heading {display:block; padding:5px 10px; margin-bottom:10px; font-size:1.125em; font-weight:400; color:#ffffff; background-color:#3f7ccd;}

.SearchBox .search-option-mod {display:table-row;}
.SearchBox .search-option-mod label {display:table-cell; vertical-align:middle; min-width:0; padding:5px; width:auto; text-align:left; white-space:nowrap;}
.SearchBox .search-option-mod input,
.SearchBox .search-option-mod select {display:table-cell; vertical-align:middle; min-width:240px; font-size:14px; height:26px; line-height:20px; margin:0; padding:3px 5px; width:auto; border:1px solid #3f7ccd;}

.SearchBoxWrpr .search-option-buttons {display:block;}
.SearchBoxWrpr .search-option-buttons input {display:inline-block; vertical-align:top; min-width:100px; padding:5px 20px; height:28px; line-height:1em; color:#ffffff; background-color:#3f7ccd; font-family:Raleway; border:none; font-size:1.125em; cursor:pointer;}

#main input[type="text"],
#main select {font-family:Raleway;}

@media (min-width:1024px) {
    
    .SearchBox {display:table; border-collapse:separate; border-spacing:20px; table-layout:fixed; margin:0 auto; text-align:left;}
    .SearchBox .search-option-group {display:table-cell; padding:5px; vertical-align:top; border:1px solid #3f7ccd;}
    .SearchBox .search-option-group td {padding:5px;}

    .SearchBox .search-option-region-mod {display:table; border-collapse:collapse; border-spacing:0; table-layout:fixed; margin:0 auto; text-align:left;}
    .SearchBox .search-option-region {display:table-cell; padding:0 20px 0 0; vertical-align:top; width:50%;}

    .SearchBox .search-option-region-list {display:table; padding:0; vertical-align:top; border-collapse:separate; border-spacing:5px; width:50%;}

}

@media (max-width:1023px) {

    .SearchBox {display:block; margin:0 auto; text-align:left;}
    .SearchBox .search-option-group {display:block; padding:5px; margin-bottom:10px; border:1px solid #3f7ccd;}    
    .SearchBox .search-option-group td {padding:5px;}

    .SearchBox .search-option-region-mod {display:block; border-collapse:collapse; border-spacing:0; table-layout:fixed; margin:0; text-align:left;}
    .SearchBox .search-option-region {display:block; padding:0 20px 0 0; vertical-align:top;}

    .SearchBox .search-option-region-list {display:table; border-collapse:collapse; border-spacing:0; table-layout:fixed; margin:20px 0; text-align:left;}
    .SearchBox .search-option-mod input,
    .SearchBox .search-option-mod select {min-width:100%;}


}