.recommendationForm {float: left;}
.userPageContainer {float: left;}
.buttonLink {height:14px; font-size:12px; cursor: pointer; background-color: transparent; border: none; color: #CD3301;}
.recommendationsContainer {padding: 0; margin: 0; float: left; width: 586px;}
.recommendationsContainer span.recommendationsList {float: left; width: 100%;}
.recommendationsContainer .scroller { float:right; margin: 20px 0;}
.recommendationsContainer .scroller .scrollerText {float: left; margin-right: 20px;}
.recommendationsContainer .scroller .scrollerNumbers {float: left; border-spacing: 0; border-collapse: collapse;}
.recommendationsContainer .scroller .scrollerNumbers .activePage {padding: 0 5px; border-left: 1px black solid; border-right: 1px black solid;}
.recommendationsContainer .scroller .scrollerNumbers .activePage a { color: #CD3301; font-weight: bold;}
.recommendationsContainer .scroller .scrollerNumbers .inactivePage {padding: 0 5px; border-left: 1px black solid;  border-right: 1px black solid;}
.recommendationsContainer .scroller .scrollerNumbers .inactivePage a {text-decoration: underline;}

.recommendationsContainer .recommendationWrapper { overflow:hidden; margin: 0 0 5px 0; padding: 3px; float: left; width: 285px; cursor: pointer;}
/*.recommendationContainer li .recommendationWrapper {float: left;}*/
.recommendationsContainer .recommendationWrapper .featurd_recommends_links {overflow: hidden; float: none;}
.recommendationsContainer .recommendationWrapper .userMovieImg {margin: 3px;}
.recommendationsContainer .loadingMessage{float:left; font-weight:bold;  text-indent: 20px; display:block; background: url('http://media.jinni.com/images/loadingResults_white_areas/ajax-loader-snake.gif') no-repeat left top;}
.recommendationsContainer .loadingDots { float: left; margin-left: 5px; font-weight: bold;}
.invisible {display: none;}
.visible {display: block;}
.rendered {display: block;}
.notRendered {display: none;}
.recommendationPopup {background-color: transparent; position: absolute; width: 395px;}
.recommendationPopup .popupFrame {float:left; border: 1px #A6B06D solid; padding: 12px; background-color: white;}
.recommendationPopup .title {margin:0 0 12px 0; color: #A6B06D; font-family: tahoma; font-size: 18px;}
.recommendationPopup .questionsArea {padding: 6px; background-color: #F0F6D2; width: 396; height: 93;}
.recommendationPopup .questionsArea p {margin:0;}
.recommendationPopup .questionsArea input {margin: 0; height: 10px; border: none; vertical-align: middle;}
.recommendationPopup .question {background-color: #F0F6D2; width: 396; height: 93;}
.recommendationPopup .button {cursor: pointer; float: right; margin-top: 17px; padding: 4px 8px; font-size: 14px;background-color:  #BBD043; color: white;  margin-left: 29px;}
.recommendationPopup .recPopupArrow {margin: 0 0 0 272px; display: block;}
.moreRecommendationButton {font-size: 14px; color: red; float: right; margin-top: 30px; color: #CD3301;}


.listRollover { float: left; width: 520px; background-color: #F0F6D2; padding: 5px; position: absolute; display: none; opacity: 0;}
.listRollover p {margin: 0; padding: 0;}
.listRollover .rollOverImageLink{float: left;}
.listRollover .rollOverImage{}
.listRollover .listRollOverSlider { float: left;margin: 20px 0 0 30px;}
.closingX {border: none; float: right; cursor: pointer;}
span.closingX  {border: none; float: right; cursor: pointer;height: 10px; width: 10px;}
.listRollover .normalMode .information , .listRollover .removalMode {margin-left: 10px; float: left; width: 290px;}
.listRollover .normalMode .information .title {margin-bottom: 5px; font-family: tahoma; font-size: 18px;}
.listRollover .normalMode .information .title .movieTitle {float: left; width: 230px;}
.listRollover .normalMode .information .title .year ,.listRollover .information .title .contentType{color: #676767; margin-left: 10px; float: right;}
.listRollover .normalMode .information .title .contentType {float: right; display: block; clear: right;}
.listRollover .normalMode .information .synopsis {float: left; margin: 10px 0 10px 0; width: 210px;}
.listRollover .normalMode .information .synopsis a {color: #CD3301;}
.listRollover .normalMode .information .userAction {clear: left; height: 48px; width: 160px;}
.listRollover .normalMode .information .userAction img {float: left;}
.listRollover .normalMode .information .userAction .sliderContainter {clear: left; float: left; margin-top: 3px; width: 100%;}
.listRollover .normalMode .information .userAction .ratingSlider{ float: left; height: 30px; }
.listRollover .normalMode .information .userAction .sliderTitle {float:left; font-size: 11px; color: #676767; }
.listRollover .normalMode .information .userAction .rateText { float: left; color: #CD3301; margin-left: 5px; font-size: 11px;}
.listRollover .normalMode  .rolloverModeSwitch {position:absolute; margin-right: 20px; float: right;bottom: 40px; right:0px;}
.listRollover .normalMode  .rolloverModeSwitch .removeImage {margin-top: 3px;}
.listRollover .normalMode  .rolloverModeSwitch input {padding: 0;}
.listRollover .normalMode  .rolloverModeSwitch a {color: #CD3301; font-size: 12px;}
.listRollover .removalMode {display: none;}
.listRollover .removalMode input {border: none;}
.listRollover .removalMode .title {margin:0 0 12px 0; color: #A6B06D; font-family: tahoma; font-size: 17px;}
.listRollover .removalMode .questionsArea {padding: 6px; background-color: #F0F6D2; width: 396; height: 93;}
.listRollover .removalMode .questionsArea p {margin:0;}
.listRollover .removalMode a {color: #CD3301; float: left; margin-top: 10px;}
.listRollover .removalMode .loaderImage {position: relative; left: 20px; top: 8px;}
.listRollover .removalMode .cancelButton {margin-left: 20px;}
.listRollover .removalMode .buttonLink {margin-top: 7px; float: left;}
.listRollover .bottomLinks {float: left; margin-top: 10px; clear:both; width: 100%;}
.listRollover .bottomLinks .favorite { line-height: 24px;}

.listRollover .bottomLinks .watchIt {cursor:pointer; background-color: #CD3301;  width:283px; margin-right: 2px; float: left; line-height: 24px;}
.listRollover .bottomLinks .watchIt p { font-weight: bold; color: white; margin: 0 0 0 10px; float: left;}
.listRollover .bottomLinks .watchIt .availableIcon { cursor: pointer; float: right; height: 16px; margin: 4px 4px 0 0;}
.listRollover .bottomLinks .watchIt .availabilityImages { float: right; width: 125px; padding-right: 10px;}
.listRollover .bottomLinks .watchIt:hover {background-color: #6d763d;}
.listRollover .bottomLinks .watchIt .watchItText {margin-left: 10px; cursor: pointer; float: left;font-weight: bold;color: white;}
a#linkToWatchit{text-decoration: none;}
/* user rating */
.userPageContainer {float: left;}
.ratingStrip {width: 100%; float: left; padding: 0; margin:0;}
.ratingStrip a {text-decoration: none;}
.ratingStrip li {width: 600px; display: list-item;float: left;}
.ratingStrip li div {float:left; width: 100%;overflow: hidden;}
.ratingStrip li div .stripContentImage {width: 35px;height: 25px; border: 0px; margin: 7px 5px 0 5px;}
.ratingStrip li div span {float:left; line-height: 25px; margin-top: 6px; margin-bottom:6px;}
.ratingStrip li div a {color:black; float: left; }
.ratingStrip li .sliderContainter img {float: left; margin: 0 5px; margin-top: 6px; margin-bottom:6px;}
.ratingStrip li div span.title {font-size: 15px;}
.ratingStrip li div span.rateSymbolsContainer {margin: 0; padding: 0;}
.ratingStrip li div span.rateSymbolsContainer img { float: left; margin-left: 10px;margin-top:7px;}
.ratingStrip li div span.digitRate, .ratingStrip li div span.ratingDate {color: #676767; margin-left: 5px; margin-right: 5px;}
.ratingStrip li div span.textualRate {color: #CD3301; margin-left:10px; margin-right: 10px;}
.ratingStrip li div span.likekyToSee {font-size: 10px; margin-left: 10px; color: #676767;text-indent: 15px; background: url('http://media.jinni.com/images/RightArrowOnRed.jpg') no-repeat left center; }
.ratingStrip li div span.notForMe {font-size: 10px; margin-left: 10px; color: #676767; text-indent: 20px; background: url('http://media.jinni.com/images/NoEntry.jpg') no-repeat left center; }
.ratingStrip li div span.button {margin-left:10px; margin-right: 10px; color: #676767; float: right; cursor: pointer;}
.ratingStrip li div span.button:hover {color: #CD3301;}
.ratingStrip li div a img { float: left; margin-right: 10px;}
.ratingStripSlider  {border: 1px solid #CED0C3; float: left; width: 185px; height:60px; background-color: #F0F6D2; padding: 5px; position: absolute; display: none;}
.ratingStripSlider .sliderContainter {clear: left; float: left; margin-top: 3px; width: 150px;}
.ratingStripSlider .sliderContainter img { float: left;}
.ratingStripSlider .ratingSlider{ float: left; height: 30px; }
.ratingStripSlider .sliderTitle {float:left; font-size: 11px; color: #676767; }
.ratingStripSlider .rateText { float: left; color: #CD3301; margin-left: 5px; font-size: 11px;}
.ratingStripSlider #rolloverNotSeenIt, .ratingStripSlider #rolloverLikelyToSee ,.ratingStripSlider #rolloverNotForMe{ top: 0; clear: left;width: 100px;}
.ratingStripSlider #notSeenItPopup  {left: 5px; bottom: 15px; width: 180px;} 
.ratingStripSlider .ratingStripSliderShpitz {position:relative;  float: left; border: 1px blue solid;top: 65px;left:30px;}

/* user Neftlix integration */
.NetflixIntegrationPage {float: left;}
.NetflixIntegrationPage ul,.NetflixIntegrationPage div,.NetflixIntegrationPage form,.NetflixIntegrationPage p,.NetflixIntegrationPage h2 {float: left; clear: left;}
.NetflixIntegrationPage p {margin:10px 0; width: 100%;}
.NetflixIntegrationPage ul {width: 275px; padding: 15px 0 0 15px; margin:0 0 20px 0; float: left; clear: left;}
.NetflixIntegrationPage ul input {float: left;}
.NetflixIntegrationPage ul label {margin:0 0 0 10px; float: left; width: 200px; font-weight: normal;}
.NetflixIntegrationPage ul li {display: list-item; margin: 0 0 20px 0; float: left;overflow: hidden; width: 100%;}
.NetflixIntegrationPage ul li .checkBox {border: none;}
.NetflixIntegrationPage h3 {font-family:tahoma; font-size: 12px; font-weight: bold;color: black; margin-bottom: 10px; float: left; clear: left;}
.NetflixIntegrationPage form {margin-top: 20px;float: left; clear: left;}
.NetflixIntegrationPage .titleIcon {margin-right: 10px;}
.NetflixIntegrationPage .commandButton {display: block; clear: left;}
.NetflixIntegrationPage .nflxUserInfo input {float: right; margin-right: 40px; width: 145px;}
.NetflixIntegrationPage .nflxUserInfo .nflxSigninLabel {float: left;}
.NetflixIntegrationPage .nflxUserInfo .infoContaineer{float: left; width: 100%;margin-bottom: 5px;}
.NetflixIntegrationPage .nflxUserInfo .nflxSignin {font-weight: bold;}
.NetflixIntegrationPage .nflxUserInfo .nflxSigninAlert {display: block; color: #CD3301; font-weight: normal;}
.NetflixIntegrationPage .nflxUserInfo .nflxSignSecurityNote {font-size: 10px; width: 100%;}
.NetflixIntegrationPage .nflxUserInfo .nflxSignSecurityNote img { float: left; margin-right: 10px;}
.NetflixIntegrationPage .nflxUserInfo p {margin: 0 0 5px 0; width: 100%;}
.NetflixIntegrationPage .cancelArea {float: left; clear: left;margin-top: 30px; width: 100%; position: relative;}
.NetflixIntegrationPage .jinniAlert {display: none; height: auto;}
.NetflixIntegrationPage .jinniAlert div {display: none;}
.NetflixIntegrationPage .jinniAlert .alertContent input {float: none;}
.NetflixIntegrationPage .jinniAlert .commandButton {display: inline; margin: 0;}
.NetflixIntegrationPage .jinniAlert p {float: none;}
.NetflixIntegrationPage h3 .cancelTitle {font-weight: normal;}
.NetflixIntegrationPage #cancelIntegrationFrom {margin: 0; float: none;clear: none;}
.NetflixIntegrationProcessPage h2 {float: none;margin-bottom: 20px;}
.NetflixIntegrationProcessPage .integrationSuccessful {font-weight: bold; color: #CD3301; font-size: 16px; margin-bottom: 20px; display: block;}
.NetflixIntegrationProcessPage .integrationProcess {margin:20px 0 20px 0; font-weight:bold;  text-indent: 20px; display:block; background: url('http://media.jinni.com/images/loadingResults_white_areas/ajax-loader-snake.gif') no-repeat left top;}
.NetflixIntegrationProcessPage .integrationProcessNote {font-weight: bold;}
.NetflixIntegrationProcessPage .integrationResultsSection {}
.NetflixIntegrationProcessPage .integrationResultsTitle {font-size:14px; font-weight: bold;}
.NetflixIntegrationProcessPage ul.resultList {padding: 0;}
.NetflixIntegrationProcessPage ul.resultList li{display: list-item;}
.NetflixIntegrationProcessPage ul.resultList li span.resultNum {color: #CD3301; font-weight: bold;}
.NetflixIntegrationProcessPage ul.resultList li span.resultDescription {margin-left: 10px;}
.NetflixIntegrationProcessPage .summaryMessage a {color: #CD3301; text-decoration: none;}
.NetflixIntegrationProcessPage #successfulImportSection, .NetflixIntegrationProcessPage #integrationResults,.NetflixIntegrationProcessPage #summaryMessageSection {display: none;}
.NetflixIntegrationProcessPage .userTopTitle, .NetflixIntegrationPage .userTopTitle {margin-top: 25px;background: url('http://media.jinni.com/images/netflix_icon.png') no-repeat left 3px; text-indent: 20px; }
.NetflixIntegrationProcessPage .successfulImportSection .commandButton{ margin-bottom: 20px;}
.NetflixIntegrationProcessPage .jinniAlert {height: auto;}
.NetflixIntegrationProcessPage .jinniAlert .userInputArea {float: left;width: 100%;}
.NetflixIntegrationProcessPage .jinniAlert .userInputArea input { float: right;}
.NetflixIntegrationProcessPage .jinniAlert .userInputArea .label {float: left; margin-right: 10px;}
.NetflixIntegrationProcessPage .jinniAlert .userInput {float: left; clear: left; width: 70%;}
.NetflixIntegrationProcessPage .jinniAlert .passwordDiv {margin-top: 10px;}
.NetflixIntegrationProcessPage .jinniAlert input{width: 150px;}
.NetflixIntegrationProcessPage .jinniAlert .bottomPart {float: left; margin-top: 20px;}
.NetflixIntegrationProcessPage .jinniAlert .bottomPart input {margin-right: 20px;margin-bottom: 10px;}
.NetflixIntegrationProcessPage .jinniAlert .bottomPart a {float: left; }
.NetflixIntegrationProcessPage .jinniAlert .bottomPart a.secondLink {clear: left; width: 100%;}
.NetflixIntegrationProcessPage .jinniAlert .alertContent {display: none;}


.netflixTitleSpan {background: url('http://media.jinni.com/images/netflix_icon.png') no-repeat left 3px; text-indent: 20px;}
.movieContainer {width: 615px; }
.movieContainer .titleCotainer{padding: 10px 0; background-color: #A6AF6C; width: 100%; visibility: hidden;}
.movieContainer .titleCotainer span {color: white; margin: 0 10px; font-size: 16px; font-weight: bold;}

/* user right bar */

.actionItems {margin-top: 25px;}
.publicIcon {background: url('http://media.jinni.com/images/greenfilm.png') no-repeat;}
.profileIcon {background: url('http://media.jinni.com/images/16_profile_dgreen.png') no-repeat;}
.testTasteIcon {background: url('http://media.jinni.com/images/16_user_dgreen.png') no-repeat;}
.genresIcon {background: url('http://media.jinni.com/images/genres_green.png') no-repeat;}
.netflixIcon {background: url('http://media.jinni.com/images/netflix_icon.png') no-repeat;}
.thumbsupIcon {background: url('http://media.jinni.com/images/16_thumbsup_dgreen.png') no-repeat;}
.actionItems .extraSpace {margin-top: 17px;}
.actionItems .myAccountLink {margin-bottom: 10px;}
.actionItems a {margin-left: 25px;display: block; color: #676767; text-decoration: none;}
.actionItems a:hover {color: #CD3301;}
.actionItems a.linkHeader {font-size: 15px;}
.actionItems .linkDescription {font-size: 12px; color: #CD3301; font-style: italic;}
.actionItems h4 { margin-bottom: 10px; }



.recommendationsBody {margin-top:20px;}
.recommendationsFeeds {float: left; margin-top: 20px;}