﻿div.table {
            display: table;
          }

        div.row {
            display: table-row;
            border-style: solid;
            border-color: red;
            border-width: 15px;
            padding-top: 35px;
            padding-bottom: 35px;
            padding-right: 50px;
            padding-left: 50px;
            margin-top: 25px;
            margin-bottom: 25px;
            margin-right: 50px;
            margin-left: 50px;
        }


        div.cell {
            display: table-cell;
            border-style: solid;
            border-color: red;
            background-color: green;
            border-width: 15px;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 30px;
            padding-bottom: 30px;
            font-weight: 5000;
            font-size: 200%;
        }

        .stripeContainer {
            width: 100%; /* this is usually implied */
            height: 50px;
            background-color: red;
            font-family: arial;
            font-size: 32px;
            text-align: center;
            color: white;
        }

        .stripeWhite {
            width: 100%; /* this is usually implied */
            height: 50px;
            background-color: white;
            font-family: 'Times New Roman';
            font-size: 32px;
            text-align: center;
            color: white;
        }

        body {
            font-family: Georgia;
            font-size: 22px;
        }

        .headerText
            {
                font-family:    Georgia;
                font-size:      40px;
                font-weight:    bold;
                color:white;
            }

        .headerTextSmall
            {
                font-family:    Georgia;
                font-size:      20px;
                font-weight:    bold;
                color:black;
                text-align:center;
            }
        .headerTextSmallWhite
            {
                font-family:    Georgia;
                font-size:      20px;
                font-weight:    bold;
                color:white;
                text-align:center;
            }
        .rowTextSmall
            {
                font-family:    Georgia;
                font-size:      20px;
                color:black;
                text-align:center;
            }
        
        .redbutton {
            -moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#fa0a0a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #fa0a0a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:15px;
    font-weight: bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
            text-align: center;
            width: 50px;
        }

            .redbutton:hover {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, red), color-stop(1, #d0451b));
                background: -moz-linear-gradient(top, red 5%, #d0451b 100%);
                background: -webkit-linear-gradient(top, red 5%, #d0451b 100%);
                background: -o-linear-gradient(top, red 5%, #d0451b 100%);
                background: -ms-linear-gradient(top, red 5%, #d0451b 100%);
                background: linear-gradient(to bottom, red 5%, #d0451b 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='#d0451b',GradientType=0);
                background-color: red;
            }

            .redbutton:active {
                position: relative;
                top: 1px;
            }

        body {
            text-align: center;
            min-width: 1400px;
        }

        #pagebox_wide {
            text-align: left;
            width: 1400px;
            margin-left: auto;
            margin-right: auto;
        }
           /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.panelFocus{position:absolute; top:430px;align-content:center;height:325px;width:1400px;z-index:100;
            text-align:center;
            background-color:white;
            border-style:solid;
            border-width:0px;
            border-bottom-color:black;
            border-top-color:black;
            border-left-color:black;
            border-right-color:black;
}
 .bluebutton {
            -moz-box-shadow:inset 0px 39px 0px -24px #4a6a87;
	-webkit-box-shadow:inset 0px 39px 0px -24px #4a6a87;
	box-shadow:inset 0px 39px 0px -24px #4a6a87;
	background-color:#274d6f;  
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #274d6f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:15px;
    font-weight: bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #274d6f;
            text-align: center;
            width: 50px;
        }

.bluebutton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #274d6f), color-stop(1, #1e3b54));
    background: -moz-linear-gradient(top, #274d6f 5%, #1e3b54 100%);
    background: -webkit-linear-gradient(top, #274d6f 5%, #1e3b54 100%);
    background: -o-linear-gradient(top, #274d6f 5%, #1e3b54 100%);
    background: -ms-linear-gradient(top, #274d6f 5%, #1e3b54 100%);
    background: linear-gradient(to bottom, #274d6f 5%, #1e3b54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#274d6f', endColorstr='#1e3b54',GradientType=0);
    background-color: #274d6f;
}

.bluebutton:active {
    position: relative;
    top: 1px;
}

#dvSubContractors {
    position:fixed;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}


#specific_locations_add{position:relative;}



#txtSearch {
    font-family: 'Roboto';
    font-size: large;
    color: black;
}
.autocomplete {
    font-family: 'Roboto';
    color:black;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    list-style:circle;
    background-color:white;
  z-index: 9999 !important;
}
.autocomplete_highlightedListItem {
    background-color: #ede6e6;
    color: black;
    list-style-type: none;
    z-index: 9999 !important;
}

.autoCompleteEx_ItemSelected {
    font-family: 'Roboto';
    color: red;
    list-style: circle;
    background-color: white;
    z-index: 9999 !important;
}

#specific_locations_add {
    position: relative;
}

.AlphabetPager a, .AlphabetPager span
    {
        display: inline-block;
        height: 15px;
        line-height: 15px;
        min-width: 15px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        padding: 0 1px 0 1px;
    }
    .AlphabetPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
    }
    .AlphabetPager span
    {
        background-color: #aaa;
        color: #fff;
        border: 1px solid #000;
    }


