/*** NOTE: Please be aware that pre-existing CSS on your page may affect style presentation ***/
/* #newsRotatorModule is the wrapper that surrounds the entire module - 
you can control height, width of the module, as well as border color and font */
DIV#newsRotatorModule { 
    background:#111;
    height:430px;
    width:300px;
    font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 10px 0;
    }
/* #newsRotatorModule A represents all link color within the module */
DIV#newsRotatorModule A { 
    color:#eee;
    text-decoration:none;
    }

/* .newsPanel allows you to control the background color of the sliding news panels */
DIV#newsRotatorModule DIV.newsPanel { 
    background:#333;
    }
/* use these styles to control the width of the image and text areas, as well as the text color, text size, and line-height */
DIV#newsRotatorModule DIV.news_text .title {
    margin:15px;
    text-align:left;
    font:bold 10pt georgia, times, serif;
    text-shadow:1px 1px 2px #ccc;
    }
DIV#newsRotatorModule DIV.news_text P {
    font:normal 10pt/15pt georgia, times, serif;
    }
	
/* #news_control represents the bar aligned to the bottom of the module that 
contains the previous/next buttons and panel number display */
DIV#newsRotatorModule DIV#news_control { 
    background-color:#000;
    }
/* control the borders and colors of the previous and next buttons, as well as the panel number display */
DIV#newsRotatorModule DIV#next, DIV#newsRotatorModule DIV#previous {
    border:1px solid #036;
    background:#003;
    margin-left:0px;
    margin-right:4px;
    width:45px;
    text-align:center;
    margin-top:4px;
    height:20px;
    line-height:20px;
    cursor:pointer;
    }
DIV#newsRotatorModule DIV#panelNumberDisplay{
    display:none;
    border:1px solid #036;
    background:#003;
    width:55px;
    text-align:center;
    font-weight:bold;
    font-size:16px;
    margin-top:4px;
    height:20px;
    line-height:20px;
    text-align:center;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    }

DIV#newsRotatorModule {
    border:1px solid #777;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
    position:relative;
    } 
    
DIV#newsRotatorModule DIV#news_container, DIV#newsRotatorModule DIV.newsPanel, DIV#newsRotatorModule DIV#news_control, DIV#newsRotatorModule DIV#news_container, DIV#newsRotatorModule DIV.news_image, DIV#newsRotatorModule DIV.news_image DIV, DIV#newsRotatorModule DIV.news_text, DIV#newsRotatorModule DIV#poweredBy, DIV#newsRotatorModule DIV.news_text, DIV#newsRotatorModule DIV.news_text DIV.align, DIV#newsRotatorModule DIV.news_text .title {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    } 

DIV#newsRotatorModule DIV#news_container {
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
    } 
DIV#newsRotatorModule DIV.newsPanel {
    width:100%;
    height:100%;
    position:relative;
    color:#fff;
    display:block;
    } 
	DIV#newsRotatorModule DIV.news_image {
        float:left;
        width:100%; /* Set image to be full width */
        height:100%;
        margin:0;
        } 
		DIV#newsRotatorModule DIV.news_image DIV {
        margin:0;
        float:none;
        width:100%;
        height:100%;
		background-size: 300px 430px;
        background-repeat:no-repeat;
        background-color:#111;
        } 
	DIV#newsRotatorModule DIV.news_text {
		filter:alpha(opacity=80); /* Make the text and link on transparent background*/
		-moz-opacity:0.80;
		-khtml-opacity: 0.80;
		opacity: 0.80;
		background:#111;
        color:#fff;
        float:left;
        width:100%;
        height:50px;
        margin:5px 0px;
        padding:5px 0px;
		position:absolute; /* Position the text within the container */
		bottom:0px
        } 
		DIV#newsRotatorModule DIV.news_text DIV.align {
            margin:0px auto;
            float:none;
            width:94%;
            }
		DIV#newsRotatorModule DIV.news_text P {
            margin:4px;
            text-align:right;
            } 
		DIV#newsRotatorModule DIV.news_text P.link {
            text-align:right;
            font-weight:bold;
            text-decoration:none;
            } 
DIV#newsRotatorModule DIV#news_control {
    position:relative;
    background-color:#000;
    height:30px;
    width:100%;
    top:-30px;
    float:right;
    text-align:right;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
    } 
DIV#newsRotatorModule DIV.btn {
    float:right;
    color:#fff;
    } 
	DIV#newsRotatorModule DIV#poweredBy {
        float:left;
        color:#fff;
        font-size:8px;
		line-height:30px;
        padding-left:7px;
        display:none !important;
        width:auto;
		letter-spacing:1px;
        } 
	DIV#newsRotatorModule DIV#poweredBy A {
        font-weight:normal;
        }