/*///////////////////////////////////////////////////*/
/*   CYGNUSTRACKIT.CSS - CREATED BY CYGNUS ONLINE   */
/*   			VERSION 1.0 03/28/2005      		 */
/*///////////////////////////////////////////////////*/

/*--------------------------*/
/*         LINKS            */
/*--------------------------*/

/* APP LINK COLORS */
a:link		{ color: #0000CC; }
a:visited	{ color: #444477; }
a:active	{ color: #CCCC66; }
a:hover		{ color: #CC6633; }

/*--------------------------*/
/*       LOGIN SCREEN       */
/*--------------------------*/

body#LoginPage {
	background-color: #EFEDEA;
}

#LoginFormTable
{
	background-image: url(../images/deco_login_bkg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 50px;
}

.LoginFormButton
{
	margin-left: 7px;
}

#LoginErrorMessage
{
	padding-top: 10px;
	font-weight: bold;
	color: #cc3300;
}

/*--------------------------*/
/*   APPLICATION GLOBAL     */
/*--------------------------*/

body
{
	margin:0px 0px 0px 0px;
	background-color: #EFEDEA;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
}

td
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

/* RATHER THAN SET MARGINS ON THE BODY TAG, WE'LL WRAP CONTENT IN MARGINWRAPPER AND SET THEM HERE */
#MarginWrapper
{
	width: 100%;
	margin: 0 5px 0 5px;
}

/* FORM TEXT HEADLINE */
.FormTitle {
		overflow: hidden;
		background-color: #A8CF7E;
		border: 1px solid #88AE5E;
		border-top: 1px solid #E2EFD3;
		border-left: 1px solid #E2EFD3;
		margin-bottom: 10px;
		font: bold 16px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
		padding: 0 0 0 8px;
		color: #FFFFFF;
}

.FormDescription{
	margin:3px 0px 3px 0px;
	font-size:12px;
}

/* FORM CONTROLS */
input.field {
	border: 1px inset #CCCCCC;
	background-color: #FFFFFF;
}

input.button {
		padding: 1px;
		background-color: #D4D0C8;
		font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#B8B8BB,EndColorStr=#F4F4F8);
		color: #000000;
}

.textcontrol { 
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
}

/* TABLE TEXT HEADLINE */
.TableTitle {
		overflow: hidden;
		background-color:#84A9DE;
		padding:3px 5px 3px 5px;
		border-bottom: 1px solid #939393;
		border-left: 6px solid #446495;
		margin-bottom: 2px;
		font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
		color: #E6EDF9;
}

.tablehead	
{
	background-color: #D9D9D9;
	font: 10pt Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FAFAFD,EndColorStr=#D1D1D5);
}

.tablehead td
{
	padding:3px 0px 3px 3px;
	border-bottom: 3px solid #CCCCCC;
}

.tablehead td:hover
{
	border-bottom: 3px solid #EFD7B1;
}

.altrow		{ background-color: #F8F8F8; }

.selectedtrow	{ background-color: #C8D9E6; }

/* PANEL TABLE WINDOW-LIKE EFFECT */
.TablePanel {
	    width:100%;
	    border-top:1px solid #C4D2EA;
	    border-right:3px solid #939393;
	    border-bottom:3px solid #939393;
	    border-left:1px solid #AFAFAF;
	    margin-bottom: 10px;
	    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F9F9F3,EndColorStr=#DADCCD);
}

.TablePanel table {
	    margin: 5px;
}

/* ORGANIZATION ICON IMAGE 32X32 ON DASHBOARD */
.OrganizationIcon
{
	    border: 1px solid #CCCCCC;
	    float: left;
	    margin-right: 6px;
}

/* ORGANIZATION ICON IMAGE ON HEADER OF MAP SCREEN */
.OrganizationIconHeader
{
         border: 1px solid #666666;
         margin-right: 6px;
         vertical-align: -6px;
         filter:alpha(opacity=60);
         opacity: 0.7;
}

/* ORGANIZATION ICON IMAGE ON HEADER OF MAP SCREEN - MOUSE HOVER STATE */
.OrganizationIconHeaderHover
{
         border: 1px solid #666666;
         margin-right: 6px;
         vertical-align: -6px;
         cursor: pointer;
         filter:alpha(opacity=100);
         opacity: 1;
}

/* NOW THAT WE'VE ADDED THE ORG ICON TO THE HEADER, WE NEED TO VERTICALLY ALIGN A COUPLE OTHER HEADER ELEMENTS */
#PageHeader_ddlQuickMenu, a#PageHeader_lnkHelp img
{
         vertical-align: middle;
}

/* FORM INSTRUCTIONS SUBTEXT */
.SubText {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
}

.LinkItem {
	text-decoration:underline;
	cursor:hand;
}

/* CONTROL CAPTIONS */
.Label {
	margin-top: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
}

/* HTML CONTROLS  */
.Button		{
		padding: 1px;
		background-color: #D4D0C8;
		font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#B8B8BB,EndColorStr=#F4F4F8);
}

/* TABS */
.tab 		{
		border: 1px outset #FFFFFF;
		border-right: 1px solid #BBBBBB;
		background-color: #F5F5F8;
		text-align:center;
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#E0E9F5,EndColorStr=#84A9DE);
		height: 22px;
		padding-top: 3px;
		font: normal 8pt Tahoma, Verdana, Arial, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
}

a.tab:hover {
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DAE4F3);
}

.tabselected		{
		border: 1px inset #BBBBBB;
		background-color: #C8D9E6;
		text-align:center;
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#D8E3F3,EndColorStr=#F5F5F8);
		height: 22px;
		padding-top: 4px;
		font: bold 8pt Tahoma, Verdana, Arial, sans-serif;
		color: #000000;
		text-decoration: none;
}

/* MAP AREA */
.MapBox
{
	BORDER:#999 3px double;
	float:left;
}

.MapToolPanelOutter
{
	PADDING: 2px; 
	BORDER: #66667e 1px solid; 
	MARGIN-BOTTOM: 5px; 
	BACKGROUND-IMAGE: url(../images/pane-background.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	BACKGROUND-COLOR: #ffffff;		
	text-align:center;
}

.MapToolPanelLabel
{
	PADDING-BOTTOM: 2px; 
	FONT: bold 10px Tahoma, sans-serif;
	COLOR: #333333;
	text-align:left;
}

.MapToolPanelInner
{
	BORDER: #a8a9bb 1px solid; 
	BACKGROUND-COLOR: #e0dfe3
}

.MapMessageLabel
{
	background-color:#FF6600;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
}

/*  SLIDER CONTROL  */
.SliderMenuButtonView
{
	BORDER:1px solid #000000; 
	PADDING:0px; 
	Z-INDEX:150; 
	POSITION:absolute;
	VISIBILITY:hidden;
}

.SliderMenuContainer
{
	BORDER: 1px solid #000000;
	PADDING:0px; 
	FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F6F6FA,EndColorStr=#BDBDC5); 
}

.SliderMenuTable
{
	padding:0px 2px 0px 2px;
	FILTER: progid: DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F6F6FA,EndColorStr=#BDBDC5); 
	WIDTH: 20px; 
	HEIGHT: 70px;
}

.SliderMenuLabel
{
	FONT-SIZE: 12px; 
	LAYOUT-FLOW: vertical-ideographic; 
	TEXT-ALIGN: center;
	color:White;
	font-weight:bold;
}

.SliderMenuHeader
{
	font-size:14px;
	font-weight:bold;
	color:White;
}

/* FAD */
.FADBox
{
	border: 1px solid #AAAAAA;
}

/* PROGRESS BAR */

.Bar
{
		background-color: #A6BEE3
}

.Bar-bkg
{
		background-color: #EBEBF1;
}

.Bar-label
{
	background: none;
	position:absolute;
	width:100%;
	color:#000066;
	text-align:center;
	font-weight:normal;
	line-height:11px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

.InfoBox
{
	background-color: #FFFFDD;
	border: 1px solid #999999;
	padding: 5px;
}