﻿#StoreName{
	text-align: left;
	float :left;
	display:block;

}

#topmenu{
    border-width: 0px 0 0px 0;
	left: 0px;
	text-align: right;
	clear: left;
	border-width: 0px;
	border-style: solid;
	border-color: white;
	background-color: #D6D3CE;
	clear: left;
	margin: 0px 5px 0px 5px;
	padding-right:5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	color:#FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	COLOR: white;
	TEXT-DECORATION: none;
	padding-bottom:2px;
	padding-top:2px;
}
#toplink
{

    border-width: 0px 0 0px 0;
 	left: 0px;
 	text-align: right;
 	clear: left;
 	background-color: #FFDF6B;
 	clear: left;
 	margin: 0px 5px 0px 5px;
 	padding-right:5px;
 	FONT-WEIGHT: bold;
 	FONT-SIZE: 9pt;
 	color:#313894;
/* 	border-bottom: 1px solid #FFFFFF; */
 	TEXT-DECORATION: none;
 	padding-bottom:2px;
	padding-top:0px;
    

}

#toplink A, #toplink A:visited , #toplink A:hover
{   FONT-SIZE: 10pt;
    COLOR: #313894;
    TEXT-DECORATION: none ;
    font-weight:bold ;
}


#header
{
    PADDING-RIGHT:10px;
    PADDING-LEFT: 0px;
    BACKGROUND-COLOR: #ffe06c;
/*	background-image: url('../../Styles/Compact/Images/MenuBg.gif');
	background-repeat: repeat-x;background-position: left top;*/
    MARGIN-LEFT: 5px;
    MARGIN-RIGHT: 5px;
    margin-bottom: 0px;
    HEIGHT: 62px;
    padding-bottom: 0px;
    margin-top: 5px;
    border-bottom: 4px solid #6B86EF;
}

#headerright
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    height: 62px;
    color: #FFFFFF;
  
    text-align :right;
    clear: right ;
    COLOR: white;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    display: block ;
    vertical-align:bottom;
    PADDING-top:9px;
     BACKGROUND-COLOR: #ffe06c;

}
#headerleft
{
    FLOAT: left;
    COLOR: white;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    text-align: left;
    display: block ;
    text-align: left ;
/*    PADDING-top:2px;*/
    width:30%;
    BACKGROUND-COLOR: #ffe06c;
    HEIGHT: 62px;
}

#headermiddle
{
	FLOAT: left;
	text-align: center ;
	display: block ;
	width:50%;
	PADDING-top:2px;   
	z-index: 9999;
	BACKGROUND-COLOR: #ffe06c;
	 

}



#headerdefault
{
    PADDING-RIGHT:0px;
    PADDING-LEFT: 0px;
    BACKGROUND-COLOR: #ffe06c;;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    margin-bottom: 0px;
    HEIGHT: 91px;
    padding-bottom: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #313894;
/*    background-image:url(../../images/top.gif);*/
    clear:right;

}

.HeaderFont{
	color: #313894; 
}

#imagelogo{
	height: 100%;
	text-align: right ;
}


#main
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 5px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    Clear: both;
}
#content
{
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 0px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 20px;
    PADDING-TOP: 0px;
    /*BACKGROUND-COLOR: #ffffff;*/
    overflow: visible;
}
.footerleft {
	text-align:left;	
	font-size:11px;
	float:left ;
}


.footerright {
	text-align:right;	
	font-size:11px;
	float:right ;
	
}

#footer
{
	background: #ffe06c;
	padding:4px;	
	font-size:12px;
	color:#313894;
	font-weight:bold;
	height:16px;
}
#footer A
{
   color:#313894;
	text-decoration:none;
	font-size:11px;
    
}

#footer  A:visited
{
   text-decoration : none;
}

#footer  A:hover
{
   color:#313894;
   text-decoration:underline;
	font-size:11px;
}



.miniheader{
	    FONT-WEIGHT: bold;
	    color: #313894; 


}

.FieldNotes {
  font-size: 10px;
  color: gray;
  font-weight: normal;
}


SPAN.OptionGroup
{
    PADDING-RIGHT: 5px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    MARGIN-BOTTOM: 25px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
SPAN.Option
{
    MARGIN-TOP: 5px;
    DISPLAY: block;
    color:#313894;
}
SPAN.OptionGroupTitle
{
    MARGIN-TOP: 5px;
    DISPLAY: block;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 20px;
    COLOR: #313894;
    BORDER-BOTTOM: orange 1px solid
}
SPAN.OptionGroupDesc
{
    MARGIN-TOP: 2px;
    DISPLAY: block;
    FONT-SIZE: 10pt;
    MARGIN-LEFT: 20px;
    COLOR: #313894;
    }
SPAN.OptionLink A, SPAN.OptionLink A:visited , SPAN.OptionDesc
{
    DISPLAY: block;
    FONT-SIZE: 10pt;
    MARGIN-LEFT: 20px;
    COLOR: #313894;
    text-decoration: none;
}
SPAN.OptionLink A:hover
{
    DISPLAY: block;
    FONT-SIZE: 10pt;
    MARGIN-LEFT: 20px;
    COLOR: #313894;
    text-decoration: underline;
}
SPAN.hide
{
    DISPLAY: none
}

.PGFormButton
{
    border-bottom: 1px double #000000; border-left: 1px double #000000; border-right: 1px double #000000; border-top: 1px double #000000; 
  font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; background-color: #EFF3F7
  
}
.fieldInstruction{
	visibility : hidden;
	font-size : xx-small;
}
.fieldDisplay{
	background-color : White;
	width: 200px;
	padding: 1px 2px 1px 2px;
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-SIZE: 13px;
	BORDER-LEFT: #000000 0px solid;
	BORDER-BOTTOM: #000000 1px solid;
	FONT-FAMILY:  Arial, Helvetica, sans-serif;
	color: #000000;

}
.fieldPrompt
{
	padding: 1px 2px 2px 1px;
	BORDER-RIGHT: #000000 0px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-SIZE: 13px;
	BORDER-LEFT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	FONT-FAMILY:  Arial, Helvetica, sans-serif;
	COLOR: white;
	vertical-align : top;
	BACKGROUND-COLOR: #88887c;
	width: 20%;
	height: 50px;

}
.ImportantNote {
  font-weight: bold;
  color: #BB0000;
}
#divPGProgress{
	vertical-align : top;
	color:black;
}


/* PG CCSTheme  */
TABLE, TH, TR, TD, UL, OL, LI, P, FONT, A, BLOCKQUOTE, LABEL { 
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
TH{
	 background-color: #313894;
	 color: white;
}	


BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    /*color: #313894;*/
    font-size:12px;
   
}
H1
{
	color: #313894; 
	font-size: 14px;
	font-weight: bold; 
}


.PGPageBODY{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.PGFormTABLE{ border-top: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-bottom: 1px solid #848284; border-right: 1px solid #848284; background-color: #D6D3CE;
	}
.PGFieldCaptionTD{ border-top: 1px solid #848284; border-left: 1px solid #848284; border-bottom: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; background-color: #DEE3FF; color: #313894;; font-size: 12px; font-weight: bold; }
.PGAltDataTD{ border-top: 1px solid #848284; border-left: 1px solid #848284; border-bottom: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; background-color: #F7F3EF; color: #313894; font-size: 12px; }
.PGColumnTD{ border: 0px solid #848284; background-color:#3175BD; color: white ; font-size: 12px; font-weight: bold; }
.PGDataTD{ 
	border-top: 1px solid #848284; border-left: 1px solid #848284;
	border-bottom: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; 
	background-color: #FFFFFF; 
	color: #313894; font-size: 12px; }
.PGFooterTD{ border: 1px solid #D6D3CE; background-color: #D6D3CE; color: #000000; font-size: 12px; }
.PGFormHeaderFont{
	color: #313894; 
	font-size: 14px;
	font-weight: bold; 
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
    MARGIN-TOP: 5px;
    DISPLAY: block;
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 0px;
    BORDER-BOTTOM: orange 1px solid
    }
.PGFormPrologue{
	color: #313894; 
	font-size: 12px;
 }

    
.PGTitle{
	color: #313894;
	font-size: 12px;
	font-weight: bold; 

}    
    
.PGErrorDataTD{ background-color: #FFFFFF; color: red; font-size: 12px; font-weight: bold; }
.PGSeparatorTD{ height: 0px; background-color: #000000; }
a.PGSorterLink:link,a.PGSorterLink:visited{ color: white; FONT-SIZE: 12px;font-weight: bold; text-decoration: underline; }
a.PGSorterLink:hover,a.PGSorterLink:active{  color: white; FONT-SIZE: 12px;font-weight: bold; text-decoration: underline; }
a:link, a:visited , a:hover , a:active {
    COLOR: #313894;
    TEXT-DECORATION: underline
}

A.PGDataLink:link, A.PGDataLink:visited
{
    COLOR: #313894;
    TEXT-DECORATION: underline
}
A.PGDataLink:hover , A.PGDataLink:active
{
    COLOR: #313894;
    TEXT-DECORATION: none
}
A.PGNavigatorLink ,a .PGNavigatorLink:link, A.PGNavigatorLink:visited , A.PGNavigatorLink:hover, A.PGNavigatorLink:active
{
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
.PGButton { border-bottom: 1px double #000000; border-left: 1px double #000000; border-right: 1px double #000000; border-top: 1px double #000000; 
  font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; background-color: #EFF3F7}
.PGInput { border-bottom: 1px double #000000; border-left: 1px double #000000; border-right: 1px double #000000; border-top: 1px double #000000; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; }
.PGTextarea { border-bottom: 1px double #000000; border-left: 1px double #000000; border-right: 1px double #000000; border-top: 1px double #000000; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; }
.PGSelect { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; }

/******** drop in box  for help */
#dropinboxv2cover{ 
	width: 470px; 
	position:absolute; /*Don't change below 4
rules*/ z-index: 100; overflow:hidden; visibility: hidden; }  

#dropinboxv2{
	width: 450px; 
 	border: 1px solid black; /*Customize box appearance*/
 	background-color:lightyellow; padding: 4px; position:absolute; /*Don't change below 3 rules */
left: 0; top: 0; }

#topMenu {
	position:absolute;
	top:56px;
	left:180px;
	font-size:12px;
	padding-top:4px;
	padding-bottom:5px;
	margin-left:0px;
	color: white ;
	background: transparent ;
	

}
#topMenu A {
	color: white ;
	padding-left: 10px;
	padding-right: 10px;
}

#mainHome{
    MARGIN-LEFT: 5px;
    MARGIN-RIGHT: 5px;
    position:relative;
left:0%;
margin-left:0px;
border-left:solid 1px black;
border-right:solid 1px black;
border-bottom:solid 1px black;
}
.contentcentered{
	padding: 0px 20px 0px 20px;	
	color : #313894; 
	width:100%;
	text-align:left;
}
/* User Added Styles **/

.cssbr_table{
	margin-left: 6px;
	margin-right: 5px;
	margin-top : 10px;
	margin-bottom: 5px;
	background-color: #ffffff;
	border: 0;
}

.ccsbr_th{
	background-color: #ffffff;
	border: 0;
	color: #313894; 
}

.cssbr_table a {
	font-size: 8pt ;
	font-weight :bold;
	color: #313894; 
	background-color: white;
	
}

.cssbr_link{
	font-size: 8pt ;
	font-weight :bold;
	color: #313894; 
	background-color: white;

}
#bc_currentCat {
	font-size: 8pt ;
	font-weight :bold;
	color: #313894; 
	background-color: white;
}

.Caption{
	background-color: white;	
}

.Caption a, .Caption a:hover, .Caption a:visited, .Caption a:active {
	color: #313894;
	font-size: 8pt;

}


.idxOption00 {
	border-top: 0px;
	border-left: 0px;
	border: 0px white none ;

}
.idxOption0 {
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px; /*	background-color: #42AEEF; */;
/*	color: #313894;
	font-weight: bold;*/
}
.idxOption1, .idxOption2  {
/*	background-color:  #9CCFFF;*/
	padding-left:5px;
	text-align: center ;
	vertical-align: middle ;
}
.idxOptionYes {
	background-color:  #ffcc00;
	padding-left:5px;
	font-weight: bold; 
	text-align: center ;
		vertical-align: middle ;
}

.idxOptionHeader {
	background-color:  #313894;
	padding-left:5px;
	font-weight: bold; 
	text-align: center ;
		vertical-align: middle ;
		color: #ffffff;

}

#idxTable > tr > td{
}

#subMSDSHeader{
	padding-left:5px;
	font-weight : bold;
	/* background-image:url(../../images/top.gif);  
	background-repeat: no-repeat ;*/
	vertical-align: middle;
	text-align: center ;
	
}
#subFMHeader{
	padding-left:5px;
	font-weight : bold;
/*	 background-image:url(../../images/fm_l.gif);  
	 	background-repeat: no-repeat ;*/
	 		vertical-align: middle;
	text-align: center ;

	
}
#subSMHeader{
	padding-left:5px;
	font-weight : bold;
/*	 background-image:url(../../images/sm_l.gif);  
	 	background-repeat: no-repeat ;*/
	 		vertical-align: middle;
	text-align: center ;

	
}

.MSDSPageBODY
{ 
	font-family: Verdana, Tahoma, Helvetica, Arial, San-Serif; 
	font-size: 12px;
	text-align : center;  
  	min-width:800px
 }
 
#contentbody{
	margin: 0 auto;
	width:800px;
	text-align:left;
}

.footerclass {
	padding-top:0px;
	padding-left:20px;
	padding-bottom:10px;
	padding-right:20px;
	
	
}	

.infogray {
	font-size: 10px;
	color: gray;
	font-weight: normal;
}


/* Calendar */
a.today:link,a.today:visited{ color: #42AEEF; font-weight: bold; text-decoration: none; }
a.today:hover,a.today:active{ color: #000000; font-weight: bold; text-decoration: none; }
a.selectedDay:link,a.selectedDay:visited{ color: #000000; font-weight: bold; text-decoration: none; }
a.selectedDay:hover,a.selectedDay:active{ color: #42AEEF; font-weight: bold; text-decoration: none; }
a.weekDay:link,a.weekDay:visited{ color: #000000; text-decoration: none; }
a.weekDay:hover,a.weekDay:active{ color: #42AEEF; text-decoration: none; }
TD.selectedDay { background-color: #CEE3FD; color: #000000; font-size: 12px; }
TD.today { border-top: 1px solid #42AEEF; border-left: 1px solid #42AEEF; border-bottom: 1px solid #42AEEF; border-right: 1px solid #42AEEF; background-color: #FFFFFF; color: #000000; font-size: 12px; }
TD.workday { background-color: #FFFFFF; color: #000000; font-size: 12px; }
TD.weekend { background-color: #F4F0E3; color: #000000; font-size: 12px; }
TH.calendar { margin: 1px; background-color: #CEE3FD; color: #000000; font-size: 12px; font-weight: bold; }
.CalendarButtons { border-bottom: 1px double #000000; border-left: 1px double #000000; border-right: 1px double #000000; border-top: 1px double #000000; background-color: #84BAFF; color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; }
.CalendarControls { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; }
.CalendarTable { }
/* Calendar 3 */
.Calendar td{ padding: 3px; border-left: 1px solid #777777; width: 100%; white-space: nowrap; color: #000000; color: #000000; font-size: 80%; font-weight: bold; text-align: center; }
.Calendar img{ margin: 2px; vertical-align: middle; }
.CalendarWeekdayName{ padding: 3px; border: 1px solid #777777; border-right: 0px; white-space: nowrap; background-color: #F7F7F7; color: #000000; font-family: Tahoma; font-size: 80%; font-size: 80%; font-weight: bold; text-align: center; vertical-align: top; }
.CalendarWeekdayName a:link { color: #3662A5; }
.CalendarWeekdayName a:visited{ color: #8A8A8A; }
.CalendarWeekdayName a:hover, CalendarWeekdayName a:active{ color: #CC4141; }
.CalendarWeekendName{ padding: 3px; border: 1px solid #777777; border-right: 0px; white-space: nowrap; background-color: #ECECEC; color: #000000; font-size: 80%; font-weight: bold; text-align: center; vertical-align: top; }
.CalendarWeekendName a:link { color: #000000; }
.CalendarWeekendName a:visited{ color: #000000; }
.CalendarWeekendName a:link, CalendarWeekendName a:visited{ color: #CC4141; }
/* Calendar Day */
.CalendarDay{ border-left: 1px solid #777777; background-color: #F7F7F7; color: #000000; font-family: Tahoma; font-size: 80%; text-align: center; }
.CalendarDay a:link { color: #3662A5; }
.CalendarDay a:visited{ color: #8A8A8A; }
.CalendarDay a:hover, CalendarDay a:active{ color: #CC4141; }
/* Calendar Weekend */
.CalendarWeekend{ border-left: 1px solid #777777; background-color: #ECECEC; color: #000000; font-family: Tahoma; font-size: 80%; text-align: center; }
.CalendarWeekend a:link { color: #3662A5; }
.CalendarWeekend a:visited{ color: #8A8A8A; }
.CalendarWeekend a:hover, CalendarWeekend a:active{ color: #CC4141; }
/* Calendar Today */
.CalendarToday{ border-left: 1px solid #777777; border: 2px solid #777777; background-color: #F7F7F7; color: #000000; font-family: Tahoma; font-size: 80%; text-align: center; }
.CalendarToday a:link { color: #3662A5; }
.CalendarToday a:visited{ color: #8A8A8A; }
.CalendarToday a:hover, CalendarToday a:active{ color: #CC4141; }
/* Calendar Weekend Today */
.CalendarWeekendToday{ border-left: 1px solid #777777; border: 2px solid #777777; background-color: #ECECEC; color: #000000; font-family: Tahoma; font-size: 80%; text-align: center; }
.CalendarWeekendToday a:link { color: #3662A5; }
.CalendarWeekendToday a:visited{ color: #8A8A8A; }
.CalendarWeekendToday a:hover, CalendarWeekendToday a:active{ color: #CC4141; }
/* Calendar Weekday Today */
.CalendarWeekdayToday{ }
.CalendarWeekdayToday a:link { color: #3662A5; }
.CalendarWeekdayToday a:visited { color: #8A8A8A; }
.CalendarWeekdayToday a:hover, CalendarWeekdayToday a:active{ color: #CC4141; }
/* Calendar Other Month's Day */
.CalendarOtherMonthDay{ border-left: 1px solid #777777; background-color: #F7F7F7; color: #777777; color: #000000; font-family: Tahoma; font-size: 80%; text-align: center; }
.CalendarOtherMonthDay a:link { color: #777777; }
.CalendarOtherMonthDay a:visited{ color: #777777; }
.CalendarOtherMonthDay a:hover, CalendarOtherMonthDay a:active{ color: #CC4141; }
/* Calendar Other Month's Today */
.CalendarOtherMonthToday{ border-left: 1px solid #777777; border: 2px solid #777777; background-color: #ECECEC; color: #000000; font-family: Tahoma; font-size: 80%; text-align: center; }
.CalendarOtherMonthToday a:link { color: #777777; }
.CalendarOtherMonthToday a:visited{ color: #777777; }
.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{ color: #CC4141; }
/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend{ border-left: 1px solid #777777; color: #777777; background-color: #ECECEC; font-family: Tahoma; font-size: 80%; text-align: center; }
.CalendarOtherMonthWeekend a:link { color: #777777; }
.CalendarOtherMonthWeekend a:visited{ color: #777777; }
.CalendarOtherMonthWeekend a:hover, CalendarOtherMonthWeekend a:active{ color: #CC4141; }
/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday{ border-left: 1px solid #777777; border: 2px solid #777777; color: #777777; background-color: #ECECEC; font-family: Tahoma; font-size: 80%; text-align: center; }
.CalendarOtherMonthWeekendToday a:link { color: #777777; }
.CalendarOtherMonthWeekendToday a:visited{ color: #777777; }
.CalendarOtherMonthWeekendToday a:hover, CalendarOtherMonthWeekendToday a:active{ color: #CC4141; }
/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{ border-left: 1px solid #777777; background-color: #D7D7D7; color: #000000; font-family: Tahoma; font-size: 80%; font-weight: bold; text-align: center; }
.CalendarSelectedDay a:link { color: #000000; }
.CalendarSelectedDay a:visited{ color: #000000; }
.CalendarSelectedDay a:hover, CalendarSelectedDay a:active{ color: #CC4141; }
/* Calendar Navigator */
.CalendarNavigator td { padding: 3px; white-space: nowrap; color: #000000; font-family: Tahoma; font-size: 80%; text-align: center; vertical-align: middle; vertical-align: top; }
.CalendarNavigator a:link { color: #3662A5; }
.CalendarNavigator a:visited{ color: #8A8A8A; }
.CalendarNavigator a:hover, CalendarNavigator a:active{ color: #CC4141; }
.CalendarNavigator img{ margin: 2px; vertical-align: middle; }
/* Calendar Extra */
.CalendarEvent{ font-family: Tahoma; font-size: 80%; }
.CalendarEvent a:link { color: #3662A5; }
.CalendarEvent a:visited{ color: #8A8A8A; }
.CalendarEvent a:hover, CalendarEvent a:active{ color: #CC4141; }


/* ADxMenu */
/* htb - Horizontal Top Bottom */
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
.menu_htb, .menu_htb ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
.menu_htb li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}
.menu_htb li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.menu_htb li li {
	float: none;/* items of the nested menus are kept on separate lines */
}
.menu_htb ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10000;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}
.menu_htb li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}
.menu_htb li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}
/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu_htb:after, .menu_htb ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu_htb, .menu_htb ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu_htb UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu_htb ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu_htb ul a:hover {
	color: #ffffff;
	background-image: none;
}
.menu_htb ul a , .menu_htb ul a:visited{
	color:white;
	background-image: none;
	text-decoration:none;
	font-size: 9pt;
}
.menu_htb ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */
/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu_htb, .menu_htb ul li {
	background-image: url('../Compact/Images/MenuBg.gif');
	background-repeat: repeat-x;background-position: left top;

}
.menu_htb ul {
	width: 11em;
}
.menu_htb a {
	text-decoration: none;
	color: #ffffff;
	padding: .2em 1em;
	display: block;
	position: relative;
	background-color: #3d84cc;
	background-image: url('../Compact/Images/MenuBg.gif');
	background-repeat: repeat-x;background-position: left top;
	font-size: 9pt;
	font-weight: bold;
}
/*- back ground color when hover on items*/
.menu_htb a:hover, .menu_htb li:hover>a {
	background-color: #0c4c8e;
	background-image: none;
	color: #ffffff;
	
}
.menu_htb a:visited {
	color: #ffffff;
	
}
.menu_htb li li {	/* create borders around each item */
	border-top: 1px solid #ccc;

}
.menu_htb ul>li + li, .menu_htb ul>li + li a {	/* and remove the top border on all but first item in the list */
	border-top: 0;
	background-image: none;
}

.menu_htb ul>li + li:hover, .menu_htb ul>li + li:hover a {	/* and remove the top border on all but first item in the list */
	border-top: 0;
	background-image: none;
}
/*090604*/	
/*aif 2nd level sub menu */
.menu_htb li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 2px;
	margin-left:2px;
	left: 90%;
	/*background-color: #0c4c8e;*/
}
/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu_htb>li:first-child>a, .menu_htb li + li + li li:first-child>a,  {
	/* color: #567; */ /* my comment */

}

/* Fix for IE5/Mac \*//*/
.menu_htb a {
	float: left;
}
/* End Fix */
/* hbt - Horizontal Bottom Top */
/* - - - ADxMenu: BASIC styles - - - */
/* remove all list stylings */
.menu_hbt, .menu_hbt ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu_hbt li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu_hbt li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu_hbt li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu_hbt ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the bottom left corner, */
	bottom: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu_hbt li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	bottom: 100%;	/* 1st level go above their parent item */
}

.menu_hbt li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	bottom: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu_hbt:after, .menu_hbt ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu_hbt, .menu_hbt ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu_hbt UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu_hbt ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 10px 30px;
	margin: 0 0 -10px -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu_hbt ul ul {
	padding: 30px 30px 30px 10px;
	margin: 0 0 -30px -10px;
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu_hbt, .menu_hbt ul li {
	color: #eee;
	background: #234;
}

.menu_hbt ul {
	width: 11em;
}

.menu_hbt a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu_hbt a:hover, .menu_hbt li:hover>a {
}

.menu_hbt li li {	/* create borders around each item */
	border: 1px solid #ccc;
}

.menu_hbt ul>li + li, .menu_hbt ul>li + li a {	/* and remove the top border on all but first item in the list */
/*	border-top: 0;*/
}

.menu_hbt ul>li + li:hover, .menu_hbt ul>li + li:hover a {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu_hbt li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	bottom: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu_hbt>li:first-child>a, .menu_hbt li + li + li li:first-child>a {
	/* color: #567; */ /* my comment */
}

/* Fix for IE5/Mac \*//*/
.menu_hbt a {
	float: left;
}
/* End Fix */

/* IE Fixes */

/* htb - Horizontal Top Bottom */

/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */

.menu_htb, .menu_htb ul {	/* float.clear */
	.zoom: 1;
}

.menu_htb li.adxmhover {
	z-index: 10000;
}

.menu_htb .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu_htb .adxmhoverUL {	/* 1st-level submenu go below their parent item */
	top: 100%;
	left: 0;
}

.menu_htb .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu_htb ul a {	/* fix clickability-area problem */
	zoom: 1;
	color: white ;
}

.menu_htb li li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu_htb li li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu_htb a:hover, .menu_htb .adxmhoverA {		/* li:hover>a selector */
	cursor: hand;
	background-color: #0c4c8e;
  	font-size: 9pt;
	font-weight: bold;
    text-decoration :none;

}

.menu_htb .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}



/* hbt - Horizontal Bottom Top */

/* - - - ADxMenu: BASIC styles - - - */


.menu_hbt, .menu_hbt ul {	/* float.clear */
	.zoom: 1;
}

.menu_hbt li.adxmhover {
	z-index: 10000;
}

.menu_hbt .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu_hbt .adxmhoverUL {	/* 1st-level submenu go below their parent item */
	bottom: 100%;
	left: 0;
}

.menu_hbt .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
	bottom: 0;
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu_hbt ul a {	/* fix clickability-area problem */
	.zoom: 1;
}

.menu_hbt li li {	/* fix white gap problem */
	.float: left;
	.width: 100%;
}

.menu_hbt li li {	/* prevent double-line between items */
	.margin-top: -1px;
}

.menu_hbt a:hover, .menu_hbt .adxmhoverA {		/* li:hover>a selector */
	.cursor: hand;
}

.menu_hbt .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */
	bottom: 5px;
	left: 90%;
}
.adxm span {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	width: 0;
	height: 0;
}

.adxm .right2 {
	float: left;
	/* IE Bug with empty spans and divs */
	font-size: 0; 
	line-height:0;
}

.adxm .content {
	float: left;
}

/* 5 */
.adxm .text {
	float: left;
}

/* Modified styles*/
.MenuStyle {
	background-image: none;
	margin-left: 5px;
	margin-right: 5px;
}


/* main menu visited */
.menu_htb li a:visited, .menu_htb li a:active{
	color: #ffffff;
	text-decoration:none;
	font-size: 9pt;
	background-image: url('../Compact/Images/MenuBg.gif');
	background-repeat: repeat-x;background-position: left top;

}
/* Hover of main menu*/
.menu_htb li a:hover{
	color: #ffffff;
	text-decoration:none;
	font-size: 9pt;
	background-image: none;
	background-color: #0c4c8e;
}

.menu_htb li ul a:visited  {
	color: #ffffff;
	text-decoration:none;
	font-size: 9pt;
	background-image: none;
}






/** Begin Compatibility Map Keys **/
.CMapLinkhidden
{
	display:none;
}
.CMapLinkE , .CMapLinkS , .CMapLinkC , .CMapLinkK , .CMapLinkSM, .CMapLinkZ, .CMapLinkX, .CMapLinkI
{
  border : 0px solid green;
  padding : 0px;
  width: 29px !important;
  height: 18px !important;
  text-align:center;
}

.CMapLinkE 
{
  background-color : #FF0000;
  color: #ffffff !important ;	
}
.CMapLinkE  a
{
   color: #ffffff !important ;	
   text-decoration:none;
}

.CMapLinkS 
{
  background-color : #3366FF;
  color: #ffffff !important ;	
  
  
}


.CMapLinkS a
{
  color: #ffffff !important ;	
  text-decoration :none;
  
}
.CMapLinkC 
{
  background-color : #00FF00;
  color: #ffffff !important ;	

}
.CMapLinkC a
{
  color: #ffffff !important ;	
  text-decoration :none;
}

.CMapLinkK 
{
  background-color : #FF6600;
  color: #ffffff !important ;	

}


.CMapLinkK a
{
  color: #ffffff !important ;	
  text-decoration  :none;
}

.CMapLinkSM
{
 
  background-color : #00CCFF;
  color: #ffffff !important ;	

}

.CMapLinkSM a
{
  color: #ffffff !important ;	
  text-decoration:none;
  
}

.CMapLinkX 
{
  background-color : #FFFF00;
  color: gray !important ;	
}
.CMapLinkX a
{
  color: gray !important ;	
  text-decoration:none;
}

.CMapLinkZ 
{
  
  background-color : #CCFFFF;
  color: gray !important ;	
}

.CMapLinkZ a
{
  color: gray !important ;	
  text-decoration:none;
}

.CMapLinkI 
{
  
  background-color : #969696;
  color: #ffffff !important ;	
}

.CMapLinkI a
{
  color: #ffffff !important ;	
  text-decoration:none;
}

.CMapDatatd
{
	font-size:11px;
}
/** End Compatibility Map Keys **/