/* $Id: skin.css 529 2010-08-11 08:44:52Z martin $ */

div.mmCarousel-container {
    margin: 0 auto;
}
    .mmCarousel {
    	position: relative; /* important */
    	overflow: hidden; /* important */
        background: url(../images/content-bg.jpg) repeat-x bottom left #134351;
    }
        ul.mmCarousel-list {
            margin: 0;
            padding: 0;
        	position: absolute;
        	top: 0;
        }
            ul.mmCarousel-list li {
            	margin: 0;
            	padding: 0;
            	list-style: none;
            	display: block;
        		float: left;
                /*overflow: auto;*/
            }
                .mmCarousel-item {
                    padding: 20px 35px;
                }

    .mmCarousel-controls {
        position: relative;
        background: #000;
        height: 60px;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        border-top: 1px solid #494f51;
    }
        .mmCarousel-titles {
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }
        .mmCarousel-controls li {
            float: left;
            background: url(../images/control-split.png) no-repeat top left;
            margin: 0px;
            padding: 10px 17px;
            list-style: none;
            height: 60px;
            cursor: pointer;
            color: #9a9999;
            font-size: 10px;
        }
            .mmCarousel-controls li span {
                display: block;
                font-size: 12px;
                color: #afb4b5;
                font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
            }
            .mmCarousel-controls li.active span {
                color: #FFF;
            }
        .mmCarousel-controls .previous {
            padding: 0px;
            float: left;
        }
        .mmCarousel-controls .next {
            position: absolute;
            z-index: 99;
            right: 0px;
            top: 0px;
            padding: 0px;
            background: url(../images/control-split.png) no-repeat top left;
        }
        .mmCarousel-controls a {
            outline: none;
            display: block;
        }
            .mmCarousel-controls .next a, .mmCarousel-controls .previous a {
                width: 65px;
                height: 60px;
            }
                .mmCarousel-controls .next a:hover, .mmCarousel-controls .previous a:hover {
                    text-decoration: none;
                }

/**
 * Scrollbar
 */
.content-wrapper {
}
    .content-scroll {
        float: left;
        color: #000;
        height: 200px;
    }
    .vScrollbar {
        float: right;
    }
    .vTrack {
        height: 300px;
        width: 19px;
        position: relative;
        background: #000;
        overflow: hidden;
    }
    .vThumb {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        overflow: hidden;
    }
    div.vThumb {
        background: url(../images/scroll-handle-bottom.png) 50% 100% no-repeat #113f4b;
        margin-left: 2px;
    }
    div.vThumb-inner {
        width: 17px;
        height: 15px;
        background: url(../images/scroll-handle-top.png) top right no-repeat;
    }
    .arrowUp, .arrowDown {
        height: 19px;
        width: 19px;
        background: #000;
        overflow: hidden;
    }

    .arrowUp {
        background: url(../images/scroll-arrow-top.png) no-repeat;
    }

    .arrowDown {
        background: url(../images/scroll-arrow-bottom.png) no-repeat;
    }

/**
 * Option 1 styles
 */
.mmCarousel-article {
    padding: 15px 35px 20px;
    color: #a8b5b8;
}
     .mmCarousel-article h2, .mmCarousel-article  h2 a {
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
        text-decoration: none;
        margin: 10px 0px 10px 0px;
     }
        .mmCarousel-article span.author {
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
            margin-right: 20px;
        }
        .mmCarousel-article span.created {
            display: block;
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
            margin-right: 20px;
        }
        .mmCarousel-article div.introtext {
            font-size: 12px;
            line-height: 19px;
            padding: 5px 0px 10px 0px;
            color: #a8b5b8;
            margin-right: 20px;
        }
        .mmCarousel-article span.author {
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
            margin-right: 20px;
        }
        .mmCarousel-article span.modified {
            display: block;
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
            margin-right: 20px;
        }
        .mmCarousel-article a.read-more {
            float: right;
            display: block;
            color: #3aa0bc;
            font-weight: bold;
            margin-right: 20px;
            font-size: 13px;
            text-decoration: none;
            outline: none;
            font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
            background: url(../images/icon-read-more.png) no-repeat 0% 50%;
            padding-left: 20px;
            margin-bottom: 20px;
        }


/**
 * Option 2 styles
 */
 .mmCarousel .category {
 }
     .mmCarousel .category h2 {
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
        text-decoration: none;
        margin: 10px 0px 10px 0px;

     }
     .mmCarousel .category .description {
        font-size: 12px;
        line-height: 19px;
        padding: 5px 0px 10px 0px;
        color: #afb4b5;
    }
         .mmCarousel .category .description img {
             float: left;
             margin: 0px 15px 15px 0px;
         }

.mmCarousel ul.articles {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
    .mmCarousel ul.articles li {
        margin: 0px 20px 20px 0px;
        padding: 0px;
        list-style: none;
        color: #a8b5b8;
        border-top: 1px solid #afb4b5;
    }
        .mmCarousel ul.articles li h3, .mmCarousel ul.articles li h3 a {
            color: #FFF;
            font-size: 14px;
            font-weight: bold;
            font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
            text-decoration: none;
            margin: 15px 0px 10px 0px;
        }
        .mmCarousel ul.articles li span.author {
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
        }
        .mmCarousel ul.articles li span.created {
            display: block;
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
        }
        .mmCarousel ul.articles li div.introtext {
            font-size: 12px;
            line-height: 19px;
            padding: 5px 0px 10px 0px;
        }
        .mmCarousel ul.articles li span.author {
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
        }
        .mmCarousel ul.articles li span.modified {
            display: block;
            font-size: 11px;
            color: #afb4b5;
            font-style: italic;
        }
        .mmCarousel ul.articles li a.read-more {
            float: right;
            display: block;
            color: #3aa0bc;
            font-weight: bold;
            font-size: 13px;
            text-decoration: none;
            outline: none;
            font-family: "Lucida Sans", "Lucida Grande", Lucida, "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
            background: url(../images/icon-read-more.png) no-repeat 0% 50%;
            padding-left: 20px;
        }