@import url("/gridiview/forms?script=com.gridiview.server.forms/js/vendor/css/vendor.css");
@import url("/gridiview/library/jsp/font-family-css.jsp");

html { height: 100% }

*{
	font-family: Aller, Arial, Helvetica, sans-serif;
}

body
{
	font-size: 12px;
	color: black;
	padding-bottom: 50px;
	width:98%;
}

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:10px;
	width:100%;
	text-align:center;
	color: #900000 ;
	font-size:14px;
	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:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}

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

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

table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #eeeeee;
}

table.gridtable th.hiddencategory {
	background-color: #dddddd;
}

table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

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: 12px;
}

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

td.editingTableLabel {
	border: 1px solid lightgray;
	padding: 4px;
	background-color: #fafafa;
	text-align:right;
	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:block;
	position:fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
	background-color: rgb(224,224,224);
	border-top: solid lightgray 1px;
	z-index:99;
}

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

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

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:14px;
	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:table-row;
  clear:both;
}

.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;	
}