/*/////////////////////////////////////
//              Common               //
/////////////////////////////////////*/
body
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
/*    background-color: white;*/
    color: #000000;
    margin: 0px;
}
form
{
    margin-bottom: 0px;
}
.input
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: #000000;
}
a
{
    font-family: tahoma, verdana, arial, helvetica;
    font-size: 8pt;
    color: #003399;
    text-decoration: underline;
}
.Label
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-weight: normal;
    font-size: 8pt;
    color: black;
}

.LabelBold
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-weight: bold;
    font-size: 8pt;
    color: black;
}
.LabelBoldLarge
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-weight: bold;
    font-size: 10pt;
    color: black;
}
.LabelSmall
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-weight: normal;
    font-size: 7pt;
    color: black;
}
.textarea
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: #000000;
}
select
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
}
.Button
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-weight: bolder;
    font-size: 7pt;
    border: 1px solid gray;
    background-image: url(../Images/button.gif);
    background-color: #F0F0F0;
    color: black;
    cursor: pointer;
    height: 20px;
    width: 85px;
}
.hiddenButton
{
    display: none;
}
.ButtonRow
{
    padding-top: 3px;
}
fieldset
{
    border: solid 1px #ccc;
}
legend, .legend
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    font-weight: normal;
    color: #404040 !important;
}
.RequiredField
{
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url(../Images/required.gif);
   font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;    
    color: #000000;
}
.PageTitle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    height: 30px;
    color: Black;
    font-size: 12pt;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 7px;
}
.ErrorMsg
{
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: red;
}
.validationError
{
	font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 9pt;
    font-weight: bold;
    color: #98002e;
}

/*/////////////////////////////////////
//			AJAX Modal Popup		 //
/////////////////////////////////////*/
.modalBackground
{
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: #000;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}

.modalPopup {
	border-width:2px;
	border-style:none;
	border-color:black;
	background-color:white;
}

.outerPopup 
{
   background-color:transparent;  
   padding:1em 6px;
}

.innerPopup
{
   background-color:#fff;
}

/*/////////////////////////////////////
//               Grid                //
/////////////////////////////////////*/
.DataGrid
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-weight: normal;
    font-size: 7.5pt;
    text-align: left;
    color: #000000;
    border-style: inset;
    border-width: 0px;
    padding-left: 3px;
}
.DataGridHeader
{
    z-index: 100;
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 7.5pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #606060;
    height: 25px;
    padding-left: 3px;
    text-align: center;
    position: relative;
    top: expression(this.offsetParent.tagName == "DIV" && this.offsetParent.style.overflow == "auto" ? this.offsetParent.scrollTop : '');
}

.DataGridHeaderNoLock
{
    z-index: 99;
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 7.5pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #606060;
    height: 19px;
    padding-left: 3px;
    text-align: center;
    position: relative;
}
.DataGridItem
{
    background-color: #ffffff;
    font-size: 7.5pt;
}
.DataGridAlternatingItem
{
    background-color: #E1E1E1;
    font-size: 7.5pt;
}
th
{
    border: 1px outset #cdcdcd;
}
.DataGridDiv
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    overflow: auto;
    position: relative;
    width: 100%;
    height: expression( document.body.clientHeight - this.offsetTop - ( this.divOffset != null ? this.divOffset : this.divoffset != null ? this.divoffset : 38 ) + 'px');
}
.DataGridDivNoBorder
{
    overflow: auto;
    position: relative;
    width: 100%;
    height: expression( document.body.clientHeight - this.offsetTop - ( this.divOffset != null ? this.divOffset : this.divoffset != null ? this.divoffset : 38 ) + 'px');
}

/*/////////////////////////////////////
//          Grid Navigator           //
/////////////////////////////////////*/
.GridNavigator
{
    background-color: #DEDEDE;
    padding: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-top: solid 1px silver;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
    margin-bottom: -2px;
}

/*/////////////////////////////////////
//                Tabs               //
/////////////////////////////////////*/
.uiTabTable
{
    border-left: 1px #999999 solid;
    border-bottom: 1px #999999 solid;
    border-right: 1px #999999 solid;
}
.uiSecondaryTabTable
{
    border-left: 1px #999999 solid;
    border-bottom: 1px #999999 solid;
    border-right: 1px #999999 solid;
    background-color: white;
}
.uiTabOn
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    height: 26px;
    border-top: 3px #051039 solid;
    border-bottom: 1px #999999 solid;
    font-size: 8pt;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FFFFFF;
    cursor: hand;
    text-align: center;
}
.uiTabOnDisabled
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    height: 26px;
    border-top: 3px #950428 solid;
    font-size: 8pt;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FFFFFF;
    cursor: default;
    text-align: center;
}
.uiTabOff
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    height: 26px;
    border-top: 1px #999999 solid;
    border-bottom: 1px #999999 solid;
    font-size: 8pt;
    color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #E1E1E1;
    cursor: hand;
    text-align: center;
}
.uiTabOffDisabled
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    height: 26px;
    border-top: 1px #999999 solid;
    border-bottom: 1px #999999 solid;
    font-size: 8pt;
    color: #999999;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #E1E1E1;
    cursor: default;
    text-align: center;
}
.uiChildTabOn
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    text-align: center;
    padding-left: 2px;
    padding-right: 15px;    
    text-decoration: underline;
    cursor: hand;
}
.uiChildTabOnDisabled
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    text-align: center;
    padding-left: 2px;
    padding-right: 15px;
    --background-color: #006699;
    --color: White;
}
.uiChildTabOff
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    text-align: center;
    padding-left: 2px;
    padding-right: 15px;     
    text-decoration: none;
    cursor: hand;
}
.uiChildTabOffDisabled
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    text-align: center;
    padding-left: 2px;
    padding-right: 15px;     
    text-decoration: none;
    color: #999999;
}
.uiChildTabPipe
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    text-align: center;
}
.uiChildTabArrow
{
    width: 8px;
    padding-left: 5px;
}

/*/////////////////////////////////////
//           Page Message            //
/////////////////////////////////////*/
.PageMessage
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    width: 100%;
    height: 100%;
    background-color: White;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #7B7D7B;
}
.PageMessageHeader
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    height: 23px;
}
.PageMessageContent
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 9pt;
    padding: 3px;
    vertical-align: top;
}

.PageMessageDiv
{
     /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=5);*/
    z-index: 1004;
    position: absolute;
   right    : 10px;
    /*left: expression( document.body.clientWidth - 9 - ( this.style.width.substr( 0, this.style.width.length - 2 ) ) + 'px' );*/
}

.PageMessageIFrame
{
    z-index: 1003;
    position: absolute;
   right    : 10px;
    /*left: expression( document.body.clientWidth - 5 - ( this.style.width.substr( 0, this.style.width.length - 2 ) ) + 'px' );*/
}

/*/////////////////////////////////////
//           Header Style            //
/////////////////////////////////////*/
.Header
{
    width: 100%;
    border-width: 0;
    padding: 0 0 0 0;
    overflow: hidden;
}
.HeaderRow1
{
    width: 100%;
    background-image: url(../Images/Header/logo_bkg.gif);
    height: 64px;
    border-width: 0;
    overflow: hidden;
}
.HeaderRow1_Left
{    
    /*width: 75%;*/
    margin-left:20px;
    border-width: 0;
    overflow: hidden; 
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 16pt;
    font-weight: bold; 
    color:#98200e
}
.HeaderRow1_Right
{
    /*width:300px;*/
    overflow:hidden;
    float:right;
    position:absolute;
    right:0px;
    top:0px;
    background-image: url(../Images/Header/command_bkg.gif);
    /*margin-right:-3px;            */
}
.HeaderRow1_Right_Left
{
    border-width: 0;
    background-image: url(../Images/Header/logo_curve.gif);
    width: 35px;
    height: 64px;
    overflow: hidden;
    float:left;
}
.HeaderRow1_Right_Right
{
    text-align: right;
    padding-top: 15px;
    background-image: url(../Images/Header/command_bkg.gif);
    color: White; 
    overflow:auto;
    margin-right:-3px;
    padding-right:10px;                
}
.HeaderRow1_Right_Right_Top
{
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: center;
}
.HeaderRow1_Right_Right_Bottom
{
    width:125px;
    height:24px;
    background-image: url(../Images/Logos/corp_sm.gif);
    background-repeat: no-repeat;
    overflow:hidden;
}                
.HeaderLinkButton
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    cursor: pointer;
    text-decoration: none;
    color: White;
    padding-left: 4px;
    padding-right: 5px;
}
.HeaderLinkButtonItemOver
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: White;
    cursor: hand;
    text-decoration: underline;
    padding-left: 4px;
    padding-right: 5px;
}

.HeaderRow2
{
    /*width: 100%;*/
    border-width: 0;
    overflow: hidden;
    height:25px;
    background-color:#313030;
    padding-top:1px;
}
.HeaderRow2_Left
{
    overflow:hidden;
    padding-top: 1px;
    padding-left:8px;
    border-width: 0;
    color:White;
}
.HeaderRow2_Left a
{
    color:White;
}
.HeaderRow2_Right
{
    height:24px;
    overflow:hidden;
    float:right;
    position:absolute;
    right:0px;
    top:0px;
    background-color:Black;
    padding-right:5px;    
}
.HeaderRow2_Right_Left
{
    margin-top:1px;
    border-width: 0;
    background-image: url(../Images/Header/menu_curve.gif);
    width: 27px;
    height: 23px;
    overflow: hidden;
    float:left;
        
}
.HeaderRow2_Right_Right
{
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    font-weight: bold;
    vertical-align:bottom;
    padding-top:6px;
    text-align:center;    
}

.HeaderRow2_Right_Right span
{
    padding-left:10px;
    padding-right:10px;
}         
.HeaderDialogRow2
{
    border: 0; 
    padding: 0; 
    font-size: 0; 
    margin: 0 0 0 0; 
    height: 6px;
    border-top:solid 1px black; 
    border-bottom:solid 1px black; 
    background-color:#666666
}
.HeaderRibbon
{
	position: absolute;
	top: 90px;
	right: 0;
	float: right;
	height: 30px;
	padding-left: 45px;
	background: #CECECE url(   '../Images/curve_Gray.gif' ) no-repeat left;

	font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
	font-size: 8pt;
	color: #ffffff;
}

/* New Div Header CSS */
.uiDivMenuBarItem
{
    overflow: hidden;
    padding-left: 12px;
    padding-right: 15px;
    text-decoration: none;
    padding-bottom: 15px;
}
.uiDivMenuBarItemOver
{
    overflow: hidden;
    padding-left: 12px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.HeaderRow2MenuItem
{
    overflow: hidden;
    padding-left: 3px;
    padding-right: 2px;
    float: left;
    padding-bottom: 10px;
}
.HeaderRow2_LinkMenuItem
{
    overflow: hidden;
    padding-top: 4px;
    float: left;
    white-space: nowrap;
    padding-bottom: 10px;
}
.HeaderRow2_LinkMenuItem2
{
    overflow: hidden;
    padding-top: 4px;
    float: left;
    white-space: nowrap;
    padding-right: 2px;
    padding-left: 3px;
    padding-bottom: 10px;
}
.DivLevel0MenuItem
{
    background-color: #313030;
    color: white;
    font-family: tahoma,verdana,arial,helvetica;
    font-size: 8pt;
    cursor: hand;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 17px;
    padding-right: 15px;
    margin-top: -4px;
}
.DivLevel0MenuItemOver
{
    background-color: #313030;
    color: white;
    font-family: tahoma,verdana,arial,helvetica;
    font-size: 8pt;
    text-decoration: underline;
    cursor: hand;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 17px;
    padding-right: 15px;
    vertical-align: bottom;
    margin-top: -4px;
}
/* End New Div Header CSS */

.uiCommandBar
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: #ffffff;
}
.uiCommandBarItem
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: #ffffff;
    cursor: pointer;
    padding-top: 10px;
    text-decoration: none;
}

.uiCommandBarItemOver
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: #ffffff;
    cursor: hand;
    font-decoration: underline;
    padding-top: 10px;
}
.uiMenuDivider
{
    background-color: #000000;
}

.uiMenuBar
{
    background-color: #313030;
}
/*/////////////////////////////////////
//           Misc Site Style         //
/////////////////////////////////////*/
.uiContent
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: #000000;
}

.uiLoginTables
{
    height: 52px;
    background-color: #AEB0B2;
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 12pt;
    color: #000000;
    font-weight: bold;
}
.uiLoginTitle
{
    background-color: #051039;
    height: 28px;
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 16pt;
    color: #ffffff;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
}
.uiLoginError
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 10pt;
    font-weight: bold;
    color: red;
}

.uiHomeTitle
{
    background-color: #989898;
    height: 35px;
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 20pt;
    color: #ffffff;
}
.uiHomeSubTitle
{
    background-color: #989898;
    height: 35px;
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 16pt;
    color: #ffffff;
}
.uiHomeContent
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: #000000;
    padding: 10px;
}
.uiQuickStart
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 8pt;
    color: #000000;
    padding: 10px;
    background-color: #CACBCC;
}
.uiBrandTitle
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 10pt;
    color: #ffffff;
    background-color: #051039;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
}
.uiDate
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 9pt;
    color: #ffffff;
    text-align: right;
    height: 25px;
    padding-right: 10px;
}

/*/////////////////////////////////////
//               Menu                //
/////////////////////////////////////*/
.MenuBar
{
	border-top: 0px black solid;
	border-left: 0px black solid;
	border-right: 0px black solid;
	border-bottom: 0px black solid;
}

.MenuGroup
{
	border-top: 1px #999999 solid;
	border-left: 1px #999999 solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
}

.Level0MenuItem
{
	border-top: 1px #313030 solid;
	border-left: 1px #313030 solid;
	border-right: 1px #313030 solid;
	border-bottom: 1px #313030 solid;
	background-color: #313030;
	color: white;
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 8pt;
	cursor: hand;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: middle;
}

.Level0MenuItemOver
{
	border-top: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
	background-color: #930327;
	color: white;
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 8pt;
	cursor: hand;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 15px;
}

.Level1MenuItem
{
	border-top: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	background-color: #666666;
	color: white;
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 8pt;
	cursor: hand;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
}

.Level1MenuItemOver
{
	border-top: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
	background-color: #930327;
	color: white;
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 8pt;
	cursor: hand;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
}

.CommandMenuItem
{
	color: white;
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 8pt;
	cursor: hand;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
}

.CommandMenuItemOver
{
	color: white;
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 8pt;
	text-decoration: underline;
	cursor: hand;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
}
/*/////////////////////////////////////
//           Please Wait             //
/////////////////////////////////////*/
#PleaseWait
{
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4);
    position: absolute;
    z-index: 99999;
    top: expression( (document.body.clientHeight / 2) - (this.height / 2) );
    left: expression( (document.body.clientWidth / 2) - (this.width / 2) );
    font: 12px "Verdana" , "Lucida Console" , "Courier New" , monospace;
    color: #111;
    background-color: white;
    border: 1px solid #111;
}
/*/////////////////////////////////////
//             Calendar              //
/////////////////////////////////////*/
.calendar
{
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background-color: #cdcdcd;
    cursor: default;
}
.month
{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.title
{
    height: 20px;
    background-color: White;
}
.title TD
{
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    color: maroon;
    text-align: center;
}
.nextprev
{
    font-family: webdings;
    font-size: 11pt;
    font-weight: normal;
    cursor: pointer;
    vertical-align: middle;
}
.monthheader
{
    font-family: Verdana;
    font-size: 9pt;
    text-align: center;
    font-weight: bold;
    background-color: White;
    color: red;
}
.dayheader
{
    font-family: Verdana;
    font-size: 9pt;
    width: 30px;
    text-align: center;
    font-weight: bold;
    background-color: maroon;
    color: #ffffff;
}
.day
{
    font-family: Verdana;
    font-size: 8pt;
    width: 22px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-width: 1px;
    border-color: #cdcdcd;
    border-style: solid;
    background-color: White;
}
.dayhover
{
    font-family: Verdana;
    font-size: 8pt;
    width: 22px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}
.othermonthday
{
    color: #8E9193;
    background-color: #BABCBD;
}
.selectedday
{
    background-color: #930327;
    color: #ffffff;
    font-weight: bold;
}
.today
{
    font-weight: bold;
    background-color: #ccd8ff;
}
.footer
{
    border-top: 1px #999999 solid;
}





/*//////////////////////////////////////////
//            Matrix Grid Styles          //
//////////////////////////////////////////*/

/* Surrounds the MatrixGrid */
.MatrixGridDiv
{
    border: black 1px solid;
    overflow: auto;
    position: relative;
    height: expression( document.body.clientHeight - this.offsetTop - ( this.divoffsetbottom != null ? this.divoffsetbottom : 28 ) +   'px' );
}
.MatrixGridDivHorizontalScrolling
{
    border: black 1px solid;
    overflow: auto;
    position: relative;
    height: expression( document.body.clientHeight - this.offsetTop - ( this.divoffsetbottom != null ? this.divoffsetbottom : 28 ) +   'px' );
    width: expression( document.body.clientWidth - ( this.divoffsetright != null ? this.divoffsetright : 8 ) +   'px' );
}

.MatrixGrid
{
    border: none;
    width: 100%;
}

.MatrixGrid TD
{
    border: none;
    height: 25px;
    font-size: 7.5pt;
    cursor: hand;
    text-indent: 1px;
    height: 25px !important;
    vertical-align: middle;
    padding: 0px 2px 0px 2px;
}

.MatrixGridHeader
{
    font-size: 7.5pt;
    font-weight: bold;
    color: #fff;
    background-color: #606060;
    height: 19px;
    text-align: center;
    position: relative;
    top: expression(this.offsetParent.tagName ==   "DIV" && this.offsetParent.style.overflow == "auto" ? this.offsetParent.scrollTop : '' );
}

.MatrixGridHeader TD
{
    padding: 0px;
    margin: 2px;
    vertical-align: middle;
    border: outset 1px #ccc;
    font-size: 7.5pt;
}

.MatrixGridHeader a
{
    color: #fff;
    width: 100%;
    height: 100%;
    padding-top: 3px;
    padding-bottom: 2px;
}

.MatrixGridHeader a:hover
{
    background-color: #777;
}

/* Applied to non-sortable column headers */
.MatrixGridHeader .noSort
{
    color: #fff;
    cursor: default;
    text-decoration: none;
}

.MatrixGridItem
{
    background-color: #fff;
}

.MatrixGridAlternatingItem
{
    background-color: #ddd;
}

.MatrixGridItem_Hover, .MatrixGridAlternatingItem_Hover
{
    background-color: #ccd8ff;
}

.MatrixGridItemSelectedItem, .MatrixGridItemSelectedItem_Hover
{
    background-color: #a0beff;
}

.MatrixGridItemSelectedItem TD, .MatrixGridItemSelectedItem_Hover TD
{
    border-bottom: solid 1px #ccd8ff;
}

/* Applied to a grid cell that opens a context menu */
.GridCellContextMenu
{
    cursor: help !important;
    border-bottom: solid 1px #aaa;
}

/* Used to ensure no whitespace is rendered for hidden columns */
.hiddenColumn
{
    display: none;
}

/*////////////////////////////
//  Grid Navigator Styles   //
////////////////////////////*/

.GridNavFirst a:hover, .GridNavPrevious a:hover, .GridNavNext a:hover, .GridNavLast a:hover
{
    color: #051039 !important;
}

/* Corrects the uneven appearance of the First and Last buttons */
.GridNavFirst, .GridNavLast
{
    padding-bottom: 2px;
}

.SelectAllButton
{
    font: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 7pt;
    font-weight: bolder;
    background-image: url(../Images/button.gif);
    padding: 1px 5px 3px 5px;
    width: 80px;
    border: solid 1px #999;
    margin-bottom: 1px;
    height: 17px;
    text-decoration: none;
    color: #000;
    cursor: hand;
}

.GridNavButton a
{
    font: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 7pt;
    font-weight: bolder;
    background-image: url(../Images/button.gif);
    padding: 2px 15px 2px 15px;
    border: solid 1px #999;
    margin-right: 10px;
    margin-bottom: 1px;
    height: 16px;
    text-decoration: none;
    color: #000;
    cursor: default;
}

/*/////////////////////////////////////
//  MatrixGrid Context Menu Styles   //
/////////////////////////////////////*/

.MatrixContextTopGroup
{
    background-color: #666;
    cursor: hand;
    margin: 0px -1px 0px -1px;
}

.MatrixContextMenuItem
{
    color: #fff;
    font-size: 8pt;
    font-family: Tahoma;
    border: solid 2px #666;
    background-color: #666;
}

.MatrixContextMenuItemHover
{
    color: #fff;
    font-size: 8pt;
    font-family: Tahoma;
    border: outset 2px Gray;
    background-color: #930327;
}
/*/////////////////////////////////////
//           DIV PAGES               //
/////////////////////////////////////*/
.DivForm
{
    padding: 5px 5px 2px 5px;
}
/* Page Title */
.DivPageTitle
{
    padding: 5px 0 5px 0x;
    width: 100%;
}
/* Search Criteria Panel */
.DivSearchCriteriaPanel
{
    text-align: right;
    padding: 5px;
}
/* Search Criteria Panel (end) */
/* Div Detail/Summary Pane */
.DivDetailRow
{
    overflow: hidden;
    margin-top: 0px;
    width: 100%;
}
.DivDetailRowLeft
{
    width: 50%;
    float: left;
    text-align: right;
    vertical-align: middle;
    padding: 2px 0px 0 0;
    overflow: hidden;
}
.DivDetailRowRight
{
    width: auto;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    overflow: hidden;
    margin-top: 2px;
    margin-left: 50%;
}
/* Div Detail/Summary Pane (end) */
/* Div Results Grid */
.DivResultsGrid
{
    margin-top: 1px;
    position: relative;
    width: 100%;
    height: expression( document.body.clientHeight - this.offsetTop - ( this.divOffset != null ? this.divOffset : this.divoffset != null ? this.divoffset : 30 ) +   'px' );
    border-right: solid 2px silver;
    border-bottom: solid 2px silver;
    border-left: solid 2px silver;
}
.DivResultsGridHorizontalScrolling
{
    margin-top: 1px;
    position: relative;
    border-right: 2px solid silver;
    border-bottom: 2px solid silver;
    border-left: 2px solid silver;
    height: expression( document.body.clientHeight - this.offsetTop - ( this.divOffset != null ? this.divOffset : this.divoffset != null ? this.divoffset : 30 ) +   'px' );
}
/* Div Results Grid (end) */
/* Div Form Buttons */
.DivButtonsLeft
{
    padding: 2px 0 0 0;
    float: left;
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
}
.DivButtonsRight
{
    padding: 2px 0 0 0;
    overflow: hidden;
    margin-left: auto;
    text-align: right;
    overflow: hidden;
}
.DivButton
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-weight: bolder;
    font-size: 7pt;
    border: 1px solid gray;
    background-image: url(../Images/button.gif);
    background-color: #F0F0F0;
    color: black;
    cursor: hand;
    height: 20px;
    width: 100px;
}
/* Div Form Buttons (end) */
/* Div Miscellaneous */
.GridNavigator
{
    background-color: #DEDEDE;
    padding: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-top: solid 1px silver;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
    margin-bottom: -2px;
    width: 100%;
}
.DivSeparatorLine
{
    border-top: solid 1px silver;
    height: 2px;
    text-align: center;
    margin-bottom: -17px;
}
.Width100percent
{
    width: 100%;
}
.Padding2px
{
    padding: 2px 2px 2px 2px;
}
.TextAlignRight
{
    text-align: right;
}
/* Div Miscellaneous (end) */
.DataGridDivHorizontalScrolling
{
    overflow: auto;
    position: relative;
    height: expression( document.body.clientHeight - this.offsetTop - ( this.divOffset != null ? this.divOffset : this.divoffset != null ? this.divoffset : 35 ) +   'px' );
    width: expression( document.body.clientWidth - ( this.divOffsetRight != null ? this.divOffsetRight : this.divoffsetright != null ? this.divoffsetright : 18 ) +   'px' );
}
/*/////////////////////////////
//  Calendar Style           //
/////////////////////////////*/
.ajax_calendar .ajax__calendar_container
{
    border: 1px solid black;
    background-color: Silver;
    color: Black;
    width: 177px;
    padding: 0 0 0 0;
    z-index: 1004;
}
.ajax_calendar .ajax__calendar_day
{
    color: black;
    background-color: Beige;
    width: 24px;
    border: 1px solid silver;
    text-align: center;
}
.ajax_calendar .ajax__calendar_dayname
{
    color: #444444;
    text-align: center;
    margin-bottom: 2px;
    margin-top: 4px;
}
.ajax_calendar .ajax__calendar_hover .ajax__calendar_day, .ajax_calendar .ajax__calendar_hover .ajax__calendar_month, .ajax_calendar .ajax__calendar_hover .ajax__calendar_year, .ajax_calendar .ajax__calendar_active
{
    background-color: Silver;
    text-decoration: underline;
    border: solid 1px beige;
    font-weight: bold;
}
.ajax_calendar .ajax__calendar_header
{
    color: black;
    background-color: gray;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: underline;
}
.ajax_calendar .ajax__calendar_today
{
    background-color: gray;
    color: White;
    margin-top: -12px;
    padding-bottom: 3px;
}

/*/////////////////////////////////////
//            Vertical Tabs          //
/////////////////////////////////////*/
.TopGroup
{
	z-index: 99;
	position: relative;
	background-color: white;
}
.DefaultTab
{
	font-size: 9px;
	background-image: url(../Images/tabs/vert_off.gif);
	width: 15px;
	cursor: pointer;
	font-family: tahoma, verdana, arial, helvetica, MS Sans Serif;
	height: 48px;
	background-color: white;
	text-align: center;
}
.SelectedTab
{
	font-size: 9px;
	background-image: url(../Images/tabs/vert_on.gif);
	width: 15px;
	cursor: default;
	font-family: tahoma, verdana, arial, helvetica, MS Sans Serif;
	height: 48px;
	background-color: white;
	text-align: center;
}
.MultiPage
{
	z-index: 98;
	width: 100%;
	position: relative;
	top: 5px;
	bottom: 5px;
	background-color: white;
}

a.info{
    position:relative; /*this is the key*/
    z-index:1000; background-color:#fff;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff}

a.info span{display: none; margin:10px;}

a.info img{border:0}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    margin:10px;
    top:2em; left:2em; width:21em;
    border:1px solid #999900;
    background-color:#FFFF66; color:#000;
    text-align: left}

 /*set color ModalPopupExtender*/      
        
 TR.updated TD
  {
       background-color:yellow;
  }
.modalBackground 
  {
	  background-color:White;	    
  }
  
  /*style for ceva tabs*/
  .ceva-tabs .ajax__tab_header 
{
    font-family: tahoma, verdana, arial, helvetica, MS Sans Serif;
    font-size:12px;
    font-weight:bold;
    padding-left:15px;
    
}
.ceva-tabs .ajax__tab_header .ajax__tab_inner
{
    margin:0px 0px 0px 0.16em;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:none;
    background-color:#051039;
}
.ceva-tabs .ajax__tab_header .ajax__tab_outer 
{
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom:none;
    background-color:#051039;
}
.ceva-tabs .ajax__tab_header .ajax__tab_tab
{    
    color:#FFFFFF;
    padding:0.35em 0.75em;    
    background-color:#051039;
    border-bottom:none;
    /*width:80px;*/
}


.ceva-tabs .ajax__tab_hover .ajax__tab_inner
{
	background-color:#d1b1b4;
}
.ceva-tabs .ajax__tab_hover .ajax__tab_outer 
{
    background-color:#d1b1b4;
}
.ceva-tabs .ajax__tab_hover .ajax__tab_tab 
{
    background-color:#d1b1b4;
}


.ceva-tabs .ajax__tab_active .ajax__tab_tab 
{
    color:#000000;
    background-color:#eee;
    font-weight:bold;    
}
.ceva-tabs .ajax__tab_active .ajax__tab_inner
{
	background-color:#eee;
}
.ceva-tabs .ajax__tab_active .ajax__tab_outer
{
    background-color:#eee;
}
.ceva-tabs .ajax__tab_body 
{
    font-family:Arial, Helvetica, sans-serif;   
    font-size:8pt;
    padding:0;
    border:solid 1px #808080;
    border-top:none;
}
/*infragistics grid styling*/


.UltraWebGrid
{
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-weight: normal;
    font-size: 7.5pt;
    text-align: left;
    color: #000000;
    border-style: inset;
    border-width: 0px;
    padding-left: 3px;
    height:25px;
        
    
}

.UltraWebGrid a:hover
{
    background-color: #777;
}
.UltraWebGridHeader
{
	height:25px;
    z-index: 100;
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    font-size: 7.5pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #606060;
    padding-left: 3px;
    text-align: center;
   
      
}


.UltraWebGridItem
{
    font-size: 7.5pt;
    height:25px;
  font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;
    
}
.UltraWebGridAlternatingItem
{
    background-color: #E1E1E1;
    font-size: 7.5pt;
    font-family: Tahoma, Verdana, Arial, Helvetica, MS Sans Serif;

}
/*infragistics context menu grid*/
.UWGContextTopGroup
{
    background-color: #666;
    cursor: hand;
    margin: 0px -1px 0px -1px;
}

.UWGContextMenuItem
{
    color: #fff;
    font-size: 8pt;
    font-family: Tahoma;
    border: solid 2px #666;
    background-color: #666;
}

.UWGContextMenuItemHover
{
    color: #fff;
    font-size: 8pt;
    font-family: Tahoma;
    border: outset 2px Gray;
    background-color: #930327;
}