:root {
	
	/*--banner-L2-gcolor: rgb(100,100,200);
	--banner-L1-gcolor: rgb(120,120,255);
	
	*/
	
	--banner-L2-gcolor: rgb(90,180,90);
	--banner-L1-gcolor: rgb(180,255,180);
	
	/*  
	 --banner-L2-gcolor: rgb(180,60,60);
	--banner-L1-gcolor: rgb(255,180,180);*/
}	

html, body{
   margin:0;
   padding:0;
   height:100%;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: white;
    font: 10pt Arial;
    color: black;
}
h2,
h1{
	font: 20pt Arial;
	font-weight: bold;
}

h2{
	font: 18pt Arial;

}

table{
    font: 10pt Arial;
    color: black;
    border-spacing: 0;
    border-collapse: collapse
    
}

td,th{
    font: 11pt Arial;
    color: black;
    letter-spacing:0.08em;
    border-spacing: 0px;
}

th{
    text-align: left;    
    font-weight: bold;    
}

td.dirl,
th.dirl{
    padding-left: 8pt;
    padding-right: 8pt;
}

.reginp,
textarea,
input[type=password],
input[type=text] {
    border: 1px solid black;
    background-color: white;
    padding-left: 4pt;
    padding-right: 4pt;
	font: 10pt Verdana;
	color: black;
}

.reginp{
	width: 200pt;
}

 
input[type=button],
input[type=submit]{
	color: black;
}


td.cbutton{
	color: white;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	border: 0px black;
	border-spacing: 0px;
	padding: 0px;
	font-size: 0px;
	background: linear-gradient(to bottom, rgb(60,60,60), white, rgb(100,100,100), rgb(60,60,60));
	
	background-repeat: repeat-x;
	background-position: left center;	
	
}
a.cbutton{
	padding-left: 0px;
	padding-right: 12pt;
	display:inline-block;
	vertical-align: middle;
	text-decoration: none;
	background-image: url('img/toolbar_bg.png');
	background-repeat: repeat-x;
	background-position: left;	
	color: white;
	font: 10pt Arial;
	white-space:nowrap;
	border: 0px black;
	margin: 0px;
	
}
a.cbutton:visited,
a.cbutton:hover,
a.cbutton:active{
	color: white;
}


.cimg{
	padding: 4pt;
	margin: 0px;
	vertical-align: middle;
	border: 0px;
	margin-right: 5px;	
	
} 
.res{
	border: 1px solid rgb(60,60,60);
	border-collapse:collapse;
	padding-left: 6pt;
	padding-right: 6pt;
	
}
.methods,
.results{
	padding: 0px;
	text-align: left;
	margin-top: 8pt;
	margin-left: auto; margin-right: auto;
	display: inline-block;
	font: 12 pt Arial;
	color: rgb(0,0,0);
}
.methods{
	max-width: 1000px;
	white-space: normal;
}


A.toolbar:hover,
A.toolbar:visited,
A.toolbar:link {
    color: white; 
    font: 11pt Arial;
    text-decoration: none;    
}
A.toolbar:hover{
    color: rgb(180,225,255);
    background: none;
}

td.toolbar{
    padding-top: 2px; 
    padding-bottom: 2px; 

    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    
    text-align: center;

    font: 12pt Arial;
    color: white;
    background-image: url('http://localhost/RadiologyUniverse/img/toolbar_bg.png');
    background-repeat: repeat-x;
    
    border-collapse: collapse;

    width: 20%;
    height:35px; 
}

td.regtypeselector{
	vertical-align: top;
}

.dir,
A.dir:link,
A.dir:visited,
A.dir:hover{
    color: black;
    font: 12pt Arial;
    font-weight: bold;
    text-decoration: underline;
}
.dir{
    text-decoration: none;
    margin-top: 20pt;
    margin-bottom: 20pt;
}
.n{
    text-align: center;
    padding-left: 8pt;
    padding-right: 8pt;
}

div.infobox {
    background-color: rgb(255,255,255);
    border: 1px solid black;
    margin: 12pt;
    margin-left: auto;
    margin-right: auto;
    padding: 32px;
    max-width: 400px;
    width: 500px;
    color: black;    
	-moz-box-shadow:    5px 7px 5px 2px #333;
	-webkit-box-shadow: 5px 7px 5px 2px #333;
	box-shadow:         5px 7px 5px 2px #333;

}

div.ibheader {
    padding-right: 16pt;
    padding-left: 16pt;
    text-align: center;
    color: white;
    background: black;
    font-weight: bold;
    font: 10pt Arial;
    margin: 0px;
}
div.infoboxinside {
   padding-right: 16pt;
   padding-left: 16pt;
   padding-top: 12pt;
   padding-bottom: 16pt;
   color: black;   

}
   
div.actionbox {
   background-color: rgb(200, 200, 200);
   background-image: none;
   border: 1px solid black;
   margin: 12pt;
   padding: 0px;
	display: inline-block;
	-moz-box-shadow:    5px 7px 5px 2px #333;
	-webkit-box-shadow: 5px 7px 5px 2px #333;
	box-shadow:         5px 7px 5px 2px #333;
}
   
div.actionboxinside {
    padding-right: 16pt;
    padding-left: 16pt;
    padding-top: 12pt;
    padding-bottom: 16pt;
    
    color: black;
    
    -moz-box-shadow:   inset 0 0 95px rgb(22,22,22);
	-webkit-box-shadow: inset 0 0 95px rgb(22,22,22);
	box-shadow:         inset 0 0 95px rgb(22,22,22);    
}

div.abheader {
   padding-right: 16pt;
   padding-left: 16pt;
   padding-top: 1px;
   padding-bottom: 1px;
   text-align: center;
   color: white;
   letter-spacing: 0.15em;
   background: white;
   background-image: url('img/toolbar_bg.png');
   background-repeat: repeat-x;
   background-position: top left;
   font: 11pt Arial;
  margin: 0px;

}

div.Q{
    text-align: left;
    color: rgb(140,0,100);
    font: 11pt Arial;
    font-weight: bold;
    margin-left: 18pt;
    margin-right: 18pt;
}

div.Ans{
    text-align: left;
    font: 9pt Arial;
    color: black;
    margin: 18pt;
    margin-left: 36pt;
    margin-top: 6pt;
    margin-bottom: 18pt;
}


div.errbox,
div.okbox {
    background: rgb(180,0,0);
    border: 1px dotted black;
    color: white;
    padding: 12pt;
    padding-left: 36pt;
    padding-left: 36pt;    
    margin-top: 12pt;
    margin-bottom: 12pt;    
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 14pt;
}

div.okbox {
    background: rgb(0,180,0);
}
.errtxt {
    background-color: rgb(180,0,0);
    padding-left: 3pt;
	 padding-right: 3pt;
    color: white;
}



div.pxbutton {
	border: 1px solid rgb(80,80,80);
	width: 41px;
	height: 42px;
	margin-top: 2px;
	-moz-box-shadow:   inset 0 0 35px rgb(0,0,0);
	-webkit-box-shadow: inset 0 0 35px rgb(0,0,0);
	box-shadow:         inset 0 0 35px rgb(0,0,0);    	

}   

@keyframes fadeitin{
    from {opacity :0;}
    to {opacity :1;}
}
@-webkit-keyframes fadeitin{
    from {opacity :0;}
    to {opacity :1;}
}

.support{
	white-space: nowrap;
	background-color: rgb(225,225,225);
	border: 1px solid rgb(120,120,120);
	text-align: center;
	font: 10pt Arial;
	display: inline-block;
	padding-left: 32pt;
	padding-right: 32pt;

	height: 24pt;
	max-height: 24pt;	
	
	vertical-align: middle;
	
	border-radius: 10pt;
	
	opacity :0;
	animation-delay: 2s;


	 -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	 -moz-animation-fill-mode:forwards;
	 animation-fill-mode:forwards;
	 
   	-webkit-animation-name: fadeitin; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */ 
    animation-name: fadeitin;
    animation-duration: 2s;
	
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
  

.donate{
	border-radius: 3pt;
	border: 1px solid rgb(60,0,128);
	color: white;
	padding: 2pt;
	padding-left: 6pt;
	padding-right: 6pt;	
	background-color: rgb(100,60,255);

	font: 8pt Arial;
	font-weight: bold;
	position: relative;

	top: -2.5pt;	
	
		
	
}

.fb-like{
	position:relative;
}

.project_header{
	font: 18pt Arial;
	font-weight: bold;
	display: block;
	margin-bottom: 16pt;
}
.project_section_header{
	font: 14pt Arial;
	font-weight: bold;
	display: block;	
	margin-top: 7pt;
}



#wrap {min-height: 100%;}

#main {
  overflow:auto;
  padding-bottom: 64px; /* must be same height as the footer */
}

/*
#footer {
  position: relative;
  margin-top: -64px; 
  height: 64px;
  clear:both;
  text-align: center;
  padding-top: 30px;
} 
*/

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  
  text-align: center;
  padding-bottom: 6pt;
}



a.footerText:visited,
a.footerText:hover,
a.footerText:active,
.footerText{
	color: rgb(90,90,90);
	padding-bottom: 12pt;
}

h1.calculator{
	margin-bottom: 0pt;
}
.contributor{
	color: rgb(90,90,90);
	font: 10pt Arial;
	margin-bottom: 14pt;
	text-align: center;
}

/*Opera Fix*/
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/* - remove float*/
}

#list-check-mark ul li:before {
	content: "✓ ";
	color:	rgb(0,128,0);
	font-weight: bold;
}

.get_it{
	background:    #c63d3d;
	background:    -webkit-linear-gradient(#c63d3d, #500000);
	background:    linear-gradient(#c63d3d, #500000);
	border-radius: 5px;
	border: 		1px solid rgb(80,0,0);
	color:         #fff;
	display:       inline-block;
	padding:       7px 24px;
	font:          normal 700 16px/1 "Calibri", sans-serif;
	text-align:    center;
	text-shadow:   1px 1px 0 #000;
	margin-top:	   12pt;
	margin-bottom: 12pt;
}	

.mm{
	display: block;
	margin-top: 16pt;
	margin-bottom: 2pt;
	font-weight: bold;
	font: 12pt;
}

.menugrid{
  display: grid;
  grid-gap: 32pt;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  margin: 32pt;
  margin-left: minmax(32pt, auto);
  margin-right: minmax(32pt, auto);
  max-width: 800pt;
}

.menugrid_item{
	
	border: 	0.5pt solid rgb(170,170,190);
	box-shadow: 0 8px 6px -6px rgb(90,90,90);

	background:    linear-gradient(rgb(240,240,255), rgb(200,200,216));
	vertical-align: middle;
	grid-auto-rows: 1fr;
	padding-top: 16pt;
	padding-bottom: 16pt;
	
}

.menugrid_item a{
	white-space: nowrap;
	padding-left: 3pt;
	padding-right: 3pt;
	color: rgb(0,0,60);
	
}
.menugrid_h{
	font-weight: bold;
	font-size: 1.15em;
	margin-bottom: 4pt;
	margin-left: 16pt;
	margin-right: 16pt;
}

.menugrid_item:hover,
.menugrid_item.mg_people:hover,
.menugrid_item.mg_institution:hover,
.menugrid_item.mg_patient:hover,
.menugrid_item.mg_ada:hover{
	
	box-shadow: 0 6px 6px -6px rgb(0,0,0);
	background:    linear-gradient(rgb(255,255,0), rgb(200,200,0));
	position: relative;
	top: 1pt;
	left: 0pt;
	
}

.menugrid_item.mg_people{
	border: 1pt solid rgb(60,60,180);
	background:    linear-gradient(rgb(230,230,255), rgb(160,160,210));
}
.menugrid_item.mg_institution{
	border: 1pt solid rgb(40,120,40);
	background:    linear-gradient(rgb(230,255,230), rgb(160,210,160));
}
.menugrid_item.mg_patient{
	border: 1pt solid rgb(160,160,40);
	background:    linear-gradient(rgb(255,255,230), rgb(210, 210,160));	
}
.menugrid_item.mg_ada{
	border: 1pt solid rgb(160,40,40);
	background:    linear-gradient(rgb(255,230,230), rgb(210, 160,160));	
}

.menugrid_icon{
	margin-bottom: 8pt;
	height: 36pt;
}
.menugrid_for{
	display: inline-block;
	margin-right: 4pt;
	color: rgba(0,0,0, 0.5);
}
.footercontent,
.footerpush{
  height: 24pt;
} 
.footercontent{
	text-align: center;
	margin-top: 6pt;
	bottom: 0;
}

.motto {
  font: 1.25vw BodyFont;
  padding: 6pt;
  color: rgba(0, 0, 0, 0.25); }

@media all and (min-width: 1760px) {
  .motto {
    font-size: 20pt; } }
/*  SCALED size */
@media all and (max-width: 1760px) and (min-width: 900px) {
  .motto {
    font-size: 1.25vw;
    /*1.25vw originally*/ } }
/*  MIN size */
@media all and (max-width: 900px) and (min-width: 0px) {
  .motto {
    font-size: 7pt; } }


.submenu{
	color: rgba(0,0,0, 0.4);
}

table#emails_output{
	width: 100%;
}

table#emails_output td{
	padding: 2pt;
	padding-left: 6pt;
	padding-right: 6pt;
}
table#emails_output tr:nth-child(even) {background: rgb(220,220,220)}
table#emails_output tr:nth-child(odd) {background: rgb(180,180,180)}