html{
  position: relative;
  min-height: 100%;
	
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color:  #4a4a4d;
  font-size:0.9em;

  /* Margin bottom by footer height */
  margin-bottom: 25px;
}

/* adds space at the top of the menu to balance the bottom space */
.menu_top_border { border-color:#1973be !important}

/* w3 Theme Blue-Grey l5, l4, l3, l2, l1, theme, d1, d2, d3, d4, d5 */
.w3-theme-l5 {color:#000 !important; background-color:#eff7fd !important}
.w3-theme-l4 {color:#000 !important; background-color:#cbe4f8 !important}
.w3-theme-l3 {color:#000 !important; background-color:#96c8f1 !important}
.w3-theme-l2 {color:#fff !important; background-color:#62adeb !important}
.w3-theme-l1 {color:#fff !important; background-color:#2e92e4 !important}
.w3-theme-d1 {color:#fff !important; background-color:#1668ab !important}
.w3-theme-d2 {color:#fff !important; background-color:#145c98 !important}
.w3-theme-d3 {color:#fff !important; background-color:#115185 !important}
.w3-theme-d4 {color:#fff !important; background-color:#0f4572 !important}
.w3-theme-d5 {color:#fff !important; background-color:#0c3a5f !important}

.w3-theme-light {color:#000 !important; background-color:#eff7fd !important}
.w3-theme-dark {color:#fff !important; background-color:#0c3a5f !important}
.w3-theme-action {color:#fff !important; background-color:#0c3a5f !important}

.w3-theme {color:#fff !important; background-color:#1973be !important}
.w3-text-theme {color:#1973be !important}
.w3-border-theme {border-color:#1973be !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#1973be !important}
.w3-hover-text-theme {color:#1973be !important}
.w3-hover-border-theme:hover {border-color:#1973be !important}


/* Standard classes */
.blue {	font-family: Arial, Helvetica, sans-serif; color: blue;}
.red {font-family: Arial, Helvetica, sans-serif; color: red;}
.white {font-family: Arial, Helvetica, sans-serif; color: white;}
.black {font-family: Arial, Helvetica, sans-serif; color: black;}
.maroon {font-family: Arial, Helvetica, sans-serif; color: maroon;}
.navy {font-family: Arial, Helvetica, sans-serif; color: navy;}
.green {font-family: Arial, Helvetica, sans-serif; color: green;}
.yellow {font-family: Arial, Helvetica, sans-serif; color: yellow;}
.orange {font-family: Arial, Helvetica, sans-serif; color: orange;}
.dark_grey {font-family: Arial, Helvetica, sans-serif; color: #4a4a4d;}
.grey {font-family: Arial, Helvetica, sans-serif; color: #939393;}
.background_red {background-color: #ff6464;}
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size24 { font-size: 24px; }
.size28 { font-size: 28px; }
.link { text-decoration: underline; } 
.nolink { text-decoration: none; }
.left { text-align: left;} 
.center { text-align: center;} 
.right { text-align: right;} 
.middle { display: table-cell; vertical-align: middle;	}
.row_padding { padding-top: 3px; padding-bottom: 3px; }
.div_border {	border: red solid 1px; }
.text_strikethrough { text-decoration: line-through;}
.black_border { border-color: black; }

/* ======================================================= */

/* styles for drag and drop */

.listsort { border: grey solid 1px;  }
#listsort { list-style-type: none; margin: 0; padding: 0; }
#listsort li { margin: 0 2px 2px 2px; padding: 0.5em; padding-left: 0.5em; }
#listsort .handle { float: left; cursor: move; } 

/* ================================== */

/* alter the file upload button appearance */
.file-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.file-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    filter: alpha(opacity=1);
    opacity: 0.01;
    -moz-opacity: 0.01;
    cursor: pointer;
}
.file-wrapper .button {
    color: #fff;
    background: #b0b663;
    padding: 4px 18px;
    margin-right: 5px; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
}
.file-wrapper .button:hover {
	background-color: #fff;
	color: #636363;
	border: 1px solid #4a4a4a;
	text-align: center;
	text-decoration: none;
}
.file-holder{
    color: #b0b663;
}
/* ================================== */

/* Hide all weekend options in the jQueryUI DatePicker dialog 
th.ui-datepicker-week-end,
td.ui-datepicker-week-end {
    display: none;
}
*/

/* Menu */
.menu-btn {
	min-width:80px;
	height:40px;
	text-align: center;	
	background-color: #fff;
	border: 1px solid transparent;
	font-size: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;	
}

.menu-profile-btn {
	width:40px;
	height:40px;
	text-align: center;	
	background-color: #b0b663;
	border: 1px solid transparent;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
}

.menu-btn:hover {
	background-color: #b0b663;
	color: #3c3c3c;
	border: 1px solid #ffffff;
}

.menu_link {
	color: #fff313;
	text-decoration: none;
	font-size: 16px;
	margin-left: 12px;
}

.menu_link:hover {
	color: #ffffff;
	text-decoration: none;
}
/* ======================================================= */

/* Modules */
#main_list {
	font-size: 12px;
	border-collapse: collapse;
}

#main_list tr:hover {
  background-color: #ffff99;
}

/* ======================================================= */

IMG.hcenter { 
	display: block; 
	margin-left: auto; 
	margin-right: auto 
}

/* ========================================================================================================================= */

.footer {
	width: 100%;
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 25px;
  background-color: #f5f5f5;
}

.table_head {
	background-color: #b0b663;
	color: #636363;
	font-weight: bold;
	font-size: 14px;
}

.table_background {
	background-color: #efefef;
}

.table_background_darker {
	background-color: #c6c6c6;
}

.table_border {
	border-bottom: solid 1px #C3C3C3;	 	
	border-right: solid 1px #C3C3C3;	 	
	border-left: solid 1px #C3C3C3;	 	
}

.table_cell_box {
	padding: 6px 6px 6px 6px; /* top left bottom right*/
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.cell_border_left {
	border-left:solid 3px #b0b663;	
}

.cell_border_bottom {
	border-bottom:solid 1px #C3C3C3;	
}

.cell_border_top {
	border-top:solid 1px #C3C3C3;	
}

/* Sticky Notes */
.sticky_note {
	background-image: url('http://memorypower.org/assets/images/sticky_note.jpg');
	width: 140px;
	min-height: 80px;
	margin: auto;
}

.sticky_note_background {
	background-color: #fefe0a;
}

.activity_overdue_0 {
	background-color: #ffffff;
}

.activity_overdue_1 {
	background-color: #fdac5b;
}

/* ======================================================= */

/* background colours */
.bkgrd_green { background-color: #b0b663; }

/* containers */

.container-home_page {
	margin: 0 auto;
	width: 1000px;
	text-align: center;	
}

.container_head {
	background-color: #b0b663;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
	line-height: 28px;
  text-align: center;
	color: white;
  padding:1px;
  border: 1px solid #b3b3b3;
	-moz-border-radius: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; 
}

.container-noborder-nowidth {
	margin: auto;
	padding: 10px;
	background-color: #fff;
	text-align: center;
}

.container-border {
	margin: auto;
	max-height: 600px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	overflow-y: auto;
}

.container-list-nowidth {
	margin: auto;
	max-height: 600px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	overflow-y: auto;
}

.container-list {
	width: 1000px;
	max-height: 600px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	overflow-y: auto;
}

.container-message {
	max-width: 600px;
	max-height: 600px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	margin: auto;
}

.container-menu {
	border-bottom: silver solid 1px;
}

.container {
	margin: 0 auto;
	width: 1000px;
	text-align: center;
}

.container-grey {
	background-color: #c6c6c6;
	margin-left: auto;
	margin-right: auto;
	padding: 25px;
	width: 400px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.container_panel {
	width: 205px;
	float: left;
	padding: 10px;
	margin-left: 5px;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;	
}

.container_cal {
	float: left;
	margin-left: 15px;
}

.container_form {
	border: solid silver 1px; 
	width: 98%; 
	margin: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px; 
}
/* ======================================================= */

/* Calendar */
.calendar {
	border-collapse: collapse;	
}

.cal_cell {
	line-height: 24px !important;
	font-size: 11px;
	text-align: left;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
}

.calendar_item {
	background-color: #c6ca8c;
	margin: 0px;
	padding: 0px;
	width: 95%;
	vertical-align: top;
}

.calendar_item_empty {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	width: 95%;
	vertical-align: top;
}

.cal_item {
	background-color: #c6ca8c;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 90%;
}

.cal_row_height{
	line-height: 24px !important;
}

#cal_title_row1{
	background-color:#e8e8e8;
	line-height: 24px;
}

#cal_title_row2{
	line-height: 20px;
}

.cal_hr {
	border: 0; 
	height: 1px; 
	background: #e8e8e8;
}
/* ======================================================= */

/* Buttons */
.filter_button{
	background-color: #b0b663;
	color: white;
	font: 12px bold Arial, Helvetica, sans-serif ;
	width: 15px;
	padding: 1px 1px 1px 1px;
	text-align: center;
	border: 1px solid transparent;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;	
}

.filter_button:hover {
	background-color: #fff;
	color: #636363;
	border: 1px solid #4a4a4a;
	text-align: center;
	text-decoration: none;
}

.btn {
	background-color: #b0b663;
	color: white;
	font: 12px bold Arial, Helvetica, sans-serif ;
	font-weight: bold;
	padding: 2px 8px 2px 8px;
	text-align: center;
	border: 1px solid transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;	
}

.btn:hover {
	background-color: #fff;
	color: #636363;
	border: 1px solid #4a4a4a;
	text-align: center;
	text-decoration: none;
}

.pic_btn {
	background-color: transparent;
	color: white;
	padding: 2px 2px 2px 2px;
	text-align: center;
	cursor: pointer;	
}

.pic_btn:hover {
	background-color: transparent;
	color: #636363;
	border: 1px solid #4a4a4a;
	text-align: center;
	text-decoration: none;
}

/* ======================================================= */

/* Boxes */
.box_border {
	padding: 6px 6px 6px 6px; /* top left bottom right*/
	border: 1px solid #676767;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.box_border_bkgrd {
	background-color: #e9e7e7;
	padding: 6px 6px 6px 6px; /* top left bottom right*/
	border: 1px solid #676767;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.box_no_border {
	padding: 8px 8px 8px 8px; /* top left bottom right*/
}
/* ================================== */

/* jquery tab containers */

.tab_container {
	width: 900px;
	height:350px; 
}

ul.tabs{
	margin: 0px;
	padding: 15px;
	list-style: none;
  font-size:14px;
  font-weight:bold;}

ul.tabs li{
	background: none;
	color: #636363;
	display: inline-block;
	padding: 15px 15px;
	cursor: pointer;
}

ul.tabs li.current{
	background: #d6d6d6;
	color: #636363;
	font-weight: bold;
}

.tab-content{
	display: none;
	background: #d6d6d6;
	padding: 3px;
  font-size:12px;
}

.tab-list{
	width: 920px;
	max-height: 600px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	overflow-y: auto;
}

.tab-content.current{
	display: inherit;
}
/* ======================================================== */

/* moves the jquery calendar icon down and to the right slightly */
.ui-datepicker-trigger {
    margin-left : 5px;
    vertical-align : top;
}

/* ======================================================= */

/* Tooltips */
.tooltip_head {
	background-color: #b0b663;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
	line-height: 20px;
  text-align: center;
	color: white;
  padding:1px;
  border: 1px solid #4a4a4a;
	-moz-border-radius: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px; 
}

.tooltip_body {
	background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	line-height: 14px;
  border-left: 1px solid #4a4a4a;
  border-right: 1px solid #4a4a4a;
  border-bottom: 1px solid #4a4a4a;
  padding: 2px;
	text-align: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px; 
}

.address_head {
	background-color: #b0b663;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
	line-height: 20px;
  text-align: center;
	color: white;
  padding:1px;
  border: 1px solid #4a4a4a;
	-moz-border-radius: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px; 
}

.address_body {
  width: 350px;
	background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	line-height: 14px;
  border-left: 1px solid #4a4a4a;
  border-right: 1px solid #4a4a4a;
  border-bottom: 1px solid #4a4a4a;
  padding: 2px;
	text-align: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px; 
}

.note_head {
	background-color: #b0b663;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
	line-height: 20px;
  text-align: center;
	color: white;
  padding:1px;
  border: 1px solid #4a4a4a;
	-moz-border-radius: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px; 
}

.note_body {
  width: 600px;
	background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
	line-height: 14px;
  border-left: 1px solid #4a4a4a;
  border-right: 1px solid #4a4a4a;
  border-bottom: 1px solid #4a4a4a;
  padding: 2px;
	text-align: left;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px; 
}
/* ======================================================= */

.altRowEven {
	background-color: #e0dfde;
}
.altRowOdd {
	background-color: #c8c1c5;
}

.img_btn {
	cursor: pointer;
}

IMG.hcenter { 
	display: block; 
	margin-left: auto; 
	margin-right: auto 
}

/* JQuery Alerts CSS */
/* ================================== */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 1px #939393;
	color: #636363;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #636363;
	background: #b0b663;
	border: solid 1px #939393;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(info.gif);
}

#popup_content.confirm {
	background-image: url(important.gif);
}

#popup_content.prompt {
	background-image: url(help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}
/* ================================== */