@media screen, print {
*	{
		font-family: Arial,Verdana,helvetica,sans-serif;
		direction: ltr;
		background-color:transparent;
		margin:0px;
		max-width:1920px;
	}
		 
body {
		color:navy;
		background-color:white;
	}
 		
td,th,div,a,input,button,
select,textarea,img,iframe 
	{
		border-radius:0.2em;
	}
td.bbig {
		font-size:120%;font-weight:bold;
	}

div,a,img {
		border:transparent solid 0px;
	}
table{
		border-spacing:0px 2px;
	}
input,button,select,textarea   {
		font-weight:bold;
		color: navy;
		background-color:white;
	}
input.date {
			width:100px;
		}    
input.ex{
		background-color:#eecc33;
	} 
.Bl   {
		FONT-SIZE:105%;
		color: black;
		background-color:#eeee99;
	}
.B  {
		FONT-SIZE:75%;
		color:black;
		background-color:#eeee99; 
	}
     
div.b,
button.p, button.p1,button.r,button.r1,
button.b, button.b1, button.o,button.o1,
button.g1,button.g {
		color:white;
		border:solid #333333 2px;
		border-radius:0.4em;
		box-shadow: black 0.2em 0.2em 0.1em
	}
button.g, button.g1 {
		background-color:#339933;
	}

div.b, button.b, button.b1 {
		background-color:#333399;
	}
button.r, button.r1 {
		background-color:#993333;
	}

button.p, button.p1 {
		background-color:#ff6666;
	}

button.o, button.o1 {
		background-color:#996600;
	}
      
ul {
		margin-top:50px;
		margin-left:100px;
	}     
li {
    font-size:90%;
    font-weight:bold;
	  padding:0px;
	}
a {
		display:block;
		border:0px;
		text-decoration:none;
		color:navy;
		vertical-align:middle;
	}
a:link, 
a:visited,
a:active{color:navy;}
a:hover {text-decoration: none; color: black; }
a.o:hover {text-decoration: none; background-color:orange; color:black; }
a.b:hover {text-decoration: none; background-color:blue; color:white; }

a.l1 {
		border:solid navy 1px;
		color:black;
		font-weight:bold;
		background-color:#66ff66;
	}
a.l2 {
		border:solid navy 1px;
		color:black;
		font-weight:bold;
		background-color:#ff9999;
	}
a.l3 {
		border:solid navy 1px;
		color:white;
		font-weight:bold;
		background-color:#8888ff;
	}
a.lc {
		border:solid navy 1px;
		color:white;
		font-weight:bold;
		background-color:#ff7777;
	}
a.lf {
		border:solid navy 1px;
		color:black;
		font-weight:bold;
		background-color:#ffff77;
	}

div.am1 {
		margin-top:50px;
		margin-bottom:50px;
		margin-left:20px;
		width:400px;
		font-size:90%;
		font-weight:bold;
		padding:50px 0px 0px 10px;
	}
div.am1 a:hover {background-color:#ddddff;}  

div.A1, div.I1  {
		position: absolute;
		width: 100%;  
		height: 30px;
		top:90px;
		left:0px;
		padding-top:5px;
		padding-left:20px;
		color:white;
		background-image: url(img/yellowbar.gif) ;
		background-repeat:repeat-x;
		border-top:    solid black 1px;
		border-bottom: solid black 1px;
	}

div.I1  {
		color:black;
		background-image: url(img/bluebar.jpg) ;
	}
H1 a:link {	color:navy;} 
div.A2 {
		position: absolute;
		width: 70px;
		height: 10px;
		top:92px;
		right:10px;
		border:solid blue 1px;
		text-align:center;
		padding:3px 3px 3px 3px;
		color: inherit;
		z-index:10;
		background-color: #7fff7f;
	} 
div.list 
	{	
		float:left;
		height:70px;
		padding-left:5px;
		padding-right:5px;
		background-color:transparent;
		vertical-align:middle;
	}

#banner {
		position:absolute;
		top:25px;
		width:100%;
		z-index:10;
		background-color:transparent;
		text-align:center;
		margin:auto; 
	}

#not_admin  {
		position:fixed;
		top:240px;
		right:240px;
		width:350px;
	}
#not_saved, #not_admin 	{
		text-align:center;
		padding:40px;
		background-color:#ffff00;
		border:blue 5px solid;
		color:black;
		font-size:150%;
		font-weight:bold;
	}
#extras, #alert {
		position:fixed;
		visibility:hidden;
		top:0px;
		height:110%;
		width:100%;
		z-index:10;
		background:rgba(3, 3, 0, 0.7); 
		border-radius:0.1em;
	}
	
#ex_inner, #alertI {
		position:fixed;
		top:50px;
		right:350px;
		width:350px;
		z-index:110;
		visibility:hidden;
		border:solid orange 5px;
		background-color:white;
		margin:auto;
		padding:20px;
		text-align:center; 
		border-radius:0.4em;
		box-shadow: black 0.7em 0.7em 0.4em;
	}	
#ex_inner{
		width:750px;
	}
#or_SP {font-weight:bold;
				color:white;
				background-color:Red
			}
			
H1, span.h1 {FONT-WEIGHT: bold;	FONT-SIZE:130%;}
H2, span.h2 {FONT-WEIGHT: bold;	FONT-SIZE:115%;}
H3, span.h3 {FONT-WEIGHT: bold;	FONT-SIZE:110%;}
H4, span.h4 {FONT-WEIGHT: bold;	FONT-SIZE: 90%;}
H5, span.h5 {FONT-WEIGHT: bold;	FONT-SIZE: 70%;}

span.ybg {
		background-color:yellow;
		border:solid black 1px;
	}

table.m {
		text-align:left;
		padding-left:5%;
	}
tr.highlight {
		background-color:#99ff99;
		color:navy;
		border:solid navy  1px;
		font-weight: bold;
		box-shadow: black 0.2em 0.2em 0.1em 
	}                
tr.normal {    /* table */
		background-color:transparent;
		color:inherit;
	}
td,th {
		background-color:transparent;
		color:inherit;
		padding-left:0.5em;
		padding-right:0.5em; 
		text-align:left; 
	}
th {
	text-align:centre;}}

tr.category {	
		font-size:150%;
		background-image: url(img/bluebar.jpg);
		height:33px;
	}
td.el,th.el, td.elp,th.elp {
		padding-left:15px; 
		text-align:left;
		font-size:80%;
	}

#upSplash, #ev_splash, #Splash {
		position:absolute;
		left:25%;
		top:15%;
		width:50%;
		height:15%;
		z-index:1;
		visibility:hidden;
		border:solid blue 1px;
		color:#000000;
		background-color:#ffddbb;
		padding:5%;
		text-align:center;
		font-size:150%;
		font-weight:bold;
	}
#menubar {
  position:absolute;
  left:0px;
  top:90px;
  width:96%;
  height:40px;
  text-align:center;
  border:0px;}
  
#menubar a {
	font-size:120%; 
	text-align:center;
	padding:9px 0px 0px 0px;
	color:black;
	float:left;
	background-image: url(img/bluebar.jpg);
	width:100px;
	height:33px;}

#menubar a:hover {
		color:white;
	}

#intro 
	{
		position:absolute;
		bottom:160px; 
		right:5%;
		width:30%;
		border:solid navy 1px;
		color:black;
		background-color:#c7dfff;
		text-align:justify;
		margin:10px;
		padding:15px;
		box-shadow: gray 0.3em 0.3em 0.1em  
	}

#subscribe,#logintop,#login,#list {
	  background-color:#eeeedd;
		border:solid navy 1px; 
	  position:absolute;
	  top:155px;
		right:75px;;  
		min-height:50px;
	  margin-left:15px;
	  padding:0.5em;
	  text-align:center;
	  vertical-align:middle;  
		box-shadow: gray 0.4em 0.4em 0.2em
	}
#list {
		min-width:80%;
	}
#menu {
		position:absolute;
		top:98px;
		right:20px;  
	}

#cw1 {
		position:absolute; 
		left:60px;
		top:10px;
		width:500px ;
		height:80px;
		background-color:#dddd33;
		padding:0.5em;
		border:solid navy 1px;
		z-index:100; 
		border-radius:0.4em;
		box-shadow: navy 0.5em 0.5em 0.3em
	}

div.help {
		right:250px;;  
		width:65%;
	}
p.help {
		text-align:justify;
		font-size:110%;
		padding:10px 20px 10px 20px;
	}
p.help, br {
	  line-height:150%;
	}
#ttl{
		background-color:white;
		font-weight:bold;
	}
#pst, span.pst, tr.pst, td.pst {
		background-color:#ffbbbb;
		border:solid 2px black;
	}
#rct, span.rct, tr.rct, td.rct {
		background-color:#bbffbb;
		border:solid 2px black;
	} 
#a.fut,#fut, tr.fut, td.fut {
		background-color:#55ff55;
		border:solid 2px black;
	}
tr.ful:hover,
tr.pst:hover,
tr.rct:hover,
tr.fut:hover {
		background-color:#ffff66;
	}
#preview {
		border:solid black 1px;
		background-color:#f0f0ff;
  	box-shadow: gray 0.2em 0.2em 0.1em;  
	}
#mess {width:90%;height:300px;padding:15px;}
#mo1	{float:left;width:60%;line-height:1.6em;}
#mo2	{float:left;width:30%;
			text-align:justify;
			margin-top:20px;
			margin-left:50px;
			padding:20px;
			border:solid 1px grey;}

tr.menu {
  font-size:80%;
}
th.menu {         /* Username */
	border:solid navy 1px;
	background-color:#ffff66;
}
th.menuA {       /* My Account */
	border:solid navy 1px;
	background-color:#9999ff;
}
th.menuB {      /* My Events */
	border:solid navy 1px;
	background-color:#66ffff;
}
th.menuC {      /* Add Events */
	border:solid navy 1px;
	background-color:#66ff99;
}
th.menuD {     /* Logout */
	border:solid navy 1px;
	background-color:#ff9999;
}
th.menuE {    /* Login */
	border:solid navy 1px;
	background-color:#99ff99;
}
th.menuH {    /* Help */
	border:solid navy 1px;
	background-color:blue;
}
th.menuP {    /* Privacy notice */
	border:solid navy 1px;
	background-color:#dddddd;
}

th a,
th a:link,
th a:visited,
th a:active {color:black;vertical-align:middle;}
th a:hover {color:yellow;}
	
th.menuH a,         /* Help */
th.menuH a:link,
th.menuH a:visited,
th.menuH a:active {
 color:white;
 vertical-align:middle;
 font-weight:bold;
 padding-left:0px;
 padding-right:0px;
 }
th.menuH a:hover {color:yellow;}


td a {display:block;}
td a:link,
td a:visited,
td a:active {color:black;}
td a:hover {background-color:#ccccff;
						box-shadow: black 0.2em 0.2em 0.1em }

div.subs a,
div.subs a:link, 
div.subs a:visited,
div.subs a:active
	{background-image:url('img/redbar.jpg');
	font-weight:bold;width:100%;height:35px;
	color:white;padding-top:15px;}

div.subs a:hover 
	{color:yellow;}

div.enter {
	width:85%;   
	padding-bottom:20px;
	padding-left:20px;
	border:ridge grey 5px;
	}

#advert {
  position:absolute;
  right:10px;
  bottom:10px;
  height:auto;
  width:auto;
  border:0px;
}
#advert a {}
#info {
  position:absolute;
  left:30px;
  top:135px; 
  width:85%;
  font-size:110%;
  box-shadow: gray 0.3em 0.3em 0.1em;  
}
#info a:link 		{display:inline;text-decoration:underline;}
#info a:visited {display:inline;text-decoration:underline;}
#info a:active	{display:inline;text-decoration:underline;}
#info a:hover		{font-style:italic;text-decoration:none;}

#list {
  position:absolute;
  left:30px;
  top:135px;
  width:55%;
}
div.list a.group {
	font-size:150%;
	background-image: url(img/bluebar.jpg);
	height:33px;
	width:300px;
	padding:7px 0px 0px 40px;
	}
div.list a.document {
	color:navy;
	background-color:white;
	padding-left:15px;
	}

div.list a:link,
div.list a:visited,
div.list a:active		{color:navy;vertical-align:middle}
div.list a:hover		{color:white;background-color:#678fc3;}

#good {
		background-color:green;
		color:white;
		font-size:90%;
		font-weight:bold;
	}
#m_valid,
#p_valid,
#Bad {
		background-color:red;
		color:white;
		font-size:90%;
		font-weight:bold;
	}
#m_valid ,
#p_valid{font-size:120%}

.small	{font-size:75%;}
.red		{font-weight:bold;color:red;}

td.ae  {text-align:right;vertical-align:top;padding-bottom:0.5em;}
td.ae1 {font-weight:600;text-align:left;}
td.ae2 {text-align:left;}
td.fv1 {text-align:right;
				padding-right:20px;
				background-color:#ffffcc;
				border:inset 3px grey;
				width:15%;
				}
td.fv2 {text-align:center;
				background-color:#ffffcc;
				border:inset 3px grey;
				width:15%;
				}
/* date picker  */
/* the div that holds the date picker calendar */
.dpDiv {
	}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
/*	color:#030303;
	color:#000000;   */
	background-color:#ece9d8;
	border:7px groove #AAAAAA;
	}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR { }
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR { }
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR { }
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR { }
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border:1px solid #ece9d8;
	}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color:#CCCCCC;
	border:1px solid #AAAAAA;
	}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border:1px solid #888888;
	cursor:pointer;
	color:red;
	}
/* the table cell that holds the name of the month and the year */
.dpTitleTD { 	}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD { }
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border:1px solid #AAAAAA;
	color:black;
	}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size:12px;
	color:white;
	background-color:navy;
	font-weight: bold;
	}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color:#4060ff;
	color:white;
	background-color:#6666ff;
	font-weight:bold;
	}
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	background-color:navy;
	font-weight:bold;
	padding:0px;
	}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
	background-color:blue;
	font-weight:bold;
	}
iframe.opt {
	width:500px;
	height:250px;
	border:none;
	background-color:#eeddee;
	}	

.Y	{
		font-size:80px;
		font-weight:bold;
		color:black;
	} 
	
.X,.XR,.XG,.XY,.XB {
		font-size:250px;
		font-weight:bold;  
		color:Gray;
		text-shadow:
		-5px -5px 0 #000,
		 5px -5px 0 #000,
		-5px  5px 0 #000,
		 5px  5px 0 #000; 	
	}
.XR {color:Red;}
.XG {color:Green}
.XY {color:Yellow;}
.XB {color:Blue;}
}
	
@media screen  {
td.elp,th.elp 	{display:none}
}	
@media print  {

	h1.np 		{display:none}
	p.np 			{display:none}
	button.g	{display:none}
	button.b	{display:none}
	button.o	{display:none}
	button.r	{display:none}
	tr.break  {display:block;
		page-break-after:always; }

	@page {size: A4 portrait;margin:2mm;}
	body {margin:1px;}
	#subscribe.help {width:190mm;}

}