/***********************************************************
 * Formatting data for Admin Section
 * (c)Bout Time Software
 ***********************************************************/
BODY {
	background-color: #dddddd;
	FONT-FAMILY	: Verdana, Tahoma, Trebuchet MS, Arial;
	font-size	: 12px;
	MARGIN		: 0px;
	padding		: 1px;
	WIDTH		: 100%;
}

.menuoptions { 									/* admin menu assigned to form*/
	margin		: 1px;
	padding		: 0px;
	float		: left;
	text-align	: center;
}

.adminsave {									/* id for use in all modules needing save option */
	position	: fixed;
	top		: 5px;
	left		: 5px;
	border		: 1px solid #ff88ff;
	width		: 120px;
	font-size	: 10px;
	font-family	: tahoma;
	background-color: red;
	color		: white;
}

.adminhelp {									/* id for use in all modules needing help option eg accounts, products */
	position	: fixed;
	top		: 5px;
	right		: 5px;
	float		: right;
	border		: 1px solid #000044;
	width		: 300px;
	padding		: 0px 5px 0px 5px;
	font-size	: 12px;
	font-family	: tahoma;
	background-color: #0000FF;
	color		: white;
}

.statusinfobox {									/* admin module status box for top right.*/
/*
	clear		: both;
	float		: right;
*/
	position	: fixed;
	top		: 5px;
	left		: 250px;
	border		: 1px solid #000044;
	width		: 410px;
	padding		: 0px 5px 0px 5px;
	font-size	: 10px;
	font-family	: tahoma;
	background-color: #eeeeee;
	color		: grey;
	text-align	: left;
}

.statusoff
{
	background-color: #eeeeee;
	color		: #eeeeee;
}

.statuson
{
	background-color: #FF0000;
	color		: #FFFFFF;
}

.statusol		/* for displaying status paid / unpaid, overdue z */
{
	position	: absolute;
	margin-top	: -90px;
	margin-left	: 220px;

}


.bigstatus {
	clear		: both;
	float		: left;
	position	: fixed;
	top		: 5px;
	left		: 5px;
	border		: 1px solid #000044;
	width		: 400px;
	padding		: 0px 5px 0px 5px;
	font-size	: 12px;
	font-family	: tahoma;
	background-color: #eeeeee;
	color		: grey;
	text-align	: left;
}

.TimeOut {
	font-size	:10px;
	padding-left	:15px;
	width:65px;
	float:left;
}


.tablebg {									/* to set background colour for tables that use TR bg change for on mouse over */
	background-color: white;
}
.stdbutton {									/* to fix all button sizes */
	font-size	: 14px;
	color		: black;
	font-family	: "Times New Roman",Tahoma,arial;
}

/* .timeoutalert{ cue:url("layout/php/chord.wav");} */

.wred	{ color:#ff0000;}
.ac	{ text-align:center}
.al	{ text-align:left}
.ar	{ text-align:right}
.fl	{ float:left}
.fr	{ float:right}
.cb	{ clear:both}

input.faded {background-color:#eeeeee; color:#000000; border:1px solid #cccccc; font-family:tahoma; font-size:8pt; letter-spacing:1px;padding:1px;}
input.fadedr {background-color:#eeeeee; color:#000000; border:1px solid #cccccc; font-family:tahoma; font-size:8pt; letter-spacing:1px;padding:1px;;text-align:right;}
input.fadedwc {background-color:#ffffff; color:#000000; border:0px solid #bbbbbb; font-family:tahoma; font-size:10pt; letter-spacing:1px;text-align:center}
select.faded {color:#000000; border:1px solid #aaaaaa; font-family:tahoma; font-size:8pt; }

select.fadedfix {color:#000000; border:1px solid #aaaaaa; font-family:tahoma; font-size:8pt; width:200px;}

.tabc	{ font-size:8px; text-align:center}

/* for maas prescription forms */
.presid 	{ width:70px}
.prestab td 	{ border-bottom:1px dotted #555555}
.prestab 	{ font-size:10px}
.fullw 		{ width:100%}
/* --- */

.adminmenu {
	font-size	: 10px;
	color		: black;
	padding		: 0px;
	width		: 80px;

	background 	: #fffFFF;
	cursor		: pointer;
}

.adminmenusel {
	font-size	: 10px;
	color		: #ffffff;
	padding		: 0px;
	width		: 80px;
	background 	: #FF5555;
	cursor		: pointer;
}

.adminbackup {

	border		: 1px solid black;
	padding		: 10px;
	margin		: 5px;
	background-color: #FFFFCC;
	float		: left;
	width		: 200px;
}

.words {
	FONT-FAMILY	: Verdana, Arial, sans-serif;
	COLOR		: #3b70a0;
	FONT-SIZE	: 12px;
}

.wordsb {
	FONT-FAMILY	: Verdana, Arial, sans-serif;
	COLOR		: #000000;
	FONT-SIZE	: 10px;
}

.wordsred {
	FONT-FAMILY	: Tahoma, Verdana, Arial, sans-serif;
	COLOR		: #FF0000;
	FONT-SIZE	: 12px;
}

.wordsdull {
        COLOR:         #888888;
	FONT-SIZE:     12px;
}

.wordsdull10 {
        COLOR:         #888888;
	FONT-SIZE:     10px;
}

.tabnote
{
 	border		:1px solid #599;
	font-size	:10px;
	color		:#888888;
	text-align	:center;
}

.tabhead {										/* small headings for tables / fields */
	FONT-FAMILY	: Arial, verdana;
	COLOR		: #000000;
	FONT-SIZE	: 12px;
	font-weight	: bold;
	background	: #bbbbbb;
	border		: 1px solid #888888;
	cursor		: help;
	text-align	: center;
}

.tabheadnp {										/* small headings for tables / fields */
	FONT-FAMILY	: Arial, verdana;
	COLOR		: #000000;
	FONT-SIZE	: 12px;
	font-weight	: bold;
	background	: #bbbbbb;
	border		: 1px solid #888;
	text-align	: center;
}

.headings {
	FONT-FAMILY	: Arial, verdana;
	COLOR		: #000000;
	FONT-SIZE	: 18px;
}

.Heading18 {								/* General small headings such as news article search */
	FONT-FAMILY	: Tahoma, Arial;
	COLOR		: #444444;
	FONT-SIZE	: 18px;
}

.Heading18L {								/* for news headings */
	FONT-FAMILY	: Arial;
	COLOR		: #000000;
        TEXT-ALIGN	: left;
	FONT-SIZE	: 18px;
	border-bottom	: 1px dashed grey;
}

.headings20 {										/* for larger headings with dotted border */
	FONT-FAMILY	: Tahoma, Verdana, Arial;
	COLOR		: #3b70a0;
	FONT-SIZE	: 20px;
	TEXT-ALIGN	: center;
	PADDING		: 2px;
	border		: 1px dotted #6d6d6d;
	WIDTH		: auto;
}

.notes {
	FONT-FAMILY	: Arial;
	PADDING		: 10px 10px 20px 40px;
        COLOR		: #666666;
        text-align	: left;
	font-size	: 12px;
}

.notess {
	FONT-FAMILY	: Arial;
	PADDING		: 2px 2px 2px 2px;
        COLOR		: #666666;
        text-align	: justify;
	font-size	: 12px;
}

	/* to display version */
.ver {
	FONT-FAMILY	: Trebuchet MS,Tahoma, Arial;
        COLOR		: #666666;
	FONT-SIZE	: 10px;
	text-align	: left;
}


	/* to display version centered*/
.verc {
	FONT-FAMILY	: Trebuchet MS,Tahoma, Arial;
        COLOR		: #666666;
	FONT-SIZE	: 10px;
	text-align	: center;
}

/*************** used for help and notes **************/
.owordsheadh {
	FONT-FAMILY	: Arial;
	COLOR		: #000000;
        TEXT-ALIGN	: left;
	FONT-SIZE	: 18px;
	border-bottom	: 1px solid grey;
}

.ohelp {
	FONT-FAMILY	: Arial;
	PADDING-BOTTOM	: 20px; PADDING-LEFT: 40px; PADDING-RIGHT: 10px; PADDING-TOP: 10px;
        COLOR		: #666666;
        text-align	: left;
	font-size	: 12px;
}


/************* IMAGE / FILE MANAGER *********************/
.IM-thumbs {
	position	: relative;
	float		: left;
	width		: 110px;
	height		: 110px;
	border		: 1px solid #888888;
	background-color: #eeeeee;
	padding		: 5px;
	margin		: 5px;
	font-size	: 10px;
	overflow	: hidden;
	text-align	: center;
}

.IM-thumbs-PM {
	position	: relative;
	float		: left;
	width		: 110px;
	height		: 110px;
	border		: 1px solid #00FF00;
	background-color: #99FF99;
	padding		: 5px;
	margin		: 5px;
	font-size	: 10px;
	overflow	: hidden;
	text-align	: center;
}

.IM-pm {
	position	: absolute;
	top		: 95px;
	left		: 4px;
}

.IM-del {
	position	: absolute;
	top		: 95px;
	left		: 95px;
}

.wbg { background-color	: #fff;}



.wblk		{ color:black}
.wblu		{ color:blue}
.wred		{ color:red}
.wgre		{ color:green}
.wgra		{ color:#888888}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/********************** CLIENT Module *************/

#client-menu 	{ padding : 10px; width:95%; border:1px solid #fff;} 
#client-menu ul	{ list-style: none;padding: 0;margin: 0;}
#client-menu li
{
	display		: inline-block;
/*
	margin		: 0 0.15em;
	text-align	: left;
	padding-left	: 5px;
	margin		: 0px 5px 0px 5px;
*/
	color		: #fff;
	FONT-FAMILY	: "Trebuchet MS", Tahoma, Arial; 
	font-size	: 12px;
	line-height	: 31px;
	width		: 125px;
	height		: 31px;
	vertical-align	: top;
	padding-left	: 5px;
	white-space	: nowrap;
}
#client-menu li a
{
/*
	background	: url(images/menu2.jpg) top left no-repeat;
	height		: 2em;
	font-weight	: bold; 
	height		: 31px;
*/
	display		: inline-block;
	line-height	: 31px;
	width		: 125px;
	color		: #0000ff;
	text-decoration	: none;
	text-align	: center;
	FONT-FAMILY	: "Trebuchet MS", Tahoma, Arial; 
	font-size	: 14px;
	background	: #ccccff;
	border		: 1px solid #0000ff;
}

#client-menu li a:hover
{
/*	background	: url(images/menu1.jpg) no-repeat;*/
        background	: #5555ff;
	padding-top	: 0px;
	height		: 31px;
	color		: #fff;
}



.client-menu-select
{
	background	: url(images/menu1.jpg) no-repeat;
        background	: #8888ff;
	padding-top	: 0px;
	height		: 31px;
	color		: #fff;
}

.client-menu-select li
{
	background	: url(images/menu1.jpg) no-repeat;
        background	: #8888ff;
	padding-top	: 0px;
	height		: 31px;
	color		: #fff;
}

.client-menu-select li a
{
	background	: url(images/menu1.jpg) no-repeat;
        background	: #8888ff;
	padding-top	: 0px;
	height		: 31px;
	color		: #fff;
}

.clientStatus { color:#008;border-bottom:1px dashed #777;text-align:left}

/* end data for admin formatting */