/*
	------------------------------------------------------
	Author:			Anil Raghavan
	Created On:		Jan 29 2007
	Description:	Its a Stylesheet, that's all it is ...
	------------------------------------------------------
*/

body					{ background-color: #ffffff; }

/* Div on Master Page */
#div_Header				{ position: absolute; top: 0px; height: 60px; left: 0px; width: 100%; background-color: #336633; overflow: visible; padding-top: 10px; padding-left: 10px; }
#div_LogIn				{ position: absolute; top: 70px; height: 80%; left: 0px; width: 96%; background-color: #ffffff; text-align: center; }
#div_Menu				{ position: absolute; top: 90px; height: 200px; left: 10px; width: 220px; overflow: visible; background-color: #ffffff; }
#div_Content			{ position: absolute; top: 90px; height: 100%; left: 245px; width: 80%; overflow: visible; }
#div_ContextMenu		{ position: absolute; top: 300px; height: auto; left: 10px; width: 220px; overflow: visible; background-color: #ffffff; }

/* Divs on Contents Pages */
div.LeftContent			{ position: absolute; top: 26px; height: 80%; left: 0px; width: 30%; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.RightContent		{ position: absolute; top: 26px; height: 80%; left: 30%; width: 70%; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.Footer				{ position: absolute; top: 80%; height: 50px; left: 0px; width: 100%; overflow: hidden; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.LeftContentTop		{ position: absolute; top: 26px; height: 55%; left: 0px; width: 30%; overflow: auto; background-color: #eeeeee; border: solid 1px #666666; }
div.LeftContentBottom	{ position: absolute; top: 55%; height: 25%; left: 0px; width: 30%; overflow: auto; background-color: #eeeeee; border: solid 1px #666666; }d
div.LeftContentNarrow	{ position: absolute; top: 26px; height: 573px; left: 0px; width: 260px; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.RightContentWide	{ position: absolute; top: 26px; height: 573px; left: 263px; width: 635px; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }

/* Divs for Treeviews */
div.TallTree			{ height: 500px; overflow: scroll; }
div.MediumTallTree		{ height: 420px; overflow: auto; }
div.ShortTree			{ height: 300px; overflow: auto; }
div.VeryShortTree		{ height: 200px; overflow: auto; }

div.WideTree			{ width: 500px; overflow: auto; }
div.MediumWideTree		{ width: 380px; overflow: auto; }
div.NarrowTree			{ width: 300px; overflow: auto; }

/* Divs for Reports */
div.ReportTree			{ position: absolute; top: 26px; height: 40%; left: 0px; width: 30%; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.ReportCalendar		{ position: absolute; top: 26px; height: 40%; left: 30%; width: 70%; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.ReportHeader		{ position: absolute; top: 40%; height: 4%; left: 0px; width: 100%; overflow: auto; background-color: #aaaaaa; border: solid 1px #aaaaaa; } 
div.ReportData			{ position: absolute; top: 44%; height: 520px; left: 0px; width: 100%; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; text-align: center; } 
div.ReportFooter		{ position: absolute; top: 600px; height: 50px; left: 0px; width: 1098px; overflow: hidden; background-color: #eeeeee; border: solid 1px #aaaaaa; }

/* TEMP */
div.ReportTree2			{ position: absolute; top: 26px; height: 250px; left: 0px; width: 410px; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.ReportCalendar2		{ position: absolute; top: 26px; height: 250px; left: 413px; width: 585px; overflow: hidden; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.ReportMessages2 	{ position: absolute; top: 290px; height: 35px; left: 0px; width: 998px; overflow: auto; background-color: Transparent; border: solid 0px #aaaaaa; text-align: center; z-index:1; } 
div.ReportChart2 	    { position: absolute; top: 330px; height: 510px; left: 0px; width: 998px; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; text-align: center; } 
div.ReportMap2			{ position: absolute; top: 850px; height: 600px; left: 0px; width: 998px; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; text-align: center; } 
/* TEMP */


/* A */
a						{ font-family: Arial; font-size: 10pt; color: #000000; text-decoration: none; letter-spacing: 1px; }
a:Hover					{ font-family: Arial; font-size: 10pt; color: #009900; text-decoration: none; letter-spacing: 1px; }
a.Light					{ font-family: Arial; font-size: 10pt; color: #ffffff; text-decoration: none; letter-spacing: 1px; }
a.Light:Hover			{ font-family: Arial; font-size: 10pt; color: #ffffff; text-decoration: underline; letter-spacing: 1px; }

/* Table */
#tbl_LogIn				{ position: relative; left: 25%; top: 200px; width: 550px; height: 290px; background-image: url(Images/Backgrounds/LogInBack.jpg); letter-spacing: 1px; }
#tbl_LogInMessages		{ position: relative; left: 43%; top: 180px; letter-spacing: 1px; }

table.Form				{ text-align: center; width: 100%; height: auto; background-color: #dedede; border: solid 0px #aaaaaa; letter-spacing: 1px; }

/* Rows */
.Row1					{ background-color: #666666; font-family: Arial; font-size: 11pt; font-weight: bold; color: #ffffff; height: 25px; letter-spacing: 1px; vertical-align: top; padding-left: 10px; }
.Row2					{ background-color: #aaaaaa; font-family: Arial; font-size: 10pt; font-weight: bold; color: #000000; height: 29px; letter-spacing: 1px; vertical-align: top; padding-left: 10px; }
.Row3					{ background-color: #eeeeee; font-family: Arial; font-size: 10pt; font-weight: normal; color: #000000; height: 20px; vertical-align:top; letter-spacing: 1px; vertical-align: top; }
.Row4					{ background-color: #ddeedd; font-family: Arial; font-size: 10pt; font-weight: normal; color: #000000; height: 20px; vertical-align:top; letter-spacing: 1px; vertical-align: top; }
.SmallRow4				{ background-color: #ddeedd; font-family: Arial; font-size: 8pt; font-weight: normal; color: #000000; height: 20px; vertical-align:top; letter-spacing: 1px; vertical-align: top; }

/* Table Cells */
.SummaryLabel			{ width: 150px; font-family: Arial; font-size: 10pt; font-weight: bold; text-align: left; }
.SummaryValue			{ width: 100px; font-family: Arial; font-size: 10pt; text-align: center; }

/* TextBox */
.UserTextBox			{ font-family: Arial; font-size: 10pt; font-weight: bold; width: 250px; letter-spacing: 1px; }

/* Text Colors */
.Light					{ color: #ffffff; }
.NearLight				{ color: #eeee00; }
.Medium					{ color: #666666; }
.Dark					{ color: #000000; }

/* Text Size */
.Small					{ font-family: Arial; font-size: 9pt; font-weight: normal; letter-spacing: 1px; }
.Normal					{ font-family: Arial; font-size: 10pt; font-weight: normal; letter-spacing: 1px; }
.SmallTitle				{ font-family: Arial; font-size: 10pt; font-weight: bold; letter-spacing: 1px; }
.MediumTitle			{ font-family: Arial; font-size: 11pt; font-weight: bold; letter-spacing: 2px; }
.LargeTitle				{ font-family: Arial; font-size: 13pt; letter-spacing: 3px; }
.VeryLargeTitle			{ font-family: Arial; font-size: 20pt; letter-spacing: 4px; }

/* Labels */
#lbl_Messages			{ background-color: Transparent; border-style: none; width: auto; font-family:Arial; font-size: 11pt; font-weight: bold; color: #ff0000; text-align: left; }
.Message				{ background-color: Transparent; border-style: none; width: auto; font-family:Arial; font-size: 11pt; font-weight: bold; color: #ff0000; text-align: left; }

/* ListBoxes & DropDowns */
.ListBoxTall			{ height: 380px; background-color: Transparent; }
.ListBoxMediumTall		{ height: 290px; background-color: Transparent; }
.ListBoxShort			{ height: 200px; background-color: Transparent; }

.ListBoxWide			{ width: 390px; background-color: Transparent; }
.ListBoxMediumWide		{ width: 250px; background-color: Transparent; }
.ListBoxNarrow			{ width: 200px; background-color: Transparent; }

/* Link Buttons */
.LinkButton				{ font-family: Arial; font-size:10pt; color: #0000ff; text-decoration: none; text-align: center; letter-spacing: 1px; }
.LinkButton:hover		{ font-family: Arial; font-size:10pt; color: #0000ff; text-decoration: underline; text-align: center; letter-spacing: 1px; }
.LinkButton2			{ font-family: Arial; font-size:10pt; color: #0000ff; text-decoration: underline; text-align: center; letter-spacing: 1px; }
.LinkButton2:hover		{ font-family: Arial; font-size:10pt; color: #0000ff; text-decoration: underline; text-align: center; letter-spacing: 1px; }
.BoxLinkButton			{ font-family: Arial; font-size:10pt; color: #000000; text-decoration: none; text-align: center; letter-spacing: 1px; border: solid 1px #666666; padding: 4px 15px 4px 15px; }
.BoxLinkButton:hover	{ font-family: Arial; font-size:10pt; color: #000000; text-decoration: none; text-align: center; letter-spacing: 1px; border: solid 1px #666666; padding: 4px 15px 4px 15px; background-color: #ffffff; }

/* Drop Down */
.DropDown				{ width: 250px; border-style: none; background-color: #ffffff; border: solid 1px #999999;} 
.MediumDropDown			{ width: 310px; border-style: none; background-color: #ffffff; border: solid 1px #999999;}



/*
	------------------
	SST Data Community
	------------------
*/
div.DataCommHeader			{ position: absolute; top: 000px; left: 0000px; width: 1100px; height: 25px; overflow: auto; background-color: #999999; border: solid 1px #aaaaaa; }

div.DataCommFilters			{ position: absolute; top: 030px; left: 0000px; width: 310px; height: 500px; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
.DataCommFilterDropDown		{ width: 295px; background-color: #ffffff; border: solid 1px #aaaaaa; }
.DataCommFilterSmallText	{ font-family: Arial; font-size: 8pt; }

div.DataCommMap				{ position: absolute; top: 030px; left: 315px; width: 0785px; height: 500px; overflow: auto; border: solid 1px #aaaaaa; }
div.DataCommMapLegend		{ position: absolute; top: 380px; left: 1040px; width: 0060px; height: auto; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; z-index:1; }

div.DataCommTableTab		{ position: absolute; top: 545px; left: 0000px; width: 1100px; height: 30px; overflow: hidden; background-color: Transparent; border-style: none; }
div.DataCommTable			{ position: absolute; top: 535px; left: 0000px; width: 1100px; height: auto; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
div.DataCommMultiTable		{ position: absolute; top: 575px; left: 0000px; width: 1100px; height: 350px; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }
table.DataCommTable			{ text-align: center; width: 1100px; height: auto; background-color: #dedede; border: solid 0px #aaccaa; letter-spacing: 1px; }
.DataCommDataRow0			{ font-size: 10pt; color: #000000; font-family: Arial; font-weight: bold; word-spacing: 2pt; background-color: #aaccaa; }
.DataCommDataRow1			{ font-size: 10pt; color: #000000; font-family: Arial; font-weight: normal; word-spacing: 1pt; height: 30px; border: solid 1px #aaaaaa; }

.DataCommThemeClass0		{ background-color: #999999; }
.DataCommThemeClass1		{ background-color: #ff3333; }
.DataCommThemeClass2		{ background-color: #ff8800; }
.DataCommThemeClass3		{ background-color: #ffff33; }
.DataCommThemeClass4		{ background-color: #33ff33; }
.DataCommThemeClass5		{ background-color: #008800; }


div.DataCommChart			{ position: absolute; top: 635px; left: 0000px; width: 01100px; height: 400px; overflow: auto; background-color: #eeeeee; border: solid 1px #aaaaaa; }