/*///////////////////////////////////////////////////////////////////////////////////////
///                                                                                   ///
///  COPYRIGHT (c) 2005-2007 WWW.MATTERNCO.COM AND WEBSLANT.  ALL RIGHTS RESERVED.    ///
///  NO PORTION OF THIS CODE MAY BE REPRODUCED WITHOUT THE EXPRESS WRITTEN CONSENT    ///
///  OF WWW.MATTERNCO.COM AND WEBSLANT.                                               ///
///                                                                                   ///
/////////////////////////////////////////////////////////////////////////////////////////
///                                                                                   ///
///  Licensee Information - This is a licensed copy for use by, and for use only by:  ///
///                                                                                   ///
///  Global Water Instrumentation, Incorporated                                       ///
///  11390 Amalgam Way                                                                ///
///  Gold River, California  95670-4401  USA                                          ///
///                                                                                   ///
///////////////////////////////////////////////////////////////////////////////////////*/

/* CSS Document */

body {
	margin:0px 0px;
	text-align:center;
	height:100%;
}

h1, h2, h3, h4 {
	font-family:'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
	margin: 0px;
}

td {
	font-family:'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
	font-size: 10px;
	margin: 0px;
}

.importResults {
	font-family:'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
	background-color: #e0e0e0;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	text-decoration: none;
}

.importResults2 {
	font-family:'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
	background-color: #c05090;
	font-weight: normal;
	font-size: 12px;
	margin: 0px;
	text-decoration: none;
}

.batchResults {
	font-family:'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	text-decoration: none;
}

.tinyInput {
	font-weight: normal;
	font-size: 8px;
	margin: 0px;
	text-decoration: none;
}

.repassResults {
	margin: 0px;
	font-weight: bold;
	background-color: #e0e0e0;
	color: #505090;
}

#mainFrame
{
width:730px;
height:100%;
margin-right: auto;
margin-left: auto;
text-align:center;
}
.mainFrameTitleOne {
font: 12px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
font-weight:normal;
color: #336699;
letter-spacing: 0.01em;
line-height:150%;
}
.mainFrameForm {
color:#333333;
font-weight:normal;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
letter-spacing: 0.01em;
}

.mainFrameText {
color:#336699;
font-weight:normal;
font: 10px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:200%;
}
	.mainFrameText a:link,
	.mainFrameText a:visited {
color:#FF6600;
font-weight: normal;
text-decoration: none;
}
	.mainFrameText a:active,
	.mainFrameText a:hover,
	.mainFrameText a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: none;
}
	
#topBar
{
float:left;
width:725px;
height:55px;
padding-right:5px;
margin-right: auto;
margin-left: auto;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #336699;
}

.topBarLinks {
color:#FF6600;
font-weight:normal;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
letter-spacing: 0.01em;
text-transform:uppercase;
}
	.topBarLinks a:link,
	.topBarLinks a:visited {
color:#336699;
font-weight: normal;
text-decoration: none;
}
	.topBarLinks a:active,
	.topBarLinks a:hover,
	.topBarLinks a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: none;
}

#greySpace
{
float:left;
width:730px;
text-align:left;
margin-right: auto;
margin-left: auto;
background-color:#E3E3E3;
}

#logo
{
float:left;
width:170px;
height:55px;
text-align:left;
margin-right: auto;
margin-left: auto;
}

#topLinks
{
float:left;
height:15px;
width:555px;
text-align:right;
margin-right: auto;
margin-left: auto;
}

#fileSpace
{
float:left;
width:728px;
margin-right: auto;
margin-left: auto;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #336699;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #336699;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #336699;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #336699;
}

#fileContent
{
float:left;
width:718px;
text-align:left;
padding-left: 5px;
padding-right: 5px;
margin-right: auto;
margin-left: auto;
}

.fileText {
color:#333333;
font-weight:normal;
font: 12px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
letter-spacing: 0.01em;
line-height:150%;
text-align:left;
}
	.fileText a:link,
	.fileText a:visited {
color:#336699;
font-weight: normal;
text-decoration: none;
}
	.fileText a:active,
	.fileText a:hover,
	.fileText a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: none;
}

.orangeHeader {
color:#FF6600;
font-weight:bold;
font: 12px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
letter-spacing: 0.05em;
line-height:200%;
text-transform:uppercase;
}

.blueHeader
{
color:#336699;
font-weight:bold;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:175%;
text-transform:uppercase;
letter-spacing: 0.05em;
text-align:left;
}

.fileText2 {
color:#333333;
font-weight:normal;
text-align:left;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:150%;
letter-spacing: 0.01em;
text-transform:none;
}
	.fileText2 a:link,
	.fileText2 a:visited {
color:#336699;
font-weight: normal;
text-decoration: underline;
}
	.fileText2 a:active,
	.fileText2 a:hover,
	.fileText2 a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: underline;
}

.fileTextC {
color:#333333;
font-weight:normal;
text-align:center;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:150%;
letter-spacing: 0.01em;
text-transform:none;
}

.stdColumn
{
float:left;
width:130px;
margin-right: auto;
margin-left: auto;
}	

.wideColumn
{
float:left;
width:325px;
vertical-align:middle;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
margin-right: auto;
margin-left: auto;
}	

.whiteSensorBox
{
float:left;
width:718px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
background-color:#FFFFFF;
border-top-color:#336699;
border-top-style:solid;
border-top-width:1px;
}	

.greySensorBox
{
float:left;
width:718px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
background-color:#E3E3E3;
border-top-color:#336699;
border-top-style:solid;
border-top-width:1px;
}	

#accountId
{
float:left;
height:15px;
width:318px;
text-align:left;
padding-left: 5px;
margin-right: auto;
margin-left: auto;
}

#userId
{
float:left;
height:15px;
width:400px;
text-align:right;
padding-right:5px;
margin-right: auto;
margin-left: auto;
}	

#edit
{
float:right;
height:15px;
width:500px;
text-align:right;
padding-top:10px;
padding-bottom:10px;
padding-right:5px;
padding-left:5px;
margin-right: auto;
margin-left: auto;
}	

.editText {
color:#336699;
font-weight:normal;
font: 10px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
letter-spacing: 0.01em;
line-height:200%;
text-transform:uppercase;
}
	.editText a:link,
	.editText a:visited {
color:#FF6600;
font-weight: normal;
text-decoration: underline;
}
	.editText a:active,
	.editText a:hover,
	.editText a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: underline;
}

#activeFolder
{
float:left;
height:25px;
width:150px;
text-align:center;
border-width: 1px;
border-style:solid;
border-color:#336699;
margin-right: auto;
margin-left: auto;
background-color:#336699;
}	

.activeFolderText {
color:#FFFFFF;
font-weight:bold;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
letter-spacing: 0.01em;
line-height:200%;
text-transform:uppercase;
}
	.activeFolderText a:link,
	.activeFolderText a:visited {
color:#FFFFFF;
font-weight: normal;
text-decoration: none;
}
	.activeFolderText a:active,
	.activeFolderText a:hover,
	.activeFolderText a:visited:hover {
color:#FFFFFF;
font-weight: normal;
text-decoration: none;
}

.nonActiveFolder
{
float:left;
height:25px;
width:150px;
text-align:center;
border-top-width: 1px;
border-top-style:solid;
border-top-color:#666666;
border-left-width: 1px;
border-left-style:solid;
border-left-color:#666666;
border-right-width: 1px;
border-right-style:solid;
border-right-color:#666666;
margin-right: auto;
margin-left: auto;
background-color:#FFFFFF;
}	

.nonActiveFolderText {
color:#666666;
font-weight:bold;
font: 9px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
letter-spacing: 0.01em;
line-height:250%;
text-transform:uppercase;
}
	.nonActiveFolderText a:link,
	.nonActiveFolderText a:visited {
color:#666666;
font-weight: normal;
text-decoration: none;
}
	.nonActiveFolderText a:active,
	.nonActiveFolderText a:hover,
	.nonActiveFolderText a:visited:hover {
color:#FF6600;
font-weight: normal;
text-decoration: none;
}

#location
{
float:left;
width:109.5px;
text-align:left;
padding-left:5px;
padding-right:5px;
padding-top: 15px;
margin-right: auto;
margin-left: auto;
}	

.locationHeading {
color:#FF6600;
font-weight:bold;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
letter-spacing: 0.05em;
text-transform:uppercase;
}

.system {
color:#336699;
font-weight:normal;
font: 10px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:175%;
}
	.system a:link,
	.system a:visited {
color:#336699;
font-weight: normal;
text-decoration: underline;
}
	.system a:active,
	.system a:hover,
	.system a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: underline;
}

.whiteRow
{
float:left;
height:30px;
margin-right:auto;
margin-left:auto;
}

.tbSubheaderText
{
color: #000000;
font-weight: bold;
font: 18px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height: 175%;
letter-spacing: 0.05em;
text-align: center;
}

.tableHeaderText
{
color:#336699;
font-weight:bold;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:175%;
text-transform:uppercase;
letter-spacing: 0.05em;
text-align:left;
padding:5px;
}

.tableHeaderRight
{
color:#336699;
font-weight:bold;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:175%;
text-transform:uppercase;
letter-spacing: 0.05em;
text-align:right;
padding:5px;
}

.tableHeaderGray
{
color:#999999;
font-weight:bold;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:175%;
text-transform:uppercase;
letter-spacing: 0.05em;
text-align:left;
padding:5px;
}

.orangeRow
{
float:left;
height:30px;
margin-right: auto;
margin-left: auto;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:#FFF0D9;
}

.highlightRow
{
float:left;
height:30px;
margin-right: auto;
margin-left: auto;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:yellow;
}

.ltOrangeRow
{
float:left;
height:30px;
margin-right: auto;
margin-left: auto;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:#fff8ef;
}

.cellText
{
padding:8px;
color:#333333;
font-weight:normal;
text-align:left;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:150%;
letter-spacing: 0.01em;
text-transform:none;
padding:5px;
}
	.cellText a:link,
	.cellText a:visited {
color:#336699;
font-weight: normal;
text-decoration: underline;
}
	.cellText a:active,
	.cellText a:hover,
	.cellText a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: underline;
}

.cellRight
{
padding:8px;
color:#333333;
font-weight:normal;
text-align:right;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:150%;
letter-spacing: 0.01em;
text-transform:none;
padding:5px;
}
	.cellText a:link,
	.cellText a:visited {
color:#336699;
font-weight: normal;
text-decoration: underline;
}
	.cellText a:active,
	.cellText a:hover,
	.cellText a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: underline;
}

.cellGray
{
padding:8px;
color:#999999;
font-weight:normal;
text-align:left;
font: 11px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:150%;
letter-spacing: 0.01em;
text-transform:none;
padding:5px;
}
	.cellText a:link,
	.cellText a:visited {
color:#6699cc;
font-weight: normal;
text-decoration: underline;
}
	.cellText a:active,
	.cellText a:hover,
	.cellText a:visited:hover {
color:#FFcc66;
font-weight: normal;
text-decoration: underline;
}

.blueRow
{
float:left;
height:30px;
margin-right: auto;
margin-left: auto;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:#DDE6EF;
}

.ltBlueRow
{
float:left;
height:30px;
margin-right: auto;
margin-left: auto;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:#eaf2fb;
}

.jsText
{
color:#333333;
font-weight:normal;
font: 9px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
padding:0px;
}

.alarmHeader
{
color:#336699;
font-weight:bold;
font: 9px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
text-transform: uppercase;
padding:5px;
}

.alarmText
{
color:#333333;
font-weight:normal;
font: 9px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
padding:5px;
}

.alarmForm
{
color:#333333;
font-weight:normal;
font: 9px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
}

.editGroupText
{
color:#333333;
font-weight:normal;
font: 9px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
text-transform: uppercase;
padding:5px;
}

.editGroupForm
{
color:#333333;
font-weight:normal;
font: 9px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
}

.membersWhite
{
float:left;
width:150px;
height:25px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin-right: auto;
margin-left: auto;
border-bottom-color:#336699;
border-bottom-style:solid;
border-bottom-width:1px;
}	

.membersOrange
{
float:left;
width:150px;
height:25px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin-right: auto;
margin-left: auto;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:#FFF0D9;
}

.membersBlue
{
float:left;
width:150px;
height:25px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
margin-right: auto;
margin-left: auto;
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:#DDE6EF;
}	

#footer
{
float:left;
height:15px;
width:718px;
text-align:right;
padding-top:5px;
padding-right:5px;
padding-left:5px;
margin-right: auto;
margin-left: auto;
}	

.footerText {
color:#336699;
font-weight:normal;
font: 10px 'Lucida Grande','Lucida Sans Unicode',verdana,arial,sans-serif;
line-height:200%;
}
	.footerText a:link,
	.footerText a:visited {
color:#336699;
font-weight: normal;
text-decoration: underline;
}
	.footerText a:active,
	.footerText a:hover,
	.footerText a:visited:hover {
color:#FF9933;
font-weight: normal;
text-decoration: underline;
}