*, *:before, *:after {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
 }

html, body {
    font-family: 'Roboto-Standard', sans-serif;
    font-size:100%;
    background-color:#000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}

#stage {
    position:absolute;
    width:1366px;
    height:768px;
    background-color:#ffffff;
    background-image:url(../img/greyBackground.jpg); 
    background-repeat:no-repeat; 
    background-size:contain;
    overflow:hidden;
}

#sideTitle {
    background-image:url("../img/redSidebarBackground.jpg");
    background-size: cover;
    background-repeat:no-repeat;
    position:absolute;
    top:0px;
    left:0px;
    width:22%;
    height:100%;
    padding-left:1.6%;
    padding-right:1%;

}


.titleSeal {
    position:relative;
    background-image:url("../img/courtSeal.svg");
    background-position: 45% 45%;
    background-repeat: no-repeat;
    width:75%;
    height:25%;
    margin-top:60%;
    margin-bottom:10%;
	margin-left:-2%;
}

.titleSmall {
    font-family:Rockwell-Regular;
    color:#fff;
    font-size:175%;
    opacity:.75;
}
.titleLarge {
    font-family:ChunkFive;
    color:#fff;
    font-size:400%; line-height:80%;
}

#pageEntry {

    position:absolute;
    top:15%;
    left:22%;
    width:78%;
    height:85%;
    overflow:hidden;
}

ul.searchNav {
    width:100%; 
    list-style-type:none;
    margin:0;
    padding:0;
}
li.searchNav {
    display:inline;
    float:left; 
    width:25%;
    background-color:#eee;
    padding-top:1.5%;
    padding-bottom:2%;
    text-align:center;
    border-left:1px solid #ddd;
    color:#4f4f4f;
    font-size:150%;
    font-family: Roboto-Standard;
    transition-property: background-color;
    transition-duration: .5s;
}
li.seachNavHeader {
    background-color:transparent;
    border-left:0px;
    text-align:right;
    padding-right:2.5%;
    font-family: roboto-condensed-Bold;
}
li.searchNavSelected {
    background-color:#fff;   
    transition-property: background-color;
    transition-duration: .5s;
}

.searchContentArea {
    background-color:#fff;
    margin-top:5.6%;
    height:62.5%;
    padding:2.5%;
    text-align:center;
    font-size:125%;
    color:#8b8b8b;
}
#searchQuery {
    color:#000000;
    width:50%;
    height:15%;
    min-height: 15%;
    max-height: 15%;
    border: 1px solid #8fb9d0;
    text-align:center;
    background: #f7fcfe; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7fcfe 0%, #eef8fd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fcfe), color-stop(100%,#eef8fd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7fcfe 0%,#eef8fd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7fcfe 0%,#eef8fd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7fcfe 0%,#eef8fd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7fcfe 0%,#eef8fd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fcfe', endColorstr='#eef8fd',GradientType=0 ); /* IE6-9 */
    padding:.5%;
    margin-top:2%;
    margin-bottom:2%;
    margin-left:25%;
    text-transform:uppercase;
    font-size:125%;
}
.keyboardRow {
    margin-bottom:1%;
}
.searchButtonContainer {
    position: absolute;
    left:73%;
    margin-top:1.5%;
}
.backButtonContainer {
    left:80%;
}
._searchType {display:none;}
#searchByKeyword {display:block}

#searchByCategory {
    padding-left:5%;
 
}
ul#categoriesHere {
    width:100%; 
    list-style-type:none;
    margin:0;
    padding:0;
}
li.categoryItem {
    display:inline-block;
    float:left; 
    width:25%;
    text-align:left;
    padding-bottom:6%;
    padding-right:5%;    
    color:#4f4f4f;
    font-size:100%;
    font-family: Roboto-Standard; 
    line-height:110%;
    
}
.categoryItemSelected {
    color:#07a437 !important;   
}

.datePickerContainer {
    float:left;
    width:35%;
}
.datePickerPadder {
    margin-left:20%;   
}
#searchByDate p {
    margin-bottom:2.5%;   
}
.datePickerContainer p {
    text-align:left;
    text-transform:uppercase;
    color:#027ad4;
    font-family:Roboto-Medium;
    margin-bottom:1%;
}




#pageResults {
    position:absolute;
    top:5%;
    left:100%;
    width:78%;
    height:95%;
    overflow:hidden;
}
#resultsBanner {
    position:absolute;
    top:2.5%;
    left:0;
    width:33%;
    height:7.5%;
    font-size:250%;
    color:#4f4f4f;
    font-family: Roboto-Condensed-Bold;
    line-height:100%;
    text-align:center !important;
}
.resultsBannerCaret {
    width:15%;
    font-size:150%;
    background:#fff;
    height:100%;
    float:left;
    padding-top:3%;
}

.resultsBannerCaret > i {
    line-height:.85em;   
}
.resultsBannerTitle {
    text-align:center !important;
    background:#eee;
    height:100%;
    width:80%;
    float:left;
    text-align:left;
    text-transform:uppercase;
    padding-top:3.5%;
}
ul.resultsSorter {
    width:100%; 
    list-style-type:none;
    margin:0;
    padding:0;
    padding-top:5%;
}
li.resultsSorter {
    display:inline;
    float:left; 
    width:5%;
    background-color:#ddd;
    padding-top:.5%;
    padding-bottom:1%;
    text-align:center;
    border-left:1px solid #ddd;
    color:#4f4f4f;
    font-size:150%;
    font-family: Roboto-Standard;
    transition-property: background-color;
    transition-duration: .25s;
}
li.resultsSorterHeader {
    background-color:transparent;
    border-left:0px;
    padding-right:80%;
}
li.resultsSorterSelected {
    background-color:#efefef;   
    transition-property: background-color;
    transition-duration: .25s;
}
#resultsContentArea {
 
    background-color:#efefef;
    margin-top:3.5%;
    height:70%;
    padding:5%;
    text-align:center;
    font-size:125%;
    color:#8b8b8b;
    overflow-y:scroll;
}

#resultsDocContainer {
    width:100%;
    height:100%;
    font-size:100%;
}

#noResultsContainer {
    display: none;
    text-align: center;
    width:100%;
    padding-top: 15%;
}
#noResultsContainer > i {
    color: #ed792c;   
}

.resultItemContainer {
    overflow:hidden;
    margin-right:5%;
    width:15%; 
    height:32.5vh;

}

.documentPreview {
    width:125%;
    height:20vh;
    border:1px solid #c1c1c1; 
    font-size:1%;
    overflow:hidden;
    text-align:left;
    padding:0;
    font-family:Roboto-Slab-Standard;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

.zoomIcon {
    position:absolute;
    top:16.5vh;
    width:20%;
    height:3.5vh;
    color:#fff;
    margin-left:80%;
    background: #1d8fd5; /* Old browsers */
    background: -moz-linear-gradient(top,  #1d8fd5 0%, #1454ab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d8fd5), color-stop(100%,#1454ab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1d8fd5 0%,#1454ab 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1d8fd5 0%,#1454ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8fd5', endColorstr='#1454ab',GradientType=0 ); /* IE6-9 */
}

.description {
    position:absolute;
    text-align:left;
    font-size:75%;
    color:#333;
    line-height:100%;
    text-transform:uppercase;
    top:20.5vh;
}
.descDate {
    font-size:75%;
    color:#666;
}

#fullScreenDoc {
    position:absolute;
    top:5%;
    width:45%;
    height:90%;
    background:#fff;
    border:1px solid #c1c1c1; 
    display:none;
    padding:2.5%;
    overflow-y:scroll;
    font-family:Roboto-Slab-Standard;
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
#fullScreenDocMask {
    position:absolute;
    left:22%;
    width:88%;
    height:100%;
    overflow:hidden;
    background:#000;
    opacity:.5;
    display:none;
}





.content {
    position:absolute;
    text-align:center;
    width:100%;
}

.splashPage{
    position:absolute; 
    text-align:center;
    width:100%;
    height:100%;
    overflow:hidden;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ffffff 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8d7dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#infaxLogo {
    position:absolute;
}

#floatingBarsG { position:absolute; top:50%; left:50%; }


/* datepicker override */

.ui-widget-header {
    background: #f5f5f5;
    border:0px;
    color:#757575;
    
}
.ui-widget-content {
    border:1px solid #c8c8c8;
    background:#fff;
    
}
.ui-corner-all {
    border-radius:0;   
}

.ui-datepicker th {
    font-weight:normal;
    color:#7c7c7c;
    font-family:Roboto-Light;
}
.ui-datepicker-month, .ui-datepicker-year {
    font-weight:normal;
    font-family:Roboto-Bold;
}
.ui-state-default, .ui-state-hover, .ui-datepicker-prev-hover, .ui-datepicker-next-hover {
    border:0 !important;
    color:#757575 !important;
    background:#fff !important;
    text-align:center !important;
    font-weight:normal !important;
 
}
.ui-datepicker td a {
    padding:.4em !important;   
}
.ui-state-active {
    background:#07a437 !important;
    color:#fff !important;
}
.ui-icon, .ui-icon-circle-triangle-w {
    background:none !important;
    color:#757575 !important;
    font-family:"FontAwesome";
}
 
.ui-icon {
    width:100%;
    height:100%;
    text-indent:0;
    margin:0;
    padding:0; 
}
.ui-datepicker-prev span, .ui-datepicker-next span  {
    margin:0 !important;
    padding:0 !important;
    left:0 !important;
    top:0 !important;
    padding-top:25% !important;
}   





#attractContainer {
    position: absolute;
    overflow: hidden;
    width:100%;
    height:100%;
}
#attractVideoContainer {
    position: absolute;
    overflow: hidden;
    width:100%;
    height:100%;

}
#attractVideoContainer  {
    width:100%;
    height:100%;
        background-image: url(../img/flagBackground.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.titleSeal-attract {
    position: absolute;
    background-image: url(../img/courtSeal.svg);
    background-repeat: no-repeat;
    width: 80%;
    height: 30%;
    margin-left: 2.35%;
    margin-top: 17.5%;
}

.attract-location {
    position: absolute;
    top: 34%;
    left:25%;
}
.titleSmall-attract {
    font-family:Rockwell-Regular;
    color:#fff;
    font-size:200%;
    opacity:.75;
}
.titleLarge-attract {
    font-family:ChunkFive;
    color:#fff;
    font-size:500%; line-height:80%;
}
.attract-instructions {
    position: absolute;
    top:54%;
    left:25%;
    font-family: roboto-condensed-Standard;
    font-size: 200%;
    color:#fff;
    text-transform: uppercase;
}