BODY
{
}

A
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #0066cc;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}

.alignCenter
{
	text-align: center
}

.bandstrip
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.blackboldfnt
{
    FONT-WEIGHT: 500;
     FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: verdana
}

.autoComplete
{
	font-weight: 500;
	font-size: 11px;
	line-height: 16px;
	font-family: verdana;
}

.redfnt
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    COLOR: #ff0033;
    FONT-FAMILY: verdana
}

.whitefnt
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: verdana
}
.blackfnt
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: verdana
}
.redfnt
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px;
    COLOR: #ff4500;
    FONT-FAMILY: verdana
}
.bluefnt
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    COLOR: #006699;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: verdana
}
.blacklink
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    COLOR: #000000;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}
.bluelink
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    COLOR: #006699;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.blklnkund
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: underline
}
.smlfnt
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: verdana
}
.horzblue
{
    BACKGROUND-COLOR: #006699
}
.bgbluegrey
{
    BACKGROUND-COLOR: #d4e0e7
}

.dgHeaderStyle
{
    BACKGROUND-COLOR: #d4e0e7;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: verdana;
    font-weight:bold;
    border-color:#8ba0e5;
    overflow:auto;
}

.dgRowStyle
{
    BACKGROUND-COLOR: White;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: verdana;
    font-weight:normal;
    border-color:#8ba0e5;
    overflow:auto;
    word-spacing:normal;
    border-width:1;
	text-indent:3;
}
.FreezingHeader
{
	BACKGROUND-COLOR: #d4e0e7;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: verdana;
    font-weight:bold;
    border-color:#8ba0e5;    
    position:relative ;
    top:expression(this.offsetParent.scrollTop);
    z-index: 10;
}
.bgwhite
{
    BACKGROUND-COLOR: #ffffff
}
.bgblue
{
    BACKGROUND-COLOR: #9aaed6
}
.bglightblue
{
    BACKGROUND-COLOR: #eff3ff
}
.bullet
{
    BACKGROUND-COLOR: #FFFFFF
}
.boxbg
{
    BACKGROUND-COLOR: #8ba0e5;
    FONT-WEIGHT: 500;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: verdana;
    border-collapse:separate;
}
.logininp
{
    BORDER-RIGHT: #8ba0e5 1px solid;
    BORDER-TOP: #8ba0e5 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: #8ba0e5 1px solid;
    COLOR: #006699;
    BORDER-BOTTOM: #8ba0e5 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.loginbut
{
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #cccccc 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #57579f;
    TEXT-ALIGN: center
}
.input
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #eff3ff
}
INPUT
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff
}
SELECT
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: #999999 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #eff3ff
}
TEXTAREA
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana
}
SELECT
{
    FONT-SIZE: 11px
}
TABLE
{
    BORDER-COLLAPSE: collapse
}
.TESTcpYearNavigation
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #6677dd;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.TESTcpMonthNavigation
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #6677dd;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.TESTcpDayColumnHeader
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpYearNavigation
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpMonthNavigation
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpCurrentMonthDate
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpCurrentMonthDateDisabled
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpOtherMonthDate
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpOtherMonthDateDisabled
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpCurrentDate
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpCurrentDateDisabled
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpTodayText
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpTodayTextDisabled
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
.TESTcpText
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial
}
TD.TESTcpDayColumnHeader
{
    BORDER-RIGHT: #6677dd 0px solid;
    BORDER-TOP: #6677dd 0px solid;
    BORDER-LEFT: #6677dd 0px solid;
    BORDER-BOTTOM: #6677dd 1px solid;
    TEXT-ALIGN: right
}
.TESTcpCurrentMonthDate
{
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.TESTcpOtherMonthDate
{
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.TESTcpCurrentDate
{
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
.TESTcpCurrentMonthDateDisabled
{
    COLOR: #d0d0d0;
    TEXT-ALIGN: right;
    TEXT-DECORATION: line-through
}
.TESTcpOtherMonthDateDisabled
{
    COLOR: #d0d0d0;
    TEXT-ALIGN: right;
    TEXT-DECORATION: line-through
}
.TESTcpCurrentDateDisabled
{
    COLOR: #d0d0d0;
    TEXT-ALIGN: right;
    TEXT-DECORATION: line-through
}
.TESTcpCurrentMonthDate
{
    FONT-WEIGHT: bold;
    COLOR: #6677dd
}
.TESTcpCurrentDate
{
    FONT-WEIGHT: bold;
    COLOR: #ffffff
}
.TESTcpOtherMonthDate
{
    COLOR: #808080
}
TD.TESTcpCurrentDate
{
    BORDER-RIGHT: #000000 thin solid;
    BORDER-TOP: #000000 thin solid;
    BORDER-LEFT: #000000 thin solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #000000 thin solid;
    BACKGROUND-COLOR: #6677dd
}
TD.TESTcpCurrentDateDisabled
{
    BORDER-RIGHT: #ffaaaa thin solid;
    BORDER-TOP: #ffaaaa thin solid;
    BORDER-LEFT: #ffaaaa thin solid;
    BORDER-BOTTOM: #ffaaaa thin solid
}
TD.TESTcpTodayText
{
    BORDER-RIGHT: #6677dd 0px solid;
    BORDER-TOP: #6677dd 1px solid;
    BORDER-LEFT: #6677dd 0px solid;
    BORDER-BOTTOM: #6677dd 0px solid
}
TD.TESTcpTodayTextDisabled
{
    BORDER-RIGHT: #6677dd 0px solid;
    BORDER-TOP: #6677dd 1px solid;
    BORDER-LEFT: #6677dd 0px solid;
    BORDER-BOTTOM: #6677dd 0px solid
}
A.TESTcpTodayText
{
    HEIGHT: 20px
}
SPAN.TESTcpTodayTextDisabled
{
    HEIGHT: 20px
}
A.TESTcpTodayText
{
    FONT-WEIGHT: bold;
    COLOR: #6677dd
}
SPAN.TESTcpTodayTextDisabled
{
    COLOR: #d0d0d0
}
.TESTcpBorder
{
    BORDER-RIGHT: #6677dd thin solid;
    BORDER-TOP: #6677dd thin solid;
    BORDER-LEFT: #6677dd thin solid;
    BORDER-BOTTOM: #6677dd thin solid
}
.inpgrey
{
    COLOR: #000000;
    BACKGROUND-COLOR: #cccccc
}
.pager span 
{
    font-weight:bolder;
    FONT-WEIGHT: 500;
    FONT-SIZE: 12px;
    COLOR: #006699;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: verdana
 }
 
 .cssPager span
{
	font-weight:bold;     
	FONT-FAMILY: verdana;
	font-size:12px;	
	color:blue; 
	padding-left: 4px;      
    padding-right: 4px;
} 	
/*
=================================================
Tab View Tyle - START
=================================================
*/

.menuTabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:Solid 1px black;
    border-bottom:none;
    padding:0px 10px;
    background-color:#eeeeee;
}
.selectedTab
{
    border:Solid 1px black;
    border-bottom:Solid 1px white;
    padding:0px 10px;
    background-color:white;
}
.tabBody
{
    border:Solid 1px black;
    padding:20px;
    background-color:white;
}


/*
=================================================
Tab View Tyle - END
=================================================
*/
/*
=================================================
Grid View Style - START
=================================================
*/
 .mGrid {   
     width: 100%;   
     background-color: #FFFFFF;   
     /*margin: 5px 0 10px 0;*/   
     border: solid 1px #8ba0e5;   
     border-collapse:collapse;   
 }  
 .mGrid td {   
     padding: 2px;   
     border: solid 1px #8ba0e5;   
     color:Black;   
 }  
 .mGrid th {   
     padding: 4px 2px;   
     color: Black;   
     background: #d4e0e7;   
     font-weight:bold;
     border-left: solid 1px #8ba0e5; 
     border-top: solid 1px #8ba0e5; 
     /*font-size: 0.9em; */
 }  
 .mGrid .alt 
 { 
	background: #f7f7f7; 
 }  
 .mGrid .pgr { background: #d4e0e7; }  
 .mGrid .pgr table { margin: 5px 0; }  
 .mGrid .pgr td {
     border-width: 0;   
     padding: 0 6px;   
     font-weight:bolder;
     border-left: solid 1px Black;   
     color:Black;   
     line-height: 12px;   
  }     
 .mGrid .pgr a { color: Black; font-weight:normal; text-decoration: none; }  
 .mGrid .pgr a:hover { color: Black; font-weight:bolder; text-decoration: none; } 
 /*
=================================================
Grid View Style - END
=================================================
*/
/*
=================================================
Message Box Style - Start
=================================================
*/
 
 .info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('./images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('./images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('./images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('./images/error.png');
}

.container
{
}
.info p, .success p, .warning p, .error p {
    padding: 0px 50px;
}
.info a, .success a, .warning a, .error a {
    float: right;
    padding: 10px;
    cursor:pointer;
}
/* validation */
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('./error.png');
}
.validation ul
{
	padding: 0px 30px;
}
.validation p {
    padding: 0px 50px;
}
.validation a {
    float: right;
    padding: 10px;
    cursor:pointer;
}

.container img {
    border: none;
}.


/*
=================================================
Message Box Style - END
=================================================
*/

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
