.back
{
    background-color:#ccc;
}
.clearfix
{
    position:relative;
}

.prev
{
	background: url(leftarrow_rotator.png) no-repeat  transparent;
	background-size: 100% auto;
	width: 15px;
	height:63px;
	display: block;
	position: absolute;
	top: 20%;
	left: 1%;
	opacity:0.6; 
	filter:alpha(opacity=60);
}

.prev span
{
    display:none;
}

.next
{
	background: url(rightarrow_rotator.png) no-repeat transparent;
	background-size: 100% auto;
	width: 15px;
	height:63px;
	display: block;
	position: absolute;
	top: 20%;
	right:1%;
	opacity:0.6; 
	filter:alpha(opacity=60);
}

.next span
{
    display:none;
}

.afmil_title
{
    font-family: 'Orbitron', sans-serif; 
    font-size: 20px; 
    color: #fff; 
    text-transform:uppercase;
    margin-bottom:0px;
    text-decoration: none;
    text-shadow: rgb(0, 0, 0) 0.1em 0.1em 0.2em;
}

.afmil_title, a.afmil_title:link, a.afmil_title:visited, a.afmil_title:active, a.afmil_title:hover
{
    font-family: 'Orbitron', sans-serif ; 
    font-size: 20px; 
    color: #fff ; 
    text-transform:uppercase ;
    text-decoration: none;
    display:inline;
    text-shadow: rgb(0, 0, 0) 0.1em 0.1em 0.2em;
}

a.afmil_title:hover
{
    text-decoration: underline;
}

.afmil_content
{
    color:#fff;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    display:none;
    position: absolute;
    bottom: 0px;
    padding: 10px 4px 10px 10px;
}

.afmil_contenthtml
{
    width:780px;
    min-height:385px;
    padding: 10px 10px 10px 10px;
    color:#000;
    position:relative;
}
 
.afmil_img
{
    float: left; 
    width:100%; 
    height:auto;
    position:relative;
    overflow:hidden;
}

/*
* The following css are used by the carousel javascript.  
* Do not change the .pagination class naming
*/
.rotatepagination {
    position:relative;
    top:-95%;
    margin-left:45%;
    white-space:nowrap;
}

.rotatepagination a {
    background: url(pager.png) 0 0px no-repeat transparent;
    width: 10px;
    height: 10px;
    margin: 0 6px 0 0;
    display: inline-block;
}

.rotatepagination a.selected {
    background-position: -16px 0px;
    cursor: default;
}

.rotatepagination a span 
{
    display:none;   
}



/* The following is to support Mobile*/
.mmil_slide
{
    position:relative;
}

.mmil_slide .info a, .mmil_slide .info a:visited, .mmil_slide .info a:hover, .mmil_slide .info a:link
{
    color: #fff;
    text-decoration:none;
}

.mmil_slide .info {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    display:none;
    position: absolute;
    bottom: 0;
    padding-bottom:20px;
}

.mmil_slide .info   h2 {
    font-size: 1.3em;
    padding: 10px 4px 4px 10px;
    color:white;
    margin:0;
}
.mmil_slide .info   p {
    font-size: 12px;
    padding: 0 0 30px 10px;
    color:white;
    margin:0;
}