/* 
    Document   : carousel
    Created on : 05-Mar-2013, 16:36:32
    Author     : KevSmith
    Description:
        Purpose of the stylesheet follows.
*/


h1 {
        font-size: 60px;
}
#intro {
        width: 580px;
        margin: 0 auto;
}
.wrapper {
        background-color: white;
        width: 480px;
        margin: 40px auto;
        padding: 50px;
        box-shadow: 0 0 5px #999;
}
.list_carousel {
        background-color: #87bef4;
        margin: 20px 0 20px 0px;
        width: 675px;
}
.image_carousel {
        padding: 0px 0 15px 20px;
        color: #000000;
}
.image_carousel .caroufredsel_wrapper {
    border: none;
}
.image_carousel div {
        border: 1px solid #ccc;
        background-color: white;
        padding: 9px;
        margin-right: 7px;
        display: block;
        float: left;
        width: 100px;
        text-align: center;
}
.image_carousel #foo1 {
        border: none;
        background-color: white;
        padding: 0px;
        margin-right: 7px;
        display: block;
        float: left;
        width: 100px;
}
.image_carousel img {
        /* ks border: 1px solid #ccc; */
        background-color: white;
        /* ks padding: 9px; */
        /* ks margin: 7px; */
        display: block;
        /* ks float: left; */
}
.image_carousel div.name, .image_carousel div.passed {
        font-size: 14px;
        font-style: italic;
        margin: 0;
        float: none;
        border: none;
        padding: 0;
}
.image_carousel div.passed {
        font-size: 11px;
        font-style: none;
        height: 35px;
        line-height: 14px;
}
.list_carousel ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
}
.list_carousel li {
        font-size: 40px;
        color: #999;
        text-align: center;
        background-color: #5b9dde;
        border: 5px solid #FFF;
        width: 100px;
        height: 100px;
        padding: 0;
        margin: 6px;
        display: block;
        float: left;
}
.list_carousel.responsive {
        width: auto;
        margin-left: 0;
}
.clearfix {
        float: none;
        clear: both;
}
.prev {
        float: left;
        margin-left: 10px;
}
.next {
        float: right;
        margin-right: 10px;
}
.pager {
        float: left;
        width: 300px;
        text-align: center;
}
.pager a {
        margin: 0 5px;
        text-decoration: none;
}
.pager a.selected {
        text-decoration: underline;
}
.timer {
        background-color: #999;
        height: 6px;
        width: 0px;
}