﻿#EduViewer
{
    margin: 20px 0 0px 0;
    height: 595px;
}
#EduMenu
{
    margin: 0 10px 0 0;
    padding: 10px 0 10px 0;
    float: left;
    width: 139px;
    height: 563px;
    text-align: center;
    list-style: none;
    border: solid 1px #d1d1d1;
    background: #ececec;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ebebeb));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ebebeb',GradientType=0 );
    border-radius: 4px;
}
#EduViewerBody
{
    height: 563px;
    width: 572px;
    padding: 10px 10px 10px 10px;
    border: solid 1px #d1d1d1;
    float: left;
    background: #ececec;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ebebeb));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#ebebeb 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ebebeb',GradientType=0 );
    border-radius: 4px;
}
#EduViewerBody h4
{
    margin-top: 5px;
}
#EduViewerBody .val
{
    width: auto;
}
#EduViewerBody .prodDesc, #EduViewerBody .prodApply, #EduViewerBody .prodClosed, #EduViewerBody .prodApp, #EduViewerBody .prodField
{
    margin: 10px 15px;
}
.iapLink
{
    display: block;
    margin: 10px 0;
    padding-left: 20px;
    background-image: url(../images/icons/arrow-closed.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.expanded
{
    background-image: url(../images/icons/arrow-open.png);
    color: #bd5a00;
}
aside.orange
{
    float: right;
    width: 260px;
    padding: 15px;
    margin: 0 0 20px 20px;
    background-color: #bd5a00;
    border: solid 7px #c77414;
    color: White;
}
#EduProducts
{
    clear: right;
}
aside.orange ul
{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
div#outerContainer aside.orange a:hover, div#outerContainer aside.orange a
{
    color: White;
    text-decoration: underline;
}
aside.orange h3
{
    margin-top: 0;
    color: White;
}
#EduViewerBodyScroll
{
    height: 573px;
    overflow-y: auto;
    overflow-x: hidden;
}
#EduMenu li
{
    height: 95px;
    font-size: 16px;
    background-image: url(../images/gradients/SHRP2_Pub_Icon_divider.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-top:1px;
}
#EduMenu li a
{
    background-position: center 20px;
    background-repeat: no-repeat;
    padding: 60px 0 10px 0;
    line-height: 20px;
    display: block;
    color: #555;
    font-weight: 600;
}
#EduMenu li a:hover, #EduMenu li a.selected
{
    color: #F3901D;
}
#EduMenu li.all a
{
    background-image: url(../images/icons/SHRP2_Pub_All-NActive.png);
}
#EduMenu li.all a:hover, #EduMenu li.all a.selected
{
    background-image: url(../images/icons/SHRP2_Pub_All-Active.png);
}
ul.IAPLevels
{
    list-style: none;
    padding: 0;
}
ul.IAPLevels li
{
    width: 31%;
    float: left;
    margin-right: 2%;
}
.IAPWebinars ul ul
{
    margin: 0 0 5px 0;
    padding-left: 40px;
    list-style-type: disc;
}


#EduViewerBody #EduViewerBodyScroll #EduViewProds .prodField .tblContainer table.scrollable .stateCell .val
{
    padding-left:0px; font-size:13px;
}
#EduViewerBody #EduViewerBodyScroll #EduViewProds .prodField .tblContainer table.scrollable .prodCell .val
{
    font-size:13px; width: 124px; padding-left:8px; padding-right:8px;
}
#EduViewerBody #EduViewerBodyScroll #EduViewProds .prodField .tblContainer table.scrollable  prodCell .val a
{
    display: block; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; width:124px; 
}
#EduViewerBody #EduViewerBodyScroll #EduViewProds .prodField .tblContainer table.scrollable .actCell .val
{
    font-size:13px; width: 164px; padding-left:8px; padding-right:8px; 
}
#EduViewerBody #EduViewerBodyScroll #EduViewProds .prodField .tblContainer table.scrollable .typeCell .val
{
    font-size:13px; width: 101px; padding-left:8px; padding-right:8px; 
}
#EduViewerBody #EduViewerBodyScroll #EduViewProds .prodField .tblContainer table.scrollable .contactCell .val
{
    font-size:13px; width: 154px; padding-left:8px; padding-right:0px; 
}

#EduViewerBody #EduViewerBodyScroll #EduViewProds .prodField .tblContainer table.scrollable .contactCell .val a
{
    font-size:13px; width: 154px; padding-left:8px; padding-right:0px; 
}

.Subscript { 
    vertical-align:sub;
    font-size:xx-small;
}
.Superscript {
    vertical-align:super;
    font-size:xx-small;
}
.PanelDL
{
    list-style:none; 
    border-top: solid 1px #ececec;
    padding: 10px 0;
    margin: 0px;
}
.EduSup
{
    margin:0; padding:0;
}
.iapLink
{
    display: block;
    margin: 10px 0;
    padding-left: 20px;
    background-image: url(../images/icons/arrow-closed.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.expanded
{
    background-image: url(../images/icons/arrow-open.png);
    color: #F3901D;
}

#EduViewProds div.prod h3
{
    color:#213688;
}