/*  Reminder Engine Style Sheet  */
/* Copyright (C) 2007 John R. Bayley */
body /*Default settings*/ 
{
	padding: 0px;
	margin: 0px;	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: black;
	text-align: center;
	background: url(/images/background.png);		
}
body.reminder
{
 	background: #ac0505;
 	padding: 0px;	
 	margin: 0px;
}

/*Main template body table */
table.body
{
	width: 1000px;
	height: 80%;
	vertical-align: top;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	background: white;
}
td.body
{
	vertical-align: top;
	margin: 0px;
	padding: 0px;		
}

/* Title bar section including floating cell for navigation */
table.titleBar
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #adadad;	
}

td.titleBar
{
	margin: 0px;
	padding: 0px;
	background: #7c0101;	
}
table.titleBarLinks
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 58px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
td.titleBarLinks
{
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	background: #7c0101;
	width: 500px;
}

td.titleBarFiller
{
	margin: 0px;
	padding: 0px;

}


/* Title navigation links holder table */
table.navbarTitle
{
	border-collapse: collapse;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	height:40px;
	width: 100%;
}
td.navbarTitle
{
	margin: 0px;
	padding: 0px;
	height:40px;
	text-align: center;
	vertical-align: bottom;
}


/* Calendar navigation table */
table.navbar
{
	border-collapse: collapse;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	height:40px;
	width: 1000px;
}
td.NavBarLeft
{
	width: 21px;
	margin: 0px;
	padding: 0px;
	background: url(/images/navigationBackgroundLeft.png);		
}
td.NavBarRight
{
	width: 21px;	
	margin: 0px;
	padding: 0px;
	background: url(/images/navigationBackgroundRight.png);		
}
td.NavBar
{
	width: 238px;	
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: url(/images/navigationBackground.png);		
}
td.NavBarSeparation
{
	width: 2px;
	margin: 0px;
	padding: 0px;
	background: url(/images/navigationSeparator.png);		
}




/* Holder for tha main page content
   often this table holds the dynamic content */
table.main
{
	vertical-align: top;
	height: 80%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;	

}

td.main
{
	width: 100%;
	margin: 0px;
	padding: 0px;	
	text-align: center;	
	vertical-align: top;
	border-color: #545454;
	border-style: solid;
	border-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
}


/* Holder for the normal page content
   adding users, emails etc */
table.list{
	height: 100%;
	}
td.list
{
	width: 80%;
	margin: 0px;
	padding: 9px;	
	text-align: left;	
	vertical-align: top;
	
}
td.listdata
{
	width: 80%;
	margin: 0px;
	padding: 9px;	
	text-align: left;	
	vertical-align: top;
}
table.formHolder
{
	width: 100%;
	margin: 10px;
	padding: 10px;	
	text-align: left;	
	vertical-align: top;
	background: url(/images/squarebg.png);
	border-color: #ac0505;
	border-style: solid;
	border-width: 1px;		
}


/*Page footer*/
td.footer 
{
	vertical-align: top;
	padding: 0px;
	font-size: 8pt;
	color: #a7a7a7;
	text-align: center;
	border-color: #545454;
	border-style: solid;
	border-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;	
}


/* Rounded bottom */
table.bottom
{
	margin: 0px;
	padding: 0px;
	height:20px;
	width: 1000px;
	background: url(/images/1000barbottom.png);
}


	
/*New reminder table cell */
table.reminderHolder	{
		border-style: none;
		margin: 0px;
		border-collapse: collapse;
		padding: 0px;
		width: 100%;
	}	
td.remindertop
	{
		height: 50px;
		background: #ac0505;
		background: url(/images/rreminder_top.png);		
	}
td.newremindertop
	{
		height: 50px;
		background: #ac0505;
		background: url(/images/rnewreminder_top.png);		
	}
td.reminderbody
	{
		vertical-align: top;
		color: white;
		background: #ac0505;
	}
td.reminder
	{
		text-align: center;
		cursor: move;
 		padding: 2px;	
 		padding-left: 5px;
 		margin: 1px;
 		color: white;
 		background: #ac0505;
	}
td.remindersml
	{
		cursor: pointer;
 		padding: 0px;	
 		padding-bottom: 3px;
 		margin: 0px;
 		color: white;
 		background: #ac0505;
 		font-size: 9pt;
	}
/* Main page text formatting */
table.text{
	font-size: 10pt;
	}
td.textl
{
	width: 400px;
	background: #fff0f0;
	color: #790101;
	padding-left: 30px;
	text-align: left;	
}
td.textlg
{
	width: 400px;
	background: #f0fff0;
	color: #017901;
	padding-left: 30px;
	text-align: left;	
}
td.textr
{
	width: 300px;
	height: 80px;
	text-align: right;	
	padding-right: 30px;
	vertical-align: middle;
}



	
/* THe draggable div helper*/	
div.selection
	{
		cursor: move;
		margin: 0px;
		padding: 0px;
		width: 77px;
		height: 62px;
		text-align: center;		
		background: #3559fa;		
 
		font-size: 10pt;
		text-align: left;
		vertical-align: top;
		color: #ffffff;
		font-size: 10pt;
		position: absolute;
		z-index: 10;

	}
	
	
table.selection
	{
 		padding: 0px;	
 		margin: 0px;
 		color: black;
 		font-size: 12pt;
 		background: #ac0505;
 		position: absolute;
		display: none;
	}
td.selection
	{
 		padding: 2px;	
 		margin: 2px;
 		color: black;
 		background: #ac0505;
	}	
table.reminderview
	{
	background: #ffffff;
	position: absolute;
	display: none;
	width: 220px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #ac0101;
	}
td.closeButton
{
	height: 12px;
	width: 12px;
	background: #122db0;	
	
}
td.reminderviewctrl{
	height: 12px;
	background: #122db0;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	width: 100%;	
}
	

table.calendarholder{
	margin:0px;
	height: 400px;
	width: 430px;
	background: url(/images/calback.png);	
}

/*Main calendar display */
table.calendarBody
{
	padding: 0px;
	margin: 0px;
	height: 420px;
	width: 770px;
	border-collapse: collapse;
}
/* Left month holder */
td.monthBody
{
	padding: 0px;
	margin: 0px;
	width: 97px;
	background: url(/images/calendar/calendarMonthPlain.png);
	background-repeat: no-repeat;	
}
/*Top section*/
td.calendarTop
{
	padding: 0px;
	margin: 0px;
	width: 632px;
	height: 20px;
	background: url(/images/calendar/calendarTop.png);
	background-repeat: no-repeat;	
}
/*Bottom Section*/
td.calendarBottom
{
	padding: 0px;
	margin: 0px;
	width: 632px;
	height: 23px;
	background: url(/images/calendar/calendarBottom.png);
	background-repeat: no-repeat;		
}
/*Main body*/
td.calendarMain
{
	padding: 0px;
	margin: 0px;
	background: #ffffff;
}
/* Right section*/
td.calendarRight
{
	padding: 0px;
	margin: 0px;
	width: 41px;
	height: 420px;
	background: url(/images/calendar/calendarRight.png);
	background-repeat: no-repeat;		
}


table.calendar{
	margin:0px;
	padding: 0px;
	border-collapse: collapse;
	
}

td.calendarholder{
		vertical-align: top;
		text-align: left;
}
td.date 
	{
		cursor: move;
		margin: 0px;
		padding: 2px;
		width: 84px;
		height: 62px;
		vertical-align: top;
		text-align: left;

		color: #ad0101;
		font-size: 12px;
		font-weight: bold;
		border-style: solid;
		border-width: 1px;
		border-color: #dbdbdb;	
 	}
td.edit
{
	color: #ac0101;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: #ac0101;	
	}
td.gotreminder 
	{
		cursor: move;
		margin: 0px;
		padding: 0px;
		height: 62px;
		text-align: center;		
		background: #9a9aff;		
		background-image: url(/images/calendar/calendarSelected.png);
		font-size: 10pt;
		text-align: left;
		vertical-align: top;
		color: #ffffff;
		font-size: 10pt;
	}
td.weekday 
	{
		cursor: move;
		margin: 0px;
		padding: 0px;
		width: 40px;
		height: 25px;
		text-align: center;
		background: #adadff;
		color: #122db0;
		font-size: 14pt;
	}
td.year 
	{
		margin: 0px;
		padding: 0px;
		width: 292px;
		height: 30px;
		text-align: center;
		background: url(/images/caltop.png);	 
		color: #ffffff;
		font-size: 14pt;
	}	
td.month 
	{
		margin: 0px;
		padding: 0px;
		height: 30px;
		text-align: center;
		background: #525252; 
		color: #ffffff;
		font-size: 14pt;
	}
	
table.tightborderless
	{
		border-style: none;
		margin: 0px;
		border-collapse: collapse;
		padding: 0px;
		width: 180px;
	}

iframe.reminders
	{
		background: #ac0505;
	}
td.reminderbottom
	{
		text-align: center;
		color: #deded0;
		background: url(/images/rreminder_bottom.png);		
		height: 34px;
	}


span
{
	margin-left: 30px;
	margin-right: 30px;	
}



table.TitleBar /* Table definition for navigation links */
{ 	margin: 0px;	
	padding: 0px;	
	border-spacing: 0px;	
	border-width: 0px;	
	border-collapse: collapse;	
	width: 100%;	
	height: 80px;	
	color: white;	
	text-align: center;	
	font-size: 14pt; 	
	font-weight: bold;	
	padding: 0px;	
	background: #ffffff;
}
td.TitleBar
{
	text-align: left;
	margin: 0px;
	padding: 0px;	
}

iframe{
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-style: none;	border-width: 0px;	border-color: #0000ff;	width: 175px;
			background: #ac0505;}


span.mainNavigation{
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}
span.reminder
{
cursor: pointer;
color:	white;	
}
.mainNavigation:visited {
	color: white; 
	text-decoration: none;
	font-size: 12pt;	
}

.mainNavigation:link {
	color: white; 
	text-decoration: none;
	font-size: 12pt;
}


.mainNavigation:hover {
	text-decoration: underline;
	font-size: 12pt;
	color: #ffffa0;
}


.mainNavigation:active {
	text-decoration: none;
	font-size: 12pt;	
}




.calNavigation:visited {
	color: white; 
	text-decoration: none;
	font-size: 10pt;	
}

.calNavigation:link {
	color: white; 
	text-decoration: none;
	font-size: 10pt;
}


.calNavigation:hover {
	text-decoration: underline;
	color: white;
	font-weight: bold;
	font-size: 10pt;
}


.calNavigation:active {
	text-decoration: none;
	font-size: 10pt;	
}



.reminderNavigation:visited {
	color: white; 
	text-decoration: none;
	font-size: 10pt;
	padding: 0px;		
	padding-left: 5px;
}

.reminderNavigation:link {
	color: white; 
	text-decoration: none;
	font-size: 10pt;
	padding: 0px;
	padding-left: 5px;
}


.reminderNavigation:hover {
	text-decoration: underline;
	color: white;
	font-weight: bold;
	font-size: 10pt;
	padding: 0px;
	padding-left: 5px;
}


.reminderNavigation:active {
	text-decoration: none;
	font-size: 10pt;	
	padding: 0px;
	padding-left: 5px;
}




.footer:visited {
	color: #ac0505; 
	text-decoration: none;

}

.footer:link {
	color: #a7a7a7; 
	text-decoration: none;
}


.footer:hover {
	text-decoration: underline;
	color: #ac0505; 
}


.footer:active {
	color: #ac0505; 
	text-decoration: none;
}





.titleLink:visited {
	color: #ac0505; 
	text-decoration: none;
	font-size: 12pt;	
}

.titleLink:link {
	color: #ac0505; 
	text-decoration: none;
	font-size: 12pt;
}


.titleLink:hover {
	text-decoration: underline;
	color: #ac0505; 
	font-weight: bold;
	font-size: 12pt;
}


.titleLink:active {
	color: #ac0505; 	
	text-decoration: none;
	font-size: 12pt;	
}



td.login
{
	width: 354px;
	height: 324px;
	vertical-align: top;
	background: url(/images/loginbg.png);
	background-repeat: no-repeat;	
	vertical-align: top;
	text-align: left;
}

table.login
{
	margin-top: 50px;	
	margin-left: 70px;	
	color: #ad0101;
	
}
table.loginbody
{
	margin: 0px;
	margin-left: 170px;	
}
table.calControls
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 39px;
	border-collapse: collapse;

}
td.calcontrolsl
{
	margin: 0px;
	padding: 0px;
	color: white;
	background: url(/images/ctrlLeft.png);	
}
td.calcontrolsr
{
	margin: 0px;
	padding: 0px;
	color: white;
	background: url(/images/ctrlRight.png);	
	width: 14px;
}
td.calcontrols
{
			margin: 0px;
	padding: 0px;
	color: white;
	background: url(/images/ctrlMiddle.png);
		vertical-align: middle;
}

td.smlMonthl
{
	color: white;
	text-align: left;
	height: 20px;
	cursor: pointer;
}
td.smlMonthr
{
	color: white;	
	text-align: right;
	height: 20px;
	cursor: pointer;	
}
td.bigMonthr
{
	height: 360px;
}
td.bigMonth
{
	text-align: right;
	padding-right: 20px;
}

td.notespacer
{
	width: 220px;	
}
td.notes
{
	padding: 10px;
	font-size: 10pt;
	color: #900101;
	background: #fefed0;
	width: 220px;
	vertical-align: top;
}
td.calNotes
{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	color: #900101;
	width: 220px;
	vertical-align: top;
}
table.datenav
{
	height: 380px;
	width: 90px;
}
td.dateNav
{
	text-align: right;	
}


input.logon
{
	background: none;
}

textarea
{
	background: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
}

img.monthDisp
{
padding-left: 20px;	
width: 40px;
}

span.dispDesc
{
font-size: 10px;
text-align: left;
}
h1
{
	color: #ad0505;	
}h2
{
	color: #ad0505;	
}
h3
{
	color: #ad0505;	
}


/* Administration */
table.userlist
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}
td.listhead
{
	color: white;
	background: #ac0101;	
}
td.listheadsml
{
	width: 25%;
	font-size: 10pt;
	color: white;
	background: #ac0101;	
}
td.titlelist
{
	color:  #ac0101;
	font-size: 10pt;
}

/*User admin */
table.useradmin
{
	width: 100%;
	padding: 5px;
	margin: 0px;
}


/*Access admin */
td.accesscell
{
	border-style: solid;
	border-width: 1px;
	border-color: #122db0;
	width: 50%;
	vertical-align: top;
}
td.listcell
{
	border-style: solid;
	border-width: 1px;
	border-color: #cdcdcd;
	background: #dcdcdc;
	vertical-align: top;
}

table.reminderEdit
{
	position: absolute;
	display: none;
	top: 300px;
	left: 300px;
	padding: 0px;
	margin: 0px;
	top: 350px;
	left: 130px;
}

td.reminderEdit
{
	padding: 0px;
	margin: 0px;
	width: 357px;
	height: 323px;
	color: #000000;
	background-image: url(/images/editbg.png);		
	vertical-align: top;
}

table.editBody
{
	margin-left: 60px;	
	margin-top: 18px;
}

td.editBody
{
	color: #ac0101;
	width: 270px;
	font-size: 10pt;
}
table.monthlist
{
	display: none;
	height: 432px;
	position: absolute;
	z-index: 10;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	top: 38px;
	left: 170px;

}
td.monthlist
{
	height: 39px;
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background: #7f7f7f;
	background-image: url(/images/navigationBackground.png);		
	border-color: white;
	border-style: solid;
	border-width: 1px;			
}

table.yearlist
{
	display: none;
	position: absolute;
	z-index: 10;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	top: 115px;
	left: 430px;

}
td.yearlist
{
	height: 39px;
	color: white;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background: #7f7f7f;
	background-image: url(/images/navigationBackground.png);		
	border-color: white;
	border-style: solid;
	border-width: 1px;			
}
table.executionPlan{
	color: #ac0101;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background: white;
	border-color: white;
	border-style: solid;
	border-width: 1px;	
	width: 95%;
	border-collapse: collapse;
}

th.executionPlan
{
	background: #ac0101;
	color: white;
}

td.pre_due
{
	color: black;
	background: #adadff;
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;	
	text-align: center;		
}

td.pre_tomorrow
{
	color: black;
	background: #dadaff;
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;	
	text-align: center;		
}

td.pre_week
{
	color: black;
	background: #dadada;
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
	text-align: center;					
}

td.pre_fortnight
{
	color: black;
	background: #fffff0;	
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
	text-align: center;			
}

td.pre_month
{
	color: black;
	background: #ffffff;	
	border-color: #acacac;
	border-style: solid;
	border-width: 1px;
	text-align: center;		
}

td.textpage
{
	width: 100%;
	color: #ac0101;
	padding: 5px;
	margin: 5px;
	text-align: left;		
	vertical-align: top;
	border-color: #545454;
	border-style: solid;
	border-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;	
}
td.texthalfpage
{
	width: 50%;
	color: #000000;
	padding: 5px;
	margin: 5px;
	text-align: left;		
	vertical-align: top;
}

p.title
{
	color: #3c0101;	
	font-size: 12pt;
}

p.detail
{
	color: #ac0101;
	font-size: 10pt;	
	padding-left: 10px;
	padding-top: 5px;
}



.textLink:visited {
	color: #ac0505; 
	text-decoration: underline;
	font-size: 10pt;	
}

.textLink:link {
	color: #ac0505; 
	text-decoration: underline;
	font-size: 10pt;
}


.textLink:hover {
	text-decoration: underline;
	color: #ac0505; 
	font-weight: bold;
	font-size: 10pt;
}


.textLink:active {
	color: #ac0505; 	
	text-decoration: none;
	font-size: 10pt;	
}
table.listreminders
{
	width: 90%;
	padding: 5px;
	margin: 5px;
	border-collapse: collapse;	
	border-color: #ac0101;
	border-style: solid;
	border-width: 1px;
		
}
td.listleft
{
	padding: 0px;
	margin: 5px;
	height: 50px;
	width: 10px;
	background: url(/images/listleft.png);	
}
td.listmiddle
{
	padding: 0px;
	margin: 5px;
	height: 50px;
	color: #122db0;
	background: url(/images/listmiddle.png);	
}
td.listright
{
	padding: 0px;
	margin: 5px;
	height: 50px;
	width: 10px;
	background: url(/images/listright.png);	
}

td.listheader
{
	background: #ac0101;
	color: white;
	font-size: 12pt;	
}