/* 

Notes
-----

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

name refers to a tag
#name refers to an id 
.name refers to a class
name.name refers to tags with a certain class
a:state for anchor style

Minerva 3 styles in alphabetical order:

*/

a {
/* color: #990099;*/
    color: #3300CC;
}

a:link {
    color: #3300CC; 
}

a:active {
    color: #3300CC;
}

a:hover {
    color:#FF0000;
}

/* Tab text when lost focus */
a.tbtf {
	font-size:11px;
	text-decoration:none;
	color:#330099;
	cursor:pointer;
	font-weight:normal;
	white-space:nowrap;
}

/* Tab text when got focus */
a.tbtn {
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	cursor:default;
	font-weight:normal;
	white-space:nowrap;
}

a.tbtf:hover {
    color: #FF0000;
	text-decoration:none;
}

a.tbtn:hover {
    color: #FF0000;
	text-decoration:none;
}

a.utils {
    /* color: #cc3; */
    color: #333999;	
    text-decoration: underline;
}

a.utils:hover {
    color: #cc3;
    text-decoration: underline;
}

body {
    margin: 0;
}

#clear {
}

/* content window (off) */
.cnf {
   background-color: #0099CC;
    /* background-color: #9999ee; */
}

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

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

/* Inner border on Child tab that has focus  - also outer border or Parent & edges of border on homepage*/
/* content window (on) */
#cnn {
    background-color: #0099CC;
}

#branding {
    padding: 0px 10px 0px 10px;
}

#container {
    height: 100%;
    background-color: #fff;
}

/* content  - Colour of Tab on Homepage*/
.c {
    padding: 10px;
    background-color: #FFFFFF;
}

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

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

#footer {
	height:25px;
	padding-right:10px;
	padding-bottom:5px;
	font-family:verdana;
	font-size:10px;
	color:#333999;
}

/* In use? */
#handle {
    padding: 0px 0px 0px 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    font-style: normal;
}

.help_heading {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.help_text {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

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

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

.interface {
    background-color: #CCCCCC;
    background-repeat:no-repeat
}

/* Background Window */
#interface {
    background-color: #CCCCCC;
	/* background-image:url('../images/brand/lbsn_bg.gif'); */
	background-repeat:no-repeat
}

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

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


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


/* validation */
.v	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
        font-style:italic;
	font-size: 11px;
    color:#000000;
}


/* validation header*/
.vh	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:italic;
	font-weight:bold;
    color:#000000;
}




/* 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: #fff;
}

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

/* tab off */
.tbf {
	cursor:pointer;
	/* background-color:#9999ee; */
        background-color:#33CCFF;
	color: #66b;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	cursor: hand;
	border-left: 1px solid #33CCFF;
	border-right: 1px solid #0099CC;
	border-top: 1px solid #33CCFF;
	border-bottom: 1px solid #0099CC;
	padding-left:10px;
	padding-right:10px;
	width:100px;
	height:25px;
}

/* tab on  - Outer border on tab that has focus*/
.tbn {
	cursor:pointer;
        background-color:#0099CC;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	cursor: default;
	border-left: 1px solid #0099CC;
	border-right: 1px solid #33CCFF;
	border-top: 1px solid #0099CC;
	padding-left:10px;
	padding-right:10px;
	width:100px;
	height:25px;
}

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

.tcn a {
	color: #FFFFFF;
}
.tcn a:hover {
	color: #006;
}

.textoff {
    color: #999;
}

.texton {
    color: #999;
}

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

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

/* draggable toolbar */
#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;
}

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

/* utilities bar under branding - Date etc... */
#utils {
	height:20px;
	font-family:verdana;
	font-size:10px;
	color:#333999;
}

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

/* In Views is the outer border on the tab */
/* window border */
.wnn {
  background-color: #0099CC;

}

/* window border */
#wnn {
  background-color: #0099CC;
}

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

/* 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: #777;
}

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


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

.clw { /*  window */
    background-color: #0099CC; 
    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 #0099CC; */
	border-right: 1px solid #0099CC; */
	/* border-top: 1px solid #0099CC; */
	border-bottom: 1px solid #0099CC; */
	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 #0099CC;
	/* border-right: 1px solid #0099CC; */
	border-top: 1px solid #0099CC;
	/* border-bottom: 1px solid #0099CC; */
        overflow:hidden;
	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 #0099CC;
	/* border-right: 1px solid #0099CC; */
	border-top: 1px solid #0099CC;
	/* border-bottom: 1px solid #0099CC; */
        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: 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;
}

.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 #0099CC;
	/* border-right: 1px solid #0099CC; */
	border-top: 1px solid #0099CC;
	/* border-bottom: 1px solid #0099CC; */
        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 #0099CC;
	/* border-right: 1px solid #0099CC; */
	border-top: 1px solid #0099CC;
	/* border-bottom: 1px solid #0099CC; */
        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;
}

#lidi { overflow: auto; }