/* Copyright (c) 2007, Envapower Inc. All rights reserved. */

/*
*  This file contains global styles for the application
*/


/* Defines some basic tag level styles */
body
{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family:Tahoma;
	font-size:11px;
	color:#000066;
}
td
{	
	font-family:Tahoma;
	font-size:11px;
	color:#000066;
}
a
{
	color:#0000FF;
	text-decoration:none;
}
a:hover
{
	color:#000066;
	text-decoration:none;
}
select
{
	font-family:Tahoma;
	font-size:11px;
	color:#000066;
}
input
{
	font-family:Tahoma;
	font-size:11px;
	color:#000066;
}

/* Define custom styles */
/* Used on the Main Menu */
.menu 
{
    background-color:#DDECFE;
    border-color:#112693;
    border-spacing:0px;
    border-style:solid;
    border-width:1px;
    color:#000066;
    font-size:11px;
    font-weight:normal;
    padding:0px;
    text-align:left;
}
/* The menu container */
.menuContainer
{
	
}

/* Used on the Main Menu */
.menu a
{
    color:#000066;
    display:block;
    width:100%;
}
/* Used on the Main Menu */
.menuItem
{
    background-color:#DDECFE;
    border-spacing:0px;
    color:#000066;
    font-size:11px;
    padding-bottom:1px;
    padding-left:3px;
    padding-right:1px;
    padding-top:2px;
}
/* Used on the Main Menu */
.menuItem a
{
    color:#000066;
}
/* Used on the Main Menu */
.menuItemHover
{
    background-color:#B4C6DB;
    font-size:11px;
    color:#000066;
}
/* Used on the Main Menu */
.menuItemHover a
{
    color:#000066;
}
/* The style used on navigation */
.navTitle
{
	background-color:#112693;
    color:#FFFFFF;
    font-size:13px;
    font-weight:bold;
    padding: 2px 0px 2px 0px;
    text-align:center;
}
.navBanner
{
	width:95%;
	margin-top:1px;
}


/* Sets a basic container table style */  
.tblContainer 
{
    background-color:#DDECFE;
    border-color:#112693;
    border-style:solid;
    border-width:1px;
    font-family:Tahoma;
}
/* Sets a basic container style */
.tblSimpleContainer
{
    border-color:#112693;
    border-style:solid;
    border-width:1px;
    font-family:Tahoma;
}
/* Sets a basic header table style */  
.tblHeader 
{
    background-color:#DDECFE;
    font-weight:bold;
    padding:2px;
}
/* Sets a basic header table <a> style */  
.tblHeader a
{
    background-color:#DDECFE;
	color:#000066;
    font-weight:bold;
    padding:2px;
}
/* Sets a row item style */
.tblItem
{
    background-color:#FFFFFF;
	color:#000066;
    padding:2px;
}
/* Sets an alternating row item style */
.tblAlternatingItem
{
    background-color:#F5F5F5;
	color:#000066;
    padding:2px;
}
/* Sets a footer style */
.tblFooter
{
    background-color:#DDECFE;
	color:#000066;
    font-weight:normal;
    padding:2px;
}
/* Defines a validation summary control style */
.divSummary
{
    background-color:#FFFFFF;
    font-weight:bold;
    height:220px;
    left:0px;
    position:absolute;
    padding:3px;
    text-align:center;
    top:0px;
    width:310px;
}
/* Defines a scrollable search results control style */
.divSearch 
{
    height: 500px;
    overflow: auto;
    scrollbar-base-color: #112693;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #B7BDDE;
    width: 100%;    
}
.divSensors 
{
    height: 200px;
    overflow: auto;
    scrollbar-base-color: #112693;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-track-color: #B7BDDE;
    width: 100%;    
}
/* Defines non link buttons styles */
.formButton, .loginButton, .optionalButton 
{
    background-color:#B4C6DB;
    border-color:#112693;
    border-style:solid;
    border-width:1px;
    font-weight:bold;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    width:100px;
}
/* Defines text boxes styles */
.formText 
{
    background-color:#F0F4F8;
    border-color:#112693;
    border-style:solid;
    border-width:1px;
    font-weight:normal;
}
/* Defines disabled text boxes styles */
.formTextDisabled
{
	background-color: #f0f0f0;
	font-weight: normal;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
/* Defines select menus styles */
.formSelect 
{
    background-color:#F0F4F8;
    font-weight:normal;
}
/* Defines radio button list styles */
.formRadioList 
{
    background-color:Transparent;
    font-weight:normal;
}
/* Defines select menus styles with a fixed width */
.formSelectFixed 
{
    background-color:#F0F4F8;
    font-weight:normal;
    overflow:visible;
    width:100px;
}
/* Emulates a window title style */
.windowTitle
{
    background-color:#112693;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding-bottom:0px;
    padding-left:3px;
    padding-right:0px;
    padding-top:0px;
    text-align:left;
}
/* Defines page's title styles */
.titles
{
    background-color:#112693;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding: 0px;
    text-align:center;
}
/* Defines page's subtitle styles */
.subtitles
{
    background-color:#112693;
    color:#FFFFFF;
    font-weight:bold;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:0px;
    padding-top:0px;
    width:100px;
}
.subtitles2
{
    background-color:#112693;
    color:#FFFFFF;
    font-weight:bold;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:0px;
    padding-top:0px;
    width:40px;
}

/* Defines page's subtitles end styles*/
.subtitleEnding{
    background: url(../../img/subtitles_ending.gif) no-repeat;
    width:20px;
}
/* Defines user messages styles */ 
.message
{
    padding:2px;
    width:70%;
}
/* Defines user messages styles */ 
.messageError
{
    color:#FF0000;
    font-size:12px;
    font-weight:bold;
    padding:2px;
    width:500px;
}
/* Defines user messages styles */ 
.messageInfo
{
    color:#112693;
    font-size:12px;
    font-weight:bold;
    padding:2px;
    width:500px;
}
/* Defines user messages styles */ 
.messageWarn
{
    color:#FF8000;
    font-size:12px;
    font-weight:bold;
    padding:2px;
    width:500px;
}
/* Defines user messages styles */ 
.messageBusy
{
    background-color:Red;
    color:white;
    font-weight:bold;
    padding:2px;
}
/* Defines application copyright styles */ 
.footer 
{
    background-color:#112693;
    color:#FFFFFF;
	font-size:11px;
	padding:2px;
	text-align:center;
}
/* Defines application version styles */ 
.version
{
    font-size:9px;
    font-weight:bold;
    text-align:right;
}
/* Defines banner styles */ 
.banner
{
	background-color:#112693;
	border-left: solid 2px #FFFFFF;
	color:#FFFA8B;
	font-size:13px;
	font-weight:bold;
	padding: 2px 3px 2px 2px;
	vertical-align:bottom;
}
/* Defines banner styles */ 
.bannerButton {
	border-right:0px;
	border-top:0px;
	font-weight:bold;
	border-left:0px;
	width:100%;
	color:#FFFFFF;
	border-bottom:0px;
	height: 25px;
	background-color: transparent;
}
/* Defines banner styles */ 
.bannerButton:hover {
	background-color: #0152AB;
}
/* Defines banner styles */ 
.bannerActiveMenu {
	border-right:1px;
	border-top:1px;
	border-left:1px;
	color:#ffffff;
	border-bottom:1px;
	background-color: #112693;
}
/* Defines banner styles */ 
.bannerPassiveMenu {
	background-color: #CCCCCC;
}
/* Defines banner styles */ 
.bannerborder
{
	border-color:#000066;
	border-style:solid;
	border-width:1px;
}
/* Hides an element */
.invisible 
{
	visibility:hidden;
	position:absolute;
	display:none;
}
/* Used to center text */
.center
{
	text-align:center;
}
/* Used to display buttons as links */
.linkButton
{
	 border-right:0px;
	 border-top:0px;
	 font-size:11px;
	 border-left:0px;
	 color:#0000FF;
	 border-bottom:0px;
	 background-color:transparent;
	 text-decoration:underline;
}
/* Define Error page styles */
.errorPage 
{
    font-family:Tahoma;
    font-size:13px;
    height: 100px;
    text-align:center;
}





/* Styles to be replaced */
.header /* used on company search */
{
    font-size:12px;
    color: White;
    text-align:center;
    font-weight:bold;
    font-family:Tahoma;
}
table.navigation /* Used on administration */
{
	background-color:#999999;
}
table.data /* Used on administration */
{
	 border-bottom:1px solid gray;
	 border-left:1px solid gray;
	 border-right:1px solid gray;
	 border-top:1px solid gray;
}
.dataright /* Used on administration */
{
	 border-right:1px solid gray;
}
.grid /* Used on administration */
{
	border-collapse:collapse;
	border-color:gray;
}
/****/





/* Sensor Search styles */
.selectedNode
{
    font-weight:bold;
}
.tblFilters
{
    border-color:#112693;
    border-style:solid;
    border-width:1px; 
    border-bottom:none;
    width:100%;
}
.singleTableTitle
{
    
    font-weight:bold;
}
/* Used in page owner changing page, plain text displayed about the purpose of the page */
.messagePageFunction
{
    font-family:Tahoma;
    font-size:13px;
    text-align:center;
}
.graphletList
{
    height: 400px;
    overflow: auto;
    width: 100%;    
}
/* Menu Tabs */
/* Mode tabs */
.container { padding: 0; margin: 0 0 0 0; background: #fff;}
.navPyra { margin: 0;  padding: 0 0 20px 10px; border-bottom: 1px solid #9FB1BC;}
.navPyra li {margin: 0; padding: 0; display: inline; list-style-type: none;}
.navPyra a:link, .navPyra a:visited { float: left; font-size: 10px;line-height: 14px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #708491;}
.navPyra #searchActive a, #browseActive a {color:#000; background: url("..\img\pyramid.gif") no-repeat bottom center;}
/* region tabs*/
#tabs {float:left; width:100%; background:#B4C6DB; font-size:93%; line-height:normal; }
#tabs ul {margin:0; padding:10px 10px 0 50px; list-style:none; }
#tabs li {display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url("..\img\tableft1.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
#tabs a span {float:left; display:block; background:url("..\img\tabright1.gif") no-repeat right top; padding:5px 15px 4px 6px; color: #000099; font: bold 9px/1.5em Verdana;}
#tabs a span {float:none;}
#tabs a:hover span {color:#FF9834;}
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}
#tabs #current a {background-position:0% -42px;}
#tabs #current a span {background-position:100% -42px;}

/* graphlet index region tabs*/
#gtabs {float:left;}
#gtabs ul {margin:0; padding:0px 0px 0 50px; list-style:none; }
#gtabs li {display:inline; margin:0; padding:0;}
#gtabs a { float:left; background:url("..\img\tableft1.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
#gtabs a span {float:left; display:block; background:url("..\img\tabright1.gif") no-repeat right top; padding:5px 15px 4px 6px; color: #000099; font: bold 9px/1.5em Verdana;}
#gtabs a span {float:none;}
#gtabs a:hover span {color:rgb(255,128,255)}
#gtabs a:hover {background-position:0% -42px;}
#gtabs a:hover span {background-position:100% -42px;}
#gtabs #current a {background-position:0% -42px;}
#gtabs #current a span {background-position:100% -42px;}

 /*used in busy component*/
div.transON  {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }

/*used in dnd*/
div.transparencyON  {width: 100%; background-color: orange;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }

/* used in preferences page*/
.error{ color:Red; width:auto;}

/* used in alert component */
.trOver
{
    color: White;
    background-color: Navy;
}

/* used in alert settings */
.formTextInvalid
{
    background-color: #F0F4F8;
    border-color: Red;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
}

/* used in alert settings */
.formTextWarn
{
    background-color: #ffdead;
    border-color: #112693;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
}

/* login */
.loginBody
{}

.loginContainer
{
 padding-top: 20px;
}
.gsLogo
{
	visibility:hidden;
	display:none;
}
.dataContainer
{
	width:300px;
	background-color:#DDECFE;
	border-color:#112693;
    border-style:solid;
    border-width:1px;
    font-family:Tahoma;
}

.lbData
{
	font-weight: bold; 
}

.divFooter
{
	position:absolute;
	top:600px;
}