﻿body {
}
body
{
	margin: 0px;
	padding: 0px;
	font: 12px Verdana,Tahoma,sans-serif;
}

.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
}
            
.menu
{
	margin: 0 auto;
	padding: 0;
	height: 25px;
	width: 100%;
	display: block;
	background: url("../images/topMenuImages.png") repeat-x;
}
.menu li
{
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
.menu li a
{
	float: left;
	padding-left: 15px;
	display: block;
	color: rgb(255,255,255);
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	background: url("../images/topMenuImages.png") 0px -30px no-repeat;
	outline: none;
}
.menu li a span
{
	line-height: 25px;
	float: left;
	display: block;
	padding-right: 15px;
	background: url("../images/topMenuImages.png") 100% -30px no-repeat;
}
.menu li a:hover
{
	background-position: 0px -60px;
	color: rgb(255,255,255);
}
.menu li a:hover span
{
	background-position: 100% -60px;
}
.menu li a.active, .menu li a.active:hover
{
	line-height: 25px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url("../images/topMenuImages.png") 0px -90px no-repeat;
	color: rgb(255,255,255);
}
.menu li a.active span, .menu li a.active:hover span
{
	background: url("../images/topMenuImages.png") 100% -90px no-repeat;
}


table.main
{
	border-width: 1px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: #fffafa;
}

table.GridTable
{
    border: 1px outset gray;
    margin-top: 0px;
}



table.main th
{
	border-width: 0px;
	padding: 2px;
	border-style: none;
	border-color: red;
	background-color: #fffafa;
}
table.main td
{
	border-width: 0px;
	padding: 2px;
	border-style: none;
	border-color: red;
	background-color: #fffafa;
}
.tblHeader
{
	border-bottom: 2px solid #2580A2;
	text-align: left;
	padding-bottom: 4px;
	padding-top: 2px;

}
.tblHeaderLegend
{
	border-bottom: 2px solid #2580A2;
	text-align: right;
	padding-bottom: 4px;
	padding-top: 2px;

}
.tblHeaderButton
{
	border-bottom: 2px solid #2580A2;
	text-align: right;
	padding-bottom: 4px;
	padding-top: 2px;

}

.listDataRowHeader
{
    color: #F7F7F7; 
    background-color: #2580A2;
    font-weight: bold;
    text-align:left;
}
td.LoginBG
{
	background-image: url(../../Images/Login_BG.jpg);
}
td.TopBar
{
	background-image: url(../../Images/bar_bg_001.jpg);
	background-repeat: repeat-x;
	height: 10px;
}

.MaintainTextArea
{
    width: 673px; overflow: auto; word-wrap: normal; cursor: default; 
    scrollbar-face-color: #cccccc; scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #cccccc; scrollbar-darkshadow-color: #666666;
    scrollbar-shadow-color: #cccccc; scrollbar-arrow-color: #000000; scrollbar-track-color:#F4F4F4; border: 0px; 
    font-family:Arial, Helvetica, sans-serif,Verdana; font-size: 10px;
    min-height:5px;
}

td.TopBar_Child
{
	background-image: url(../../Images/Grad_BG.gif);
	background-repeat: repeat-x;
	height: 25px;
	font-weight: bold;
	color: CaptionText;
}
td.ChartHeader
{
	background-image: url(../../Images/bar_bg_001.jpg);
	background-repeat: repeat-x;
	height: 25px;
	font-weight: bold;
	color: white;
}
td.FilterHead
{
	background-color:#416992;
	height: 25px;
	font-weight: bold;
	color: White;
}
td.FilterBody
{
	background-color:#33CCCC;
	font-weight: bold;
	color: black;
}
td.Maint
{
	height: 25px;
	font-weight: bold;
	text-align:left;
    border-style:none solid solid none;
    border-width: 0px 1px 1px 0px;
    border-color: #cccccc;
}

tr.GridHeader
{
	background-color: #032b86;
	color: white;
	height: 25px;
}
tr.Alt1
{
	background-color: #E7E7FF;
	color: Black;
	height: 15px;
	font-size:11px;
}
tr.Alt2
{
	background-color: #F7F7F7;
	color: Black;
	height: 25px;
	font-size:11px;
}
select.Selectsmall
{
	width: 70px;
	font-size:11px;
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	height:20px;
}
select.SelectMedium
{
	width: 170px;
	font-size:11px;
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	}
select.SelectNormal
{
	width: 252px;
	font-size:11px;
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	height:20px;

}
select.SelectList
{
	width: 252px;
	font-size:11px;
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	height:100px;
}
.inputTextBoxAlert
{
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	text-align:left;
	height:15px;
	width:50px;
}
.inputTextBoxUnit
{
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	text-align:left;
	height:15px;
	width:100px;
}
.inputTextBox
{
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	text-align:left;
	height:15px;
	width:250px;
}
.inputTextArea
{
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	text-align:left;
	width:250px;
	height:75px;
}
.inputLabel
{
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	text-align:left;
	height:15px;
	width:200px;
	vertical-align:top;
}
.disableTextBox
{
	FONT: 11px Verdana,Tahoma,Segoe,sans-serif;
	text-align:left;
	height:15px;
	width:250px;
	background-color:#CCCCCC;
}
.Text
{
	font-family: Verdana, Arial, Sans-serif, 'Times New Roman';
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}
.gray-text-regular
{
	color: #283442;
	text-decoration: none;
}

input.btn
{
	color: #303030;
	width: 100px;
	font: bold 84% 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #ffedaa;
	border: 1px solid;
}
input.btnlarge
{
	color: #303030;
	width: 150px;
	font: bold 84% 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #ffedaa;
	border: 1px solid;
}

.ForgotFont
{
	color: #FFFF66;
}
table.chartthumb {
	border-width: 1px;
	border-spacing: 0px;
	border-style:solid;
	border-color: #2580A2;
	border-collapse: collapse;
	background-color: white;
}

table.tablegridborder
{
  border-width: 1px;
	border-spacing: 0px;
	border-style:solid;
	border-color: #2580A2;

}


table.chartthumb th {
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.chartthumb td {
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: gray;
	background-color: white;
}

table.maintenance  {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	
}


table.chartthumbred {
	border-width: 2px;
	border-spacing: 0px;
	border-style:solid;
	border-color: red;
	border-collapse: collapse;
	background-color: white;
}
table.chartthumbred th {
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: red;
	background-color: white;
	-moz-border-radius: ;
}
table.chartthumbred td {
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: red;
	background-color: white;
}

table.chartthumbgreen {
	border-width: 1px;
	border-spacing: 0px;
	border-style:solid;
	border-color: green;
	border-collapse: collapse;
	background-color: white;
}
table.chartthumbgreen th {
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: green;
	background-color: white;
	-moz-border-radius: ;
}
table.chartthumbgreen td {
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: green;
	background-color: white;
}

.footerTable
{
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#CCCCCC;
    padding-top:5px;
    padding-bottom:5px;
}
.footertext
{
	font: 10px Verdana,Tahoma,sans-serif;
}

.style0
{
    background-color:#FFFFFF;  
    text-align:left; 
    padding-left:5px;
}

.style1
{
    background-color:#D2D2D2;
    text-align:left;
    padding-left:5px;
}
#passwordStrength 
{ 
	height:10px; display:block; float:left; 
} 
.strength0  
{
	width:250px; 
	background:#cccccc; 
} 
.strength1 
{ 
	width:50px; 
	background:#ff0000; 
} 
.strength2 
{ 
	width:100px; 
	background:#ff5f5f; 
} 
.strength3
{ 
	width:150px; 
	background:#56e500; 
} 
.strength4 
{ 
	background:#4dcd00; 
	width:200px; 
} 
.strength5 
{ 
	background:#399800;
	 width:250px; 
}
    #dvLoading
{
  
   height: 100px;
   width: 100px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

.red .x-grid-cell {
    background-color: red !important;
}