/* Base */
html { overflow-y: scroll; }
textarea { border: 1px solid #999; padding: 6px; }
.mb8 { margin-bottom: 8px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb32 { margin-bottom: 32px !important; }
.inputhome {
    color: #fff !important;
}
/* Typography */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; }
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 23px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
ul { margin: 0 0 12px 0; padding-left: 32px; }
    ul.spaced li { margin-bottom: 8px; }
    ul.no-style { list-style: none; padding: 0; margin: 0; }
p { margin: 0 0 12px 0; padding: 0; }
a {
    text-decoration: none;
    color: #3B1759;
}
    a:hover { text-decoration: underline; }
.main-container p a,
.masthead-panel-container a { -ms-word-break: break-word; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto;-ms-hyphens: auto; hyphens: auto; }
abbr { color: #777;margin-left: 8px; }
abbr[title] { border-bottom: none; }
.wpeople-abbr abbr{ color: #777;margin-left: 0px; }
.wpeople-abbr abbr[title] { border-bottom: none; }
.header-top-pad{padding-top: 84px;margin-bottom: 12px;}
/* jQuery Client side validation */
.field-validation-error {
    color: #cb0084;
}
.close-link { background: url(/Resources/close.gif) no-repeat;width: 20px;height: 20px;float: right;display: inline-block; }
.close-link:hover { cursor: pointer; }
@font-face{ 
	font-family: 'Aktiv';
	src: url('external/font/Aktiv Grotesk/AktivGrotesk_W_Rg.eot');
	src: url('external/font/Aktiv Grotesk/AktivGrotesk_W_Rg.eot?#iefix') format('embedded-opentype'),
	     url('external/font/Aktiv Grotesk/AktivGrotesk_W_Rg.svg#webfont') format('svg');
}
/* Layout */
.wrapper { width: 976px; margin: 0 auto;}
.finance-container{
    margin-top: auto !important;
}
.masthead { height: 40px; overflow: hidden; width: 100%; font-size: 12px; background: black; color: white; }
    .masthead .left { float: left; }
    .masthead .right { float: right; }
    .masthead .logo { font-family: "Aktiv","Gill Sans MT", "Gill Sans", Calibri, sans-serif; font-weight: normal; text-decoration: none; font-size: 24px;font-weight: bold; color: #321543; display: inline-block; padding: 3px 8px; border-right: 1px solid #321543; float: left; }
    .masthead li { border-left: 1px solid #321543;border-right: 1px solid #321543; float: left; list-style: none; height: 40px; }
    .masthead .link a { color: #321543; font-size: 13px; line-height: 24px; font-weight: bold; text-decoration: none; padding: 8px 16px 4px; display: inline-block; }
        .masthead .link a:hover { border-bottom: 4px solid #321543; }
    .masthead .link.username { background: url(../Resources/User_icon.png) no-repeat 16px 14px; float: left; border-left: none; border-right: 1px solid #301270; }
        .masthead .link.username a { padding-left: 34px; }
    .masthead .search form { display: inline-block; position: relative; padding: 5px; }
    .masthead .search-input { border: 1; margin: 0; padding: 7px 24px 7px 7px; width: 295px;background-color: #321543;color:#fff }
    .masthead .search-button { display: inline-block; background: url(../Resources/Search_icon.png) no-repeat; border: none; padding: 0; margin: 0; position: absolute; right: 13px; top: 13px; text-indent: -99999px; width: 13px; height: 13px; }
    .masthead .link.one a:hover { border-bottom: 4px solid #9B2313; }
    .masthead .link.two a:hover { border-bottom: 4px solid #FFE711; }
    .masthead .link.three a:hover { border-bottom: 4px solid #77CDFF; }
    .masthead .link.four a:hover { border-bottom: 4px solid #ED3482; }
    .masthead .link.username { border-right: none; }
    .masthead .link.user-button a { padding: 12px 10px}
            .masthead .link.user-button a span { background-image: url(../Resources/DropDown_icon.png); background-position: -1px -2px; width: 15px;
                                                 height: 15px; display: inline-block; }
    .masthead .link.menu-button a span { background-image: url(../Resources/FullMenu_icon.png); background-position: -1px -1px; width: 16px; height: 16px;
                                         display: inline-block; margin: 0px 10px -4px 0px; }
.masthead-panel-container { position: relative;z-index: 2; }
    .masthead-panel { background: black; color: white;border-top: 1px solid #fff;display: none;box-sizing:
                      border-box;-moz-box-sizing: border-box;padding: 16px;position: absolute;
                      z-index: 1;max-width: 100%; }
        .masthead-panel.user-menu {  }
            .masthead-panel.user-menu .user-image { width: 160px; max-height: 260px; margin: -8px 16px -8px -8px; float: left; }
            .masthead-panel.user-menu ul { list-style: none; margin: 0; padding: 0; font-size: 14px; font-weight: bold; }
            .masthead-panel.user-menu li { margin-bottom: 4px; }
            .masthead-panel.user-menu .details { width: auto;margin-right: 60px;float: left; }
            .masthead-panel.user-menu .links { float: left;margin-right: 16px;margin-top: 50px;max-width: 500px;overflow: hidden; }
            .masthead-panel.user-menu .details .name { font-size: 24px; margin-bottom: 16px; }
        .masthead-panel.full-menu { min-height: 600px; width: 100%; padding:32px; }
            .masthead-panel.full-menu h3 { margin-bottom: 16px; }
            .masthead-panel.full-menu .close { float: right; }
            .masthead-panel.full-menu .col { width: 46%; float: left;overflow: hidden;margin-right: 4%; }
.masthead-panel .close-link { margin: -8px -8px 0 0; }
.page-info.expandable { margin: 0;border: none;}
.page-info .summary a.localised-title { float: left;}
.page-info .summary a.access-title { float: right;}
.page-info .details { background: #f2f2f2;}
.page-info .details > .wrapper > div { width: 338px;}
.page-info .details .localised-info { float: left;}
.page-info .details .access-info { float: right;}
.header { padding: 6px 0; }
h1.section-title { font-size: 48px; text-transform: capitalize; font-family: "Gill Sans MT", "Gill Sans", Calibri, sans-serif; font-weight: normal; margin: 0 8px; }
    h1.section-title a { text-decoration: none; color: inherit; }
    h1.section-title .section-tagline { font-size: 34px; margin-left: 16px; }
.navigation-container { overflow-x: hidden; margin-bottom: 16px; }
.top-navigation { margin: 0; padding: 0; list-style: none; font-size: 14px; font-weight: bold; background: #321543; width: 20000px; } /* 20000px to stop nav links wrapping to next line */
.gnl-tab-width {
    width: 100%;
}
.top-navigation li { float: left; padding: 5px 0 5px 10px; }
        .top-navigation li a { color: #fff; border-right: 1px solid white; padding-right: 8px; }
        .top-navigation li.current { background: #A02059; margin-left: -1px; padding-left: 11px; }
            .top-navigation li.current a { border-right: 1px solid #666; }
    .top-navigation.level-2 { background: #666; padding: 3px 6px 0;  margin-top:5px; }
        .top-navigation.level-2 li.current { background: #fff; }
            .top-navigation.level-2 li.current a { border-right: 1px solid #fff; color: #666; }
.side-navigation { list-style: none; padding: 0; margin: 0 0 16px 0; }
    .side-navigation li { padding: 8px; border-bottom: 1px solid #ddd; }
        .side-navigation li a { font-size: 14px; font-weight: bold; }
        .side-navigation li.selected a { color: black; }
        
.main-container { padding-bottom: 32px; border-bottom: 1px solid #ccc; background: white; }
.topspace {
    padding-top: 65px;
    }
.fin-tab-nav.level-1 li:first-child {
    display: block !important;  
}
/*.main-content {
    min-height: 550px;
    overflow-x: hidden;
}*/
    .main-content > h2,
    .main-content > h3,
    .main-content > h4,
    .main-content > h5,
    .main-content > h6 { margin: 4px 0; }
.side-content { overflow-x: hidden; }
.one-column-layout { background: white; }
.two-column-left-layout { background: white; }
    .two-column-left-layout .side-content { width: 336px; float: left; margin-right: 16px; }
    .two-column-left-layout .main-content { width: 624px; float: left; }
     .two-column-right-layout  .main-content-wpeople { width: 610px; float: left; margin-right: 30px;margin-top: 20px;}
.two-column-right-layout { background: white; }
    /*.two-column-right-layout .main-content { width: 624px; float: left; margin-right: 16px;}
    .two-column-right-layout .side-content { width: 336px; float: left; }*/
.subsite-footer-container { padding: 0; margin: 0; }
.subsite-footer { border-bottom: 1px solid #ccc; }
    .subsite-footer ul { list-style: none; margin: 0; padding: 0; }
    .subsite-footer div.subsite-links { float: left; width: 144px; margin: 16px 0; margin-right: 16px; padding: 0; overflow: hidden; }
    .subsite-footer ul.page-feedback { float: left; margin: 16px 0; width: 440px; margin-left: 8px; }
    .subsite-footer a.page-feedback { color: #505050; background: #ddd; padding: 3px 8px; font-size: 12px; font-weight: bold; margin-left: 4px; margin-bottom: 10px; display: inline-block; border-radius: 2px; text-decoration: none; }
.footer-container { background: white; padding-top: 16px; }
.footer p { margin-bottom: 0; }
.footer a { color: #505050; }
.footer .disclaimer { float: left; width: 440px; margin-left: 8px; }
    .footer .disclaimer img { margin: 0 0 8px; }
.footer .wspace-links { float: left;  margin: 16px 0; margin-right: 16px; padding: 0; overflow: hidden; padding-left:150px}
    .footer .wspace-links ul { list-style: none; padding: 0; }
/* Components */
    
.box { padding: 8px 16px; background: white; }
    .box p:last-of-type { margin-bottom: 4px; }
    .box .triangle:last-of-type { margin-bottom: 8px; }
    .box p.left-flush-image { float: left; margin: -8px 16px -8px -16px; }
    .box p.right-flush-image { float: right; margin: -8px -16px -8px 16px; }
    .box.grey { background: #eee; }
    .box.dash { border-top: 1px dashed #BCBBBA; padding: 16px 0 0; }
    .box.dashed { border: 1px dashed #BCBBBA; }
    .box.outline { border: 1px solid #ddd; }
.notification { padding: 8px; border-left: 4px solid; margin-bottom: 16px; }
    .notification.info { background: #e5f3ff; border-left-color: #99d1ff; }
    .notification.success { background: #dff0d8; border-left-color: green; }
    .notification.warning { background: #fff1ba; border-left-color: #ffcb00; }
    .notification.error { background: #ffe8ec; border-left-color: #ffbcc7; }
        .notification.error a { color: #c61f3b; }
table { border: 1px solid #fff; }
    table thead { background: #505050; color: white; }
    table tbody td { background: #fff; border: 1px solid #fff; border-color: inherit;}
    table.grey tbody td { background: #eee; border: 1px solid #fff; }
    table ul { padding-left: 18px; }
ul.triangle, ul.triangle-white { margin: 0; padding: 0 1em; list-style: none; margin-bottom: 8px; }
    ul.triangle li:before, ul.triangle-white li:before { content: ""; border-style: solid; border-width: 0.35em 0 0.35em 0.5em; display: block; height: 0; width: 0; left: -1em; top: 1em; position: relative; }
    ul.triangle li:before { border-color: transparent #505050; }
    ul.triangle-white li:before { border-color: transparent #fff; }
.expandable-items { margin: 8px 0; }
    .expandable-items a.collapse-all, .expandable-items a.expand-all { display: inline-block; text-align: right; font-weight: bold; }
    .expandable-items a.collapse-all { display: none; }
.expandable { border: 1px solid #ddd; margin: 8px 0; }
    .expandable .summary { background: #ddd; padding: 8px; cursor: pointer; font-weight: bold; font-size: 14px; }
    .expandable .details { display: none; padding: 8px; }
.surface-action-link { display: inline; }
    .surface-action-link input[type=submit] { border: none; padding: 0; margin: 0; background: none; color: #D67600; font-weight: bold; }
    .surface-action-link input[type=submit]:hover { text-decoration: underline; }
/* Pagination */
.pagination { margin: 16px 0; text-align: center; }
    .pagination a { font-weight: bold; font-size: 16px; }
    .pagination .page-number { margin: 0 20px; }
.shout-page .pagination { width: 312px; }
.action-button { background: #6495ED; padding: 4px 8px; text-decoration: none; text-transform: uppercase; font-weight: bold; color: white; font-size: 16px; text-align: center; display: inline-block; box-shadow: 0px 1px 0 #666; border-radius: 4px; border-top: 1px solid #84b5fd; border-bottom: 1px solid #4475cd; border-left: 1px solid #6495ED; border-right: 1px solid #6495ED; text-shadow: 1px 1px rgba(0,0,0,0.4); }
    .action-button:hover { text-decoration: none; background: #5485dd; }
    .action-button.disabled,
    .action-button.disabled:hover { cursor: default; background: grey; border: 1px solid grey; }
/* Shouts */
.shout-page .side-content, .shout-page .main-content { overflow-x: visible; }
.new-shout-container { margin: 24px 0; }
.new-shout-button { width: 150px; display: block; float: left; }
.new-shout { padding: 16px; width: 750px; float: right; display: none; }
    .new-shout h3 { margin: 0 0 8px 60px; }
    .new-shout label {margin-left: 0; font-weight: bold; font-size: 16px; display: block; text-align: right; float: left; padding: 6px; clear: left; margin-right: 16px; }
    .new-shout input[type=text] { width: 500px; padding: 6px; margin-bottom: 8px; border: 1px solid #999; display: block; }
    .new-shout textarea { width: 500px; height: 100px; margin-bottom: 16px; }
.save-new-shout { margin-left: 60px; }
.cancel-new-shout { font-size: 16px; font-weight: bold; margin-left: 32px; }
.new-shout .field-validation-error { display: block;margin: 0 0 8px 60px;  }
.new-shout .tiny-mce-container { float: left;}
.new-shout .mce-editor-validation-msg { margin-left: 0; }
.shout-list { list-style: none; margin-right: 16px; padding: 0; }
    .shout-list li { background: #f2f2f2; margin-bottom: 8px; padding: 6px; width: 332px; cursor: pointer; height: 70px; }
        .shout-list li.selected { padding-right: 60px; background: #ddd; }
        .shout-list li p { margin: 0;font-weight: bold; min-height: 38px; }
    .shout-list .author, .shout .author { color: #777; }
.shout { padding: 16px; background: #ddd; min-height: 616px; margin-top: -32px; }
    .shout .details { margin: 16px 0; }
    .shout .details img { max-width: 592px;height: auto;}
    .shout .comment { background: #eee; padding: 6px; margin-bottom: 8px; }
    .shout abbr { float: right;margin-right: 8px; color: #777 }
    .shout .comment-list { margin: 32px 0 16px; }
        .shout .comment-list h5 { margin-bottom: 8px; }
    .shout .new-shout-comment-button { float: right; margin-top: 10px; }
    .shout .new-shout-comment textarea { width: 580px; height: 80px; margin-bottom: 16px; }
    .shout .new-shout-comment .field-validation-error { display: block; margin-left: 0 !important;}
    .shout .cancel-new-shout-comment { font-size: 16px; font-weight: bold; margin-left: 32px; }
/* Blogs */
.blog-post { margin-bottom: 32px; }
    .blog-post > h2,
    .blog-post > h3,
    .blog-post > h4,
    .blog-post > h5,
    .blog-post > h6 { margin: 4px 0; }
    .blog-post .meta { margin-top: 32px; }
    
    .blog-post .author, .blog-post-summary .author { font-weight: bold; }
    .blog-post .details img { max-width: 624px;height: auto; }
    .blog-post .meta .author,
    .blog-post .meta abbr { vertical-align: top; }
    .blog-post .comment-list { margin: 16px 0; }
        .blog-post .comment-list h5 { margin-bottom: 8px; }
    .blog-post .comment { background: #f2f2f2; padding: 6px; margin-bottom: 8px; }
    .blog-post .comment abbr { float: right;margin-right: 8px; color: #999 }
    .blog-post .comment-details { margin: 8px 0; }
    .blog-post textarea { width: 610px; height: 100px; margin-bottom: 16px; }
.blog-post-list { margin-bottom: 32px; }
.blog-post-summary { padding-bottom: 8px; border-bottom: 1px dotted #BCBBBA; padding-top: 12px; }
.blog-post-summary:first-child { border-top: 1px dotted #BCBBBA; }
    .blog-post-summary h4 { margin-bottom: 8px; }
    .blog-post-summary .read-more { margin: 8px 0 0; display: inline-block; }
    .blog-post-summary .meta { margin: 8px 0; }
    .blog-post-summary .meta .author { display: inline-block;margin-right: 8px;font-size: 14px; }
    .blog-post-summary .meta abbr { vertical-align: top; }
.blog-recent-posts { background: rgb(239, 236, 247); min-height: 160px; margin-bottom: 16px; }
.blog-recent-posts h5 { color: #9F2A95;}
.blog-recent-posts li a { color: #9F2A95;}
.blog-recent-posts ul.triangle li:before { border-color:transparent #505050;}
/* Float Container */
.float-container {}
    .float-container .left { float: left;overflow: hidden;margin-right: 16px; }
    .float-container .right { float: right;overflow: hidden;}
    .float-container .image img { width: 100%;height: auto; }
/*New article wpeople*/
.news-article-wpeople { margin-bottom: 32px;margin-left: 20px; }
.news-article-wpeople .details img { max-width: 590px;height: auto; }
.news-article-wpeople .meta .author,
.news-article-wpeople .meta abbr { vertical-align: top; }
.news-recent-articles-wpeople { background: #A6A6A6;color: white; min-height: 160px; margin-bottom: 16px;margin-top: 25px; }
.news-article-summary-wpeople .left.image { width: 202px;height: 110px;overflow: hidden;background-color: white; }
.news-article-summary-wpeople .left { width: 202px;height: 70px;overflow: hidden;background-color: #939393;line-height: 1.0;}
 td.wpeople-td  { background: #fff; border: 3px solid #fff;  }
 td.wpeople-previously-td  { color:#222;font-size: 20px; font-weight: bold;line-height: 50px; border: 2px solid #fff;}
/* News */
.news-article { margin-bottom: 32px; }
    .news-article > h2,
    .news-article > h3,
    .news-article > h4,
    .news-article > h5,
    .news-article > h6 { margin: 4px 0; }
    .news-article .meta { margin-top: 32px; }
    
    .news-article .author, .news-article-summary .author { font-weight: bold; }
    .news-article .details img { max-width: 624px;height: auto; }
    .news-article .meta .author,
    .news-article .meta abbr { vertical-align: top; }
    .news-article .comment-list { margin: 16px 0; }
        .news-article .comment-list h5 { margin-bottom: 8px; }
    .news-article .comment { background: #f2f2f2; padding: 6px; margin-bottom: 8px; }
    .news-article .comment abbr { float: right;margin-right: 8px; color: #999 }
    .news-article .comment-details { margin: 8px 0; }
    .news-article textarea { width: 610px; height: 100px; margin-bottom: 16px; }
.news-recent-articles { background: #eee; min-height: 160px; margin-bottom: 16px; }
.news-article-list { margin-bottom: 32px; }
.news-article-summary { padding-bottom: 8px; border-bottom: 1px dotted #BCBBBA; padding-top: 12px; }
.news-article-summary .left.text { width: 428px;margin-right: 0; }
.news-article-summary .left.image { width: 180px;max-height: 102px;overflow: hidden; }
    .news-article-summary h4 { margin-bottom: 8px;line-height: 1.2;}
    .news-article-summary .summary-content { max-height: 72px;overflow: hidden;}
    .news-article-summary .read-more { display: inline-block; }
    .news-article-summary .meta { margin: 8px 0; }
    .news-article-summary .meta abbr { vertical-align: top;margin-left: 0; color: #999 }
 .news-article-summary .left.image.top { width: 180px;max-height: 140px;overflow: hidden; }
 
.feature-article { position: relative;max-height: 370px;overflow: hidden; }
.feature-article .news-article-summary .float-container { margin-bottom: 8px; }
.feature-article .news-article-summary h4 { font-size: 36px; }
.feature-article .news-article-summary .left.text { width: 640px;box-sizing: border-box;-moz-box-sizing: border-box;padding: 8px 16px;
                                                    max-height: 340px;overflow: hidden;position: absolute;left: 0;bottom: 2px;background: white;}
.feature-article .news-article-summary .left.image { width: 976px; max-height: 340px;overflow: hidden;margin: 0;}
.feature-article .news-article-summary .left.text.feature { width: 640px;box-sizing: border-box;-moz-box-sizing: border-box;padding: 8px 16px;
                                                    max-height: 340px;overflow: hidden;position: absolute;left: 0;bottom: 2px;background: rgba(255, 255, 255, 0);}
.feature-article .news-article-summary .left.image.layer { width:100%; height: 100%;overflow: hidden;margin: 0;background-color:#000; opacity:0.9}
.feature-article-text-color {color: white;}
.feature-img-opacity img { opacity: 0.4;}
.side-content .press-summaries-feed .feed-list .feed-item { }
.side-content .press-summaries-feed .feed-list .feed-item h6 { display: none; }
.side-content .press-summaries-feed .feed-list .feed-item span { display: none; }
/* Feed Items */
.comment-count {display: inline-block;float: right; }
/* Team Worldwide - need these Team Worldwide specific styles in this core stylesheet because they appear in feeds */
.teamworldwide-event-image { width:180px;height: auto;}
.teamworldwide-event-image-placeholder {float: left; width: 196px;min-height: 100px; }
.teamworldwide-event-placeholder {display: inline-block; max-width: 399px;}
.teamworldwide-event-placeholder h4 { margin-bottom: 8px; }
/* Custom Feeds */
.feed-list {}
    .feed-item { padding-bottom: 8px; border-bottom: 1px dotted #BCBBBA; padding-top: 12px; }
    .feed-item .item-info { font-weight: normal;color: #999;vertical-align: top;}
    .feed-item .item-title { margin-bottom: 8px; }
    .feed-item .item-date { clear: left; color: #999 }
.main-content .feed-list .item-info {margin-bottom: 12px;  font-size: 12px; text-transform: uppercase; }
.main-content .feed-list .team-worldwide-event-summary .item-date { display: block;clear: both; }
.main-content .feed-list .news-article-summary .float-container { margin-bottom: 8px; }
.main-content .feed-list .news-article-summary .float-container .left { width: 396px; }
.main-content .feed-list .news-article-summary .float-container .left.image { width: 180px; }
.main-content .feed-list .news-article-summary .wpeopletop  { height: 120px;}
.side-content .feed-list * { padding: 0;margin: 0; }
.side-content .feed-list .feed-item {padding: 6px 8px; }
.side-content .feed-list .feed-item * { display: none; }
.side-content .feed-list .item-info {font-size: 12px;display: block;color: #555; }
.side-content .feed-list .item-info * { display: inline; }
.side-content .feed-list .item-info .avatar-container { float: left;margin-right: 8px; }
.side-content .feed-list .item-title {font-size: 14px;padding: 4px 0;display: block;clear: left; }
.side-content .feed-list .blog-post-comment-summary .item-title,
.side-content .feed-list .news-article-comment-summary .item-title,
.side-content .feed-list .shout-summary .item-title,
.side-content .feed-list .shout-comment-summary .item-title { margin-left: 40px;}
.side-content .feed-list .item-title a {display: inline; }
.side-content .feed-list .item-date { display: inline;color: #999;font-size: 11px;  }
.side-content .feed-list .item-comments,
.side-content .feed-list .item-comments a { display: inline;font-size: 11px; }
.side-content .feed-list .pagination { display: none; }
.side-content .feed-list .team-worldwide-event-summary .teamworldwide-event-placeholder { display: block; }
.side-content .feed-list .news-article-summary .float-container { display: block; }
.side-content .feed-list .news-article-summary .float-container .left { display: block; }
.side-content .feed-list .news-article-summary .float-container .left.image { display: none; }
/* Forms */
.button { border: none; padding: 8px 12px 8px; border-radius: 5px; border-bottom: 3px solid #DD8A24; font-weight: bold; font-size: 16px;color: white;background: #F0A446;display: inline-block; }
.button:hover { text-decoration: none; }
.wspace-form { }
    .wspace-form h4 { clear: left; border-bottom: 2px solid #ccc; margin: 16px 0; padding-top: 16px; }
    .wspace-form label { float: left; clear: left; width: 184px; margin: 12px 0; text-align: right; margin-right: 16px; font-size: 14px; font-weight: bold; }
        .wspace-form label.right-label { clear: none; width: 100%; padding: 8px; margin-top: 0; margin-bottom: 4px; border-radius: 3px; text-align: left; }
    .wspace-form input[type=text] { float: left; width: 350px; border: 1px solid #bbb; border-radius: 3px; padding: 6px; margin-top: 5px; }
        .wspace-form input[type=text].datepicker { width: 160px; }
    .wspace-form textarea { float: left; width: 350px; border: 1px solid #bbb; border-radius: 3px; height: 80px; margin-top: 5px; margin-bottom: 8px; }
    .wspace-form .radio-button-list { margin-left: 50px; }
    .wspace-form input[type=radio] { float: left; clear: left; margin-top: 3px; margin-right: 16px; }
    .wspace-form input[type=checkbox] { float: left; clear: left; margin: 3px 16px 16px 0; }
    .wspace-form input[type=submit] { clear: left; float: left; border: none; margin-top: 16px; margin-bottom: 16px; }
    .wspace-form select { float: left; margin-top: 5px; border-radius: 3px; border: 1px solid #bbb; padding: 5px; }
    .wspace-form .field-align { margin-left: 200px; }
    .wspace-form .field-note-above { float: left; margin-top: 12px; }
    .wspace-form .field-note-below { float: left; clear: left; margin-top: -7px; margin-left: 200px; }
    .wspace-form .field-validation-error { display: block; width: 350px; float: left; margin: 11px 16px; color: darkorange; }
    .wspace-form .field-align-validation { margin-left: 185px; clear: left;}
    .wspace-form .field-align-validation .field-validation-error { margin-top: 0; }
    .wspace-form .dashbox { border: 1px dashed #ccc; padding: 8px 0; margin: 8px 0; }
    .wspace-form .tiny-mce-container{display: inline; float: left;margin-top: 5px;margin-bottom: 8px;}
        .wspace-form .tiny-mce-container .mce-editor-validation-msg { float: none; margin: 0; }
a.side-button { float: right;width: 200px;font-size: 20px;font-weight: bold;background: #999;color: white;padding: 8px;border-radius: 8px;
                display: block;text-align: center; }
a.side-button:hover { background: #888;text-decoration: none; }
/* Contact Us Page */
.contact-us textarea { height: 200px; width: 610px; margin: 16px 0; }
.contact-us .field-validation-error { display: block; margin-bottom: 8px; }
/* Google Maps */
.one-column-layout .map-canvas { width: 976px; float: left;height: 549px; }
    .two-column-left-layout .side-content .map-canvas { width: 336px; float: left; margin-right: 16px;height: 189px;}
    .two-column-left-layout .main-content .map-canvas { width: 624px; float: left;height: 351px; }
    .two-column-right-layout .main-content .map-canvas { width: 624px; float: left; margin-right: 16px; height: 351px;}
    .two-column-right-layout .side-content .map-canvas { width: 336px; float: left;height: 189px; }
    .map-popup-content {min-height: 80px;max-width: 500px;}
    .two-column-left-layout .side-content .map-popup-content,
    .two-column-right-layout .side-content .map-popup-content { max-width: 240px;}
/* Survey Monkey */
.survey-monkey-container { height: 1030px;overflow: hidden; }
    .survey-monkey-container iframe { height: 20000px !important;}
/* Twitter Timeline */
.twitter-timeline-header { background: #ccc }
.twitter-timeline-container { box-sizing: border-box;-moz-box-sizing: border-box; padding: 8px;border: 1px solid #ccc;min-height: 100px;  }
.twitter-timeline-container .twitter-timeline { display: block;min-height: 40px;color: #ccc; color: rgba(255, 255, 255, 0); }
/* Tabbed Content */
.tabs-container { }
    .tabs-container ul.tab-links { list-style: none; padding: 0;margin: 0;width: 1200px;overflow: hidden; }
    .tabs-container ul.tab-links li {float: left; padding: 0;padding-right: 4px;vertical-align: top; }
        .tabs-container ul.tab-links a {display: block;height: 100%; text-decoration: none;background: #777;color: white; padding: 8px 24px;text-align: center; }
        .tabs-container ul.tab-links a.active { background: #e2e2e2;color: #444; }
    .tabs-container .tab-contents { overflow: hidden;  }
    .tabs-container .tab-contents > div { display: none;padding: 0;min-height: 100px; padding: 16px;background: #e2e2e2;margin-top: -64px;padding-top: 80px; }
        .tabs-container .tab-contents > div.active { display: block; }
.tabs-container { }
    .tabs-container ul.tab-links.strategy { list-style: none; padding: 0;margin: 0;width: 1200px;overflow: hidden; }
    .tabs-container ul.tab-links.strategy li {float: left; padding: 0;padding-right: 4px;vertical-align: top; }
        .tabs-container ul.tab-links.strategy a {display: block;height: 100%; text-decoration: none;background: #4b017a;color: white; padding: 8px 24px;text-align: center; }
        .tabs-container ul.tab-links.strategy a.active { background: #eee;color: #444; }
    .tabs-container .tab-contents.strategy { overflow: hidden;  }
    .tabs-container .tab-contents.strategy > div { display: none;padding: 0;min-height: 100px; padding: 16px;background: #4b017a;margin-top: -64px;padding-top: 80px; }
        .tabs-container .tab-contents.strategy > div.active { display: block; background: #eee}
        .tabs-container { }
    .tabs-container ul.tab-links.wpeople { list-style: none; padding: 0;margin: 0;width: 1200px;overflow: hidden; }
    .tabs-container ul.tab-links.wpeople li {float: left; padding: 0;padding-right: 4px;vertical-align: top; }
        .tabs-container ul.tab-links.wpeople a {display: block;height: 100%; text-decoration: none;background: #280178;color: white; padding: 8px 24px;text-align: center; }
        .tabs-container ul.tab-links.wpeople a.active { background: #eee;color: #444; }
    .tabs-container .tab-contents.wpeople { overflow: hidden;  }
    .tabs-container .tab-contents.wpeople > div { display: none;padding: 0;min-height: 100px; padding: 16px;background: #280178;margin-top: -64px;padding-top: 80px; }
        .tabs-container .tab-contents.wpeople > div.active { display: block;background: #eee }
            
        .tabs-container ul.tab-links.wfinance a {background: #FA840E ;color: white; }
        .tabs-container ul.tab-links.wfinance a.active { background: #eee;color: #444; }    
    .tabs-container .tab-contents.wfinance > div { background: #FA840E; }
        .tabs-container .tab-contents.wfinance > div.active { display: block;background: #eee }
/* Avatars */
a.username-link { color: #333;font-weight: bold; }
.avatar-container { width: 40px; height: 40px; text-align: center;overflow: hidden;display: inline-block;vertical-align: top; }
.avatar-container img { height: 40px; width: auto;vertical-align: top; }
.author .avatar-container { width: 32px;height: 32px; }
.author .avatar-container img { height: 32px;width: auto;margin-right: 8px; }
.author .username-link { vertical-align: top; }
/* Autocomplete Control */
.ui-autocomplete { max-height: 400px; overflow-y: scroll; overflow-x: hidden; }
/* User Search Container */
.user-search-container { margin: 16px; }
    .user-search-container input[type=text] { padding: 8px; width: 320px; }
    .user-autocomplete-item a { }
    .user-autocomplete-item .avatar-container { float: left;display: block;}
    .user-autocomplete-item .details { float: left;margin-left: 8px;}
    .user-autocomplete-item .display-name { display: block; }
    .user-autocomplete-item .username { color: #bbb;display: block;}
/* Who's Who */
.whos-who {
    overflow: hidden;
    width: 110%;
}
.whos-who * { box-sizing: border-box;-moz-box-sizing: border-box; }
.whos-who .user-container { float: left;background: #f2f2f2;margin-right: 8px;margin-bottom: 8px;height: 170px;  }
.whos-who .user-container .avatar-container { float: left; text-align: left; width: 170px;height: 170px;margin-right: 12px;}
.whos-who .user-container .avatar-container img {height: 170px;}
.whos-who .user-container .user-details { float: left;padding: 8px; min-height: 170px;}
/* Two col main content */
.two-col .whos-who.cols-4:after { content: "Don't use 4 columns on a two column layout page."; }
.two-col .whos-who.cols-4 .user-container { display: none; }
.two-col .whos-who.cols-3 .user-container { width: 203px;height: 310px;}
.two-col .whos-who.cols-3 .user-details { width: 100% }
.two-col .whos-who.cols-3 .avatar-container { width: 120px;height: 120px; }
.two-col .whos-who.cols-3 .avatar-container img { height: 120px; }
.two-col .whos-who.cols-2 .user-container { width: 308px;height: 180px; }
.two-col .whos-who.cols-2 .user-details { width: 200px; }
.two-col .whos-who.cols-2 .avatar-container { width: 100px;height: 100px;margin-right: 4px; }
.two-col .whos-who.cols-2 .avatar-container img { height: 100px; }
.two-col .whos-who.cols-1 .user-container { width: 624px;}
.two-col .whos-who.cols-1 .user-details { width: 440px; }
/* Two col side content */
.two-col .side-content .whos-who .user-container { width: 336px;height: 180px; }
.two-col .side-content .whos-who .user-details { width: 230px; }
.two-col .side-content .whos-who .avatar-container { width: 100px;height: 100px;margin-right: 4px; }
.two-col .side-content .whos-who .avatar-container img { height: 100px; }
/* One column layout */
.one-column-layout .whos-who.cols-4 .user-container { width: 238px;height: 180px; }
.one-column-layout .whos-who.cols-4 .user-details { width: 194px; }
.one-column-layout .whos-who.cols-4 .avatar-container { width: 40px;height: 40px;margin-right: 4px; }
.one-column-layout .whos-who.cols-4 .avatar-container img { height: 40px; }
.one-column-layout .whos-who.cols-3 .user-container { width: 320px;height: 192px;}
.one-column-layout .whos-who.cols-3 .user-details { width: 206px; }
.one-column-layout .whos-who.cols-3 .avatar-container { width: 100px;height: 100px; }
.one-column-layout .whos-who.cols-3 .avatar-container img { height: 100px; }
.one-column-layout .whos-who.cols-2 .user-container { width: 484px;}
.one-column-layout .whos-who.cols-2 .user-details { width: 300px; }
.one-column-layout .whos-who.cols-1 .user-container { width: 976px;}
.one-column-layout .whos-who.cols-1 .user-details { width: 790px; }
/* Navigation Grid */
.navigation-grid {}
.navigation-grid .col {float: left;margin-right: 8px;display: none; }
.navigation-grid .tile { background: #eee;box-sizing: border-box;-moz-box-sizing: border-box; vertical-align: top;overflow: hidden;margin-bottom: 8px;padding: 16px;height: 140px;}
.one-column-layout .navigation-grid { width: 984px;margin-bottom: 8px;}
.one-column-layout .navigation-grid.cols-2 .col {display: block;width: 484px;}
.one-column-layout .navigation-grid.cols-3 .col {display: block;width: 320px;}
.one-column-layout .navigation-grid.cols-4 .col {display: block; width: 238px;}
.two-col .main-content .navigation-grid { width: 632px;margin-bottom: 8px;}
.two-col .main-content .navigation-grid.cols-1 .col {display: block; width: 624px;}
.two-col .main-content .navigation-grid.cols-2 .col {display: block; width: 308px;}
.two-col .main-content .navigation-grid.cols-3 .col {display: block; width: 202px;}
.two-col .main-content .navigation-grid.cols-4 .col {display: block; width: 150px;}
.two-col .main-content .navigation-grid .tile { padding: 8px;  }
.two-col .side-content .navigation-grid { width: 344px;margin-bottom: 8px;}
.two-col .side-content .navigation-grid .col { display: block;width: 336px;}
/* AJAX loader */
.ajax-loader { background: url(../Resources/ajax-loader.gif) no-repeat 50% 50%; }
/* Image Uploader */
.image-uploader { position:absolute; margin-top: 118px; margin-left: 288px; z-index:1;}
.upload-image { margin-bottom: 8px; margin: 0; padding: 0; height: 24px; }
.upload-image .file-input { display: inline; width: 202px; margin-left: 8px; }
.upload-image input[type="file"]{z-index: 999; line-height: 0; position: absolute; opacity: 0; filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)"; cursor: pointer; _cursor: hand; margin: 0; padding:0; top: 0; left:-6px; font-size: 13px; width: 20px; height: 26px; }
.upload-image-iframe { position: absolute; left: -999em; top: -999em; }
.upload-image-offset { position: absolute; left: -699em; top: -699em;}
.editor-label-photo{ visibility: hidden;}
.blog-post-editor .image-browse-button,
.new-shout-container .image-browse-button { font-size: 2px; height: 28px; left: -10000px; opacity: 0; padding: 0; position: relative;
                              text-align: left; top: 58px;display: block;width: 36px; }
/* If JavaScript disabled */
.no-js .expandable-items a.collapse-all, .no-js .expandable-items a.expand-all { display: none; }
.no-js .expandable .details { display: inherit; }
.content-break{ word-wrap: break-word;}
/* Cross browser fixes */
.ie8 .expandable { overflow: hidden; } /* Required otherwise IE8 loses the margin below expandable items when Collapse All is clicked. */
.ie9 .blog-post-editor .image-browse-button,
.ie8 .blog-post-editor .image-browse-button,
.ie7 .blog-post-editor .image-browse-button { left: 557px; top:10px; height:36px; } /* Required to place this button transparently over the upload image control in tiny MCE */
.ie9 .new-shout-container .image-browse-button,
.ie8 .new-shout-container .image-browse-button,
.ie7 .new-shout-container .image-browse-button { left: 410px; top:-42px; height:36px; } /* Required to place this button transparently over the upload image control in tiny MCE */
.ie9 .details > p {word-wrap: break-word;}
/*Video Paging CSS*/
        .holder
        {
            margin: 15px 0;
        }
        .holder a
        {
            font-size: 15px;
            cursor: pointer;
            margin: 0 5px;
            color: #333;
        }
        .holder a:hover
        {
            background-color: #222;
            color: #fff;
        }
        .holder a.jp-previous
        {
            margin-right: 15px;
        }
        .holder a.jp-next
        {
            margin-left: 15px;
        }
        .holder a.jp-current, a.jp-current:hover
        {
            color: #FF4242;
            font-weight: bold;
        }
        .holder a.jp-disabled, a.jp-disabled:hover
        {
            color: #bbb;
        }
        .holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover
        {
            cursor: default;
            background: none;
        }
        .holder span
        {
            margin: 0 5px;
        }
.SaveSubmitButton {
    background-image : url(/Umbraco_Client/Images/WspaceSave.png);
    color : transparent;
    border:none;
    width:16px;
}
.DeleteSubmitButton {
    background-image : url(/Umbraco_Client/Images/WspaceDelete.png);
    color : transparent;
    border:none;
    width:16px;
    float:right;
}
.center {
    margin-left: auto;
    margin-right: auto;
}