/* Notes 
========

Refer to W3 CSS2 Recommendations at http://www.w3.org/TR/REC-CSS2/

name refers to an element
#name refers to an id 
.name refers to a class
name.name refers to elements with a certain class
a:state for anchor state style e.g., a:hover

Accessibility
-------------

This stylesheet includes font size keywords (xx-small,x-
small,small,medium,large,x-large,xx-large), which allows the user to change 
sizes with their browser, making Intrelate more accessible to those with 
eyesight difficulties.


Editing styles
--------------

Refer to the manual about editing this stylesheet. Briefly, all normally 
editable style definitions are kept at the top of this file, and the normally 
static definitions are kept at the bottom.

===
*/



/* Editable style definitions */
/* ========================== 

The following style definitions are normally edited when creating a new site in 
order to change the colours of elements to tie in with the brand. 

*/


* {
	line-height: 1.2em;
}

/* Anchor */ 
a {
    color: #760f11;
}

/* Anchor styling where link is active, ie to current page */
a:active {
    color: #760f11; /*#004275;*/
}

/* Anchor styling when mouse is hovering over it */
a:hover {
    color: #7BBFC0;
}


/* Anchor style on 'off' state tabs */
a.tbtf {
	font-size: 11px;
	text-decoration:none;
	color: #DDDDDD;
	cursor:pointer;
	font-weight:normal;
	white-space: nowrap;
}

/* Anchor style on 'on' state tabs */
a.tbtn {
	font-size: 11px;
	text-decoration:none;
	color: #FFFFFF;
	cursor:default;
	font-weight:normal;
	white-space: nowrap;
}

/* Anchor style on 'off' stage tabs when mouse is hovering over it */
a.tbtf:hover {
	color: #FFFFFF; /*#f0f1ed;*/
	text-decoration:none;
}

/* Anchor style on 'on' stage tabs when mouse is hovering over it */
a.tbtn:hover {
    color: #FF4500;
    text-decoration:none;
}

/* Anchor style for Utils bar */
a.utils {
    color: #FFBF00;
    text-decoration: underline;
}

/* Anchor style for Utils bar when mouse is hovering over it */
a.utils:hover {
    color: #FFBF00;
    text-decoration: underline;
}


/* Anchor style for Utils bar when active */
a.utils:active {
    color: #FFBF00;
    text-decoration: underline;
}

/* Anchor style for Utils bar when visited */
a.utils:visited {
    color: #FFBF00;
    text-decoration: underline;
}

/* Anchor style for Utils bar when visited */
a.utils:visited:hover {
    color: #FF4500;
    text-decoration: underline;
}


/* content window (off) - class */
.cnf {
    background-color: #004275;
}

/* content window (off) - id */
#cnf {
    background-color: #004275;
}

/* content window (on) - class */
.cnn {
    background-color: #004275;
}

/* content window (on) - id */
#cnn {
    background-color: #004275;
}

/* Footer bar style */
#footer {
	height:25px;
	padding-right:10px;
	padding-bottom:5px;
	font-family:verdana;
	font-size: xx-small;
	color: #FFBF00;
}

/* heading */
.hn {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

/* Background of the screen - class */
.interface {
    background-color: #9b1b1f; /* #4A91CB; */
    background-image:url('../images/header_bg.gif');
    background-repeat:repeat-x;
}

/* Background of the screen - id */
#interface {
    background-color: #760f11; /* #9b1b1f;  #4A91CB; */
    background-image:url('../images/header_bg_red.gif');
    background-repeat:repeat-x;
}

/* Styling of tab in 'off' state */
.tbf {
	cursor:pointer;
	background-color: #0F7673;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	cursor: hand;
	border-left: 1px solid #004275;
	border-right: 1px solid #CBE5E6;
	border-top: 1px solid #004275;
	border-bottom: 1px solid #CBE5E6;
	padding-left:10px;
	padding-right:10px;
	width:100px;
	height:25px;
	white-space:nowrap;
}

/* Styling of tab in 'on' state */
.tbn {
	cursor:pointer;
	background-color: #004275;
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	cursor: default;
	border-left: 1px solid #004275;
	border-right: 1px solid #CBE5E6;
	border-top: 1px solid #004275;
	padding-left:10px;
	padding-right:10px;
	width:100px;
	height:25px;
	white-space:nowrap;
}

/* content title */
.tcn {
	height: 20px;
	color: #FFFFFF;
	padding-left:10px;
	font-family:verdana;
	font-size: 11px;
	font-weight: normal;
	white-space:nowrap;
	vertical-align:middle;
}

table.tcn a {
	color: #DDDDDD;
}

table.tcn a:hover {
	color: #FF4500;
}

/* Tabbed window title */
.twn {
	height:20px;
	color: #FFFFFF;
	padding-left:10px;
	font-family:verdana;
	font-size:13px;
	font-weight: normal;
	white-space:nowrap;
	vertical-align:middle;
}

/* Utilities bar under branding */
#utils {
	height:20px;
	font-family:verdana;
	font-size: xx-small;
	color: #FFBF00;
	margin: 0;
}

/* Window border */
.wnn {
    background-color: #004275;
}

/* Window border */
#wnn {
    background-color: #004275;
}



/* Normally unedited style definitions */
/* ===================================

Normally the follow styles are not normally changed from site to site.

*/


/* Page body style */
body {
    margin: 0;
}

/* Branding bar styling */
#branding {
    margin: 0;
}

/* Transparent layer style */
#clear {
}

/* Container area styling */
#container {
    height: 100%;
    background-color: #ffffff;
}

/* Content area styling - where the data appears in main workspace area */
.c {
    padding: 10px;
    background-color: #ffffff;
}

/* data item (off) */
.df {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #9e9e9a;
}

/* data item (on) */
.dn {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333431;
}

/* May not be used */
#handle {
    padding: 0px 0px 0px 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}

/* Headin style of help text */
.help_heading {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

/* Bopy style of help text */
.help_text {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* styles same for all input types */
input, textarea, select {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}

/* Data label off */
.lf {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #9e9e9a;
}

/* Data label on */
.ln {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #10110d;
}

/* Mandatory Label On */
.lm	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-style:normal;
    font-weight: bold;
    color: #10110d;
}



/* scrollable list div */
#list {
	width: 100%;
	overflow: auto;
	margin: 0;
	padding: 0;
}

/* show/hide button */
.mm {
    padding: 0px 10px 0px 10px;
    width: 10px;
}

/* common tasks menu */
#Optionsmenu {
    background-color: #ffffff;
}

/* pickable region */
.pk {
    cursor: pointer;
}

/* Workspace area */
#w {
    padding: 10px 10px 0px 10px;
}

/* Text style in 'off' state */
.textoff {
    color: #9e9e9a;
}

/* Text style in 'on' state */
.texton {
    color: #333431;
}

/* Normal text style */
.tn {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333431;
}

/* Tools container in toolbar */
#toolbar {
    background-color: #3d3d3d;
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
}

/* id for positioning draggable toolbar layer */
#toolDRAGbar {
    position: absolute;
    top: -2px;
    left: -14px;
    z-index: 1;
}

/* tools table containing tool buttons within toolbar table */
#tools {
    background-color: #f7f7f7;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #adadad;
}

/* legacy style def, should be replaced in code with .dn */
.workspace_table_data {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

/* legacy style def, should be replaced in code with .ln */
.workspace_table_label {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
}

/* seems to be for used for invoice total */
.wtt1 {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #333333; /* should be same color as dn, or darker */
	font-weight: bold;
}


/* calendar */
.clc { /*  workspace container */
    padding: 0px;
    background-color: #FFFFFF; 
}

.clw { /*  window */
    background-color: #7BBFC0; 
    padding: 1px 1px 0px 1px;

}

.cl0 { /* container */
	background-color:#FFFFFF;
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	/* border-left: 1px solid #7BBFC0; */
	border-right: 1px solid #7BBFC0; */
	/* border-top: 1px solid #7BBFC0; */
	border-bottom: 1px solid #7BBFC0; */
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	table-layout:fixed; 
}

.cl1n { /* standard cell */
 	/* background-color:#aaaaaa; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 1px solid #7BBFC0;
	/* border-right: 1px solid #7BBFC0; */
	border-top: 1px solid #7BBFC0;
	/* border-bottom: 1px solid #7BBFC0; */
        overflow:hidden;
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}

.cl1m { /* mondays when 5 days in week */
 	/* background-color:#aaaaaa; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 2px solid #7BBFC0;
	/* border-right: 1px solid #7BBFC0; */
	border-top: 1px solid #7BBFC0;
	/* border-bottom: 1px solid #7BBFC0; */
        overflow:hidden;
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}
.cl0m { /* month title */
 	/* background-color:#aaaaaa; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 1px solid #7BBFC0;
        overflow:visible;
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}.cl1f { /* not current month */
 	background-color:#dddddd; 
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 1px solid #7BBFC0;
	/* border-right: 1px solid #7BBFC0; */
	border-top: 1px solid #7BBFC0;
	/* border-bottom: 1px solid #7BBFC0; */
        overflow:hidden;
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}

.cl1t { /* to-day */
 	/* background-color:#aaaaff; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 3px solid #DD0000;
        border-right: 3px solid #DD0000; */
	border-top: 3px solid #DD0000;
	border-bottom: 3px solid #DD0000; */
        overflow:hidden; 
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}

.cl1t1 { /* to-day in multi res view */
 	/* background-color:#aaaaff; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 3px solid #DD0000;
        border-right: 3px solid #DD0000; */
	border-top: 1px solid #7BBFC0;
        overflow:hidden; 
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}

.cl1n_s { /* standard cell */
 	background-color:#aa5555; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 1px solid #7BBFC0;
	/* border-right: 1px solid #7BBFC0; */
	border-top: 1px solid #7BBFC0;
	/* border-bottom: 1px solid #7BBFC0; */
        overflow:hidden;
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}

.cl1f_s { /* not current month */
 	background-color:#FFdddd; 
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 1px solid #7BBFC0;
	/* border-right: 1px solid #7BBFC0; */
	border-top: 1px solid #7BBFC0;
	/* border-bottom: 1px solid #7BBFC0; */
        overflow:hidden;
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}

.cl1t_s { /* to-day */
 	background-color:#aa5555; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	border-left: 2px solid #DD0000;
        border-right: 2px solid #DD0000; */
	border-top: 2px solid #DD0000;
	border-bottom: 2px solid #DD0000; */
        overflow:hidden; 
	padding-left:1px;
	padding-right:1px;
        padding: 0px;
	vertical-align: top;
}



.cldh { /* day heading */
 	/* background-color:#aaaaff; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
        height:12px   
        overflow:hidden;
	text-align:right;

}
.clin { /* item on (selectable)*/
       cursor:pointer;
}

.clab { /* availability bar */
	background-color: white;
	border-bottom: 1px solid #7BBFC0;
	border-top: 1px solid #7BBFC0;
}


.cldh { /* day heading */
 	/* background-color:#aaaaff; */
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
        height:12px   
        overflow:hidden;
	text-align:right;

}

.cldd0 { /* day view label spacers */
 	background-color:#eeebdb;
}
.cldd0h { /* day view labels -hrs */
	border-top: 1px solid #b2aea0;
 	background-color:#eeebdb; 
	color: #423f39;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	font-size: 20px;
	vertical-align:top;
	padding-top:2px;
}
.cldd0m { /* day view labels -mins */
 	background-color:#eeebdb; 
	color: #423f39;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	font-size: 12px;
	vertical-align:top;
	border-top: 1px solid #b2aea0;
	border-bottom: 1px solid #b2aea0;
}
.clddfb { /* day view free/busy bar */
	border-bottom: 1px solid #b2aea0; 
	width: 20px;

}
.clddfbx { /* day view free/busy bar */
	border-bottom: 1px solid #b2aea0; 
	/* width: 20px; */
	background-image: url(../images/cal/calfbissue.gif) ; 
}
.clddb { /* day view body */
 	background-color:#FFFF6C; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	border-bottom: 1px solid #b2aea0;
	font-size: 12px;

}
.clddb0 { /* day view body item container */
 	background-color:#FFFFFF; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	font-size: 12px;
	vertical-align:top;
	padding:0px;
	border: 1px outset #b2aea0;
}
.clddbx { /* day view body default item */
 	background-color:#FFFFFF; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	font-size: 12px;
	border: 3px ;
	vertical-align:top;
	padding:2px;
	width: 100%;
	height: 100%;
}
.clddb2 { /* day view body class item */
 	background-color:#FFFFFF; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	font-size: 12px;
	border: 3px ;
	vertical-align:top;
	padding:2px;
	width: 100%;
	height: 100%;}
.clddb4 { /* day view body default item */
 	background-color:#FFFFFF; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	font-size: 12px;
	vertical-align:top;
	padding:2px;
	border: 2px solid;
	width: 100%;
	height: 100%;
}
.clddb4b { /* day view body default item */
	width:25px;
 	background:url(../images/cal/cal4.gif) no-repeat; 
}
.clddb6 { /* day view body default item */
 	background-color:#FFFFFF; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: semi-bold;
	font-size: 12px;
	border: 3px ridge ;
	vertical-align:top;
	padding:2px;
	width: 100%;
	height: 100%;
}
.clddb6b { /* day view body default item */
	width:25px;
 	background:url(../images/cal/cal6.gif) no-repeat; 
}
.rclmc { /* right click menu container */
	color: #ffffff;
	background-color:#7BBFC0; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	border: 1px solid #7BBFC0;
        padding: 0px;

	vertical-align: top;
}
.rclm{ /* right click menu */
 	background-color:#dddddd; 
	color: #00807;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
        cursor:hand;

	vertical-align: top;
}
a.rclm:hover {
    color: #cc3;
    text-decoration: underline;
}
td.bigcaps:first-letter 
{
color: #001F6F;
 font-weight: bold;
}

td.bigcaps
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #777;
}

/* Profiler "There are ..." text */

.qch 
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333431;
}

/* Profiler returned record count */ 

.qch_em 
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333431;
    font-weight: bold;
}

/* Profiler active tab text */

.tf 
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #333431;
}
#QSR_3_100 {
	background-color: #FFFFFF;
}

.pbtext {
	color: #008070;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;

}
/* scrollable list div */
#lidi {
      width: 100%;
     height: 100%;
      overflow: visible;
      margin: 0;
      padding: 0;
}