/** Common layout sections **/
.login-body {height: 100%; font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; margin: 0; padding: 20px 0 0 0; box-sizing: border-box;}
.login-wrapper { width: 400px; max-width: 98%; margin: 0 auto; text-align: center;}
.login-box { margin-top: 5px; box-sizing: border-box; height: auto; background-color: #ffffff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); padding: 2em; text-align: center; color: #4f575b;}
.login-box .remember-me { display: inline-block; vertical-align: middle; margin-right: 10px;}
.login-wrapper a.ui-commandlink, .login-wrapper a.ui-link { color: #2399e5; text-decoration: none; font-size: 14px}

/** Page HTHML Content Stuff **/
/** For the designer page we have to fix a few issues because it doesn't go on rotation automatically **/
.widgetCarouselContainer {}
.widgetCarousel { margin: 0 auto; width:100%}
.widgetCarousel.ui-widget-content {border: none;}
.widgetCarousel .widgetCarouselItem {  width:100%;}
.widgetCarousel .widgetCarouselItem img { width:100%; max-width:100%}
.widgetCarousel .widgetCarouselItem video { width:100%; max-width:100%}
@media (min-width:1350px) {
    .widgetCarouselContainer {margin: 0 auto; width:900px;}
}
@media (min-width:1001px) and (max-width:1349px) {
    .widgetCarouselContainer {margin: 0 auto; width:750px;}
}
@media (max-width:1001px) {
    .widgetCarouselContainer {margin: 0 auto; width:100%; max-width:100%}
}
.pageContentEditPreviewContainer .widgetCarouselContainer {width: 950px;}
.pageContentEditPreviewContainer .widgetCarouselItem {width: 950px;}