/*   styles for gamechangers slideshow on research accomplishments */
/*************************************************!
*
*   project:    liteAccordion - a horizontal accordion plugin for jQuery
*   author:     Nicola Hibbert
*   url:        http://nicolahibbert.com/liteaccordion-v2/
*   demo:       http://www.nicolahibbert.com/demo/liteAccordion/
*
*   Version:    2.0.2
*   Copyright:  (c) 2010-2011 Nicola Hibbert
*   Licence:    MIT
*
**************************************************/
/****************************************** Core */

/*misc adjustments for Right Column position in a standard interior page- push right col stuff down below overflow*/
div#rightCol {
  padding-top: 525px; /*adj rel to other right col content elements*/
}

div#gamechangers {
margin-bottom:30px;
height: 410px; /*adding height and width for page loading effect - sync to the JS dimensions if changing*/
width: 730px;
}

/*overlaid GC name*/
#interiorMid #gamechangers span.slidename {
    display: block;
    position:absolute;
    bottom: 10px;
    width:500px;
    color: #6C7C96;
    font-style:italic;
    font-family:"Times New Roman", Times, serif;
    z-index:100;
    text-align: right;
    font-size:20px;
}

/*caption styles*/
#interiorMid #gamechangers ol li .slidetab .slidecaption {
padding: 15px 15px 15px 20px;   
background-color: #D0DAED;
height:90px;
}
#interiorMid #gamechangers ol li .slidetab .slidecaption h4, #interiorMid #gamechangers ol li .slidetab .slidecaption p  {
    /*color: #EFEFEF;*/
    padding:0px;
    color:#000;
    font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Verdana;
}
#interiorMid #gamechangers ol li .slidetab .slidecaption p {
padding-top:4px;   
margin:0px; 
/*font-style: italic;*/
line-height:1.3em;
}

#interiorMid #gamechangers ol li .slidetab .slidecaption h4 {
    font-size: 16px;
    margin:0px;
    padding:0px;
}

/*vertical nav colors */

h2#tab1 {
    background-color: #0d2751;
}
h2#tab2 {
    background-color: #002878;
}
h2#tab3 {
    background-color: #1b478e;
}
h2#tab4 {
    background-color: #315184;
}
h2#tab5 {
    background-color: #4c6184;
}
h2#tab6 {
    background-color: #6b7c96;
}
h2#tab7 {
    background-color: #4b6ca0;
}
h2#tab8 {
    background-color: #4281db;
}
h2#tab9{
    background-color: #537FA0;
}


.accordion {
    text-align: left;
    font: Verdana, Arial, sans-serif;
}
.accordion > ol {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}
div#interiorMid .accordion img {
    margin: 0px;
    padding: 0px;
}
div#interiorMid .accordion .slide > h2 {
    height:330px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-100%) rotate(-90deg);
    -moz-transform-origin: right top;
    -o-transform: translateX(-100%) rotate(-90deg);
    -o-transform-origin: right top;
    transform: translateX(-100%) rotate(-90deg);
    transform-origin: right top;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/*border: 1px solid #990;*/
}
/*stripe label text*/


div#interiorMid .accordion .slide > h2 span {
    display: block;
    padding:5px 5px 2px 15px;
    color:#FFF;
    line-height:12px; /*match exactly to the font size used*/
}
div#interiorMid div#gamechangers.accordion ol li.slide h2.selected span, div#interiorMid div#gamechangers.accordion ol li.slide h2 span:hover {
    color: #dbaf71;
}
div#interiorMid div#gamechangers.accordion ol li.slide h2.selected span {
/*padding-left:100px;*/
/*text-align:right;
padding-right:15px;*/
}
div#interiorMid div#gamechangers.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
div#interiorMid div#gamechangers.accordion .slide > h2:hover {
    cursor: pointer
}
div#gamechangers.accordion .slide > div {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    overflow: hidden;
    background: #282C33;
}
div#gamechangers.accordion noscript p {
    padding: 10px;
    margin: 0;
    background: white
}
div#interiorMid div#gamechangers.accordion ol, div#interiorMid div#gamechangers.accordion ol li {
    padding:0px;
    margin: 0px;
    list-style-type: none;
    background-image: none;
}


/******************************************** IE */
.ie .slide > h2 b {
    top: 42%;
    left: 5%
}
.ie9 .slide > h2 {
    filter: none;
    -ms-transform: translateX(-100%) rotate(-90deg);
    -ms-transform-origin: right top
}
.ie.dark .slide > h2 b, .ie.light .slide > h2 b {
    top: 44%
}
.ie9.dark .slide > h2.selected span, .ie9.dark .slide > h2.selected span:hover, .light .slide > h2 span {
    filter: none
}
.ie9.stitch {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
.ie.stitch .slide > h2 {
    line-height: 265%
}
.ie.stitch .slide > h2 span {
    height: 89%;
    padding-right: 8%
}
.ie.stitch .slide > h2 b {
    top: 33%
}
.ie.stitch .slide > h2.selected:after {
    display: none
}
.ie.stitch .slide-0 > h2 span {
    background-color: #c25252
}
.ie.stitch .slide-1 > h2 span {
    background-color: #ca9859
}
.ie.stitch .slide-2 > h2 span {
    background-color: #96ba5f
}
.ie.stitch .slide-3 > h2 span {
    background-color: #59abb7
}
.ie.stitch .slide-4 > h2 span {
    background-color: #bb6098
}