﻿#plug-and-play {display:none; margin-bottom:20px; border:2px solid #aaaaaa;}
#plug-and-play .slide{cursor:pointer;background:#e0e0e0;font-size:12px;font-family:Tahoma;border:1px solid #cccccc; margin:5px; padding:5px;}
#plug-and-play .slide-container{background:#bbbbbb}
#plug-and-play .separator{border:1px solid #aaaaaa;}
#plug-and-play .control{font-size:10px; width:12px; cursor:pointer;}
#plug-and-play .control-container{background:#bbbbbb;}
#plug-and-play .control-active{text-decoration:underline;}
#plug-and-play .control-hover{text-decoration:underline; font-weight:bold;}

#dss {display:none;}
#dss .slide{cursor:pointer;font-size:12px;font-family:Tahoma;margin:5px; padding:5px;}
#dss .slide-container{}
#dss .separator{}
#dss .control{font-size:10px; width:12px; cursor:pointer;}
#dss .control-container{}
#dss .control-active{text-decoration:underline;}
#dss .control-hover{text-decoration:underline; font-weight:bold;}
.dssControl { padding:10px; float:left; margin-right:10px; }
.dssSlideContainer { height:auto; }
.dssSlide { overflow:hidden;width:590px !important; }

.slideContentContainer
{
    margin:0 48px 0 48px;
}

#multiviewBreadCrumb
{
    list-style-type:decimal;
    margin:0 0 10px 0;
    padding-top:0;
    padding-bottom:0;
}

#multiviewBreadCrumb .breadCrumbItem 
{ 

}

#multiviewBreadCrumb .breadCrumbItem span
{

}

#multiview
{
    width:590px !important;
    margin:0 auto;
}

#multiviewAndBreadCrumbContainer
{
    margin:0;
    width:590px;
}

.multiviewWrapper
{
    height:auto;
    width:590px;
    overflow:auto;
    margin:5px 0 10px 0;
    color:#444;
}

.slide 
{
    overflow:hidden;
    font-size:12px;
}

.multiviewContainer
{
    margin:10px 0 0 0;
    padding:0;
    height:auto;
    width:590px;
    clear:both;
    position:relative;
    overflow:hidden;
}

.dssControl 
{ 
    cursor:pointer;
}

#btnBack  
{
    position:absolute;
    top:0;
    left:0;
    height:300px;
    width:40px;
    background:url("../../images/multiview/btnBackHover.png") -10px center no-repeat;
}

#btnBack:hover
{
    background:url("../../images/multiview/btnBack.png") -10px center no-repeat;
}

#btnNext 
{ 
    position:absolute;
    top:0;
    right:-10px;
    height:300px;
    width:40px;
    background:url("../../images/multiview/btnNextHover.png") 20px center no-repeat;
}

#btnNext:hover
{
    background:url("../../images/multiview/btnNext.png") 20px center no-repeat;
}

.loadingImgContainer
{
    width:570px;
    text-align:center;
}
.loadingImgContainer img
{
    width:250px;
    height:250px;
    margin:0 auto;
}

.multiviewDotProgressContainer {
    clear:both;
    width:830px;
    display:inline;
    position:relative;
    z-index:1;
    border-top:1px solid #e9e6d9;
    border-bottom:1px solid #e9e6d9; 
    margin:0 auto;
    padding: 0;
}

.multiviewDotProgress {
    margin:10px 0;
    display:block;
    text-align:center;
    padding:0;
}

.multiviewDotProgress li {
    position:relative;
    list-style:none;
    margin:0;
    display:inline-block;
    padding:0;
}

.multiviewDotProgress li span {
    display:block;
    height:10px;
    width:10px;
    background:#ccc;
    -moz-border-radius:5px;
    border-radius:5px;
}

.multiviewDotProgress .highlight span {
    display:block;
    height:10px;
    width:10px;
    background:#333;
    -moz-border-radius:5px;
    border-radius:5px;
}
