﻿
.slider
{
    margin-left:auto;
    margin-right:auto;
    top:20px;
    left:20px;
    float:left;
    width:910px;
    height:350px;
    background:inherite;
    position:relative;
    padding: 0px;
}
.EachSlider
{
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border: 0px solid #ffffff;
            
    float:left;
    width:0px;
    height:0px;
    left:50%;
    top:100%;
    position:absolute;
}
.Left
{
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border: 1px solid red;

    float:left;
    width:18%;
    height:35%;
    left:1%;
    top:50%;
    position:absolute;
}
.Right
{
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border: 1px solid red;

    float:left;
    width:18%;
    height:35%;
    left:81%;
    top:50%;
    position:absolute;
}
.Active
{
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 0px solid red;
                
    float:left;
    width:60%;
    height:85%;
    left:20%;
    top:0%;
    position:absolute;
}
.SliderCaption
{
        border-radius: 00px 00px 20px 20px;
    -moz-border-radius: 00px 00px 20px 20px;
    -webkit-border-radius: 00px 00px 20px 20px;
    border: 0px solid #000000;
                
    display: none;
    position: absolute;
    bottom: -1px;
    left: 1px;
    width: 100%;
    height: 25%;
    background: rgba(255,255,255,0.5);
    direction:rNav
}
.SliderNavigation
{
    position:absolute;
    top:88%;
    left: 35%
}
.SliderSmallNavigation {
    width:30px;
    height:30px;
    border-radius:50%;
    float:left;
    margin-right:5px;
}
.ActiveNavigation {
    border:3px solid red;
}
.SliderImage
{
    border-radius:inherit;
    -moz-border-radius:inherit;
    -webkit-border-radius:inherit;
                
    border:1px solid gray;
    float:left;
    width:100%;
    height:100%;
    position:absolute;
}
.SliderNavigationImage
{
    border-radius:inherit;
    -moz-border-radius:inherit;
    -webkit-border-radius:inherit;
                
    width:30px;
    height:30px;
    position:absolute;
}
#ip1
{
margin:10px;
padding:10px;
float:none;
}
