.small { font-size: 9pt;	}
		.note { font-size: 9pt; color: #777777;	}
		
		.red { color: #990011; }
		.blue { color: #000099; }
		.green { color: #006600; }
		.grey { color: #777777; }
		.darkred { color: #700000; }
		.darkblue { color: #000070; }
		.darkgrey { color: #444444; }
		.darkgreen { color: #004400; }
		.lightgrey { color: #aaaaaa; }
		.black { color: #000000; }
		.lightblue { color: #3333b0; }
		.yellow { color: yellow; }
		
		
		#search {
			text-align: left;
			border: 1px solid #bbbbbb; 
			padding: 10px; 
			padding-right: 5px; 
			width: 96.5%; 
			min-width: 440px;
			float: left; 
			margin-top: 5px; 
			margin-bottom: 10px;
			clear: both;
			background-color: #ffffff;
		}
			#btnsearch {
				background-color: #0033bb;
				height: 31px;
				padding: 2px;
				padding-left: 15px;
				padding-right: 15px;
			}
			#btnsearch:hover {
				background-color: #0044cc;
			}
			#txtsearch {
				height: 30px;
				width: 66%;
				padding: 2px;
				padding-left: 5px;
				font-size: 12pt;
				border: 1px solid #bbbbbb;
			}
		
		#links {
			text-align: left;
			border: 1px solid #bbbbbb; 
			padding: 10px; 
			/* width: 98%; /
			/* float: right;  */
			margin-top: 5px; 
			margin-bottom: 10px;
			clear: both;
			background-color: #ffffff;
		}
		
		#newsfeed {
			text-align: left;
			border: 1px solid #dddddd; 
			padding: 10px; 
			/* width: 98%; */
			/* float: right;  */
			margin-top: 5px; 
			margin-bottom: 5px;
			clear: both;
		}
		
		.dashboard {
			/* border: 1px solid #dddddd; */
			padding: 0px; 
			width: 99%; 
			/* float: left;  */
			margin-top: 10px; 
			clear: both;
		}
		.dashTable { display: table; border: none; width: 100%; margin-top: 10px;}
		.dashTr {display: table-row; width: 100%; }
		.dashTd {display: table-cell; }
		#dashleftcol {display: table-cell; width: 49%; padding-right: 5px;}
		#dashrightcol {display: table-cell; width: 49%;}

		@media only screen and (max-width: 1200px) {
			.dashTable { display: block; border: none; width: 100%; margin-top: 10px;}
			.dashTr {display: block; width: 100%;}
			.dashTd {display: block; }
			#dashleftcol {display: block; width: 100%; padding-right: none;}
			#dashrightcol {display: block; width: 100%;}
		  }



		.group {
			background: none;
			background-color: white;
			color: #000000;
			border: 1px solid #224466;
			margin: 0px;
			margin-top: 0px;
			margin-bottom: 10px;
			/* width: 100%; */
			text-align: left;
			
			/*
			float: left;
			width: 49%;
			min-width: 550px;
			margin-right: 5px;
			*/
		}
		
		.grpHeader {
			background-color: #224466;
			color: #ffffff;
			font-weight: bold;
			font-family: "segoe ui", arial, sans-serif;
			font-size: 10pt;
			margin: 0px;
			margin-bottom: 2px;
			padding: 5px;
			text-align: left;
			cursor: pointer;
		}
		.grpHeader:hover { background-color: #223377; }
		.grpContent {
			font-size: 11pt;		
			font-family: calibri, arial, sans-serif;
			margin: 0px;
			padding: 5px;
			display: block;
			text-align: left;
		}
		#grp1, #grp2, #grp3, #grp4, #grp5, #grp6, #grp7, #grp8, #grp9, #grp10, #grp11, #grp12, #grp13, #grp14, #grp15, #grp16, #grp17, #grp18, #grp19, #grp20 {
			display: block;
			opacity: 1.00;
		}
		#grpTransfers, #grpPubMed {
			display: block;
			opacity: 1.00;
		}

		.grpContent ul {
			padding-left: 20px;
		}
		.grpContent li {
			margin-bottom: 10px;
		}
		.card {
			position: relative;
			display: inline-block;
			vertical-align: top;
			margin: 3px;
			padding: 5px;
			padding-bottom: 8px;
			width: 110px;
			min-height: 85px;
			font-size: 10pt;
			text-decoration: none;
			text-align: center;
			background-color: #2255bb;
			border: 1px solid #003388;
			color: white;
		}
		.card i { font-size: 9pt; }
		a.card {
			color: white;
		}
		a.card:hover {
			box-shadow: 0 0 2px #aaaaaa;
			color: #e0ffff;
		}
		
		.bluecard {
			background-color: #224499;
			border: 1px solid #003388;
			color: white;
		}
		.redcard {
			background-color: #aa0011;
			border: 1px solid #880000;
			color: white;
		}
		.greencard {
			background-color: #006000;
			border: 1px solid #004400;
			color: white;
		}
		.yellowcard {
			background-color: #cccc00;
			border: 1px solid #999900;
			color: #555500;
		}
		.tealcard {
			background-color: #028482;
			border: 1px solid #006660;
			color: white;
		}
		.lightbluecard {
			background-color: #eef5ff;
			border: 1px solid #c5d0dd;
			color: #000044;
		}
		.blackcard {
			background-color: #333333;
			border: 1px solid #000000;
			color: #ffffff;
		}
		.greycard {
			background-color: #777777;
			border: 1px solid #444444;
			color: #ffffff;
		}
		.lightgreycard {
			background-color: #dddddd;
			border: 1px solid #aaaaaa;
			color: #222222;
		}
		.whitecard {
			background-color: #ffffff;
			border: 1px solid #aaaaaa;
			color: #222222;
		}
		.offwhitecard {
			background-color: #f9f9f9;
			border: 1px solid #aaaaaa;
			color: #222222;
		}
		.orangecard {
			background-color: #f07700;
			border: 1px solid #cc6600;
			color: #ffffff;
		}
		.goldcard {
			background-color: #daa520;
			border: 1px solid #999900;
			color: #ffffff;
		}
		.burgundycard {
			background-color: #880033;
			border: 1px solid #660022;
			color: white;
		}
		.bgpdf {
			background-image:url('../img/metro_pdf-24_.png'); 
			background-repeat: no-repeat; 
			background-position: center;
		}
		.bgpdf:hover {
			background-image:url('../img/metro_pdf-24.png'); 
		}
		/* whitecard blackcard purplecard orangecard cyancard greycard */
		
		.cardfacility {
			margin-bottom: 5px;
			color: yellow;
			margin: 0px;
			float:left;
			text-align: left;
			font-size: 11pt;
		}
		.yellowcard .cardfacility {
			color: #444400;
		}
		.carddate {
			position: absolute; 
			bottom: 0; 
			text-align: center; 
			width: 100%;
			padding: 0px;
			margin: 0px;
			margin-bottom: 3px;
		}
		
		.chart {
			display: inline-block;
			left: 10px;
			width: 44%; 
			height: 220px;
			min-width: 265px;
			max-width: 350px;
			padding: 0px;
			margin-left: 5px;
			cursor: pointer;
			overflow: visible;
		}
		
		#bigchart {
			position: fixed;
			margin: 0 auto;
			padding: 10px;
			width: 90%;
			height: 90%;
			left: 5%;
			top: 5%;
			display: none;
			border: 1px solid #000000;
			border-radius: 5px;
			box-shadow: 0 0 15px #000000;
			background-color: white;
			z-index: 9999;
		}
		#biginnerchart {
			width: 90%;
			height: 95%;
			float: left;
			margin-top: 20px;
			margin-left: 20px;
		}
		#weather {
			display: block;
			margin: 0 auto;
			margin-top: 10px;
			margin-bottom: 0px;
		}	
		.oddrow {
			position: relative;
			float: left;
			padding: 10px;
			min-height: 125px;
			width: 185px;
			margin-right: 5px;
			margin-bottom: 10px;
			font-size: 10pt;
			background-color: #fafcff;
			border: 1px solid #f0f5fa;
		}
		.evenrow {
			position: relative;
			float: left;
			padding: 10px;
			min-height: 125px;
			width: 185px;
			margin-right: 5px;
			margin-bottom: 10px;
			font-size: 10pt;
			background-color: #f0f8ff;
			border: 1px solid #eef0f5;
		}
		.odd { 
			background-color: #fdfdfe;
		}
		.even {
			background-color: #ffffff;
		}
		#telcontainer {
			position: absolute;
			top: 180px;
			right: 20px;
			z-index: 99999;
			display: none;
			visibility: hidden;
			background-color: white;
			border: 1px solid black;
			border-radius: 5px;
			padding: 20px;
			padding-top: 5px;
			padding-bottom: 25px;
			min-width: 400px;
			max-width: 92%;
			min-height: 200px;
			box-shadow: 0 0 15px #000000;
		}
		#telresults { 
			height: 100%;
			width: 100%;
		}
		#telSearch {
			width: 100%; 
			min-width: 320px;
		}
		#directorysearch {
			width:90%; 
			z-index:99999;
			border: 1px solid #bbbbbb;
			padding: 3px;
			padding-bottom: 4px;
			background-image: url('../img/bg.search.png'); 
			background-repeat: no-repeat; 
		}
		#directorysearch:focus {
			background-image: none;
		}
		
		.datatable, .datatable2 {
			float:left; 
			width: 98%;
			min-width: 300px;
			margin-bottom:10px; 
			margin-left:5px;
			margin-right:5px;
			border: 1px solid #9999aa;
			border-spacing: 0px;
			font-size: 10pt;
		}		
		.datatable th, .datatable2 th {
			/* border-bottom: 1px solid #999999; */
			background-color: #eeeef9;
			color: black;
			padding: 3px;
		}		
		.datatable td, .datatable2 td {
			border-top: 1px solid #bbbbc0;
			background-color: white;
			color: black;
			padding: 3px;
		}
			
		.datatable td.col, .datatable2 td.col {
			border-right: 1px solid #bbbbc0;
		}
		.datatable .totrow td, .datatable2 .totrow td {
			border-top: double #9999aa;
			background-color: #ffffdd;
			font-weight: bold;
		}
		.orangebar {
			background: url('../img/col.orange.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}
		.tealbar {
			background: url('../img/col.teal.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}		
		.greenbar {
			background: url('../img/col.green.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}		
		.lightgreenbar {
			background: url('../img/col.lightgreen.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}		
		.bluebar {
			background: url('../img/col.blue.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}
		.pinkbar {
			background: url('../img/col.pink.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}
		.redbar {
			background: url('../img/col.red.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}
		.greybar {
			background: url('../img/col.grey.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}	
		.lightbluebar {
			background: url('../img/col.lightblue.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}
		.purplebar {
			background: url('../img/col.purple.jpg'); 			
			background-repeat: no-repeat;
			background-position: left; 			
		}
		
		
		.sharediv {			
			display: inline-block;
			border: 1px solid #dddddd;
			background-color: #fcfcff;
			margin-right: 5px;
			margin-bottom: 5px;
			width: 360px;
			min-height: 370px; 
			text-decoration: none;
			padding: 5px;
			float: left;
		}
		.sharediv h3, .sharediv p, .sharediv a {
			font-family: "segoe ui", arial, sans-serif; /* "century gothic" */
			font-weight: normal;
			text-decoration: none;
		}
		
		/* On a narrowest screen/window: */
		@media screen and (max-width: 750px) {
			.chart {
				width: 95%; 
				height: 350px;
				min-width: 350px;
				max-width: 650px;
			}
			td h1 {
				font-size: 1.25em;
			}
		}
		
		
		/* On a narrower screen/window: */
		@media screen and (min-width: 751px) and (max-width: 950px) {
			.chart {
				width: 95%; 
				height: 350px;
				min-width: 350px;
				max-width: 650px;
			}
			td h1 {
				font-size: 1.65em;
			}
		}
		
		/* On a narrow screen/window: */
		@media screen and (max-width: 1100px) {
			#search {
				width: 98%; 
			}
			#txtsearch {
				height: 30px;
				width: 60%;
			}
		}
		
		/* On a wide screen/window: */
		@media screen and (min-width: 1101px) {
			.datatable {
				width: 48.5%;
				min-width: 300px;
			}
		}
		
#pubmedTitle {
	font-size:	12pt;
}
#pubmedContent {
	font-size:	11pt;
}