/* Default CSS Stylesheet for a new Web Application project */


/* ---------------------------------------------------------------------------------------------

      DEFAULT PAGE BASE STYLES

--------------------------------------------------------------------------------------------- */


html {
    color:#000;background:#FFF;
    }

html body {
    background-color: white;
    font-family: Verdana, Helvetica, Arial, Tahoma;
    font-size: 8pt;
    font-weight: normal;
    letter-spacing: normal;
    /*text-transform: none;*/
    word-spacing: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	height:100%;
	border: 0px none;
    }

body {/* The odd font size 100.01% value for the font size compensates for several browser bugs */
	font-size: 100.01%; font-family: Verdana, Helvetica, Arial, Tahoma;
    }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
	{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	border: 0px none;
	}

h1, h2, h3, h4, h5, th, thead, tfoot
    {
	font-family: Verdana, Helvetica, Arial, Tahoma;
    color: #003366;
	font-style:	normal;
	text-decoration: none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	vertical-align:	baseline;
    }

textarea {resize:none}

h1	{	font-size:	14pt;	font-weight:	bold;    margin: 3px 3px 3px 3px;	}
h2	{	font-size:	12pt;	font-weight:	bold;    margin: 3px 3px 3px 3px;	}
h3	{	font-size:	10pt;	font-weight:	bold;    margin: 2px 2px 2px 2px;	}
h4	{	font-size:	9pt;	font-weight:	bold;    margin: 1px 1px 1px 1px;	}
h5	{	font-size:	8pt;	font-weight:	bold;	}
h6	{	font-size:	8pt;	font-weight:	normal;	}


dd	{	font-size:	14pt;	font-weight:	normal;	}

dt	{	font-size:	12pt;	font-weight:	normal;	}

tfoot, thead	{	font-size:	1em;	}

th	{	vertical-align:	baseline;	font-size:	1em;	font-weight:	bold;	}


a:link	{	text-decoration:	none;	color:	#3333cc;	}
a:visited	{	text-decoration:	none;	color:	#333399;	}
a:active	{	text-decoration:	none;	color:	#333399;	}
a:hover	{	text-decoration:	underline;	color:	#3333cc;	}

SMALL	{	font-size:	.7em;	}
BIG		{	font-size:	1.17em;	}

BLOCKQUOTE, PRE	{	font-family:	Courier New, monospace;	}


UL LI					{	list-style-type:	circle;	}
UL LI LI				{	list-style-type:	disc;	 	}
UL LI LI LI			{	list-style-type:	square;	}
OL LI				{	list-style-type:	decimal;	}
OL OL LI			{	list-style-type:	lower-alpha;	}
OL OL OL LI		{	list-style-type:	lower-roman;	}


table {
    border-collapse: collapse;
    border-spacing: 0px 0px;        /* horizontal and vertical spacing  */
    }

img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	vertical-align: bottom;
	}

/* START - STYLES FOR THE MAIN PAGE MENU */
a.leftmenuentry	{
	font-family: Comic Sans MS;
	color: Black;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	cursor: pointer;
	white-space:nowrap;
	/*border: 3px outset lightgray;*/
	}
a.leftmenuentry:link {color: Black; font-size: 12pt;}     /* unvisited link */
a.leftmenuentry:visited {color: Black; font-size: 12pt;}  /* visited link */
a.leftmenuentry:hover {color: Blue; font-size: 12pt; text-decoration: none;}   /* mouse over link */
a.leftmenuentry:active {color: Blue; font-size: 12pt;}   /* selected link #0000FF */
/* END - STYLES FOR THE MAIN PAGE MENU */

/* BACKGROUND OF CONTENT AREA OF THE PAGE APPLIED TO ContentBackground*/
.externalPage
{/* style="BACKGROUND-IMAGE:url(images/Background/PageContentBackground.jpg); BACKGROUND-REPEAT:no-repeat" */
    background: #B1B1B1 url(images/Background/PageContentBackground.jpg) no-repeat top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.internalPage	 {	background: #C0C0C0 url(images/Background/PageBodyBackground.gif) repeat;	margin: 0px 0px 0px 0px;	 padding: 0px 0px 0px 0px;	}

.embeddedbutton	{	border-style: outset;	font-weight: bold;	font-size: 7pt;	font-family: Verdana, Arial;	background-color: buttonface;	}
.embeddedentry	{	font-size: 8pt;	font-family: Tahoma, Verdana, Arial;	 }

.UserGrid	{	color: Black;	font-size: 8pt;	font-family: Tahoma, Verdana, Arial;	 }

.PANEL_TEXT	{	font-size: 10pt;	color: black;	font-family: Verdana, Arial;	}
.IMG_MARGIN 	{	margin-top: 5px;	margin-left: 10px;	margin-right: 10px;	}
.NO_MARGIN 	{	margin-top: 0;		margin-left: 0;		margin-right: 0;	margin-bottom: 0;	}


/* ---------------------------------------------------------------------------------------------

      GRID STYLES

--------------------------------------------------------------------------------------------- */

.GridStyle
{
	border-color: Black;
	border-style: ridge;
	border-width: 2px;
 	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial;
	background-color: #4e7ba3;
	text-align: left;
}
.GridHeaderStyle
{/* FONT-SIZE="Smaller" FONT-NAMES="Verdana" FONT-BOLD="True" FORECOLOR="White" BACKCOLOR="RoyalBlue" */
	border-right: silver thin solid;
    border-bottom: 2px solid Black;
	font-size: 9pt;
	color: white;
	font-family: Verdana, Arial;
	background-color: #4e7ba3;
	text-align: left;
    padding: 2px 1px 2px 1px;
    font-weight: bold;
}
.GridItemSelectStyle
{/* FORECOLOR="White" BACKCOLOR="CornflowerBlue" */
	color: black;
	font-family: Verdana, Arial;
	background-color: #71B8FF;
	text-align: left;
    padding: 2px 1px 2px 1px;
    font-weight: bold;
	font-size: 8pt;
}
.GridItemStyle
{/* FONT-SIZE="Smaller" FONT-NAMES="Verdana" FORECOLOR="Black" VERTICALALIGN="Top" BACKCOLOR="LightSteelBlue" */
	color: black;
	font-family: Verdana, Arial;
	background-color: #b3caec;
	/*text-align: left;*/
    padding: 1px 1px 1px 1px;
	font-size: 8pt;
}
.GridItemAdditionalStyle
{/* FONT-SIZE="Smaller" FONT-NAMES="Verdana" FORECOLOR="Black" VERTICALALIGN="Top" BACKCOLOR="LightSteelBlue" */
    padding: 2px 2px 2px 2px;
}
.GridFooterStyle
{/* FONT-SIZE="Smaller" FONT-NAMES="Verdana" FONT-BOLD="True" FORECOLOR="White" BACKCOLOR="RoyalBlue" */
	border-right: silver thin solid;
	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial;
	background-color: #4e7ba3;
	text-align: left;
   	empty-cells:  show;
    padding: 1px 1px 1px 1px;
}
.GRID_LINKBUTTON
{
	border: 3px outset;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana, Arial;
	color: black;
	background-color: buttonface;
	margin: 1px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	text-decoration:	none;
}
.GRID_BUTTON
{
	border: 3px outset;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana, Arial;
	color: black;
	background-color: buttonface;
	margin: 1px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}
.GridPageNumbers
{
    font-size: 9pt;
    font-weight: bold;
    color: #000066;
    font-family: Verdana, Arial;
    background-color: #A0B3B8; /*#4e7ba3;*/
    text-align: left;
    padding: 2px 2px 2px 2px;
    border-top: 2px solid black;
}

.GridHeaderStyle a:link	{
	cursor: pointer;
	text-decoration:	none;
	color:	#EBEBEB;
	}
.GridHeaderStyle a:visited	{
	cursor: pointer;
	text-decoration:	none;
	color:	#E6E6E6;
	}
.GridHeaderStyle a:active	{
	cursor: pointer;
	text-decoration:	none;
	color:	#EBEBEB;
	}
.GridHeaderStyle a:hover	{
	cursor: pointer;
	text-decoration:	underline;
	color:	#FFFFFF;
	}


a.GridPageNumbers:link	{	 /* unvisited link */
	font-size: 7.5pt;
	cursor: pointer;
	text-decoration:	none;
	color:	#BEBEBE;
	}
a.GridPageNumbers:visited	{	/* visited link */
	font-size: 7.5pt;
	cursor: pointer;
	text-decoration:	none;
	color:	#C5C5C5;
	}
a.GridPageNumbers:active	{	/* selected link */
	font-size: 8pt;
	cursor: pointer;
	text-decoration:	none;
	color:	#E5E5E5;
	}
a.GridPageNumbers:hover	{	/* mouse over link */
	font-size: 7.5pt;
	cursor: pointer;
	text-decoration:	underline;
	color:	#D4D4D4;
	}


/* ---------------------------------------------------------------------------------------------

      FORM STYLES (using old form format, being deprecated)

--------------------------------------------------------------------------------------------- */

.POPUP_TITLE
{
	font-weight:bold;
	font-size: 11pt;
	word-spacing: normal;
	text-transform: none;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-decoration: none;
}

.FUNCTIONSTYLE
{
	border: #b3caec solid 2px;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	background-color: Transparent;
	text-align: left;
	cursor: pointer;
	white-space: nowrap;
}

.FORMSTYLE
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	background-color: #b3caec;
	text-align:left;
	padding:12px 10px 12px 10px;
    border: 1px solid black;
	margin:4px 4px 4px 4px;
}
.PROMPTSTYLE
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	background-color: #b3caec;
	font-weight: bold;
	text-align: right;
	width: 25%;
	padding:3px 2px 3px 2px;
    /*border: 1px solid black;*/
}
.VALUESTYLE
{
	font-size: 8pt;
	color: blue;
	font-family: Verdana, Tahoma, Arial;
	text-align: left;
	padding:2px 1px 2px 1px;
    /*border: 1px solid gray;*/
	/*border: 2px inset gray */
}
.SUFFIXSTYLE
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	padding:4px 0px 4px 0px;
}
.ERRORSTYLE
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	background-color: #FFFF66;
	text-align: left;
}

.LISTSTYLE					{	width:80%;	border:0;	margin:0px 0px 0px 100px;	padding:1px 1px 1px 1px;	 }
.LISTSTYLE_SAVE			{	font-size: small;	margin: 2px;		color: black;	font-family: Verdana, Tahoma, Arial;	 	text-align:left;	padding:20px 20px 20px 20px;	 	border:0;	}
.LISTMENU					{	font-size: 12pt;    font-weight: bold;	}
.LISTSUBMENU				{	font-size: 10pt;    font-weight: bold;	 }


/* ---------------------------------------------------------------------------------------------

      STYLES FOR SQL TABLES OF DATA

--------------------------------------------------------------------------------------------- */

.SQLTABLE
{
    font-family: Tahoma, Verdana;
    font-size: 7.5pt;
    font-weight: normal;
    color: black;
    width:100%;
    background-color:#CFCFCF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #4B75C2;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	empty-cells:  show;
	/*height: auto !important;*/
}

.SQLTABLE thead
{
    font-weight: bold;
    font-family: Tahoma, Verdana;
    font-size: 7.5pt;
    color: black;
	text-align: left;
    width:100%;
    background-color:#BBBBBB;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.SQLTABLE th				{	border: solid 1px #5C5C5C;	}

.SQLTABLE tbody
{
    font-family: Tahoma, Verdana;
    font-size: 7.5pt;
    font-weight: normal;
    color: black;
	text-align: left;
    width:100%;
    background-color:#CFCFCF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #363636;
	border-spacing: 1px;
	empty-cells:  show;
}

.SQLTABLE td				{	border: solid 1px #363636;	}
th.SQLTABLE					{	border: solid 1px #363636;	}

.SQLTABLEGreenBar		{	background-color: #CFE9D0;	 }
.SQLTABLEGrayBar		{	background-color: #DBDBDB;	}

.SQLTABLERowSelect		{	background-color: #71B8FF;	 }

.SQLTABLE input			{	font-size: 7pt;	color: blue;	font-family: Verdana, Tahoma, Arial;	 	text-align: left;	 padding:2px 1px 2px 1px;	border: 2px inset gray;	}


/* ---------------------------------------------------------------------------------------------

      STYLES FOR SQL TABLES OF DATA

--------------------------------------------------------------------------------------------- */

.SQLSTATS
{
    font-family: Tahoma, Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: black;
    width:100%;
    background-color:#CFCFCF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #4B75C2;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	empty-cells:  show;
}

.SQLSTATS thead
{
    font-weight: bold;
    font-family: Tahoma, Verdana;
    font-size: 8.5pt;
    color: black;
	text-align: left;
    width:100%;
    background-color:#BBBBBB;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}

.SQLSTATS th
{
	border: solid 1px #5C5C5C;
	padding: 2px 4px 2px 2px;
}

.SQLSTATS tbody
{
    font-family: Tahoma, Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: black;
	text-align: left;
    width:100%;
    background-color:#CFCFCF;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border: solid 1px #363636;
	border-spacing: 1px;
	empty-cells:  show;
}

.SQLSTATS td
{
	border: solid 1px #6E6E6E;
	padding: 2px 2px 2px 2px;
}
th.SQLSTATS					{	border: solid 1px #6F6F6F;	}


/* ---------------------------------------------------------------------------------------------

      PANEL STYLES

--------------------------------------------------------------------------------------------- */

.PANEL
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	background-color: #B3CAEC;
	text-align:left;
	padding: 0px;
    border: 1px solid black;
	margin: 0px;
}

.PANELELEMENT
{
    position:absolute;
	padding:2px 1px 2px 1px;
}
.LABEL
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	text-align: right;
}
.LABELAREA
{
	font-size: 8.5pt;
	color: #333333;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	text-align: left;
}
.LABELREF
{
	font-size: 7.5pt;
	color: #404040;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	text-align: left;
}
.LABELNOTE
{
	font-size: 7.5pt;
	color: #555555;
	font-family: Verdana, Tahoma, Arial;
	font-weight: normal;
	text-align: left;
}
.REQUIRED
{
	font-size: 7pt;
	color: red;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	text-align: left;
	vertical-align:text-top;	/* baseline, sub, super, top, text-top, middle, bottom, text-bottom */
}
.LABELHEADER
{
	font-size: 10pt;
	color: #4E4E27;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
}
.TEXTBOX
{
	font-size: 8pt;
	color: blue;
	font-family: Verdana, Tahoma, Arial;
	text-align: left;
    border: 1px inset black;
	background-color: white;
	/*text-transform: uppercase;*/
}
input.TEXTBOX[disabled="true"]
{
    border: 1px inset gray;
	background-color: #D1D1E9;
}
.TEXTARIA
{
	font-size: 8pt;
	color: blue;
	font-family: Verdana, Tahoma, Arial;
	text-align: left;
    border: 1px inset black;
	background-color: white;
	/*text-transform: uppercase;*/
}
.TEXTARIA[disabled="true"]
{
    border: 1px inset gray;
	background-color: #D1D1E9;
}
.CHECKBOX
{
	font-size: 8pt;
	font-family: Verdana, Tahoma, Arial;
	text-align: left;
	padding: 0px;
	vertical-align: middle;
}
input.CHECKBOX[disabled="true"]
{
    border: 1px inset gray;
	background-color: #D1D1E9;
}
.DROPDOWN
{
	font-size: 8pt;
	color: blue;
	font-family: Verdana, Tahoma, Arial;
	text-align: left;
    border: 1px inset black;
	background-color: white;
}
.DROPDOWN[disabled="true"]
{
    border: 1px inset gray;
	background-color: #D1D1E9;
}
.LISTBOX
{
	font-size: 8pt;
	color: blue;
	font-family: Verdana, Tahoma, Arial;
	text-align: left;
    border: 1px inset black;
	background-color: white;
}
.LISTBOX[disabled="true"]
{
    border: 1px inset gray;
	background-color: #D1D1E9;
}
.BUTTON
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	text-align: center;
	border: 2px outset black;
}
input.BUTTON[disabled="true"]
{
	background-color: #D1D1E9;
}
.FIXEDWIDTHLABEL
{
	font-size: 10pt;
	color: black;
	font-family: Tahoma, Fixed, monospace;
	font-style: normal;
	text-align: left;
}
.FIXEDWIDTH
{
	font-size: 10pt;
	color: blue;
	font-family: Fixed, monospace;
	font-style: normal;
	text-align: left;
    border: 1px inset black;
	background-color: white;
	background: #FFFFFF url('images/inpage/TextBoxBackground.gif') no-repeat top left;
}
input.FIXEDWIDTH[disabled="true"]
{
    border: 1px inset gray;
	background-color: #D1D1E9;
}


/* ---------------------------------------------------------------------------------------------

      PRINTING STYLES

--------------------------------------------------------------------------------------------- */

@page Portrait						{  size: letter portrait;/* width height  8.5in x 11in(Letter)    210mm x 297mm (A4)  8.5in x 14in(Legal) */}

.PageBreakAuto .Before			{/*  Insert a page break before the element if necessary  */    page-break-before: auto;}
.PageBreakAlways .Before		{/*  Insert a page break before the element  */	     page-break-before: always;}
.PageBreakAvoid .Before		{/*  Avoid inserting a page break before the element  */    page-break-before: avoid;}
.PageBreakAuto .After			{/*  Insert a page break before the element if necessary  */    page-break-after: auto;}
.PageBreakAlways .After		{/*  Insert a page break before the element  */    page-break-after: always;}
.PageBreakAvoid .After			{/*  Avoid inserting a page break before the element  */    page-break-after: avoid;}


/* ---------------------------------------------------------------------------------------------

      REPORTING STYLES

--------------------------------------------------------------------------------------------- */

/* REPORT PARAMETER PROMPTING */
.ReportPrompt	{	font-size: 9pt;	color: black;	font-family: Verdana, Tahoma, Arial;		font-weight: normal;	text-align: right;}
.ReportField		{	font-size: 9pt;	color: black;	font-family: Verdana, Tahoma, Arial;	background-color: #FFFF80;	font-weight: bold;	text-align: left;	border: 1px solid gray; text-transform: uppercase;}

/*  REPORTING MODULE */
.ReportsMenu						{	font-family: verdana, helvetica, arial;	font-size: 12pt;	font-weight: normal;margin-left:50px;}
.ReportsMenu UL LI				{	list-style-type:	circle;	font-family: verdana,helvetica,arial;	font-size: 1em;		font-weight: bold;}
.ReportsMenu UL LI UL 			{	margin-left:25px;}
.ReportsMenu UL LI LI 			{	list-style-type:	disc;		font-family: verdana, helvetica, arial;	font-size: .85em;	font-weight: normal;margin-left:25px;}
.ReportsMenu UL LI:hover				{	cursor: pointer;}
.ReportsMenu UL LI UL:hover			{	cursor: pointer;}

/* LOGIN PARAMETER PROMPTING */
.LoginPrompt	{	font-size: 9pt;	color: black;	font-family: Verdana, Tahoma, Arial;		font-weight: normal;	text-align: right;}
.LoginField		{	font-size: 9pt;	color: black;	font-family: Verdana, Tahoma, Arial;	background-color: #FFFF80;	font-weight: bold;	text-align: left;	border: 1px solid gray; }



/* ---------------------------------------------------------------------------------------------

      GENERAL USE STYLES

--------------------------------------------------------------------------------------------- */

.left	{	text-align: left;	 }
.center	{	text-align: center;	 }
.middle	{	margin-left:auto;	margin-right:auto;	 }		/* A width style must be specificed in conjunction */
.right	 {	text-align: right;	}
.top	{	vertical-align: top;	}
.middle { vertical-align: middle; }
.bottom	{	vertical-align: bottom;	}

.bold { font-weight:Bold; }
.nowrap	 {	white-space: nowrap;	}
.indented	{ padding-left: 10pt; text-indent: -10pt; }	 /* 					<div class="indented" style="display: block;"> ...  </div>  */

.clip	{	overflow: hidden;	}
.hide { display:none; width: 0px; }

.largest		{	font-size: 1.5em; }
.larger		{	font-size: 1.125em;	}
.large		{	font-size: 1.0625em;	 }
.normal		{	font-size: 1em;		 }
.small		{	font-size: .9em;	 }
.smaller	{	font-size: .8em; }
.smallest	{	font-size: .750em;	 }
.tiny			{	font-size: .60em;	 }

.uppercase {text-transform:uppercase}
.capitalize {text-transform:capitalize}
.lowercase {text-transform:lowercase}
.underline {text-decoration:underline}
.overline {text-decoration:overline}
.linethrough {text-decoration:line-through}
.blink {text-decoration:blink}
.smallroundcorner {-moz-border-radius: 5px; border-radius: 5px;}
.roundcorner {-moz-border-radius: 15px; border-radius: 15px;}
.shadow {-moz-box-shadow: 10px 10px 5px #888888; -webkit-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888;}

.red		{color: red;}
.orange	 {color: #FF6600}
.green	{color:green;}
.yellow	{color:yellow;}
.blue		{color:#5555FF;}
.purple	{color:#8000FF;}

/* Cursor Types */
.cursorauto			{ cursor:auto; }
.cursorpointer		{ cursor:pointer; }
.cursorwait			{ cursor:wait; }
.cursortext			{ cursor:text; }
.cursorcrosshair		{ cursor:crosshair; }
.cursormove			{ cursor:move; }
.cursordefault		{ cursor:default; }
.cursorhelp			{ cursor:help; }

/* ---------------------------------------------------------------------------------------------

      CHARTING STYLES

--------------------------------------------------------------------------------------------- */

.chart {outline: 2px inset gray; font: 8pt Tahoma; background-color:#EFEFEF;}
.chart td {width: 12px; text-align: center; vertical-align: bottom;}
.chart .bar {width:6px; background-color:#008FD5; border: 1px solid #005984;}