/*----------------------------------------------
    = SCREEN & PROJECTION STYLES
----------------------------------------------*/
@media screen, projection {

    /*----------------------------------------------
        = GENERAL STYLES
    ----------------------------------------------*/
    body {
        margin: 0;
        background-color: #fff;
        color: #000;
        font-family: 'Trebuchet MS', Arial, Sans-Serif;
        font-size: 0.69em;
        line-height: 1.45em;
    }

    h1 {
        margin: 0;
        padding: 0 0 10px 0;
        width: 566px;
        color: #374457;
        font-size: 1.64em;
        line-height: 1.2em;
        text-transform: uppercase;
    }

    h2 {
        margin-bottom: 0;
        color: #000;
        font-size: 1.18em;
        line-height: 1.2em;
        text-transform: uppercase;
    }

    h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited {
        color: #374457    
    }

    h3 {
        margin-bottom: 0;
        color: #000;
        font-size: 1em;
        line-height: 1.2em;
    }

    h4 {
        margin: 0;
        padding: 0;
        color: #374457;
        font-size: 1em;
    }

    h2 + p, h3 + p {
        margin-top: 0; /* WILL PROBABLY NEED AN IE 6 FIX */
    }

    a:link,
    a:hover,
    a:active,
    a:visited {
        color: #08c;
        outline-style: none;
        text-decoration: none;
    }

    a:hover {
        text-decoration: underlined;
    }

    table {
        border-collapse: collapse; /* same as <table cellspacing="0"> */
    }

    img {
        border-style: none;
    }

    ul.menu, ul.menu li {
        list-style-type: none;
    }

    ul.menu, ul.menu li {
        margin: 0;
        padding: 0;
    }

    ul.horizontal li {
        display: inline;
    }

    form {
        margin: 0;
        padding: 0;
    }

    /*---- FORM INPUT FIELDS ----*/
    input.typeText, 
    input.typePassword {
        font-size: 0.82em;
        text-transform: uppercase;
        padding: 2px 3px 1px 3px;
    }

    select {
        padding: 0;
    }

    select.typeSelect {
        font-size: 0.82em;/* 9px */
        text-transform: uppercase;
    }

    input.typeText.pannelElement {
        width: 152px;
    }

    select.pannelElement {
        width: 160px;
        padding: 1px 0;
    }

    textarea {
        font-family: 'Trebuchet MS', Arial, Sans-Serif;
        font-size: 1em;
        line-height: 1.45em;
    }

    textarea, 
    select, 
    input.typeText, 
    input.typePassword {
        border: solid 1px #cecece;
        background-color: #fff;
        color: #000;
    }

    /*----------------------------------------------
        = SITE WRAPPER STYLES
    ----------------------------------------------*/
    .site {
        width: 980px;
        margin: 0 auto;
    }


    /*----------------------------------------------
        = SUCKERFISH MENU STYLES
    ----------------------------------------------*/
    .suckerfish {
        margin: 0 auto;
        padding: 0;
        line-height: 1;
    }

    .suckerfish td {
        margin: 0;
        padding: 0;
    }

    .suckerfish ul {
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    .suckerfish a {
        display: block;
    }

    .suckerfish .sfTrigger ul {
        position: absolute;
        list-style: none;
    }

    /* NOTE! If you want to use the .right class to get a right-aligned drop-down, 
        you need to specify it under a diffrent css-class */
    /* Using left instead of display to hide menus because display: none isn't read by screen readers */
    .suckerfish .sfTrigger ul.left, 
    .suckerfish .sfTrigger ul.mid {
        left: -999em;
    }

    .suckerfish .sfTrigger:hover, 
    .suckerfish .sfTrigger.sfHover {
        position: static; /* To fix the 'stickyness in IE 7 */
    }

    /* lists under hovered tds */
    .suckerfish .sfTrigger:hover ul.left, 
    .suckerfish .sfTrigger.sfHover ul.left, 
    .suckerfish .sfTrigger:hover ul.mid, 
    .suckerfish .sfTrigger.sfHover ul.mid {
        left: auto;
        margin-right: 0;
    }



    /*----------------------------------------------
        = MAIN MENU STYLES
    ----------------------------------------------*/
    .siteMainMenu {
        width: 100%;
    }

    .siteMainMenu .sfTrigger ul {
        margin: -4px;
        padding: 0 0 6px 0;
        background: #738196 url('../img/new-design/drop-down-background.gif') repeat-x 0 0;
    }

    .siteMainMenu td.sfTrigger {
        padding-right: 1px;
        background: transparent url('../img/new-design/heading-tab-separator.png') no-repeat 100% 0%;
    }

    .siteMainMenu .sfTrigger a.topnavselected {
        background: transparent url('../img/new-design/white-heading-tab-separator.gif') repeat-x 0% 0%;
        color: #374457;
    }

    .siteMainMenu .sfTrigger a.topnavselected:visited {    
        color: #374457;
    }

    .siteMainMenu td.sfTrigger.right {
        padding-right: 0;
        background: transparent none;
    }

    .siteMainMenu .sfTrigger a {
        padding: 11px 0 14px 0;
        color: #fff;
        background: transparent none;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;

    }

    .siteMainMenu .sfTrigger a:visited {
        color: #fff;
    }

    .siteMainMenu .sfTrigger a:hover {
        background: transparent url('../img/new-design/white-heading-tab-separator.gif') repeat-x 0% 0%;
        color: #374457;
    }

    .siteMainMenu .sfTrigger ul li {
        font-size: 0.91em;
    }

    .siteMainMenu .sfTrigger ul li a {
        padding: 3px 30px 3px 15px;
        background: transparent none;
        text-align: left;
    }

    .siteMainMenu .sfTrigger ul li a:hover {
        background: #81a3bc none;
        color: #fff;
    }

    .siteMainMenu .sfTrigger:hover ul.left, 
    .siteMainMenu .sfTrigger.sfHover ul.left, 
    .siteMainMenu .sfTrigger:hover ul.mid, 
    .siteMainMenu .sfTrigger.sfHover ul.mid {
        margin-left: 0;
    }

    .siteMainMenu td ul.right {
        right: 999em;
    }

    .siteMainMenu .sfTrigger:hover ul.right, 
    .siteMainMenu .sfTrigger.sfHover ul.right {
        right: 50%;
        margin-right: -480px;
    }



    /*----------------------------------------------
        = SITE HEADING STYLES
    ----------------------------------------------*/
    .siteHeading {
        position: relative;
        z-index: 1;
        width: 980px;
        height: 122px;
    }

    .siteHeadingLeft {
        float: left;
        width: 10px;
        height: 122px;
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll 0 0;
    }

    .siteHeadingMiddle {
        float: left;
        width: 960px;
        height: 122px;
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll -10px 0;
    }

    .siteHeadingTop {
        float: left;
        width: 100%;
        height: 85px;
    }

    .siteHeadingMenu {
        float: left;
        width: 100%;
        height: 37px;
    }

    .siteHeadingRight {
        float: left;
        width: 10px;
        height: 122px;
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll -995px 0;
    }



    /*----------------------------------------------
        = LOGO STYLES
    ----------------------------------------------*/
    .siteHeading .logo {
        float: left;
        padding: 5px 7px 0 7px; /* 2008-11-17 */
    }



    /*----------------------------------------------
        = LOGIN MENU STYLES
    ----------------------------------------------*/
    .siteHeading .loginMenu {
        float: left;
        margin: 34px 0 0 0;
        padding: 0 5px;
    }

    .siteHeading .loginMenu li {
        display: inline;
        margin: 0 10px 0 0;
        font-size:0.91em;
    }

    .siteHeading .loginMenu li a {
        padding: 0 0 0 10px;
        color: #fff;
        background: transparent url('../img/arrow-white-right.gif') no-repeat 0% 50%;
        text-decoration:none;
        text-transform:uppercase;
    }

    .siteHeading .loginMenu li a:hover {
        color: #b2c9da;
        background: transparent url('../img/arrow-blue-right.gif') no-repeat 0% 50%;
    }


    /*----------------------------------------------
        = TOP MENU STYLES
    ----------------------------------------------*/
    .siteHeading .selectionBox {
        float: right;
        margin: 0 10px 0 0;
        padding: 34px 0 0 10px;
        width: 172px;
        background: transparent url('../img/new-design/heading-top-separator.gif') no-repeat 0% 0%;
    }

    .siteHeading .selectionBox.siteSearch {
        margin: 0 0 0 10px;
        width: 167px;
    }

    .siteHeading .selectionBox div.siteSearch {
         background-color: #68768b;
    }

    .siteHeading .selectionBox h4, .siteHeading .selectionBox div, .siteHeading .selectionBox .sfTrigger {
        float: left;
    }

    .siteHeading .selectionBox h4 {
        padding: 3px 7px 1px 2px;
        color: #fff;
        font-size:0.91em;
        text-transform: uppercase;
    }

    .siteHeading .selectionBox .sfTrigger {
        padding: 2px 35px 2px 2px;
        border: solid 1px #1d293c;
        background: transparent url('../img/arrow-white-down.gif') no-repeat 95% 50%;
    }

    .siteHeading .selectionBox .sfTrigger ul {
        margin: 3px 0 0 -3px;
        padding: 0 0 5px 0;
        background: #738196 url('../img/new-design/drop-down-background.gif') repeat-x 0 0;
    }

    .siteHeading .selectionBox .sfTrigger ul a {
        padding: 3px 25px 3px 10px;
        text-decoration:none;
    }

    .siteHeading .selectionBox .sfTrigger ul a:hover {
        background: #81a3bc none;
    }

    .siteHeading .selectionBox.siteSearch h4 {
        padding: 0 7px 4px 2px;
    }

    .siteHeading .selectionBox div {
        border: solid 1px #1d293c;
    }

    .siteHeading .selectionBox div.siteSearch {
        margin: 0;
        padding: 0;
        width: 100px;
        height: 14px;
    }

    .siteHeading .selectionBox a {
        color: #fff;
        font-size: 0.91em;
        text-decoration: none;
        text-transform: uppercase;
    }

    .siteHeading .selectionBox li {
        font-size: 1em;
    }

    .siteHeading .selectionBox input.typeText {
        width: 80px;
        height: 14px;
        padding: 0 3px;
        position: relative;
        top: -3px;
        border: none 0px transparent;
        background: transparent none;
        color: #fff;
        text-transform: none;
    }

    .siteHeading .selectionBox input.typeSubmit {
        width: 14px;
        height: 14px;
        cursor: pointer;
        border: none 0px transparent;
        background: transparent url('../img/arrow-white-right.gif') no-repeat 50% 50%;
    }



    /*----------------------------------------------
        = SITE CONTAINER STYLES
    ----------------------------------------------*/
    .container {
        position: relative;
        top: -10px;
        width: 980px;
    }



    /*----------------------------------------------
        = SITE SUB HEADING STYLES
    ----------------------------------------------*/
    .siteSubHeading {
        float: left;
        padding: 0 5px;
        width: 970px;
    }



    /*----------------------------------------------
        = SITE BODY STYLES
    ----------------------------------------------*/
    .siteBody {
        float: left;
        padding: 0 5px;
        width: 970px;
    }



    /*----------------------------------------------
        = NAVIGATOR STYLES
    ----------------------------------------------*/
    .productNavigator {
        float: left;
        margin: 10px 0 15px 0;
    }

    #productNavigator {
        float: left;
    }



    /*----------------------------------------------
        = *NEW* FRONT PAGE STYLES, 2008-08-26
    ----------------------------------------------*/
    .frontPage h1 {
        font-size: 3.27em;
        font-weight: bold;
        line-height: 1.1em;
    }

    /*---- Front Page Row ----*/
    .frontPage .row {
        float: left;
        width: 980px;
    }

    .frontPage .row.top .inner .left p {
        font-size: 1.45em;
        line-height: 1em;
    }

    .frontPage .row.top .inner .left li {
        font-size: 1.64em;
        line-height:1.2em;
    }

    .frontPage .row.middle .box h2 {
        font-size: 2.18em;
        font-weight: normal;
        line-height: 1.6em;
        text-transform: none;
    }

    .frontPage .row.bottom .box h3 {
        font-size: 1.55em;
        font-weight: normal;
        line-height:1.6em;
        text-transform: none;
    }

    .frontPage .row .buttonField {
        text-align: right;
    }

    .frontPage .row.top .inner .left h1,
    .frontPage .row.top .inner .left p,
    .frontPage .row.top .inner .left li {
        color: #000;
    }

    .frontPage .row.top {
        float: left;
        width: 970px;
        height: 278px; /* 288-5-5 for the drop shadow */
        margin: 2px 0 20px 0;
        display: block;
        overflow: hidden;
        background: transparent url() no-repeat scroll 0 0;
        border-left: 5px solid #fff;
    }

    .frontPage .row.top .flash {
        position: absolute;
    }

    .frontPage .row.top .innerFrame {
        padding: 20px;
        position: relative;
        width: 940px;
    }

    .frontPage .row.top .innerFrame .left {
        float: left;
        width: 600px;
        margin: 10px;
    }

    .frontPage .row.top .innerFrame .left ul {
        margin: 5px 0 20px 0; /* 2008-11-17 */
        padding: 0 20px;
    }

    .frontPage .row.top .innerFrame .left li {
        margin: 0;
        padding: 0;
    }

    .frontPage .row.top .innerFrame .left p {
        margin: 0;
        padding: 0 0 10px 0;
    }

    .frontPage .row.top .innerFrame .right {
        float: right;
        width: 212px;
    }

    .frontPage .row.middle {
        margin: 5px 0 0 0;
    }

    .frontPage .row.middle .box p {
        clear: both;
    }

    .frontPage .row.middle .box ul {
        margin: 0;
        padding: 0;
    }

    .frontPage .row.middle .box img {
        margin: 5px 20px 5px 5px;
    }

    .frontPage .row.bottom {
        margin-top: 20px;
        padding-top: 20px;
        border-top: solid 1px #f2f4f7;
    }

    .frontPage.mixed .row.bottom {
	    margin-top: 0;
	    padding-top: 0;
	    border-top: none 0;
    }

    .frontPage.mixed .row.middle {
	    margin-top: 0;
    }

    .frontPage.mixed .mixedContent table {
	    clear: left;
    }

    .frontPage.mixed .mixedContent table table {
	    padding: 0;
	    margin: 0 15px;
	    width: 950px;
    }


    /*---- Front Page Box ----*/
    .frontPage .box {
        float: left;
        width: 296px; /* width: 280px;*/ /* 2008-11-17 */
        margin: 0 15px;
    }

    .frontPage .box h2, .frontPage .box h3 {
        margin: 0;
    }

    .frontPage .box img {
        float: left;
        margin: 5px 10px 10px 0;
    }

    /*---- Banner Box ----*/
    .bannerBox {
        cursor: pointer;
        float: right;
        margin: 5px 0 20px 0;
    }

    .bannerBox .green, .bannerBox .blue {
        float: right;
        width: 209px;
        height: 98px;
    }

    .frontPage .row.top .bannerBox .green .inner, .frontPage .row.top .bannerBox .blue .inner {
        padding: 10px 15px;
    }

    .bannerBox h2, .bannerBox p {
        margin: 0;
    }

    .bannerBox h2 {
        line-height: 1.5em;
        color: #fff;
    }

    .bannerBox p {
        line-height: 1.1em;
        color: #fff;
    }

    .bannerBox .green {
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll -2013px 0;
    }

    .bannerBox .blue {
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll -2222px 0;
    }


    /*----------------------------------------------
        = FRONT PAGE SUB MENU STYLES
    ----------------------------------------------*/
    .frontPageSubMenu {
        float: left;
        height: 42px;
        margin-top: -30px;
        width: 980px;
        position: relative;
    }

    .frontPageSubMenu .left {
        float: left;
        height: 42px;
        width: 10px;
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll -1005px 0;
    }

    .frontPageSubMenu table {
        float: left;
        height: 42px;
        width: 960px;
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll -1015px 0;
    }

    .frontPageSubMenu table tr td {
        color:#fff;
        font-weight: bold;
        text-align: center;
        text-transform:uppercase;
    }

    .frontPageSubMenu table tr td a {
        color:#fff;
    }

    .frontPageSubMenu .right {
        float: left;
        height: 42px;
        width: 10px;
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll -1995px 0;
    }



    /*----------------------------------------------
        = FRONT PAGE COLUMNS STYLES
    ----------------------------------------------*/
    .frontPageColumns {
        float: left;
        margin: 0;
        padding: 0 5px;
    }

    .frontPageLeftColumn, .frontPageMiddleColumn {
        float: left;
        margin-right: 9px;
        width: 375px;
    }

    .frontPageRightColumn {
        float: right;
        width: 182px;
    }



    /*----------------------------------------------
        = BOX CONTROL STYLES
    ----------------------------------------------*/
    .boxControl {
        padding: 10px 0;
        width: 100%;
    }

    .boxControl h2 {
        margin: 0;
        color: #374457;
        font-size:1.64em;
        text-transform:uppercase;
    }

    .boxControl h3 {
        margin: 0;
        color: #000;
        font-size:1.18em;
        text-transform:uppercase;
    }

    .boxControl h2 + p {
        margin: 10px 0; /* WILL PROBABLY NEED AN IE 6 FIX */
    }

    .boxControl ul {
        margin: 10px 0pt;
        padding: 0pt;
    }

    .boxControl li {
        margin: 0 0 8px 0;
        padding: 0 0 0 25px;
        list-style: none outside none;
        background: transparent url('../img/new-design/list-arrow.gif') no-repeat scroll 5px 4px;
        font-size: 1.09em;
        font-style: normal;
    }

    .boxControl ol li {
        background-image: none;
        list-style-position: inside;
        list-style-type: decimal;
    }

    .boxControl ul.twoColumn.left {
        float: left;
        width: 50%;
    }

    .boxControl ul.twoColumn.right {
        float: right;
        width: 50%;
    }

    .boxControl .top {
        height: 5px;
        background: transparent url('../img/new-design/action-panel/action-panel-top.png') no-repeat scroll 0 0;
    }

    .boxControl .middle {
        padding: 7px 11px;
    }

    .boxControl .middle .bgImage {
	    position: absolute;
	    width: 100%;
    }

    .boxControl .middle .content {
	    position: relative;
    }

    .boxControl .middle .bottom {
        clear: both;
        height: 1px;
    }

    .boxControl .bottom {
        height: 6px;
    }

    .frontPageRightColumn .boxControl {
        width: 182px;
        margin: 0 0 9px 0;
    }

    .frontPageAward {
        margin: 0 7px 7px 0;
    }

    .boxImage {
        float: left;
        margin: 2px 7px 7px 0;
    }

    .boxControl h3.slim {
        margin-top: 0;
    }

    .boxControl p.slim {
        margin-bottom: 0;
    }

    .boxControl.background .top {
        background: transparent url('../img/box-control-background-top.gif') no-repeat;
    }

    .boxControl.background .middle {
        background: transparent url('../img/box-control-background-middle.gif') repeat-y;
    }

    .boxControl.background .bottom {
        background: transparent url('../img/box-control-background-bottom.gif') no-repeat;
    }

    .frontPageRightColumn .boxControl.background .top {
        background: transparent url('../img/box-control-right-top.gif') no-repeat;
    }

    .frontPageRightColumn .boxControl.background .middle {
        background: transparent url('../img/box-control-right-middle.gif') repeat-y;
    }

    .frontPageRightColumn .boxControl.background .bottom {
        background: transparent url('../img/box-control-right-bottom.gif') no-repeat;
    }

    .nobackground,
    .boxControl .middle a.nobackground, 
    .boxControl .middle a.nobackground:hover {
        background-color: transparent !important;
        background-image: none !important;
        padding-left: 0;
        padding-right: 0;
    }


    /*----------------------------------------------
        = ACTION PANEL CONTROL STYLES
    ----------------------------------------------*/
    .actionPanel {
        margin-bottom: 9px;
    }

    .actionPanel .top {
        height: 15px;
    }

    .actionPanel .middle {
        margin-top: -7px;
        padding: 0 8px;
    }

    .actionPanel .middle h2 {
        margin: 0;
        font-size:1.64em;
        text-transform:uppercase;
    }

    .actionPanel .middle p {
        margin-bottom: 0;
        line-height: 1.1em;
    }

    .actionPanel .bottom {
        height: 30px;
    }

    .actionPanel.orange {
        background: transparent url('../img/action-panel-background-orange.jpg') no-repeat scroll 0% 100%;
    }

    .actionPanel.orange .top {
        background: transparent url('../img/action-panel-top-orange.gif') no-repeat scroll 100% 0%;
    }

    .actionPanel.blue {
        background: transparent url('../img/action-panel-background-blue.jpg') no-repeat scroll 0% 100%;
    }

    .actionPanel.blue .top {
        background: transparent url('../img/action-panel-top-blue.gif') no-repeat scroll 100% 0%;
    }

    .actionPanel.orange h2 {
        color: #fff;
    }

    .actionPanel.blue h2 {
        color: #fff;
    }

    .actionPanel .middle a, .actionPanel .middle p {
        color: #fff;
    }


    /*----------------------------------------------
        = NEW BOX CONTROL/ACTION PANEL STYLES
    ----------------------------------------------*/
    /*---- GENERIC ----*/
    .panel .boxControl {
        padding: 0 0 20px 0;
    }

    .panel .boxControl .middle .content p {
        margin: 8px 0;
    }

    .boxControl.actionOrange .middle p, 
    .boxControl.actionBlue .middle p, 
    .boxControl.actionRed .middle p, 
    .boxControl.actionPurple .middle p, 
    .boxControl.actionYellow .middle p {
        line-height: 1.1em;
    }

    /*---- PLAIN ----*/
    .boxControl.plain {
    }


    /*---- SIMPLE GREY, BLUE AND GREEN ----*/
    .boxControl.simpleGrey .top .left, .boxControl.simpleGrey .bottom .left, 
    .boxControl.simpleWhite .top .left, .boxControl.simpleWhite .bottom .left, 
    .boxControl.lightGrey .top .left, .boxControl.lightGrey .bottom .left, 
    .boxControl.lightGreen .top .left, .boxControl.lightGreen .bottom .left {
        float: left;
    }

    .boxControl.simpleGrey .top .right, .boxControl.simpleGrey .bottom .right, 
    .boxControl.simpleWhite .top .right, .boxControl.simpleWhite .bottom .right, 
    .boxControl.lightGrey .top .right, .boxControl.lightGrey .bottom .right, 
    .boxControl.lightGreen .top .right, .boxControl.lightGreen .bottom .right {
        float: right;
    }

    .boxControl.simpleGrey .top .left, .boxControl.simpleGrey .top .right, .boxControl.simpleGrey .bottom .left, .boxControl.simpleGrey .bottom .right, 
    .boxControl.simpleWhite .top .left, .boxControl.simpleWhite .top .right, .boxControl.simpleWhite .bottom .left, .boxControl.simpleWhite .bottom .right, 
    .boxControl.lightGrey .top .left, .boxControl.lightGrey .top .right, .boxControl.lightGrey .bottom .left, .boxControl.lightGrey .bottom .right, 
    .boxControl.lightGreen .top .left, .boxControl.lightGreen .top .right, .boxControl.lightGreen .bottom .left, .boxControl.lightGreen .bottom .right{
        height: 5px;
        width: 5px;
    }


    .boxControl.simpleWhite .bottom {
	    height: 5px;
    }


    /*---- ACTION ORANGE & BLUE ----*/
    .boxControl.actionOrange h2, .boxControl.actionBlue h2, .boxControl.actionPlain h2, .boxControl.actionRed h2, .boxControl.actionPurple h2, .boxControl.actionYellow h2 {
        margin-top: 4px;
    }

    .boxControl.actionOrange .top .left, 
    .boxControl.actionOrange .top .right, 
    .boxControl.actionOrange .bottom, 
    .boxControl.actionBlue .top .left, 
    .boxControl.actionBlue .top .right, 
    .boxControl.actionBlue .bottom, 
    .boxControl.actionPlain .top .left, 
    .boxControl.actionPlain .top .right, 
    .boxControl.actionPlain .bottom, 
    .boxControl.actionRed .top .left, 
    .boxControl.actionRed .top .right, 
    .boxControl.actionRed .bottom, 
    .boxControl.actionPurple .top .left, 
    .boxControl.actionPurple .top .right, 
    .boxControl.actionPurple .bottom, 
    .boxControl.actionYellow .top .left, 
    .boxControl.actionYellow .top .right, 
    .boxControl.actionYellow .bottom {
        display: none;
    }

    .boxControl.actionOrange a, .boxControl.actionBlue a, .boxControl.actionPlain a, .boxControl.actionRed a, .boxControl.actionPurple a, .boxControl.actionYellow a {
        padding-left: 10px;
    }

    .boxControl.actionOrange .top, .boxControl.actionBlue .top, .boxControl.actionPlain .top, .boxControl.actionRed .top, .boxControl.actionPurple .top, .boxControl.actionYellow .top {
        float: right;
        height: 15px;
        width: 15px;
    }

    /*---- LIGHT BLUE (aka SIMPLE GREY) ----*/
    .boxControl.simpleGrey .top {
        background: transparent url('../img/new-design/box-control/light-blue/tm.gif') repeat-x scroll 0 0;
    }

    .boxControl.simpleGrey .top .left {
        background: transparent url('../img/new-design/box-control/light-blue/tl.gif') no-repeat scroll 0 0;
    }

    .boxControl.simpleGrey .top .right {
        background: transparent url('../img/new-design/box-control/light-blue/tr.gif') no-repeat scroll 0 0;
    }

    .boxControl.simpleGrey .middle {
        background: #f2f4f7 none;
        border-color: #d5e2eb;
        border-style: solid;
        border-width: 0 1px;
    }

    .boxControl.simpleGrey .middle .inner .bottom {
        background: transparent none;
    }

    .boxControl.simpleGrey .bottom {
        background: transparent url('../img/new-design/box-control/light-blue/bm.gif') repeat-x scroll 0 0;
    }

    .boxControl.simpleGrey .bottom .left {
        background: transparent url('../img/new-design/box-control/light-blue/bl.gif') no-repeat scroll 0 0;
    }

    .boxControl.simpleGrey .bottom .right {
        background: transparent url('../img/new-design/box-control/light-blue/br.gif') no-repeat scroll 0 0;
    }

    /*---- LIGHT GREY ----*/
    .boxControl.lightGrey .top {
        background: transparent url('../img/new-design/sprites/general.gif') repeat-x scroll 0 0;
    }

    .boxControl.lightGrey .top .left {
        background: transparent url('../img/new-design/sprites/general.gif') no-repeat scroll 0 0;
    }

    .boxControl.lightGrey .top .right {
        background: transparent url('../img/new-design/sprites/general.gif') no-repeat scroll -985px 0;
    }

    .boxControl.lightGrey .middle {
        background: #f7f7f7 none;
        border-color: #ebebeb;
        border-style: solid;
        border-width: 0 1px;
    }

    .boxControl.lightGrey .middle .inner .bottom {
        background: transparent none;
    }

    .boxControl.lightGrey .bottom {
        background: transparent url('../img/new-design/sprites/general.gif') repeat-x scroll -990px 0;
    }

    .boxControl.lightGrey .bottom .left {
        /*background: transparent url('../img/new-design/sprites/general.gif') no-repeat scroll -990px 0;*/
    }

    .boxControl.lightGrey .bottom .right {
        background: transparent url('../img/new-design/sprites/general.gif') no-repeat scroll -1975px 0;
    }

    /*---- LIGHT GREEN (aka SIMPLE GREEN) ----*/
    .boxControl.lightGreen .top {
        background: transparent url('../img/new-design/box-control/light-green/tm.gif') repeat-x scroll 0 0;
    }

    .boxControl.lightGreen .top .left {
        background: transparent url('../img/new-design/box-control/light-green/tl.gif') no-repeat scroll 0 0;
    }

    .boxControl.lightGreen .top .right {
        background: transparent url('../img/new-design/box-control/light-green/tr.gif') no-repeat scroll 0 0;
    }

    .boxControl.lightGreen .middle {
        background: #f7f7f7 none;
        border-color: #d6ebd5;
        border-style: solid;
        border-width: 0 1px;
    }

    .boxControl.lightGreen .middle .inner .bottom {
        background: transparent none;
    }

    .boxControl.lightGreen .bottom {
        background: transparent url('../img/new-design/box-control/light-green/bm.gif') repeat-x scroll 0 0;
    }

    .boxControl.lightGreen .bottom .left {
        background: transparent url('../img/new-design/box-control/light-green/bl.gif') no-repeat scroll 0 0;
    }

    .boxControl.lightGreen .bottom .right {
        background: transparent url('../img/new-design/box-control/light-green/br.gif') no-repeat scroll 0 0;
    }

    /*---- WHITE (aka SIMPLE WHITE) ----*/
    .boxControl.simpleWhite .top {
        background: transparent url('../img/new-design/box-control/white/tm.gif') repeat-x scroll 0 0;
    }

    .boxControl.simpleWhite .top .left {
        background: transparent url('../img/new-design/box-control/white/tl.gif') no-repeat scroll 0 0;
    }

    .boxControl.simpleWhite .top .right {
        background: transparent url('../img/new-design/box-control/white/tr.gif') no-repeat scroll 0 0;
    }

    .boxControl.simpleWhite .middle {
        background: #fff none;
        border-color: #d5e2eb;
        border-style: solid;
        border-width: 0 1px;
    }

    .boxControl.simpleWhite .middle .inner .bottom {
        background: transparent none;
    }

    .boxControl.simpleWhite .bottom {
        background: transparent url('../img/new-design/box-control/white/bm.gif') repeat-x scroll 0 0;
    }

    .boxControl.simpleWhite .bottom .left {
        background: transparent url('../img/new-design/box-control/white/bl.gif') no-repeat scroll 0 0;
    }

    .boxControl.simpleWhite .bottom .right {
        background: transparent url('../img/new-design/box-control/white/br.gif') no-repeat scroll 0 0;
    }

    /*---- ACTION ----*/
    .boxControl.actionOrange .middle, 
    .boxControl.actionBlue .middle, 
    .boxControl.actionRed .middle, 
    .boxControl.actionPurple .middle, 
    .boxControl.actionYellow .middle {
        color: #fff;
    }

    /*---- ACTION PANEL - BLUE ----*/
    .boxControl.actionBlue .middle h2 {
        color: #fff;
    }

    .boxControl.actionBlue .middle a, 
    .boxControl.actionBlue .middle a:hover,
    .boxControl.actionBlue .middle a:visited {
        color: #fff;
        background: transparent url('../img/new-design/small-arrow-white.gif') no-repeat scroll 0 4px;
        display: inline-block;
    }

    .boxControl.actionBlue .middle,
    .panel .boxControl.actionBlue .middle {
        background: #afc6d8 url('../img/new-design/action-panel/action-panel-blue.jpg') no-repeat scroll 50% 100%;
    }

    .boxControl13.boxControl.actionBlue .middle {
        background: #afc6d8 url('../img/new-design/action-panel/action-panel-blue13.jpg') no-repeat scroll 50% 100%;
    }

    /*---- ACTION PANEL - CAMPAIGN ----*/
    .boxControl.actionOrange .middle h2 {
        color: #fff;
    }

    .boxControl.actionOrange .middle a, 
    .boxControl.actionOrange .middle a:hover,
    .boxControl.actionOrange .middle a:visited {
        color: #fff;
        background: transparent url('../img/new-design/small-arrow-white.gif') no-repeat scroll 0 4px;
        display: inline-block;
    }

    .boxControl.actionOrange .middle,
    .panel .boxControl.actionOrange .middle {
        background: #81cd80 url('../img/new-design/action-panel/action-panel-campaign.jpg') no-repeat scroll 50% 100%;
    }

    .boxControl13.boxControl.actionOrange .middle {
        background: #81cd80 url('../img/new-design/action-panel/action-panel-campaign13.jpg') no-repeat scroll 50% 100%;
    }

    /*---- ACTION PANEL - GREY ----*/
    .boxControl.actionPlain .top {
        color: #fff;
    }

    .boxControl.actionPlain .middle a, 
    .boxControl.actionPlain .middle a:hover,
    .boxControl.actionPlain .middle a:visited {
        color: #000;
        background: transparent url('../img/new-design/small-arrow-black.gif') no-repeat scroll 0 6px;
        display: inline-block;
    }

    .boxControl.actionPlain .middle,
    .panel .boxControl.actionPlain .middle {
        background: #e7ebee url('../img/new-design/action-panel/action-panel-grey.jpg') no-repeat scroll 50% 100%;
    }

    .boxControl13.boxControl.actionPlain .middle {
        background: #e7ebee url('../img/new-design/action-panel/action-panel-grey13.jpg') no-repeat scroll 50% 100%;
    }

    /*---- ACTION PANEL - RED ----*/
    .boxControl.actionRed .top {
        color: #fff;
    }

    .boxControl.actionRed .middle h2 {
        color: #fff;
    }

    .boxControl.actionRed .middle a, 
    .boxControl.actionRed .middle a:hover,
    .boxControl.actionRed .middle a:visited {
        color: #fff;
        background: transparent url('../img/new-design/small-arrow-white.gif') no-repeat scroll 0 4px;
        display: inline-block;
    }

    .boxControl.actionRed .middle,
    .panel .boxControl.actionRed .middle {
        background: #eab7c0 url('../img/new-design/action-panel/action-panel-red.jpg') no-repeat scroll 50% 100%;
    }

    .boxControl13.boxControl.actionRed .middle {
        background: #eab7c0 url('../img/new-design/action-panel/action-panel-red13.jpg') no-repeat scroll 50% 100%;
    }

    /*---- ACTION PANEL - PURPLE ----*/
    .boxControl.actionPurple .top {
        color: #fff;
    }

    .boxControl.actionPurple .middle h2 {
        color: #fff;
    }

    .boxControl.actionPurple .middle a, 
    .boxControl.actionPurple .middle a:hover,
    .boxControl.actionPurple .middle a:visited {
        color: #fff;
        background: transparent url('../img/new-design/small-arrow-white.gif') no-repeat scroll 0 4px;
        display: inline-block;
    }

    .boxControl.actionPurple .middle,
    .panel .boxControl.actionPurple .middle {
        background: #e0badf url('../img/new-design/action-panel/action-panel-purple.jpg') no-repeat scroll 50% 100%;
    }

    .boxControl13.boxControl.actionPurple .middle {
        background: #e0badf url('../img/new-design/action-panel/action-panel-purple13.jpg') no-repeat scroll 50% 100%;
    }

    /*---- ACTION PANEL - YELLOW ----*/
    .boxControl.actionYellow .top {
        color: #fff;
        background: transparent url('../img/new-design/action-panel/action-panel-top.png') no-repeat scroll 0 0;
    }

    .boxControl.actionYellow .middle h2 {
        color: #fff;
    }

    .boxControl.actionYellow .middle a, 
    .boxControl.actionYellow .middle a:hover,
    .boxControl.actionYellow .middle a:visited {
        color: #fff;
        background: transparent url('../img/new-design/small-arrow-white.gif') no-repeat scroll 0 4px;
        display: inline-block;
    }

    .boxControl.actionYellow .middle,
    .panel .boxControl.actionYellow .middle {
        background: #f4dbb3 url('../img/new-design/action-panel/action-panel-yellow.jpg') no-repeat scroll 50% 100%;
    }

    .boxControl13.boxControl.actionYellow .middle {
        background: #f4dbb3 url('../img/new-design/action-panel/action-panel-yellow13.jpg') no-repeat scroll 50% 100%;
    }


    /*----------------------------------------------
        = GENERIC BUTTON STYLES
    ----------------------------------------------*/
    a.genericButton {
        padding: 4px 21px 5px 0;
        zoom: 1;
        font-size:11px;
        font-weight:bold;
        text-decoration:none;
        text-transform:uppercase;
    }

    a.genericButton span {
        padding: 4px 8px 5px 10px;
    }

    /*---- Blue ----*/
    a.genericButton,
    p a.genericButton {
        background: transparent url('../img/new-design/generic-button-blue-right.png') no-repeat scroll 100% 0%;
        color: #fff;
    }

    a.genericButton span,
    p a.genericButton span {
        background: transparent url('../img/new-design/generic-button-blue-left.png') no-repeat scroll 0% 0%;
    }

    /*---- Green ----*/
    a.genericButton.accountOpening,
    p a.genericButton.accountOpening {
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll 100% -30px;
    }

    a.genericButton.accountOpening span,
    p a.genericButton.accountOpening span {
        background: transparent url(../img/new-design/sprites/general.png) no-repeat scroll -2431px 0;
    }

    /*---- All ----*/
    a.genericButton,
    a.genericButton:link,
    a.genericButton:hover,
    a.genericButton:active,
    a.genericButton:visited {
        color: #fff;
    }

    a.genericButton:hover,
    p a.genericButton:hover {
        background-position: 100% 100%;
        color: #fff;
    }

    a.genericButton:hover span,
    p a.genericButton:hover span {
        background-position: 0% 100%;
    }

    a.genericButton.accountOpening:hover,
    p a.genericButton.accountOpening:hover {
        background-position: 100% -90px;
        color: #fff;
    }

    a.genericButton.accountOpening:hover span,
    p a.genericButton.accountOpening:hover span {
        background-position: -2431px -60px;
    }


    /*----------------------------------------------
        = BREADCRUMBS STYLES
    ----------------------------------------------*/
    .breadcrumbs {
        float: left;
        background: transparent url('../img/new-design/breadcrumbs/breadcrumbs-background-middle.gif') repeat-x 0 100%;
        border-left: solid 1px #d5e2eb;
    }

    .breadcrumbRight {
        float: left;
        margin: 0;
        width: 6px;
        height: 42px;
        background: transparent url('../img/new-design/breadcrumbs/breadcrumbs-background-right.gif') no-repeat scroll 100% 100%;
    }

    .breadcrumbs ul {
        float: left;
        margin: 15px 0 0 0;
        padding: 0 0 11px 0;
        min-width: 187px;
        list-style-type: none;
        background: transparent url('../img/new-design/breadcrumbs/breadcrumbs-background-left.gif') no-repeat scroll 0 100%;
    }

    .breadcrumbs ul li {
        display: inline;
        padding: 0 5px 0 10px;
        background: transparent url('../img/new-design/breadcrumbs/breadcrumbs-arrow.gif') no-repeat scroll 0 50%;
        font-size: 1em;
    }

    .breadcrumbs ul li.first {
        padding-left: 16px;
        background: transparent none;
    }

    .breadcrumbs ul li.last {
        padding-right: 11px;
    }

    .breadcrumbs ul li, 
    .breadcrumbs ul li a, 
    .breadcrumbs ul li.first a {
        color: #777;
    }

    .breadcrumbs ul li.last a {
        color: #08c;
    }


    /*----------------------------------------------
        = COMMUNICATION BAR STYLES
    ----------------------------------------------*/
    .communicationBar {
        float: left;
        height: 32px;
        padding-top: 20px;
        width: 182px;
        background: #fff url('../img/new-design/icons/2icon-commbar-background.gif') no-repeat scroll 0% 100%;
    }

    .communicationBar a.comBarButton {
        display: block;
        float: left;
        height: 18px;
        margin: 7px 1px 0 0;
        padding: 0;
        width: 84px;
    }

    .communicationBar a.comBarButton.print {
        margin-left: 7px;
        background: transparent url('../img/new-design/icons/icon-print.gif') no-repeat scroll 50% 100%;
    }

    .comBarButton.mail {
        background: transparent url('../img/new-design/icons/icon-mail.gif') no-repeat scroll 50% 100%;
    }

    .comBarButton.pdf {
        background: transparent url('../img/new-design/icons/icon-pdf.gif') no-repeat scroll 50% 100%;
    }

    .comBarButton.rss {
        background: transparent url('../img/new-design/icons/icon-rss.gif') no-repeat scroll 50% 100%;
    }

    .communicationBar a.comBarButton.print:hover, 
    .communicationBar a.comBarButton.mail:hover, 
    .communicationBar a.comBarButton.pdf:hover, 
    .communicationBar a.comBarButton.rss:hover {
        background-position: 50% 0%;
    }


    /*----------------------------------------------
        = LEFT NAVIGATION STYLES
    ----------------------------------------------*/
    .leftNavigation {
        float: left;
        width: 180px;
        margin: 0 10px 0 5px;
        border-style: solid;
        border-width: 0 1px;
        border-color: #d5e2eb;
        background: #f2f4f7 none;
    }

    .leftNavContainer {
        background-color: #0f1b2d;
    }

    .leftNavContainerTop {
        background: transparent url('../img/new-design/leftmenu-background-top.gif') no-repeat scroll 0% 100%;
    }

    .leftNavContainerBottom {
        background: transparent url('../img/new-design/leftmenu-background-bottom.gif') no-repeat scroll 0% 0%;
    }

    .leftNavContainerYBackGround {
        background: transparent url('../img/new-design/leftmenu-background-y-repeat.gif') repeat-y scroll 50% 0%;
    }

    /* ---- INNER STUFF ---- */
    .leftNavContainer ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    .leftNavContainer ul li {
        list-style-type: none;
	    text-align: left; /* GrN 17/10 */
	    font-size: 1em;
	    line-height: 1.4em;
    }

    .leftNavContainer ul li a {
        color: #fff;
	    font-weight: bold;
	    text-decoration: none;
	    text-transform: uppercase;
    }

    .leftNavContainer ul li a:hover {
        color: #b2c9da;
	    font-weight: bold;
	    text-decoration: none;
    }

    .leftNavContainer ul li ul {
        list-style-type: none;
        padding: 3px 0 0 0;
        margin: 0 0 0 0;
    }

    .leftNavContainer ul li ul li {
        font-size: 0.92em;	
        line-height: 1em;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .leftNavContainer ul li ul li a {
        color: #fff;
        display: block;
        padding: 0 22px 3px 10px;
        line-height: 0.9em;
        font-weight: normal;    
	    text-align: left;
	    text-decoration: none;
	    text-transform: uppercase;
    }

    .leftNavContainer ul li ul li a:hover {
        color: #b2c9da;
        font-weight: normal;
    }

    .leftNavContainer ul li.selectedTop a {
        color: #374457;
    }
    .leftNavContainer ul li.selectedTop a:hover {
        color: #81A3BC;
    }

    .leftNavContainer ul li.selectedTop ul {
        margin-bottom: 0px;
    }

    .leftNavContainer ul li.selectedTop ul li a {
        color: #374457;
    }

    .leftNavContainer ul li.selectedTop ul li a:hover {
        color: #81A3BC;
    }

    .leftNavContainer ul li ul li.selectedItem a {
        background: transparent url('../img/new-design/small-arrow-dblue.gif') no-repeat scroll 0px 3px;
        color: #374457;
	    font-weight: bold;
	    text-decoration: none;
	    line-height: 1.2em;
    }
    .leftNavContainer ul li ul li.selectedItem a:hover {
        background: transparent url('../img/new-design/small-arrow-blue.gif') no-repeat scroll 0px 3px; 
    }

    .selectedTop
    {
        background: transparent url('../img/new-design/left-menu-bg.gif');    
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 0px;
        margin-bottom: 5px;
    }


    /*----------------------------------------------
        = PAGE CONTENT STYLES
    ----------------------------------------------*/
    .pageContent {
        float: left;
        width: 768px;
        margin: 15px 0 0 0;
    }



    /*----------------------------------------------
        = CONTENT IMAGES STYLES
    ----------------------------------------------*/
    .contentImageTop {
        padding: 0 0 10px 0;
    }

    .contentImageRight {
        float: right;
        padding: 0 0 10px 10px;
    }



    /*----------------------------------------------
        = CONTENT COLUMN STYLES
    ----------------------------------------------*/
    .contentOneColumn {
        float: left;
        width: 182px;
        margin-right: 10px;
    }

    .contentTwoColumns {
        float: left;
        width: 374px;
        margin-right: 10px;
    }

    .contentThreeColumns {
        float: left;
        width: 566px;
        margin: 0 20px 10px 0;
    }

    .contentFourColumns {
        float: left;
        width: 768px;
    }

    /*---- Used in the T-layout ----*/
    .contentThreeColumns .contentOneColumn {
        margin-right: 0;
    }

    /*----  ----*/
    .contentArticle {
        float: left;
        width: 374px;
    }

    .contentArticleImage {
        float: left;
        width: 182px;
        margin-left: 10px;
    }

    /*---- Three columns box control ----*/
    .threeColumnBox {
        float: left;
        width: 566px;
        margin: 0 0 10px 0;
    }
    .contentThreeColumns .threeColumnBox .contentOneColumn {
        margin-right: 10px;
    }

    .contentThreeColumns .threeColumnBox .contentOneColumn.last {
        margin-right: 0;
    }


    /*----------------------------------------------
        = PANEL STYLES
    ----------------------------------------------*/
    .panel {
        float: right;
        margin-top: -56px;
        position: relative;
        width: 182px; /*height: 400px;*/
    }



    /*----------------------------------------------
        = ACCORDION CONTROL MENU STYLES
    ----------------------------------------------*/
    .accordionControlMenu {
        width: 546px;
        margin: 10px 0;
    }

    .accordionControlMenu {
        margin: 0;
        padding: 0;
    }

    .accordionControlMenu td {
        font-size:1.18em;
        font-weight:bold;
    }

    .accordionControlMenu td a {
        margin: 1px;
        padding: 0 3px;
    }

    .accordionControlMenu td a.selected {
        text-decoration: underline;
    }


    /*----------------------------------------------
        = ACCORDION CONTROL MENU STYLES
    ----------------------------------------------*/
    .contactUs {
        float: left;
        width: 100%;
    }


    /*----------------------------------------------
        = ACCORDION CONTROL STYLES
    ----------------------------------------------*/
    .accordionControl {
        width: 566px;
        margin: 0 0 10px 0;
    }

    .accordionControl.firstLetter h2 {
        color: #284878;
        font-size: 1.64em;
        text-transform: uppercase;
    }

    .accordionControl dl {
        background: transparent url('../img/new-design/accordion-control/accordion-background.gif') repeat-y scroll 0 0;
    }

    .accordionControl dl dt {
        margin: 0;
        padding: 0;
        text-transform:uppercase;
    }

    .accordionControl dl dt a {
        display: block;
        padding: 4px 0 4px 40px;
        width: 526px;
        font-size:11px;
    }

    .accordionControl dl dt a.closed, 
    .accordionControl dl dt a.open {
        color: #374457;
    }

    .accordionControl dl dt a:focus {
        outline: none;
    }

    .accordionControl dl dt.first a.open {
        background: #d5e2eb url('../img/new-design/accordion-control/accordion-top-open.gif') no-repeat scroll 0 0;
    }

    .accordionControl dl dt.first a.closed {
        background: #d5e2eb url('../img/new-design/accordion-control/accordion-top-closed.gif') no-repeat scroll 0 0;
    }

    .accordionControl dl dt.middle a.open {
        background: #d5e2eb url('../img/new-design/accordion-control/accordion-middle-open.gif') no-repeat scroll 0 0;
    }

    .accordionControl dl dt.middle a.closed {
        background: #d5e2eb url('../img/new-design/accordion-control/accordion-middle-closed.gif') no-repeat scroll 0 0;
    }

    .accordionControl dl dt.last a.open {
        background: #d5e2eb url('../img/new-design/accordion-control/accordion-middle-open.gif') no-repeat scroll 0 100%;
    }

    .accordionControl dl dt.last a.closed {
        background: #d5e2eb url('../img/new-design/accordion-control/accordion-bottom-closed.gif') no-repeat scroll 0 100%;
    }

    /*---- SINGLE ----*/
    .accordionControl dl dt.single a.open {
        background: #d5e2eb url('../img/new-design/accordion-control/accordion-top-open.gif') no-repeat scroll 0 0;
    }

    .accordionControl dl dt.single a.closed {
        padding: 4px 0 5px 40px;
        background: #d5e2eb url('../img/new-design/accordion-control/accordion-single-closed.gif') no-repeat scroll 0 0;
    }

    .accordionControl dl dd.open.last {
        padding-bottom: 6px;
        background: transparent url('../img/new-design/accordion-control/accordion-bottom-open.gif') no-repeat scroll 0 100%;
    }

    .accordionControl dl dd.open.single {
        padding-bottom: 6px;
        background: transparent url('../img/new-design/accordion-control/accordion-bottom-open.gif') no-repeat scroll 0 100%;
    }

    /*---- OTHER ----*/
    .accordionControl dl dd {
        margin: 0;
        padding: 0;
        background: transparent url('../img/new-design/accordion-control/accordion-background.gif') repeat-y scroll 0 0;
    }

    .accordionControl dl dd.closed {
        display: none;
    }

    .accordionControl dl dd p {
        margin: 8px 12px;
    }



    /*----------------------------------------------
        = PLATFORM CONTROLs
    ----------------------------------------------*/
    .middle .curve {
        clear: right;
        float: right;
        margin: 0 0 0 20px;
        padding: 0;
    }



    /*----------------------------------------------
        = PLATFORM CONTROL
    ----------------------------------------------*/
    .platformControl {
        float: left;
    }

    .platformControl .middle {
        background: transparent none no-repeat scroll 100% 0;
    }



    /*----------------------------------------------
        = PLATFORM LIST CONTROL
    ----------------------------------------------*/

    .platformListControl {
        float: left;
        padding: 15px 0 0 0;
    }

    .platformListControl .boxControl {
        margin-bottom: 20px;
    }

    .platformListControl .boxControl .middle .inner {
        padding: 0;
    }

    /* platforms list */
    .platformListControl .outsideImageContainer {
        height: 170px;
        margin-top: -15px;
        position: absolute;
        right: 220px;
        width: 220px;
        background: transparent none no-repeat scroll 100% 0;
    }

    /* platforms details */
    .platformControl .insideImageContainer {
        position: absolute;
        right: 207px;
    }


    /*----------------------------------------------
        = CONTENT TABLE STYLES
    ----------------------------------------------*/
    .oneColumn {
        width: 182px;
        margin-right: 10px;
    }

    .twoColumns {
        width: 374px;
        margin-right: 10px;
    }

    .threeColumns {
        width: 566px;
        float: left;
    }

    /*---- GENERAL ----*/
    .contentTableOriginal table {
        width: 100%;
    }

    div.contentTableOriginal div.top {
        margin-top: 10px;
        height: 5px;
        background: #f2f4f7 url('../img/new-design/d5e2eb.gif') repeat-x 0% 0%;
    }

    div.contentTableOriginal div.bottom {
        margin-bottom: 10px;
        height: 5px;
        background: #f2f4f7 url('../img/new-design/d5e2eb.gif') repeat-x 0% 100%; /* 'Inner' table bottom border ----*/
    }

    /*---- GENERAL ----*/
    .contentTableManual table {
        width: 100%;
    }

    div.contentTableManual div.top {
        margin-top: 10px;
        height: 5px;
        background: #81a3bc url('../img/new-design/d5e2eb.gif') repeat-x 0% 0%; /* 'Inner' table top border ----*/
    }

    div.contentTableManual div.bottom {
        margin-bottom: 10px;
        height: 5px;
        background: #f2f4f7 url('../img/new-design/d5e2eb.gif') repeat-x 0% 100%; /* 'Inner' table bottom border ----*/
    }
    /*---- TABLE CORNERS ----*/
    div.contentTableOriginal div.top div.left, div.contentTableOriginal div.bottom div.left {
        height: 5px;
        width: 5px;
        float: left;
    }

    div.contentTableOriginal div.top div.left {
        background: #f2f4f7 url('../img/new-design/box-control/light-blue/tl.gif') no-repeat 0% 100%;
    }

    div.contentTableOriginal div.top div.right, div.contentTableOriginal div.bottom div.right {
        height: 5px;
        width: 5px;
        float: right;
    }

    /*---- TABLE CORNERS ----*/
    div.contentTableManual div.top div.left, div.contentTableManual div.bottom div.left {
        height: 5px;
        width: 5px;
        float: left;
    }

    div.contentTableManual div.top div.right, div.contentTableManual div.bottom div.right {
        height: 5px;
        width: 5px;
        float: right;
    }
    div.contentTableOriginal div.top div.left {
        background: #f2f4f7 url('../img/new-design/box-control/light-blue/tl.gif') no-repeat 0% 100%;
    }

    div.contentTableOriginal div.top div.right {
        background: #f2f4f7 url('../img/new-design/box-control/light-blue/tr.gif') no-repeat 0% 100%;
    }

    div.contentTableOriginal div.bottom div.left {
        background: #f2f4f7 url('../img/new-design/box-control/light-blue/bl.gif') no-repeat 0% 100%;
    }

    div.contentTableOriginal div.bottom div.right {
        background: #f2f4f7 url('../img/new-design/box-control/light-blue/br.gif') no-repeat 0% 100%;
    }
    div.contentTableManual div.top div.left {
        background: #f2f4f7 url('../img/new-design/box-control/dark-blue/tl.gif') no-repeat 0% 100%;
    }

    div.contentTableManual div.top div.right {
        background: #f2f4f7 url('../img/new-design/box-control/dark-blue/tr.gif') no-repeat 0% 100%;
    }

    div.contentTableManual div.bottom div.left {
        background: #f2f4f7 url('../img/new-design/box-control/light-blue/bl.gif') no-repeat 0% 100%;
    }

    div.contentTableManual div.bottom div.right {
        background: #f2f4f7 url('../img/new-design/box-control/light-blue/br.gif') no-repeat 0% 100%;
    }
    div.contentTableManual table tbody tr td.selected
    {
        padding-top: 3px;
        padding-left: 15px;
    } 
    /*---- HEAD CONTENT ----*/
    div.contentTableOriginal table thead tr th {
        padding: 1px 5px 5px 5px;
        vertical-align: bottom;
        background-color: #f2f4f7;
        color: #374457;
        text-transform: uppercase;
        text-align: left;
    }

    div.contentTableOriginal table thead tr th.first {
        padding: 1px 5px 5px 10px;
    }

    div.contentTableOriginal table thead tr th.last {
        padding: 1px 10px 5px 5px;
    }
    div.contentTableManual table thead tr th {
        padding: 1px 5px 5px 5px;
        vertical-align: bottom;
        background-color: #81a3bc;
        color: #fff;
    }

    div.contentTableManual table thead tr th.first {
        padding: 1px 5px 5px 10px;
    }

    div.contentTableManual table thead tr th.last {
        padding: 1px 10px 5px 5px;
    }

    /*---- FOOT CONTENT ----*/
    div.contentTableOriginal table tfoot tr td {
        padding: 10px 10px 6px 10px;
        vertical-align: top;
        background-color: #f2f4f7;
        text-align:left;
        line-height:1em;
    }
    div.contentTableManual table tfoot tr td {
        padding: 10px 10px 6px 10px;
        vertical-align: top;
        background-color: #f2f4f7;
        text-align: left;
    }

    /*---- ALTERNATING ROW ----*/
    div.contentTableOriginal table tbody tr.odd td {
        background-color: #d5e2eb;
    }

    div.contentTableOriginal table tbody tr.even td {
        background-color: #f2f4f7;
    }

    div.contentTableManual table tbody tr.odd td {
        background-color: #f2f4f7;
        border-bottom: solid 1px #d5e2eb;
    }

    div.contentTableManual table tbody tr.even td {
        background-color: #f2f4f7;
        border-bottom: solid 1px #d5e2eb;
    }
    div.contentTableManual table tbody tr.last td {   
        border-bottom: none
    }

    /*---- TABLE RIGHT AND LEFT BORDER ----*/
    div.contentTableOriginal table thead tr th.first, 
    div.contentTableOriginal table tfoot tr td.first, 
    div.contentTableOriginal table tbody tr td.first {
        background-attachment: scroll;
        background-image: url('../img/new-design/d5e2eb.gif');
        background-position: 0 0;
        background-repeat: repeat-y;
    }

    div.contentTableOriginal table thead tr th.last, 
    div.contentTableOriginal table tfoot tr td.last, 
    div.contentTableOriginal table tbody tr td.last {
        background-attachment: scroll;
        background-image: url('../img/new-design/d5e2eb.gif');
        background-position: 100% 0%;
        background-repeat: repeat-y;
    }

    div.contentTableManual table thead tr th.first, 
    div.contentTableManual table tfoot tr td.first, 
    div.contentTableManual table tbody tr td.first {
        background-attachment: scroll;
        background-image: url('../img/new-design/d5e2eb.gif');
        background-position: 0 0;
        background-repeat: repeat-y;
    }

    div.contentTableManual table thead tr th.last, 
    div.contentTableManual table tfoot tr td.last, 
    div.contentTableManual table tbody tr td.last {
        background-attachment: scroll;
        background-image: url('../img/new-design/d5e2eb.gif');
        background-position: 100% 0%;
        background-repeat: repeat-y;
    }

    /*---- BODY CONTENT ----*/
    div.contentTableOriginal table tbody tr td {
        padding: 2px 5px;
        vertical-align: top;
        text-align: left;
    }

    div.contentTableOriginal table tbody tr td.first {
        padding: 2px 5px 5px 10px;
    }

    div.contentTableOriginal table tbody tr td.right {
        text-align:right;
    }

    div.contentTableOriginal table tbody tr td.last {
        padding: 2px 10px 5px 5px;
    }
    div.contentTableManual table tbody tr td {
        padding: 2px 5px;
        vertical-align: top;
        text-align: left;
    }

    div.contentTableManual table tbody tr td.first {
        padding: 2px 5px 5px 10px;
    }


    div.contentTableManual table tbody tr td.last {
        padding: 2px 10px 5px 5px;
    }

    div.contentTableManual table tbody tr td.right {
        text-align:right;
    }

    /* contentTableOriginal partnerUpload */
    div.contentTableOriginal.partnerUpload tbody tr td {
        vertical-align: middle;
    }
    div.contentTableOriginal.partnerUpload table tbody tr td.first {
	    padding: 10px;
	    width: 50px;
    }
    div.contentTableOriginal.partnerUpload table tbody tr td.first img {
    	
    }
    div.contentTableOriginal.partnerUpload table tfoot tr td {
	    vertical-align: middle;
	    padding-top: 8px;
	    background-color: #F2F4F7;
	    color: #374457;
	    text-align: left;
	    text-transform: uppercase;
	    font-weight: bold;
    }
    div.contentTableOriginal.partnerUpload table tfoot tr td.first {
	    padding-top: 15px;
	    vertical-align: top;
    }
    div.contentTableOriginal.partnerUpload table tfoot tr td.first span {
	    position: absolute;
	    white-space: nowrap;
    }
    div.contentTableOriginal.partnerUpload table tr td.last,
    div.contentTableOriginal.partnerUpload table tr th.last {
	    width: 1px;
	    padding: 0;
    }
    div.contentTableOriginal.partnerUpload tfoot tr td.center {
	    padding-right: 5px;
    }

    div.contentTableOriginal.partnerUpload table input.delete,
    div.contentTableOriginal.partnerUpload table input.upload {
        height: 21px;
        padding-bottom: 2px;
        width: 80px;
    }

    div.contentTableOriginal.partnerUpload table input.upload {
        width: 58px;
        float: right;
    }

    div.contentTableOriginal.partnerUpload table input.delete {
        width: 55px;
    }

    div.contentTableOriginal.partnerUpload div.fileinputs {
	    position: relative;
	    height: 21px;
	    width: 230px;
	    float: right;
	    padding-right: 3px;
    }

    div.contentTableOriginal.partnerUpload input.file.hidden {
	    position: relative;
	    -moz-opacity:0 ;
	    filter:alpha(opacity: 0);
	    opacity: 0;
	    z-index: 2;
    }

    div.contentTableOriginal.partnerUpload div.fakefile {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 230px;
	    padding: 0;
	    margin: 0;
	    z-index: 1;
    }

    div.contentTableOriginal.partnerUpload div.fakefile input {
	    margin-left: 0;
	    position: relative;
        top: -5px;
    }

    div.contentTableOriginal.partnerUpload div.fakefile img {
	    position: relative;
    }

    div.contentTableOriginal.partnerUpload thead tr th,
    div.contentTableOriginal.partnerUpload tbody tr td {
        border-bottom: solid 1px #d5e2eb;
    }

    div.contentTableOriginal.partnerUpload table tbody tr td.first {
	    border-right: solid 1px #d5e2eb;
    }

    div.contentTableOriginal.partnerUpload tbody tr td.center,
    div.contentTableOriginal.partnerUpload tfoot tr td.center {
        text-align: right;
    }

    div.contentTableOriginal.partnerUpload table input.delete,
    div.contentTableOriginal.partnerUpload table input.upload {
        background: transparent url(../img/new-design/btn-csp.gif) no-repeat scroll 0 0;
        border-style: none;
        color: #000;
        cursor: pointer;
        font-size: 11px;
        text-align: center;
    }

    div.contentTableOriginal.partnerUpload input.file.hidden {
	    text-align: right;
    }

    div.contentTableOriginal.partnerUpload table input.upload {
        background: transparent url(../img/new-design/btn-csp-upload.gif) no-repeat scroll 0 0;
    }

    div.contentTableOriginal.partnerUpload table input.upload:hover {
        background: transparent url(../img/new-design/btn-csp-upload.gif) no-repeat scroll 0 -21px;
    }

    div.contentTableOriginal.partnerUpload table input.upload:active {
        background: transparent url(../img/new-design/btn-csp-upload.gif) no-repeat scroll 0 -42px;
    }

    div.contentTableOriginal.partnerUpload table input.delete {
        background: transparent url(../img/new-design/btn-csp-delete.gif) no-repeat scroll 0 0;
    }

    div.contentTableOriginal.partnerUpload table input.delete:hover {
        background: transparent url(../img/new-design/btn-csp-delete.gif) no-repeat scroll 0 -21px;
    }

    div.contentTableOriginal.partnerUpload table input.delete:active {
        background: transparent url(../img/new-design/btn-csp-delete.gif) no-repeat scroll 0 -42px;
    }


    /*----------------------------------------------
        = FOOTER STYLES
    ----------------------------------------------*/
    .siteFooter {
        clear: both;
        float: left;
        margin: 30px 0 0 5px;
        padding-top: 30px;
        width: 970px;
        background: #f2f4f7 url(../img/new-design/sprites/general.gif) no-repeat scroll -1980px 0;
    }

    .siteFooter .horizontal a {
        padding: 0 5px;
    }

    .siteFooter ul li {
        font-size:0.91em;
    }

    .siteFooter .horizontal li,
    .siteFooter .horizontal a,
    .siteFooterColumns .column li a {
        color: #777;
    }

    .siteFooterColumns {
        float: left;
        padding: 0 45px 0 45px;
    }

    .siteFooterColumns .column {
        float: left;
        width: 135px;
        margin: 0 14px 0 0;
        padding: 0 0 20px 0;
    }

    .siteFooterColumns .column.left {
        width: 135px;
    }

    .siteFooterColumns .column.right {
        width: 135px;
        margin: 0;
    }

    .siteFooterColumns .column h4 {
        margin: 0;
        padding: 0;
    }

    .siteFooter ul.menu.horizontal {
        float: left;
        padding-bottom: 40px;
        width: 100%;
    }

    .siteFooter .siteFooterColumns h4,
    .siteFooter .siteFooterColumns ul li {
        font-size: 0.91em;
    }

    .siteFooter h4,
    .siteFooter li,
    .siteFooter a {
        text-transform: uppercase;
        line-height: 1.1em;
    }

    .siteFooter h4 {
        color: #81a3bc;
    }

    .siteFooter .horizontal {
        text-align: center;
    }


    /*----------------------------------------------
        = LEFT NAVIGATION STYLES
    ----------------------------------------------*/
    .leftNavContainer {
        float: left; /*margin-left: 5px;*/
        margin-right: 20px;
        width: 182px;
    }

    .leftNavInner {
        width: 170px;
        margin-left: 6px;
    }

    .leftNavInner ul li ul.selected {
        display: block;
    }

    .leftNavContainerYBackGround {
        width: 182px;
        min-height: 312px;
    }

    .leftNavContainerTop {
        height: 20px;
        width: 182px;
    }

    .leftNavContainerBottom {
        height: 27px;
        width: 182px;
    }

    .levelOneRightPadding {
        padding-left: 10px;
        padding-right: 5px;
    }





    /*----------------------------------------------
        = EXECUTIVE SPOKESPEOPLE STYLES
    ----------------------------------------------*/
    .executiveSpokes {
        float: left;
        margin: 0 0 10px 0;
        width: 100%;
    }

    .executiveSpokesTop {
        float: left;
        height: 10px;
        width: 100%;
        background: #cecece url('../img/control-executive-spokes-people/executive-spokes-people-top.gif') no-repeat scroll 0 0;
    }

    .executiveSpokesMiddle {
        float: left;
        width: 100%;
        background: transparent url('../img/control-executive-spokes-people/executive-spokes-people-background.gif') repeat-y scroll 0 0;
    }

    .executiveSpokesBottom {
        float: left;
        height: 10px;
        width: 100%;
        background: #cecece url('../img/control-executive-spokes-people/executive-spokes-people-bottom.gif') no-repeat scroll 0 0;
    }

    .executiveSpokesBackground {
        margin-left: 10px;
        width: 159px;
        float: left;
        height: 128px;
        overflow: hidden;
        background: #fff url('../img/control-executive-spokes-people/executive-spokes-people-background.gif') no-repeat scroll 0 0;
    }

    .executiveSpokesBackground img {
        margin-top: 1px;
        padding-left: 10px;
    }

    .executiveSpokesText {
        width: 358px;
        float: left;
    }

    .executiveSpokesImage {
        margin-left: 0px;
        width: 100%;
    }

    .executiveSpokesLeft {
        float: left;
        width: 170px;
    }

    .executiveSpokesRight {
        float: left;
        width: 370px;
    }



    /*----------------------------------------------
        = IMAGE GALLERY STYLES
    ----------------------------------------------*/
    .imageGallery {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
    }

    .imageGalleryResult {
        float: left;
        width: 100%;
        padding: 10px 0 10px 0;
    }

    .imageGalleryTopBackground {
        height: 10px;
        width: 100%;
        float: left;
        background: transparent url('../img/image-gallery/top-image.gif') no-repeat scroll 0 0;
    }

    .imageGalleryCenterBackground {
        float: left;
        width: 100%;
        background: transparent url('../img/image-gallery/center-image.gif') repeat-y scroll 0 0;
    }

    .imageGalleryBottomBackground {
        float: left;
        height: 10px;
        width: 100%;
        background: transparent url('../img/image-gallery/bottom-image.gif') no-repeat scroll 0 0;
    }

    .imageGalleryCategories {
        float: left;
        padding-left: 10px;
    }

    .imageGalleryCategories h2 {
        margin: 0 0 5px 0;
    }

    .imageGalleryCategories input {
        margin-left: 0px;
    }

    .imageGalleryCategories label {
        margin: 0 18px 0 2px;
    }

    .imageGallerySearchTerms {
        float: left;
        margin: 20px 0 10px 0;
    }

    .imageGallerySearchTerms h2 {
        margin-bottom: 3px;
    }

    .imageGallerySearchTerms input {
        float: left;
        width: 150px;
        margin: 3px 5px 0 0;
        color: #777;
        border: solid 1px #cecece;
        font-size: 0.91em;
    }

    .imageGalleryResults {
        float: left;
        margin-bottom: 9px;
    }

    .imageGalleryResultsRowOne {
        float: left;
        width: 746px;
    }

    .imageGalleryResultsRowOne .item {
        float: left;
        width: 179px;
        padding-right: 10px;
        height: 220px;
        padding-top: 1px;
        background: transparent url('../img/image-gallery/detailResult.png') no-repeat scroll 0 0;
        text-align: center;
    }

    .imageGalleryResultsRowOne .laster {
        float: left;
        width: 179px;
        padding-right: 0px;
        height: 220px;
        padding-top: 1px;
        background: transparent url('../img/image-gallery/detailResult.png') no-repeat scroll 0 0;
        text-align: center;
    }

    .imageGallery .boxControl h2 {
        color: #000;
        font-size: 1.18em;
        text-transform: uppercase;  
    }

    .imageGallery .boxControl .middle {
        padding: 0;
    }

    .imageGalleryCopyRight .previousPage {
        background: transparent url('../img/image-gallery/image-gallery-pagin-left.gif') no-repeat scroll 50% 50%;
    }

    .imageGalleryCopyRight .nextPage {
        background: transparent url('../img/image-gallery/image-gallery-pagin-right.gif') no-repeat scroll 50% 50%;
    }

    .imageGalleryNotShow {
        display: none;
    }

    .imageGalleryFrameStanley {
        display: block;
        float: left;
        height: 128px;
        left: 0px;
        padding: 0pt;
        position: absolute;
        top: 0px;
        width: 172px;
        /*background: transparent url('../img/new-design/image-gallery-frame09.png') no-repeat scroll 0 0;*/
        background: transparent url('../img/image-gallery/imageGalleryFrame09.png') no-repeat scroll 0 0;
    }

    .imageInfo {
        float: left;
        margin-top: 23px;
        width: 350px;
    }

    .imageInfo dl {
        margin: 0px;
    }

    .imageInfo dd {
        margin: 0px 0px 5px 0px;
    }

    .imageInfo dt {
        font-weight: bold;
    }
    .infoDisplay {
        float: left;
        width: 200px;
        margin-top: 23px;
        position: relative;
        height: 128px;
        left: 11px;
        top: 5px;
        overflow: hidden;
    }



    /*----------------------------------------------
        = IMAGE GALLERY STYLES
    ----------------------------------------------*/
    .imageGalleryContainer {
        float: left;
        width: 172px;
    }

    .imageGalleryContainerTop {
        padding: 10px;
        float: left;
    }

    .imageGalleryContainerThumb {
        float: left;
    }

    .imageGalleryImage {
        position: relative;
        height: 128px;
        width: 160px;
        left: 11px;
        top: 5px;
        overflow: hidden;
    }

    .executiveSpokesLeft .imageGalleryImage {
        left: 0;
        top: 0;
    }

    .imageGalleryFrame {
        position: absolute;
        float: left;
        width: 172px;
        height: 128px;
        padding: 0;
        top: 0px;
        left: 0px;
        display: block;
        background: transparent url('../img/image-gallery/imageGalleryFrame09.png') no-repeat scroll 0 0;
    }

    .imageGalleryItem {
        float: left;
        width: 171px;
        margin-left: 10px;
        text-align: left;
    }

    .imageGalleryItemText {
        float: left;
        width: 171px;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        text-align: left;
    }

    .imageGalleryItemImage {
        width: 182px;
        float: left;
        margin-right: 10px;
    }

    .imageGalleryItemImageEnd {
        width: 182px;
        float: left;
        margin-right: 0px;
    }



    /**************************************************/
    .imageGalleryCopy {
        float: left;
        width: 100%;
        margin-top: 5px;
    }

    .imageGalleryCopyLeft {
        float: left;
    }

    .imageGalleryCopyRight {
        float: right;
    }

    .imageGalleryCopyRight .previousPage {
        float: left;
        display: block;
        width: 20px;
        height: 17px;
    }

    .imageGalleryCopyRight .pages {
        float: left;
    }

    .imageGalleryCopyRight .nextPage {
        float: left;
        display: block;
        width: 20px;
        height: 17px;
    }



    /*----------------------------------------------
        = NEWS ARTICLE STYLES
    ----------------------------------------------*/
    .newsArticle {
        margin: 0;
    }

    .newsArticle h2 span {
        color: #777;
    }


    /*----------------------------------------------
        = NEWSLETTER STYLES
    ----------------------------------------------*/
    .newsletterstart {
        margin-bottom: 10px;
    }

    .newsletteritem {
        padding: 15px 0 0 0;
    }

    .newsletteritem p {
        margin: 0 0 0 0;
    }

    .newsletterContainerInput {
        float: left;
        width: 300px;
        padding-top: 7px;
    }

    .newsletterLeftColumn {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .newsletterRightColumn {
        width: 273px;
        float: left;
        padding: 0 0 0 10px;
    }

    .NewsletterCheckbox {
        color: #000;
        font-size: 1.18em;
        font-weight: bold;
    }

    .newsletterInput {
        width: 139px;
        height: 15px;
        padding: 0 0 0 0;
        border: solid 1px #cecece;
        color: #777777;
        margin-right: 9px;
        color: #777;
        font-size: 0.91em;
    }

    .newsletterselect {
        height: 17px;
        width: 141px;
        color: #777;
        font-size: 0.91em;
    }

    .newsletterOptions .selectionBox {
        float: left;
        margin: 0 0 0 0;
        padding: 8px 0 0 0;
    }

    .newsletterOptions .selectionBox h4 {
        color: #fff;
    }

    .newsletterOptions .selectionBox .sfTrigger {
        border: solid 1px #cecece;
        background: transparent url('../img/arrow-grey-down.gif') no-repeat 95% 50%;
    }

    .newsletterOptions .selectionBox h4, .newsletterOptions .selectionBox div, .newsletterOptions .selectionBox .sfTrigger {
        float: left;
    }

    .newsletterOptions .selectionBox div {
        border: solid 1px #cecece;
    }

    .newsletterOptions .selectionBox h4 {
        padding: 3px 7px 1px 2px;
    }

    .newsletterOptions .selectionBox a {
        color: #777;
    }

    .newsletterOptions .selectionBox input.typeText {
        border: none 0px transparent;
        background: transparent none;
        color: #777;
    }

    .newsletterOptions .selectionBox input.typeSubmit {
        border: none 0px transparent;
        background: transparent url('../img/arrow-white-right.gif') no-repeat 50% 50%;
    }

    .newsletterOptions .selectionBox.siteSearch h4 {
        padding: 0 7px 4px 2px;
    }

    .newsletterOptions .selectionBox .sfTrigger {
        padding: 2px 35px 2px 2px;
    }

    .newsletterOptions .selectionBox .sfTrigger ul {
        margin: 3px 0 0 -3px;
        padding: 5px 0;
        border: solid 1px #cecece;
        background-color: #fbfbfb;
        margin-top: 2px;
    }

    .newsletterOptions .selectionBox .sfTrigger ul a {
        padding: 2px 25px 2px 5px;
    }

    .newsletterOptions {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .selectionBox {
        width: 166px;
    }

    .newslettercontainerInputEnd {
        float: left;
        width: 85px;
    }

    .newslettercontainerInputEnds {
        float: left;
        width: 100%;
    }

    .newsletterUpdated {
        font-weight: bold;    
    }


    /*----------------------------------------------
        = NEWS LIST STYLES
    ----------------------------------------------*/
    .newsitem {
        padding: 8px 0 8px 0;
        margin: 0;
    }

    .newsitem h2 {
        margin: 0;
        padding: 0;
    }

    .newsitem p {
        margin: 0;
        padding: 0;
    }

    .newsitem span {
        color: #777;
    }

    .newslistmonth {
        margin-top: 10px;
        padding: 0;
        color: #000;
        text-transform: uppercase;
        clear: both;
        text-transform: uppercase;
        width: 100%;
    }

    /*----------------------------------------------
        = RIGHT NEWSARCHIVE STYLES
    ----------------------------------------------*/
    .newsArchive ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .newsArchive li {
        text-transform: uppercase;
        background-image:none;
        padding: 0 0 5px;
        font-size: 1em;
    }

    .newsArchive li li {
        line-height: 12px;
        padding: 2px 0 0;
        font-size: 10px;
    }
    
    .newsArchive li li span.arrow {
        display: none;
    }

    .newsArchive li li span {
        display: block;
    }



    /*----------------------------------------------
        = SEARCH PANEL
    ----------------------------------------------*/
    .searchPanel {
        margin: 5px 0 5px 0;
        padding: 1px 0 1px 2px;
        width: 154px;
        background-color: #fff;
        color: #777;
        border: solid 1px #cecece;
        font-size: 0.82em;
        text-transform: uppercase;
    }

    .searchPanelSelect {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 160px;
        font-size: 0.82em;
        text-transform: uppercase;
    }

    .searchPanelSelect option {
        padding: 0 0 0 1px;
    }

    .searchPanelButton p {
        margin: 5px 0 0 0;
        width: 100%;
    }

    .searchPanelButton {
        padding: 5px 0 0 0;
        text-align: right;
    }

    h2.searchTitle {
        margin: 0;
        padding: 0;
    }

    h2.searchTitle a:hover {
	    color: #b2c9da;
    }

    .simpleSearchPanel input {
        width: 400px;
    }

    .simpleSearchPanel {
        padding-bottom: 6px;
    }


    /*----------------------------------------------
        = ACCORDION DOWNLOAD PANEL STYLES
    ----------------------------------------------*/
    .panel .accordionControl {
        margin: 0;
        padding: 0 0 20px 0;
        width: 182px;
    }

    .panel .accordionControl dl {
        margin: 0;
        font-weight: bold;
    }

    .panel .accordionControl dd {
        font-weight: normal;
    }

    .panel .accordionControl dl dt.first a.open, .panel .accordionControl dl dt.first a.closed, .panel .accordionControl dl dt.middle a.open, .panel .accordionControl dl dt.middle a.closed, .panel .accordionControl dl dt.last a.open, .panel .accordionControl dl dt.last a.closed {
        width: 150px;
        height: 23px;
        padding: 7px 24px 0 8px;
    }

    .panel .accordionControl dl dd, .panel .accordionControl dl dd.open.last {
        padding: 10px 5px 5px 9px;
    }

    .panel .accordionControl dl dt.first a.closed {
        background: transparent url('../img/accordion-panel/top-blue.gif') no-repeat scroll 0 0;
        color: #fff;
    }

    .panel .accordionControl dl dt.first a.open {
        background: transparent url('../img/accordion-panel/top-orange.gif') no-repeat scroll 0 0;
        color: #fff;
    }

    .panel .accordionControl dl dt.middle a.open {
        background: transparent url('../img/accordion-panel/bottom-orange.gif') no-repeat scroll 0 0;
        color: #fff;
    }

    .panel .accordionControl dl dt.middle a.closed {
        background: transparent url('../img/accordion-panel/middle-blue.gif') no-repeat scroll 0 0;
        color: #fff;
    }

    .panel .accordionControl dl dt.last a.open {
        background: transparent url('../img/accordion-panel/bottom-orange.gif') no-repeat scroll 0 0;
        color: #fff;
    }

    .panel .accordionControl dl dd.open.last {
        background: none;
        background-image: none;
        background-color: #ececec;
    }

    .panel .accordionControl dl dt.last a.closed {
        background: transparent url('../img/accordion-panel/bottom-blue.gif') no-repeat scroll 0 0;
        color: #fff;
    }

    .panel .accordionControl dl dd.open.single {
        background: none;
        background-color: #ececec;
    }

    .panel .accordionControl dl dd {
        background: none;
        background-color: #ececec;
    }

    .panel .accordionControl dl {
        background: transparent url('../img/new-design/accordion-control/accordion-background.gif') repeat-y scroll 0 0;
        background-image: none;
    }


    /*----------------------------------------------
        = ACCORDION PANEL LARGE
    ----------------------------------------------*/
    #accordion {
        margin: 20px 0px;
    }

    .largeBackground {
        height: 79px;
    }

    .accordionPanelLarge {
        float: left;
        margin-bottom: 20px;
        width: 100%;
        line-height: 1em;
    }
    .accordionPanelLarge p {
        padding: 10px 11px;
        margin: 0px;
    }
    .accordionPanelLarge h2 {
        padding: 11px 11px 0px 11px;
        margin: 0px;
        line-height: 1em;
        color: #284878;
        font-size: 1.64em;
    }

    .accordionPanelLarge .accordionContent dl dt.middle a.open {
        width: 149px;
        height: 42px;
        padding: 10px 24px 0px 9px;
        background: #ccc url('../img/accordion-download-panel/second-orange.gif') no-repeat scroll 0 0;
    }

    .accordionPanelLarge .accordionContent dl dt.middle a.closed {
        height: 42px;
        padding: 10px 24px 0px 9px;
        width: 149px;
        background: #ccc url('../img/accordion-download-panel/second-blue.gif') no-repeat scroll 0 0;
    }

    .accordionPanelLarge .accordionContent dl dt.first a.open {
        width: 149px;
        height: 42px;
        padding: 10px 24px 0px 9px;
        background: #ccc url('../img/accordion-download-panel/first-orange.gif') no-repeat scroll 0 0;
    }

    .accordionPanelLarge .accordionContent dl dt.middle a.closed {
        width: 149px;
        height: 42px;
        padding: 10px 24px 0px 9px;
    }

    .accordionPanelLarge .accordionContent dl dt.first a.closed {
        width: 149px;
        height: 42px;
        padding: 10px 24px 0px 9px;
        background: #ccc url('../img/accordion-download-panel/first-blue.gif') no-repeat scroll 0 0;
        color: #fff;
    }

    .accordionPanelLarge .accordionContent dl dt.last a.closed {
        width: 149px;
        height: 42px;
        padding: 10px 24px 0px 9px;
        background: #ccc url('../img/accordion-download-panel/last-blue.gif') no-repeat scroll 0 0;
    }

    .accordionPanelLarge .accordionContent dl dt.last a.open {
        width: 149px;
        height: 42px;
        padding: 10px 24px 0px 9px;
        background: #ccc url('../img/accordion-download-panel/second-orange.gif') no-repeat scroll 0 0;
    }

    .accordionPanelLarge .accordionContent dl dt.single a.open {
        background: #ccc url('../img/new-design/accordion-control/accordion-top-open.gif') no-repeat scroll 0 0;
    }

    .accordionPanelLarge .accordionContent dl dt.single a.closed {
        background: #ccc url('../img/new-design/accordion-control/accordion-single-closed.gif') no-repeat scroll 0 0;
    }

    .accordionPanelLarge .accordionContent dl {
        margin: 0px;
    }

    p.contactText {
        text-transform: uppercase;
    }
    p.buttonRow {
        text-align: right;
    }


    /*----------------------------------------------
        = TAB STYLES
    ----------------------------------------------*/
    .tabNavigator {
        float: left;
        width: 100%;
        height: 37px;
        margin-top: 20px;
    }

    .tabNavigator ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .tabNavigator li {
        float: left;
        margin: 0;
        padding: 0;
        list-style-type: none;      
    }

    .tabNavigator li span {
        display: block;
        float: left;
        height: 21px;
        width: 16px;
    }

    .tabNavigator ul li span.left {
        background: transparent url('../img/tab/far-left.jpg') no-repeat scroll 0 0;
    }

    .tabNavigator ul li a {
        display: block;
        float: left;
        height: 18px;
        padding: 3px 3px 0px 3px;
        color: #777;
        background: transparent url('../img/tab/center.jpg') repeat-x scroll 0 0;
        font-size: 0.91em;
        text-transform: uppercase;
    }

    .tabNavigator ul li span.middle {
        background: transparent url('../img/tab/left.jpg') no-repeat scroll 0 0;
    }

    .tabNavigator ul li span.right {
        background: transparent url('../img/tab/far-right.gif') no-repeat scroll 0 0;
    }

    .tabNavigator ul li span.middleSelected {
        background: transparent url('../img/tab/right-hover.jpg') no-repeat scroll 0 0;
    }

    .tabNavigator ul li.selected span.left {
        background: transparent url('../img/tab/far-left-hover.jpg') no-repeat scroll 0 0;
    }

    .tabNavigator ul li.selected a {
        background: transparent url('../img/tab/center-hover.jpg') repeat-x scroll 0 0;
        color: #284878;
    }

    .tabNavigator ul li.selected span.middle {
        background: transparent url('../img/tab/left-hover.jpg') no-repeat scroll 0 0;
    }

    .tabNavigator ul li.selected span.right {
        background: transparent url('../img/tab/far-right-hover.jpg') no-repeat scroll 0 0;
    }

    .tabContent {
        clear: both;
        float: left;
        height: 15px;
        margin-top: -1px;
        padding: 0;
        width: 100%;
        background: transparent url('../img/tab/tab-background.gif') no-repeat scroll 0 0;
    }


    /*----------------------------------------------
        = ACCORDION CONTROL STYLES main.css
    ----------------------------------------------*/

    .accordionPanelLarge .accordionContent {
        width: 182px;
        margin: 0;
    }

    .accordionPanelLarge .accordionContent dl dt {
        margin: 0;
        padding: 0;
    }

    .accordionPanelLarge .accordionContent dl dt a {
        display: block;
        padding: 0 0 0 0;
        width: 182px;
        color: #fff;
    }

    .accordionPanelLarge .accordionContent dl dt a:focus {
        outline: none; /* Does not work in IE <= 7 */
    }

    /*---- SINGLE ----*/
    .accordionPanelLarge .accordionContent dl dt.single a.closed {
        padding: 0 0 0 0;
    }

    .accordionPanelLarge .accordionContent dl dd.open.last {
        padding-bottom: 25px;
        background-image: url('../img/accordion-download-panel/last-blue-open.gif');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0 100%;
    }

    .accordionPanelLarge .accordionContent dl dd.open.single {
        padding-bottom: 6px;
        background: #ccc url('../img/accordion-download-panel/second-orange.gif') no-repeat scroll 0 0;
    }

    /*---- OTHER ----*/
    .accordionPanelLarge .accordionContent dl dd {
        margin: 0;
        padding: 10px 10px 10px 10px;
        background-color: #ececec;
    }

    .accordionPanelLarge .accordionContent dl dd.closed {
        display: none;
    }

    .accordionPanelLarge .accordionContent dl dd p {
        margin: 0px 0px 6px 0px;
        padding: 0;
    }

    .accordionPanelLarge .largeBackground {
        background: transparent url('../img/accordion-download-panel/top-orange.gif') no-repeat scroll 0 0;
        color: #fff;
    }

    .largeBackground {
        background: transparent url('../img/accordion-download-panel/top-orange.gif') no-repeat scroll 0 0;
    }


    /*----------------------------------------------
        = SEARCH CONTROL STYLES
    ----------------------------------------------*/
    .searchControl {
        float: left;
        width: 100%;
        margin: 10px 0 10px 0;
    }

    .mainSearchField {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        width: 157px;
        height: 13px;
        color: #777;
        font-size: 0.91em;
    }

    .textRight {
        text-align: right;
        text-align: right;
    }

    .resultPanel {
        float: left;
        width: 100%;
    }

    .innerSearchField {
        float: left;
        width: 100%;
    }

    .innerSearchField .pagesMenu a,
    .innerSearchField .linkDivider,
    .pagingBar .searchAll {
        color: #fff;
    }

    .boxControl.simpleGrey.searchBottom .innerSearchField .pagesMenu a {
        color: #3688d3;
    }

    .boxControl.simpleGrey.searchBottom .innerSearchField .linkDivider {
        color: #000;
    }

    .searchResult h2 {
        padding: 0px 0px 10px 0px;
    }

    .searchResult p {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

    div.searchResult p strong {
	    color: #000;
    }

    .page {
        display: block;
        float: left;
        height: 9px;
        width: 10px;
    }

    .page.next {
        margin: 4px 0px 0 0;
        background: transparent url('../img/new-design/search-all-arrow-right.gif') no-repeat scroll 50% 100%;
    }

    a.page.next:hover {
        background-position: 50% 0%;
    }

    .searchBottom .page.next {
        background: transparent url('../img/arrow-right.gif') no-repeat scroll 50% 100%;
        margin: 0;
    }

    .page.previous {
        margin: 4px 0px 0px 0px;
        padding-top: 0px;
        background: transparent url('../img/new-design/search-all-arrow-left.gif') no-repeat scroll 50% 100%;
    }

    a.page.previous:hover {
        background-position: 50% 0%;
    }

    .searchBottom .page.previous {
        background: transparent url('../img/arrow-right.gif') no-repeat scroll 50% 100%;
        margin: 0;
    }

    .arrowlink {
        display: block;
        width: 10px;
        height: 10px;
        float: left;
    }

    .linkPosition {
        display: block;
        float: left;
        padding: 0px 3px 0px 3px;
    }

    .linkDivider {
        display: block;
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .boxControl.simpleGrey.searchBottom .linkDivider {
        padding-bottom: 2px;
    }

    .simpleSearchPanel, .advancedSearchPanel {
        float: left;
        width: 100%;
    }

    .simpleSearchPanel {
        display: block;
        padding: 5px 11px 15px;
    }

    .advancedSearchPanel {
        display: none;
    }

    .advancedSearchColumn {
        float: left;
        margin-right: 10px;
    }

    .advancedSearchColumn .typeText {
        display: block;
    }

    .searchControl .pagesMenu {
        float: right;
        padding: 7px 7px 0 0;
    }

    .pagesMenu .linkPosition {
        padding: 0 5px;
    }

    .pagesMenu .page {
        padding: 0 5px;
    }

    .resultPanel .resultTop {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .resultPanel .resultTop .results {
        float: left;
        padding-bottom: 8px;
    }

    .resultPanel .resultTop .sortBy {
        float: right;
    }

    .advancedSearchColumn .textBoxColumn {
        float: left;
    }

    .advancedSearchColumn .textBoxColumn input {
        margin: 0 5px 5px 0;
    }

    .searchControl .boxControl.simpleGrey .middle {
        border: 0 none;
        padding: 7px 1px 2px;
        width: 100%;
        margin-bottom: 0;
        background: transparent url(../img/new-design/search-all-bottom-bg.gif) no-repeat scroll 0 100%;
    }

    .searchControl .searchBottom {
        padding: 0;
        margin: 0;
    }

    .boxControl.simpleGrey.searchBottom .middle {
        clear: both;
        padding: 0;
        line-height: 10px;
    }

    .pagingBar {
        clear: left;
        height: 33px;
        margin-left: 1px;
        width: 562px;
        background: transparent url(../img/new-design/search-all-bg.gif) no-repeat scroll 0 0;
    }

    .pagingBar .searchAll {
        float: left;
        padding: 5px 0 0 5px;
    }

    .pagingBar .searchAll .input {
        float: left;
        padding-top: 1px;
    }

    .pagingBar .searchAll .inputTxt {
        float: left;
        padding: 4px 0 0 3px;;
    }

    .bottomSearch {
        clear: both;
        height: 0px;
    }

    a.searchButton {
        padding-right: 9px;
        background:transparent url(../img/new-design/search-button-bg.gif) no-repeat scroll 100% 3px;
        color: #000;
    }

    .simpleSearchPanel input {
        margin-right: 10px;
    }

    .searchResult {
        clear: both;
    }

    .searchResult .top {
        width: 566px;
        height: 6px;
        clear: both;
        background: transparent url(../img/new-design/search-result-top.gif) no-repeat;
    }

    .searchResult .middle {
        width: 564px;
        border-left: solid 1px #c8c8c8;
        border-right: solid 1px #c8c8c8;
    }

    .searchResult .bottom {
        width: 566px;
        height: 5px;
        background: transparent url(../img/new-design/search-result-bottom.gif) no-repeat;
    }

    .searchResult .head {
        clear: both;
        display: table;
        width: 100%;
        border-bottom: solid 1px #c8c8c8;
    }

    .searchResult .searchTitle {
        padding: 0 0 3px 10px;
        float: left;
    }

    .searchResult .searchTitle a {
        font-size: 1.18em;
        font-weight: bold;
        text-transform: uppercase;
    }

    .searchResult .expand {
        float: right;
        width: 8px;
        height: 9px;
        cursor: pointer;
        margin-top: 4px;
        padding-right: 10px;
        background: transparent url(../img/new-design/search-result-expand.gif) no-repeat;
    }

    .searchResult .collaps {
        float: right;
        width: 8px;
        height: 9px;
        cursor: pointer;
        margin-top: 4px;
        padding-right: 10px;
        background: transparent url(../img/new-design/search-result-collaps.gif) no-repeat;
    }

    .searchResult p.short {
        margin: 0;
        padding: 10px 10px 5px;
    }

    .searchResult p.long {
        margin: 0;
        padding: 10px 10px 5px;
        display: none;
    }

    .searchResult .footer {
        padding: 2px 10px;
        margin-bottom: 35px;
    }

    .searchResult .breadcrumb {
        float: left;
    }

    .searchResult .breadcrumb a {
        color: #777777;
        font-size: 0.9em;
    }

    .searchResult .breadcrumb .arrow {
        padding: 0 3px;
        width: 3px;
        background: transparent url(../img/new-design/search-result-breadcrumb-arrow.gif) no-repeat scroll 0 6px;
    }

    .searchResult .domain {
        float: right;
    }

    .searchResult .domain a {
        color: #3688d3;
        font-size: 0.9em;
    }


    /*----------------------------------------------
        = EVENT LIST STYLES
    ----------------------------------------------*/
    .eventlistContainer {
        margin: 0 0 10px 0;
    }

    .eventlistDropdown {
        text-transform: uppercase;
    }

    .countryItem ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }

    .countryItem ul li a, .countryItem ul li {
        font-size: 1em;
    }

    .eventsList {
        margin-top: 5px;
    }

    .eventsList th {
        /*padding-top: 15px;*/
    }

    .eventsList td {
        padding-right: 5px;
    }

    .eventsList tr.cancelled {
        text-decoration: line-through;
    }

    .eventsList .action {
        text-align: center;
        padding-left: 15px;
    }

    .eventsList .location {
        font-weight: bold;
    }


    /*----------------------------------------------
        = PRESS AND NEWS STYLES
    ----------------------------------------------*/
    .pressAndNews {
        float: left;
        margin-top: 10px;
        width: 100%;
    }

    .pressAndNews .boxControl h2 {
        font-size: 1.18em;
    }

    .pressAndNews .boxControl, .pressAndNews .boxControl h2, .pressAndNews .boxControl p {
        margin: 0;
    }

    .newsItemList {
        float: left;
    }

    .pressAndNewsBottom {
        float: left;
        width: 100%;
        margin: 20px 0;
        text-align: right;
    }



    /*----------------------------------------------
        = CHAT PANEL STYLES
    ----------------------------------------------*/
    .chatEmailContainer, .chatLanguageContainer, .chatButtonContainer {
        margin-top: 10px;
    }

    .chatEmailContainer input {
        width: 150px;
    }

    .chatLanguageContainer select {
        width: 158px;
    }

    .chatButtonContainer {
        text-align: right;
    }



    /*----------------------------------------------
        = SEARCH PANELS STYLES
    ----------------------------------------------*/
    .searchPanelKeywordContainer, .searchPanelLanguageContainer, .searchPanelButtonContainer {
        margin-top: 10px;
    }

    .searchPanelKeywordContainer input {
        width: 150px;
    }

    .searchPanelLanguageContainer select {
        width: 158px;
    }

    .searchPanelButtonContainer {
        text-align: right;
    }



    /*----------------------------------------------
        =  RSS ACCORDION STYLES
    ----------------------------------------------*/
    .rssListContainer .accordionControl dl dd ul {
        margin: 8px 12px;
        padding: 0;
    }

    .rssListContainer .accordionControl dl dd ul li {
        float: left;
        margin: 0;
        padding: 0 2px 2px 0;
        list-style-type: none;
    }

    .rssListContainer .accordionControl dl dt.first a.open {
        background-image: url('../img/new-design/rss-accordion-control/accordion-top-open.gif');
    }

    .rssListContainer .accordionControl dl dt.first a.closed {
        background-image: url('../img/new-design/rss-accordion-control/accordion-top-closed.gif');
    }

    .rssListContainer .accordionControl dl dt.middle a.open {
        background-image: url('../img/new-design/rss-accordion-control/accordion-middle-open.gif');
    }

    .rssListContainer .accordionControl dl dt.middle a.closed {
        background-image: url('../img/new-design/rss-accordion-control/accordion-middle-closed.gif');
    }

    .rssListContainer .accordionControl dl dt.last a.open {
        background-image: url('../img/new-design/rss-accordion-control/accordion-middle-open.gif');
    }

    .rssListContainer .accordionControl dl dt.last a.closed {
        background-image: url('../img/new-design/rss-accordion-control/accordion-bottom-closed.gif');
    }

    .rssReadersNewsgator, .rssReadersNetvibes, .rssReadersGoogle, .rssReadersAol, .rssReadersBloglines, .rssReadersPluck, .rssReadersYahoo, .rssReadersRojo, .rssReadersPageflakes {
        background: #ccc url() no-repeat scroll 0 0;
    }

    .rssListContainer .accordionControl dl dd .buttonArea {
        clear: both;
        padding: 12px;
        text-align: right;
    }

    .rssReadersNewsgator, .rssReadersNetvibes, .rssReadersGoogle, .rssReadersAol, .rssReadersBloglines, .rssReadersPluck, .rssReadersYahoo, .rssReadersRojo, .rssReadersPageflakes {
        display: block;
        height: 32px;
    }

    .rssReadersNewsgator {
        width: 91px;
        background-image: url('../img/rss-reader-logos/rss-readers-newsgator-bw.gif');
    }

    .rssReadersNewsgator:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-newsgator-c.gif');
    }

    .rssReadersNetvibes {
        width: 115px;
        background-image: url('../img/rss-reader-logos/rss-readers-netvibes-bw.gif');
    }

    .rssReadersNetvibes:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-netvibes-c.gif');
    }

    .rssReadersGoogle {
        width: 70px;
        background-image: url('../img/rss-reader-logos/rss-readers-google-bw.gif');
    }

    .rssReadersGoogle:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-google-c.gif');
    }

    .rssReadersAol {
        width: 72px;
        background-image: url('../img/rss-reader-logos/rss-readers-aol-bw.gif');
    }

    .rssReadersAol:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-aol-c.gif');
    }

    .rssReadersBloglines {
        width: 99px;
        background-image: url('../img/rss-reader-logos/rss-readers-bloglines-bw.gif');
    }

    .rssReadersBloglines:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-bloglines-c.gif');
    }

    .rssReadersPluck {
        width: 110px;
        background-image: url('../img/rss-reader-logos/rss-readers-pluck-bw.gif');
    }

    .rssReadersPluck:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-pluck-c.gif');
    }

    .rssReadersYahoo {
        width: 119px;
        background-image: url('../img/rss-reader-logos/rss-readers-yahoo-bw.gif');
    }

    .rssReadersYahoo:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-yahoo-c.gif');
    }

    .rssReadersRojo {
        width: 45px;
        background-image: url('../img/rss-reader-logos/rss-readers-rojo-bw.gif');
    }

    .rssReadersRojo:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-rojo-c.gif');
    }

    .rssReadersPageflakes {
        width: 98px;
        background-image: url('../img/rss-reader-logos/rss-readers-pageflakes-bw.gif');
    }

    .rssReadersPageflakes:hover {
        background-image: url('../img/rss-reader-logos/rss-readers-pageflakes-c.gif');
    }


    /*----------------------------------------------
        = STANLY POP-UP STYLES
    ----------------------------------------------*/
    .tipAFriendForm h3 {
        margin: 5px 0;
    }

    .tipAFriendForm p {
        margin: 0 0 5px 0;
        padding: 0;
    }

    .tipAFriendForm .emailForm input.typeText {
        width: 150px;
        margin-bottom: 5px;
    }

    .tipAFriendForm .note {
        font-style: italic;
    }

    .tipAFriendForm .textarea {
        margin: 0 0 10px 0;
        padding: 1px 4px;
        border: solid 1px #cecece;
        background-color: #fff;
    }

    .tipAFriendForm .textarea textarea {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 30px;
        overflow: auto;
        border-style: none;
    }

    .tipAFriendForm .textarea .emailHeader {
        margin: 0;
        padding: 1px 1px 0 1px;
    }

    .tipAFriendForm .textarea .emailLink {
        margin: 0;
        padding: 0 0 0 1px;
    }

    .tipAFriendForm .textarea .emailLink a:link, .tipAFriendForm .textarea .emailLink a:hover, .tipAFriendForm .textarea .emailLink a:active, .tipAFriendForm .textarea .emailLink a:visited {
        padding: 0;
    }

    .tipAFriendForm .textarea .emailFooter {
        margin: -1px 0 0 0;
        padding: 0 1px 1px 1px;
    }

    .tipAFriendForm .textarea .emailHeader,
    .tipAFriendForm .textarea .emailLink,
    .tipAFriendForm .textarea .emailLink a:link, 
    .tipAFriendForm .textarea .emailLink a:hover, 
    .tipAFriendForm .textarea .emailLink a:active, 
    .tipAFriendForm .textarea .emailLink a:visited,
    .tipAFriendForm .textarea .emailFooter {
        color: #777;
        background-image: none;
    }

    .tipAFriendForm .textarea .emailLink a:link,
    .tipAFriendForm .textarea .emailLink a:hover,
    .tipAFriendForm .textarea .emailLink a:active,
    .tipAFriendForm .textarea .emailLink a:visited {
        text-decoration:underline;
    }

    .tipAFriendForm .emailForm .sendButton {
        text-align: right;
    }


    /*----------------------------------------------
        = SIGN UP FORM STYLES
    ----------------------------------------------*/
    .signupForm .group {
        margin-bottom: 10px;
    }

    .signupForm .group .typeSelect, .signupForm .group .typeText, .signupForm .group .typePassword, .signupForm .group label {
        display: block;
        margin-bottom: 2px;
    }



    /*----------------------------------------------
        = STANLY STYLES
    ----------------------------------------------*/
    .stanlyPopUpTemplate {
        display: none;
        z-index: 2147483647; /* max value = always on top */
        position: absolute;
        top: 0px;
        height: 100%;
        left: 0px;
        width: 100%;
        background: transparent url('../img/new-design/stanley/bg.png') repeat scroll 0 0;
        text-align:left;
    }

    .stanlyPopUpTemplate .innerTemplate {
        position: absolute;
    }

    .stanlyPopUpTemplate .innerTemplate .mm .closeButton {
        float: right;
        width: 21px;
        height: 21px;
        cursor: pointer;
        background: transparent url('../img/new-design/stanley/close-button.png') no-repeat scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .mm .contentPlaceHolder {
        padding: 0 10px;
    }

    .stanlyPopUpTemplate .innerTemplate .tl {
        float: left;
        width: 20px;
        height: 20px;
        background: transparent url('../img/new-design/stanley/tl.png') no-repeat scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .tm {
        float: left;
        height: 20px; /* width: IS SET BY THE JAVASCRIPT; */
        background: transparent url('../img/new-design/stanley/tm.png') repeat-x scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .tr {
        float: left;
        width: 20px;
        height: 20px;
        background: transparent url('../img/new-design/stanley/tr.png') no-repeat scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .ml {
        float: left;
        width: 20px; /* height: IS SET BY THE JAVASCRIPT; */
        background: transparent url('../img/new-design/stanley/ml.png') repeat-y scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .mm {
        float: left;
        overflow: auto; /* width: IS SET BY THE JAVASCRIPT; */ /* height: IS SET BY THE JAVASCRIPT; */
        background: #f2f4f7 none;
    }

    .stanlyPopUpTemplate .innerTemplate .mr {
        float: left;
        width: 20px; /* height: IS SET BY THE JAVASCRIPT; */
        background: transparent url('../img/new-design/stanley/mr.png') repeat-y scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .bl {
        float: left;
        width: 20px;
        height: 20px;
        background: transparent url('../img/new-design/stanley/bl.png') no-repeat scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .bm {
        float: left; /* width: IS SET BY THE JAVASCRIPT; */
        height: 20px;
        background: transparent url('../img/new-design/stanley/bm.png') repeat-x scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .br {
        float: left;
        width: 20px;
        height: 20px;
        background: transparent url('../img/new-design/stanley/br.png') no-repeat scroll 0 0;
    }

    .stanlyPopUpTemplate .innerTemplate .tr {
        cursor: pointer;
    }



    /*----------------------------------------------
        = PANEL STYLES
    ----------------------------------------------*/
    .panelWrap {
        float: left;
        margin-bottom: 20px;
    }



    /*----------------------------------------------
        = CONTACT US STYLES
    ----------------------------------------------*/
    .contactInformation .label {
        padding-right: 10px;
    }

    img.largeImage {
        cursor: pointer;
    }

    .loginForm {
        padding: 10px 0;
    }

    .loginForm .message {
        font-weight: bold;    
    }

    .loginForm input {
        display: block;
        width: 140px;
    }

    .downloadcontrol .downloadbutton, .loginForm .submit {
        background: #738196 url('../img/new-design/drop-down-background.gif') repeat-x 0 0;
        background: transparent url('../img/new-design/input-submit.gif') no-repeat scroll 0 100%;
        border: 0 solid transparent;
        color: #fff;
        cursor: pointer;
        font-size: 11px;
        font-weight: bold;
        height: 22px;
        margin: 5px 0;
        padding-left: 7px;
        text-align: left;
        text-transform: uppercase;
        width: 144px;
    }

    .loginForm .title {
        font-size: 1.64em;
        text-transform: uppercase;
        color: #284878;
        font-family: 'Trebuchet MS' ,Arial,Sans-Serif;
        line-height: 1.45em;
        font-weight: bold;
    }

    .error {
        color: red;
    }

    /*----------------------------------------------
        = SIGN-UP STYLES
    ----------------------------------------------*/
    .SignUpRegion {
        width: 162px;
        background-color: #F2F4F7;
        padding: 10px;
        background: #f2f4f7 none;
        border: solid 1px #d5e2eb;
    }

    .SignUpRegion .SignUpFields input,
    .SignUpRegion .SignUpFields select,
    .SignUpRegion .SignUpFields textarea {
        margin-bottom: 2px;
        padding: 0;
        width: 162px;
        font-family: 'Trebuchet MS', Arial, Sans-Serif;
        font-size: 11px;
    }

    .SignUpRegion .SignUpFields input,
    .SignUpRegion .SignUpFields select {
        border: 1px solid #cecece;
    }

    .SignUpRegion .SignUpFields select {
        height: 20px;
        width: 165px;
    }

    .SignUpRegion .SignUpButton input {
        width:100%;
    }

    .SignUpRegion .SignUpButton {
        margin: 5px 0;
    }

    .SignUpRegion .SignUpConsent br {
        float: left;
    }

    .SignUpRegion .SignUpConsent label, .SignUpRegion .SignUpConsent span, .SignUpRegion .SignUpConsent div {
        display: inline;
    }

    /*---- SIGN-UP IN PANEL AREA ----*/
    .panel .SignUpRegion {
        float: left;
        margin-bottom: 20px;
        padding: 10px 0;
        width: 180px;
        background: #f2f4f7 none;
        border: solid 1px #d5e2eb;
    }

    .panel .SignUpConsent {
        padding: 0 10px;
    }

    .panel .SignUpValidationSummary {
        padding: 10px;
    }

    .panel .SignUpValidationSummary ul {
        margin: 0;
        padding: 0;
    }

    .panel .SignUpValidationSummary ul li {
        margin-left: 12px;
    }

    .panel .SignUpRegion .SignUpWrapper {
        margin: 2px 10px;
    }

    .panel .SignUpRegion .SignUpWrapper input {
        width: 154px;
        border: 1px solid #cecece;
    }

    .panel .SignUpRegion .SignUpWrapper select {
        width: 158px;
        border: 1px solid #cecece;
    }

    .panel .SignUpRegion p, .panel .SignUpRegion .disclaimer p {
        margin: 2px 10px;
    }

    .panel .SignUpRegion .SignUpButtonSubmit {
        margin: 2px 10px;
    }

    .panel .SignUpRegion input,
    .panel .SignUpRegion .SignUpWrapper input,
    .panel .SignUpRegion .SignUpWrapper select {
        font-family: 'Trebuchet MS', Arial, Sans-Serif;
        font-size: 11px;
    }


    /*----------------------------------------------
        = ECONOMIC CALENDAR STYLES
    ----------------------------------------------*/
    .economicCalendar {
        float: left;
        width: 100%;
    }

    .economicCalendar td {
        vertical-align: top;
    }

    /*---- TOP ----*/
    .topNavigation {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .filter {
        float: left;
        width: 70%;
    }

    .dateSelector {
        float: left;
        width: 30%;
        text-align: right;
    }

    .dateSelector ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .dateSelector li {
        display: inline;
        margin: 0 0 0 10px;
        padding: 0;
        line-height: 1em;
    }

    /*---- LEFT ----*/
    .calendarNavigation {
        float: left;
        width: 150px;
    }

    .calendarNavigation th,
    .calendarNavigation td {
        text-align: center;
    }

    .calendarNavigation .calendar {
        width: 130px;
        margin-bottom: 10px;
        border: solid 1px #cecece;
    }

    .calendarNavigation .changePeriod {
        width: 130px;
    }

    .calendarNavigation .changePeriod h3 {
        text-align:center;
    }

    .calendarNavigation .changePeriod a.prev,
    .calendarNavigation .changePeriod a.next {
        float: left;
        width: 29px;
        height: 21px;
    }

    .calendarNavigation .calendar th {
        background-color: #cecece;
    }

    .calendarNavigation .calendar .day {
        background-color: transparent;
    }

    .calendarNavigation .calendar .weekend {
        background-color: #ffecec;
    }

    .calendarNavigation .calendar .otherMonth {
        background-color: #ececec;
    }

    .calendarNavigation .calendar .today {
        background-color: #ececff;
    }

    .calendarNavigation .changePeriod a.prev, 
    .calendarNavigation .changePeriod a.next {
        background: transparent url('../img/new-design/economic-calendar-button-left.gif') no-repeat scroll 0 0;
    }

    .calendarNavigation .changePeriod a.next {
        background: transparent url('../img/new-design/economic-calendar-button-right.gif') no-repeat scroll 0 0;
        float: right;
    }

    .calendarNavigation .changePeriod h3 {
        margin: 3px 0;
    }

    /*---- RIGHT ----*/
    .calendarMain {
        float: left;
        width: 617px;
        border-top: solid 1px #cecece;
        border-left: solid 1px #cecece;
    }

    .calendarMain table {
        width: 100%;
    }

    .calendarMain th {
        padding: 0 3px;
        border-bottom: solid 1px #cecece;
        border-right: solid 1px #cecece;
    }

    .calendarMain td {
        padding: 0 3px;
        border-bottom: solid 1px #cecece;
        border-right: solid 1px #cecece;
    }

    .calendarMain .changePeriod {
        border-bottom: solid 1px #cecece;
        border-right: solid 1px #cecece;
    }

    .calendarMain .changePeriod a.prev, 
    .calendarMain .changePeriod a.next {
        float: left;
        width: 29px;
        height: 21px;
        background: transparent url('../img/new-design/economic-calendar-button-left.gif') no-repeat scroll 0 0;
    }

    .calendarMain .changePeriod a.next {
        float: right;
        background: transparent url('../img/new-design/economic-calendar-button-right.gif') no-repeat scroll 0 0;
    }

    .calendarMain .changePeriod h2 {
        margin: 0;
        padding: 3px 0;
        text-align: center;
    }

    .calendarMain .year td p {
        margin: 0;
    }

    .calendarMain .week td p {
        margin: 0;
    }

    .calendarMain .week td p.time {
        margin: 10px 0 1px;
    }

    .calendarMain td p {
        line-height: 1em;
    }

    .calendarMain td p.date {
        margin: 10px 0 1px;
    }

    .calendarMain table.calendarMonth {
        border-top-style: none !important;
        border-top-width: 0 !important;
        border-bottom-color: #CECECE !important;
        border-right-color: #CECECE !important;
        border-left-style: none !important;
        border-left-width: 0 !important;
    }

    .calendarMain table.calendarMonth a {
        color: #0088CC !important;
        font-weight: bold !important;
    }

    .calendarMain td p.time {
        text-align: left;
    }

    .calendarMain .week td p.time,
    .calendarMain td p.date {
        font-weight: bold;
    }

    .calendarMain .week td p.time,
    .calendarMain td p.time strong,
    .calendarMain td p.date {
        color: #666666;
    }


    /*----------------------------------------------
        = ECONOMIC CALENDAR STYLES - Feb 19, 2009
    ----------------------------------------------*/
    /*----- Navigation -----*/
    .calendarNavigation table.calendar { border: 1px solid #5d8cc9; border-collapse: collapse; border-spacing: 0; font-size: 10px; }
    .calendarNavigation table.calendar td { border: 1px solid #5d8cc9; padding: 0; }
    .calendarNavigation table.calendar td a { color: #000; }
    .calendarNavigation table.calendar thead th { background: #bfdbff none; }
    .calendarNavigation table.calendar tbody th.CalendarDayHeaderStyle { background: #fff; }
    .calendarNavigation table.calendar tbody td.CalendarOtherMonthDayStyle { background: #a5bfe1 none; }
    .calendarNavigation table.calendar tbody td.CalendarOtherMonthDayStyle a { color: #5d8cc9; }
    .calendarNavigation table.calendar tbody td.CalendarDayStyle { background: #fff none; }
    .calendarNavigation table.calendar tbody td.CalendarWeekendDayStyle { background: #e6edf7 none; }
    .calendarNavigation table.calendar tbody td.CalendarSelectedDayStyle { background: #294c7a; }
    .calendarNavigation table.calendar tbody td.CalendarSelectedDayStyle a { color: #fff; }
    .calendarNavigation table.calendar tbody td.CalendarTodayDayStyle { background: #81ce80 none; }

    /*----- Main -----*/
    .calendarMain table.DataGrid .DataGridItemStyle td { background: #e6edf7 none; }
    .calendarMain table.DataGrid .DataGridHeaderStyle td { font-weight: bold; }
    .calendarNavigation .calendar .CalendarTitleStyle td { background-color: #fff; border-style: none; font-weight: bold; }


    /*----------------------------------------------
        = ANNUAL REPORTS STYLES
    ----------------------------------------------*/
    table.annualReports {
        margin-top: 10px;
        width: 100%;
        border: solid 1px #ccc;
        border-bottom-style: none;
        border-right-style: none;
    }

    table.annualReports th {
        text-align: center;
    }

    table.annualReports th,
    table.annualReports td {
        padding: 1px 2px;
        border: solid 1px #ccc;
        border-top-style: none;
        border-left-style: none;
    }



    /*----------------------------------------------
        = PDF LINK STYLES
    ----------------------------------------------*/
    a.pdf {
        padding-left: 20px;
        background: transparent url(../img/new-design/icons/pdf.png) no-repeat scroll 0 50%;
    }



    /*----------------------------------------------
        = PUBLICATIONS STYLES
    ----------------------------------------------*/
    .publication {
        margin-top: 10px;
    }
    .publication .authorInfo {
        float: left;
        margin: 0 10px 20px 0;
        width: 182px;
    }
    .publication .authorInfo .authorimage {
    }
    .publication .authorInfo .authorimage img {
        border: solid 1px #ccc;
        padding: 3px;
    }
    .publication .authorInfo .authorname {
    }
    .publication .authorInfo .authortitle {
    }
    .publication .time {
        font-weight: bold;
    }
    .publication .headline {
    }
    .publication .abstract {
        font-size: 1.09em;
    }
    .publication .body {
        clear: both;
    }
    .publication .body hr {
        border: solid 1px #ccc;
        border-width: 1px 0 0 0;
        margin: 20px 0;
    }



    /*----------------------------------------------
        = UNSORTED STYLES
    ----------------------------------------------*/
    .linkContainer {
        float: left;
        padding: 3px 0 0 0;
    }

    .buttonContainer {
        float: right;
    }

    .buttonField .secondaryLink {
        float: left;
    }

    .boxControl ol {
        margin: 0;
        padding: 0;
    }

    .boxControl ol li {
        margin: 0 0 1em 0;
        padding: 0;
    }

    div.manualContent table thead tr th {
        padding: 10px 10px 5px 5px;
    }

    .selectGroup  {
        float: left;
        width: 100%;
    }

    .selectGroup label {
        display: block;
        font-weight: bold;
    }

    .selectGroup .column {
        float: left;
    }

    .selectGroup .column.first {
        margin-right: 10px;
    }

    /*----  TABLE GRN  ----*/
    .futures-table {
        margin-bottom: 1.5em;
        padding: 0;
        width: 100%;
	    color: #3D3C3B;	
	    border:0;	
	    font-size: 0.91em;	
    }

    .futures-table td.properties {
	    padding:0; 
	    margin:0;
	    border:1px solid #CCC;
	    border-width:1px 1px 1px 0;
	    width:50%;
    }

    .futures-table td.contracts {
	    padding:0; 
	    margin:0;
	    border:1px solid #ccc; 
	    border-width:1px 1px 1px 1px;
	    border-top:1px solid #B2B4CF;
	    width:50%;
    }

    td.contracts table {
        width: 100%;
    }

    td.properties table {
        width: 100%;
    }

    .futures-table td {
        vertical-align: top;
    }

    .futures-table th {
        vertical-align: top;
        text-align: left;
    }

    .futures-table tr.head th {
        padding: 2px 5px 4px 0px;
	    background-color: transparent;
	    color: #505693;
	    border: 1px solid #505693;
	    border-width: 0 0 3px 0;
	    font-weight: bold;
	    font-size: 13px;
    }

    .futures-table .contracts tr.head th {
        padding: 2px 5px;
        padding: 2px 5px;
	    background-color: #F2F4F7;
	    border-color: #D3D5E4; 
	    border-width:0 0 1px 0;
	    font-size: 0.91em;	
	    white-space: nowrap;
    }

    .tradingSchedule {
        display: none;
    }

    td.properties td, 
    td.properties th, 
    td.contracts td, 
    td.contracts th {
        padding: 2px 5px;
	    border-bottom:1px solid #EEE;
    }

    .group {
        margin-bottom: 2em;
    }

    .imageGalleryContainerTopCountry {
        padding-top: 5px;
    }

    .pressFloat {
        float: right;
        padding-top: 5px;
    }

    .paddingLeft {
        padding-left: 20px;
    }

    .textTop {
        vertical-align: top;
    }

    .ulFormatting {
        padding-left: 14px;
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .paddingLeft {
        padding-left: 20px;
    }

    .rulerGray {
        height: 1px;
        width: 100%;
        color: #b1b1b1; 
    }

    div.contentTableManual table thead tr th {
        padding: 5px 5px 5px 5px;
        text-transform: none;
        text-align: left;    
    }

    .imageGalleryImage img {
        padding-top: 1px;
        padding-left: 1px;
    }

    .fixedTable {
        width: 566px; 
        table-layout:fixed;    
    }

    div.head {
	    font-weight:bold;
    }


    /*----------------------------------------------
        = STYLES TO ACCOMMODATE NEW HEADDER
    ----------------------------------------------*/ 
    .siteHeading .logo {
        padding: 5px 0;
    }

    .siteHeading .selectionBox .sfTrigger {
        padding: 2px 20px 2px 2px;
    }

    .siteHeading .selectionBoxWrapper { 
        float: right;
    }

    .siteHeading .selectionBoxWrapper .selectionBox { 
        float: left; 
        margin: 0 10px 0 0; 
        width: auto;
        background-image: none;
    }

    .siteHeading .selectionBoxWrapper .selectionBox a.demo,
    .siteHeading .selectionBoxWrapper .selectionBox a.live {
        padding: 1px 15px 1px 0;
        background: transparent url('../img/new-design/padlocks.png') no-repeat scroll 97% 0;
    }

    .siteHeading .selectionBoxWrapper .selectionBox a.live { 
        background-position: 100% -15px;
    }

    .siteHeading .selectionBoxWrapper .selectionBox .customDropDownBox a.demo { 
        background-position: 95% 2px;
    }

    .siteHeading .selectionBoxWrapper .selectionBox .customDropDownBox a.live { 
        background-position: 95% -13px;
    }

    .siteHeading .selectionBoxWrapper .selectionBox .customDropDownBox a.demo,
    .siteHeading .selectionBoxWrapper .selectionBox .customDropDownBox a.live { 
        padding: 3px 25px 3px 10px;
    }

    .siteHeading .selectionBoxWrapper .selectionBox .customDropDownBox a:hover.demo, 
    .siteHeading .selectionBoxWrapper .selectionBox .customDropDownBox a:hover.live { 
        background: #81a3bc url('../img/new-design/padlocks.png') no-repeat scroll 95% -28px;
    }

    .siteHeading .selectionBoxWrapper .selectionBox.siteSearch {
        margin: 0 20px 0 10px;
        width: auto;
    }


    /*----------------------------------------------
        = REWORKED SITE TOP - Mar 20, 2009
    ----------------------------------------------*/
    /* Wrapper */
    .selectionMenus {
        width: 100%;
    }
    /* Logo */
    .selectionMenus .logoContainer {
        padding: 0 5px;
        width: 93px;
    }
    .selectionMenus .logoContainer a.logo {
        height: 75px; 
        padding: 5px 0;
        width: 93px;
        background: transparent url() no-repeat scroll 50% 50%;
    }
    /* Selection menus */
    .selectionMenus .selectionContainer {
        padding: 0 10px;
        background-image: none;
    }
    /* Selection menus - h4 */
    .selectionMenus .selectionContainer h4 {
        padding: 1px 7px 1px 2px;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.91em;
    }
    /* Selection menus - ul li */
    .selectionMenus .selectionContainer li {
        font-size: 1em;
        text-decoration: none;
    }
    /* Selection menus - trigger div */
    .selectionMenus .selectionContainer .sfTrigger {
        padding: 2px 20px 2px 2px;
        background: transparent url(../img/new-design/sprites/general.gif) no-repeat scroll 100% 0;
        border: 1px solid #1d293c;
    }
    /* Selection menus - ul */
    .selectionMenus .selectionContainer .sfTrigger ul {
        margin: 3px 0 0 -3px;
        padding: 0 0 5px 0;
        background: #738196 url(../img/new-design/drop-down-background.gif) repeat-x scroll 0 0;
    }
    /* Selection menus - ul li as */
    .selectionMenus .selectionContainer .sfTrigger ul a {
        padding: 3px 25px 3px 10px;
    }
    .selectionMenus .selectionContainer .sfTrigger ul a:hover {
        background: #81a3bc none;
    }
    .selectionMenus .selectionContainer a,
    .selectionMenus .selectionContainer a:hover,
    .selectionMenus .selectionContainer a:visited {
        font-size: 0.91em;
        color: #fff;
        text-transform: uppercase;
    }

    /* Search */
    .selectionMenus .searchContainer {
        padding: 0 20px 0 10px;
        width: 100px;
    }
    /* Search - inputs container */
    .selectionMenus .searchContainer .siteSearch {
        height: 14px;
        margin: 0;
        padding: 0;
        width: 100px;
        background-color: #68768b;
        border: 1px solid #1d293c;
    }
    /* Search - input */
    .selectionMenus .searchContainer input.typeText {
        height: 14px;
        padding: 0 3px;
        position: relative;
        top: -3px;
        width: 80px;
        background: transparent none repeat scroll 0 0;
        border: 0 none transparent;
        color: #fff;
        text-transform: none;
    }
    /* Search - submit */
    .selectionMenus .searchContainer input.typeSubmit {
        cursor: pointer;
        height: 14px;
        width: 14px;
        background: transparent url(../img/new-design/sprites/general.gif) no-repeat scroll -2950px 0;
        border: 0 none transparent;
    }
    /* Login/Open */
    .selectionMenus .selectionContainer a.demo,
    .selectionMenus .selectionContainer a.live {
        padding: 1px 15px 1px 0;
        background: transparent url('../img/new-design/padlocks.png') no-repeat scroll 97% 0;
    }
    .selectionMenus .selectionContainer .customDropDownBox a.demo:hover,
    .selectionMenus .selectionContainer .customDropDownBox a.live:hover { 
        padding: 3px 25px 3px 10px;
        background: #81a3bc url('../img/new-design/padlocks.png') no-repeat scroll 95% -28px;
    }
    .selectionMenus .selectionContainer .customDropDownBox a.demo { 
        background-position: 95% 2px;
    }
    .selectionMenus .selectionContainer .customDropDownBox a.live { 
        background-position: 95% -13px;
    }



    /*----------------------------------------------
        = NEW ACTION PANELS WITH ARROWS - Mar 31, 2009
    ----------------------------------------------*/
    .boxControl.actionOrangeArrow h2, 
    .boxControl.actionBlueArrow h2, 
    .boxControl.actionPlainArrow h2, 
    .boxControl.actionRedArrow h2, 
    .boxControl.actionPurpleArrow h2, 
    .boxControl.actionYellowArrow h2 {
        margin-top: 4px;
    }
    .boxControl.actionOrangeArrow .top .left, 
    .boxControl.actionOrangeArrow .top .right, 
    .boxControl.actionOrangeArrow .bottom, 
    .boxControl.actionBlueArrow .top .left, 
    .boxControl.actionBlueArrow .top .right, 
    .boxControl.actionBlueArrow .bottom, 
    .boxControl.actionPlainArrow .top .left, 
    .boxControl.actionPlainArrow .top .right, 
    .boxControl.actionPlainArrow .bottom, 
    .boxControl.actionRedArrow .top .left, 
    .boxControl.actionRedArrow .top .right, 
    .boxControl.actionRedArrow .bottom, 
    .boxControl.actionPurpleArrow .top .left, 
    .boxControl.actionPurpleArrow .top .right, 
    .boxControl.actionPurpleArrow .bottom, 
    .boxControl.actionYellowArrow .top .left, 
    .boxControl.actionYellowArrow .top .right, 
    .boxControl.actionYellowArrow .bottom {
        display: none;
    }
    .boxControl.actionOrangeArrow a, 
    .boxControl.actionBlueArrow a, 
    .boxControl.actionPlainArrow a, 
    .boxControl.actionRedArrow a, 
    .boxControl.actionPurpleArrow a, 
    .boxControl.actionYellowArrow a {
        padding-left: 10px;
    }
    .boxControl.actionOrangeArrow .top, 
    .boxControl.actionBlueArrow .top, 
    .boxControl.actionPlainArrow .top, 
    .boxControl.actionRedArrow .top, 
    .boxControl.actionPurpleArrow .top, 
    .boxControl.actionYellowArrow .top {
        float: right;
        height: 15px;
        width: 15px;
    }
    .boxControl.actionOrangeArrow .middle, 
    .boxControl.actionBlueArrow .middle, 
    .boxControl.actionPlainArrow .middle, 
    .boxControl.actionRedArrow .middle, 
    .boxControl.actionPurpleArrow .middle, 
    .boxControl.actionYellowArrow .middle {
        padding: 7px 11px 25px 11px;
        cursor: pointer;
    }

    /* Blue */
    .boxControl.actionBlueArrow .middle h2 {
        color: #fff;
    }
    .boxControl.actionBlueArrow .middle,
    .panel .boxControl.actionBlueArrow .middle {
        background: #afc6d8 url('../img/new-design/action-panel/action-panel-arrow-blue.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    .boxControl13.boxControl.actionBlueArrow .middle {
        background: #afc6d8 url('../img/new-design/action-panel/action-panel-arrow-blue13.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    /* Campaign */
    .boxControl.actionOrangeArrow .middle h2 {
        color: #fff;
    }
    .boxControl.actionOrangeArrow .middle,
    .panel .boxControl.actionOrangeArrow .middle {
        background: #81cd80 url('../img/new-design/action-panel/action-panel-arrow-campaign.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    .boxControl13.boxControl.actionOrangeArrow .middle {
        background: #81cd80 url('../img/new-design/action-panel/action-panel-arrow-campaign13.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    /* Plain */
    .boxControl.actionPlainArrow .top {
        color: #fff;
    }
    .boxControl.actionPlainArrow .middle,
    .panel .boxControl.actionPlainArrow .middle {
        background: #e7ebee url('../img/new-design/action-panel/action-panel-arrow-grey.jpg') no-repeat scroll 50% 100%;
    }
    .boxControl13.boxControl.actionPlainArrow .middle {
        background: #e7ebee url('../img/new-design/action-panel/action-panel-arrow-grey13.jpg') no-repeat scroll 50% 100%;
    }
    /* Red */
    .boxControl.actionRedArrow .middle h2 {
        color: #fff;
    }
    .boxControl.actionRedArrow .middle,
    .panel .boxControl.actionRedArrow .middle {
        background: #eab7c0 url('../img/new-design/action-panel/action-panel-arrow-red.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    .boxControl13.boxControl.actionRedArrow .middle {
        background: #eab7c0 url('../img/new-design/action-panel/action-panel-arrow-red13.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    /* Purple */
    .boxControl.actionPurpleArrow .middle h2 {
        color: #fff;
    }
    .boxControl.actionPurpleArrow .middle,
    .panel .boxControl.actionPurpleArrow .middle {
        background: #e0badf url('../img/new-design/action-panel/action-panel-arrow-purple.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    .boxControl13.boxControl.actionPurpleArrow .middle {
        background: #e0badf url('../img/new-design/action-panel/action-panel-arrow-purple13.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    /* Yellow */
    .boxControl.actionYellowArrow .middle h2 {
        color: #fff;
    }
    .boxControl.actionYellowArrow .middle,
    .panel .boxControl.actionYellowArrow .middle {
        background: #f4dbb3 url('../img/new-design/action-panel/action-panel-arrow-yellow.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }
    .boxControl13.boxControl.actionYellowArrow .middle {
        background: #f4dbb3 url('../img/new-design/action-panel/action-panel-arrow-yellow13.jpg') no-repeat scroll 50% 100%;
        color: #fff;
    }


    /*----------------------------------------------
        = NEW FOOTER - Mar 31, 2009
    ----------------------------------------------*/
    .siteFooterInner table {
        width: 100%;
    }
    .siteFooterInner {
        padding: 0 45px;
    }
    .siteFooterInner td {
        vertical-align: top;
        padding-right: 5px;
    }
    .siteFooterInner td.bottom {
        padding: 20px 0 40px 0;
        text-align: center;
    }
    .siteFooter ul.menu.horizontal {
        padding: 0;
    }
    .siteFooter ul.menu.horizontal li {
        float: none;
    }
    .siteFooter ul.menu.horizontal li.left {
        padding: 0;
    }
    .siteFooter a:link,
    .siteFooter a:hover,
    .siteFooter a:active,
    .siteFooter a:visited {
        color: #777;
    }



    /*----------------------------------------------
        = NEW BREADCRUMBS - Apr 1, 2009
    ----------------------------------------------*/
    .breadcrumbs {
        background: transparent url(../img/new-design/breadcrumbs/breadcrumbs-background-middle.gif) repeat-x scroll 0 100%;
        border-left: 1px solid #d5e2eb;
    }
    .breadcrumbs table {
        padding: 0 0 11px 0;
    }
    .breadcrumbs td {
        padding: 15px 5px 3px 10px;
        background: transparent url(../img/new-design/breadcrumbs/breadcrumbs-arrow.gif) no-repeat scroll 0 20px;
    }
    .breadcrumbs td.left {
        padding: 0;
        background: transparent none;
    }
    .breadcrumbs td.right {
        padding: 0;
        width: 6px;
        background: transparent url('../img/new-design/breadcrumbs/breadcrumbs-background-right.gif') no-repeat scroll 100% 100%;
    }
    .breadcrumbs td.bottom {
        padding-top: 0;
        background: transparent url(../img/new-design/breadcrumbs/breadcrumbs-background-left.gif) no-repeat scroll 0 100%;
    }
    .breadcrumbs td.first {
        padding-left: 16px;
        background: transparent none;
    }
    .breadcrumbs .minWidth {
        height: 5px;
        width: 170px;
    }
    .breadcrumbs td, 
    .breadcrumbs td a, 
    .breadcrumbs td.first a {
        color: #777;
    }
    .breadcrumbs td.last a {
        color: #08c;
    }

    /*----------------------------------------------
        =  SITEMAP
    ----------------------------------------------*/

    .sitemapBar .left {
        height: 67px;
        position: relative;
        z-index: 1;
        background: url(/_Layouts/IITWeb.CorporateInternet.Publishing.Styles.1.0/img/new-design/sitemap-top-left-bg1.gif) no-repeat;
    }

    .sitemapBar .left .right {
        height: 67px;
        background: url(/_Layouts/IITWeb.CorporateInternet.Publishing.Styles.1.0/img/new-design/sitemap-top-right-bg1.gif) no-repeat 100%;
    }

    .sitemapBar .left .right h2 {
        margin: 0;
        padding: 8px 0 0 13px;
        color: #374457;
    }

    .sitemapBar .leftTop {
        height: 33px;
        position: relative;
        z-index: 2;
        margin: -35px 2px 0 2px;
        background: url(/_Layouts/IITWeb.CorporateInternet.Publishing.Styles.1.0/img/new-design/sitemap-top-left-bg2.gif) no-repeat;
    }

    .sitemapBar .leftTop .rightTop {
        height: 33px;
        padding: 8px 0 0 10px;
        background: url(/_Layouts/IITWeb.CorporateInternet.Publishing.Styles.1.0/img/new-design/sitemap-top-right-bg2.gif) no-repeat 100% 0%;
        color: #fff;
        font-size: 1.18em;
    }

    .sitemapBar .leftTop .rightTop .txt {
        float: left;
        padding-right: 3px;
    }

    .sitemapBar .leftTop .rightTop .input {
        float: left;
        margin-top: -1px;
    }

    .sitemapBar .leftTop .rightTop .divider {
        border-left: 1px solid #FFFFFF;
        float: left;
        height: 33px;
        margin-left: 15px;
        margin-top: -8px;
        padding-left: 15px;
        position: relative;
        width: 1px;
    }

    .sitemap h3 {
        padding: 10px 0;
    }

    .sitemap h3 a {
        color: #567c9c;
    }

    .sitemap h3 a:hover {
        color: #374457;
    }

    .sitemap .middle {
        padding: 1px 15px 15px;
        width: 735px;
    }

    ul.siteList {
        margin-left: -15px;
    }

    .siteList ul {
        margin: 2px 0 !important;
    }

    .siteList li {
        margin-bottom: 2px !important;
        background-image: none !important;
        font-size: inherit !important;
    }

    .sitemapRow li a.odd,
    .sitemap li a.odd {
        color: #374457;
    }

    .sitemapRow li a.odd:hover,
    .siteList li a.odd:hover {
        color: #567c9c;
    }

    .siteList li a.even {
        color: #567c9c;
    }

    .siteList li a.even:hover {
        color: #374457;
    }

    .siteList li img {
        cursor: pointer;
    }

    .sitemapAZ {
        padding: 0;
    }

    table.sitemapRow {
        margin: 10px 0 20px;
    }

    table.sitemapRow h3 {
        margin: 10px 0;
        padding-left: 15px;
        color: #374457;
        font-size: 1.6em;
        font-weight: normal;
    }

    table.sitemapRow tr td  {
        padding-right: 17px;
        width: 244px;
        vertical-align: top;
        background: transparent url('../img/new-design/box-control/white/sitemapAZ-middle-bg.gif') repeat-y scroll 0 0;
    }

    table.sitemapRow tr td.last  {
        padding-right: 2px;
    }

    .sitemapRow ul.siteList {
        margin: 0;
        padding: 0 15px 10px;
        list-style-type: none;
    }


    /*----------------------------------------------
        =  ETF
    ----------------------------------------------*/

    #regionSelectContainer select,
    #sortable select {
	    font-size: 11px;
    }


    /*----------------------------------------------
        =  Questionnaire
    ----------------------------------------------*/

    .QuestionGroup0,
    .QuestionGroup1,
    .QuestionGroup2 {
	    clear: left;
    }

    .QuestionGroupHead {
	    margin: 0 0 6px;
	    color: #000;
	    font-family: Arial;
	    font-size: 13px;
	    font-weight: bold;
    }

    .QuestionGroup1 .QuestionGroupHead {
	    margin: 10px 0;
	    color: #000;
	    font-size: 12px;
	    text-transform: uppercase;
    }

    .QuestionGroup2 .QuestionGroupHead {
	    margin: 10px 0 6px;
	    padding: 3px 5px 5px;
	    background-color: #374457;
	    color: #fff;
	    font-size: 12px;
	    text-transform: none;
    }

    .QuestionGroup3 .QuestionGroupHead {
	    clear: left;
	    margin: 0 0 6px;
	    padding: 0;
	    background-color: #FFFFFF;
    }

    .QuestionGroupBody {
	    margin-bottom: 5px;
	    font-style: italic;
    }

    .QuestionAnswerGroup {
	    float: left;
	    height: 250px;
	    margin: 0 5px 5px 0;
	    padding: 5px;
	    width: 200px;
	    border: 1px solid #E6E2D9;
    }

    .QuestionText {
	    margin: 0;
	    padding: 0;
	    font-weight: bold;
    }

    .QuestionImage {
	    height: 101px;
	    margin: 6px 0 0;
	    width: 190px;
	    background: transparent url(/Style%20Library/Images/Pwm/_shared/stats.gif) no-repeat scroll 0 0;
    }

    .Questionnaire span.RequiredField {
	    display: block;
	    color: #CC0000 !important;
    }

    .SubmitButton {
	    clear: left;
	    cursor: pointer;
	    height: 26px;
	    margin: 10px 500px 0 0;
	    background-color: #374457;
	    border: 1px solid #000000;
	    color: #FFFFFF;
    }

    .SubResultHeader {
	    margin: 16px 0 5px;
	    font-family: Arial;
	    font-size: 12px;
	    font-weight: bold;
    }

    .SubResultScore {
	    margin: 2px 0 5px;
	    font-family: "trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	    font-size: 12px;
    }

    .SubResultBody {
	    margin: 2px 0 5px;
	    font-family: "trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	    font-size: 12px;
    }

    .ResultHeader,
    .SubResult {
	    padding: 0 5px;
	    background-color: #F2F1EE;
    }


    /*----------------------------------------------
        =  WebTrader Content WebPart
    ----------------------------------------------*/

    #educationTabs {
        width: 100%;
    }    

    #educationTabs .educationPreviewList {
        vertical-align: top;
        padding: 10px 10px 10px 15px;
        border-bottom: 1px solid #cfcfcf;
        border-right: 1px solid #cfcfcf;
        border-top: 1px solid #cfcfcf;
        background-color: #ededed;
        font-family: 'Trebuchet MS', Arial, Sans-Serif;
    }

    #educationTabs .educationItemContainer {
        width: 350px;
    }

    #educationTabs .educationPreview {
        overflow: auto;
        overflow-x: hidden;
        height: 269px;
    }

    #educationTabs .educationPreviewList ul {
        margin: 0;
        padding: 0;
        line-height: 20px;
        list-style-type: none;
        font-size: 16px;
    }

    #educationTabs .educationPreviewList ul a {
        color: #000;
    }

    #educationTabs .educationPreviewList ul li {
        padding-bottom: 10px;
        font-size: 16px;
    }

    #educationTabs .educationList {
        vertical-align: top;
        width: 362px;
    }

    #educationTabs .educationItem {
        padding: 5px;
        cursor: pointer;
        overflow: hidden;
        background-color: #fff;
        border-right: 1px solid #cfcfcf;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    #educationTabs .educationItem.selected {
        background-color: #ededed;
        border-bottom: 1px solid #cfcfcf;
        border-right: 0px none;
        border-top: 1px solid #cfcfcf;
        border-left: 1px solid #cfcfcf;
    }

    #educationTabs .itemIcon {
        padding-right: 15px;
    }

    #educationTabs .itemIcon img {
	    width: 90px;
        height: 80px;
    }

    #educationTabs .itemText {
        width: 230px;
        line-height: 13px;
        color: #516c8e;
        font-size: 12px;
        font-family: 'Trebuchet MS', Arial, Sans-Serif;
    }

    #educationTabs .itemIcon,
    #educationTabs .itemText {
        float: left;
    }


    /*----------------------------------------------
        =  Generic Accordion WebPart
    ----------------------------------------------*/

    .accordionGeneric {
	    background-color: #f2f4f7;
	    font-family:'Trebuchet MS';
    }

    .accordionGeneric .headTopOpen a,
    .accordionGeneric .headMiddleOpen a,
    .accordionGeneric .headBottomOpen a,
    .accordionGeneric .headTopClosed a,
    .accordionGeneric .headMiddleClosed a,
    .accordionGeneric .headBottomClosed a {
	    cursor: pointer;
	    display: block;
	    padding: 1px 10px 1px 40px;
	    border-left: 1px solid #D5E2EB;
	    border-right: 1px solid #D5E2EB;
	    font-size: 11px;
	    text-transform: uppercase;
    }

    .accordionGeneric .headTopOpen a,
    .accordionGeneric .headMiddleOpen a,
    .accordionGeneric .headBottomOpen a {
	    background: #eaf0f4 url(../img/new-design/accordion-control/accordion-generic-icon-open.gif) no-repeat scroll 0 0;
    }

    .accordionGeneric .headTopClosed a,
    .accordionGeneric .headMiddleClosed a,
    .accordionGeneric .headBottomClosed a {
	    background: #e1eaf0 url(../img/new-design/accordion-control/accordion-generic-icon-closed.gif) no-repeat scroll 0 0;
    }

    .accordionGeneric dt .topBg,
    .accordionGeneric dt .bottomBg {
	    height: 4px;
	    clear: both;
	    display: block;
	    font-size: 0;
    }

    .accordionGeneric dt .topCorner,
    .accordionGeneric dt .bottomCorner {
	    width: 4px;
	    height: 4px;
	    display: block;
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 20px;
    }

    .accordionGeneric dd.content {
	    margin: 0;
    }

    .accordionGeneric dd.content p {
	    padding: 8px 12px;
	    margin: 0;
	    border-left: solid 1px #d5e2eb;
	    border-right: solid 1px #d5e2eb;
	    font-size: 11px;
    }

    .accordionGeneric dd.content.open {
	    display: block;
    }

    .accordionGeneric dd.content.closed {
	    display: none;
    }

    .accordionGeneric dd.bottom {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) no-repeat 100% 32px;
    }

    .accordionGeneric dd.bottom span.bottomCorner {
	    width: 4px;
	    height: 4px;
	    display: block;
	    background: url("../img/new-design/accordion-control/accordion-generic-background.gif") repeat scroll 0 32px transparent;
    }

    /* top */
    .accordionGeneric .headTopOpen .topBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 8px;
    }
    .accordionGeneric .headTopOpen .bottomBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 24px;
    }
    .accordionGeneric .headTopOpen .topCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 8px;
    }
    .accordionGeneric .headTopOpen .bottomCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 24px;
    }

    .accordionGeneric .headTopClosed .topBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 4px;
    }
    .accordionGeneric .headTopClosed .bottomBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 16px;
    }
    .accordionGeneric .headTopClosed .topCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 4px;
    }
    .accordionGeneric .headTopClosed .bottomCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 16px;
    }

    /* middle */
    .accordionGeneric .headMiddleOpen .topBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 28px;
    }
    .accordionGeneric .headMiddleOpen .bottomBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 24px;
    }
    .accordionGeneric .headMiddleOpen .topCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 28px;
    }
    .accordionGeneric .headMiddleOpen .bottomCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 24px;
    }

    .accordionGeneric .headMiddleClosed .topBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 20px;
    }
    .accordionGeneric .headMiddleClosed .bottomBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 16px;
    }
    .accordionGeneric .headMiddleClosed.topCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 20px;
    }
    .accordionGeneric .headMiddleClosed .bottomCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 16px;
    }

    /* bottom */
    .accordionGeneric .headBottomOpen .topBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 28px;
    }
    .accordionGeneric .headBottomOpen .bottomBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 24px;
    }
    .accordionGeneric .headBottomOpen .topCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 28px;
    }
    .accordionGeneric .headBottomOpen .bottomCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 24px;
    }

    .accordionGeneric .headBottomClosed .topBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 20px;
    }
    .accordionGeneric .headBottomClosed .bottomBg {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 100% 12px;
    }
    .accordionGeneric .headBottomClosed .topCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 20px;
    }
    .accordionGeneric .headBottomClosed .bottomCorner {
	    background: transparent url(../img/new-design/accordion-control/accordion-generic-background.gif) 0 12px;
    }


    /*----------------------------------------------
        = CONTENT SHARING PROGRAM STYLES
    ----------------------------------------------*/

    /*---- CSP LIST ----*/
    .cspList {
        margin: 0;
        padding: 0;
    }
    .cspList .cspListItem {
        list-style-type: none;
    }
    .cspList .cspListItem .rightContent {
        float: left;
        margin-top: 5px;
        width: 388px;
    }
    .cspList .cspListItem .itemImage {
        float: left;
        height: 128px;
        margin: 5px 16px 0 5px;
        width: 128px;
        background: #fff url() no-repeat scroll 50% 50%;
        border: 1px solid #ebebeb;
    }
    .cspList .cspListItem table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 1px;
    }
    .cspList .cspListItem tbody td,
    .cspList .cspListItem tfoot a {
        padding: 1px 10px;
        background: transparent url('../img/new-design/csp-list-td-bg.gif') repeat-x scroll 0 0;
        border: 1px solid #ebebeb;
    }
    .cspList .cspListItem td.title {
        width: 75%;
    }
    .cspList .cspListItem td.center input.typeSubmit {
        background: transparent url(../img/new-design/btn-csp.gif) no-repeat scroll 0 0;
        border-style: none;
        color: #000;
        cursor: pointer;
        font-size: 11px;
        font-weight: bold;
        height: 21px;
        padding-bottom: 2px;
        text-align: center;
        width: 73px;
    }

    .cspList .cspListItem td.edit,
    .cspList .cspListItem td.delete {
        text-align: center;
    }

    .cspList .cspListItem .readMore {
        text-align: right;
    }
    
    .cspList .cspFlash {
        overflow: hidden;
        width: 128px;
        height: 128px;
    }


    /*----------------------------------------------
        =  Tab Control
    ----------------------------------------------*/

    /* Tabs */
    .tabControl .tabs {
        margin: 0;
        padding: 0;
    }
    .tabControl .tabs li {
        float: left;
        height: 20px;
        margin: 0 2px 0 0;
        padding: 0;
        position: relative;
        background-repeat: no-repeat;
        list-style-type: none;
    }
    .tabControl .tabs li.selected {
        height: 21px;
        z-index: -1;
        
    }
    .tabControl .tabs li.selected a {
        color: #333;
        color: #333;
    }
    .tabControl .tabs li a {
        display: block;
        padding: 2px 6px;
        background-attachment: scroll;
        background-position: 100% 0;
        background-repeat: no-repeat;
        color: #888;
        font-weight: bold;
        text-decoration: none;
    }

    /* Content */
    .tabControl .top {
        border-bottom: solid 1px #fff;
        font-size: 0;
    }
    .tabControl .top .rightTop {
        background-repeat: no-repeat;
        font-size: 0;
    }
    .tabControl .top .leftTop,
    .tabControl .bottom .left {
        float: left;
        height: 5px;
        width: 5px;
        font-size: 0;
    }
    .tabControl .top .rightTop,
    .tabControl .bottom .right {
        float: right;
        height: 5px;
        width: 5px;
        font-size: 0;
    }
    .tabControl .content {
        clear: both;
        padding: 0;
        position: relative;
        top: -1px;
        z-index: -2;
        left: -9999px;
        height: 0;
        overflow: hidden;
    }
    .tabControl .middle {
        border-color: #EBEBEB;
        border-style: solid;
        border-width: 0 1px;
    }
    .tabControl .bottom {
        float: left;
        width: 100%;    
        height: 5px;
        background-position: left bottom;
        background-repeat: repeat-x;
        font-size: 0;
    }
    .tabControl .bottom .left {
        background-repeat: no-repeat;
    }
    .tabControl .bottom .right {
        background-repeat: no-repeat;
    }
    .tabControl .content.selected {
        display: block !important;
    }

    /* Text Content */
    .tabControl .content .text {
        padding: 6px 12px;
    }
    .tabControl .content .text h3 {
        font-size: 14px;
    }
    .tabControl .content .text h3,
    .tabControl .content .text p {
        margin: 0 0 6px;
    }


    /* List Content */
    .tabControl .content .list {
        margin: 0;
        padding: 6px;
    }
    .tabControl .content .list li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .tabControl .content .list li a {
        display: block;
        margin-bottom: 12px;
        padding: 3px 6px;
        color: #333;
        text-decoration: none;
    }
    .tabControl .content .list li a .title {
        font-weight: bold;
    }
    .tabControl .content .list li a span {
        font-size: 12px;
    }
    .tabControl .content .list li a .title,
    .tabControl .content .list li a .abstract,
    .tabControl .content .list li a .byWhen {
        display: block;
    }
    .tabControl .content .list li a .byWhen {
        color: #666;
    }

    /*  Themes
        ----------------------
        lightGrey:
        background:  #f7f7f7
        border:      #ebebeb
        
        lightGreen:
        background:  #f7f7f7
        border:      #d6ebd5

        lightBlue:
        background:  #f2f4f7
        border:      #d5e2eb

        white:
        background:  #fff
        border:      #d5e2eb */

    /* lightGrey */
    .tabControl .content.lightGrey .middle .list li a:hover,
    .tabControl .content.lightGrey .middle,
    .tabControl .top.lightGrey,
    .tabControl .tabs li.lightGrey,
    .tabControl .tabs li.lightGrey.selected {
        background-color: #f7f7f7;
    }
    .tabControl .tabs li.lightGrey,
    .tabControl .top.lightGrey,
    .tabControl .content.lightGrey .middle {
        border-color: #ebebeb;
    }
    .tabControl .content.lightGrey .middle .list li a:hover {
        background-color: #ebebeb;
    }
    .tabControl .tabs li.lightGrey {
        background-image: url('../img/new-design/box-control/light-grey/tl-high.gif');
    }
    .tabControl .tabs li.lightGrey a {
        background-image: url('../img/new-design/box-control/light-grey/tr-high.gif');
    }
    .tabControl .top.lightGrey .rightTop {
        background-image: url('../img/new-design/box-control/light-grey/tr.gif');
    }
    .tabControl .bottom.lightGrey .left {
        background-image: url('../img/new-design/box-control/light-grey/bl.gif');
    }
    .tabControl .bottom.lightGrey .right {
        background-image: url('../img/new-design/box-control/light-grey/br.gif');
    }
    .tabControl .bottom.lightGrey {
        background-image: url('../img/new-design/box-control/light-grey/bm.gif');
    }

    /* lightGreen */
    .tabControl .content.lightGreen .middle .list li a:hover,
    .tabControl .content.lightGreen .middle,
    .tabControl .top.lightGreen,
    .tabControl .tabs li.lightGreen,
    .tabControl .tabs li.lightGreen.selected {
        background-color: #f7f7f7;
    }
    .tabControl .tabs li.lightGreen,
    .tabControl .top.lightGreen,
    .tabControl .content.lightGreen .middle {
        border-color: #d6ebd5;
    }
    .tabControl .content.lightGreen .middle .list li a:hover {
        background-color: #d6ebd5;
    }
    .tabControl .tabs li.lightGreen {
        background-image: url('../img/new-design/box-control/light-green/tl-high.gif');
    }
    .tabControl .tabs li.lightGreen a {
        background-image: url('../img/new-design/box-control/light-green/tr-high.gif');
    }
    .tabControl .top.lightGreen .rightTop {
        background-image: url('../img/new-design/box-control/light-green/tr.gif');
    }
    .tabControl .bottom.lightGreen .left {
        background-image: url('../img/new-design/box-control/light-green/bl.gif');
    }
    .tabControl .bottom.lightGreen .right {
        background-image: url('../img/new-design/box-control/light-green/br.gif');
    }
    .tabControl .bottom.lightGreen {
        background-image: url('../img/new-design/box-control/light-green/bm.gif');
    }

    /* lightBlue */
    .tabControl .content.lightBlue .middle .list li a:hover,
    .tabControl .content.lightBlue .middle,
    .tabControl .top.lightBlue,
    .tabControl .tabs li.lightBlue,
    .tabControl .tabs li.lightBlue.selected {
        background-color: #f2f4f7;
    }
    .tabControl .tabs li.lightBlue,
    .tabControl .top.lightBlue,
    .tabControl .content.lightBlue .middle {
        border-color: #d5e2eb;
    }
    .tabControl .content.lightBlue .middle .list li a:hover {
        background-color: #d5e2eb;
    }
    .tabControl .tabs li.lightBlue {
        background-image: url('../img/new-design/box-control/light-blue/tl-high.gif');
    }
    .tabControl .tabs li.lightBlue a {
        background-image: url('../img/new-design/box-control/light-blue/tr-high.gif');
    }
    .tabControl .top.lightBlue .rightTop {
        background-image: url('../img/new-design/box-control/light-blue/tr.gif');
    }
    .tabControl .bottom.lightBlue .left {
        background-image: url('../img/new-design/box-control/light-blue/bl.gif');
    }
    .tabControl .bottom.lightBlue .right {
        background-image: url('../img/new-design/box-control/light-blue/br.gif');
    }
    .tabControl .bottom.lightBlue {
        background-image: url('../img/new-design/box-control/light-blue/bm.gif');
    }

    /* white */
    .tabControl .content.white .middle .list li a:hover,
    .tabControl .content.white .middle,
    .tabControl .top.white,
    .tabControl .tabs li.white,
    .tabControl .tabs li.white.selected {
        background-color: #fff;
    }
    .tabControl .tabs li.white,
    .tabControl .top.white,
    .tabControl .content.white .middle {
        border-color: #d5e2eb;
    }
    .tabControl .content.white .middle .list li a:hover {
        background-color: #d5e2eb;
    }
    .tabControl .tabs li.white {
        background-image: url('../img/new-design/box-control/white/tl-high.gif');
    }
    .tabControl .tabs li.white a {
        background-image: url('../img/new-design/box-control/white/tr-high.gif');
    }
    .tabControl .top.white .rightTop {
        background-image: url('../img/new-design/box-control/white/tr.gif');
    }
    .tabControl .bottom.white .left {
        background-image: url('../img/new-design/box-control/white/bl.gif');
    }
    .tabControl .bottom.white .right {
        background-image: url('../img/new-design/box-control/white/br.gif');
    }

    .tabControl .bottom.white {
        background-image: url('../img/new-design/box-control/white/bm.gif');
    }


    /*----------------------------------------------
        = STYLES
    ----------------------------------------------*/

    input.submit {
        text-align: center;
        text-transform: uppercase;
    }



}

/*----------------------------------------------
    = PRINT STYLES
----------------------------------------------*/
@media print {

    .siteHeading,
    .siteSubHeading,
    .leftNavContainer,
    .panel,
    .siteFooter {
        display: none;
    }

    body {
        font-family:'Trebuchet MS', Arial, Sans-Serif;
        font-size:0.69em;
        line-height:1.45em;
    }

    h1 {
        font-size:1.64em;
        text-transform:uppercase;
    }

    h2 {
        font-size:1.18em;
        text-transform:uppercase;
    }

    h3 {
        font-size:1em;
    }

    h4 {
        font-size:1em;
    }

}