
/***************************** forms ***********************************/
.formTable td.alignRight { padding-right:0; padding-left:5px; }
.userForm .formTable td { text-align:right; }
.userForm .formTable td.formLabel { text-align:left;}
.formRow .formColumn.label { text-align:left;}
.formRow .formColumn.input { text-align:right; }
.formRow .formColumn.logOptions a { margin-right:0; margin-left:10px; }
span.required { margin-left:0; margin-right:3px; }
.fieldValidation { /* requires icomoon */ display:inline; margin-left:0; margin-right:5px; }
.searchFiltersWrapper { text-align:left; }
.searchFiltersWrapper a { padding-left:0; padding-right:5px;}

/* password visibility toggle v5600 */
.userForm .togglePasswordVisibility { margin-right:218px; margin-left:0; }
@media screen and (max-width:760px)
{
	.formRow .formColumn .togglePasswordVisibility /* v5600 */ { margin-left: 0; margin-right: calc(87% - 86px); }
}

/* Social login - v5600 */
.socialLoginButton { padding-left:10px; padding-right:0; }
.socialLoginButton .socialLoginButtonText { margin-right:10px; margin-left:0; }

/***************************** generic floating submenu (thease are the menus that appear when clicking the user icon at the top, the download menu, etc.) ***********************************/
.genericFloatingSubmenu.submenuAlignRight { right:auto; left:0; text-align:left; }
.genericFloatingSubmenu.submenuAlignLeft { left:auto; right:0; text-align:right; }
.genericFloatingSubmenu > li > .noLink,
.genericFloatingSubmenu.withArrow:after,
.genericFloatingSubmenu.withArrow:before { /* menu arrow */ right:auto; left:9px; }
.genericFloatingSubmenu.submenuAlignRight.withArrow:after,
.genericFloatingSubmenu.submenuAlignRight.withArrow:before { right:auto; left:9px; }
.genericFloatingSubmenu.submenuAlignLeft.withArrow:after,
.genericFloatingSubmenu.submenuAlignLeft.withArrow:before { left:auto; right:15px; }

/***************************** top bar ***********************************/
.slidingMenuToggle,
.followUsButtons,
.followUsButtons li
{ float:right; }
.headerUserMenu ,
.headerSearch,
.headerStoreCartButton
{ float:left; margin-left:10px; margin-right:0 }

.searchBox .searchField,
.headerSearchBox .searchField { float:right; }
	.headerSearchBox .searchMode { float:left; }
	.searchBox .searchButton,
	.headerSearchBox .searchButton { float:left; }

/***************************** big logo and top banner (desktop) ***********************************/
/* v3100pf4 - this section has been disabled because it is not necessary */
/*
.headerLogoAreaWrapper { width:100%; margin: 0 auto; background:#fff; }
.headerLogoArea { display:block; box-sizing:border-box; width:960px; min-height:60px; padding:10px; margin: 0 auto; }

					.withBanner -> Shows the banner. If this class is not present, only the logo is displayed.
					.logoLeft -> To left-align the logo
					.logoCenter -> To center the logo
					.logoRight -> To right-align the logo

.headerLogoArea.logoLeft { text-align:left; }
.headerLogoArea.logoRight { text-align:right; }
.headerLogoArea.logoCenter { text-align:center; }
.headerBanner { display:none; }
.headerLogoArea.withBanner .headerBanner { display:block; float:right;  } 
.headerLogoArea.withBanner .headerLogo img { max-width:470px; max-height:60px; }
*/

/***************************** main menu (desktop) ***********************************/
.mainMenu > li { float:right;}
.mainMenu > li.homeButton { float:left; }
	/* icons (arrows and "more") */
	.mainMenu li.submenu > a { padding-right:0; padding-left:25px; } /* make room for the arrow icon */
	.mainMenu li.submenu > a i { float: left; margin-right:0; margin-left:-25px; }
/* submenus */
.mainMenu li.submenu > ul { left:auto; right:0; }
/* 2nd level submenus */
.mainMenu li.submenu ul > li.submenu > ul { left:auto; right:100%; 
	/* animation */
	margin-left:0;
	margin-right:-10px; 
}
.mainMenu li.submenu ul li:hover > ul{ 
	/* animation */
	margin-left:0px;
	margin-right:0px;
}

/***************************** mobile/sliding menu ***********************************/
.mobileMenuOverlay { left:auto; right:0; }
.mobileMenu { left:auto; right:0; }
	/* close button */
	.mobileMenuCloseButton { float:left; }
/* items */
.mobileMenuItems li.submenu > ul { padding-left:0; padding-right:10px; }
	/* submenu icon */
	.mobileMenuItems .mobileSubmenuToggle { float:left; }
	/* item borders */
	.mobileMenuItems li.submenu > a.mobileSubmenuToggle,
	.mobileMenuItems li.submenu > ul > li > a { border-left:0; border-right:1px solid #e3e3e3; }
/* follow us buttons */
.mobileMenu .followUsButtons li { margin-left:0; margin-right:10px; }
/* mini search util */ 
.mobileMenu .miniSearchForm .miniSearchField { float:right; }
.mobileMenu .miniSearchForm .searchButton { float:left; }

/***************************** headings (the heading bar on channel, categories, news, events, etc.)  ***********************************/
.mainHeading .extra { float:left; text-align:left; }
	/* channel */
		.channelHeading .mainHeading .rssFeed a { float:left; margin-right:0; margin-left:10px; }
		.channelHeading .mainHeading .image { float:right; margin-right:0; margin-left:5px; }
		.channelHeading .mainHeading .channelInfoToggle { margin-right:0; margin-left:10px; }
		.channelInfoWrapper .publishInfo div { border-left:0; border-right:1px solid; padding-left:0; padding-right:5px;  }
		.channelInfoWrapper .publishInfo div:first-child { border-right:0; padding-right:0; }
	/* category */
		.categoryHeading .mainHeading .image { float:right; }
		.categoryHeading .mainHeading .image { margin-right:0; margin-left:5px;}
		.categoryHeading .mainHeading .rssFeed a { float:left; margin-right:0; margin-left:5px; }
	/* news, event */
		.newsEventHeading .publishInfo div { display:inline-block; border-left:0; border-right:1px solid; padding-left:0; padding-right:5px;  }
		.newsEventHeading .publishInfo div:first-child { border-right:0; padding-right:0; }
	/* page */
	/* gallery */
		.galleryHeading .publishInfo div { display:inline-block; border-left:0; border-right:1px solid; padding-left:0; padding-right:5px;  }
		.galleryHeading .publishInfo div:first-child { border-right:0; padding-right:0; }
	/* user */
		.userHeading .mainHeading .image { float:right; }
		.userHeading .mainHeading .rssFeed a { float:left; margin-right:0; margin-left:5px; }
	/* restricted content snippet heading */

/***************************** video player area ***********************************/
.vpPrevClip { float:right;}
.vpNextClip { float:left;}

/***************************** image slider (main image slider at the top of portals and categories) ***********************************/
.bjqs-wrapper
{ direction:ltr;}

/***************************** video player area: clip info ***********************************/
		.clipBasicInfo .publishInfo { float:right;}
			.clipBasicInfo .publishInfo div { display:inline-block; border-left:0; border-right:1px solid; padding-left:0; padding-right:5px;  }
			.clipBasicInfo .publishInfo div:first-child { border-right:0; padding-right:0; }
		.clipBasicInfo .statsInfo { float:left; }
		.clipOptionsBarWrapper > ul { float:right;}
		.clipOptionBt { float:right; margin-right:0; margin-left:10px;  }
		.clipOptionBt.fr { float:left; }
		.clipOptionBt.last { margin-left:0; }
		.clipOptionBt span { padding-left:0; padding-right:3px; }

/* v5100pf1 */
@media screen and (max-width: 960px)
{
	.clipBasicInfo .publishInfo div { display:block; }
	.clipBasicInfo .statsInfo { float:none; clear:both; }
}	

/***************************** video player area: social widgets, share options ***********************************/
		.socialWidgets .socialWidget { float:right !important; }
		.socialSharingButtons a { display:inline-block; margin-right:0; margin-left:5px;}

/***************************** box tabs bar (video browser and video player area: share options) ***********************************/
	.boxTabs > li { float:right; }
	
	.browseSearchToggleButton,
	.boxTabs li .tabsTitle,
	.boxTabs li .tab { float:right; }
	.browseSearchToggleButton { float:left; margin-right:0; margin-left:5px; }
	
	.shareOptionsCloseButton { float:left; margin-right:0; margin-left:5px; }
	.browseSearch > li > ul,
	.videoBrowserMoreMenu > li > ul { margin-right:0; margin-left:5px; }
	
		/* sample rules for solid tabs bar */
		/*
		.shareOptionsCloseButton { margin-right:0; margin-left:10px; }
		.boxTabs li .tab { margin-left:0; margin-right:10px;  }
		*/

/***************************** item list ***********************************/
.itemList .item { text-align:right }
	.itemList .item .calendarBox { float:right; margin-right:0; margin-left:5px;  }
	.itemList .item .image .infoOverlay { right:auto; left:4px;  }
	.itemList .item .image .infoOverlay .duration,
	.itemList .item .image .infoOverlay .stickers { margin-right:0; margin-left:2px; }
	.itemList .item .image .infoOverlay .duration { margin-left:0; margin-right:2px; }
	.itemList .item .image .infoOverlay .stickers > div { margin-left:0; margin-right:3px; }
	.itemList .item .stickers.outside > div { margin-left:0; margin-right:3px; }
	.itemList .item .itemInfo { padding-left:0; padding-right:5px; }

/* view mode: generic list (default is grid) */
.newsListMod .itemList .image { float:right; margin-right:0; margin-left:5px;  }
.eventListMod .itemList .calendarBox { margin-left:0; margin-right:5px; }
.eventListMod .itemList .dateStatus { margin-right:0; margin-left:5px; }
.eventListMod.highlightFirst .itemList .item:first-child .image,
.eventListMod.highlightAll .itemList .item .image { float:right; margin-right:0; margin-left:5px; }
.VMList .itemList .item { margin-right:0; margin-left:0; text-align:right; }
.VMList .itemList .item .image { float:right; margin-right:0; margin-left:5px;  }
.VMList .itemList .item .title { padding-left:0; padding-right:5px; }
.VMList .eventListMod .itemList .image { float:right; margin-right:0; margin-left:5px; }
.VMList .eventListMod.highlightFirst .itemList .item:first-child .image,
.VMList .eventListMod.highlightAll .itemList .item .image,
.VMList .eventListMod .itemList .item.first .image { float:right; margin-right:0; margin-left:5px; }

.VMList .categoryListMod .itemList .item { margin-right:0; margin-left:0; text-align:right;  } 
.VMList .categoryListMod .itemList .item .image { float:right; margin-right:0; margin-left:5px;  }

/* item sizes: widgets */
.widget .itemList .item,
.widget .itemList .item:hover { margin-right:0; margin-left:0; text-align:right; }
.widget .widgetMoreResults { text-align:left; }
.widget .itemList .item .image { float:right; margin-right:0; margin-left:5px; }
.programGuide .widget .itemList .item .startTime { float:left; padding-left:0; padding-right:10px; }
.widget .itemList .item .title { padding-left:0; padding-right:0; }
.widget .itemList .item .stickers.outside { float:left; margin-right:0; margin-left:10px; }
.widget .itemList .item .itemInfo { padding-left:0; padding-right:0; }

.widget .itemList .item.category .image { margin-right:0; margin-left:5px;}

/* related list ... (2 columns) */
.relatedList .item,
.relatedList .item:hover,
.VMList .relatedList .item,
.VMList .relatedList .item:hover { text-align:right; }
.relatedList .item .title,
.VMList .relatedList .item .title, { padding-left:0; padding-right:0; }
.relatedList .item .image,
.VMList .relatedList .item .image { float:right; margin-right:0; margin-left:5px; }
.relatedList .item .icon,
.VMList .relatedList .item .icon { float:right; margin-right:0; margin-left:5px; }

/* more items ... */
.itemList .item.more,
.VMList .itemList .item.more  { text-align:left; }
.widget .itemList .item.more,
.widget .VMList .itemList .item.more  { text-align:left; }

/***************************** simple item list (used for short text lists like short news/event lists) ***********************************/
.simpleItemList .item { text-align:right;}
	.simpleItemList .item .itemInfo { padding-right:0; padding-left:0; }
/* view mode: generic list (default is grid) */
.VMList .simpleItemList .item { margin-right:0; margin-left:0; text-align:right; }
.VMList .simpleItemList .item .title { padding-left:0; padding-right:5px; }
.VMList .simpleItemList .item .itemInfo { float:left;  }

/* more items... */
.simpleItemList .item.more,
.VMList .simpleItemList .item.more  { text-align:left; }

/***************************** tag list (tag cloud widget) ***********************************/
.widget .tagList { text-align:right; }
.widget .tagList .tag { float:right; margin:1px; margin-left:5px; margin-right:0; }

/*****************************************************************************/
/***************************** footer ***********************************/
/*****************************************************************************/
.footerMenu { float:left; }
.footerMenu li { float:right; border-left:0; border-right:1px solid #e3e3e3; }

/*****************************************************************************/
/***************************** general ***********************************/
/*****************************************************************************/
.itemChannels li,
.itemTags li { border-left:0; border-right:1px solid; padding-left:0; padding-right:5px;  }
.itemChannels li:first-child,
.itemTags li:first-child { border-right:0; padding-right:0; }

.prevNextItems .prevItem { text-align:right; }
.prevNextItems .nextItem { text-align:left; }

/***************************** in page messages ***********************************/
.iconCloseMsg 					{ float:left; }
.iconResultOK,
.iconResultError {  float:right; margin-right:0; margin-left:5px; }

/***************************** buttons ***********************************/
.button.straightRight { 
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
	-moz-border-top-left-radius:0; -moz-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; 
	border-top-left-radius:0; border-bottom-left-radius:0;
}
.button.straightLeft { 
	-moz-border-radius:    5px; 
	-webkit-border-radius: 5px; 
	border-radius:         5px;
	-moz-border-top-right-radius:0; -moz-border-bottom-right-radius:0; 
	-webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; 
	border-top-right-radius:0; border-bottom-right-radius:0;
}
.button.fr { float:left; }

/***************************** view mode: vertical / grid ***********************************/
.VMSelector { float:left; }

/***************************** paging ***********************************/
.paging li { float:right; }
.paging a { float:right; margin-right:0; margin-left:5px; }
.paging span { float:right; margin-right:0; margin-left:5px;  }

/*****************************************************************************/
/***************************** popups ***********************************/
/*****************************************************************************/
.popupCommentsHeaderImage { float:right; margin-right:0; margin-left:5px;}

/*****************************************************************************/
/***************************** responsive rules ***********************************/
/*****************************************************************************/
@media screen and (max-width:760px)
{
	.clipBasicInfo .publishInfo div { border-left:0; padding-left:0; border-right:0; padding-right:0;  }

	.VMList .eventListMod.highlightFirst .itemList .item:first-child .image { width:auto; float:right;  }

	.formRow .formColumn.label { text-align:right; }
	.formRow .formColumn.input { text-align:right; }
}

/*****************************************************************************/
/***************************** Modal ***********************************/
/*****************************************************************************/

#kModal .modalHeader span { float:right; }
#kModal .modalBody .button { float:right; }
#kModal.alert .modalHeader,
#kModal.confirm .modalHeader {text-align:right; }
#kModal.alert .modalBody,
#kModal.modal .modalHeader { text-align:right; }

.modalIcon { margin-right:0; margin-left:5px; }
.modalIconAlert 	{ float:right; }
.modalIconConfirm 	{ float:right; }
.modalIconModal 	{ float:right; }
.modalIconClose 	{ float:left; margin-left:0; margin-right:5px; }
.modalIconResize 	{ float:left; margin-left:0; margin-right:5px; }
.modalIconCloseOverlay { float:left; right:auto; left:0; margin-right:0; margin-left:-30px; }
