a {
	color: #000;
}

div a {
	color: #000;
	text-decoration: none;
}

body {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}

body.nav {
	background-color: #fff !important;
	padding-top: 12px;
	background-image: url(../images/liferelo/ralogo.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

body.header {
	background-color: #69c;
	background-image: url(../images/liferelo/topgradient2.png);
	background-repeat: repeat-x;
	background-position: middle;
}

body.main {
	background-color: #eee;
	padding: 12px 0px 0px 0px;
	 BORDER-RIGHT: white 1px solid;
  	 BORDER-LEFT: #587593 1px solid;
 	 BORDER-TOP: #e1e1e1 0px solid;
	  BORDER-BOTTOM: white 1px solid;
}

button {
	border: 1px outset #9bd;
	padding: 0px;
	height: 18px;
	background-color: #9bd;
}

div.a {
	height: 20px;
	padding: 2px 7px 2px 7px;
	margin: 28px 3px 0px 3px;
	cursor: pointer;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-image: url(../images/liferelo/tablo.gif);
	color: #FFF;
	width: 150px;
	text-align: center;
}

span.ab {
	height: 20px;
	padding: 2px 7px 2px 7px;
	/* margin: 3px; // for FireFox */
	cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	/* background-image: url(../images/liferelo/buttonbg2.gif); // for FireFox */
	width: 100px;
	text-align: center;
	text-decoration: none;
}

span.ad {
	height: 20px;
	padding: 2px 7px 2px 7px;
	/* margin: 3px; // for FireFox */
	cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	/* background-image: url(../images/liferelo/buttonbg4.gif); // for FireFox */
	width: 80px;
	text-align: center;
	text-decoration: none;
}

.td_button_ad {	/* for FireFox */
    background: url(../images/liferelo/buttonbg4.gif); 
    background-repeat: no-repeat; 
    height: 20px;
    text-align: center;
}

.td_button_ab {	/* for FireFox */
    background: url(../images/liferelo/buttonbg2.gif); 
    background-repeat: no-repeat; 
    height: 20px;
    text-align: center;
}

div.al {
	height: 20px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid white;
	border-left: 1px solid white;
	padding: 2px 7px 2px 7px;
	margin: 3px;
	cursor: pointer;
	float: left;
	background-color: #9bd;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background-image: url(../images/liferelo/buttonbg.png);
	width: 150px;
	text-align: center;
	margin-right: 16px;
}

div.headerNav li {
	margin: 0px;
	padding: 0px;
	float: left;
}

div.headerNav li a {
	color: #8c909b;         /* color of the text in a 'unselected' top tab */
	height: 20px;
	padding: 2px 7px 2px 7px;
	margin: 28px 3px 0px 3px;
	cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(../images/liferelo/tablo2.png);
	width: 150px;
	text-align: center;
	max-width: 150px;
	overflow: clip;
}

div.headerNav li a.hi {
	color: #000000;  /* color of the text in the 'current' top tab */
	background-image: url(../images/liferelo/tabhi.gif);
}

div.b {
	width: 2px;
	padding: 0px;
	margin: 0px 2px 0px 2px;
	background-color: #69c;
	float: left;
}

div.s {
	background-color: #eee;
	width: 128px;
	border-bottom: 1px solid white;
	border-top: 1px solid black;
	padding: 3px 0px 1px 2px;
	margin: 0px;
	cursor: pointer;
}

div.s div.b {
	background-color: #9bd;
}

div.section {
	margin-top: 16px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: -2px;
	color: #000;
}

div.st {
	height: 20px;
	padding: 3px 6px 1px 8px;
	margin: 28px 3px 0px 3px;
	cursor: pointer;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;;
	width: 150px;
	text-align: center;
	background-image: url(../images/liferelo/tabhi.gif);
}

div.x {
	border-bottom: 1px solid #ccc;
}

a:hover div.x {
	text-decoration: underline;
	color: #123;
}

* {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
}

input:active,input:focus,select:active,select:focus {
	border: 1px solid #999;
	background-color: #fff;
}

input {
	border: 1px solid #69c;
	padding: 1px; /* height:18px; */
	background-color: #9bd;
}

input.check {
	width: 16px;
	background: none;
	border: none;
}

input,select {
	width: 150px;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
}

textarea {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
}

input.number {
	width: 48px;
}

input.currency {
	width: 85px;
}

select.currency {
	width: 60px;
}

textarea.col {
	width: 150px;
	height: 92px;
}

textarea.big {
	width: 360px;
	height: 172px;
}

select.servicepop {
	background-color: #9bd;
}

table.resultstable td.blank {
	padding: 1px;
	border: none;
	background: none;
}

table.resultstable td {
	padding: 1px;
	border: 1px solid #ccc;
	background-color: #f8f8f8;
}

table.resultstable th {
	border: 1px outset #eee;
	text-align: left;
	background-color: #888;
	color: #fff;
}

table.resultstable {
	border-collapse: collapse;
	margin-left: 1em;
}

table.resultstable th a {
	color: white;
}

td.indic {
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 2px;
}

td.indicbottom {
	padding-left: 3px;
	vertical-align: bottom;
	padding-right: 2px;
}

td.label {
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 8px;
}

td.left {
	vertical-align: top;
	padding-top: 2px;
}

td.head {
	vertical-align: top;
	padding-top: 2px;
	font-weight: bold;
}

div.headerNav {
	position: absolute;
	top: 1px;
	left: 85px; /* margin before first top tab (was 124) */
	color: #000;
}

body.info {
	background-color: #69c;
	background-image: url(../images/liferelo/bottomgrad2.png);
}

body.infocorner {
	background-color: #69c;
	background-image: url(../images/liferelo/bottomgrad.png);
}

td.separator {
	border-left: 1px solid black;
}

div.menuholder {
	margin: 0px;
	padding-left: 4px;
	background-image: url(../images/liferelo/menubody.png);
}

div.menuholder * {
	font-size: 8pt;
	color: #000000;
}

div.menuholder ul {
	list-style: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

div.menuholder ul li {
	margin: 0px;
	padding: 0px;
/*	width: 120px; */
}

div.menuholder ul li a {
	width: 120px;
	border-top: 1px solid #ccc;
	border-bottom: 0px dotted #808080;
}

div.formlabel {
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.buttons {
	text-align: right;
	margin-top: 1em;
}

div.buttons button {
	width: 100px;
	height: 24px;
	border: none;
	padding: 0px;
	background: none;
	background-image: url(../images/liferelo/buttonbg.gif)
}

div.toplogo {
	margin: 0px;
	width: 128px;
	height: 48px;
	color: #000;
	font-family: Verdana, Arial;
	font-size: 24px;
	text-align: center;
}

span.version {
	font-size: 11px;
}

div.headerOther {
	text-align: right;
	padding-right: 0px;
}

div.headerOther a {
	font-size: 11px;
	color: #000;
	width: 128px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.headerOther a.logout:hover {
	color: #fff;
	background-image: url(../images/liferelo/bottomgradhi.png);
}

button.quicksearch {
	border: 1px solid black;
	height: 17px;
	border-left: none;
}

input.quicksearch {
	background-color: #9bd;
	border: 1px solid black;
	height: 17px;
	width: 150px;
}

div.headerwarning {
	position: absolute;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid black;
	background-color: #ffc;
	width: 100%;
	display: none;
}

div.headerwarning a {
	color: #00f;
	text-decoration: underline;
}

div.headerwarning a:hover {
	background: none;
}

div.groupdiv {
	border: 1px solid #ddd;
	background-color: #ddd;
}

div.groupdiv span.group {
	font-size: 8pt;
	font-weight: bold;
}

div.lightClass {
	background-color: #eaeae7;
}

table.edittable td.holder {
	background-color: #ddd;
	border-left: 1em solid #eee;
}

table.edittable td.errors {
	border-left: 1em solid #eee;
	border-top: 2px solid #eee;
}

table.edittable td.holdertop {
	background-color: #ddd;
	border-left: 1em solid #eee;
	border-top: 1em solid #eee;
}

table.edittable td.lightClass {
	margin-left: 1em;
	border-left: 1em solid #eee;
	background-color: #eaeae7;
}

td.bigthing {
	font-size: 12px;
	font-weight: bold;
	padding-left: 4px;
	background-image: url(../images/liferelo/details.png);
	width: 128px;
	vertical-align: top;
	color: #000;
}

td.bigtop {
	font-size:4px;
	line-height:11px;
	height:11px;
	padding:0px;
	background-image: url(../images/liferelo/det-top.png);
}

td.bigbottom {
	font-size:4px;
	line-height:13px;
	height:13px;
	padding:0px;
	background-image: url(../images/liferelo/det-bottom.png);
}

span.servdesc {
	font-size: 14px;
	font-weight: bold;
}

div.m {
	float: left;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	margin: 4px;
}

div.m:active {
	border: 1px inset #9cf;
}

input.readonly {
	background-color: #ccc;
}

input.combo {
	width: 100px;
}

select.combo {
	width: 50px;
}

div.more {
	background-color: #ddd;
	padding: 2px;
	width: 16px;
	height: 8px;
	cursor: pointer;
}

div.menutop {
	font-size: 1px;
	width: 128px;
	height: 11px;
	background-image: url(../images/liferelo/menutop.png);
	margin: 0px;
	padding: 0px;
	padding: 0px;
	border: none;
}

div.menubottom {
	font-size: 1px;
	width: 128px;
	height: 17px;
	background-image: url(../images/liferelo/menubottom.png);
	margin: 0px;
	padding: 0px;
}

body.login {
	background-color: #fff;
	background-image: url(../images/liferelo/topgradient.png);
	background-repeat: repeat-x;
	padding-top: 64px;
	padding-left: 12px;
	padding-right: 12px;
}

body.survey {
        background-image: url(../images/liferelo/id_google.gif);
        background-repeat: no-repeat;
        padding-top: 64px;
        padding-left: 12px;
        padding-right: 12px;
}


div.searchheader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
	color: #fff;
	padding-left: 1em;
	height: 16px;
	background-image: url(../images/liferelo/bottomgrad2.png);
}

div.searchheader_880 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 880px;
	color: #fff;
	padding-left: 1em;
	height: 16px;
	background-image: url(../images/liferelo/bottomgrad2.png);
}

div.searchheader_short {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 400px;
        color: #fff;
        padding-left: 1em;
        height: 16px;
        background-image: url(../images/liferelo/bottomgrad2.png);
}


table.calendar {
	font-size: 8pt;
	color: #000;
	background-color: #eeeeee;
}

.diarydaytitles {
	font-weight: bold;
	background-color: #eeeeee;
}

.diarylink A {
	color: #000;
}

.diarylink A:hover {
	color: #009999;
}

.diarylink {
	background-color: red;
}

.diarytimetitles {
	font-weight: bold;
	background-color: #99bbdd;
	text-align: center;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.diarytitles {
	background-color: #99bbdd;
	color: #000;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.diarytitles a {
	color: #000;
}

.diary_active_day {
	background-color: #eeeeee;
	text-align: center;
}

.diary_inactive_day {
	background-color: #eeeeee;
	text-align: center;
}

.diary_active_day a,.diary_today a {
	width: 28px;
	color: #000;
}

.diary_inactive_day a {
	color: #ccc;
}

.diary_active_day a:hover,.diary_inactive_day a:hover,.diary_today a:hover
	{
	color: #666;
}

.diary_today {
	background-color: #ddd;
	text-align: center;
	font-weight: bold;
}

div.calendarholder {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: red;
	border: 1px solid black;
}

table.resultstable td.blank,table.resultstable th.blank {
	border: none;
	background: none;
}

div.notesLink {
	width: 32px;
	height: 32px;
	background-image: url(../images/liferelo/notes2.gif);
	cursor: pointer;
}

div.correspondenceLink {
	width: 32px;
	height: 32px;
	background-image: url(../images/liferelo/correspond.gif);
	cursor: pointer;
}

div.dependantsLink {
	width: 16px;
	height: 16px;
	background-image: url(../images/liferelo/dependants.gif);
	cursor: pointer;
}

div.attachmentsLink {
    width: 32px;
    height: 32px;
    background-image: url(../images/liferelo/attach.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}


div.reportsLink {
	width: 32px;
	height: 32px;
	background-image: url(../images/liferelo/reports.gif);
	cursor: pointer;
}

div.scroller {
	padding-top: 5px;
	visibility: hidden;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 128px;
	height: 16px;
	background-color: #ace;
	filter: Alpha(opacity = 50);
	text-align: center;
}

/* below 8 is for MyTask page show red background colour */
table.resultstable2 td.blank,table.resultstable2 th.blank {
	border: none;
	background: none;
}
table.resultstable2 td.blank {
	padding: 1px;
	border: none;
	background: none;
}

table.resultstable2 td {
	padding: 1px;
	border: 1px solid #ccc;
}

table.resultstable2 th {
	border: 1px outset #eee;
	text-align: left;
	background-color: #888;
	color: #fff;
}

table.resultstable2 {
	border-collapse: collapse;
	margin-left: 1em;
}

table.resultstable2 th a {
	color: white;
}

/* displaytag table (correspondence page) odd, even, hover */
table.resultstable2 tr.odd {
     background-color: #FFFFFF;
}
table.resultstable2 tr.even {
     background-color: #E1E1E1;
}
table.resultstable2 tr.hover {
     background-color: #AACCEE;
}

td.overdueRedColor {
	background-color: #FDD1D1; color: black;
}
td.normalColor {
	background-color: #f8f8f8; color: black;
}

td.mailRedColor {
        background-color: #FFE5E5; color: black;
}
td.mailGreenColor {
        background-color: #DFFFE2; color: black;
}


/* below 5 is for location suggest box  */
.suggest_link {	
	background-color: #EEEEEE;	/* light gray */	
	padding: 2px 6px 2px 6px;	
	width:300px;
}	
.suggest_link_over {
	background-color: #9AC1E9;	/* sky blue */	
	padding: 2px 6px 2px 6px;	
	width:300px;
}	
.search_suggest_collapse {
	BORDER-RIGHT: #7F9DB9 1px outset; 
	BORDER-TOP: #7F9DB9 1px solid; 
	BACKGROUND: #EEEEEE; 	/* light gray */
	BORDER-LEFT: #7F9DB9 1px solid; 
	BORDER-BOTTOM: #7F9DB9 1px outset; 
	POSITION: absolute; 
	WIDTH: 0px; 
	HEIGHT: 0px;
	visibility: hidden;
}
.search_suggest_iframe_collapse {
	Z-INDEX: 999; 
	BORDER-RIGHT: #7F9DB9 1px outset; 
	BORDER-TOP: #7F9DB9 1px solid; 
	BACKGROUND: #EEEEEE; 	/* light gray */
	BORDER-LEFT: #7F9DB9 1px solid; 
	BORDER-BOTTOM: #7F9DB9 1px outset; 
	POSITION: absolute; 
	WIDTH: 0px; 
	HEIGHT: 0px;
	visibility: hidden;
}
.search_iframe_collapse {
	Z-INDEX: 998; 
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	POSITION: absolute; 
	BORDER-BOTTOM-STYLE: none;	
	WIDTH: 0px; 
	HEIGHT: 0px;
}


/* black font, Red background */
.error {
	BACKGROUND-COLOR: #fcc; color: #000;
}

/* black font, Red background, with dark red frame */
.errorBox {
	BORDER-RIGHT: #c00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c00 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #c00 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #c00 1px solid; BACKGROUND-COLOR: #fcc; color: #000;
}

/* Red font only */
.errorMessage {
	COLOR: #c00;
}


/* black font, Green background */
.message_green {
	BACKGROUND-COLOR: #dfd; color: #000;
}

/* black font, Green background, with dark green frame*/
.messageBox_green {
	BORDER-RIGHT: #090 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #090 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #090 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #090 1px solid; BACKGROUND-COLOR: #dfd; color: #000;
}


/* black font, Yellow background */
.message_yellow {
	BACKGROUND-COLOR: #ffffce; color: #000;
}

/* black font, Yellow background, with dark yellow frame*/
.messageBox_yellow {
	BORDER-RIGHT: #f0c000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0c000 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #f0c000 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #f0c000 1px solid; BACKGROUND-COLOR: #ffffce; color: #000;
}


/* black font, Blue background */
.message_blue {
	BACKGROUND-COLOR: #d8e4f1; color: #000;
}

/* black font, Blue background, with dark blue frame*/
.messageBox_blue {
	BORDER-RIGHT: #3c78b5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #3c78b5 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #3c78b5 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #3c78b5 1px solid; BACKGROUND-COLOR: #d8e4f1; color: #000;
}

/* below 2 is for GroupBox(on document/new Assignment page)  */
fieldset {
    border: 1px solid #587593;    
    border-top: 1px solid #587593;
    border-left: 1px solid #587593;    
    border-right: 1px solid #587593;
    border-bottom: 1px solid #587593;    
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 2px;
}
legend {
	font-weight: bold;
    padding: 1px;
    text-align:center;
}

table.logintable {
    background:url(../images/liferelo/watermark.gif) no-repeat center top;
}