* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}

html, body,#aspnetForm
{
	font-size: 9pt;
	font-family: Tahoma,Arial;
	height: 100%;
    margin:0,auto;
    padding:0;
  background: none repeat scroll 0 0  #c0c0c0;   
  overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

fieldset { border:1px solid gray}


#container
{
	background:none repeat scroll 0 0  white;
	padding-left:15px;
	padding-right :15px; 
	padding-bottom:15px;
	width: 960px;	
	margin:0 auto ;
	
	min-height:100%;
	
	overflow:visible;
}

* html #container 
{
	height:100%;
}

#footer
{
	background-color: white;
	width: 960px;
	height: 85px;
	text-align: right; 
	margin: -100px auto 0 auto;
	/*margin: 0px auto 0 auto;*/
}

div#JavaHolder
{
	 vertical-align: top; 
	 text-align:center;
	 width: 100%; 
	 height:1%;
	 position: static;
	 overflow:hidden 
}
	
div#Welcome{ height:16px }

div#whitebg{height:958px}

.hideDiv
{
	height:1%;
	position:static ;
	min-height:1px;
}	
mainbody
{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background-color:White;
}


.toolsimg
{
	LEFT: 208px; 
	WIDTH: 188px; 
	POSITION: relative; 
	TOP: -8px; 
	HEIGHT: 27px
}

.nav_one_img
{
	LEFT: 300px; 
	WIDTH: 73px; 
	POSITION: relative; 
	TOP: -8px; 
	HEIGHT: 27px
}
  
.nav_two_img
{
	left: 195px;
	width: 188px;
	position: relative;
	top: -8px;
	height: 27px;	
	text-align: right;
}
  
.swsconnectimg
{
	LEFT: -15px; 
	TOP: -15px; 
	WIDTH: 200px; 
	POSITION: relative; 		
	HEIGHT: 1px;
	Z-INDEX:100;
}
  
.navborder
{
	border-right: silver 1px solid; 
	border-top: silver 1px solid;
	border-left: silver 1px solid; 
	border-bottom: silver 1px solid;
	height: 76px;
	width: 370px;
	/*cursor:pointer;*/
}



.small_navborder
{
		
}

  
.navborder_hover
{
	border-right: silver 1px solid; 
	border-top: silver 1px solid;
	border-left: silver 1px solid; 
	border-bottom: silver 1px solid;
	height: 76px;
	width: 370px;
	BACKGROUND-COLOR: #D3D4FF;/*#DDEEFF;*/
	/*cursor:pointer;*/
}
  
  
.navwideborder
{
	border-right: silver 1px solid; 
	border-top: silver 1px solid;
	border-left: silver 1px solid; 
	border-bottom: silver 1px solid;
	height: 76px;
	width: 800px;
	cursor:pointer;
}
  
.navwideborder_hover
{
	border-right: silver 1px solid; 
	border-top: silver 1px solid;
	border-left: silver 1px solid; 
	border-bottom: silver 1px solid;
	height: 76px;
	width: 800px;
	BACKGROUND-COLOR: #D3D4FF;/*#DDEEFF;*/
	cursor:pointer;
}
  
  
  
h1, .heading1
{
    FONT-WEIGHT: bold;
	color: #000099; 
	font-family: Verdana; 
	font-size: 16pt;
}

.navheader1
{
    FONT-WEIGHT: bold;
	color: #000099; 
	font-family: Verdana; 
	font-size: 10pt; 
	margin:0px;
	padding:0px;		

	
}
.navheader2
{
	color: #000099; 
	font-family: Verdana; 
	font-size: 8pt; 
	font-weight:bold;
	margin:0px;
	padding:0px;

	
}

.navtext
{
	/*padding-top:4px; */
	margin-top:2px; 
	color: #000000;
	margin-bottom:0px;
	padding-bottom:0px

}

.navtextbox
{   
font-size: 8pt;
color: #000000;
padding-right: 2px; 
padding-left: 6px; 
padding-bottom: 0px; 
padding-top: 3px;
margin:0px;
}

.navpicture
{
	border-width:0px;
	filter:alpha(opacity=100); /* Ignore errors about not existing, this does work, different options are for different browsers*/
	-moz-opacity:1.0;
	cursor:pointer;
	opacity: 1.0; /* Ignore errors about not existing, this does work, different options are for different browsers*/
	
}

.navpicture_hover
{
	border-width:0px;
	filter:alpha(opacity=50); /* Ignore errors about not existing, this does work, different options are for different browsers*/
	-moz-opacity:0.5;
	cursor:pointer;
	opacity: 0.5; /* Ignore errors about not existing, this does work, different options are for different browsers*/

}

.navbanner
{
	border:silver 1px solid;
}

.loadingpanel
{	 

	
	filter:alpha(opacity=0); /* Ignore errors about not existing, this does work, different options are for different browsers*/
	-moz-opacity:0;
	opacity: 0; /* Ignore errors about not existing, this does work, different options are for different browsers*/

	cursor:wait;
	
	/* The following is not an error, this ensure the loadingpanel doesn't scroll when visible - IE6 fix*/
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);

	Z-INDEX: 2147483646; 
	LEFT: 0px; 
	WIDTH: 100%; 
	POSITION: absolute; 
	TOP: 0px; 
	bottom:0px;
	/*HEIGHT: 90%; */
	BACKGROUND-COLOR: #ffffff;
	filter: alpha(opacity=0);
}

.loadingpanel_top
{
	BORDER-RIGHT: gray 1px solid; 
	PADDING-RIGHT: 9px; 
	BORDER-TOP: gray 1px solid; 
	PADDING-LEFT: 9px; 
	Z-INDEX: 2147483647 ; 
	
	BACKGROUND-IMAGE: url(../Pictures/Icon/spacer.gif); 
	PADDING-BOTTOM: 9px; 
	BORDER-LEFT: gray 1px solid; 
	PADDING-TOP: 9px; 
	BORDER-BOTTOM: gray 1px solid; 
	BACKGROUND-REPEAT: repeat; 
	POSITION: absolute; 
	LEFT: 50%;
	/*TOP: 50%;*/					
	TOP:400px;
	/* The following is not an error, this ensure the loadingpanel_top which display animation is always centred in the windows regardless of scrolling or window size*/
	/*top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight/2) : document.body.scrollTop + (document.body.clientHeight/2));
	LEFT: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollLeft + (documentElement.clientWidth/2) : document.body.scrollLeft + (document.body.clientWidth/2));*/
	BACKGROUND-COLOR: white; 
	TEXT-ALIGN: center;
	
}
.navnews
{
	border-right: silver 1px solid; 
	border-top: silver 1px solid;
	border-left: silver 1px solid; 
	border-bottom: silver 1px solid; 
	height: 59px; 
	margin:0px;
	padding-right: 5px; 
	padding-left: 5px; 
	padding-bottom: 5px; 
	padding-top: 5px;
	top:0px;
}
  
.memofield
{
	height:150px;
}

h2{
	font-size:medium;
	color:black;
	font-style:italic;
	font-weight:bold;
}

h3{
	font-size:small;
	color:#000967;
	font-weight:normal;
	font-style:italic
}

/*h4 for IndexRelationship page table header only */
h4{
	font-size:medium;
	color:Navy;
	font-style:italic;
	font-weight:bold
}

.speedwell
{font-weight:bold;}


.subexpire_header
{
	font-weight:bold;
	font-size:small;
	background-color:red;
	color:white;
}

.subexpire_text
{
	font-size:small;
}

.login
{
	font-weight:bold;
	font-size:small;
	color:#000967;
}

.label
{
	font-weight:bold;
	font-size:small;
	color:#000967;
}

.warning
{
	font-weight:bold;
	font-size:small;
	color:red;
}


.A_H2
{
	margin:1px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	font-style:normal;
	/*line-height:0;*/
	page-break-after:avoid;	
}

.heading2
{
	font-size:medium;
	color:black;
	font-style:italic;
	font-weight:bold;
}

.heading3
{
	font-size:small;
	color:#000967;
	font-weight:normal;
	font-style:italic
}

.BoldText
{
	font-weight:bold;
}

.normal
{
	font-size: 9pt;
	font-family: Tahoma,Arial;
	color:#002200;
}

.SmallControlText
{
	font-size:8pt;
	font-family: Tahoma,Arial;
	color:Black
}

.PadSmallTextControl
{
	PADDING-BOTTOM: 3px; 
	PADDING-TOP: 3px; 
}


#UpdateProgress1 img 
{
   vertical-align:middle;
   margin:2px;
}
 
.mapborder
{
	BORDER-RIGHT: #4b7ac9 1px solid;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	BORDER-LEFT: #4b7ac9 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #4b7ac9 1px solid;
} 

.mapbordertop
{
	BORDER-RIGHT: #4b7ac9 1px solid;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	BORDER-LEFT: #4b7ac9 1px solid; 
	PADDING-BOTTOM: 0px; 
	BORDER-TOP: #4b7ac9 1px solid;
} 
.bgpic
{
	background-position: right center;
	background-image: url(Images/edtDown.jpg);
	background-repeat: repeat-x;
}

.displayblock
{
	display:block ;
}

a:link.displayblockblacktext
{
	text-decoration:none;
	color:black;
	display:block ;
	
	}

a:active.displayblockblacktext
{
	text-decoration:none;
	color:black;
	display:block ;
}

a:visited.displayblockblacktext
{
	text-decoration:none;
	color:black;
	display:block ;
}

.CancelButton
{
	cursor:pointer;
	padding:3px;
	font-size:8pt;
	font-family: Tahoma,Arial;
	color:Black
}
.ImageDisabled
{
	filter:alpha(opacity=25); /* Ignore errors about not existing, this does work, different options are for different browsers*/
	-moz-opacity:0.25;
	opacity: 0.25; /* Ignore errors about not existing, this does work, different options are for different browsers*/

	cursor:wait;
}

.PositionLabelDown
{
	 POSITION: relative; TOP: 240px;
}

.PositionLabelCenter
{
	POSITION: relative; left: 25%;
}

.TextAlignCenter
{
	TEXT-ALIGN: center;
}

.TextPadding
{
	padding:5px;
	
}

.HideElement
{
	display:none;
	visibility:hidden;
}

.ShowElement
{
	display:block;
	visibility:visible;
}

.CMEFuturesGridViewRowHeight
{
	height:20px;
}

#backgroundPopup
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #cecece;
	z-index: 2;
}
#popupContact
{
	display: none;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/ /*height: 384px;
	width: 408px;  */
	background: #FFFFFF;
	border: 2px solid #cecece;
	z-index: 3;
	padding: 1px;
	font-size: 13px;
	text-align: center;
}

#popupBox
{
/*	display: block;
	position: fixed;
	_position: absolute; /* hack for internet explorer 6*/ /*height: 384px;
	width: 408px;  */
/*	background: #FFFFFF;
	border: 2px solid #cecece;
	z-index: 4;
	padding: 1px;
	font-size: 13px;
	text-align: center;
	visibility: visible;*/
}

#popupContactClose
{
	font-size: 14px;
	line-height: 14px;
	right: 6px;
	position: static;
	color: #6fa5fd;
	font-weight: 700;
	display: block;
	cursor: hand;
	
}

.center
{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}

.masterwidth
{
	width: 960px;
}

/*** the following part is used to control different divs on master page ***/

*
{
	margin: 0;
}

#topnav
{  
	width: 962px; 
	margin:0 auto;
	
	overflow:hidden
}

#navbar
{
	text-align: right
}

#leftnav
{
	float:left;
	width: 0;	/*set the left nar bar width*/
}

#bodyContainer
{
	width: 962px; /*would change this if left nav bar needed*/
	height: 1%;	/*100%*/
/*	float:left; */
display:block;
}



#leftpart
{
	width: 625px; /*would change this if left nav bar needed*/
	float:left;
}

#rightpart
{
	width: 325px; /*would change this if left nav bar needed*/
	float:right;
}
#bottom_rightpart
{
	padding:10px;
	width: 300px; /*would change this if left nav bar needed*/
	float:right;
	height :120px;	
}

.buyweatherdata
{
	top:-20px;
	margin-left :5px;
	margin-top :0px;
	margin-right:0px;
	margin-bottom:5px;
	float: right;
	Height:83px;
	 Width:163px;
	 BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}


.fp{height:1px;border-top:1px solid #FFFFFF;background-color:#FFFFFF} 

.imagespace_top
{
	margin-top:5px;
	margin-bottom:5px;
	vertical-align: bottom
}

.imagespace
{
	margin:5px
}

.imagespace_floatright
{
	margin-left:5px;
	margin-top:5px;
	margin-right:5px;
	float:right;	
	DISPLAY: block;
	margin-bottom:15px;
}

.databox
{
	padding: 10px;
  margin-bottom:5px;
  background-position: right bottom; 
  background-image:  url(../Images/box_corner_image.png); 
  background-repeat: no-repeat;
  width:595px;
  border: solid 1px silver;
  height: 235px;
  line-height:1.2em;
    
}

.newsbox
{
	line-height:1.2em;
	border: solid 1px silver;
	padding: 10px;
	width:595px;
  border: solid 1px silver;
   background-position: right bottom; 
  background-image:  url(../Images/box_corner_image.png); 
  background-repeat: no-repeat;
   margin-bottom:5px;
}

.colorbox
{
	padding: 10px;
	margin-bottom: 5px;
	background-color: #d3d4ff;
	width: 295px;
	float:left;
	margin-right:8px;
	height:525px;
	 border: solid 1px silver;
}

.colorbox2
{
	padding: 10px;
	margin-bottom: 5px;
	background-color: #B9BCF9;
	width: 260px;
	float:left;
	margin-left:8px;
	margin-right:8px;
	height:525px;
	 border: solid 1px silver;
}

#hr_10
{
	min-height:100px;
	height: 100px;
	clear: both;	
}

.hr_5
{
	height: 50px;
	clear: both;	
}

.hr_1
{
	height: 10px;
	clear: both;	
}

.hr_1_new_default
{
	height: 200px;
	clear: both;	
}

.hr_0
{
	height: 4px;
	min-height: 4px;
	clear: both;	
}


.msgborder
{
	border: solid 1px silver;
	padding: 5px
}

.msgbox
{
	border: #002d96 1px solid;
	padding: 5px;
    background-color: #ffd69a;
    margin-bottom:5px;
}

#contents
{
	padding-bottom: 0px;
}

/* to fix the ul disc cannot be displayed in IE  */
ul
{
	margin-left: 1.3em;
	
}


a
{
	color: #000099;
}

a:link
{
	color: #000099;
}

a:visisted
{
	color: #000099;
}

a:hover
{
	color: #000099;
}
a:active
{
	color: #000099;
}



.linespacing
{
	font-size:4pt;
}

.HeadingText
{
	font-size:14pt;
	color :#000975;

}

.HeadingText_Main
{
	font-size:16pt;
	color :#000975;

}

.SubText
{
		font-size :13pt;
		color :#000975;
	
}
.LargeText
{
	margin-top:5px;
	margin-bottom:5px;
	font-size :11pt;
	color:Black;
}

.LargeText_Main
{
		margin-top:5px;
		margin-bottom:5px;
	font-size :13pt;
	color:Black;
}

.SmallText
{
	font-size:8pt;
}

.navborder_white
{
	border-right: silver 1px solid; 
	border-top: silver 1px solid;
	border-left: silver 1px solid; 
	border-bottom: silver 1px solid;
	height: 76px;
	width: 370px;
	background-color:White;
	/*cursor:pointer;*/
}

a.navheader1,a.SubText
{
	color: #000976;
}

a:link.navheader1,a:link.SubText,a:link.HeadingText,a:link.HeadingText_Main,a:link.SubText
{
	color: #000976;
}

a:visisted.navheader1,a:visisted.SubText,a:visisted.HeadingText,a:visisted.HeadingText_Main,a:visisted.SubText
{
	color: #000976;
}

a:hover.navheader1,a:hover.SubText,a:hover.HeadingText,a:hover.HeadingText_Main,a:hover.SubText
{
	color: #000976;
}
a:active.navheader1,a:active.SubText,a:active.HeadingText,a:active.HeadingText_Main,a:active.SubText
{
	color: #000976;
}