/* Convergence CSS Document - CASE STUDIES SECTION */

@import url("centre.css");

.pattern { background:url(/images/pattern-3-centre.gif) no-repeat top center; }

body { background:url(/images/bg-case.gif) top repeat-x; }

/*#patternimg { position:absolute; top:0; left:300px; z-index:-10; }*/

/* .container { background:url(/images/pattern-3.gif) no-repeat 230px 0; } */

/*Top
--------------------------------------------------------------------------*/
.band { background-color:#4dad88; }

/*Main/content column
--------------------------------------------------------------------------*/
p.breadcrumbs { padding: 40px 0 0 0; }

.breadcrumbs a:hover { color:#4dad88; }

.date { color:#4c4c4c; font-size:1em; padding-top:21px; }
.print { float:right; color:#4c4c4c; font-size:1em; padding-top:21px; font-weight:bold; }
  .content .print a { text-decoration:none; color:#4c4c4c; background:url(/images/print.gif) right no-repeat; padding-right:21px; }
  .content .print a:hover { text-decoration:none; color:#4dad88; }

h1 { background:url(/images/title-case-page.png) no-repeat; }
.content h2 { color:#4dad88; padding: 20px 0 0 0; }
.content h3 { color:#4dad88; }
  .content a { color:#4dad88; }

.video { background-color:#c7e9dc;}

.hidden-text {border-bottom: 1px solid #4dad88; }
a.reveal {background: url('/images/buttons/arrow-down-case.png') left top no-repeat; }

.imagebox p { background: url('/images/bg-90-case.png'); color: #fff;}

.content .latestinvest { font-size:1.1em; margin:0 0 10px 0; }

.themes { border-top:1px #4dad88 solid; }
  .themes a { text-decoration:none; }
  .themes a:hover { text-decoration:underline; }

.casetable { margin:8px 0 15px 0; padding:0; border-spacing:0; border:none; width:100%; }
    .casetable th a { color:#fff; text-decoration:none; float:right;}
    .casetable th a:hover { color:#fff; text-decoration:none; }
    .casetable th strong {float:left;}
    .casetable th { text-align:left; font-weight:normal; font-size:1.1em; color:#fff; background-color:#4dad88; padding:8px; }
    .casetable td { color:#46876e; text-align:left; font-size:1.1em; padding:8px; background:url(/images/dotty.gif) bottom repeat-x; }
    .casetable td a { color:#4c4c4c; text-decoration:none; display:block; }

/*.casestudies { padding:8px 0 15px 0; }
.casestudies h4 { font-weight:normal; background-color:#4dad88; font-size:1.1em; color:#fff; padding:8px 8px 8px 12px; margin:0; }
.viewall { font-size:1.1em; color:#fff; float:right; padding:8px 8px 0 0; }
.startdate { font-size:1.1em; color:#fff; float:left; padding:8px 0 0 8px; }
.viewall a { color:#fff; }
.viewall a:hover { color:#fff; text-decoration:none; }
.casestudies ul { margin:0 0 10px 10px; padding:0; }
.casestudies li { list-style:none; margin:0; float:left; width:100%; padding:0; }
.casestudies li em { color:#46876e; font-style:normal; }
.casestudies li a { color:#4c4c4c; text-decoration:none; display:block; background:url(/images/dotty.gif) bottom repeat-x; padding:8px 0 3px 0; }
.casestudies li a:hover { color:#4c4c4c; text-decoration:none; background:url(/images/dotty.gif) bottom repeat-x #e2e0e0; }*/

.casesearchresults li em { color:#4dad88; }

.resultsnext { line-height:1.8em; clear:both; padding-top:25px; }

.timeline-dot-step { margin:0; padding:0; }
.timeline-dot-step li { font-weight:bold; padding:0 0 10px 0; margin:0 0 0 15px; }
.timeline-dot-step li.no-bullet { font-weight:normal; background:none; list-style:none; margin:0; }

.launch-timeline { background:url(/images/timeline/launch.gif); display:block; width:254px; margin:0 0 10px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }

.image { float:left; width:240px; margin:10px 10px 10px 0; }
  .image p { margin:0; padding:10px; background-color:#c7e9dc; }
  .image img { float:none; margin:0; }

/*.personbox { background-color:#ebebeb; margin:20px 0 15px 0; position:relative; }
#person { position:absolute; bottom:0; right:10px; margin:0; float:none; }
blockquote { margin:0 140px 7px 14px; padding:15px 0 0 0; }
p.blockquote { color:#4dad88; font-size:1.6em; margin:0; background:url(/images/quote-open.gif) top left no-repeat; padding-left:14px; }
cite { color:#38765d; font-size:1em; margin:0 230px 0 28px; padding-bottom:15px; display:block; font-style:normal; }
.personbox img { float:none; margin:0; }
.personbox img.quote { margin:0 0 9px 2px; }*/

/*Navigation
--------------------------------------------------------------------------*/
.naviwhat a { background:url(/images/buttons/case-what.gif) 0 0; }
  .naviwhat a:hover { background:url(/images/buttons/case-what.gif) 0 67px; }
.navicase a { background:url(/images/buttons/case-case.gif) 0 0; }
.navivision a { background:url(/images/buttons/case-vision.gif) 0 0; }
  .navivision a:hover { background:url(/images/buttons/case-vision.gif) 0 67px; }

/*Right column
--------------------------------------------------------------------------*/
.pod { padding-bottom:25px; background:url(/images/right-pod-bottom-case.gif) bottom left no-repeat #c7e9dc; margin-bottom:8px; }

.pod h3.case { background:url(/images/title-case-case.gif) no-repeat #4dad88; display:block; width:254px; margin:0 0 10px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.pod h3.also { background:url(/images/title-case-also.gif) no-repeat #4dad88; display:block; width:254px; margin:0 0 15px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.pod h3.paying { background:url(/images/title-case-paying.gif) no-repeat #4dad88; display:block; width:254px; margin:0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.pod h3.interview { background:url(/images/title-case-interview.gif) no-repeat #4dad88; display:block; width:254px; margin:0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.pod h3.overview { background:url(/images/title-case-overview.gif) no-repeat #4dad88; display:block; width:254px; margin:0 0 10px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.pod h3.cross { background:url(/images/title-case-cross.gif) no-repeat #4dad88; display:block; width:254px; margin:0 0 10px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.pod h3.status { background:url(/images/title-case-status.gif) no-repeat #4dad88; display:block; width:254px; margin:0 0 10px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.pod h3.more { background:url(/images/title-case-more.gif) no-repeat #4dad88; display:block; width:254px; margin:0 0 10px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.pod h3.case-study { background:url(/images/case-study.gif) no-repeat #4dad88; display:block; width:254px; margin:0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }

.projectstatus { background:url(/images/case-projectstatus.jpg) 0 41px no-repeat #c7e9dc; }
  .projectstatus p { margin:0 0 0 10px; }
  .pod p.status { margin:0 10px 5px 10px; padding:75px 0 0 0; }
  .pod p.statusother { margin:0 10px 5px 10px; padding:0; }
    .pod strong { display:block; }

  .pod p.statusleft { float:left; margin:0 10px 0 10px; padding:75px 0 0 0; }
  .pod p.statusright { float:left; margin:0; padding:75px 0 0 0; }

.award { width:234px; padding:10px; margin:0 0 10px 0; background-image:url(/images/trans.png); }
  .award p { margin:0; font-size:1.4em; font-weight:bold; color:#fff; }

.formcontainer { position:relative; width:234px; }
.formbox { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#4c4c4c; width:197px; margin:0 0 10px 10px; border:none; padding:2px; height:21px }
.button { position:absolute; right:0; top:0; }

.key { padding-left:10px; display:block; }

.erdf a { background:url(/images/case-erdf.gif) no-repeat #4dad88; display:block; width:254px; margin:0 0 10px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }
.esf a { background:url(/images/case-esf.gif) no-repeat #4dad88; display:block; width:254px; margin:0 0 10px 0; padding:41px 0 0 0; overflow:hidden; height:0 !important; height /**/:41px; }

.case-study-pod h4 { padding-top:10px; }

.pod-matched-activity {
    padding:10px;background:url('/images/right-pod-bottom-matched-activity.gif') 0 100% no-repeat;margin: -25px 0 10px 0;
}

.pod-matched-activity strong {
    display: block;
}

.pod-matched-activity p {
    margin:0 10px 10px 10px;
}

/* NEW case studies
--------------------------------------------------------------------------*/

#case-studies { /* Form */
    margin: 0;
    padding: 0;
}

/* fieldsets */
#cs-keyword-search {
    position: relative;
    width: 473px;
    height: 105px;
    margin: 0;
    padding: 0;
    background: #FFF url(/images/cs-search-bg.gif) no-repeat left top;
}

#cs-keyword-search label {
    display: none;
}

#cs-keyword-search legend,
#cs-keyword-search div.legend {
    position: absolute;
    top: 13px;
    left: 20px;
    font-size: 20px;
    color: #4dad88;
    z-index: 11;
}

#cs-keywords {
    height: 20px;
    width: 395px;
    position: absolute;
    top: 45px;
    left: 20px;
    font-size: 18px;
    line-height: 20px;
    padding: 5px 28px 5px 10px;
    color: #BBB;
    border: 0;
}

#cs-search-go { /* IE6/7 hacked */
    height: 21px;
    width: 21px;
    position: absolute;
    top: 50px;
    left: 428px;
    border: 0;
    padding: 0;
    margin: 0;
    background: #4cac85;
    text-indent: -10000px;
    z-index: 2;
    cursor: pointer;
    background: transparent url(/images/search-but.gif) no-repeat left top;
}

#cs-filter {
    position: relative;
    width: 473px;
    height: 133px;
    margin: 10px 0;
    padding: 0;
    background: #FFF url(/images/cs-filter-bg.gif) no-repeat left top;
}

#cs-results-info {

}

#cs-filter legend,
#cs-filter div.legend {
    position: absolute;
    top: 13px;
    left: 20px;
    font-size: 16px;
    color: #4dad88;
    z-index: 10;
}

#cs-ordering-wrapper {
    position: absolute;
    width: 250px;
    top: 13px;
    right: 23px;
    z-index: 12;
}

#cs-ordering-wrapper label {
    font-size: 16px;
    color: #4dad88;
}

#cs-ordering-go {
    position: absolute;
    top: 0;
    right: 0;
    height: 21px;
    width: 21px;
    border: 0;
    padding: 0;
    margin: 0;
    background: #4cac85;
    text-indent: -10000px;
    z-index: 2;
    cursor: pointer;
    background: transparent url(/images/search-but.gif) no-repeat left top;
}

#cs-ordering {
    position: absolute;
    top: 0;
    right: 26px;
    width: 150px;
    height: 21px;
    color: #BBB;
    border: 1px solid #AAA;
    margin: 0;
}

#cs-category-filter {
    position: absolute;
    top: 45px;
    left: 1px;
    padding: 0 20px;
}

#cs-category-filter a {
    float: left;
    width: 97px !important;
    height: 32px;
    font-size: 11px;
    color: #4c4c4c;
    text-decoration: none;
    padding: 5px 0px 0px 42px;
    margin: 0 5px 5px 0;
    display: block;
    /*white-space:pre-line;*/
}
#cs-category-filter a.cs-filter-link-1 { background: #ccc url(/images/cs-filter-1-inactive-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-2 { background: #ccc url(/images/cs-filter-2-inactive-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-3 { background: #ccc url(/images/cs-filter-3-inactive-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-4 { background: #ccc url(/images/cs-filter-4-inactive-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-5 { background: #ccc url(/images/cs-filter-5-inactive-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-6 { background: #ccc url(/images/cs-filter-6-inactive-plain.gif) no-repeat left top;}

#cs-category-filter a.cs-filter-link-1-active { background: #fff url(/images/cs-filter-1-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-2-active { background: #fff url(/images/cs-filter-2-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-3-active { background: #fff url(/images/cs-filter-3-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-4-active { background: #fff url(/images/cs-filter-4-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-5-active { background: #fff url(/images/cs-filter-5-plain.gif) no-repeat left top;}
#cs-category-filter a.cs-filter-link-6-active { background: #fff url(/images/cs-filter-6-plain.gif) no-repeat left top;}

div.case-study-summary {
    float: left;
    border: 1px solid #46876e;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    margin: 5px 0;
    padding: 10px 0 0 0;
}

div.case-study-summary img {
    float: right;
    margin: 0 0 10px 10px;
}


div.cat-box {
    float: left;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #FFF;
    font-weight: bold;
    margin: 0 3px 0 0;
    text-align: center;
    cursor: help;
}

div.cat-box-1 { background: #590b5d; }
div.cat-box-2 { background: #aa002d; }
div.cat-box-3 { background: #e41a0a; }
div.cat-box-4 { background: #eb5a20; }
div.cat-box-5 { background: #f49611; }
div.cat-box-6 { background: #ffd500; }

h3.cs-heading {
    font-size: 20px;
    clear: left;
}
.secTitle {
    font-size:9pt;
    font-weight:bold;
    color:999;
}