/* Main styles */
.font {
	fontFamily: Roboto;
	fontFamilyMedium:Roboto Medium;
}

.menu {
    fontSize: 12;
    color: primary.actionColor;/*primary.actionColor: #272727;*/
	fontWeight: bold;
    backgroundAlpha: primary.topnavAlpha;/* FLASH alpha barre de menu*/
    fontFamily: font.fontFamily;
    backgroundFilters: primary.topnavFilters;
    backgroundColor: primary.topnavColor;/*primary.topnavColor: #ffffff;*/
}

.main {
    fontSize: 11;
    color: primary.contentColor;/* FLASH couleur de la marque */
    backgroundAlpha: .4;
    fontFamily: font.fontFamily;
    backgroundColor: #ffffff;/* FLASH fond, style utilisé dans shopPrint... */
}

.searchHighlight{
	color:#ffff00;
}

.panelprimary {
    fontSize: 14;
	fontWeight: bold;
	color: primary.contentColor;/*primary.contentColor: #8c8c8c;*/
    backgroundAlpha: 1;
    fontFamily: font.fontFamily;
    backgroundColor: primary.altPopupBackgroundColor;/*FLASH fond de base des panneaux*/
}

.panelsecondary {
    fontSize: 14;
    color: panelprimary.color;
    backgroundAlpha: 1;
    backgroundColor: #ffffff;/*FLASH fond secondaire des panneaux ,champs de saisie, élément avec fond sur le fond de base du panneau*/
    fontFamily: font.fontFamily;
	backgroundLineColor: primary.spacerColor;/*primary.spacerColor: #cecece;*/
	backgroundLineAlpha: 1;
	backgroundLineThickness: 0.5;
}

.panelLaunch{
	color: primary.strongColor;/*primary.strongColor: #292929;*/
	backgroundColor:secondary.altContentColor;/*secondary.altContentColor: #e4e4e4;*/
	backgroundLineColor: primary.spacerColor;/*primary.spacerColor: #cecece;*/
	backgroundLineAlpha: 1;
}

/*FLASH photoItemNumImages,windowBar,panelLaunch,viewerMenu,videoplayer,scrollBar,shopTertiary,shopStepperButton,shopPlusMinus,cartScrollbar,tab*/
.paneltertiary {
    fontSize: 14;
    color: #ffffff;/*FLASH scrollbar color */
    backgroundAlpha: 1;
    backgroundColor: primary.contentColor;/*primary.contentColor: #8c8c8c;*/
    fontFamily: font.fontFamily;
}

.background {
    color: primary.backgroundColor;/*primary.backgroundColor: #f3f3f3;*/
    alpha: 0.88;
}

.menudropshadow {
    color: #000000;/*FLASH used in the drop shadow of the menubar*/
    type: DropShadowFilter;
    alpha: 0.3;
    blurX: 5;
    blurY: 6;
    quality: 3;
    distance: 0;
}

.link {
    fontSize: 11;
    color: secondary.linkBackgroundColor;/* FLASH used as the link color */
    lineAlpha: 0.26;
    backgroundAlpha: 0.7;
    lineColor: secondary.linkColor;/* FLASH used as the link outline color */
    fontFamily: font.fontFamily;
    textAlign: center;
    lineThickness: 1;
    alpha: secondary.linkAlpha;
    backgroundColor: secondary.linkBackgroundColor;/* FLASH NOT Used, can be used when adding a <background><rect/></background> in a link*/
}

.panelClose{
	color: primary.contentColor;/*primary.contentColor: #8c8c8c;*/
}

/* End Main styles */

/* for augmenting the title font size */
.paneltitle {
	extend: panelprimary;
	color:primary.strongColor;/*primary.strongColor: #292929;*/
    fontSize: 24;
}

.pageNavGlobal{
	fontSize:18;
}

.summaryItem {
	extend: panelprimary;
	fontWeight: normal;/* for overriding panelprimary bold*/
	backgroundColor: background.color;/* for alternate line bg */
	backgroundLineColor: panelsecondary.backgroundLineColor;/* for items outline */
	backgroundLineAlpha: 1;/* for items outline */
	backgroundLineThickness: 1;/* for items outline */
}

.searchRendererPrimary {
	extend: panelprimary;
	fontWeight: normal;/* for overriding panelprimary bold*/
	/* backgroundColor: background.color; */
}
.searchRendererHighlight {
	extend: panelprimary;
	color: primary.strongColor;/*primary.strongColor: #292929;*/
	fontWeight: normal;
}
.searchRendererSecondary {
	extend: searchRendererPrimary;
	fontSize: 12;
}
.scrollBar{
	extend: panelprimary;
	color: primary.contentActionColor;
	backgroundAlpha: 0;
}

.tooltip
{
	extend:panelprimary;
	color: primary.strongColor;/*primary.strongColor: #292929;*/
	backgroundColor: primary.spacerColor;/*primary.spacerColor: #cecece;*/
	fontWeight: normal;
}

.canvas {
	color: #000000;/*FLASH background behind all the popups, used in zoomMenu.backgroundColor viewerMenu.backgroundColor*/
}

.zoomMenu {
	extend: paneltertiary;
	color: primary.contentActionColor;
	
	backgroundColor: secondary.altContentColor;
	backgroundLineThickness: 1;
	backgroundLineColor:primary.spacerColor;
	backgroundAlpha: 1;
}

.statePanel {
	extend: menu;
}

.photoItem {
	fontSize: 11;
	lineColor: menu.color;
	lineAlpha: 1;
}

.photoItemTitle {
	fontSize: 12;
}

.input {
	extend: menu;
	color: primary.strongColor;/*primary.strongColor: #292929;*/
}

/* combo box has a bigger text */
.combo {
    fontSize: 12;
	color: primary.strongColor;/*primary.strongColor: #292929;*/
}