﻿/* Carousel Style */

#carousel-container
{
    width:721px;
    height:255px;
    position:relative;
    overflow:hidden;   
}

#pager-container
{
    position:absolute;
    bottom:0px; 
    left:0px;
    margin:0px 5px 3px;
    display:none;
}

#pager-container img
{
    border:0px;
    margin:1px;
}

#pager-container img:hover
{
    cursor:pointer;
}

#pager-numbers
{
    position:absolute; 
    top:5px; 
    left:18px; 
    width:50px; 
    text-align:right; 
    font-size:11px; 
    font-family:Verdana; 
    color:#fff; 
    margin:0px;
}

#pager-controls{
    position:absolute; 
    top:5px; 
    left:72px;
}

#controls-container
{
    bottom:0px; 
    right:0px;
    background-image: url('/sys/images/grad.png');
    width:135px;
    height: 25px;
    position:absolute;
    z-index:4;
    
}


/* top section of the rounded box*/
.ptop {
    background-image: url('/sys/images/tright.png');
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0px;
    margin: 0px;
    position:absolute;
    width: 721px;
    height:5px;
}

/* bottom section of the rounded box*/
.pbottom {
    background-image: url('/sys/images/bright.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0px;
    margin: 0px;
    width: 721px;
    position:absolute;
    bottom:0px;
    height:5px;
}


a.leftBtn {
	background: url('/sys/images/control-buttons.png') no-repeat 0 0;
	text-indent: -9999px;
	display:block; 
	width:15px; 
	height:15px; 
	float:left;
	cursor:pointer;
	border:0px;
}

a.leftBtn:hover { background-position: -15px 0px; }


a.rightBtn {
	background: url('/sys/images/control-buttons.png') no-repeat 0px -30px;
	text-indent: -9999px;
	display:block;
	width:15px; 
	height:15px; 
	float:left;
	cursor:pointer;
	border:0px;
}

a.rightBtn:hover { background-position: -15px -30px; }

a.pauseBtn {
	background: url('/sys/images/control-buttons.png') no-repeat 0px -15px;
	text-indent: -9999px;
	display:block; 
    width:15px; 
    height:15px; 
    float:left;
    cursor:pointer;
    border:0px;
}

a.pauseBtn:hover  
{
    background-position: -15px -15px; 
    }


a.playBtn {
	background: url('/sys/images/control-buttons.png') no-repeat -30px -15px;
	text-indent: -9999px;
	display:block; 
    width:15px; 
    height:15px; 
    float:left;
    cursor:pointer;
    border:0px;
}
.download-flash
{
    background: url('/sys/images/get-flash-player.jpg') no-repeat;
    width:721px;
    height:255px;
    border:0px;
    cursor:pointer;
}