@charset "utf-8";
/* CSS Document */

html,body{
	background:none;
	margin:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}
a, input{
	outline:none!important;
}
#divRosettaEvents{
	padding:20px;
	width:268px;
}
#eventSlider{
	width:268px;
}
.slides_container{
	width:268px;
}
.slides_control{
	height:100px!important;
}
.eventDetails{
	width:268px;
}
#eventSlider .prev{
	background:url("../images/spanish_sprite_1.png") no-repeat scroll -92px -68px transparent;
	height:50px;
	position:absolute;
	left:-2px;
	top:-50px;
	width:31px;
	color:transparent;
}
#eventSlider .next{
	background:url("../images/spanish_sprite_1.png") no-repeat scroll -122px -68px transparent;
	height:50px;
	position:absolute;
	right:-2px;
	top:-50px;
	width:31px;
	color:transparent;
}
#eventSlider .next:hover{
	background: url("../images/spanish_sprite_1.png") no-repeat scroll -122px -119px transparent;
}
#eventSlider .prev:hover{
	background: url("../images/spanish_sprite_1.png") no-repeat scroll -92px -119px transparent;
}
.eventSlider .prev, .eventSlider .next{
	outline:none !important;
}
#eventSlider .pagination{
	bottom: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
}
#eventSlider .pagination li{
	list-style-type:none;
	float:left;
	width:10px;
	margin:0 5px 0 0;
}
#eventSlider .pagination li a{
    background: url("../images/spanish_sprite_1.png") repeat scroll -27px 17px transparent;
    display: block;
    height: 10px;
    text-decoration: none;
    text-indent: -9999px;
    width: 10px;
}
#eventSlider .pagination li.current a {
	background: url("../images/spanish_sprite_1.png") repeat scroll -15px 17px transparent;
}
.topMid {
    background: url("../images/title_bar_repeat.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 49px;
    width: 298px;
}
.topRight {
    background: url("../images/title_bar_right.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 49px;
    width: 6px;
}
.topLeft {
    background: url("../images/title_bar_left.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 49px;
    width: 6px;
}
.blockTop h3 {
    color: #848184;
    float: left;
    font-size:20px;
    font-weight: normal;
    margin: 0;
    padding: 11px 25px;
    text-align: center;
    width: 245px;
	font-family:'Open Sans',sans-serif;
}
.blockTop, .blockBottom {
    float: left;
    width: 100%;
}
.eventsBlock {
    height: 196px;
    margin: 11px 10px 0 0;
}
.contentBlock {
    background: none no-repeat scroll 0 0 transparent;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 310px;
}
.blockBottom {
    background: url("../images/spanish_sprite_2.png") no-repeat scroll -368px -129px transparent;
    height: 8px;
}
.blockMid {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    float: left;
    height: 154px;
    width: 308px;
	position:relative;
}
#divRosettaEvents strong.title{
	color:#057ACB;
	font-size:12px;
}
a.seeAll{
	position:absolute;
	right:20px;
	bottom:10px;
	text-decoration:none;
	font-size:13px;
	color:#057ACB;
}
#divRosettaEvents a{
	color:#057ACB;
	text-decoration: none;
}
#divRosettaEvents p{
	margin:0;
	font-size:11px;
	padding:7px 0 0px;
}