
/*Generic Styles for whole site*/
body {
   margin: 0 auto;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color:#2D2D2D;
}

h2 {
   color: #40668d;
   font-size: 22px;
   font-weight: normal;
}

h4 {
   color: #000000;
   font-size: 18px;
}

a, a:link, a:visited {
   text-decoration: none;
   color: #40668D;
}

a:hover, a:active {
   text-decoration: underline;
}

/*Generic High Level Classes*/
.main {

   PADDING-TOP: 0;
   PADDING-RIGHT: 0;
   PADDING-LEFT: 0;
   MARGIN: auto;
   PADDING-BOTTOM: 0;
}


.pageTitle {
   display: block;
   font-size: 30px;
   font-weight: normal;
   margin-left: 0;
   margin-bottom: 20px;
   margin-top: 5px;
   padding: 0; /* text-transform:uppercase; */
}

.clear {
   clear: both;
}

.hr {
   border-top:1px solid #D5D5D5;
}

.calloutHdr {
   background-image:url(../images/bg_hdrXtile.gif);
   background-position:0 0;
   background-repeat:repeat-x;
   height:25px;
   width:590px;
}

.blockSubHeader {
   font-size:14px;
   font-weight:bold;
}

.subTitle {
   font-size:20px;
   color:#40668D;
   line-height:24px;
}

sup.tmreg {
   font-size:10px;
}

#selection {
   font-size:13px;
   font-weight:bold;
   margin:12px 0 10px;
}
#selection .selectionCol {
   float:left;
   width:175px;
}

.rhtBdrBottom img {
   left: 598px;
   position: relative;
   top: 0;
}

/* IDs inside CMS template */

#mainBodyContainer {
   margin-top:10px;
}

#productInfoContainer {
   background:transparent url(../images/bg_rhtBdr.jpg) repeat-y scroll 598px 0;
}

#productInfoContainer #productInfoCopy a {
   font-weight:bold;
}

#productInfoContainer #productInfoCopy {
   background:transparent url(../images/bg_rhtBdrTop.jpg) no-repeat scroll right top;
   padding:10px 0 0;
   width:609px;
}

#productInfoContainer #productInfoCopy div {
   width:570px;
   padding:0 10px 0 10px;
}

#productInfoContainer #productInfoCopy table {
   margin: 15px 0 10px;
}

#productInfoContainer #productInfoCopy div ul {
   list-style-image: url(../images/bulletArrowGrey3x12.gif);
}

#productInfoContainer #productInfoCopy, #productInfoContainer #productResources {
   float: left;
}

#productInfoContainer #productResources {
   margin: 0 0 0 1px;
   padding: 27px 0 0 0;
   width: 163px;
}

#productInfoContainer #productResources dl {
   margin: 0 0 41px 0;
   padding: 0;
   width: 157px;
   _width: 160px;
}

#productInfoContainer #productResources dt {
   font-size: 14px;
   font-weight: bold;
   margin: 0 0 17px 0;
   padding: 0;
}

#productInfoContainer #productResources dd {
   border-top: 1px solid #e5e5e5;
   font-size: 11px;
   margin: 0 0 5px 0;
   padding: 5px 0 0 0;
}

#productInfoContainer #productResources dd a {
   color: #404040;
   display: inline-block;
   font-size: 12px;
   font-weight: bold;
   line-height: 19px;
}

#productInfoContainer #productResources dd a.subLink {
   font-size: 11px;
   font-weight: normal;
}

#productInfoContainer #productResources dd.firstResource {
   border: none; 
}

#bannerImg img {
   margin-bottom:20px;
}

/* ICE LINE --------------------------------- */


#iceLineContainer {
   max-height: auto;
   min-height: 7px;
   height: 7px;
   width: 100%;
   background-color: #164271;
   position: relative;
   top: 0;
   left: 0;
}

.heading {
   color:#40668D;
   font-size:22px;
   font-weight:normal;
   margin:17px 0 0;
   padding:0;
}


/* LOGO
--------------------------------- */

#logo {
   padding-top:12px;
   padding-left:12px;
   width: 50px;
   height: 65px;
   float: left;
   clear: both;
}
#logo {
    background: url("../images/global_nav_sprite.jpg") no-repeat scroll -166px -20px transparent;
    clear: both;
    float: left;
    height: 50px;
    margin: 7px 0 0 12px;
    padding-bottom: 8px;
    width: 170px;
}


/* UTIL NAV
--------------------------------- */

#utilNav {
    /*position: relative;*/
    /*left: 631px;*/
    /*_left: 501px;*/
    /*top: 3px;*/
    float: right;
    margin-top: 3px;
}

.searchBox {
   display: block;
   background: url(../images/iconSearch.gif) no-repeat 140px 2px;
   background-color: #fff;
   border: solid 1px #cfcfcf;
   width: 160px;
}

.searchBox input {
   background: none;
   border: none;
   _margin-right: 27px;
   padding-right: 24px;
   _padding-right: 0;
   width: 116px;
   _width: 113px;
   font-size: 11px;
   height: 16px;
}

#searchAll {
    margin: 0;
}

#searchAll span {
    background: url(../images/iconSearch.gif) no-repeat scroll 0 0 transparent;
    float: left;
    height: 14px;
    margin-left: -16px;
    margin-top: 5px;
    width: 15px;
}

#searchAll input {
    background: #fff;
    border: solid 1px #cfcfcf;
    padding-right: 24px;
    width: 150px;
    font-size: 11px;
    height: 16px;
    margin-left: 5px;
    float: left;
}

#mainContainer {

  right: 0;
  left: 0;
  margin: 0 auto;
   width: 983px;
   *width: 983px; /* ie6 hack to make it all fit */
   height: auto;


}


/* GLOBAL NAV BAR
-------------------*/

#containerGlobalNavBar {
   width: 983px;
   height: 28px;
   padding: 0;
   margin: 0;
   display: block;
   position: relative;
   top: 0;
   clear: both;
   z-index: 100;
}


#containerGlobalNavBar h1 {
   color: #000000;
   margin-left: 10px;
   margin-bottom: 5px;
   margin-top: 1px;
}

#containerGlobalNavBar a, #containerGlobalNavBar h1 {
   font-size: 13px;
}

#containerGlobalNavBar a {
   outline: none;
}

#containerGlobalNavBar img {
   display: block;
}


#containerGlobalNavBar .nav {
	margin: 0;
	padding: 0;
	display:block;
   position: relative;
}

#containerGlobalNavBar .nav {
  /*font-family: Arial, Helvetica, sans-serif;*/
  z-index: 100;
}

#containerGlobalNavBar .nav li {
   list-style: none;
  float: left;
  margin: 0;
  padding: 0;
  display: inline-block;
}



#containerGlobalNavBar div#m1 {
   background-color:#FFFFFF;
   background-image:url(../images/bg_dropdownHoriTile.gif);
   background-position:center top;
   background-repeat:repeat-x;
   border:1px solid #000000;
   display:block;
   height:auto;
   margin:0;
   padding:0;
   position:absolute;
   top:28px;
   visibility:hidden;
   width:978px;
   z-index:100;
}

#containerGlobalNavBar div#m1 a {
   display:block;
   width: auto;
}

/* GLOBAL NAV - PRODUCTS BUTTON 
---------------------------------*/

#usfutures {
   background-color:#FFFFFF;
   border-right:1px solid #C4C4C4;
   float:left;
   height:288px;
   padding-bottom:8px;
   width:333px;
}

#eurfutures {
   border-right:1px solid #C4C4C4;
   float:left;
   height:288px;
   padding-bottom:8px;
   width:196px;
}

#canfutures {
   border-right:1px solid #C4C4C4;
   float:left;
   height:288px;
   padding-bottom:8px;
   width:196px;
}

#otcfutures {
   float:left;
   height:288px;
   padding-bottom:8px;
   width:250px;
   _margin-right: -1px;
}

#usfutures div.futuresBody, 
#eurfutures div.futuresBody, 
#canfutures div.futuresBody, 
#otcfutures div.futuresBody {
   margin-left: 8px;
}

#usfutures div.futuresBody h1, 
#eurfutures div.futuresBody h1, 
#canfutures div.futuresBody h1, 
#otcfutures div.futuresBody h1 {
   *margin-top: 7px; 
}

#usfutures div.futuresBody .rhtColList {
   float: left;
   margin: 0;
   padding: 0;
   width: 162px;
   _width: 160px;
}

#usfutures div.futuresBody .rhtColList h1, #usfutures div.futuresBody .rhtColList a {
   margin-left: 0;
}

#usfutures div.futuresBody .lftColList {
   float: left;
   margin: 0;
   padding: 0;
   width: 155px;
}

#usfutures.futuresHover {
   background: url(../images/navbarBody_FuturesUS_on.gif) 0 0 repeat-y;
}

#usfutures.futuresHover .futuresFtr {
   background: url(../images/navbarFtr_FuturesUS_on.gif) left bottom no-repeat;
   height: 8px;
   position:absolute;
   bottom: 34px;
   left: 0;
   width: 333px;
   _width: 332px;
}

#eurfutures.futuresHover {
   background: url(../images/navbarBody_FuturesEur_on.gif) 0 0 repeat-y;
}

#eurfutures.futuresHover div.futuresFtr {
   background: url(../images/navbarFtr_FuturesEur_on.gif) left bottom no-repeat;
   height: 8px;
   position:absolute;
   bottom: 34px;
   width: 196px;
}

#canfutures.futuresHover {
   background: url(../images/navbarBody_FuturesCan_on.gif) 0 0 repeat-y;
}

#canfutures.futuresHover div.futuresFtr {
   background: url(../images/navbarFtr_FuturesCan_on.gif) left bottom no-repeat;
   height: 8px;
   position:absolute;
   bottom: 34px;
   width: 196px;
}

#otcfutures.futuresHover {
   background: url(../images/navbarBody_iceOTC_on_large.gif) 0 0 repeat-y;
}

#otcfutures.futuresHover .futuresFtr {
   background: url(../images/navbarFtr_iceOTC_on_large.gif) left bottom no-repeat;
   height: 8px;
   position:absolute;
   bottom: 34px;
   width: 250px;
}

#otcfutures div.futuresBody .rhtColList {
   float: left;
   margin: 0;
   padding: 0;
   width: 121px;
   _width: 120px;
}

#otcfutures div.futuresBody .rhtColList h1, #otcfutures div.futuresBody .rhtColList a {
   margin-left: 0;
}

#otcfutures div.futuresBody .lftColList {
   float: left;
   margin: 0;
   padding: 0;
   width: 120px;
}

#usfutures.futuresMute, #eurfutures.futuresMute, #canfutures.futuresMute, #otcfutures.futuresMute {
   background-color: #d9d9d9;
}

#usfutures a, #usfutures a:link, #usfutures a:visited,
#eurfutures a, #eurfutures a:link, #eurfutures a:visited,
#canfutures a, #canfutures a:link, #canfutures a:visited,
#otcfutures a, #otcfutures a:link, #otcfutures a:visited {
   font-weight: normal;
   display: block;
   margin-bottom: 3px;
   margin-left: 12px;
   color: #40668d;
   font-size: 13px;
   text-decoration: none;
   padding-left: 0;
}

#usfutures a:hover, #usfutures a:active, 
#eurfutures a:hover, #eurfutures a:active,
#canfutures a:hover, #canfutures a:active,
#otcfutures a:hover, #otcfutures a:active {
   text-decoration: underline;
}

#usfutures img, #eurfutures img, #canfutures img, #otcfutures img {
   _margin-right: -1px;
   position: relative;
   display:inline-block;
}

/* GLOBAL NAV - ADVANCED SEARCH 
--------------------------------- */

#prodSearchBar {
   width: 978px;
   _width:977px;
   height: 34px;
   background-image: url(../images/bg_prodSearchBar.gif);
   background-position: 0% 0%;
   background-repeat: repeat-x;
}

#prodSearchBar table {
   float: right;
   margin-right: 20px;
   _margin-right: 10px;
}

#prodSearchBar td {
   padding-top: 2px;
}

#advSearchVertBar {

   background-image: url(../images/advSearchVertBar.gif);
   background-repeat: no-repeat;
   background-position: right;
   width: 190px;
}

/* GLOBAL NAV - MARKETS BUTTON 
-------------------------------- */

#containerGlobalNavBar div#market {
  background-color: #fff;
  background-position: top;
  background-repeat: repeat-x;
  border: 1px solid #000;
  list-style: none;
  margin: 0;
  _margin-right:-1px;
  padding: 0;
  height: auto;
  width: 846px;
  left: 132px;
  position: absolute;
  visibility:hidden;
  z-index:100;
}

#containerGlobalNavBar div#market p {
   margin:-5px 0 5px 0;
}

#containerGlobalNavBar div#market a {
   text-decoration: none;
}

#containerGlobalNavBar  div#market a:hover, div#market a:active {
   text-decoration: underline;
}

#mktusfutures {
   width: 241px;
   _width: 241px;
   height: 208px;
   float: left;
   border-right: 1px solid #c4c4c4;
   background-color: #FFF;
   padding-bottom: 8px;
}

#mkteurfutures {
   width: 196px;
   height: 208px;
   padding-bottom: 8px;
   border-right: 1px solid #c4c4c4;
   float: left;
}

#mktcanfutures {
   width: 196px;
   height: 208px;
   padding-bottom: 8px;
   float: left;
   border-right: 1px solid #c4c4c4;
}

#mktotcfutures {
   width: 210px;
   height: 208px;
   padding-bottom: 8px;
   float: left;
   _margin-right: -1px;
}

#mktusfutures div.futuresBody,
#mkteurfutures div.futuresBody,
#mktcanfutures div.futuresBody,
#mktotcfutures div.futuresBody {
   margin-left: 8px;
   margin-top:8px;
}

#mktusfutures.futuresHover {
   background: url(../images/navbarBody_FuturesUS_on_new.gif) 0 0 repeat-y;
}

#mktusfutures.futuresHover .futuresFtr {
   background: url(../images/navbarFtr_FuturesUS_on_new.gif) left bottom no-repeat;
   height: 8px;
   position:absolute;
   bottom: 0;
   left: 0;
   width: 241px;
   _width: 241px;
}

#mkteurfutures.futuresHover {
   background: url(../images/navbarBody_FuturesEur_on.gif) 0 0 repeat-y;
}

#mkteurfutures.futuresHover div.futuresFtr {
   background: url(../images/navbarFtr_FuturesEur_on.gif) left bottom no-repeat;
   height: 8px;
   position:absolute;
   bottom: 0;
   width: 196px;
}

#mktcanfutures.futuresHover {
   background: url(../images/navbarBody_FuturesCan_on.gif) 0 0 repeat-y;
}

#mktcanfutures.futuresHover div.futuresFtr {
   background: url(../images/navbarFtr_FuturesCan_on.gif) left bottom no-repeat;
   height: 8px;
   position:absolute;
   bottom: 0;
   width: 196px;
}

#mktotcfutures.futuresHover {
   background: url(../images/navbarBody_iceOTC_on.gif) 0 0 repeat-y;

}

#mktotcfutures.futuresHover .futuresFtr {
   background: url(../images/navbarFtr_iceOTC_on.gif) left bottom no-repeat;
   height: 8px;
   position:absolute;
   bottom: 0;
   width: 210px;
}

#mktusfutures.futuresMute,
#mkteurfutures.futuresMute,
#mktcanfutures.futuresMute,
#mktotcfutures.futuresMute {
   background-color: #d9d9d9;
}

#mktusfutures div.futuresBody a, #mktusfutures div.futuresBody a:link, #mktusfutures div.futuresBody a:visited,
#mkteurfutures div.futuresBody a, #mkteurfutures div.futuresBody a:link, #mkteurfutures div.futuresBody a:visited,
#mktcanfutures div.futuresBody a, #mktcanfutures div.futuresBody a:link, #mktcanfutures div.futuresBody a:visited,
#mktotcfutures div.futuresBody a, #mktotcfutures div.futuresBody a:link, #mktotcfutures div.futuresBody a:visited {
   font-weight: normal;
   display: block;
   margin-bottom: 3px;
   margin-left: 12px;
   color: #40668d;
   font-size: 13px;
   text-decoration: none;
   padding-left: 0;
}

#mktusfutures div.futuresBody a:hover, #mktusfutures div.futuresBody a:active,
#mkteurfutures div.futuresBody a:hover, #mkteurfutures div.futuresBody a:active,
#mktcanfutures div.futuresBody a:hover, #mktcanfutures div.futuresBody a:active,
#mktotcfutures div.futuresBody a:hover, #mktotcfutures div.futuresBody a:active {
   text-decoration: underline;
}

#mktusfutures img, #mkteurfutures img, #mktcanfutures img, #mktotcfutures img {
   _margin-right: -1px;
   position: relative;
   display:inline-block;
}

/* CSS elements common between the single column nav bar options 
------------------------------------------------------------------*/
#containerGlobalNavBar div#clearing,
#containerGlobalNavBar div#mktData,
#containerGlobalNavBar div#services,
#containerGlobalNavBar div#about {
  background-color: #fff;
  background-position: top;
  background-repeat: repeat-x;
  border: 1px solid #000;
  list-style: none;
  margin: 0;
  _margin-right:-1px;
  padding: 5px 10px 10px 10px;
  position: absolute;
  visibility:hidden;
  z-index:100;
}

div.linkWithText {
   margin-top: 10px;
   margin-left:  10px;
}

div.linkWithText2 {
   margin-top: 3px;
   margin-left:  25px;
}

div.linkWithText2_first {
   margin-top: 10px;
   margin-left:  25px;
}


div.linkWithText .linkText, div.linkWithText2 .linkText {
   margin:  0;
   padding: 0 0 0 5px;
}

#containerGlobalNavBar div#tradingTech a, 
#containerGlobalNavBar div#mktData a,
#containerGlobalNavBar div#services a,
#containerGlobalNavBar div#about a {
   font-weight: normal;
   display: block;
   margin-bottom: 3px;
   color: #40668d;
   font-size: 13px;
   text-decoration: none;
   padding-left: 5px;
}

#containerGlobalNavBar div#tradingTech a:hover, #containerGlobalNavBar div#tradingTech a:active,
#containerGlobalNavBar div#clearing a:hover, #containerGlobalNavBar div#clearing a:active, 
#containerGlobalNavBar div#mktData a:hover, #containerGlobalNavBar div#mktData a:active,
#containerGlobalNavBar div#services a:hover, #containerGlobalNavBar div#services a:active,
#containerGlobalNavBar div#about a:hover, #containerGlobalNavBar div#about a:active {
   text-decoration:underline;
}

/*#nav-one li a {*/
#btnProducts, #btnMarkets, #btnClearing, #btnMarketData, #btnTradingTech, #btnServices, #btnAbout {
    display: inline-block;
    height: 28px;
    background-image: url(../images/global_nav_sprite.jpg);
}

#btnProducts {
    background-position: 0 0;
    width: 132px;
}
#btnProducts:hover {
    background-position: 0 -28px;
    width: 132px;
}

#btnMarkets {
    background-position: 0 -56px;
    width: 130px;
}
#btnMarkets:hover {
    background-position: 0 -84px;
    width: 130px;
}

#btnClearing {
    background-position: 0 -112px;
    width: 125px;
}
#btnClearing:hover {
    background-position: 0 -140px;
    width: 125px;
}

#btnMarketData {
    background-position: 0 -168px;
    width: 140px;
}
#btnMarketData:hover {
    background-position: 0 -196px;
    width: 140px;
}

#btnTradingTech {
    background-position: 0 -224px;
    width: 188px;
}
#btnTradingTech:hover{
    background-position: 0 -252px;
    width: 188px;
}

#btnServices {
    background-position: 0 -280px;
    width: 134px;
}
#btnServices:hover {
    background-position: 0 -308px;
    width: 134px;
}

#btnAbout {
    background-position: 0 -336px;
    width: 131px;
}
#btnAbout:hover {
    background-position: 0 -364px;
    width: 131px;
}

#containerGlobalNavBar div#m1 {
    left: 0;
}

#containerGlobalNavBar div#m1,
#containerGlobalNavBar div#market,
#containerGlobalNavBar div#clearing,
#containerGlobalNavBar div#mktData,
#containerGlobalNavBar div#tradingTech,
#containerGlobalNavBar div#services,
#containerGlobalNavBar div#about {
    top: 28px;
}


/* GLOBAL NAV - TRADING TECH BUTTON
----------------------------------------------*/

#containerGlobalNavBar div#tradingTech 
{
   background-color: #fff;
   background-position: top;
   background-repeat: repeat-x;
   border: 1px solid #000;
   list-style: none;
   margin: 0;
   padding: 0;
   height: auto;
   width: 500px;
   left: 387px;
   position: absolute;
   visibility:hidden;
   z-index:100;
}

#tradingTechTrading {
   width: 245px;
   height: 357px;
   float: left;
   border-right: 1px solid #c4c4c4;
   background-color: #FFF;
   padding-bottom:8px;

}

#tradingTechTechnology {
   width: 254px;
   height: 357px;
   float: left;
   background-color: #FFF;
   padding-bottom:8px;
}

#tradingTech div.tradingTechBody {
   margin-left: 8px;
}

/* GLOBAL NAV - CLEARING BUTTON
----------------------------------------------*/

#containerGlobalNavBar div#clearing {
  height: 300px;
  width: 190px;
  left: 262px;
}

#containerGlobalNavBar div#clearing a {
   font-weight: normal;
   margin-bottom: 3px;
   color: #40668d;
   font-size: 13px;
   text-decoration: none;
}

#containerGlobalNavBar div#clearing img {
   display: inline !important;
   margin:0 8px 0 0;
}


/* GLOBAL NAV - MARKET DATA BUTTON
----------------------------------------------*/

#containerGlobalNavBar div#mktData {
  height: 270px;
  width: 383px;
  left: 387px;
}


/* GLOBAL NAV - SERVICES BUTTON
----------------------------------------------*/

#containerGlobalNavBar div#services {
  height: 320px;
  width: 285px;
  left: 673px;
}


/* GLOBAL NAV - ABOUT US BUTTON
----------------------------------------------*/

#containerGlobalNavBar div#about {
  height: 384px;
  width: 285px;
  left: 673px;
}


/* SUB NAV BREAD
----------------------------------*/
#ContainerBread {
   border: none;
   width: 600px;
   margin-top: 5px;
   margin-bottom: 5px;
}

#subNavBread {
   margin-left: 10px;
   font-weight: bold;
   font-size: 11px;
   color: #000000;
}


#subNavBread a, #subNavBread a:link, #subNavBread a:visited {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #636363;
   text-decoration: none;
   background: url(../images/bullet_greyCarat.gif) no-repeat right;
   padding-right: 10px;
   display: inline;
   margin-right: 5px;
}

#subNavBread a:active, #subNavBread a:hover {
   text-decoration: underline;
}

/* FOOTER
--------------------------------- */

#footer {
   width: 983px;
   height: auto;
   background-image: url(../images/bg_footer.jpg);
   background-repeat: no-repeat;
   background-position: top;
   margin-top: 30px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   display: block;
   clear:both;

}

#footerNav {
   list-style: none;
   margin: 5px 0 0 0;
   padding: 0;
   width: auto;
   text-align: center;
}

#footerNav a, #footerNav a:link, #footerNav a:visited {
   font-size: 13px;
   font-weight: normal;
   color: #144371;
   text-decoration: none;
   display: inline;
}

#footerNav a:hover, #footerNav a:active {
   text-decoration: underline;
}


#footerNav li {
   float: left;
   font-size: 13px;
   color: #bbb;
}

#footerNav li a {
   display: inline;
   color: #144371;
   text-decoration: none;
   font-size: 13px;
   font-weight: normal;
}

#footerNav li a:hover {
   text-decoration: underline;
}

/* COPYRIGHT
--------------------------------- */

#copyright {
   font-size: 10px;
   color: #999999;
   text-align: center;
   margin-bottom: 70px;
   margin-top: 10px;
   display: block;
   clear: both;
}

#copyright a, #copyright  a:link, #copyright a:visited {
   font-size: 10px;
   font-weight: normal;
   text-decoration: none;
   color: #999;
   display: inline;
}

#copyright a:hover, #copyright a:active,
{
   text-decoration: none;
}

/* LOGIN CONTAINER
--------------------------------- */

#loginForm {
    margin: 0;
    padding: 0;
}

#loginContainer {
   width: 100%;
   height: 135px;
   background: #6d6d6d url(../images/bg_loginHoriTile.jpg) repeat-x bottom;
   margin-bottom: 8px;
}


#loginContainer p {
   margin-top: 0;
}


#loginContainer #ukHelpDesk, #loginContainer #usHelpDesk {
   font-size: 11px;
   font-weight: normal;
   color: #ffffff;
   padding-left: 10px;
}

#changePassword {
   padding-left: 10px;
}

#loginContainer #changePassword a, #loginContainer #changePassword a:link, #loginContainer #changePassword a:visited {
   font-size: 11px;
   font-weight: normal;
   color: #ffffff;
   text-decoration: none;
}

#loginContainer #changePassword a:hover, #loginContainer #changePassword a:active {
   text-decoration: underline;
}

#loginContainer select {
   width: 155px;
   margin: 0 10px 5px 10px;
   font-size: 11px;
   background-color: #ececec;
   color: #575757;
}

#loginContainer #j_username, #loginContainer #j_password {
   margin: 0 5px 5px 10px;
   display: inline;
   font-size: 10px;
   background-color: #ececec;
   color: #575757;
   height: 15px;
   width: 100px;
}

#loginContainer img {
   margin-bottom: 3px;
}


#pl_rightColBodyWide {
   width: 774px;
   height: auto;
   margin: 10px 0 0 18px;
   float: left;
}


/* //////////////////////////////// LEFT COL BODY
--------------------------------- */

#leftColBody {
   width: 188px;
   min-height:280px;
   height: auto !important;
   height: 280px;
   margin-top: 10px;
   float: left;
   padding-bottom:22px;
}

/* LEFT CONTAINER GLOBAL */

.leftContainer {
   width: 100%;
   height: auto;
   background: #bebebe url(../images/bg_calloutBotHoriTile.jpg) repeat-x bottom;
   margin-bottom: 9px;
   padding-bottom: 19px;
}

.leftContainer a, .leftContainer a:link, .leftContainer a:visited {
   display: block;
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 10px;
   margin-left: 8px;
   color: #333333;
   text-decoration: none;
   font-weight: normal;
   font-size: 12px;
   line-height:18px;
}

.leftContainer a:active, .leftContainer a:hover {
   text-decoration: underline;
}

/* CONTAINER REFERNECE
--------------------------------- */

.containerReference {
   height: 60px;
   padding-bottom: 10px;
}

.containerReference a, .containerReference a:link, .containerReference a:visited {
   display: inline;
}
.containerIceUpdates {
   padding-bottom: 18px;
}

/* HOME PAGE SIF
------------------- */
#sifModule {
   padding-bottom: 10px;
}


/* MARKETS and CLEARING SUBNAV
--------------------------------- */

#tabsSubNav {
   margin: 0 0 0 0;
}

#tabsSubNav ul {
   display:block;
   margin: 0;
   padding: 0;
   position: relative;
}

#tabsSubNav ul li {
   display:inline-block;
   float:left;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0;
   padding:0;
}

#tabsSubNav ul li a img {
   display:block;
}


/* STYLES FOR SERVICES PAGE
--------------------------------- */

.contentImageBlock {
   width:777px;
   margin-bottom:20px;
}

.blockContent {
   width: 528px;
   float: left;
   font-size: 12px;
   font-weight: normal;
   color:#2D2D2D;
}

.blockContent .blockSubHeader {
   color:#40668D;
   font-size:22px;
   font-weight:normal;
   margin:0 0 18px 0;
   padding:0;
}

.blockContent p {
   color:#2D2D2D;
}

.blockContent a, .blockContent a:link, .blockContent a:visited {
   color: #154271;
   text-decoration: none;
   font-weight: bold !important;
   padding-left: 4px;
}


.blockContent a:hover, .blockContent a:active {
   text-decoration: underline;
}

.blockImage {
   width:231px;
   padding-left:16px;
   float: left;
}

/* STYLES FOR GENERIC CONTENT PAGES
------------------------------------ */

.pageSubTitle {
   color:#40668D;
   font-size:22px;
   font-weight:normal;
   margin-bottom:20px;
   padding:0;
}

.genericContent {
   font-size: 12px;
   color: #2d2d2d;
}

.genericContent p {
   color: #2d2d2d;
}

/* STYLES FOR FEES TABLE (used on Fees and Margins pages)
TODO: these should probably be in a "cms.css" file so they don't get accidentally removed
---------------------------------------------------------- */

#feesContainer {
   margin: 20px 0 0 0;
   padding: 0 0 5px 0;
}

#feesContainer a {
   text-decoration:none;
}

#feesContainer a:hover {
   text-decoration: underline;
}

#feesContainer img {
   display:block;
}

#feesContainer .feeCategories {
   background:transparent url(../images/bg_fees.gif) repeat-y;
   height:auto;
   margin:0;
   padding:0;
   width:772px;
}

#feesContainer .feeCategories .feeTypes {
   float:left;
   height:auto;
   margin:0;
   padding:0 0 30px 0;
   width:193px;
}

#feesContainer .feeCategories .feeTypesBtm {
   height:26px;
   margin:0;
   padding:0;
   width:772px;
}

#feesContainer .feeCategories .feeTypes dl {
   background: none;
   margin:0;
   padding:0;
   width:193px;
}

#feesContainer .feeCategories .feeTypes dt {
   margin:0 0 9px 0;
   padding:0;
}

#feesContainer .feeCategories .feeTypes dd {
   background:none;
   border-top:1px solid #E5E5E5;
   margin:0 14px 0 16px;
   padding:11px 0 9px;
   width:163px;
}

#feesContainer .feeCategories .feeTypes dd a {
   font-family:Arial,Helvetica,sans-serif;
   font-size:13px;
   font-weight:bold;
   margin:0;
   padding:0;
}

#feesContainer .feeCategories .feeTypes dd.startList {
   border-top:none;
}

/*  MARKET STATUS 
------------------------ */

#marketAlert {
   margin: 0 0 8px 0;
}

/* Used to align the date picker icon */
.ui-datepicker-trigger {
    vertical-align: bottom;
    padding: 0 0 2px 3px;
}

/*  RSS DIV
------------------------ */

#rssDiv {
    float: right;
    clear:right;
    margin-top: 20px;
    padding-right: 3px;
    width: 16px;
    height: 16px;
    background: url(../images/sprites/global_nav.jpg) -318px 0 no-repeat;
}












