@import url("/gridiview/forms?script=com.gridiview.server.forms/js/vendor/css/vendor.css");
@import url("/gridiview/library/jsp/font-family-css.jsp");
@import url("/renaissance/common/frameworks/fonts/opengrid-fonts.css");
@import url("/renaissance/common/frameworks/base/css/insight-dark.css");
@import url("/renaissance/common/frameworks/base/css/core.css");
@import url("/renaissance/browser/frameworks/browser/cimphony.browser.css");
@import url("/renaissance/common/frameworks/fontawesome5.15.4/css/all.min.css");
@import url("/renaissance/common/frameworks/base/css/homepage.css");

html { height: 100%;}

body
{
	background-image: radial-gradient(black,rgb(32,32,32));
	 overflow: auto;
}

/* a:link {color:#990000; text-decoration: none;}      unvisited link
a:visited {color:#990000; text-decoration: none;}  visited link
a:hover {color:#000099; text-decoration:none}  mouse over link
a:active {color:#006600; text-decoration: none;}  selected link */

div.centred{
	top:20px;
	width:100%;
	text-align:center; 
}


div.statusMessage{
	padding-bottom:1em;
	width:100%;
	text-align:center;
	color: #f55 ;
	font-size:medium;
	font-weight: bold;
}

img.centred{
	display:block;
	margin-left: auto;
	margin-right: auto;
}

.map{
	border: solid 1px gray;
}

.reportHeader{
	font-size:9px;
	color:gray;
	text-align:left;
}

table.gridtable {
	font-size:small;
	color:rgba(255,255,255,0.7);
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}

table.innergridtable {
	font-size:11px;
	border-collapse: collapse;
	padding: 0px;
	border-color: rgba(255,255,255,0.7);
	margin:0px;
}

table.innergridtable td {
	border-style: none;
}

table.gridtable th,
table.editingTable th {
	border-width: 1px;
	padding: 0.5em;
	border-style: solid;
	border-color: rgba(255,255,255,0.5);
	background-color: rgb(48,48,48);
}

table.gridtable th.hiddencategory {
	background-color: rgb(32,32,32);
}

table.gridtable td,
td.editingTableContent {
	border-width: 1px;
	padding: 0.5em;
	border-style: solid;
	border-color: rgba(255,255,255,0.5);
	background-color: rgb(24,24,24);
}

table.gridtable td.hiddencategory {
	background-color: #eeeeee;
}

table.gridtable th.form-summary-section{
	background-color: #f4f4f4;
	
}

table.gridtable th.form-summary-field{
	background-color: #fafafa;
	
}

table.gridtable td.shaded {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
	font-weight:bold;	
}

table.gridtable td.separator {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #666666;
	background-color: #e0e0e0;
	font-weight:bold;	
	font-size: 10px;
}

table.centredBlock{

	margin-left: auto;
	margin-right: auto;
	width: auto;
}

table.editingTable{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	font-size: small;
}

/* table.editingTable th {
	border: 1px solid rgba(255,255,255,0.5);
	padding: 4px;
	background-color: rgb(48,48,48);
	text-align:center;
	font-size: small;
	font-weight:bold;
} */

td.editingTableLabel {
	border: 1px solid rgba(243,150,33,0.5);
	text-align:right;
	padding: 0.5em;
	font-weight:bold;
	background-color: rgb(24,24,24);
/* 	padding: 4px;
	background-color: #fafafa;
	font-size: 12px;
	font-weight:bold;
 */}

/* td.editingTableContent {
	border: 1px solid lightgray;
	padding: 4px;
	background-color: #fffff;
	text-align:left;
	font-size: 12px;
} */

table.viewingTable{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	font-size: 12px;
	page-break-inside:auto;
}

table.viewingTable tbody{
	page-break-inside:avoid;
	page-break-after:auto;
}

table.viewingTable th {
	border: 1px solid gray;
	padding: 4px;
	background-color: #e0e0e0;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
}

td.viewingTableLabel {
	border: 1px solid #bbbbbb;
	padding: 4px;
	background-color: #f4f4f4;
	text-align:right;
	font-size: 12px;
	font-weight:bold;
	max-width:320px;
}

td.viewingTableContent {
	border: 1px solid #aaaaaa;
	padding: 4px;
	background-color: #fffff;
	text-align:left;
	font-size: 12px;
	font-weight: none;
	font-style: none;
}

td.viewingTableContentMissing {
	border: 1px solid #eeeeee;
	padding: 4px;
	background-color: #fffff;
	text-align:left;
	font-size: 9px;
	font-weight: none;
	font-style: italic;
	color: gray;
}

td.headerLabel{
	text-align:right;
	font-size: 12px;
	font-weight:bold;
	background-color: #f4f4f4;
	padding-left:10px;
	padding-right:10px;
}

td.headerTitle{
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	background-color: #f0f0f0;
}

td.categoryTitle{
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	background-color: #a2c7f2;
}

td.headerContent{
	text-align:left;
	font-size: 12px;
	background-color: #fafafa;
	padding-left:10px;
	padding-right:10px;
	font-weight: none;
	font-style: none;
}

#navigation li {
        list-style: none;
        display: block;
        float: left;
        margin: 1em;
}

#navigation li a {
        display: block;
        text-decoration: none;
        color: #000099;
        font-size: 1.1em;
        margin: 0 .5em;
}

#navigation li a:hover {
        margin-top: 0px;
        color: #990000;
        text-decoration: underline;
}

#navigation_container {
   margin: auto auto;
   width: 720px;
}

.rectangle {
background-image: linear-gradient(bottom, rgb(206,221,237) 0%, rgb(155,195,235) 64%);
background-image: -o-linear-gradient(bottom, rgb(206,221,237) 0%, rgb(155,195,235) 64%);
background-image: -moz-linear-gradient(bottom, rgb(206,221,237) 0%, rgb(155,195,235) 64%);
background-image: -webkit-linear-gradient(bottom, rgb(206,221,237) 0%, rgb(155,195,235) 64%);
background-image: -ms-linear-gradient(bottom, rgb(206,221,237) 0%, rgb(155,195,235) 64%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(206,221,237)),
	color-stop(0.64, rgb(155,195,235))
);
   height: 70px;
   position: relative;
   -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
   box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   z-index: 500; /* the stack order: foreground */
   margin: 3em 0;
   text-align: center;
}

img
{  border-style: none;
}

#home {
    position: relative;
}

#home img{
	position: absolute;
    top: 0px;
    left: 0px;
}

#home a{
	text-decoration:none;
}

#back {
    position: relative;
    
}

#logo {
	position:absolute;
	top:0px;
	width:100%;
}

#logo img {
    position:absolute;
    top: 0px;
    right: 20px;
    padding-top:5px;
    
}

#libraryLogo {
	position:absolute;
	top:0px;;
	width:100%;
}

#libraryLogo img {
    position:absolute;
    top: 0px;
    right: 200px;;
    padding-top:5px;
    
}

div.footer{
	display:none;
    bottom: 0px;
    padding-bottom:1em;
    left: 0px;
    width: 100%;
	background-color: rgb(0,0,0);
	color: rgba(255,255,255,0.7);
	border-top: solid rgba(243,150,33,0.5) 1px;
	z-index:99;
}

div.footerText{
	text-align:right;
	padding:5px;
}

div.description{
	font-size: 10px;
	color: dimgray;		
}

img.opengrid-logo{
	height: 4em;
	border-left: 1px solid rgba(255,255,255,0.5);
    padding-left: 0.5em;
    margin-left: 0.25em;
}

img.cimphony-concert-logo{
	height:4em;
}

div.header {
    position: relative;
}
#navigation {
    position:absolute;
    top:0px;
    /* top:0;
       left:0;*/
    left:10px;
    width:100%;
    color:dimgray;
    text-align:left;
    padding-top:10px;
}

#accountAdmin {
    position:absolute;
    top:30px;
    /* top:0;
       left:0;*/
    right:20px;
    width:100%;
    color:dimgray;
    text-align:right;
    padding-top:10px;
}
 
a.elModLink{

}

.span-admin-title{
	font-size:medium;
	font-weight:bold;
}

.div-table{
  display:table;         
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
  width:540px; margin:0 auto;
}
.div-table-row{
  display:table-row;
  width:480px;
  clear:both;
}
.div-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:200px;         
}

.div-admin-table{
  display:table;         
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
  border-top: 1px dotted lightgray;
  width:100%;
}
.div-admin-table-row{
  display:flex;
  clear:both;
  align-items:center;
}

.div-admin-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;  
  padding-right:10px;       
}

.div-admin-table-action{
	border-left:1px solid gray;
	padding-left:10px;
  float:left;/*fix for  buggy browsers*/
  display:table-column;  
  padding-right:10px;       

}

.between{
	font-size: 12px;
	vertical-align: middle;
	
}

.searchResultsPageList{
	font-size:16px;
	padding-top:5px;
}

.searchResultsHeader{
	font-size:13px;
	font-weight: bold;
	
}

.searchResultsSubHeader{
	font-size:12px;
	color:#666;
	
}

#reportsPerPageSelector{
	float:right;
	font-size:12px;
	
}

.openMapButton td{
	background-color:#990000;
	padding:5px;
	width:100%;
	text-align:center; 
	border-radius: 5px;
}

.openMapButton a{
	color: white;	
}

.openMapButton a:hover{
	color: #9999ff;	
}

.homePageNavigation a{
	color: #000099;
}

.homePageNavigation{
		font-size:12px;	
}

.openMapButton td{
	cursor: pointer;
}

.openMapButton td:hover{
	background-color: #000099;	
}