/* dgimgdb.CSS */

td
{
  font-family: "Arial";
}

a img
{
  border: none;
}

#mainheading
{
  width: 100%;
  color: #0004bd;
  background-color: #bee7e7;
  text-align: center;
  height: 120px;
  font-size: 35px;
  text-align: left; 
}

#mainheading2
{
  font-family: "Arial Rounded MT", arial, sans-serif;
  font-size: 35px;
  font-weight: bold;
  margin-left: auto;
  padding-top: 10px;
  color: #0004bd;
  text-align: center;
}

.IDALogo
{
  margin-left: 20px;
  position: absolute;
  top: 15px;
  text-align: left;
  vertical-align: middle;
  width: 200px;
  height: 120px;
  text-decoration: none;
}

.vatop {
	vertical-align: top;
}

.align-centre {
	text-align: center;
}

#IDALogo2
{
  left: 180px;
}

#SSearch
{
  position: absolute;
  top: 20px;
  right: 30px;
  font-family: "Arial Rounded MT", arial, sans-serif;
  text-align: center;
  font-size: 14px;
  z-index: 2;
}

#AdminDiv
{
  position: absolute;
  top: 10px;
  right: 30px;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #003ebd;
  z-index: 2;
}

.AdminMenu
{
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  height: 60px;
  width: 90px;
  display: block;
  text-align: center;
  font-family: arial, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
}

.AdminMenu li
{
  list-style: none;
  padding: 0px;
  margin-right: 3px;
  min-width: 80px;
  width: 90px;
  text-align: center;
  background: #4CC2AF;
  line-height: 20px;
}

#mainheadi
{
  width: 900px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-color: #bee7e7;
}

.searchhead
{
  font-family: arial, sans-serif;
  font-size: 18px;
  color: #ff8a09;
  height: 60px;
  text-align: center;
  font-weight: bold;
}

#searchreshead
{
  font-family: arial, sans-serif;
  font-size: 16px;
  color: black;
 /* height: 30px;*/
  text-align: center;
  padding-bottom: 10px;
}

.searchtd
{
  width: 50%;
  max-width: 600px;
  vertical-align: top;
}
.faintres
{
  font-size: 12px;
  color: #aaaaaa;
}

#intro
{
  font-family: arial, sans-serif;
  font-size: 18px;
  color: black;
  height: 30px;
  text-align: center;
}

.news
{
  font-family: arial, sans-serif;
  font-size: 26px;
  color: white;
  font-weight: bold;
  text-align: center;
  background-color: #152dff;
  border-radius: 15px;
  box-shadow: 5px 5px 10px #DDD;
}

.newssub
{
  font-size: 16px;
}

.news a:link
{
  color: white;
  text-decoration: none;

}

.news a:visited
{
  color: #b9dcff;
  text-decoration: none;

}

#searchsubhead
{
  font-family: arial, sans-serif;
  font-size: 14px;
  color: #fe7a81;
  height: 25px;
  text-align: center;
}
#logoL
{
  float: left;
}

#logoR
{
  float: right;
}

.container
{
  position: absolute;
  top: 0px;
  height: auto;
  overflow: hidden;
  width: 100%;
}

.FieldBox
{
  background: #ffe2a8;
}

.FieldBox1
{
  background: #ffdb8e;
}

.FieldBox2
{
  background: #d5f1ff;
}

.FieldBox3
{
  background: #a8e2ff;
}

.mainmenu
{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 18px;*/
  padding: 0px;
  height: 25px;
  width: 700px;
  text-align: center;
  font-family: arial, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
.mainmenu li
{
  list-style: none;
  padding: 0px;
  margin-right: 3px;
  min-width: 70px;
  text-align: center;
  background: #4CC2AF;
  line-height: 18px;
}

.menubutt  /* not used ?? */
{
  font-family: arial, sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  list-style: none;
  padding: 0px;
  margin-right: 3px;
  min-width: 90px;
  text-align: center;
  background: #4CC2AF;
  line-height: 20px;
}

.mainmenuexec
{
  display: none;
}

.mainmenu a:link
{
  text-decoration: none;
  color: #ffffff;
}

.mainmenu a:visited
{
  color: #ffffff;
}

.mainmenu a:hover
{
  color: #000000;
}

.main_buttons
{
  margin-left: auto;
  margin-right: auto;
  height: 300px;
  width: 960px;
  padding: 5px;
  border-spacing: 5px;
}

.bigbutt
{
  width: 310px;
  height: 190px;
}

.allbutton
{
  width: 60px;
  height: 24px;
  padding: 2px;
  line-height: 10px;
}

.smallbutton
{
  width: 25px;
  height: 20px;
  padding: 2px;
  line-height: 8px;
  font-size: 10px;
}

.smallbutton2
{
  width: 65px;
}

#FavName
{
  position: absolute;
  display: none;
  top: 200px;
  color: #0033ff;
  right: 100px;
  width: 200px;
  height: 15px;
  padding: 2px;
  line-height: 12px;
  font-size: 14px;
  background-color: #dbfffc;
  border-radius: 5px;               /* Rounded corners */
  box-shadow: 5px 5px 10px #DDD;  /* tool tip shadow */
  z-index: 100000;
}

#OptTip
{
  position: absolute;
  display: none;
  top: 200px;
  color: #ffffff;
  right: 100px;
  width: 200px;
  height: 30px;
  padding: 5px;
  line-height: 12px;
  font-family: arial, sans-serif;
  font-size: 14px;
  background-color: #4040fd;
  border-radius: 5px;               /* Rounded corners */
  box-shadow: 5px 5px 10px #DDD;  /* tool tip shadow */
  z-index: 100000;
    /* Fade in tooltip 
    opacity: 0;
    transition: opacity 3s; */ 

}

.smalltd
{
  width: 25px;
  height: 20px;
  padding: 2px;
  line-height: 8px;
  font-size: 10px;
  background-color: #ecfdfc;
  text-align: center;
  font-weight: normal;
  cursor: default;

}

.smalltdhl
{
  background-color: #8ef4ed;
  font-weight: bolder;
}

#Announce
{
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  min-height: 40px;
  background: #ffdf8a;
  color: #000000;
  font-family: arial, sans-serif;
  font-size: 18px;
  line-height: 35px;
  font-weight: bold;

}

#orderable
{
  background: #bee7e7;
  text-align: center;
}

.paginate
{
  padding: 0px;
  margin: 0px;
  height: 30px;
  display: block;
  text-align: center;
}

.paginate li
{
  display: inline-block;
  list-style: none;
  padding: 0px;
  margin-right: 1px;
  width: 30px;
  height: 24px;
  text-align: center;
  background: #4CC2AF;
  line-height: 25px;
  color: #FFFFFF;
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.paginateE li
{
  color: #ff0000 !important;
}

.paginateW
{
  /*wide buttons*/
  width: 120px !important;
}

.paginate .active
{
  display: inline-block;
  list-style: none;
  padding: 0px;
  margin-right: 1px;
  width: 30px;
  text-align: center;
  line-height: 25px;
  background-color: #666666;
}
.paginate li a
{
  color: #FFFFFF;
  text-decoration: none;
}

.navigate li
{
  display: inline-block;
  list-style: none;
  padding: 0px;
  margin-right: 1px;
  width: 100px;
  text-align: center;
  background: #4CC2AF;
  line-height: 25px;
  color: #FFFFFF;
  font-family: arial, sans-serif;
}

/*  ********* The left pane contains the screens and headers ********* */

.leftpane
{
  margin-top: 10px;
  width: auto;
  /*margin: auto; */
  min-height: 340px;
  overflow: hidden;
  color: black;
  font-family: arial, sans-serif;
}

.leftpane a
{
  color: blue;
}

#leftpane header
{
  padding: 0;
  height: 32px;
  border-bottom: 1px solid #c7c7c7;
  background: #d3d3d3;
  background: -moz-linear-gradient(white, #d3d3d3);
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#d3d3d3));
}

.botthelp
{
  padding: 5px;
  height: 120px;
  width: 450px;
  border-radius: 15px;
  background: #c9c9c9;
  background: -moz-linear-gradient(#c8c8c8, #f8f8f8 );
  background: -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#f8f8f8));

}

#results
{
  background-color: #ffffff;
}

.result
{
  /*  position: float;*/
  display: inline-block;
  margin: 2px;
  padding: 4px;
  overflow: hidden;
  width: 180px;
  height: 180px;
  font-family: arial, sans-serif;
  font-size: 12px;
  background: #ffffff;
  cursor: pointer;
}

.resLarge
{
  width: 240px;
  height: 250px;
}

.page_result
{
  padding-left: 10px;
}

.PerHead
{
  display: inline;
  background: #ffd0d0;
  font-weight: bold;
  color: #72009d;
  font-size: 18px;
  padding: 10px;

}

.ResHead
{
  background: #ffd0d0;
  font-weight: bold;
  cursor: default;
}

.ResHead td
{
  padding-left: 5px;
}

.Sort
{
  cursor: pointer;
}

.ResList
{
  padding: 4px;
  margin: 4px;
  font-size: 14px;
}

.ResListLink
{
  cursor: pointer;
  font-weight: bold;
  color: blue;
}

.respic
{
  vertical-align: bottom;
}

.mainpic
{
  position: relative;
}

.overlaypic
{
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.overlaypic:hover
{
  opacity: 1;
}


.imgcount
{
  font-family: arial, sans-serif;
  font-size: 7px;

}

.PerLink
{
  color: blue;
  font-weight: bold;
  cursor: pointer;
}

.PerLinkCent
{
  text-align: center;
}


.RPRow
{
  /*Report problem Row  */
  display: none;

}

.catlist
{
  /*  position: float;*/
  display: inline-block;
  overflow: hidden;
  width: 180px;
  height: 20px;
  margin-right: 8px;
  margin-bottom: 8px;
  font-family: arial, sans-serif;
  font-size: 12px;
  padding: 4px;
  text-align: center;
  font-weight: bold;
  background: #ffa6a6;
  cursor: pointer;
}

.loclist
{
  background: #ffdd84;

}

.catnumbs
{
  color: #ffdddd;
  font-size: 12px;
  font-weight: normal;
}

.bodytext
{
  line-height: 25px;
  color: #0d0084;
  font-family: arial, sans-serif;
  font-size: 16px;
}

textarea
{
  font-family: arial, sans-serif;
  font-size: 14px;
}

.pubtable
{
  padding: 20px;
  margin: 20px;
}

.resstring
{
  font-weight: bold;
  color: green;
}

.linkstring
{
  color: blue;
  cursor: pointer;
}

#orderable
{
  cursor: pointer;

}

.FindBox
{
  position: absolute;
  display: block;
  overflow: hidden;
  width: 440px;
  min-height: 130px;
  top: 430px;
  left: 250px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 10px;
  border: 3px solid black;
  font-family: arial, sans-serif;
  font-size: 12px;
  padding: 10px;
  background: #e2edd3;

}

.FindBox2
{
  left: 850px;
  z-index:99;
}

#FindHead
{
  font-size: 14px;
  font-weight: bold;

}

.footer
{
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  height: 50px;
  width: 100%;
  display: block;
  text-align: center;
  font-family: arial, sans-serif;
  color: #e800d7;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
}

.subfooter
{
  font-family: arial, sans-serif;
  color: black;
  font-size: 16px;
  font-weight: normal;
}

.footer a
{
  color: #e800d7;
}

.Warn
{
  display: block;
  color: red;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
}

.millstonelist td
{
  width: 150px;
/*  height: 200px;*/
  text-align: left;
}

.ImageP
{
  height: 768px;
}

.ImageL
{
  width: 768px;
}

.RPImgP
{
  height: 400px;
}

.RPImgL
{
  width: 400px;
}

.SSR   
/*Simple Search Row */
{
  display: none;

}

.CSR  
/*Complex Search Row */
{
}

.icButton
{
  border-radius: 5px;
}

.SmButt {
    font-size: 8px;
    padding:1px;
}

.AlignRight {
  text-align: right;

}

.XButt
{
  border-radius: 5px;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-left: 1px;
  padding: 0px;
}

/*++++++++++++++++++++++++++ SMALL SCREEN ++++++++++++++++++++*/
@media all and (max-width: 1400px)
{
  #mainheading
  {
    width: 100%;
    font-family: arial, sans-serif;
    font-size: 24px;
    height: 120px;
  }

  #mainheadi
  {
    width: 900px;
    height: 100px;
  }

  #mainheading2
  {
    font-size: 26px;
    margin-left: 120px;
  }

  #IDALogo2
  {
    left: auto;
    right: 20px;
  }

  #AdminDiv
  {
    right: 260px;
  }

.RPImgP
{
  height: 300px;
}

.RPImgL
{
  width: 300px;
}

  #searchhead
  {
    font-size: 14px;
    height: 40px;
  }

  #heading
  {
    width: 160px;
  }

  #SiteLogo
  {
    width: 100px;
  }

  #SSearch
  {
    display: none;
  }

  .subfooter
  {
    display: none;
  }

  #Announce
  {
    font-size: 12px;
    line-height: 26px;
  }

  .main_buttons
  {
    height: 200px;
    width: 660px;
  }

  .bigbutt
  {
    width: 210px;
    height: 129px;
  }

  .mainmenu
  {
    font-size: 10px;
  }

  .RPImgP
  {
    height: 350px;
  }

  .RPImgL
  {
    width: 350px;
  }


}


/*++++++++++++++++++++++++++ SLIGHTLY SMALLER SCREEN ++++++++++++++++++++*/
@media all and (max-width: 1300px)
{
  #TDRP2
  {
    display: none;
  }
}


/*++++++++++++++++++++++++++ SMALLER SCREEN ++++++++++++++++++++*/
@media all and (max-width: 1050px)
{

  #TDRP1
  {
    display: none;
  }

  #IDALogo
  {
    display: none;
  }

  #IDALogo2
  {
    left: 0px;
  }

  #mainheading
  {
    height: 80px;
  }
  #heading
  {
    width: 100px;
  }

  #AdminDiv
  {
    right: 20px;
  }

  #botthelpR
  {
    display: none;
  }

.searchtd
{
  width: 80%;
  max-width: 600px;
}

}

#WW1Fam
{
  color: blue;
  text-align: center;
  font-size: 20px;
  font-style: italic;
}