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

BODY
{
    BACKGROUND-COLOR: white;
    font-family: arial, helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}
SPAN {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif
}
P 
{
	margin: 0px 0px 8px 0px;
	padding: 2px;
	}

P.pl 
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
    margin: 0px 0px 0px 0px;
	padding: 2px;
}

H1	{	
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #555555; FONT-STYLE: normal; FONT-FAMILY: arial,  helvetica, sans-serif;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	border-bottom: 1px solid #000000;
	}	
		
H2	{	
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #444444; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif
	}	
		
H3	{	
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif
	}	
		
H4	{	
	FONT-WEIGHT: bold; FONT-SIZE: 6pt; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif
	}	
		
H5, DT	{	
	font-family: arial, helvetica, sans-serif;
	font-size:	1em;
	font-weight:700;
	font-style:	normal;
	text-decoration: none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: arial, helvetica, sans-serif;
	font-size:	.8em;
	font-weight: 700;
	font-style:	normal;
	text-decoration: none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	

.ServiceLink {text-decoration:	underline;}

A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	font-weight:bold;
	
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	font-weight:bold;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	font-weight:bold;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	font-weight:bold;
	}
	
		
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

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

UL LI	{	
	list-style-type: square ;
	margin :0px 0px 5px 0px;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	margin :0px 0px 5px 0px;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	
	}
		
LI 
{
	margin :0px 0px 0px 0px;
	}


.imgClick 
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	cursor: hand;
}

IMG 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
	}	
	

		
div, span
{
	font-family: arial, helvetica, sans-serif;
	font-size:x-small
	
}

.h1 {
	FONT-SIZE: 130%; MARGIN: 24px 0px 0px; LINE-HEIGHT: 1.1em; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.content_box_white {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FILTER: alpha(opacity=100); BACKGROUND-IMAGE: url(login/img/box_white.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat
}
TD.white_tl {
	FILTER: alpha(opacity=50); BACKGROUND-IMAGE: url(login/img/border_white_tl.gif); WIDTH: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 10px; moz-opacity: .50; opacity: .50
}
TD.white_tr {
	FILTER: alpha(opacity=50); BACKGROUND-IMAGE: url(login/img/border_white_tr.gif); WIDTH: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 10px; moz-opacity: .50; opacity: .50
}
TD.white_bl {
	FILTER: alpha(opacity=50); BACKGROUND-IMAGE: url(login/img/border_white_bl.gif); WIDTH: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT:  10px; moz-opacity: .50; opacity: .50
}
TD.white_br {
	FILTER: alpha(opacity=50); BACKGROUND-IMAGE: url(login/img/border_white_br.gif); WIDTH: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 10px; moz-opacity: .50; opacity: .50
}
TD.white_t {
	FILTER: alpha(opacity=50); BACKGROUND-IMAGE: url(login/img/border_white_t.gif); BACKGROUND-REPEAT: repeat; moz-opacity: .50; opacity: .50
}
TD.white_r {
	FILTER: alpha(opacity=50); BACKGROUND-IMAGE: url(login/img/border_white_r.gif); BACKGROUND-REPEAT: repeat; moz-opacity: .50; opacity: .50
}
TD.white_b {
	FILTER: alpha(opacity=50); BACKGROUND-IMAGE: url(login/img/border_white_b.gif); BACKGROUND-REPEAT: repeat; moz-opacity: .50; opacity: .50
}
TD.white_l {
	FILTER: alpha(opacity=50); BACKGROUND-IMAGE: url(login/img/border_white_l.gif); BACKGROUND-REPEAT: repeat; moz-opacity: .50; opacity: .50
}
	
div.text
	{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 0px 5px 0px 0px;
	padding: 2px;
	}	

div.legend
	{
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 1px;
	}
		
div.Msg
{
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight:  bold;
	color: #555555;
	text-decoration: none;
	margin: 0px 5px 0px 10px;
	padding: 2px;
	}
	
div.box
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
	text-decoration: none;
	padding: 0;
	border-width: 1;
	border-color: #000000;
	border-style: ridge;
	}
	
h1.title
{
	font-family: arial, helvetica, sans-serif;
	font-size: 14pt;
	font-weight:  bold;
	color: #555555;
	text-indent: 0px;
	background-color: #ffffff;
}

div.indent
{
	margin: 0px 0px 8px 8px;
	padding: 2px;	
	}
	
div.title
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight:  bold;
	color: #555555;
	text-indent: 5px;

}

div.title1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight:  bold;
	color: #555555;
	text-indent: 5px;
	border-bottom:solid 1px black;
}
	
div.normal
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-indent: 5px;
	margin: 0px 0px 0px 0px;
	}

div.normal_10
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px  6px 10px;
	}	

.trendLhin 
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Gray;
	/*margin: 0px 0px 0px 10px;*/
	position: absolute; width:400; height:10; top:107; left:22;
	}

.trendLhinMonthly
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: Gray;
	/*margin: 0px 0px 0px 10px;*/
	position: absolute; width:400; height:10; top:320; left:22;
	}
		
div.subtitle
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-indent: 5px;
	margin: 5px 0px 5px 0px;
	}

div.bgColor
{
	background-color:#c2c2d2;

}

div.LocationbgColor
{
	background-color:#c2c2d2;
	border-left:solid 1px black;
	border-top:solid 1px black;
	border-right:solid 1px black;
}
.button 
{

	FONT-WEIGHT: bold; FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-STYLE:  normal; 
	FONT-FAMILY: arial, helvetica, sans-serif; 
	margin: 3px 2px 3px 0px;
	BACKGROUND-COLOR: #B8B9D0;
	border-left:solid 1px black;
	border-top:solid 1px black;
	border-right:solid 1px black;
	}
/*
.button {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-STYLE: normal; 
	FONT-FAMILY: arial, helvetica, sans-serif; 
	margin: 3px 2px 3px 0px;
	BACKGROUND-COLOR: #ffcc33;
}	
*/
.control
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-indent: 10px;
	}
table.dataTrend {
	cellpadding: 0;
	cellspacing: 0;
	border: 0;
	width: 440px;
	
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 9pt;
}

table.servicegroup {
	cellpadding: 0;
	cellspacing: 0;
	border: 0;
	width: 640px;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 9pt;
}

.tablehead1
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 11pt;
	color: #ffffff;
	background-color: #000044;
	text-align: left;
	padding: 3px 8px 2px 8px;
	}
	
.tablehead2
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	background-color: #666699;
	text-align: left;
	padding: 3px 8px 2px 8px;
	}

.tableheadMedian
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	background-color: #8d8eb3;
	text-align: left;
	padding: 3px 8px 2px 8px;
	}
	
.tablehead3
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
	background-color: #000044;
	text-align:  left;
	padding: 3px 8px 2px 8px;
	}

.tablePriority_Heading
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight:  bold;
	font-size: 11pt;
	color: #000000;
	vertical-align:middle;
	padding: 3px 8px 2px 8px;
	}


.tablePriority
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight:  bold;
	font-size: 9pt;
	color: #000000;
	background-color: #dddddd;
	vertical-align:middle;
	padding: 3px 8px 2px 8px;
	}

.tablePriority_Detail
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight:  normal;
	font-size: 9pt;
	color: #000000;
	background-color: #ffffff;
	vertical-align:middle;
	border: solid 1px;
	padding:  3px 8px 2px 8px;
	}
	
.tablePriority_Detail_sub
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight:  normal;
	font-size: 9pt;
	color: #000000;
	background-color: #ffffff;
	vertical-align:middle;
		padding:  3px 0px  2px 0px;
	}
		
.tablerow0 { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 3px; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif; TEXT-ALIGN: left }

.tablerow1 {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 3px; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: left
}

.tablerow2
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	background-color: #dddddd;
	text-align: left;
	padding: 3px 8px 2px 8px;
	}
	
.tablerow3
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	background-color: #dddddd;
	text-align: left;
	padding: 3px 8px 2px 8px;
	}

.tablerow4
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	background-color: #dddddd;
	text-align: left;
	padding: 5px 8px 5px 8px;
	}

.tablerow5
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	background-color: #dddddd;
	text-align: left;
	padding: 3px 8px 2px 15px;
	}	

.tablerow6
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight:  bold;
	font-size: 9pt;
	color: #000000;
	background-color: #b8b9d0;
	text-align: left;
	padding: 3px 8px 2px 8px;
	}
	
.tablerow7
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight:  bold;
	font-size: 9pt;
	color: #000000;
	background-color: #b8b9d0;
	text-align: left;
	padding: 3px 8px 2px 8px;
	}

.tablerow8
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	padding: 5px 8px 5px 8px;
	}	
	
td.resourcebar_p {
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 8px; FONT-STYLE: normal; FONT-FAMILY: arial, helvetica, sans-serif; BACKGROUND-COLOR: #dedeea
}
		
td.listbox
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	background-color: #eeeeee;
	padding: 2px 8px 2px 8px
	}	

td {
	FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}	

.Trend1
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 8pt;
	color: #ffffff;
	background-color: #666699;
	text-align: left;
	padding: 0px  0px 1px 5px;
	}

.Trend2
	{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 8pt;
	color: #ffffff;
	background-color: #8d8eb3;
	text-align: left;
	padding: 0px 0px 1px 5px;
	}
	
.note 
{
	background-color:#d9e0f9;
	border:solid 1px black;
	padding: 5px;}
	
.ErrMsg
{	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	 color:Red;
	}

#dImg {position: absolute; width:400; height:80; top:40; left:355;}

#dprint {position: absolute; width:640; height:80; top:7; left:20;}
#dEmail {position: absolute; width:640; height:80; top:7; left:120;}

#banner {position:relative; width:640; height:auto}

#service {position:absolute; width:640; left: 10px; height:auto; top:80px; border-left:solid 1px black; border-top:solid 1px black; border-right:solid 1px black; }
#leftcolumn { position: absolute; height:342; width: 240px; left: 10px; top:140px; border-left:solid 1px black; border-bottom:solid 1px black;}
#rightcolumn { position: absolute; height:340; width: 400px; left: 250px; top:140px; border-right:solid 1px black; border-bottom:solid 1px black;}
#location { position:absolute; width:640; height:100; left: 10px; top:485px}
#bottom {position:absolute; width:640; height:100; left: 10px; top:690px}

#fn_service {position:absolute; width:640; left: 10px; height:auto; top:90px; border-left:solid 1px black; border-top:solid 1px black; border-right:solid 1px black; }
#fn_leftcolumn { position: absolute; height:368; width: 240px; left: 10px; top:150px; border-left:solid 1px black; border-bottom:solid 1px black;}
#fn_rightcolumn { position: absolute; height:350; width: 400px; left: 250px; top:150px; border-right:solid 1px black; border-bottom:solid 1px black;}
#fn_location { position:absolute; width:640; height:100; left: 10px; top:523px}
#fn_bottom {position:absolute; width:640; height:100; left: 10px; top:743px}

#MapPos { position: absolute; width:541; height:362; top:145; left:15;}
#MapEnMenu { position: absolute; width:541; height:auto; top:510; left:20;}

#fr_MapPos { position: absolute; width:541; height:360; top:175; left:15;}
#fr_MapEnMenu { position: absolute; width:541; height:auto; top:535; left:20;}

#Trendclose {position: absolute; width:100; height:80; top:5; left:430;}
#close {position: absolute; width:100; height:80; top:5; left:540;}
#home {position: absolute; width:640; height:80; top:5; left:430;}

#fr_close {position: absolute; width:640; height:80; top:5; left:550;}
#fr_home {position: absolute; width:640; height:80; top:5; left:405;}

#logo { background-color:#c2c2d2; bottom:5; color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
    border-bottom:solid 1px black;}

#logo1 
{   background-color:#c2c2d2; bottom:5; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	border-left:solid 1px black; 
	border-right:solid 1px black; 
	border-bottom:solid 1px black;/*border-top:solid 1px black;*/
}	

/* Tab Menu ELEMENTS : Gim created : 14th Nov 2005*/
.outerBoxTable, .outerWideBoxTable {
   padding-left: 0px;
   
}


.pageTabsTable {
   margin-bottom: 5px;
}

.flyoutMenu {
	background-color: #F1F1F1;
	border-color: #999999;
	border-width: 0 0 1px 0;
	border-style: solid;
	}
	
.tabsNoCell {
   border-bottom: 1px solid #bbbbbb;
}

.tabsOnCell, .tabsOffCell {
   font-size: 12px;
   font-weight: bold;
   padding-left: 11px;
   padding-right: 11px;
   padding-top: 4px;
   padding-bottom: 4px;
   border-left: 1px solid #bbbbbb;
   border-right: 1px solid #bbbbbb;
   border-top: 1px solid #bbbbbb;
}

.tabsOffCell A, .tabsOffCell A:link, .tabsOffCell A:active,
.tabsOffCell A:visited, .tabsOffCell A:hover {
   font-size: 12px;
   font-weight: bold;
   color: #0A6CCE;
}
/*#cbd1d2
.tabsOffCell {
   filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#A3B5F7', startColorstr='#FFFFFF', gradientType='0');
}*/

.tabsOffCell 
{
	background-color: #A3B5F7;}		
	
.dSHeader
{
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
   padding-bottom: 4px;
	}