/* ------- MAIN LAYOUT -------------- */
body {
    background: url("/img/menubar.png") repeat-x;
	height: 100%;
    margin: 0;
    font: normal 14px/18px Helmet, Freesans, sans-serif; /* new, Linux- and Windows-friendly font stack: http://mky.be/fontstack */
}
/* background-color: #dfdfed; */
a {
color: #00f;
text-decoration: none;
}
a:hover {background: #f0f0f0;}

p {
 margin-bottom: 8px;
 margin-right: 10px;
}

.container {
    position: relative;
}
#topbar {
	background-color: #090976;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 40px;
}

.header-branding {
    background: url("/img/logo.png") no-repeat scroll 0 0 transparent;
    margin: 4px;
	height: 80px;
}
.QFHS {
    color: #090976;
    font-size: 26px;
    padding: 17px 0 0 85px;
	font-weight: 600;
}
.header-functions {
    float: right;
    position: relative;
}
.patron {
    font-size:  x-small;
    margin: 22px 0 0 136px;
}
#datetime {
	font-size: 0.8em;
	float: right;
}
#search_form {
	position: absolute;
	top: 8px;
}
.search-input {
	color: #707070;
        background-image: url(/img/glass.png);
        background-position: right bottom;
        background-repeat: no-repeat;
}



/* begin microclearfix boilerplate */
/* http://themergency.com/css-clearfix-demystified/ */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
/* end clearfix */

.nav {
/*   background-color: #090976; */
   height:40px;
/*   padding: 4px; */
/*   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   background:#f3f3f3;
   border:1px solid #cccccc;
*/
}
.content {
  display:table;
  margin-top: 10px;
  padding-top: 5px;
/* background:#F0F0F0; */ 
  font-size: 85%;
}

.mcontent {
  /* background:#F0F0F0; */ 
	min-height: 390px;
}

.bodyText ol, .bodyText ul {
margin: 0 0 10px 24px;
}

.bodyText ul li {
  list-style: disc outside none;
}
.bodyText ol li {
  list-style: decimal outside none;
}
.bodyTextBoxes {
	background-color: #fff;

		}
#box2 {
	padding: 5px 10px 10px 15px;
}

/* leftpanel */

/* aside */
aside {
	margin-top: 0px;
}
aside section {
  -moz-border-radius:11px;
  -webkit-border-radius:11px;
  border-radius:11px;
  background:#e0e0e0;
  margin:2px 0 3px 2px;
  padding: 10px 8px 4px;
}
aside section li {
    background-color: #EEEADF;
	-moz-border-radius:4px;
  	-webkit-border-radius:4px;
    border-radius: 4px;
    margin: 0 0 4px 0;
    padding: 0;
}
aside section ul {
    list-style: none outside none;
	margin-bottom: 0;
}
aside ul li a {
    border-bottom: 1px solid lightgrey;
	display: block;
    text-decoration: none;
	color: #3148AD;
}
aside .selected a {
	background: #E0E0E0;
	color: #800000;
}
aside ul li a:hover {
    background: #e0e0e0;
    color: #0000d0;
}
aside section ul h3 {
  font-family: Helmet, Freesans, sans-serif;
  font-size: 100%;
  margin: 0;
}

.nudge {
	margin-left:10px;
}

/* Special for Calender widget */

.calHeader {
	margin-left:9px;
}
.calHeader a {
	text-decoration: none;
	color: black;
	font-weight: 700;
}
#calendar, #comingevents, .rightpanel {
	background-color: white;
	border-radius: 5px 5px 5px 5px;
}
#calendar h5, #comingevents h5 {
	margin-bottom: 0;
	margin-left: 12px;
	color: #23252E;
}

/* Special for RSS feed widget */  
  
aside .feedList {
    padding: 0px;

}
aside .feedList li{
      margin: 0 0 4px 0;
      padding: 0px;
      list-style: none;
}

aside .feedList h4{
      margin: 0px;
      padding: 0px;
      font-weight: bold;
}
aside .feedList h4 a{
        text-decoration: none;
		color: #87262C;
}
aside .feedList h4 a:hover{
        text-decoration: underline;
}
aside .feedList p{
      font-size: 14px;
      display: inline;
      margin: 0px;
      padding: 0px;
}
aside .feedList small{
      display: block;
      font-size: 11px;
      margin: 0px;
      padding: 0px;
      margin-bottom: 20px;
      color: #999;
}

/* ----------- END MAIN LAYOUT ------ */

/* ----------- FOOTER --------------- */

footer {
  font-size: 9px;
  color: #B0B0B0; /* #606060 */
  background-color: #020277; /*#D9EAFC */
  padding-top: 3px;
  border-top: 1px solid  #fff;
}
    footer a{
    color: #f3f3f3; /* #606060 */
    text-decoration: none;
    font-family: Helmet, Freesans, sans-serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 12px;
    list-style: none outside none;
  }
    footer a:hover{
      color: black;
    }
    footer h4{
      font-size: 16px;
      color: #B0B0B0;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  .footermenu{
    float: left;
  }

    .footermenu ul{
      /*list-style:square inside url("/img/sqq.gif");*/
      padding: 0px;
      margin-left: 20px;
      list-style: none outside none;
    }
      .footermenu ul li{
        /*list-style:square inside url("/img/sqq.gif");*/
        padding: 0px;
        margin-left: 0;
      }
  .footershare{
    float: left;
  }
    .footershare ul{
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
    .footershare ul li{
        list-style: none;
        padding: 0px;
        margin-bottom: 3px;
        margin-left: 0;
      }
    .footershare a{
      color:  #f3f3f3;
    }
      .footershare a img{
        vertical-align: middle;
        border: none;
      }
        .footershare a:hover img{
          vertical-align: middle;
        }
    .footershare ul{
      list-style:none;
      padding: 0px;
      margin: 0px;
    }
      .footershare ul li{
        list-style:none;
        padding: 0px;
      }
  .footercontact{
    float: left;
    color: #f3f3f3; /* #606060 */
  }
    .footercontact a{
      color:  #f3f3f3;
    }
  .footerabout{
    float: left;
    color:  #f3f3f3; /* #606060 */
  }
  .footerabout p, .footerabout a{
	color: #f3f3f3;
	}
  .footer-end{
    border-top: 1px solid #B0B0B0;
    padding-top: 3px;
    font-size:9px;
  }
.footer-end a{
  font-size:8px;
}
.footer-end-left {
        float:left;
}
.footer-end-right {
        float:right;
}

/* -------- END FOOTER ------------- */

/* H1 is special*/
/*http://www.red-team-design.com/cool-headings-with-pseudo-elements*/

h1 {width: auto; margin-top: 5px; font-size: 18px; color: #3C3E47; font-family: Helmet, Freesans, sans-serif;}

.headline {
  border-bottom: 1px solid #aaa;
  color: #090976;
  padding: 3px 0 5px 0;
	margin-bottom: 2px;
}

/*.headline:before,
.headline:after{
  content: '';
  border-right: 20px solid transparent;
  border-top: 15px solid #aaa;
  bottom: -15px;
  position: absolute;
  left: 25px;
}

.headline:after{
  border-top-color: #fff;
  border-right-color: transparent;
  bottom: -13px;
  left: 26px;
}
*/

/* BREADCRUMBS */
/* http://www.red-team-design.com/css3-breadcrumbs */
  #breadcrumbs{
    background: #eee;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #e5e5e5 #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    /* Clear floats */
    overflow: hidden;
    margin: 0;
  }
  
  #breadcrumbs li{
    float: left;
    list-style: none outside none;
	margin-left: 0;
  }
  
  #breadcrumbs a{
    padding: 0 1em 0 2em;
    float: left;
    text-decoration: none;
    color: #444;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#f5f5f5), to(#ddd));
    background-image: -webkit-linear-gradient(left, #f5f5f5, #ddd);
    background-image: -moz-linear-gradient(left, #f5f5f5, #ddd);
    background-image: -ms-linear-gradient(left, #f5f5f5, #ddd);
    background-image: -o-linear-gradient(left, #f5f5f5, #ddd);
    background-image: linear-gradient(to right, #f5f5f5, #ddd);  
  }
  
  #breadcrumbs li:first-child a{
    padding-left: 1em;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
  }
  
  #breadcrumbs a:hover{
    background: #fff;
  }
  
  #breadcrumbs a::after,
  #breadcrumbs a::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;   
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid;
    right: -1em;
  }
  
  #breadcrumbs a::after{ 
    z-index: 2;
    border-left-color: #ddd;  
  }
  
  #breadcrumbs a::before{
    border-left-color: #ccc;  
    right: -1.1em;
    z-index: 1; 
  }
  
  #breadcrumbs a:hover::after{
    border-left-color: #fff;
  }
  
  #breadcrumbs .current,
  #breadcrumbs .current:hover{
    font-weight: bold;
    background: none;
  }
  
  #breadcrumbs .current::after,
  #breadcrumbs .current::before{
    content: normal;  
  }
/* END BREADCRUMBS */

/* ----------- MENU ---------------- */
.menu {  
  height: 40px;
/*  background: #090976;
  background: -webkit-linear-gradient(top, #090976 0%,#2c2d33 100%);
  background: -moz-linear-gradient(top, #090976 0%,#2c2d33 100%);
  background: -o-linear-gradient(top, #090976 0%,#2c2d33 100%);
  background: -ms-linear-gradient(top, #090976 0%,#2c2d33 100%);
  background: linear-gradient(top, #090976 0%,#2c2d33 100%);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
*/
}

.menu li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  height: 40px;
  margin-left: 0;
}
.menu .selected a {
	background: #e0e0e0;
	color: #1f2024;
}

/* Links */

.menu li a {
  display: block;
  padding: 0 14px;
  margin: 6px 0;
  line-height: 28px;
  text-decoration: none;
  
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #f0f0f0;

  font-family:  Helmet, Freesans, sans-serif;
  font-weight: bold;
  font-size: 13px;

  color: #f3f3f3;
  text-shadow: 1px 1px 1px rgba(0,0,0,.6);

  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }

.menu li:hover > a { color: #3D66CE; }

/* Sub Menu */

.menu ul {
  position: absolute;
  top: 40px;
  left: 0;

  opacity: 0;
  
  background: #1f2024;

  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
  height: 0;
  overflow: hidden;
  padding: 0;

  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
}

.menu li:hover > ul li {
  height: 36px;
  overflow: visible;
  padding: 0;
}

.menu ul li a {
  text-align:left;
  width: 422px;
  padding: 4px 0 4px 40px;
  margin: 0;
  border: none;
  border-bottom: 1px solid #353539;
}

.menu ul li:last-child a { border: none; }

/* Icons */
/* not used at present
.haschildren
{ 
  background-image:url('/img/arrow.png');
  background-repeat:no-repeat;
  background-position:left;
}
.menu a.documents { background: url(../img/docs.png) no-repeat 6px center; }
.menu a.messages { background: url(../img/bubble.png) no-repeat 6px center; }
.menu a.signout { background: url(../img/arrow.png) no-repeat 6px center; }
*/

/* ---------- END MENU -------------- */

/* Page specific */

.sitemap ul li {
	list-style: none outside none;
	padding-left: 30px;
	margin-left: 0;
}
.sitemap ul {
    list-style: none outside none;
	margin: 0 0 5px 5px;
}
/*.sitemap li {
    padding-left: 50px;
}
*/

#membersites {
    border: solid 1px black;
}
#membersites tr {
    border-top: 1px solid black;
    padding: 10px;
}
#membersites td, td img {
    padding: 10px;
}

#error404 {
  border: 1px solid black;
  padding: 10px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 12px;
  width:70%;
}
#error404 img{
  display:block; 
  margin: 0 auto; 
}


#loginform {
  border: 1px solid black;
  padding: 10px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 12px;
  width:70%;
  background-color:#ccc;
  position: relative;
  z-index: 99;
}
#loginStateMove {
    position: relative;
    top: 31px;
}

.mthname {
	font-size: 140%;
	font-weight: 700;
	text-decoration:none;
	color: #87262C;
}

/* ------- font size change ----------*/

.jfontsize-button {
  font-weight: bold;
  padding: 3px;
  color: #F3F3F3;
  border: solid 1px #ccc;
	text-decoration: none;
}

.jfontsize-button:hover {
  text-decoration: none;
  background: #333;
  color: #fff;
  border: solid 1px #333;
}

.jfontsize-disabled, .jfontsize-disabled:hover {
  color: #aaa;
  border: solid 1px #eee;
  background: #eee;
}

#fontsizers {
  float: right;
  position: relative;
  top: -29px;
  right: 20px;
}

/* event list items */
.eventindent a{text-decoration: none;}
.eventindent p{margin-left:15px; color: #090976;}
.eventindent:hover {background: #f0f0f0;}
.siglink a{text-decoration: none;}
.siglink:hover {background: #f0f0f0;}

.eventlist li {
	margin-left: 5px;
}
.eventlist ul {
	list-style: none;
}
/* event special layout for IIG */
.eventindentDF a{text-decoration: none;}
.eventindentDF p{margin-left:15px; color: #090976;}
.eventindentDF:hover {background: #f0f0f0;}
.siglink a{text-decoration: none;}
.siglink:hover {background: #f0f0f0;}

.eventlistDF span {
	margin-left: 40px;
	margin-right: 15px;
}
.eventlistDF ul {
	list-style: none;
}

/* ticker */

.ticker {
	background-color: #020277;
	border-radius: 5px 5px 5px 5px;
	height: 40px;
	overflow: hidden;
	border: 1px solid black;
	margin-bottom: 15px;
}
.ticker ul {
	margin-left: 40px;
	margin-top: 7px;
}

.ticker ul li {
	height: 40px;
	list-style: none;
	margin-left: 5px;
	color: white;
	font-family: "Comic Sans MS", sans-serif, Arial;
}
.ticker a{
	color: white;
	font-size: 150%;
	font-weight: 500;
	font-family: "Comic Sans MS", sans-serif, Arial;
	}

/* TEST */
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	padding: 10px 30px;
	background: -moz-linear-gradient(
		top,
		#f7511e 0%,
		#d173d1 58%,
		#d130d1 50%,
		#6b6b6b 85%,
		#d417d4);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f7511e),
		color-stop(0.58, #d173d1),
		color-stop(0.50, #d130d1),
		color-stop(0.85, #6b6b6b),
		to(#d417d4));
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 3px solid #7a127a;
	-moz-box-shadow:
		0px 1px 19px rgba(115,68,115,0.5),
		inset 0px 0px 20px rgba(235,214,235,0.7);
	-webkit-box-shadow:
		0px 1px 19px rgba(115,68,115,0.5),
		inset 0px 0px 20px rgba(235,214,235,0.7);
	box-shadow:
		0px 1px 19px rgba(115,68,115,0.5),
		inset 0px 0px 20px rgba(235,214,235,0.7);
	text-shadow:
		0px -1px 0px rgba(245,237,245,0.4),
		0px 1px 0px rgba(199,30,199,0.3);
}
/* accordion extra style */
.ui-accordion-content-active {
background: #f5f5f5;
}
.ui-accordion-header-active {
background: white; 
}
/* *********************************************************** */
/*  RagTag end of project CSS added to tweak the presentation  */

/* miscelaneous */
.hidden {display:none;}  /* when you need to hide something. Used in shop to suppress radio buttons at step02 */

button::-moz-focus-inner {
  border: 0; }

/* punch
*******************************************************************************/
button.punch #gb {
background: #4162a8;
border-top: 1px solid #38538c;
border-right: 1px solid #1f2d4d;
border-bottom: 1px solid #151e33;
border-left: 1px solid #1f2d4d;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
color: #fff;
font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
text-align: center;
margin-left: 20px;
text-shadow: 0px -1px 1px #1e2d4d;
padding: 2px;
-webkit-background-clip: padding-box; }
button.punch:hover {
-webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
cursor: pointer; }
button.punch:active {
-webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
margin-top: 5px; }
			
/* time and date on the home page */
#tdhp {float:right;margin-top:-42px;}

			
/* sliders and seminars. Oct 2013 */
			
#seminartable, #trainingcoursetable{
  width: 780px ;
  margin-left: auto ;
  margin-right: auto ;
}

.spotseminar {
	overflow: hidden;
	margin-bottom: 5px;
	padding: 5px;
}		
.spotsemtitle {width: 188px; height: 46px;background-color: #bbddbb;margin:0 auto 8px; -moz-border-radius: 15px; border-radius: 15px; }

.slideshowsmallwrapper {width:220px; margin: 0 auto;}
.slideshowsmallwrapper > a {padding: 5px 10px; margin-top: 5px; text-decoration: none; color: #000; width: 30px; height: 12px;}
.slideshowsmallwrapper > a.left {float:left;
	background-image: url(/img/Left.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.slideshowsmallwrapper > a.right {float:right;
	background-image: url(/img/Right.png);
	background-position: right center;
	background-repeat: no-repeat;
}

.slideshowsmallcontainer { background: #bbddbb; height: 335px; width: 220px; overflow: hidden; -moz-border-radius: 5px; border-radius: 5px; }

.slideshowslide { background: white; width: 210px;  height:325px; border: 1px solid black; float: left; margin: 4px; }

/*.PNbutton {
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier 
}
/*.PNbutton:hover {
	background-color: transparent;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier 
}*/
.gb2:hover {color: black;}
.gb:hover {color: black;}

/*
.newsitem {height: 293px; overflow-x:hidden;}
.newsitem2 {height: 306px; overflow-x:hidden;}

#hpbox0, #hpbox2, #hpbox3, #hpbox4, #hpbox5{
	border: 5px solid #6D9F6D;
	padding: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  behavior: url(/scripts/PIE.htc);
}
#hpbox0 {height:290px;}

#hpbox5 {margin-top: 10px;}


*/
#hpbox4, #hpbox5 {text-align: right;}

/* MODAL BEGIN simulation of a modal box for "additional information'  */
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }

/* MODAL END */

/* for login page */
#loginform label {
	display:inline-block;
	width: 80px;
	height:30px;
}
#loginform input {
	display:inline-block;
	width: 150px;
}

/* JSP TEST - display=none for now */
#slideselector {float: left;display:none;}
#slideselectorlist {margin: 5px 0;}
#slideselectorlist li{display:inline; margin-left:15px;}

/* holder for inline random images
.randimg {
background: #f00;
border: 2px solid black ;
	}
 */

/* override jquery ui accordian style */
.ui-accordion-header {
	position: static !important;
}	

.mini {font-size:  x-small; }

/* JSP March 2017 - add login/logout to master template  */
#loginstatus {
	margin-top: 10px;
}
#loginstatus a{
	color: white;
}
#loginstatus a:hover{
	color: black;
    background: white;
}
/* May 2019 for SortMediaGMstyle */
/* October 2021 for box-shadow effect */
/* November 2021 for change box size for summaries */
.GMmedialist {
	margin-left: 0px;
	margin-bottom: 20px;
	border: 2px solid #73182C;
	border-radius: 5px;
	width: 90px;
	height: 405px;
	padding: 10px;
	background-color:#DCE2EE;
	box-shadow: 5px 5px 8px #888888;
	text-align: center;
}
.dsdiv {
margin-top: 10px;
margin-left: 50px;	
}
/* Aug 2022 for SortMediaAOstyle */
.AOmedialist {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 2px solid #73182C;
	border-radius: 5px;
	width: 210px;
	padding: 10px;
	background-color:#DCE2EE;
	box-shadow: 5px 5px 8px #888888;
	text-align: center;
}
/* Aug 2022 for Rosie - new premisis */
.blobbox{
	margin-left: 10px;
	margin-bottom: 10px;
	border: 2px solid #73182C;
	border-radius: 5px;
	padding: 10px;
	background-color:#DCE2EE;
	box-shadow: 5px 5px 8px #888888;
	text-align: center;
	}
/* April 2020 for dataset listing */
#datasetlist {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  /* border-collapse: collapse; */
  border: 5px solid #6d9f6d;
  width: 100%;
}

#datasetlist td, #datasetlist th {
  border: 1px solid #ddd;
  padding: 3px;
}

#datasetlist tr:nth-child(even){background-color: #f2f2f2;}
#datasetlist tr:nth-child(odd){background-color: #e2e2e2;}

#datasetlist tr:hover {background-color: #ddd;}

#datasetlist th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #bbddbb; 
  color: black;
  font: 20px Arial;
}	
#datasetlist td.catname {
	  font: 16px Arial;
}
#datasetlist .dslink {
	font-weight: bold !important;
	font: 13px Arial;
}
#datasetlist .opensourced {
	color: green;
	font: 30px Arial;
}
#datasetlist .newrs {
	color: red;
	font: 16px Arial;
}
/* #datasetlist td.catname:empty {
  background-color: white;
} */

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */