/*input::-webkit-datetime-edit{ color: transparent; }*/


	.body{
	margin-top:0px;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	background-color: #EEF1F6;
	}

	.mainContainer{
	font-size:15px;
	background-color: #C0C0C0;

	}


	.menuContainer{
	min-height:1em;
	background-color: #000000;	    
	padding-left:1em;
	}



	.logoContainer{
	padding-left:1em;
	background-color: white;
	padding-left:1em;
	vertical-align:text-bottom;
	font-weight:120%;
	font-size:130%;
	/*background-image: url('../images/blue_bkgrnd.jpg');*/
	background-repeat:repeat-x;
    color:white;
	}

	img.logo
	{
	max-height:36px;
	padding-right:0.5em;
	margin:0.25em;
	padding:0.25em;
	}


	.dialogueContainer{
	padding:1.5em;
	padding-top:0.5em;
	background-color: #EEF1F6;
	/*border-bottom:1px solid grey;*/
    overflow:hidden;
	/*overflow: scroll;*/
	/*min-height:10em;*/
	}

	.loginDialogue{
	padding:1.5em;
	padding-top:0.5em;
	background-color: #EEF1F6;
	width:97%;

	}

	.settingsContainer{
	padding:1.5em;
	padding-top:0.5em;
	background-color: #EEF1F6;
	border-bottom:1px solid grey;
	/*overflow:auto;*/
	overflow: scroll;

	}

	
	
a.none:link {
border: 0px;
outline:none;
color:inherit;
text-decoration: none;  
}

a.none:visited {
border: 0px;
outline:none;
}

a.none:hover {
border: 0px;
outline:none;
}

a.none:active {
border:0px; 
outline:none;
} 

a.active:link {
border: 0px;
outline:none;
color:blue;
text-decoration: none;  
}

a.active:visited {
border: 0px;
outline:none;
}

a.active:hover {
border: 0px;
outline:none;
}

a.active:active {
border:0px; 
outline:none;
} 




table.timeLine{
	width:100%;
	max-width:320px;	
	border-collapse:separate; 
	border-spacing:0em;
	
}

table.timeLine tr{
	
	background-color: #FEFEF2;
	
	
}	


table.timeLine td {
	 
	background-color: #FEFEF2;	
	padding-bottom: 1em; 
}

	
	table.resultsTable {
	/*border: 1px solid #8B8378;
	-moz-border-radius: 6px;*/
	width:98%;
	}
	
	table.resultsTable td {
	border: 1px none #8B8378;
	padding: 0.2em 1ex 0.2em 1ex;
	color: black;
	}
	table.resultsTable tr.d0 td {
	background-color: #FCF6CF;
	vertical-align:top;
	}
	table.resultsTable tr.d1 td {
	background-color: #FEFEF2;
	vertical-align:top;
	}
	table.resultsTable tr.missing td {
	background-color: #FFAD9F;
	vertical-align:top;
	}
	table.resultsTable tr.highlight td {
	background-color: #60F5FA;
	vertical-align:top;
	}
	
	
	table.resultsTable td.tableTotal{
		border-top:1px solid #00ACEE;
		font-weight:bold;
	}
	
	.missingItem{
		padding:0.25em;
		margin-right:0.5em;
		background-color: #FFAD9F;	
	}
	

	
	table.embeddedTable tr{
	page-break-inside : avoid;
	vertical-align:top;
}

	table.embeddedTable td {
	border: 1px none #8B8378;
	padding: 0.2em 2ex 0.2em 2ex;
	color: black;
	}
	table.embeddedTable tr.d0 td {
	border-bottom:1px solid red;
	padding-bottom:0.25em;
	}
	table.embeddedTable tr.d1 td {
	border-bottom:1px solid red;
	padding-bottom:0.25em;
	}
	
	.result0{
		background-color: #FCF6CF;
	}
	
	.result1{
		background-color: #FEFEF2;		
	}
	
	
	.limit2{
		width:200px;
	
	}
	
	.limit3{
		width:300px;
	}
	
	
	
	.footerContainer{
	height: 1.2em; /*need to set a height and contents are floating*/
	background-color: #EEF1F6;
	}

	.editStatus{
	display:inline;
	float:left;
	padding-left:1em;
	}

	.errorMsg{
		color:red;
	}
	
	.successMsg{
		color:blue;	
	}

	.statusMsg{
		color:green;	
	}
	
	.warningMsg{
		color:orange;	
	}
	
	.portalStatus{
	display:inline;
	float:right;
	padding-right:1em;
	color:grey;
	}
	
	.row{
	width:100%;
	}
	
	.col{
	display:inline;
	width:10%;
	}
	
	h1{}
	
	h2{}
	
	h3{
	width:100%;
	background-color: #C0C0C0;	
	color: white;
	padding:0.25em;
	}
	
	h4{
		width:100%;
		background-color: #C0C0C0;	
		color: black;
		margin:0em;
		padding:0.25em;
	}
	
	.selectBrand{
	float:right;
	font-weight:normal;
	font-size:80%;
    padding-right:1em;	
	}
	
	
	.formBlock{
		clear:both;
	}
	.formSpacer{
	clear:both;
	height:2em;
	
	}
	.formTitle{
	float:left;
	font-weight:bold;
	width:30%;
	margin-top:0.25em;
	margin-bottom:0.25em;
	
	}
	
	.formField{
	float:left;
	font-weight:normal;
	width:70%;
	margin-top:0.25em;
	margin-bottom:0.25em;

	}
	
	.formHelp{
	color:blue;
	
	}
	
	/*
	.helpContainer{
	padding-left:1em;
	padding-right:1em;

	}

	.helpParameters{
	margin-left:1em;
	}

	.helpParameters td{
	vertical-align: top;
	}

	.helpParameterHeading{
	width:7em;
	}


	.txtBlock{
	margin:0;
	margin-bottom:0.25em;
	}

	.errMsg{
	color:red;
	font-weight:bold;
	}

	.formEditSuccess{
	color:blue;
	font-weight:bold;
	}


	.msgSuccess{
	color:green;
	}


	h3{
	margin:0em;
	margin-top:0.25em;
	font-size:medium; 
	}

	h1 {
	font-size:large;
	  margin-top:0.5em;
	margin-bottom:0.5em;
	}

	.randnumA{
	font-size:100px;
	color:blue;
	font-weight:bold;
	text-align:center;
	}

	.randnumB{
	font-size:100px;
	color:green;
	font-weight:bold;
	text-align:center;
	}
	.timeLine{
	font-size:100px;
	color:red;
	font-weight:bold;
	/*text-align:center;*/
	}


	.header .rounded{
	float:left;
	margin:0.25em; 
	background-color: #9FB1DD;
	text-align: left;

	}

	.image .rounded{
	float:left;
	margin:0.25em; 
	text-align: left;
	}

	.icons{
	width:36px;
	padding:0.25em
	}

	.small_icons{
	width:16px;
	padding:0.25em
	}

	.rounded{
	float:left;
	margin:0.25em; 
	background-color: #9FB1DD;
	text-align: left;

	}

	.rounded p{
	margin-top:0em;
	padding-top:0em;

	}


	.footer .rounded{
	float:left;
	margin:0.25em; 
	background-color: #9FB1DD;
	text-align: left;
	}


	.txtCol{
	margin:0.5em;
	}
	.headerImage{
	width:100%;
	text-align:center;
	}

	.img banner{
	width:100%;
	max-width:240px;
	text-align:center;
	}

	.separator{
	border-top:4px solid black;
	}

	.profileDesc{
	display:block;
	padding-left:1.6em;
	}

	.user_img{
	height:20px;
	padding-right:0.2em;
	}

	 .title{
	position:relative;
	left:20px;
	top: -40px;
	float:left;
	width:20%;
	}
	
	
	
	.rotarDay{
		width:14%;
	}
	
	.rotarDay_1{
		width:12.5%;
	}
	

.tdLink, .tdLink_full {
	height: 2em;
	display: block;
	width:98%;
	padding:2%;		
	font-size:80%;
	color:#C0C0C0;
	color: rgba(0,0,0,0);	/*set color to transparent to remove it*/
	/*border:1px solid #C0C0C0;	*/
}

.tdLink_full{
	display: inline-block;
	min-height:100%;
	
}

	
	.rectangle{
		border:1px solid #808080;
		display:inline-block;
		margin-bottom:1px;
		font-size:80%;
		padding:0.2em;
		box-sizing: border-box;
		color: black;
	}

	.rectangleSubduded{
		border:1px solid #808080;
		display:inline-block;
		margin-bottom:1px;
		font-size:80%;
		padding:0.2em;
		box-sizing: border-box;
		color: #808080;
	}
	
	
	.CalandarEvent_, .CalandarEvent_Appointment, .CalandarEvent_AppointmentActive, .CalandarEvent_Key_Working, .CalandarEvent_Key_WorkingActive, .CalandarEvent_Therapy, .CalandarEvent_TherapyActive, .CalandarEvent_Reminder, .CalandarEvent_ReminderActive{
		border:1px solid #C0C0C0;
		display:inline-block;
		width:100%;
		margin-bottom:5px;
		font-size:80%;
		padding:0.2em;
		box-sizing: border-box;
	}

.CalandarEvent_Appointment{
		border:1px solid green;		
}
.CalandarEvent_AppointmentActive{
		background-color: #80FF80;	
}

.CalandarEvent_Key_Working{
		border:1px solid blue;		
}
.CalandarEvent_Key_WorkingActive{
		background-color: #7174F9;			
}

.CalandarEvent_Therapy{
		border:1px solid yellow;		
}
.CalandarEvent_TherapyActive{
		background-color: #FFFF80;			
}

.CalandarEvent_Reminder{
		border:1px solid red;		
}
.CalandarEvent_ReminderActive{
		background-color: #FD8989;			
}





	
	.CalandarEvent{
		display:inline-block;
		width:98%;
		border:1px solid red;
		padding:2%;
		font-size:70%;
		margin-bottom:0.25em;
	}
	
	.eventTitle{
		font-weight:bold;
		margin-top:0.24em;
		margin-bottom:0.24em;
	}
	
	.eventAim{
		margin-top:0.24em;
		margin-bottom:0.24em;
	}
	
	.eventInstructions{
		margin-top:0.24em;
		margin-bottom:0.24em;
		
	}
	
	
	
	
	
	.line{
		border-bottom:2px solid black;
		position:relative;
		margin-bottom:1px;
		font-size:80%;
		padding:0.2em;
		box-sizing: border-box;
	}
	
	
	.warning{
		background-color: #8080FF;
		padding:0.25em;
	}
	
	.warning1{
		background-color: #FF0000;
		padding:0.25em;
	}
	
	.newLibVis{
			background-color:#AEF5A7;
			display:none;			

	}