Home Page Rotator Breaks on upgrade to 7.x-1.0-beta12

Researched this a bit. Using default install of Openpublic currently at 7.x-1.0-beta4. When upgrading to 7.x-1.0-beta12 the home-page-rotator.css file located in profiles/openpublic/modules/features/open_public_home_page_feature/theme directory is missing the following: .home-rotator-photo {
width: 530px;
float: right;
}
added that back and it corrected the slider issue but another issues is the Breaking News display does not show the red image behind the word Breaking!.
The home-page-rotator.css file is definitely different between upgrades and I'm not sure why.
This is from 7.x-1.0-beta12
/***** Homepage Rotator
*****/

.view-home-page-feature-rotator {
width: 957px;
margin-left: 0px;
}

#home-rotator {
height: 300px;
padding: 11px;
border: 1px solid #000;
}

.home-rotator-text-block {
background: url(bg-home-rotator-text.jpg) no-repeat;
width: 390px;
float: left;
height: 290px;
padding: 0px;
margin-right: 10px;
}

.home-rotator-photo {
width: 530px;
float: right;
}

.home-top-intro h2 {
font-weight: normal;
font-size: 28px;
text-indent:0;
line-height: 1.2em;
}

.home-top-intro h2 a {
display: block;
margin: 18px 0 10px 0;
}

.home-top-intro {
font-family: Georgia, serif;
font-size: 1.25em;
font-style: italic;
margin: 0 50px;
line-height: 1.3em;
height: 150px;
}

#home-top-read-more {
width: 112px;
text-align: center;
margin: 15px 0 15px 140px;
}

#home-top-numbers {
font-family: Arial, sans-serif;
font-size: 1.167em;
text-align: center;
}

#home-top-numbers ul {
margin: 0 auto;
padding: 0;
display: table;
}

#home-top-numbers li {
list-style-type: none;
text-align: center;
display: inline;
margin:0;
}

#home-top-numbers li a {
display: inline;
float: left;
margin: 0 3px;
}

.home-rotator-slide {
display: none;
margin: 11px;
}
This is from openpublic_beta1_build200
/***** Homepage Rotator
*****/

.view-home-page-feature-rotator {
width: 957px;
margin-left: 0px;
}

#home-rotator {
background: url(bg-home-rotator.png) repeat-x;
height: 300px;
padding: 11px;
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.5);
-moz-box-shadow: 0 2px 8px rgba(0,0,0,.5);
box-shadow: 0 2px 8px rgba(0,0,0,.5);
}

.home-rotator-text-block {
background: url(bg-home-rotator-text.jpg) no-repeat;
width: 390px;
float: left;
height: 290px;
padding: 0px;
margin-right: 10px;
border: 1px solid #0071a5;
}

.home-rotator-photo {
width: 530px;
float: right;
}

.home-top-intro h2 {
text-align: center;
font-weight: normal;
font-size: 28px;
line-height: 1.2em;
}

.home-top-intro h2 a {
display: block;
margin: 35px 0 10px -15px;
}

.home-top-intro h2 a:link,.home-top-intro h2 a:visited {
color: #FFF;
text-decoration:none;
}

.home-top-intro {
font-family: Georgia, serif;
color: #6bccf1;
font-size: 1.25em;
font-style: italic;
margin: 0 50px;
text-align: center;
line-height: 1.3em;
height: 150px;
}

#home-top-read-more {
width: 112px;
text-align: center;
margin: 15px 0 15px 140px;
}

#home-top-read-more a {
background: url(sprite.png) repeat-x -161px -41px;
display: block;
width: 116px;
height: 38px;
text-indent: -9000px;
}

#home-top-read-more a:hover {
background: url(sprite.png) repeat-x -161px -89px;
}

#home-top-numbers {
font-family: Arial, sans-serif;
font-size: 1.167em;
text-align: center;
}

#home-top-numbers ul {
margin: 0 auto;
padding: 0;
display: table;
}
#home-top-numbers a.activeSlide {
background: url(sprite.png) repeat-x -37px 0;
}

#home-top-numbers a.activeSlide:hover {
background: url(sprite.png) repeat-x -79px 0;
}

#home-top-numbers li {
list-style-type: none;
text-align: center;
display: inline;
margin:0;
}

#home-top-numbers li a {
display: inline;
float: left;
height: 18px;
background: url(sprite.png) repeat-x 0 0;
width: 18px;
margin: 0 3px;
text-indent: -9000px;
}

#home-top-numbers li a:hover {
background: url(sprite.png) repeat-x -79px 0;
}

.home-rotator-slide {
display: none;
margin: 11px;
}

Maybe just spinning my mental wheels as I don't understand all the programming associated with Drupal. Thanks.