@font-face 
{
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face
{
    font-family: 'Open_Sans';
    src: url('fonts/OpenSans/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),
        url('fonts/OpenSans/OpenSans-Regular-webfont.svg#Open_Sans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'Open_Sans';
    src: url('fonts/OpenSans/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSans-Italic-webfont.svg#Open_Sans_Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face
{
    font-family: 'Open_Sans';
    src: url('fonts/OpenSans/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSans-Light-webfont.svg#Open_Sans_Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face
{
    font-family: 'Open_Sans';
    src: url('fonts/OpenSans/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSans-LightItalic-webfont.svg#Open_Sans_Light-Italic') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face
{
    font-family: 'Open_Sans';
    src: url('fonts/OpenSans/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSans-Semibold-webfont.svg#Open_Sans_Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face
{
    font-family: 'Open_Sans';
    src: url('fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans/OpenSans-SemiboldItalic-webfont.svg#Open_Sans_Semibold-Italic') format('svg');
    font-weight: 600;
    font-style: italic;
}
/*----------- Cross-Browser Element Resets -----------*/
/* In chrome, if the user accidentally clicks and drags then it results
 * in many elements being highlighted with an ugly default blue highlight.
 * This hides that effect.  Had to be careful with this and not just use
 * ::selection because that breaks input field text selection on several
 * browsers.
 */
:not(input)::selection { background: rgba(255, 255, 255, 0.0) }
/* The above hack works for all of our supported browsers besides IE8
 * and Firefox.  Firefox breaks because it still highlights undesired
 * areas and doesn't highlight input text which we want highlighted.  This
 * Firefox specific hack at least restores the highlight to input text 
 */
::-moz-selection
{
    background: rgba(0,0,96,1.0);
    color: rgba(255,255,255,1.0);
}
/*---- Hides the orange outline browsers would apply to the page input, search box ----*/
input:focus { outline: none }
/*---- IE10 has its own text clear functionality for text input fields which this disables ----*/
input[type=text]::-ms-clear { display: none }
/*-----Need this for mobile ios issues------*/
html 
{
	background-color: #000;
}
/*----------- Body & View Styles -----------*/
body
{
    background-color: #fff;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden; /* Eliminates scrollbars from widgets */
    font-family: 'Open_Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    min-width: 200px;
}
.PlatformDesktop .body
{
    min-width: 750px;
    min-height: 0px; /* Will calculate from header height + footer height + applicationView min-height */
}
#CustomHeader
{
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
}
#CustomFooter
{
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
}

#ProductView
{
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 250px;
    overflow: hidden;
    visibility: hidden;
}

#ApplicationView
{
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 250px;
    overflow: hidden;
    visibility: hidden;
}

.PlatformMobile #ApplicationView
{
	min-height:0px;
}

.applicationView
{
	background: url(../images/bg.png) 0 0 repeat;
}

.TpodMode .applicationView
{
	background-color: #ccc;
	background-image: url(../images/tpod.png);
	background-repeat:no-repeat;
	background-position: center center;
}
.PlatformDesktop #popup_container,
.PlatformTablet #popup_container
{
	max-width: 400px; /* Dialog will wrap after this width */
}
.PlatformDesktop #popup_message,
.PlatformTablet #popup_message
{
	max-width: inherit;
}
.alertMessageCtl
{
    position: absolute;
    display: block;
    width: 230px;
    min-height: 28px;
    background: transparent;
    overflow: hidden;
    background-color: #444;
    padding: 5px 8px 5px;
    border-radius: 10px;
    -moz-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
}
.alertMessageText
{
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.pageCtl
{
    position: absolute;
    background: transparent;
    background-image: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/*----------- SpriteButton - (Default colors for non-sprite based buttons) -----------*/
.spriteButton.leftSlider
{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.spriteButton.rightSlider
{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

/*----------- TOOLBAR -----------*/
.tbContainer
{
    position: absolute;
    left: 0;
    right: 0;
    border-style: none;
    margin: 0;
    padding: 0;
    z-index: 102;
}
.spriteInputField { z-index: 101 }
.ToolbarAtTop .tbContainer { top: 0 }
.ToolbarAtBottom .tbContainer { bottom: 0 }
.PlatformMobile.ToolbarAtTop .pageCtl { top: 55px }
.PlatformMobile.ToolbarAtBottom .pageCtl { bottom: 55px }
.PlatformMobile.ToolbarAtTop .tab-control { bottom: 0px }
.PlatformMobile.ToolbarAtBottom .tab-control { top: 0px }

.PlatformMobile .tbButton
{
    width: 66px;
    height: 49px;
}
.PlatformMobile .tbCombo
{
    margin-top: 5px;
    font-size: 16px;
}
.pageNavLeft
{
    z-index: 300;
}
.pageHistLeft .pageCtlButton
{
	background-color: #272727;
	height: 24px;
	padding: 0px 15px;
	width: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 0px 0px 7px 7px;
	margin-top: -1px;
	cursor: pointer;
}
.pageHistLeft .pageCtlButton:hover
{
	height: 26px;
	font-size: 22px;
}
.pageHistLeft .pageCtlButton.disabled
{
	display: none;
}
.PlatformMobile .tbPageInputSizes
{
    width: 48px;
    height: 49px;
    font-size: 14px;
}
.PlatformMobile .tbSearchInputSizes
{
    width: 150px;
    height: 49px;
    font-size: 16px;
}
.PlatformMobile .tbSearchInput .spriteInputField
{
    left: 10%;
    top: 17%;
    width: 80%;
    height: 66%;
}
.PlatformMobile .btnWishlistText0,
.PlatformMobile .btnWishlistText
{
    width: 66px;
    font-size: 12px;
}
.PlatformMobile .btnWishlist .btnWishlistText0,
.PlatformMobile .btnWishlist .btnWishlistText { margin-top: 0px }
.PlatformMobile .btnCart .btnWishlistText0,
.PlatformMobile .btnCart .btnWishlistText { margin-top: -6px }
.PlatformMobile .btnBookmarks .btnWishlistText0,
.PlatformMobile .btnBookmarks .btnWishlistText { margin-top: -2px }
.PlatformMobile .btnCartPlusText0
{
    font-size: 8px;
    padding-top: 14px;
    padding-left: 58px;
    padding-right: 10px;
}
.PlatformMobile .btnCartPlusText1
{
    font-size: 12px;
    padding-top: 24px;
    padding-left: 58px;
    padding-right: 10px;
}
.PlatformMobile .bookshelfView_header { height: 49px }
.PlatformMobile .bookshelfView_body { top: 49px }
.PlatformTablet7.ToolbarAtTop .pageCtl { top: 55px }
.PlatformTablet7.ToolbarAtBottom .pageCtl { bottom: 56px }
.PlatformTablet7 .tbContainer { height: 38px }
.PlatformTablet7 .tbButton
{
    width: 66px;
    height: 49px;
}
.PlatformTablet7 .tbCombo
{
    margin-top: 4px;
    font-size: 13px;
}
.PlatformTablet7 .tbPageInput { margin-top: -1px }
.PlatformTablet7 .tbPageInputSizes
{
    width: 42px;
    height: 42px;
    font-size: 11px;
}
.PlatformTablet7 .tbPageInput .spriteInputField
{
    top: 16%;
}
.PlatformTablet7 .tbSearchInputSizes
{
    width: 117px;
    height: 42px;
    font-size: 11px;
}
.PlatformTablet7 .tbSearchInput .spriteInputField
{
    left: 10%;
    top: 17%;
    width: 80%;
    height: 66%;
}
.PlatformTablet7 .btnWishlistText0,
.PlatformTablet7 .btnWishlistText
{
    width: 50px;
    font-size: 9px;
}
.PlatformTablet7 .btnWishlist .btnWishlistText0,
.PlatformTablet7 .btnWishlist .btnWishlistText { margin-top: 0px }
.PlatformTablet7 .btnCart .btnWishlistText0,
.PlatformTablet7 .btnCart .btnWishlistText { margin-top: -6px }
.PlatformTablet7 .btnBookmarks .btnWishlistText0,
.PlatformTablet7 .btnBookmarks .btnWishlistText { margin-top: -2px }
.PlatformTablet7 .btnCartPlusText0
{
    font-size: 6px;
    padding-top: 11px;
    padding-left: 45px;
    padding-right: 8px;
}
.PlatformTablet7 .btnCartPlusText1
{
    font-size: 9px;
    padding-top: 19px;
    padding-left: 45px;
    padding-right: 8px;
}
.PlatformTablet7 .bookshelfView_header { height: 38px }
.PlatformTablet7 .bookshelfView_body { top: 38px }

.PlatformTablet .bookshelfView_header { height: 49px }
.PlatformTablet .bookshelfView_body { top: 49px }
.PlatformTablet.tbHasText .bookshelfView_header { height: 59px }
.PlatformTablet.tbHasText .bookshelfView_body { top: 59px }

.PlatformTablet.ToolbarAtTop .pageCtl { top: 58px }
.PlatformTablet.ToolbarAtBottom .pageCtl { bottom: 58px }
.PlatformTablet .tbContainer {height: 49px }
.PlatformTablet.tbHasText .tbContainer { height: 59px }

.PlatformTablet .tbButton
{
    width: 66px;
    height: 49px;
    padding-top: 5px;
	padding-bottom: 4px;
}
.PlatformTablet.tbHasText .tbButton
{
	padding-top: 5px;
    padding-bottom: 4px;
}

/* Position custom buttons as they are...they may already have text labels in them */
.tbButton.tbButtonCustom
{
	padding-top:0px;
	padding-bottom:9px;
}

/*------------- tbLabel -------------*/

.tbLabel
{
	float: left;
	position: relative;
}
.PlatformDesktop.High .tbLabel
{
	margin-top: 13px;
	font-size: 16px;
	margin-left: 5px;
	margin-right: 5px;
}
.PlatformDesktop.Med .tbLabel
{
	margin-top: 10px;
	font-size: 13px;
	margin-left: 6px;
	margin-right: 6px;
}
.PlatformDesktop.Low .tbLabel
{
	margin-top: 8px;
	font-size: 11px;
	margin-left: 4px;
	margin-right: 4px;
}
.PlatformTablet .tbLabel,
.PlatformMobile .tbLabel
{
	margin-top: 14px;
	font-size: 16px;
	margin-left: 4px;
	margin-right: 4px;
}

/*----------- tbTextButton -----------*/

.tbTextButton
{
	float: left;
	padding: 6px 12px;
	font-size: 14px;
}
.PlatformDesktop.High .tbTextButton 
{
	margin-top: 7px;
	margin-left: 6px;
	margin-right: 6px;
	font-size: 14px;
	padding: 6px 12px;
}
.PlatformDesktop.Med .tbTextButton 
{
	margin-top: 6px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
	padding: 5px 10px;
}
.PlatformDesktop.Low .tbTextButton 
{
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 10px;
	padding: 4px 5px;
}
.PlatformMobile .tbTextButton,
.PlatformTablet7 .tbTextButton,
.PlatformTablet .tbTextButton
{
	float: left;
	margin-top: 8px;
	margin-right: 6px;
	margin-left: 6px;
}

/*------------------------------------*/

.PlatformTablet .tbCombo
{
	margin-top: 8px;
	font-size: 16px;
	width: initial;
	height: initial;
	line-height: initial;
	padding: initial;
}
.PlatformTablet .tbPageInput { margin-top: -1px }
.PlatformTablet .tbPageInputSizes
{
    width: 48px;
    height: 49px;
    font-size: 14px;
}
.PlatformTablet .tbPageInput .spriteInputField {top: 25%;}
.PlatformTablet .tbSearchInputSizes
{
    width: 150px;
    height: 49px;
    font-size: 14px;
}
.PlatformTablet .tbSearchInput .spriteInputField
{
    left: 10%;
    top: 17%;
    width: 80%;
    height: 66%;
}
.DarkToolbarButtonStyle.PlatformTablet .btnCart .btnWishlistText0,
.DarkToolbarButtonStyle.PlatformTablet .btnCart .btnWishlistText
{
	font-size: 11px !important;
	color: #fff !important;
	top: -40px;
}
.DarkToolbarButtonStyle.PlatformTablet .btnBookmarks .btnWishlistText0,
.DarkToolbarButtonStyle.PlatformTablet .btnBookmarks .btnWishlistText
{
	top: -34px;
	font-size: 11px !important;
	color: #4d4d4d;
}
.DarkToolbarButtonStyle.PlatformTablet .btnWishlist .btnWishlistText0,
.DarkToolbarButtonStyle.PlatformTablet .btnWishlist .btnWishlistText
{
	top: 19px;
	font-size: 11px !important;
	color: #fff !important;
}
.LightToolbarButtonStyle.PlatformTablet .btnCart .btnWishlistText0,
.LightToolbarButtonStyle.PlatformTablet .btnCart .btnWishlistText
{
    font-size: 11px !important;
    color: #4d4d4d !important;
    top: -40px;
}
.LightToolbarButtonStyle.PlatformTablet .btnBookmarks .btnWishlistText0,
.LightToolbarButtonStyle.PlatformTablet .btnBookmarks .btnWishlistText
{
    top: -34px;
    font-size: 11px !important;
    color: #fff;
}
.LightToolbarButtonStyle.PlatformTablet .btnWishlist .btnWishlistText0,
.LightToolbarButtonStyle.PlatformTablet .btnWishlist .btnWishlistText
{
    color: #4d4d4d !important;
}
.PlatformTablet .btnWishlistText0,
.PlatformTablet .btnWishlistText
{
    width: 66px;
    font-size: 12px;
}
.PlatformTablet .btnWishlist .btnWishlistText0,
.PlatformTablet .btnWishlist .btnWishlistText { top: -33px; }
.PlatformTablet .btnCart .btnWishlistText0,
.PlatformTablet .btnCart .btnWishlistText { top: -40px; }
.PlatformTablet .btnBookmarks .btnWishlistText0,
.PlatformTablet .btnBookmarks .btnWishlistText { top: -34px; }
.PlatformTablet .btnCartPlusText0
{
    font-size: 8px;
    padding-top: 14px;
    padding-left: 58px;
    padding-right: 10px;
}
.PlatformTablet .btnCartPlusText1
{
    font-size: 12px;
    padding-top: 24px;
    padding-left: 58px;
    padding-right: 10px;
}
.PlatformDesktop.Low.ToolbarAtTop .pageCtl { top: 31px }
.PlatformDesktop.Low.ToolbarAtBottom .pageCtl { bottom: 31px }
.PlatformDesktop.Low .tbContainer { height: 31px }
.PlatformDesktop.Low .tbButton
{
	width: 32px;
	height: 31px;
}
.PlatformDesktop.Low .tbCombo
{
    margin-top: 7px;
    font-size: 10px;
	width: auto;
	height: initial;
	width: initial;
	line-height: initial;
	padding: initial;
}
.PlatformDesktop.Low  .tbPageInput { margin-top: -9px }
.PlatformDesktop.Low .tbPageInputSizes
{
    width: 38px;
    height: 31px;
    font-size: 10px;
}
.PlatformDesktop.Low .tbSearchInputSizes
{
    width: 94px;
    height: 31px;
    font-size: 10px;
}
.PlatformDesktop.Low .btnWishlistText0,
.PlatformDesktop.Low .btnWishlistText
{
    width: 32px;
    font-size: 7px;
}
.PlatformDesktop.Low .btnWishlist .btnWishlistText0,
.PlatformDesktop.Low .btnWishlist .btnWishlistText { top: -17px; }
.PlatformDesktop.Low .btnCart .btnWishlistText0,
.PlatformDesktop.Low .btnCart .btnWishlistText { top: -53px; }
.PlatformDesktop.Low .btnBookmarks .btnWishlistText0,
.PlatformDesktop.Low .btnBookmarks .btnWishlistText { top: -50px; }
.PlatformDesktop.Low .btnCartPlusText0
{
    font-size: 7px;
    padding-top: 9px;
    padding-left: 28px;
    padding-right: 6px;
}
.PlatformDesktop.Low .btnCartPlusText1
{
    font-size: 8px;
    padding-top: 18px;
    padding-left: 28px;
    padding-right: 6px;
}
.PlatformDesktop.Low .bookshelfView_header { height: 31px }
.PlatformDesktop.Low .bookshelfView_body { top: 31px }
.PlatformDesktop.Med.ToolbarAtTop .pageCtl { top: 39px }
.PlatformDesktop.Med.ToolbarAtBottom .pageCtl { bottom: 39px }
.PlatformDesktop.Med .tbContainer { height: 39px }
.PlatformDesktop.Med .tbButton
{
    width: 40px;
    height: 39px;
}
.PlatformDesktop.Med .tbCombo
{
    margin-top: 5%;
    font-size: 13px;
    width: auto;
    height: 75%;
    width: initial;
    line-height: initial;
    padding: 3px 6px;
}
.PlatformDesktop.Med #BookshelfView .tbCombo
{
    margin-top: 1%;
    height: 33px;
}
.PlatformDesktop.Med  .tbPageInput { margin-top: -1px }
.PlatformDesktop.Med .tbPageInputSizes
{
    width: 38px;
    height: 39px;
    font-size: 13px;
}
.PlatformDesktop.Med .tbSearchInputSizes
{
    width: 116px;
    height: 39px;
    font-size: 13px;
}
.PlatformDesktop.Med .btnWishlistText0,
.PlatformDesktop.Med .btnWishlistText
{
    width: 40px;
    font-size: 10px;
}
.PlatformDesktop.Med .btnWishlist .btnWishlistText0,
.PlatformDesktop.Med .btnWishlist .btnWishlistText { top: -22px; }
.PlatformDesktop.Med .btnCart .btnWishlistText0,
.PlatformDesktop.Med .btnCart .btnWishlistText
{ 
    top: -67px;
    font-size: 9px;
}
.PlatformDesktop.Med .btnBookmarks .btnWishlistText0,
.PlatformDesktop.Med .btnBookmarks .btnWishlistText { top: -63px; }
.PlatformDesktop.Med .btnCartPlusText0
{
    font-size: 8px;
    padding-top: 11px;
    padding-left: 35px;
    padding-right: 8px;
}
.PlatformDesktop.Med .btnCartPlusText1
{
    font-size: 11px;
    padding-top: 19px;
    padding-left: 35px;
    padding-right: 8px;
}
.PlatformDesktop.Med .bookshelfView_header { height: 39px }
.PlatformDesktop.Med .bookshelfView_body { top: 39px }
.PlatformDesktop.High.ToolbarAtTop .pageCtl { top: 49px }
.PlatformDesktop.High.ToolbarAtBottom .pageCtl { bottom: 49px }
.PlatformDesktop.High .tbContainer { height: 49px }
.PlatformDesktop.High .tbButton
{
    width: 50px;
    height: 49px;
    font-size: 16px;
}
.PlatformDesktop.High .tbCombo
{
    margin-top: 3%;
    font-size: 14px;
    width: auto;
    height: 75%;
    width: initial;
    line-height: initial;
    padding: 0px;
}
.PlatformDesktop.High #BookshelfView .tbCombo {
    height: 33px;
}
.PlatformDesktop.High #BookshelfView .tbComboLabel {
    line-height: 33px;
}
.PlatformDesktop.High .tbCombo.form-control
{
    margin-top: 2%;
    padding: 3px 6px;
}
.PlatformDesktop.High .tbPageInput { margin-top: -1px }
.PlatformDesktop.High .tbPageInputSizes
{
    width: 48px;
    height: 49px;
    font-size: 16px;
}
.PlatformDesktop.High .tbSearchInputSizes
{
    width: 150px;
    height: 49px;
    font-size: 16px;
}
.PlatformDesktop.High .btnWishlistText0,
.PlatformDesktop.High .btnWishlistText
{
    width: 50px;
    font-size: 11px;
}
.PlatformDesktop.High .btnWishlist .btnWishlistText0,
.PlatformDesktop.High .btnWishlist .btnWishlistText { top: -36px }
.PlatformDesktop.High .btnCart .btnWishlistText0,
.PlatformDesktop.High .btnCart .btnWishlistText { top: -84px; }
.PlatformDesktop.High .btnBookmarks .btnWishlistText0,
.PlatformDesktop.High .btnBookmarks .btnWishlistText { top: -80px }
.PlatformDesktop.High .btnCartPlusText0
{
    font-size: 10px;
    padding-top: 14px;
    padding-left: 44px;
    padding-right: 10px;
}
.PlatformDesktop .btnCartText, .PlatformDesktop .btnWishlistText, .PlatformDesktop .btnWishlistText0
{
	color: #333;
}
.PlatformDesktop .btnCart:hover .btnCartText, .PlatformDesktop .btnWishlist:hover .btnWishlistText, .PlatformDesktop .btnWishlist:hover .btnWishlistText0
{
	color: #fff;
}
.PlatformDesktop .btnBookmarksText
{
	color: #fff;
}
.PlatformDesktop .btnBookmarks:hover .btnBookmarksText
{
	color: #ddd;
}

.PlatformMobile .btnCartText, .PlatformMobile .btnWishlistText, .PlatformMobile .btnWishlistText0, .PlatformTablet7 .btnCartText, .PlatformTablet7 .btnWishlistText, .PlatformTablet7 .btnWishlistText0
{
	color: #fff;
}
.PlatformMobile .btnCart:hover .btnCartText, .PlatformMobile .btnWishlist:hover .btnWishlistText, .PlatformMobile .btnWishlist:hover .btnWishlistText0, .PlatformTablet7 .btnCart:hover .btnCartText, .PlatformTablet7 .btnWishlist:hover .btnWishlistText, .PlatformTablet7 .btnWishlist:hover .btnWishlistText0
{
	color: #ccc;
}
.PlatformMobile .btnBookmarksText, .PlatformTablet7 .btnBookmarksText
{
	color: #fff;
}
.PlatformMobile .btnBookmarks:hover .btnBookmarksText, .PlatformTablet7 .btnBookmarks:hover .btnBookmarksText
{
	color: #ccc;
}
.PlatformDesktop .btnBookmarks .btnWishlistText0,
.PlatformDesktop .btnBookmarks .btnWishlistText
{
	color: #4d4d4d;
}
.PlatformDesktop.High .btnCartPlusText1
{
    font-size: 12px;
    padding-top: 28px;
    padding-left: 44px;
    padding-right: 10px;
}
.PlatformDesktop.High .bookshelfView_header { height: 49px }
.PlatformDesktop.High .bookshelfView_body { top: 49px }
.PlatformDesktop .tbContainer,
.bookshelfView_header
{
    background: #272727;
}
.PlatformMobile .tbContainer,
.PlatformTablet .tbContainer,
.PlatformTablet7 .tbContainer
{
    background: #272727;
}
.tbLeft
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.tbCenter
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
 }
.tbRight
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}
.tbLogo
{
    float: left;
    border-style: none;
}
.tbButton
{
    float: left;
	position: relative;
    border-style: none;
    margin-top: 0;
}
.tbCombo
{
    float: left;
    margin-top: 0;
}
.tbComboLabel { color: #ffffff }
.tbPadding
{
    float: left;
    height: 1px;
    width: 1px;
}
.tbSpacer
{
    float: left;
    height: 1px;
}
.tbPageInput
{
    float: left;
    border-style: none;
    margin-top: 0;
}
.tbPageInput .spriteInputField
{
    position: absolute;
    text-align: center;
    top: 25%;
    height: 50%;
    width: 100%;
    padding: 0px;
	background-color: #fff;
}
.PlatformDesktop.Low .tbPageInput .spriteInputField
{
	font-size: 12px;
	top: 40%;
	height: 80%;
}
.PlatformDesktop.Med .tbPageInput .spriteInputField
{
	font-size: 13px;
	top: 20%;
	height: 70%;
}
.tbSearchInput
{
    float: left;
    border-style: none;
	margin-left: 10px;
}
.tbSearchInput .spriteInputBox
{
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
	cursor: text !important;
}

.tbSearchInput .spriteInputField
{
    position: absolute;
    font-size: 100%;
	top: 22%;
	height: 55%;
	padding-left: 16%;
	padding-right: 14%;
    padding-top: 3px;
    padding-bottom: 3px;
}

.tbSearchInput .spriteInputClearBtn
{
	position: absolute;
	right: 0;
	top: 26%;
    height: 50%;
    width: 17%;
    background-image: url(../images/toolbar/searchX@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
	z-index: 200;
}
.PlatformTablet .spriteInputBox .spriteInputClearBtn
{
    position: absolute;
    z-index: 200;
    top: 26%;
    width: 24px !important;
    height: 24px !important;
}
.PlatformTablet .tbSearchInput .spriteInputClearBtn
{
	right: 15px;
}
.PlatformMobile .tbSearchInput .spriteInputClearBtn
{
    right: 10%;
}
.PlatformTablet7 .tbSearchInput .spriteInputClearBtn
{
    right: 10%;
}
.tbSearchInput .spriteInputGoBtn
{
    position: absolute;
    left: 0;
    top: 20%;
    height: 62% !important;
    width: 20% !important;
    background-image: url(../images/toolbar/searchGo@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
	z-index: 200;
}
.PlatformTablet .spriteInputBox .spriteInputGoBtn
{
    position: absolute;
    z-index: 200;
    top: 20%;
    width: 30px !important;
    height: 30px !important;
}
.PlatformTablet .tbSearchInput .spriteInputGoBtn
{
	left: 15px;
}
.PlatformMobile .tbSearchInput .spriteInputGoBtn
{
    left: 10%;
}
.PlatformTablet7 .tbSearchInput .spriteInputGoBtn
{
    left: 10%;
}
.btnDefaultText
{
    font-size: 100%;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    height: 100%;
    width: 100%;
}
.PlatformTablet .tbButton .btnDefaultText,
.PlatformDesktop.tbHasText .tbButton .btnDefaultText
{
	display: none;
}
.tbHasText .tbButton .btnDefaultText
{
	display: block;
}
.PlatformTablet.tbHasText .tbButton .btnDefaultText
{
	font-size: 9px;
	color: #fff;
	width: 66px;
	height: auto;
	line-height: 9px;
	text-align: center;
	position: absolute;
    padding-bottom: 5px;
    bottom: -11px;
}
.btnDefaultText:hover, .btnDefaultText:focus
{
    color: #ffffff;
}
.btnCartPlusText0
{
    font-weight: 600;
    position: absolute;
    color: #ffffff;
    cursor: pointer;
}
.btnCartPlusText1
{
    font-weight: 600;
    position: absolute;
    color: #ffffff;
    cursor: pointer;
}
.btnWishlistText0
{
    font-weight: 600;
    text-align: center;
    position: relative;
    color: #333;
    z-index: 9999;
}
.btnWishlistText
{
    font-weight: 600;
    text-align: center;
    position: relative;
    color: #333;
    cursor: pointer;
    z-index: 9999;
}
.btnWishlistText:hover, .btnWishlistText0:hover { color: #ffffff }
.bookshelfView_header .btnCart .btnWishlistText0
{
    color: #666666;
}
.bookshelfView_header .btnCart .btnWishlistText
{
    color: #000000;
}
.tbDivider
{
    background-repeat: no-repeat;
    float: left;
}
.PlatformDesktop .tbDivider
{
    background-image: url(../images/toolbar/divider_desktop.png);
    height: 100%;
    width: 1px;
}
.PlatformMobile .tbDivider,
.PlatformTablet .tbDivider,
.PlatformTablet7 .tbDivider
{
    background-image: url(../images/toolbar/divider.png);
    height: 100%;
    width: 2px;
}
.titleControl
{
    position: absolute;
    top: 0;
}
.PlatformTablet7 .titleControl
{
	top: -1px !important;
}
.titleControl .center
{
    background-color: #272727;
    height: 24px;
    padding: 1px 15px;
    /*width: 100%;*/
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
	border-radius: 0px 0px 7px 7px;
}
/*----------- LEFT PANEL -----------*/
.leftPanel
{
    background-color: #393939;
    border-left-style: none;
    filter: alpha(opacity=95);
    opacity: 0.95;
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.PlatformMobile .leftPanel
{
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.ToolbarAtTop .leftPanel
{
    position: absolute;
    width: 300px;
    top: 58px;
    bottom: 9px;
    left: 0px;
}
.ToolbarAtBottom .leftPanel
{
    position: absolute;
    width: 300px;
    top: 9px;
    bottom: 60px;
    left: 0px;
}
.PlatformMobile .leftPanel
{
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=100);
    opacity: 1.0;
    z-index: 103;
}
.leftTitle
{
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2px;
    position: absolute;
    top: 7px;
    right: 60px;
    left: 60px;
    height: 38px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.leftSubtitle
{
    color: #cfcfcf;
    font-size: 14px;
    letter-spacing: 0.2px;
    position: absolute;
    right: 20px;
    left: 20px;
    height: 24px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}
.leftSubtitle1 { top: 42px }
.leftSubtitle2 { top: 63px }
.leftBack
{
    position: absolute;
    top: 3px;
    left: 6px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}
.leftBack:hover
{
	color: #fff;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.leftBack:active { color: #999 }
.leftClose
{
    position: absolute;
    top: 3px;
    right: 6px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.leftClose:hover {
	color: #fff;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.leftClose:active, .leftClose:focus { color: #999 }
.left_tocPin
{
    position: absolute;
    top: 6px;
    right: 32px;
    z-index: 301;
}
.leftContent
{
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 5px 6px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.leftContent_toc
{
    top: 52px;
    overflow: hidden;
}
.leftContent_searchTip
{
    top: 88px;
    position: absolute;
    color: #eeeeee;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 13px;
    right: 20px;
    left: 20px;
    text-align: center;
    vertical-align: top;
}
.leftContent_nosearchTip { top: 88px }
.leftContent_nosearchInput { top: 40px }
.leftContent_search { margin-top: 8px }
.leftContent_web
{
    top: 52px;
    overflow : hidden;
    padding: 0px;
}
/*----------- CONTENTS -----------*/
.tocSlider
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
    background-color: #393939;
}
.tocScroller
{
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 276px;
    padding: 8px 0px 0px 0px;
    background-color: #ffffff;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tocContentsTable td
{
    padding: 5px;
    vertical-align: middle;
}
.tocContentsTable a
{
    color: #222;
    font-size: 14px;
    text-decoration: none;
}
.tocContentsTable a:hover
{
    color: #777;
    font-size: 14px;
    text-decoration: none;
}
/*----------- CONTENTS - list view styles -----------*/
.listview
{
    color: black;
    font-size: 14px;
    padding: 0;
    margin: 0;
    width: 100%;
}
.listview ul
{
    margin: 0;
    padding: 0;
}
.listview li
{
    list-style-type: none;
    color: #000;
}
.listview li a
{
    padding: 13px 24px 13px 18px;
    display: block;
    color: #000;
    text-decoration: none;
}
.PlatformDesktop .listview li a { padding: 10px 24px 10px 12px }
.listview li a:hover { color: #fff }
.listview_nextLevel
{
    color: black;
    font-size: 14px;
    text-decoration: none;
    padding: 0;
    display: block;
    background: url(../images/tree/arrow.png) no-repeat 96%;
    border-bottom: 1px solid #E0E0E0;
}
.listview_nextLevel .panel-heading.collapsed
{
    background: url(../images/tree/arrow.png) no-repeat 96%;
}
.listview_nextLevel .panel-heading
{
    background: url(../images/tree/arrow_over.png) no-repeat 96%;
}
.listview_nextLevel .panel-heading:hover
{
    background: url(../images/tree/arrow_over.png) no-repeat 96%;
}
.listview_nextLevel:hover,
.listview_nextLevel.listview_selected
{
    color: #fff;
    background: #008fc5 url(../images/tree/arrow_over.png) no-repeat 96%;
}
.listview_link
{
    color: black;
    font-size: 14px;
    text-decoration: none;
    padding: 0;
    display: block;
    border-bottom: 1px solid #E0E0E0;
    background: white;
    margin: 0;
}
.listview_link:hover,
.listview_link.listview_selected
{
    color: #fff;
    background: #008fc5;
}
.listview_divider
{
    display: block;
    background: #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    padding: 3px 0 3px 10px;
    font-weight: 600;
}
/*----------- THUMBS PANEL -----------*/
.thumbPanel
{
    position: absolute;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.65);
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-color: rgba(0, 0, 0, 0.65);
    overflow: hidden;
    z-index: 101;
}
.thumbContent
{
    position: absolute;
    border-style: none;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
}
.thumbnailDiv
{
    position: relative;
    float:left;
    padding: 0px;
    /*****************************************************************/
    /* The amount of space around thumb images is controlled by the  */
    /* ThumbViewPadLR and ThumbViewPadTB skin settings in core.txt   */
    /* rather than the setting below:                                */
    /*                                                               */
    /* margin: 6px 0px 10px 10px;                                    */
    /*****************************************************************/
}
.thumbnailImg
{
    position: absolute;
    padding: 0px;
 }
.LightThumbViewStyle .thumbnailDiv
{
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    box-shadow: 0 0 8px #000;
}
.thumbnailX
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    z-index: 100;
    font-size: 19px;
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid #d66666;
}
.thumbnailX .btnDefaultText
{
    color: #d66666;
}
.thumbnailX:hover .btnDefaultText,
.thumbnailX:active .btnDefaultText
{
    color: #bd1d1d;
}
.thumbnailX:hover,
.thumbnailX:active
{
    border: 4px solid #bd1d1d;
}
.thumbStrip
{
    display: inline;
    float: left;
    border: none;
}
.PlatformIE8 .thumbSelection
{
	border: 5px solid #008fc5;
}
.thumbSelection
{
    position: absolute;
    display: block;
    margin: 12px;
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 3px #008fc5, 0 1px 5px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 3px #008fc5, 0 1px 5px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 0 3px 3px #008fc5, 0 1px 5px rgba(0, 0, 0, 0.75);
}
.thumbHighlight
{
    position: absolute;
    display: block;
    margin: 12px;
    background-color: #ffffff;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
}
.thumbTip
{
	z-index: 101;
}
.thumbTip-top
{
    display: block;
    background: url(../images/thumbTip/bg_top.png) top left no-repeat;
    width: 174px;
    height: 21px;
    display: none;
}
.thumbTip-sides
{
    display: block;
    background-color: #000000;	/* Fallback for IE8 */
    background-color: rgba(0, 0, 0, 0.65);
    width: 174px;
    min-height: 28px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.thumbTip-text
{
    color: #fff;
    font-size: 28px;
    text-align: center;
    width: 100%;
    padding: 1px 0;
}
.thumbTip-bottom
{
    display: block;
    background: url(../images/thumbTip/bg_bottom.png) top left no-repeat;
    width: 174px;
    height: 37px;
    display: none;
}
.PlatformMobile .thumbTip-top
{
    height: 10px;
    width: 87px;
    background-size: 100%;
}
.PlatformMobile .thumbTip-sides
{
    min-height: 14px;
    width: 87px;
    background-size: 100%;
}
.PlatformMobile .thumbTip-bottom
{
    width: 87px;
    background-size: 100%;
}
.PlatformMobile .thumbTip-text
{
    font-size: 14px;
}
.PlatformDesktop .thumbTip-top
{
    background: url(../images/thumbTip/desktop_bg_top.png) top left no-repeat;
    width: 124px;
    height: 12px;
    display: none;
}
.PlatformDesktop .thumbTip-sides
{
    background-color: #000000;	/* Fallback for IE8 */
    background-color: rgba(0, 0, 0, 0.65);
    min-width: 124px;
    width: auto;
    min-height: 18px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.PlatformDesktop .thumbTip-text
{
    font-size: 18px;
    padding: 5px 0;
}
.PlatformDesktop .thumbTip-bottom
{
    background: url(../images/thumbTip/desktop_bg_bottom.png) top left no-repeat;
    width: 124px;
    height: 26px;
    display: none;
}
.LightThumbViewStyle.thumbPanel
{
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.85);
    border-color: #ccc;
}
.LightThumbViewStyle .thumbTip-sides
{
	background-color: rgba(255, 255, 255, 0.85);
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	border-bottom: 0px;
}
.LightThumbViewStyle .thumbTip-text
{
	color: #333;
}
.thumbTip-sides
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-bottom: 0px;
}
/*----------- TOC - TABLE OF CONTENTS -----------*/
.TocContents .tocBack
{
    position: absolute;
    top: 3px;
    left: 6px;
}
.TocContents .tocClose
{
    position: absolute;
    top: 3px;
    right: 6px;
}
.TocContents .tocTitle
{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2px;
    position: absolute;
    top: 10px;
    right: 60px;
    left: 60px;
    height: 38px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.TocContents .tocContent
{
    position: absolute;
    top: 52px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    background-color: #F7F7F7;
}
/*----------- SEARCH -----------*/
.SearchResults .searchBack
{
    position: absolute;
    top: 3px;
    left: 6px;
}
.SearchResults .searchBack
{
    position: absolute;
    top: 3px;
    left: 6px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}
.SearchResults .searchBack:hover
{
    color: #fff;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.SearchResults .searchBack:active { color: #999 }
.SearchResults .searchClose
{
    position: absolute;
    top: 3px;
    right: 6px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.SearchResults .searchClose .btnDefaultText
{
    font-size: 24px;
    color: #fff;
}
.SearchResults .searchClose:hover
{
	color: #fff;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.SearchResults .searchClose:active { color: #999 }
.SearchResults .searchTitle
{
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2px;
    position: absolute;
    top: 7px;
    right: 60px;
    left: 60px;
    height: 38px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.SearchResults .searchSubtitle
{
    color: #cfcfcf;
    font-size: 14px;
    letter-spacing: 0.2px;
    position: absolute;
    height: 24px;
    width: 276px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}
.SearchResults .searchSubtitle1 { top: 0px }
.SearchResults .searchSubtitle2 { top: 24px }
.SearchResults .searchContent
{
    position: absolute;
    top: 40px;
    left: 12px;
    right: 12px;
    bottom: -10px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    margin: 0;
}
.SearchResults .searchInput
{
    position: absolute;
    padding: 0px;
    height: 32px;
    left: 14px;
    top: 12px;
}
.SearchResults .searchInputSizes
{
    width: 253px;
    height: 34px;
    font-size: 16px;
}
.SearchResults  .spriteInputBox
{
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: text !important;
}
.SearchResults  .spriteInputBox div { cursor: text !important }
.SearchResults .spriteInputField
{
    padding-left: 35px;
    padding-right: 30px;
}
.SearchResults  .spriteInputClearBtn
{
    position: absolute;
    right: 0;
    top: 15%;
    background-image: url(../../skin-defaults/images/toolbar/searchX@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
}
.SearchResults  .spriteInputGoBtn
{
    position: absolute;
    left: 0.5%;
    top: 10%;
    height: 93%;
    width: 13%;
    background-image: url(../../skin-defaults/images/toolbar/searchGo@2x.png?TotWidth=54&TotHeight=208&ImgWidth=54&ImgHeight=52);
}
.SearchResults .searchTipText
{
    position: absolute;
    left: 16px;
    width: 253px;
    color: #dddddd;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 13px;
    vertical-align: top;
}
.SearchResults .searchSlider
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 50px;
    overflow: hidden;
    background-color: #393939;
}
.SearchResults .searchScroller
{
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    top: 48px;
    left: 0px;
    bottom: 0px;
    width: 276px;
    padding: 8px 0px 0px 0px;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
	/* The line below was put here to improve SearchWidget appearance but broke SearchResultsTabPanel */
    /*display: none;*/
}
.SearchResults .searchWrapper
{
    position: absolute;
    left: 12px;
    right: 12px;
}
.SearchResults .results
{
    padding: 0;
    margin: 3px 0 3px 0;
}
.SearchResults .results_not_found
{
    padding: 5px 5px 5px 5px;
    margin: 0px 0;
}
.SearchResults .group { margin-bottom: 25px }
.SearchResults .group:last-child { margin-bottom: 7px }
.SearchResults .group .group_title
{
    width: 100%;
    color: #fff;
    font-size: 15px;
	border-radius: 3px;
    padding: 4px 6px;
    display: block;
	background-color: #a5a5a5;
}
.SearchResults .searchFilterTitle
{
	clear: both;
	width: 100%;
	background: #333;
	font-size: 15px;
	letter-spacing: 0;
	color: #fff;
	padding: 4px 6px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	cursor: pointer;
	margin-bottom: 15px;
}
.SearchResults .searchFilterTitle:hover
{
	background: #555;
}
.searchFilterTitle.collapsed #resultsAccordionGlyph.glyphicon-chevron-down:before
{
	content: "\e113" !important;
}
.resultsAccordion.collapse.in
{
	border: 1px solid #ACACAC;
	box-shadow: 0 1px 5px #ACACAC;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.resultsAccordion.collapsing
{
	border: 1px solid #ACACAC;
	box-shadow: 0 1px 5px #ACACAC;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.toggleThumbLabel
{
	width: 100%;
	line-height: 40px;
	padding: 0px 10px 0px 10px;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 15%;
}
#SearchTabView_Content .toggleThumbLabel
{
    display: none;
}
.SearchResults #toggleThumbCheckbox
{
	width: 18px;
	margin-right: 15px;
	float: left;
	height: 18px;
	margin-top: 11px;
}
.SearchResults #toggleThumbCheckbox:focus
{
	-webkit-box-shadow: none;
	box-shadow: none;
}
.SearchResults .group_title1
{
	padding-left: 5px;
}
#resultsAccordionGlyph
{
	font-size: 15px;
	margin-right: 10px;
	top: 3px;
	float: right;
}
.headingToggler {
display:inline;
color:#333;
cursor:pointer;
padding:1px 0 3px 12px;
}

.sortToggler {
display:inline;
color:#333;
cursor:pointer;
padding:1px 0 3px 12px;
}

#headingResultsForm input.headingCheckbox
{
	display: none;
}

#headingResultsForm label
{
	font-size: 13px;
	cursor: pointer;
	width: 100%;
	padding: 10px;
}
.sortResultsForm
{
margin-left: 10px;	
}
.SearchResults .item
{
    background: #ffffff;
    background-size: 1px 400px;
    padding: 0;
    margin: 10px 0;
    border-radius: 3px;
    border: 1px solid #ACACAC;
    -webkit-box-shadow: 0 1px 5px #ACACAC;
    -moz-box-shadow: 0 1px 5px #ACACAC;
    -o-box-shadow: 0 1px 5px #ACACAC;
    box-shadow: 0 1px 5px #ACACAC;
}
.SearchResults .item:hover
{
    background-position: 175px;
    -webkit-box-shadow: 0 1px 7px #008fc5;
    -moz-box-shadow: 0 1px 7px #008fc5;
    -o-box-shadow: 0 1px 7px #008fc5;
    box-shadow: 0 1px 7px #008fc5;
    border-color: #008fc5;
}
.SearchResults .item a
{
    color: #515151;
    text-decoration: none;
    line-height: inherit;
    width: 94.1%;
    padding: 12px 7px 12px 7px;
    display: block;
    text-decoration: none;
}
.SearchResults .item a:hover
{
    width: 94.1%;
    padding: 12px 7px 12px 7px;
    display: block;
}
.SearchResults .item.autoselect { background-color: #d6d6d6 }
.SearchResults .item.autoselect a { color: #333 }
.SearchResults .item .context
{
    padding: 0 10px;
    line-height: 18px;
    font-size: 12px;
    margin-top: 5px;
    font-weight: normal;
}
.SearchResults .item .listing
{
    font-size: 14px;
    font-weight: normal;
    background-image: url(../../skin-defaults/images/left/resultsArrow.png);
    background-repeat: no-repeat;
    background-position: right 0px;
    display: block;
    padding-right: 16px;
}
.SearchResults .item img
{
    margin: 0 0 5px 0;
    height: 140px;
    width: auto;
    max-width: 100%;
    border: 1px solid #888;
}
.SearchResults .item .name
{
    font-size: 14px;
    font-weight: 600;
    background-image: url(../../skin-defaults/images/left/resultsArrow.png);
    background-repeat: no-repeat;
    background-position: right 0px;
    display: block;
    padding-right: 16px;
}
.SearchResults .item a[href^="app:"] .listing,
.SearchResults .item a[href^="app:"] .name
{
    background: none;
    padding-right: 0;
    margin-right: 0;
}
.SearchResults .item .address
{
    font-size: 12px;
    font-weight: normal;
    display: block;
}
.SearchResults .item .highlight
{
    background: #FF9;
    color: #313131;
    border-bottom: 1px dashed #313131;
}
/*----------- WEBVIEW -----------*/
#WebView
{
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
/*----------- BUSY/LOADING SPINNER -----------*/
.spinner
{
    position: absolute;
    z-index: 999;
    text-align: center;
    background-color: #383838;
}
.spinner-msg
{
    color: #fff;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-bottom: 35px;
}
.spinner-img
{
    background: url(../images/loader.gif) no-repeat;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}
.spinner-label
{
    background-color: #fff;
    padding: 2px;
    border: 1px solid #bfbfbf;
    margin-top: -10px;
}
/*----------- MOUSEPLUS TOOLTIPS & CUSTOM CURSORS -----------*/
/*---- Generic tooltip - used unless specific style override has been created - Example: .mousePlus-Zoom .tip-text ----*/
.tip-text
{
    font-size: 14px;
    color: #fff;
    background-color: #444;
    padding: 6px 8px 8px;
    border-radius: 10px;
    -moz-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
}
.mousePlus-Zoom								/* Good Browsers */ { cursor: url(../images/cursors/zoom-in.cur) 10 10, default }
.mousePlus-Zoom.ie							/* Internet Explorer */ { cursor: url(code-bin/skin-defaults/images/cursors/zoom-in.cur), default }
.mousePlus-Move								/* Good Browsers */ { cursor: url(../images/cursors/allDirections.cur) 10 10, default }
.mousePlus-Move.ie								/* Internet Explorer */ { cursor: url(code-bin/skin-defaults/images/cursors/allDirections.cur), move }
.mousePlus-HorzArrow								/* Good Browsers */ { cursor: url(../images/cursors/leftRight.cur) 10 10, default }
.mousePlus-HorzArrow.ie								/* Internet Explorer */ { cursor: url(code-bin/skin-defaults/images/cursors/leftRight.cur), e-resize }
.mousePlus-VertArrow								/* Good Browsers */ { cursor: url(../images/cursors/upDown.cur) 10 10, default }
.mousePlus-VertArrow.ie								/* Internet Explorer */ { cursor: url(code-bin/skin-defaults/images/cursors/upDown.cur), n-resize }
.mousePlus-Pointer { cursor: pointer }
/*---- VIDEO PLAY BUTTON ----*/
.playButton
{
    position: absolute;
    background-repeat: no-repeat;
    overflow: hidden;
}
/*----------- BOOK CONTROL -----------*/
.bookCtlView_container
{
    height: 190px;
    width: 310px;
    position: absolute;
    margin: 0px 0px;
    list-style: none;
    text-indent: 0px;
}
.PlatformMobile .bookCtlView_container
{
	width: 290px;
}
.bookCtlView_image_container
{
	width: 50%;
	display: inline-block;
	float: left;
}
.bookCtlView_text_container
{
	width: 50%;
	display: inline-block;
	float: right;
}
.bookCtlView_single
{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}
.bookCtlView_cover
{
    height: 190px;
    width: auto;
    top: 0px;
    left: 0px;
    display: block;
    cursor: pointer;
}
.PlatformMobile .bookCtlView_cover
{
	height: 162px;
}
.bookCtlView_cover img
{
    max-height: 190px;
    max-width: 135px;
    display: block;
    margin: 0 auto;
    -moz-box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
}
.PlatformMobile .bookCtlView_cover img
{
    max-height: 162px;
    max-width: 115px;
}
.bookCtlView_cover .updateBadge
{
    width: 28px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    top: -8px;
    right: -8px;
}
.bookCtlView_title,
.bookCtlView_price,
.bookCtlView_additional_info,
.bookCtlView_booksize,
.bookCtlView_description,
.bookCtlView_btn_container,
.bookCtlView_progress_text,
.bookCtlView_progress_bar,
.bookCtlView_message
{
    text-align: left;
    width: auto;
}
.bookCtlView_title
{
    height: auto;
    color: #fff;
    font-size: 12px;
    vertical-align: top;
}
.bookCtlView_title h2
{
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin: 0 0 5px 0;
}
.bookCtlView_price
{
    font-weight: 600;
    font-size: 13px;
    color: #2eb6e6;
    margin-bottom: 5px;
}
.bookCtlView_booksize
{
    font-weight: 600;
    font-size: 13px;
    color: #333;
    margin-bottom: 5px;
}
.bookCtlView_description,
.bookCtlView_additional_info,
.bookCtlView_message
{
    font-weight: normal;
    font-size: 12px;
    color: #333;
    margin: 5px 0px 5px 0px;
    word-wrap: break-word;
}
.bookCtlView_btn_container
{
    font-weight: 600;
    font-size: 12px;
    color: #7d7d7e;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    margin-right: 80px;
}
a.bookCtlView_read_btn,
a.bookCtlView_download_btn,
a.bookCtlView_pause_btn,
a.bookCtlView_remove_btn,
a.bookCtlView_read_part_btn,
a.bookCtlView_download_part_btn,
a.bookCtlView_delete_part_btn,
a.bookCtlView_update_btn
{
    display: block;
}
a.bookCtlView_read_btn.btn,
a.bookCtlView_download_btn.btn,
a.bookCtlView_pause_btn.btn,
a.bookCtlView_remove_btn.btn,
a.bookCtlView_read_part_btn.btn,
a.bookCtlView_download_part_btn.btn,
a.bookCtlView_delete_part_btn.btn,
a.bookCtlView_update_btn.btn
{
    display: block;
	font-size: 12px;
	padding: 4px 8px;
}
.LanguageEsp a.bookCtlView_read_btn.btn,
.LanguageEsp a.bookCtlView_download_btn.btn,
.LanguageEsp a.bookCtlView_pause_btn.btn,
.LanguageEsp a.bookCtlView_remove_btn.btn,
.LanguageEsp a.bookCtlView_read_part_btn.btn,
.LanguageEsp a.bookCtlView_download_part_btn.btn,
.LanguageEsp a.bookCtlView_delete_part_btn.btn,
.LanguageEsp a.bookCtlView_update_btn.btn
{
    font-size: 11px;
}
a.bookCtlView_download_part_btn,
a.bookCtlView_delete_part_btn,
a.bookCtlView_update_btn
{
	margin-left: 10px;
}
a.bookCtlView_download_btn,
a.bookCtlView_pause_btn
{
	font-size: 24px;
	color: #333;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 15px;
}
a.bookCtlView_remove_btn
{
	font-size: 24px;
	color: #333;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
a.bookCtlView_download_btn:hover,
a.bookCtlView_pause_btn:hover,
a.bookCtlView_remove_btn:hover
{
	font-size: 24px;
	color: #555;
	text-decoration: none;
}
.PlatformTablet leftslideintabview a.bookCtlView_download_btn
{
    margin: 10px 0px 0px;
}
.bookCtlView_progress_text
{
    font-size: 10px;
    color: #333;
    padding-left: 5px;
    text-transform: uppercase;
}
.PlatformDesktop .bookCtlView_progress_text
{
	margin-top: 5px;
}
.bookCtlView_progress_bar
{
    width: 155px;
    height: 15px;
    overflow: hidden;
    background: #bbbbbb;
	margin-top: 12px;
}
.progress_hidden { display: none }

/*------- NEW BOOK CONTROL -------*/
.NewBookCtlView_container
{
	position: absolute;
	width: 150px;
	height: 220px;
	margin: 10px 20px 10px 20px;
}

.NewBookCtlView_container .popover
{
  border: 0px;
  padding: 0px;
}

.PlatformTablet7 .NewBookCtlView_container .popover.bottom > .arrow
{
    top: -10px;
}

.NewBookCtlView_container .popover-content .bookCtlView_booksize
{
    float: left;
    margin-bottom: 10px;
}

.NewBookCtlView_container .popover-content .bookCtlView_price
{
    float: right;
    margin-bottom: 10px;
}

.NewBookCtlView_container .popover-content .bookCtlView_label
{
    display: inline-block;
    padding-right: 5px;
}

.NewBookCtlView_container .popover-content .bookCtlView_text
{
    display: inline-block;
}

.NewBookCtlView_image_container
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 200px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
}

.NewBookCtlView_cover_btn_container
{
	position: absolute;
	width: 100%;
	/* top will be set by app to center */
}

.NewBookCtlView_cover_btn_container .btn
{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 5px;
	margin-bottom: 5px;
	border-color: #aaa;
}

.NewBookCtlView_title_container
{
	position: absolute;
	top: 200px;
	left: 0px;
	width: 150px;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
}

.NewBookCtlView_title_container.selected
{
	overflow: visible;
	background-color: #000;
	color: #fff;
	width: auto;
	margin-top: 3px;
	padding: 6px 8px 8px;
	z-index: 999;
	left: 0px;
	right: 0px;
	white-space: normal;
    border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.6);
}

.NewBookCtlView_cover_image
{
	position: absolute;
    cursor: pointer;
}

.NewBookCtlView_cover_highlight
{
	position: absolute;
	cursor: default;
	display: none;
}

.NewBookCtlView_container.selected .NewBookCtlView_cover_highlight
{
	background-color: #000;
	opacity: 0.20;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
	display: block;
}

.NewBookCtlView_topInfo
{
	position: absolute;
	top: 0px;
	height: 20px;
	width: 100%;
	color: white;
	text-align: center;
	background-color: #b71234;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #aaa;	
}

.NewBookCtlView_bottomInfo
{
	position: absolute;
	bottom: 0px;
	height: 20px;
	width: 100%;
	color: white;
	text-align: center;
	background-color: #b71234;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #aaa;	
}

.NewBookCtlView_progress_container
{
	position: absolute;
	bottom: 0px;
	height: 30px;
	width: 100%;
	background-color: white;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #aaa;	
}

.NewBookCtlView_progress_download_btn
{
	position: absolute;
	top: 2px;
	left: 2px;
}

.NewBookCtlView_progress_pause_btn
{
	position: absolute;
	top: 2px;
	left: 2px;
}

.NewBookCtlView_progress_remove_btn
{
	position: absolute;
	top: 2px;
	right: 2px;
}

.NewBookCtlView_progress_bar
{
	position: absolute;
	left: 18px;
	right: 18px;
	top: 5px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
}

.NewBookCtlView_progress_text
{
	position: absolute;
	width: 100%;
	font-size: 10px;
	text-align: center;
	bottom: 0px;
}

.NewBookCtlView_multiCheck
{
	position: absolute;
	cursor: pointer;
	font-size: 65px;
	color: #b71234;
	text-align: center;
	padding-top: 40%;
	left: 0;
	right: 0;
	height: 100%;
	cursor: default;
	display: none;
}

.NewBookshelfCtlView_multi-select-mode .NewBookCtlView_container .NewBookCtlView_multiCheck
{
	display: block;
	cursor: pointer;
	opacity: 0.20;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
}

.NewBookshelfCtlView_multi-select-mode .NewBookCtlView_container.selected .NewBookCtlView_multiCheck
{
	display: block;
	cursor: pointer;
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

.NewBookshelfCtlView_multi-select-mode .NewBookCtlView_container .NewBookCtlView_cover_highlight
{
	display: block;
	background-color: #fff;
	opacity: 0.60;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)";
}

.NewBookshelfCtlView_multi-select-mode .NewBookCtlView_container.selected .NewBookCtlView_cover_highlight
{
	display: none;
}

/*--------- OLD_BOOKSHELF ---------*/
/* Styles for old/deprecated bookshelf */
.bookshelfView_body
{
	/* Old Bookshelf style */
    overflow: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f5f5f5;
    box-shadow: inset 0 9px 5px -8px #757575;
}
.bookshelfView_logo
{
    float: left;
    padding: 0;
    margin: 0;
    height: 100%;
}
.bookshelfView_title
{
    float: left;
    padding: 13px 0 13px 10px;
    font-size: 16px;
	font-weight: 600;
    text-align: left;
    color: #FFF;
}
.bookshelfView_title sup
{
    font-size: 11px;
    padding: 0px;
    margin: 0 0 0 3px;
}
.bookshelfView_header111
{
    overflow: hidden;
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    /* Do not use padding here ... it causes strange stack overflow when changing books in iPad ios 4.x */
}

/*----------- BOOKSHELF -----------*/
.BookshelfView_gridBody
{
    overflow: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f5f5f5;
    box-shadow: inset 0 9px 5px -8px #757575;
}

.BookshelfView_gridBody .spinner
{
	z-index: 10
}

.BookshelfView
{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
    min-height: 250px;
	overflow: hidden;
}
.BookshelfView_gridWrapper,
.BookshelfView_listWrapper
{
	position:absolute;
	overflow-x:hidden;
	overflow-y:auto;
	z-index: 1;
	top: 28px;
	left: 28px;
	right: 28px;
	bottom: 30px;
	border: 1px solid #bfbfbf;
	background-color: #fff;
}

/* Without this the popover takes max size of .NewBookCtlView_cover_btn_container */
.BookshelfView_gridWrapper .popover
{
	width: 250px;
	min-height: 100px;
}

.BookshelfView_gridBody .titleControl
{
	z-index: 2;
}

.BookshelfView_gridBody .prevNextControl
{
	position : absolute;
	overflow : hidden;
	bottom : 2px;
	height: 26px;
}

.BookshelfView_gridBody .prevNextBtn1,
.BookshelfView_gridBody .prevNextBtn2
{
	position : relative;
	float : left;
	width : 80px;
	padding : 3px;
}

.BookshelfView_gridBody .prevNextSelection
{
	position : relative;
	float : left;
	margin-left : 8px;
	margin-right : 8px;
	text-align : center;
}


.BookshelfView_gridBody .prevNextSelectionSizes,
.BookshelfView_gridBody .prevNextSelection .spriteInputField
{
    width: 100px;
    height: 26px;
    font-size: 14px;
	text-align: center;
}

/*----------- CARD FLIP EFFECT -----------*/
.cardContainer
{
    -webkit-perspective: 1000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.card
{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1.0s;
}
.front
{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000;
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 2px 5px #ccc;
    z-index: 50;
}
.back
{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 2px 5px #ccc;
    z-index: 10;
    -webkit-transform: rotateY(180deg);
}
.flipped { -webkit-transform: rotateY(180deg) }
.flipped .back { z-index: 99 }
/*----------- CALENDAR -----------*/
#Calendar_DialogContent
{
height: 100%;
width: 100%;
background: #3d3d3d;
border-radius: 0 0 8px 8px;
}
.hidden
{
    opacity: 0;
    position: absolute;
}
.visible { opacity: 1 }
div.calendar
{
    text-align: center;
}
div.calendar.month
{
    width: 296px;
    height: 311px;
    padding: 7px;
}
div.calendar.year
{
    width: 296px;
    height: 230px;
}
.PlatformMobile div.calendar.month
{
    width: 281px;
    height: 298px;
    padding: 6px;
}
.PlatformMobile div.calendar.year
{
    width: 290px;
    height: 222px;
    padding: 6px;
}
div.calendar *
{
    margin: 0;
    padding: 0;
}
div.calendar div.calendarcontent
{
    overflow: hidden;
    position: relative;
}
div.calendar caption
{
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.2px;
    position: relative;
}
.PlatformMobile div.calendar caption
{
    font-size: 15px;
    letter-spacing: 0;
    margin: 0;
}
div.calendar.month caption { height: 37px }
div.calendar.year caption { height: 42px }
.PlatformMobile div.calendar.month caption { height: 35px }
.PlatformMobile div.calendar.year caption { height: 42px }
div.calendar caption a
{
    cursor: pointer;
    display: block;
    width: 29px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    top: 7px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
	text-decoration: none !important;
}
div.calendar caption a:hover
{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
div.calendar caption a.prev
{
    left: 3px;
}
div.calendar caption a.next
{
    right: 3px;
}
div.calendar caption span
{
    top: 6px;
    position: relative;
    text-align: center;
}
div.calendar caption span.month { padding-right: 8px }
div.calendar caption span.month:after { /*content: ', ';_NO__DOTCOMMA__AFTER__*/ }
div.calendar table
{
    border: 0;
    border-collapse: collapse;
    border-spacing: 2px;
    cursor: default;
    margin: 0 auto;
    overflow: hidden;
}
div.calendar th
{
    width: 42px;
    padding: 0 0 2px 0;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-shadow: #000 0 -1px 0px;
    text-align: center;
}
.PlatformMobile div.calendar th
{
    padding: 0 0 2px 0;
    font-size: 13px;
}
div.calendar td
{
    color: #5a5a5a;
    font-size: 15px;
}
div.calendar.month td
{
    width: 42px;
    height: 41px;
    padding-left: 2px;
}
div.calendar.year td
{
    width: 94px;
    height: 45px;
    padding-left: 3px;
}
.PlatformMobile div.calendar.month td
{
    width: 41px;
    height: 39px;
    padding-left: 1px;
}
.PlatformMobile div.calendar.year td
{
    width: 94px;
    height: 43px;
    padding-left: 2px;
}
div.calendar td div
{
    border: 1px solid #2e2e2e;
    background-color: #5a5a5a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div.calendar.month td div
{
    width: 36px;
    height: 28px;
    padding-top: 3px;
}
div.calendar.year td div
{
    width: 90px;
    height: 30px;
    line-height: 28px;
}
.PlatformMobile div.calendar.month td div
{
    width: 35px;
    height: 28px;
    line-height: 28px;
}
.PlatformMobile div.calendar.year td div
{
    width: 89px;
    height: 30px;
    padding-top: 8px;
}
div.calendar div.inactive { }
div.calendar div.invalid { color: #e5e5e5 }
div.calendar div.valid
{
    color: #000;
    cursor: pointer;
    border: 1px solid #797979;
    background: #49bad7;
}
div.calendar div.valid:hover
{
    border: 1px solid #797979;
    background: #49bad7;
}
div.calendar div.active,
div.calendar div.hilite
{
    color: #000;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #1b87d6;
    background: #49bad7;
}
/*----------- SCROLLBARS WHEN ZOOMING PAGE -----------*/
/*
.PlatformDesktop ::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    border-left: solid 1 #fff;
}
.PlatformDesktop ::-webkit-scrollbar-button:start:decrement
{
    display: block;
    height: 5px;
}
.PlatformDesktop ::-webkit-scrollbar-button:end:increment
{
    display: block;
    height: 5px;
}
.PlatformDesktop ::-webkit-scrollbar-button:vertical:increment { background-color: transparent }
.PlatformDesktop ::-webkit-scrollbar-track:enabled
{
    background-color: rgba(0, 0, 0, 0.17);
    -webkit-border-radius: 5px;
}
.PlatformDesktop ::-webkit-scrollbar-thumb:vertical
{
    height: 50px;
    background-color: rgba(0, 0, 0, .4);
    -webkit-border-radius: 5px;
}
.PlatformDesktop ::-webkit-scrollbar-thumb:horizontal
{
    width: 50px;
    background-color: rgba(0, 0, 0, .4);
    -webkit-border-radius: 5px;
}
*/
/*----------- SCROLLBARS ON THUMBNAIL PAGE SLIDER -----------*/
/*
.PlatformDesktop .thumbPanel ::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    border-left: solid 1 #fff;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-button:start:decrement
{
    display: block;
    height: 5px;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-button:end:increment
{
    display: block;
    height: 5px;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-button:vertical:increment { background-color: transparent }
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-track:enabled
{
    background-color: rgba(255, 255, 255, 0.17);
    -webkit-border-radius: 5px;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-thumb:vertical
{
    height: 50px;
    background-color: rgba(255, 255, 255, .4);
    -webkit-border-radius: 5px;
}
.PlatformDesktop .thumbPanel ::-webkit-scrollbar-thumb:horizontal
{
    width: 50px;
    background-color: rgba(255, 255, 255, .4);
    -webkit-border-radius: 5px;
}
*/
/*----------- Text Style Buttons -----------*/
.buttonText
{
    font-size: 14px;
    padding: 0.5em 1.0em;
    display: inline-block;
    width: auto;
    height: auto;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.buttonTextDefault
{
    background-color: #cede85;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: -moz-linear-gradient(#cede85, #a7bf35 70%);
    background: -o-linear-gradient(#cede85, #a7bf35 70%);
    background: -ms-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    -moz-box-shadow: #e6eec1 0 1px 0 inset;
    -webkit-box-shadow: #e6eec1 0 1px 0 inset;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
    box-shadow: #e6eec1 0 1px 0 inset;
    border: 1px solid #96ab2f;
    color: white;
}
.buttonTextDefault:hover
{
    background-color: #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -moz-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -o-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -ms-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
}
.buttonTextDefault:active
{
    -moz-box-shadow: #8b9f2c 0 1px 2px inset;
    -webkit-box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
    box-shadow: #8b9f2c 0 1px 2px inset;
}
.buttonTextInsetLight
{
    background-color: #cede85;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: -moz-linear-gradient(#cede85, #a7bf35 70%);
    background: -o-linear-gradient(#cede85, #a7bf35 70%);
    background: -ms-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    -moz-box-shadow: #e6eec1 0 1px 0 inset;
    -webkit-box-shadow: #e6eec1 0 1px 0 inset;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
    box-shadow: #e6eec1 0 1px 0 inset;
    border: 1px solid #96ab2f;
    color: white;
    text-shadow: #839629 0 -1px 0;
}
.buttonTextInsetLight:hover
{
    background-color: #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -moz-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -o-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -ms-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
}
.buttonTextInsetLight:active
{
    -moz-box-shadow: #8b9f2c 0 1px 2px inset;
    -webkit-box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
    box-shadow: #8b9f2c 0 1px 2px inset;
}
.buttonTextInsetDark
{
    background-color: #cede85;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: -moz-linear-gradient(#cede85, #a7bf35 70%);
    background: -o-linear-gradient(#cede85, #a7bf35 70%);
    background: -ms-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    -moz-box-shadow: #e6eec1 0 1px 0 inset;
    -webkit-box-shadow: #e6eec1 0 1px 0 inset;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
    box-shadow: #e6eec1 0 1px 0 inset;
    border: 1px solid #96ab2f;
    color: #333333;
    text-shadow: #cedd84 0 1px 0;
}
.buttonTextInsetDark:hover
{
    background-color: #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -moz-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -o-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -ms-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
}
.buttonTextInsetDark:active
{
    -moz-box-shadow: #8b9f2c 0 1px 2px inset;
    -webkit-box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
    box-shadow: #8b9f2c 0 1px 2px inset;
}
.buttonTextRaisedLight
{
    background-color: #cede85;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: -moz-linear-gradient(#cede85, #a7bf35 70%);
    background: -o-linear-gradient(#cede85, #a7bf35 70%);
    background: -ms-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    -moz-box-shadow: #e6eec1 0 1px 0 inset;
    -webkit-box-shadow: #e6eec1 0 1px 0 inset;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
    box-shadow: #e6eec1 0 1px 0 inset;
    border: 1px solid #96ab2f;
    color: white;
    text-shadow: #839629 0 1px 0;
}
.buttonTextRaisedLight:hover
{
    background-color: #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -moz-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -o-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -ms-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
}
.buttonTextRaisedLight:active
{
    -moz-box-shadow: #8b9f2c 0 1px 2px inset;
    -webkit-box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
    box-shadow: #8b9f2c 0 1px 2px inset;
}
.buttonTextRaisedDark
{
    background-color: #cede85;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cede85), color-stop(70%, #a7bf35));
    background: -webkit-linear-gradient(#cede85, #a7bf35 70%);
    background: -moz-linear-gradient(#cede85, #a7bf35 70%);
    background: -o-linear-gradient(#cede85, #a7bf35 70%);
    background: -ms-linear-gradient(#cede85, #a7bf35 70%);
    background: linear-gradient(#cede85, #a7bf35 70%);
    -moz-box-shadow: #e6eec1 0 1px 0 inset;
    -webkit-box-shadow: #e6eec1 0 1px 0 inset;
    -o-box-shadow: #e6eec1 0 1px 0 inset;
    box-shadow: #e6eec1 0 1px 0 inset;
    border: 1px solid #96ab2f;
    color: #333333;
    text-shadow: #cedd84 0 -1px 0;
}
.buttonTextRaisedDark:hover
{
    background-color: #96ab2f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #c6d971), color-stop(75%, #96ab2f));
    background: -webkit-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -moz-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -o-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: -ms-linear-gradient(#c6d971 3%, #96ab2f 75%);
    background: linear-gradient(#c6d971 3%, #96ab2f 75%);
}
.buttonTextRaisedDark:active
{
    -moz-box-shadow: #8b9f2c 0 1px 2px inset;
    -webkit-box-shadow: #8b9f2c 0 1px 2px inset;
    -o-box-shadow: #8b9f2c 0 1px 2px inset;
    box-shadow: #8b9f2c 0 1px 2px inset;
}

/*----------- Unstyled Button Base -----------*/
.button
{
    font-size: 14px;
    padding: 0.5em 1.0em;
    display: inline-block;
    width: auto;
    height: auto;
    cursor: pointer;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.buttonPush
{
    position: relative;
    font-size: 14px;
    padding: 0.5em 1.0em;
    display: inline-block;
    width: auto;
    height: auto;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #ccccba;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7df), color-stop(50%, #ccccba), color-stop(100%, #b6b69d));
    background: -webkit-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: -moz-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: -o-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: -ms-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    -moz-box-shadow: white 0 1px 0 inset;
    -webkit-box-shadow: white 0 1px 0 inset;
    -o-box-shadow: white 0 1px 0 inset;
    box-shadow: white 0 1px 0 inset;
    border: 1px solid #abab8e;
    color: white;
    text-shadow: #a1a180 0 -1px 0;
    -moz-box-shadow: #b2b297 0 0.4em 0px, #f3f3ef 0 1px 0 inset;
    -webkit-box-shadow: #b2b297 0 0.4em 0px, #f3f3ef 0 1px 0 inset;
    -o-box-shadow: #b2b297 0 0.4em 0px, #f3f3ef 0 1px 0 inset;
    box-shadow: #b2b297 0 0.4em 0px, #f3f3ef 0 1px 0 inset;
    border-bottom: solid 1px #ccccba;
}
.buttonPush:hover
{
    background-color: #b6b69d;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3d9), color-stop(50%, #b6b69d), color-stop(100%, #a5a585));
    background: -webkit-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: -moz-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: -o-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: -ms-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
}
.buttonPush:active
{
    -moz-box-shadow: #a5a585 0 1px 2px inset;
    -webkit-box-shadow: #a5a585 0 1px 2px inset;
    -o-box-shadow: #a5a585 0 1px 2px inset;
    box-shadow: #a5a585 0 1px 2px inset;
}
.buttonPush:active
{
    top: 0.3em;
    -moz-box-shadow: #bbbba3 0 0.2em 0px;
    -webkit-box-shadow: #bbbba3 0 0.2em 0px;
    -o-box-shadow: #bbbba3 0 0.2em 0px;
    box-shadow: #bbbba3 0 0.2em 0px;
}
.buttonInset
{
    font-size: 14px;
    padding: 0.5em 1.0em;
    display: inline-block;
    width: auto;
    height: auto;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #ccccba;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7e7df), color-stop(50%, #ccccba), color-stop(100%, #b6b69d));
    background: -webkit-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: -moz-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: -o-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: -ms-linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    background: linear-gradient(#e7e7df, #ccccba 50%, #b6b69d);
    -moz-box-shadow: white 0 1px 0 inset;
    -webkit-box-shadow: white 0 1px 0 inset;
    -o-box-shadow: white 0 1px 0 inset;
    box-shadow: white 0 1px 0 inset;
    border: 1px solid #abab8e;
    color: white;
    text-shadow: #a1a180 0 -1px 0;
    -moz-box-shadow: #bbbba3 0 0.2em 0.4em inset;
    -webkit-box-shadow: #bbbba3 0 0.2em 0.4em inset;
    -o-box-shadow: #bbbba3 0 0.2em 0.4em inset;
    box-shadow: #bbbba3 0 0.2em 0.4em inset;
    border: solid 1px #abab8e;
}
.buttonInset:hover
{
    background-color: #b6b69d;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3d9), color-stop(50%, #b6b69d), color-stop(100%, #a5a585));
    background: -webkit-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: -moz-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: -o-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: -ms-linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
    background: linear-gradient(#e3e3d9, #b6b69d 50%, #a5a585);
}
.buttonInset:active
{
    background-color: #8c8c71;
    -moz-box-shadow: #a5a585 0 1px 2px inset;
    -webkit-box-shadow: #a5a585 0 1px 2px inset;
    -o-box-shadow: #a5a585 0 1px 2px inset;
    box-shadow: #a5a585 0 1px 2px inset;
}
.buttonInset:active
{
    -moz-box-shadow: #b2b297 0 0.2em 0.4em inset;
    -webkit-box-shadow: #b2b297 0 0.2em 0.4em inset;
    -o-box-shadow: #b2b297 0 0.2em 0.4em inset;
    box-shadow: #b2b297 0 0.2em 0.4em inset;
}
.buttonSquare
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}
.buttonRounded
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.buttonOval
{
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    -khtml-border-radius: 50px;
    border-radius: 50px;
}
.buttonRed
{
    background-color: #e86a43;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0a087), color-stop(70%, #e86a43));
    background: -webkit-linear-gradient(#f0a087, #e86a43 70%);
    background: -moz-linear-gradient(#f0a087, #e86a43 70%);
    background: -o-linear-gradient(#f0a087, #e86a43 70%);
    background: -ms-linear-gradient(#f0a087, #e86a43 70%);
    background: linear-gradient(#f0a087, #e86a43 70%);
    -moz-box-shadow: #f9d6cb 0 1px 0 inset;
    -webkit-box-shadow: #f9d6cb 0 1px 0 inset;
    -o-box-shadow: #f9d6cb 0 1px 0 inset;
    box-shadow: #f9d6cb 0 1px 0 inset;
    border: 1px solid #e5582c;
    color: white;
    text-shadow: #d6471a 0 -1px 0;
}
.buttonRed:hover
{
    background-color: #e5582c;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(3%, #ee8e70), color-stop(75%, #e5582c));
    background: -webkit-linear-gradient(#ee8e70 3%, #e5582c 75%);
    background: -moz-linear-gradient(#ee8e70 3%, #e5582c 75%);
    background: -o-linear-gradient(#ee8e70 3%, #e5582c 75%);
    background: -ms-linear-gradient(#ee8e70 3%, #e5582c 75%);
    background: linear-gradient(#ee8e70 3%, #e5582c 75%);
}
.buttonRed:active
{
    -moz-box-shadow: #e44d1f 0 1px 2px inset;
    -webkit-box-shadow: #e44d1f 0 1px 2px inset;
    -o-box-shadow: #e44d1f 0 1px 2px inset;
    box-shadow: #e44d1f 0 1px 2px inset;
}
.buttonBlue
{
    background-color: #4d8ccd;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d8ccd), color-stop(100%, #3372b4));
    background: -webkit-linear-gradient(#4d8ccd, #3372b4);
    background: -moz-linear-gradient(#4d8ccd, #3372b4);
    background: -o-linear-gradient(#4d8ccd, #3372b4);
    background: -ms-linear-gradient(#4d8ccd, #3372b4);
    background: linear-gradient(#4d8ccd, #3372b4);
    -moz-box-shadow: #89b3de 0 1px 0 inset;
    -webkit-box-shadow: #89b3de 0 1px 0 inset;
    -o-box-shadow: #89b3de 0 1px 0 inset;
    box-shadow: #89b3de 0 1px 0 inset;
    border: 1px solid #2d66a0;
    color: white;
    text-shadow: #214a75 0 -1px 0;
}
.buttonBlue:hover
{
    background-color: #2d66a0;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #397fc7), color-stop(100%, #2d66a0));
    background: -webkit-linear-gradient(#397fc7, #2d66a0);
    background: -moz-linear-gradient(#397fc7, #2d66a0);
    background: -o-linear-gradient(#397fc7, #2d66a0);
    background: -ms-linear-gradient(#397fc7, #2d66a0);
    background: linear-gradient(#397fc7, #2d66a0);
}
.buttonBlue:active
{
    -moz-box-shadow: #2a5e94 0 1px 2px inset;
    -webkit-box-shadow: #2a5e94 0 1px 2px inset;
    -o-box-shadow: #2a5e94 0 1px 2px inset;
    box-shadow: #2a5e94 0 1px 2px inset;
}
.buttonGreen
{
    background-color: #8cbe5f;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #a1ca7c), color-stop(51%, #8cbe5f));
    background: -webkit-linear-gradient(#a1ca7c 50%, #8cbe5f 51%);
    background: -moz-linear-gradient(#a1ca7c 50%, #8cbe5f 51%);
    background: -o-linear-gradient(#a1ca7c 50%, #8cbe5f 51%);
    background: -ms-linear-gradient(#a1ca7c 50%, #8cbe5f 51%);
    background: linear-gradient(#a1ca7c 50%, #8cbe5f 51%);
    -moz-box-shadow: #c8e0b2 0 1px 0 inset;
    -webkit-box-shadow: #c8e0b2 0 1px 0 inset;
    -o-box-shadow: #c8e0b2 0 1px 0 inset;
    box-shadow: #c8e0b2 0 1px 0 inset;
    border: 1px solid #7fb74d;
    color: white;
    text-shadow: #5f8a38 0 -1px 0;
}
.buttonGreen:hover
{
    background-color: #7ab148;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #8fbf63), color-stop(51%, #7ab148));
    background: -webkit-linear-gradient(#8fbf63 50%, #7ab148 51%);
    background: -moz-linear-gradient(#8fbf63 50%, #7ab148 51%);
    background: -o-linear-gradient(#8fbf63 50%, #7ab148 51%);
    background: -ms-linear-gradient(#8fbf63 50%, #7ab148 51%);
    background: linear-gradient(#8fbf63 50%, #7ab148 51%);
}
.buttonGreen:active
{
    -moz-box-shadow: #77ae47 0 1px 2px inset;
    -webkit-box-shadow: #77ae47 0 1px 2px inset;
    -o-box-shadow: #77ae47 0 1px 2px inset;
    box-shadow: #77ae47 0 1px 2px inset;
}
.buttonTextBold { font-weight: 600 }

/*----------- POPUP WINDOW -----------*/
#popUpModalOverlay
{
    background: #000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}
.popUpWindow
{
    position: absolute;
    margin-bottom: 0px;
    border-radius: 12px;
    background: #fff;
    text-align: left;
}
.PlatformMobile .popUpWindow { border-radius: 0px }
.popUpWindow .header
{
    position: absolute;
    top: 0px;
    z-index: 1;
    height: 35px;
    width: 100%;
    border-radius: 8px 8px 0 0;
    background-color: #333;
    -webkit-background-clip: padding-box;
}
.PlatformMobile .popUpWindow .header { border-radius: 0px }
.popUpWindow .header span.titleText
{
    position: absolute;
    top: 9px;
    left: 20px;
    display: block;
    font-weight: normal;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}
.popUpWindow div.content
{
    position: absolute;
    width: 100%;
}
.popUpWindow div.contentHolder
{
    position: absolute;
    width: 100%;
    height: 100%;
}
.popUpWindow .footer
{
    position: absolute;
    bottom: 0px;
    height: 50px;
    width: 100%;
    font-size: 20px;
    border-radius: 0 0 8px 8px;
    background-color: #333;
}
.PlatformMobile .popUpWindow .footer
{
	border-radius: 0px;
}
/*----------- POPUP WINDOW - PLATFORM DESKTOP STYLES -----------*/
.PlatformDesktop .popUpWindow .header { }
.PlatformDesktop .popUpWindow .header span.titleText { }
.popUpWindow .header div.closeIcon
{
    position: absolute;
    top: 3px;
    right: 8px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
}
.popUpWindow .header div.maximizeIcon
{
    position: absolute;
    top: 4px;
    right: 41px;
    cursor: pointer;
    font-size: 23px;
    color: #fff;
}
.popUpWindow .header div.restoreIcon
{
    position: absolute;
    top: 4px;
    right: 41px;
    cursor: pointer;
    font-size: 23px;
    color: #fff;
}
.PlatformTablet .popUpWindow .header div.closeIcon:hover .glyphicon,
.PlatformTablet7 .popUpWindow .header div.closeIcon:hover .glyphicon,
.PlatformMobile .popUpWindow .header div.closeIcon:hover .glyphicon,
.PlatformTablet .popUpWindow .header div.maximizeIcon:hover .glyphicon,
.PlatformTablet7 .popUpWindow .header div.maximizeIcon:hover .glyphicon,
.PlatformMobile .popUpWindow .header div.maximizeIcon:hover .glyphicon,
.PlatformTablet .popUpWindow .header div.restoreIcon:hover .glyphicon,
.PlatformTablet7 .popUpWindow .header div.restoreIcon:hover .glyphicon,
.PlatformMobile .popUpWindow .header div.restoreIcon:hover .glyphicon
{
	color: #ddd
}
.PlatformDesktop .popUpWindow .header div.closeIcon:hover,
.PlatformDesktop .popUpWindow .header div.maximizeIcon:hover,
.PlatformDesktop .popUpWindow .header div.restoreIcon:hover
{
	color: #fff;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.PlatformDesktop .popUpWindow .header div.closeIcon:active,
.PlatformTablet .popUpWindow .header div.closeIcon:active,
.PlatformTablet7 .popUpWindow .header div.closeIcon:active,
.PlatformMobile .popUpWindow .header div.closeIcon:active,
.PlatformDesktop .popUpWindow .header div.maximizeIcon:active,
.PlatformTablet .popUpWindow .header div.maximizeIcon:active,
.PlatformTablet7 .popUpWindow .header div.maximizeIcon:active,
.PlatformMobile .popUpWindow .header div.maximizeIcon:active,
.PlatformDesktop .popUpWindow .header div.restoreIcon:active,
.PlatformTablet .popUpWindow .header div.restoreIcon:active,
.PlatformTablet7 .popUpWindow .header div.restoreIcon:active,
.PlatformMobile .popUpWindow .header div.restoreIcon:active
{ 
	color: #999
}
.PlatformDesktop .popUpWindow .footer { }
.PlatformDesktop .popUpWindow  div.resizeIcon
{
    position: absolute;
    right: 7px;
    bottom: 7px;
    cursor: se-resize;
    background: url(../images/popup/default/popup_desktop_resize.png?TotWidth=15&TotHeight=64&ImgWidth=15&ImgHeight=16); /* SpriteButton formst */
}
/*----------- POPUP WINDOW - PLATFORM TABLET STYLES -----------*/
.PlatformTablet .popUpWindow
{
    -moz-box-shadow: 0 15px 30px 10px rgba(0,0,0,.45);
    -webkit-box-shadow: 0 15px 30px 10px rgba(0,0,0,.45);
    box-shadow: 0 15px 30px 10px rgba(0,0,0,.45);
}
.PlatformTablet .popUpWindow .footer,
.PlatformTablet7 .popUpWindow .footer { }
.PlatformTablet .popUpWindow  div.resizeIcon,
.PlatformTablet7 .popUpWindow  div.resizeIcon
{
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_tablet_resize.png?TotWidth=40&TotHeight=208&ImgWidth=40&ImgHeight=52); /* SpriteButton formst */
}
/*----------- POPUP WINDOW - PLATFORM MOBILE STYLES -----------*/
.PlatformMobile .popUpWindow
{
}
.PlatformMobile .popUpWindow .header
{
    position: absolute;
    top: 0px;
    height: 50px;
    width: 100%;
}
.PlatformMobile .popUpWindow .header span.titleText
{
    top: 12px;
    left: 20px;
    font-size: 22px;
}
.PlatformMobile .popUpWindow .header div.closeIcon
{
    position: absolute;
    top: 8px;
    right: 6px;
    color: #fff;
    font-size: 28px;
}
.PlatformMobile .popUpWindow  div.resizeIcon
{
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_tablet_resize.png?TotWidth=40&TotHeight=208&ImgWidth=40&ImgHeight=52); /* SpriteButton formst */
}
.widgetWindow
{
    position: absolute;
    margin-bottom: 0px;
    background: transparent;
    text-align: left;
}
.widgetWindow .header
{
    position: absolute;
    top: 0px;
    z-index: 1;
    left: 0px;
    height: 0px;
    width: 100%;
    background: transparent;
}
.widgetWindow .header span.titleText
{
    position: absolute;
    top: 9px;
    left: 20px;
    display: block;
    font-weight: normal;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}
.widgetWindow div.content
{
    position: absolute;
    width: 100%;
}
.widgetWindow div.contentHolder
{
    position: absolute;
    width: 100%;
    height: 100%;
}
.widgetWindow div.anchor.top-menu
{
    position: absolute;
    background: url(../images/widget/anchorTopMenu@2x.png?TotWidth=58&TotHeight=80&ImgWidth=58&ImgHeight=20);
}
.widgetWindow div.anchor.left
{
    position: absolute;
    background: url(../images/widget/anchorLeft@2x.png?TotWidth=20&TotHeight=232&ImgWidth=20&ImgHeight=58);
}
.widgetWindow div.anchor.right
{
    position: absolute;
    background: url(../images/widget/anchorRight@2x.png?TotWidth=20&TotHeight=232&ImgWidth=20&ImgHeight=58);
}
.widgetWindow div.anchor.bottom-menu
{
    position: absolute;
    background: url(../images/widget/anchorBottomMenu@2x.png?TotWidth=58&TotHeight=80&ImgWidth=58&ImgHeight=20);
}
.widgetWindow .footer
{
    position: absolute;
    bottom: 0px;
    left: -1px;
    height: 50px;
    width: 100%;
    font-size: 20px;
    border-radius: 0 0 8px 8px;
    background-color: #52A8E8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #3f3f3f));
    background-image: -webkit-linear-gradient(top, #666666, #3f3f3f);
    background-image: -moz-linear-gradient(top, #666666, #3f3f3f);
    background-image: -ms-linear-gradient(top, #666666, #3f3f3f);
    background-image: -o-linear-gradient(top, #666666, #3f3f3f);
    background-image: linear-gradient(top, #666666, #3f3f3f);
    border: 1px solid #2a2a2a;
    -webkit-box-shadow: inset 0 1px 0 0 #62615d;
    -moz-box-shadow: inset 0 1px 0 0 #62615d;
    box-shadow: inset 0 1px 0 0 #62615d;
    -webkit-background-clip: padding-box;
}
.top-left .header,
.top-center .header,
.left-top .header
{
    top: initial;
    left: initial;
    right: 0px;
    bottom: 22px;
    margin-right: -22px;
}
.top-right .header,
.right-top .header
{
    top: initial;
    left: 0px;
    right: initial;
    bottom: 22px;
    margin-left: -22px;
}
.bottom-left .header,
.bottom-center .header,
.left-center .header,
.left-bottom .header,
.center .header
{
    top: -22px;
    left: initial;
    right: 0px;
    bottom: initial;
    margin-right: -22px;
}
.bottom-right .header,
.right-center .header,
.right-bottom .header
{
    top: -22px;
    left: 0px;
    right: initial;
    bottom: initial;
    margin-left: -22px;
}
.widgetWindow .header div.closeIcon .btnDefaultText.glyphicon-remove
{
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    padding: 5px;
    background: #333;
    border-radius: 24px;
    border: 5px solid #fff;
    float: right;
	width: auto;
	height: auto;
}
.widgetWindow.bottom-right .header div.closeIcon,
.widgetWindow.right-center .header div.closeIcon,
.widgetWindow.right-bottom .header div.closeIcon,
.widgetWindow.top-right .header div.closeIcon,
.widgetWindow.right-top .header div.closeIcon { float: left }
.widgetWindow .header div.closeIcon .btnDefaultText.glyphicon-remove:hover
{
    color: #ddd;
    border: 5px solid #ddd;
}
.widgetWindow .header div.closeIcon .btnDefaultText.glyphicon-remove:active
{
    color: #999;
    border: 5px solid #999;
}
/*----------- WIDGET WINDOW - PLATFORM DESKTOP STYLES -----------*/
.PlatformDesktop .widgetWindow  div.resizeIcon
{
    position: absolute;
    right: 7px;
    bottom: 7px;
    cursor: se-resize;
    background: url(../images/popup/default/popup_desktop_resize.png?TotWidth=15&TotHeight=64&ImgWidth=15&ImgHeight=16);
}
/*----------- WIDGET WINDOW - PLATFORM TABLET STYLES -----------*/
.PlatformTablet .widgetWindow .header span.titleText,
.PlatformTablet7 .widgetWindow .header span.titleText
{
    top: 12px;
    left: 20px;
    font-size: 22px;
}
.PlatformTablet .widgetWindow  div.resizeIcon,
.PlatformTablet7 .widgetWindow  div.resizeIcon
{
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_tablet_resize.png?TotWidth=40&TotHeight=208&ImgWidth=40&ImgHeight=52);
}
/*----------- WIDGET WINDOW - PLATFORM MOBILE STYLES -----------*/
.PlatformMobile .widgetWindow
{
    -moz-box-shadow: 0 8px 20px 0px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 8px 20px 0px rgba(0,0,0,.25);
    box-shadow: 0 8px 20px 0px rgba(0,0,0,.25);
}
.PlatformMobile .widgetWindow .header span.titleText
{
    top: 12px;
    left: 20px;
    font-size: 22px;
}
/*----------- All Widget Instances Where The Header and Close Need To Move To The Bottom -----------*/
.PlatformMobile .widgetWindow.IFrameWidget.top-left .header,
.PlatformMobile .widgetWindow.IFrameWidget.top-center .header,
.PlatformMobile .widgetWindow.IFrameWidget.top-right .header,
.PlatformMobile .widgetWindow.IFrameWidget.top-full .header { }
.PlatformMobile .widgetWindow  div.resizeIcon
{
    position: absolute;
    right: 7px;
    bottom: 7px;
    background: url(../images/popup/default/popup_tablet_resize.png?TotWidth=40&TotHeight=208&ImgWidth=40&ImgHeight=52);
}
.confirmation
{
    font-size: 12px;
    width: 250px;
    height: 220px;
    background: url(../images/textures/transparent_black.png) repeat;
    color: white;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 0 15px 40px 10px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 15px 40px 10px rgba(0, 0, 0, .35);
    box-shadow: 0 15px 40px 10px rgba(0, 0, 0, .35);
}
.confirmation .confirmation_title
{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 1.75em;
    color: white;
    cursor: default;
    padding: 0em;
    margin: 0em;
}
.confirmation .confirmation_content
{
    padding: 1em 1.75em;
    margin: 0em;
}
.confirmation .confirmation_message { padding-left: 48px }

/*-----------SLIDEIN TAB VIEW -----------*/
.tabClose
{
    position: absolute;
    top: 3px;
    right: 6px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.tabClose .btnDefaultText
{
    font-size: 24px;
    color: #fff;
}
.tabClose:hover
{
	color: #fff;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.tabClose:active { color: #999 }
.tabTitle
{
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2px;
    position: absolute;
    top: 7px;
    right: 60px;
    left: 60px;
    height: 38px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.tab-control
{
    position: absolute;
    overflow: visible;
    padding: 0px;
    margin: 0px;
    width: 300px;
}
.ToolbarAtTop .tab-control
{
    top: 58px;
    bottom: 9px;
}
.ToolbarAtBottom .tab-control
{
    top: 9px;
    bottom: 60px;
}
.tab-control.tab-bar-rotate-270
{
    margin-left: 28px;
    left: -300px;
}
.tab-control.tab-bar-rotate-90
{
    margin-right: 28px;
    right: -300px;
}
.tab-bar-rotate-270 .tab-panel-wrapper
{
    position: absolute;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    left: 0px;
    right: 28px;
    top: 0;
    height: 100%;
}
.tab-bar-rotate-90 .tab-panel-wrapper
{
    position: absolute;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    left: 28px;
    right: 0px;
    top: 0;
    height: 100%;
}
.tab-panel
{
    position: absolute;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #393939;
}
leftslideintabview .tab-panel
{
    -webkit-border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    -ms-border-radius: 0 7px 7px 0;
    -o-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
}
rightslideintabview .tab-panel
{
    -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    -ms-border-radius: 7px 0 0 7px;
    -o-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px;
}
.PlatformMobile.PlatformPortrait leftslideintabview .tab-panel,
.PlatformMobile.PlatformPortrait rightslideintabview .tab-panel
{
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    -o-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}
.tab-panel-content
{
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 5px 6px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tab-panel-wrapper-pin
{
    position: absolute;
    top: 6px;
    right: 32px;
    z-index: 301;
}
.tab-bar
{
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    top: 0;
    width: 28px;
    margin-left: 0px;
}
.PlatformTablet .tab-bar, .PlatformTablet7 .tab-bar
{
	top: 15px;
}
.tab-bar-wrapper2
{
    position: absolute;
    overflow: visible;
    padding: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    width: 2000px;
    height: 28px;
}
.tab-bar-wrapper1
{
    position: absolute;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tab-bar-wrapper1 ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
leftslideintabview .tab-bar-wrapper1 li { padding: 3px 8px 5px }
rightslideintabview .tab-bar-wrapper1 li
{
    padding: 5px 8px 3px;
    -moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}
.tab-panel, #SearchTabView_Content.SearchResults .searchSlider
{
    background-color: #333;
}
.tab-bar-wrapper1 li
{
    color: #fff;
    background-color: #272727; /* Color of unselected tab */
    border: none;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    margin: 4px 2px;
    text-align: center;
}
.tab-bar-wrapper1 li:hover:not(.tab-selected)
{
    background-color: #333; /* Hover color of unselected tab */
	margin-top: 0px;
}
.tab-bar-wrapper1 li.tab-selected
{
    color: #777;
    background-color: #333; /* Color of selected tab - should match each panel's background color */
}
.tab-bar-wrapper1 li.tab-spacer
{
    border-style: none;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}
.tab-bar-rotate-270 .tab-bar { right: 0px }
.tab-bar-rotate-90 .tab-bar { left: 0px }
.tab-bar-rotate-270.standard .tab-bar-wrapper1
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    top: -28px;
    margin-left: 0px;
}
.tab-bar-rotate-90.standard .tab-bar-wrapper1
{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    top: -28px;
    left: 8px;
    margin-left: -1980px;
}
.tab-bar-rotate-270.ie8 .tab-bar-wrapper1
{
    /* IE8 rotation filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=-1, M21=1, M22=0,sizingMethod='auto expand')";
    margin-left: 0px;
}
.tab-bar-rotate-90.ie8 .tab-bar-wrapper1
{
    /* IE8 rotation filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0,sizingMethod='auto expand')";
    left: 100%;
    margin: 0px 0px 0px -2000px;
}
.tab-bar-rotate-270 .tab-bar-wrapper1 li { float: left }
.tab-bar-rotate-90 .tab-bar-wrapper1 li { float: right }

/*----------- Product based styles -----------*/
.ProductNews .tocContentsTable a
{
    color: #222;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}
.ProductNews .tocContentsTable a:hover
{
    color: #777;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}
.ProductNews .tocContentsTable
{
    width: 100%;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
}
.ProductNews .tocContentsTable td:before
{
    float: left;
    width: 0;
    white-space: nowrap;
}
.ProductNews .tocContentsTable span:first-child
{
    padding-right: 0.33em;
}
.ProductNews .tocContentsTable span + span
{
    float: right;
    padding-left: 0.33em;
}
.ProductNews .ImageWidget { border: 5px solid #fff }
.ProductNews #CustomHeader .ImageWidget { border: 0px }
/*----------- BOOTSTRAP OVERRIDE -----------*/
.progress-bar { transition: none !important; -webkit-transition: none !important; }
.PlatformTablet7 .visible-xs { display: none !important; }
.PlatformTablet7 .hidden-xs { display: block !important; }
.form-control:focus { border-color: #008fc5 !important }
.progress-bar { background-color: #008fc5 }
.btn:active,
.btn.active
{
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.425);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.425);
}
.btn-default
{
    color: #fff;
    background-color: #666;
    border-color: transparent;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default
{
    color: #fff;
    background-color: #999;
    border-color: transparent;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { background-image: none }
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active
{
    opacity: .5;
	color: #fff;
	background-color: #999;
	border-color: transparent;
    filter: alpha(opacity=50);
}
.btn-default .badge
{
    color: #fff;
    background-color: #666;
}
.btn-primary
{
    color: #fff;
    background-color: #333;
    border-color: transparent;
}
.glyph-primary { color: #333 }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary
{
    color: #fff;
    background-color: #555;
    border-color: transparent;
}
.glyph-primary:hover,
.glyph-primary:focus,
.glyph-primary:active,
.glyph-primary.active,
.open .dropdown-toggle.glyph-primary { color: #555 }
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { background-image: none }
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active
{
    opacity: .5;
    color: #fff;
    background-color: #333;
    border-color: transparent;
    filter: alpha(opacity=50);
}
.btn-primary .badge
{
    color: #333;
    background-color: #fff;
}
/*----------- BUTTON PADDING -----------*/
.btn-wide { padding: 6px 36px }
/*----------- MOBILE MENU -----------*/
.PlatformMobile .mobilemenubtn,
.PlatformMobile .tbRight .tbButton
{
    /*position: absolute;*/
    top: 0px;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
}
.PlatformMobile .tbRight .mobilemenubtn
{
    right: 0px;
    margin-right: 15px;
}
.PlatformMobile .tbLeft .mobilemenubtn
{
    left: 0px;
    margin-left: 15px;
}
.PlatformMobile .mobilemenubtn .icon-bar
{
    display: block;
    margin-top: 4px;
    width: 22px;
    height: 2px;
    background-color: #fff;
}
.PlatformMobile .tbRight .tbButton .btnDefaultText
{
	display: none;
}
.PlatformMobile .tbLeft .tbButton .btnDefaultText
{
    display: none;
}
.PlatformMobile .tbContainer .navbar-collapse
{
    max-height: none;
    height: auto !important;
    padding-right: 0px;
    padding-left: 0px;
    border-top: none;
    box-shadow: none;
}
.PlatformMobile .tbContainer
{
    height: 55px;
    overflow: visible;
}
.PlatformMobile .tbCenterWrapper .tbCenter .tbSpacer { width: 0px !important }
.PlatformMobile .tbCenterWrapper
{
    position: absolute;
    top: 55px;
    bottom: 50px;
    width: 100%;
    padding: 15px 0px 15px 0px;
    background-color: #333;
    display: none;
}
.PlatformMobile .androidWrapper
{
    overflow-y: auto;
    overflow-x: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
    padding-bottom: 30px;
}
.PlatformMobile .tbCenterWrapper .tbCenter
{
    position: static;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    height: 100%;
}
.PlatformMobile .tbCenterWrapper .tbButton.spriteButton
{
    background-color: #333;
    padding-right: 90%;
    padding-left: 25px;
    cursor: pointer;
    line-height: 49px !important;
    padding-top: 5px;
}
.PlatformMobile .tbCenterWrapper .tbButton:hover,
.PlatformMobile .tbCenterWrapper .tbButton:focus { background-color: #555 }
.PlatformMobile .tbCenterWrapper .tbButton:active { background-color: #222 }
.PlatformMobile .tbCenterWrapper .tbButton:hover > div:nth-child(2)
{
    background-position-y: -49px;
    color: #ccc;
}
.PlatformMobile .tbPageInput
{
    background-color: #333;
    width: 320px !important;
    padding-left: 35px;
}
.PlatformMobile .tbCenterWrapper .tbCenter .tbButton .btnDefaultText
{
    color: #fff;
    position: absolute;
    float: right;
    white-space: nowrap;
    padding-left: 100px;
    width: auto !important;
	margin-top: -5px !important;
    height: 0px;
}
.PlatformMobile .tbCenterWrapper .tbButton > div
{
    float: left;
    position: relative;
}
.PlatformMobile .tbCenterWrapper .tbButton:hover .btnDefaultText { color: #ccc }
.PlatformMobile .tbCenterWrapper .btnCartText,
.PlatformMobile .tbCenterWrapper .btnWishlistText,
.PlatformMobile .tbCenterWrapper .btnBookmarksText,
.PlatformMobile .tbCenterWrapper .btnWishlistText0
{
    margin-top: 0px !important;
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: left;
    line-height: 0px !important;
}
.PlatformMobile .tbPageInput .spriteInputField
{
    position: absolute;
    text-align: center;
    top: 25%;
    height: 50%;
    width: 100%;
    padding: 0px;
    border-style: none;
    background-color: #fff;
    -webkit-appearance: caret;
    left: initial;
}
.PlatformMobile .tbRight .tbButton
{
    margin-top: 0px;
}

.PlatformMobile .tbLeft .tbButton
{
    margin-top: 8px;
    margin-left: 50px;
}
.PlatformMobile #BookshelfView .tbLeft .tbButton
{
    margin-top: 0px;
}
.PlatformMobile #tbSocial
{
    position: fixed;
    background-color: #272727;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    width: 100%;
    text-align: center;
    z-index: 9999;
    display: none;
}
.PlatformMobile #tbSocial div
{
    display: inline-block;
    width: 38px;
    height: 35px;
    margin-top: 8px;
}
.PlatformMobile #tb-facebook_icon:hover,
.PlatformMobile #tb-facebook_icon:focus,
.PlatformMobile #tb-facebook_icon:active { background-color: #3b5998 }
.PlatformMobile #tb-twitter_icon:hover,
.PlatformMobile #tb-twitter_icon:focus,
.PlatformMobile #tb-twitter_icon:active { background-color: #4ec2dc }
.PlatformMobile #tb-rss_icon:hover,
.PlatformMobile #tb-rss_icon:focus,
.PlatformMobile #tb-rss_icon:active { background-color: #FF9800 }
.PlatformMobile #tb-flickr_icon:hover,
.PlatformMobile #tb-flickr_icon:focus,
.PlatformMobile #tb-flickr_icon:active { background-color: #f90784 }
.PlatformMobile #tb-youtube_icon:hover,
.PlatformMobile #tb-youtube_icon:focus,
.PlatformMobile #tb-youtube_icon:active { background-color: #DF1F1C }
.PlatformMobile #tb-pinterest_icon:hover,
.PlatformMobile #tb-pinterest_icon:focus,
.PlatformMobile #tb-pinterest_icon:active { background-color: #CB2528 }
.PlatformMobile #tb-instagram_icon:hover,
.PlatformMobile #tb-instagram_icon:focus,
.PlatformMobile #tb-instagram_icon:active { background-color: #517fa4 }
.PlatformMobile #tb-google_icon:hover,
.PlatformMobile #tb-google_icon:focus,
.PlatformMobile #tb-google_icon:active { background-color: #d73d32 }
/*----------- MOBILE OVERRIDE -----------*/
.PlatformMobile .panel-title { font-size: 14px }

/*----------- TABLET MENU -----------*/
.PlatformTablet #btnLibraryText,
.PlatformTablet #btnTocToggleText,
.PlatformTablet #btnThumbText,
.PlatformTablet .btnBookmarksText,
.PlatformTablet #btnShareText,
.PlatformTablet .btnCartText,
.PlatformTablet #btnBookHistoryText,
.PlatformTablet #btnHelpText,
.PlatformTablet #btnPrevPageText,
.PlatformTablet #btnNextPageText,
.PlatformTablet #btnResultsToggleText
{
font-size: 9px;
color: #fff;
width: 66px;
height: auto;
line-height: 9px;
text-align: center;
position: absolute;
bottom: 3px;
}

/*----------- TABLET7 MENU -----------*/
.PlatformTablet7 .mobilemenubtn
{
    position: relative;
    top: 0px;
    right: 0px;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: none;
}
.PlatformTablet7 .mobilemenubtn .icon-bar
{
    display: block;
    margin-top: 4px;
    width: 22px;
    height: 2px;
    background-color: #fff;
}
.PlatformTablet7 .tbRight .tbButton .btnDefaultText
{
	display: none;
}
.PlatformTablet7 .tbContainer .navbar-collapse
{
    max-height: none;
    padding-right: 0px;
    padding-left: 0px;
    border-top: none;
    box-shadow: none;
}
.PlatformTablet7 .tbContainer
{
    height: 55px;
    overflow: visible;
	z-index: 1100;
}
.PlatformTablet7 .androidWrapper .tbCenter .tbSpacer { width: 0px !important }
.PlatformTablet7 .tbCenterWrapper
{
    position: absolute;
    top: 55px;
    bottom: 50px;
    width: 100%;
	height: initial !important;
    padding: 15px 0px 15px 0px;
    background-color: #333;
    display: none;
	overflow-x: hidden;
	overflow-y: hidden;
}
.PlatformTablet7 .androidWrapper
{
    overflow-y: hidden;
    overflow-x: hidden;
}
.PlatformTablet7.PlatformLandscape .androidWrapper
{
	padding-left: 18%;
}
.PlatformTablet7 .tbCenter
{
    position: static;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    height: 100%;
}
.PlatformTablet7 .tbCenterWrapper .tbButton.spriteButton
{
    padding-right: 40%;
    padding-left: 25px;
    cursor: pointer;
    padding-top: 5px;
}
.PlatformTablet7 .tbCenterWrapper .tbButton:hover,
.PlatformTablet7 .tbCenterWrapper .tbButton:focus { background-color: #555 }
.PlatformTablet7 .tbCenterWrapper .tbButton:active { background-color: #222 }
.PlatformTablet7 .tbCenterWrapper .tbButton:hover > div:nth-child(2)
{
    background-position-y: -49px;
    color: #ccc;
}
.PlatformTablet7 .tbPageInput
{
    background-color: #333;
    width: 320px !important;
    padding-left: 35px;
}
.PlatformTablet7 .tbCenter .tbButton .btnDefaultText
{
    color: #fff;
    position: absolute;
    display: inline;
    float: right;
    white-space: nowrap;
    padding-top: 10px;
    height: 0px;
    width: auto;
}
.PlatformTablet7 .tbCenterWrapper .tbButton > div
{
    float: left;
    position: relative;
}
.PlatformTablet7 .tbButton:hover .btnDefaultText { color: #ccc }
.PlatformTablet7 .btnCartText,
.PlatformTablet7 .btnWishlistText,
.PlatformTablet7 .btnBookmarksText,
.PlatformTablet7 .btnWishlistText0
{
    margin-top: 0px !important;
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: left;
    line-height: 0px !important;
}
.PlatformTablet7 .tbPageInput .spriteInputField
{
    position: absolute;
    text-align: center;
    top: 25%;
    height: 50%;
    width: 100%;
    padding: 0px;
    border-style: none;
    background-color: #fff;
    -webkit-appearance: caret;
    left: initial;
}
.PlatformTablet7 .tbRight .tbButton
{
    margin-top: 8px;
}
.PlatformTablet7 #BookshelfView .tbRight .tbButton
{
    margin-top: 0px;
}
.PlatformTablet7 #tbSocial
{
    position: absolute;
    background-color: #272727;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    width: 100%;
    text-align: center;
    z-index: 9999;
    display: none;
}
.PlatformTablet7 #tbSocial div
{
    display: inline-block;
    width: 38px;
    height: 35px;
    margin-top: 8px;
}
.PlatformTablet7 #tb-facebook_icon:hover,
.PlatformTablet7 #tb-facebook_icon:focus,
.PlatformTablet7 #tb-facebook_icon:active
{
	background-color: #3b5998;
}
.PlatformTablet7 #tb-twitter_icon:hover,
.PlatformTablet7 #tb-twitter_icon:focus,
.PlatformTablet7 #tb-twitter_icon:active 
{ 
	background-color: #4ec2dc;
}
.PlatformTablet7 #tb-rss_icon:hover,
.PlatformTablet7 #tb-rss_icon:focus,
.PlatformTablet7 #tb-rss_icon:active 
{ 
	background-color: #FF9800;
}
.PlatformTablet7 #tb-flickr_icon:hover,
.PlatformTablet7 #tb-flickr_icon:focus,
.PlatformTablet7 #tb-flickr_icon:active 
{
	background-color: #f90784;
}
.PlatformTablet7 #tb-youtube_icon:hover,
.PlatformTablet7 #tb-youtube_icon:focus,
.PlatformTablet7 #tb-youtube_icon:active 
{
	background-color: #DF1F1C;
}
.PlatformTablet7 #tb-pinterest_icon:hover,
.PlatformTablet7 #tb-pinterest_icon:focus,
.PlatformTablet7 #tb-pinterest_icon:active 
{
	background-color: #CB2528;
}
.PlatformTablet7 #tb-instagram_icon:hover,
.PlatformTablet7 #tb-instagram_icon:focus,
.PlatformTablet7 #tb-instagram_icon:active 
{
	background-color: #517fa4;
}
.PlatformTablet7 #tb-google_icon:hover,
.PlatformTablet7 #tb-google_icon:focus,
.PlatformTablet7 #tb-google_icon:active 
{
	background-color: #d73d32;
}

/*----------- CROP MENU -----------*/
/*----------- LIBSHARE MENU -----------*/

.tbTextButton.CropAcceptBtn,
.tbTextButton.LibShareContinueBtn
{
	background-color: #9dbe5a;
}
.tbTextButton.CropDoneBtn,
.tbTextButton.LibShareCancelBtn
{
	background-color: #df4f4f;
}
.PlatformMobile.PlatformPortrait .tbLabel.LibShareLabel
{
	display: none;
}

/*----------- DARK TOOLBAR BUTTON STYLES -----------*/
.DarkToolbarButtonStyle.PlatformDesktop .tbContainer,
.DarkToolbarButtonStyle .bookshelfView_header
{background: #fff;}

.DarkToolbarButtonStyle.PlatformMobile .tbContainer,
.DarkToolbarButtonStyle.PlatformTablet .tbContainer,
.DarkToolbarButtonStyle.PlatformTablet7 .tbContainer
{background: #fff;}

.DarkToolbarButtonStyle .titleControl .center
{background-color: #4d4d4d;}

.DarkToolbarButtonStyle .pageHistLeft .pageCtlButton
{background-color: #4d4d4d;}

.DarkToolbarButtonStyle.PlatformDesktop .btnCartText,
.DarkToolbarButtonStyle.PlatformDesktop .btnWishlistText,
.DarkToolbarButtonStyle.PlatformDesktop .btnWishlistText0
{color: #fff;}

.DarkToolbarButtonStyle.PlatformDesktop .btnCart:hover .btnCartText,
.DarkToolbarButtonStyle.PlatformDesktop .btnWishlist:hover .btnWishlistText,
.DarkToolbarButtonStyle.PlatformDesktop .btnWishlist:hover .btnWishlistText0
{color: #fff;}

.DarkToolbarButtonStyle.PlatformDesktop .btnBookmarks .btnWishlistText0,
.DarkToolbarButtonStyle.PlatformDesktop .btnBookmarks .btnWishlistText
{color: #4d4d4d;}

.DarkToolbarButtonStyle.PlatformDesktop .btnBookmarks:hover .btnWishlistText0,
.DarkToolbarButtonStyle.PlatformDesktop .btnBookmarks:hover .btnWishlistText,
{color: #1a1a1a;}

.DarkToolbarButtonStyle .tbComboLabel
{color: #555;}

.DarkToolbarButtonStyle.PlatformMobile .mobilemenubtn .icon-bar,
.DarkToolbarButtonStyle.PlatformTablet7 .mobilemenubtn .icon-bar
{background-color: #000;}

.DarkToolbarButtonStyle.PlatformTablet .tbButton .btnDefaultText,
.DarkToolbarButtonStyle.PlatformTablet .btnBookmarksText,
.DarkToolbarButtonStyle.PlatformTablet .btnCartText
{color: #4d4d4d;}

.DarkToolbarButtonStyle.PlatformDesktop.High .tbLabel,
.DarkToolbarButtonStyle.PlatformDesktop.Med .tbLabel,
.DarkToolbarButtonStyle.PlatformDesktop.Low .tbLabel
{color: #4d4d4d;}

/*----------- LIGHT TOOLBAR BUTTON STYLES -----------*/
.LightToolbarButtonStyle.PlatformDesktop .tbContainer,
.LightToolbarButtonStyle .bookshelfView_header
{background: #4d4d4d;}

.LightToolbarButtonStyle.PlatformMobile .tbContainer,
.LightToolbarButtonStyle.PlatformTablet .tbContainer,
.LightToolbarButtonStyle.PlatformTablet7 .tbContainer
{background: #4d4d4d;}

.LightToolbarButtonStyle .titleControl .center
{background-color: #4d4d4d;}

.LightToolbarButtonStyle .pageHistLeft .pageCtlButton
{background-color: #4d4d4d;}

.LightToolbarButtonStyle.PlatformDesktop .btnCartText,
.LightToolbarButtonStyle.PlatformDesktop .btnWishlistText,
.LightToolbarButtonStyle.PlatformDesktop .btnWishlistText0
{color: #4d4d4d;}

.LightToolbarButtonStyle.PlatformDesktop .btnCart:hover .btnCartText,
.LightToolbarButtonStyle.PlatformDesktop .btnWishlist:hover .btnWishlistText,
.LightToolbarButtonStyle.PlatformDesktop .btnWishlist:hover .btnWishlistText0
{color: #4d4d4d;}

.LightToolbarButtonStyle.PlatformDesktop .btnBookmarks .btnWishlistText0,
.LightToolbarButtonStyle.PlatformDesktop .btnBookmarks .btnWishlistText
{color: #fff;}

.LightToolbarButtonStyle.PlatformDesktop .btnBookmarks:hover .btnWishlistText0,
.LightToolbarButtonStyle.PlatformDesktop .btnBookmarks:hover .btnWishlistText
{color: #ccc;}

.LightToolbarButtonStyle .tbComboLabel
{color: #fff;}

.LightToolbarButtonStyle.PlatformMobile .mobilemenubtn .icon-bar,
.LightToolbarButtonStyle.PlatformTablet7 .mobilemenubtn .icon-bar
{background-color: #ccc;}

.LightToolbarButtonStyle.PlatformTablet .tbButton .btnDefaultText,
.LightToolbarButtonStyle.PlatformTablet .btnBookmarksText,
.LightToolbarButtonStyle.PlatformTablet .btnCartText
{color: #fff;}

.LightToolbarButtonStyle.PlatformDesktop.High .tbLabel,
.LightToolbarButtonStyle.PlatformDesktop.Med .tbLabel,
.LightToolbarButtonStyle.PlatformDesktop.Low .tbLabel
{color: #fff;}
.PlatformMobile #social-tabs-container { display: none !important; }

/* Reset */
.dxsoc ul, .dxsoc li, .dxsoc h3 {
	padding: 0; 
	margin: 0; 
	list-style: none!important;
}

/* fix to make controls stay up instead of on hover */
#social-tabs .controls {
	display: block !important;
	width: 94.5%;
}

/* Main widget styles */
.dxsoc {
	font-size: 12px;
	color: #666;
	position: absolute !important;
}
.active.dxsoc .dxsoc-slider {
	padding: 0;
	height: 100%;
}
.dxsoc a {
	text-decoration:none;
}
.dxsoc-content {
	position: relative;
	height: 100%;
}

/* Tabs */
.ToolbarAtTop .dxsoc{
	top: 58px;
	bottom: 9px;
}
.ToolbarAtBottom .dxsoc {
	top: 9px;
	bottom: 60px;
}

.social-tabs li {
	width: 38px;
	height: 35px;
	padding: 0;
	z-index: 301;
	background-color: #272727;
}
.active .social-tabs li {
	z-index: 301;
	-webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}
.active .social-tabs li.active {
	z-index: 302;
	-webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2);
}
.social-tabs li a {
	padding: 0;
}
.social-tabs li img {
	border: 0;
}
.PlatformTablet7 #social-tabs > ul.social-tabs {
	left: 1px !important;
}

/** Static **/
.static .social-tabs {
	padding-left: 8px;
}
.static .social-tabs li {
	float: left;
	margin-right: 3px;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
/** Top **/
.top .social-tabs {
	padding-left: 8px;
}
.top.align-right .social-tabs {
	padding-left: 0;
	padding-right: 8px;
}
.top .social-tabs li {
	padding: 3px 4px;
	margin-right: 3px;
	float: left;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
/** Right **/
.right .social-tabs {
	padding-top: 14px;
}
.right .social-tabs li {
	padding: 0;
	margin: 0 0 3px 0;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-ms-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}
/** Bottom **/
.bottom .social-tabs {
	padding-left: 8px;
}
.bottom.align-right .social-tabs {
	padding-left: 0;
	padding-right: 8px;
}
.bottom .social-tabs li {
	padding: 4px 4px 2px 4px;
	margin: 0 3px 0 0;
	float: left;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
/** Left **/
.left .social-tabs {
	padding-top: 14px;
}
.left .social-tabs li {
	margin: 0 0 3px 0;
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-ms-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}

/* Tab Content */
.dxsoc-slider {
	clear: both;
	overflow: hidden;
}
.tab-content {
	position: fixed;
	overflow: hidden;
	padding: 10px;
	z-index: 310;
	background: url(../../skin-defaults/images/loader.gif) no-repeat center 200px;
	height: 100% !important;
	width: 100% !important;
}
.top .tab-content, .right .tab-content, .bottom .tab-content, .left .tab-content {
	padding: 10px;
}
.tab-content ul {
	font-size: 11px;
}
.tab-content .tab-inner {
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 100% !important;
}
.tab-inner ul {
	padding: 0 10px;
}
.tab-inner .profile {
	position: relative;
	padding: 8px;
	border-bottom: 1px solid #ccc;
	background: #e0e0e0;
}
.tab-inner .profile h3 {
	margin: 0;
	padding: 5px 0 3px 5px;
	position: relative;
	font-size: 14px; 
	line-height: 16px;
}
.tab-inner .profile h3 a {
	text-decoration: none;
}
.tab-inner .profile h3, .tab-inner .profile h3 a {
	color: #262626; 
}
.tab-inner .dxsoc-btn {
	position: absolute;
	top: 8px;
	right: 8px;
	cursor: pointer;
	font: 600 12px/14px Arial, sans-serif;
	display:inline-block;
	text-decoration:none;
	outline:none;
	padding: 5px 8px;
    color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.tab-inner .dxsoc-btn:hover{
	background-position: 0 100%;
    color: #fff;
}
.tab-inner .profile a.avatar{
	display:block;
	float:left;
	text-decoration:none;
	outline:none;
	margin:0 10px 0 0
}
.tab-inner .profile a.avatar img{
	padding:1px;
	background: #fff;
	border: 3px solid #ccc;
	display:block
}

/** Static **/
.static .dxsoc-slider {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.static .tab-content {
	padding: 10px;
}
.static .tab-inner {
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/** Top **/
.top .dxsoc-slider {
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-ms-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}
/** Right **/
.right .dxsoc-slider {
	-webkit-border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	-ms-border-radius: 7px 0 0 7px;
	border-radius: 7px 0 0 7px;
}
/** Bottom **/
.bottom .dxsoc-slider {
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-ms-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
/** Left **/
.left .dxsoc-slider {
	-webkit-border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	-ms-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
}
/** Network specific colors **/
.tab-inner ul li a {
	color: #222;
}
.tab-content.tab-twitter, .social-tabs li.active.dxsoc-twitter, .social-tabs li.dxsoc-twitter:hover, .tab-twitter .dxsoc-btn{
	background-color: #4ec2dc !important;
}
.tab-twitter .tab-inner ul li a {
	color: #39b1cc;
}
.tab-content.tab-facebook, .social-tabs li.active.dxsoc-facebook, .social-tabs li.dxsoc-facebook:hover, .tab-facebook .dxsoc-btn {
	background-color: #3b5998 !important;
}
.tab-content.tab-fblike, .social-tabs li.active.dxsoc-fblike, .social-tabs li.dxsoc-fblike:hover, .tab-fblike .dxsoc-btn {
	background-color: #3b5998 !important;
}
.tab-facebook .tab-inner ul li a, .tab-fblike .tab-inner ul li a {
	color: #3b5998;
}
.tab-content.tab-rss, .social-tabs li.active.dxsoc-rss, .social-tabs li.dxsoc-rss:hover, .tab-rss .dxsoc-btn {
	background-color: #FF9800 !important;
}
.tab-content.tab-flickr, .social-tabs li.active.dxsoc-flickr, .social-tabs li.dxsoc-flickr:hover, .tab-flickr .dxsoc-btn {
	background-color: #f90784 !important;
}
.tab-content.tab-delicious, .social-tabs li.active.dxsoc-delicious, .social-tabs li.dxsoc-delicious:hover, .tab-delicious .dxsoc-btn {
	background-color: #3271CB !important;
}
.tab-content.tab-fbrec, .social-tabs li.active.dxsoc-fbrec, .social-tabs li.dxsoc-fbrec:hover, .tab-fbrec .dxsoc-btn {
	background-color: #3b5998 !important;
}
.tab-content.tab-google, .social-tabs li.active.dxsoc-google, .social-tabs li.dxsoc-google:hover, .tab-google .dxsoc-btn {
	background-color: #d73d32 !important;
}
.tab-content.tab-youtube, .social-tabs li.active.dxsoc-youtube, .social-tabs li.dxsoc-youtube:hover, .tab-youtube .dxsoc-btn {
	background-color: #DF1F1C !important;
}
.tab-content.tab-digg, .social-tabs li.active.dxsoc-digg, .social-tabs li.dxsoc-digg:hover, .tab-digg .dxsoc-btn {
	background-color: #195695 !important;
}
.tab-content.tab-pinterest, .social-tabs li.active.dxsoc-pinterest, .social-tabs li.dxsoc-pinterest:hover, .tab-pinterest .dxsoc-btn {
	background-color: #CB2528 !important;
}
.tab-content.tab-lastfm, .social-tabs li.active.dxsoc-lastfm, .social-tabs li.dxsoc-lastfm:hover, .tab-lastfm .dxsoc-btn {
	background-color: #C90E12 !important;
}
.tab-content.tab-dribbble, .social-tabs li.active.dxsoc-dribbble, .social-tabs li.dxsoc-dribbble:hover, .tab-dribbble .dxsoc-btn {
	background-color: #F175A8 !important;
}
.tab-content.tab-vimeo, .social-tabs li.active.dxsoc-vimeo, .social-tabs li.dxsoc-vimeo:hover, .tab-vimeo .dxsoc-btn {
	background-color: #4EBAFF !important;
}
.tab-content.tab-stumbleupon, .social-tabs li.active.dxsoc-stumbleupon, .social-tabs li.dxsoc-stumbleupon:hover, .tab-stumbleupon .dxsoc-btn {
	background-color: #EB4924 !important;
}
.tab-content.tab-tumblr, .social-tabs li.active.dxsoc-tumblr, .social-tabs li.dxsoc-tumblr:hover, .tab-tumblr .dxsoc-btn {
	background-color: #365472 !important;
}
.tab-content.tab-deviantart, .social-tabs li.active.dxsoc-deviantart, .social-tabs li.dxsoc-deviantart:hover, .tab-deviantart .dxsoc-btn {
	background-color: #B8C529 !important;
}
.tab-content.tab-linkedin, .social-tabs li.active.dxsoc-linkedin, .social-tabs li.dxsoc-linkedin:hover, .tab-linkedin .dxsoc-btn {
	background-color: #006DA7 !important;
}
.tab-content.tab-instagram, .social-tabs li.active.dxsoc-instagram, .social-tabs li.dxsoc-instagram:hover, .tab-instagram .dxsoc-btn {
	background-color: #517fa4 !important;
}

/* Feeds */
.dxsoc .stream {
	overflow: hidden;
}
.stream p {
	margin: 0;
	padding: 0;
}
.tab-inner ul.stream > li {
	padding: 5px 0 25px 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	background: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	line-height: 1.4em;
}
.tab-inner ul li .thumb {
	float: left;
	margin: 0 10px 0 0;
}
.tab-inner ul li .thumb img {
	border: 3px solid #ececec;
	padding: 1px;
	background: #fff;
	max-width: 310px;
}
.tab-inner ul li .logo {
	margin-bottom: 3px;
}
.tab-inner ul li .title {
	display: block;
	
	margin-bottom: 3px;
}
.tab-inner ul li .title.clear {
	clear: both;
}
.tab-inner ul li .text {
	display: block;
}
.tab-inner ul li  br{
	display: block;
}
.tab-inner ul li .date {
	position: absolute;
	bottom: 5px;
	left: 0;
	font-style: italic;
	color: #999;
	font-size: 90%;
}
.tab-inner ul li .meta {
	display: block;
	font-size: 90%;
	color: #999;
}
.tab-inner ul li .meta span {
	margin: 0 8px 5px 0;
	display: block;
	float: left;
	padding: 0 0 0 15px;
	line-height: 12px;
}
.tab-inner ul li .meta.item-comments {
	padding: 0 0 0 35px;
	margin: 0 0 5px 0;
	min-height: 30px;
	position: relative;
	clear: both;
	line-height: 1.3em;
}
.tab-inner ul li .meta.item-comments img {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
}
.tab-inner ul li .meta.item-likes {
	padding: 0;
	width: 100%;
	overflow: hidden;
	clear: both;
	line-height: 1.3em;
}
.tab-inner ul li .meta.item-likes img {
	float: left;
	margin: 0 5px 5px 0;
	width: 30px;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
}
.tab-inner ul li .section-share {
	bottom: 5px;
    right: 0;
    position: absolute;
	z-index: 2;
}
.tab-inner ul li .section-share a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 2px 0 0;
	background: url(../../skin-defaults/images/socialtabs/btn/share.png) no-repeat 0 0;
}
.tab-inner ul li .section-share a.share-twitter {
	background-position: 0 -16px;
}
.tab-inner ul li .section-share a.share-reply {
	background-position: 0 -32px;
}
.tab-inner ul li .section-share a.share-retweet {
	background-position: 0 -48px;
}
.tab-inner ul li .section-share a.share-favorite {
	background-position: 0 -64px;
}
.tab-inner ul li .section-share a.share-google {
	background-position: 0 -80px;
}
.tab-inner ul li .section-share a.share-linkedin {
	background-position: 0 -96px;
}
.tab-inner ul li .section-share a.share-facebook:hover {
	background-position: -16px 0;
}
.tab-inner ul li .section-share a.share-twitter:hover {
	background-position: -16px -16px;
}
.tab-inner ul li .section-share a.share-reply:hover {
	background-position: -16px -32px;
}
.tab-inner ul li .section-share a.share-retweet:hover {
	background-position: -16px -48px;
}
.tab-inner ul li .section-share a.share-favorite:hover {
	background-position: -16px -64px;
}
.tab-inner ul li .section-share a.share-google:hover {
	background-position: -16px -80px;
}
.tab-inner ul li .section-share a.share-linkedin:hover {
	background-position: -16px -96px;
}
/* feeds network specific styles */
.tab-dribbble .tab-inner ul li .thumb img {
	margin-bottom: 5px;
}
.tab-lastfm .tab-inner ul li .title {
	background: url(../../skin-defaults/images/socialtabs/btn/tracks.png) no-repeat 0 0;
	padding-left: 17px;
	margin-bottom: 0;
}
.tab-google .tab-inner ul li .title {
	margin-bottom: 5px;
}
.tab-vimeo .tab-inner ul li .text {
	margin-bottom: 5px;
}
.tab-inner ul li .meta span.plusones {
	padding-left: 0;
}
.tab-inner ul li .meta span.shares {
	background: url(../../skin-defaults/images/socialtabs/btn/shares.png) no-repeat 0 0;
	padding-left: 20px;
}
.tab-inner ul li .meta span.views {
	background: url(../../skin-defaults/images/socialtabs/btn/views.png) no-repeat 0 0;
	padding-left: 18px;
}
.tab-inner ul li .meta span.likes {
	background: url(../../skin-defaults/images/socialtabs/btn/likes.png) no-repeat 0 0;
	padding-left: 16px;
}
.tab-inner ul li .meta span.comments {
	background: url(../../skin-defaults/images/socialtabs/btn/comments.png) no-repeat 0 0;
}
.tab-inner ul li .meta span.users {
	background: url(../../skin-defaults/images/socialtabs/btn/users.png) no-repeat 0 0;
}
.tab-inner ul li .meta span.videos {
	background: url(../../skin-defaults/images/socialtabs/btn/videos.png) no-repeat 0 0;
	padding-left: 16px;
}
.tab-inner ul li.dxsoc-error {
	color: #990000;
}
.dxsoc-loading {
	background: url(../../skin-defaults/images/socialtabs/btn/loader.gif) no-repeat 10px center;
	padding: 10px 30px 10px 42px;
}

/* Controls */
.dxsoc .controls {
	background: #333;
	position: absolute;
	left: 10px;
	height: 40px;
	padding: 5px 0;
	z-index: 315;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	/*
	display: none;
	*/
}
.dxsoc .controls ul {
	padding: 0 10px;
	float: right;
}
.dxsoc .controls li {
	display: inline;
}
.dxsoc .controls a {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 7px;
	background: url(../../skin-defaults/images/socialtabs/btn/control.png) no-repeat 0 0;
	opacity: 1;
}
.dxsoc .controls li:last-child a {
	margin-left: 20px;
}
.dxsoc .controls .play {
	background-position: 0 0;
}
.dxsoc .controls .pause {
	background-position: -30px 0;
}
.dxsoc .controls .prev {
	background-position: -60px 0;
}
.dxsoc .controls .next {
	background-position: -90px 0;
}
.dxsoc .controls .dxsoc-close {
	background-position: -120px 0;
}
.dxsoc .controls .play:hover {
	background-position: 0 -30px;
}
.dxsoc .controls .pause:hover {
	background-position: -30px -30px;
}
.dxsoc .controls .prev:hover {
	background-position: -60px -30px;
}
.dxsoc .controls .next:hover {
	background-position: -90px -30px;
}
.dxsoc .controls .dxsoc-close:hover {
	background-position: -120px -30px;
}
/** Static **/
.dxsoc.static .controls {
	bottom: 10px;
}
/** Top **/
.dxsoc.top .controls {
	bottom: 10px;
}
/** Right **/
.dxsoc.right .controls {
	bottom: 10px;
	right: 0;
}
/** Bottom **/
.dxsoc.bottom .controls {
	bottom: 0;
}
/** Left **/
.dxsoc.left .controls {
	bottom: 10px;
	left: 0;
}
/* twitter */
.tab-twitter .tab-inner ul li a:hover {
	text-decoration: underline;
}
.tab-twitter .tab-inner ul li span.twitter-user a {
	color: #999;
	line-height: 1.5em;
}
.tab-twitter .tab-inner ul li span.twitter-user a:hover {
	color: #999;
	text-decoration: none;
}
.tab-twitter .tab-inner ul li span.twitter-user a strong{
	color: #444;
}
.tab-twitter .tab-inner ul li span.twitter-user a:hover strong {
	text-decoration: underline;
}
.tab-twitter .tab-inner ul li .thumb img {
	border: 1px solid #ececec;
	padding: 1px;
	background: #fff;
}
.tab-twitter .tab-inner ul li .twitter-image {
	display: block;
	clear: both;
	text-align: center;
}
.tab-twitter .tab-inner ul li .twitter-image img {
	border: 1px solid #ececec;
	padding: 1px;
	background: #fff;
}
/* google */
.tab-google .tab-inner .google-page {
	overflow: hidden;
	height: 55px;
	border-bottom: 1px solid #ccc;
}
.tab-google .tab-inner .google-page.standard {
	height: 117px;
}
.tab-google .tab-inner .google-page.small iframe{
	height: 69px;
	margin-bottom: 0;
}
.tab-google .tab-inner .google-page.standard iframe{
	height: 131px;
	margin-bottom: 0;
}
/** rss **/
.tab-rss .tab-inner ul li p {
	padding: 3px 0;
}
/** Facebook **/
.tab-facebook .tab-inner ul li p {
	padding: 3px 0;
}
.tab-facebook .tab-inner li img{
	float: left;
	margin: 0 7px 5px 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #ececec;
	max-width: 100%;
}
.tab-facebook .tab-inner li .section-share .share-facebook {
	display: none;
}
/** Flickr **/
.tab-flickr .tab-inner ul {
	padding-top: 5px;
}
.tab-flickr .tab-inner ul.stream li {
	float: left;
	clear: both;
	padding: 0;
	margin: 0 5px 5px 0;
	border: none;
}
.tab-flickr .tab-inner li .thumb {
	margin: 0;
}
.tab-flickr .tab-inner li img{
	max-width: 100%;
}
.tab-flickr .tab-inner li .section-share {
	bottom: 10px;
	right: 5px;
}
/** Youtube **/
.youtube-subscribe {
	overflow: hidden; 
	height: 105px; 
	width: 100%; 
	border: 0;
}
/* Digg */
.tab-digg .digg-widget .digg-widget-head.premium, .tab-digg .digg-widget .digg-widget-head {
    height: auto;
    overflow: hidden;
    padding: 10px;
    position: relative;
    white-space: nowrap;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.tab-digg .digg-widget .digg-widget-head h2 {
    font-size: 14px;
    
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 26px;
    white-space: nowrap;
	text-shadow: 0 1px 0 #fff;
}
.tab-digg .digg-widget .digg-widget-head a {
	top: 12px;
}
.tab-digg .digg-widget-content {
	border-top: 1px solid #ccc;
}
/* Pinterest */
.tab-pinterest .tab-inner ul li {
	background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    font-size: 11px;
    padding: 15px 15px 45px 15px;
    width: 100%;
	margin: 10px auto;
}
.tab-pinterest .tab-inner ul li a {

}
.tab-pinterest .tab-inner ul li img {
	background: #fff;
	margin-bottom: 2px;
	border: none;
	padding: none;
}
.tab-pinterest .tab-inner ul li p {
	text-align: left;
	padding: 0;
	line-height: 1.35em;
}
.tab-pinterest .tab-inner ul li .date {
	background-color: #F2F0F0;
    padding: 10px 15px;
	width: 192px;
	left: -5px;
	bottom: 0;
	color: #8C7E7E;
	font-style: normal;
	
}
.tab-pinterest .tab-inner ul li .date {
	margin-left: 0;
}
.tab-pinterest .tab-inner ul li .section-share {
	right: 5px;
	bottom: 9px;
}
/* dribbble */
.tab-dribbble .tab-inner li .meta {
	clear: both;
}
/* deviantart */
.tab-deviantart .tab-inner li img {
	margin: 5px 0;
}
/* tumblr */
.tab-tumblr .tab-inner ul li img {
	margin: 0 7px 5px 0;
	float: left;
	border: 1px solid #ddd;
	padding: 1px;
	background: #fff;
}
.tab-tumblr .tab-inner ul li p {
	padding: 3px 0;
}
.tab-tumblr .tab-inner ul li .track {
	display: block;
	background: url(../../skin-defaults/images/socialtabs/btn/tracks.png) no-repeat 0 5px;
	padding: 5px 0 0 17px;
	margin-bottom: 0;
}
/* instagram */
.tab-instagram .tab-inner ul li .thumb {
	margin-bottom: 3px;
}
.tab-instagram .tab-inner ul li .meta .comments, .tab-instagram .tab-inner ul li .meta .likes {
	margin-top: 5px;
}

.social-tabs .dxsoc-twitter:hover { width: 42px !important; margin-left: -4px !important; }
.social-tabs .dxsoc-facebook:hover { width: 42px !important; margin-left: -4px !important; }
.social-tabs .dxsoc-fblike:hover { width: 42px !important; margin-left: -4px !important; }
.social-tabs .dxsoc-rss:hover { width: 42px !important; margin-left: -4px !important; }
.social-tabs .dxsoc-flickr:hover { width: 42px !important; margin-left: -4px !important; }
.social-tabs .dxsoc-youtube:hover { width: 42px !important; margin-left: -4px !important; }
.social-tabs .dxsoc-pinterest:hover { width: 42px !important; margin-left: -4px !important; }
.social-tabs .dxsoc-instagram:hover { width: 42px !important; margin-left: -4px !important; }
.social-tabs .dxsoc-google:hover { width: 42px !important; margin-left: -4px !important; }.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: url(../images/tree/closed.png) no-repeat left 0;
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.open{ /* open */
	background: url(../images/tree/open.png) no-repeat left 0;
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.closed{ /* closed */
	background: url(../images/tree/closed.png) no-repeat left 0;
	cursor: hand !important;
	cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}


.treeview
{
	color: #000;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.treeview a
{
	color: #000;
	font-size: 14px;
	text-decoration: none;
	padding: 15px 20px 15px 20px;
	display: block;
	background: url(../images/tree/arrow.png) no-repeat 99%;
	border-bottom: 1px solid #E0E0E0;
}
.treeview a:hover
{
	color: #fff;
	background: #2472d2 url(../images/tree/arrow_over.png) no-repeat 99%;
}

.treeview li b {	
	display: block;
	background: #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}


.treeview li b::first-letter {
	margin: 0 0 0 5px;
}


.treeview b > a
{
	color: #000;
	font-size: 14px;
	text-decoration: none;
	padding: 15px 20px 15px 20px;
	display: block;
	background: #fff url(../images/tree/arrow.png) no-repeat 99%;
}
.treeview b > a:hover
{
	color: #fff;
	background: #2472d2 url(../images/tree/arrow_over.png) no-repeat 99%;
}

.leftContent_toc {
	padding: 0;
}

.treeSection {
	padding: 5px 0 5px 10px;
	background: #E0E0E0;
}