/* ************************************************************************************ *\ * * * This file is used when Jojo content i displayed. * * It reacts to classes applied to the body element and right column puffs. * * These classes are jojo and a color class. * * As an example: * * * * The colors are: * * gray = #bcc0c3 * * black = #262213 * * blue = #0079bc * * orange = #f39900 * * magenta = #e2007a * * green = #97be0d * * turquoise = #00989a * * brown = #9c4a0e * * * * In the future a foreground and a background class may be used, like this: * * * * * * Most of the background images will be handled via changing the src-attribute * * of img-elements. The reason for placing them in img-elements instead of using * * them as background images is that they have to scale up and down if the user * * changes font size in the browser. * * * * * \* ************************************************************************************ */ /* ********************************************* *\ * Classes used by several MasterPages * \* ********************************************* */ /* ------------- hovered links, headers -------------- */ body.jojo-gray .startpage-content-background a:hover, body.jojo-gray #maincontentdiv a:hover, body.jojo-gray #maincontentdiv h1, body.jojo-gray #maincontentdiv h2, body.jojo-gray #maincontentdiv h3, body.jojo-gray #maincontentdivfull a:hover, body.jojo-gray #maincontentdivfull h1, body.jojo-gray #maincontentdivfull h2, body.jojo-gray #maincontentdivfull h3, body.jojo-gray #popup-maincontentdiv a:hover, body.jojo-gray #popup-maincontentdiv h1, body.jojo-gray #popup-maincontentdiv h2, body.jojo-gray #popup-maincontentdiv h3, body #noteRegionContainer div.jojo-gray a:hover, body #noteRegionContainer div.jojo-gray .noteheading, div.newslistpadding div.jojo-gray .startpagenewstitle, div.newslistpadding div.jojo-gray a:hover, div.newslistpadding div.jojo-gray h2, div.msnewslistpadding div.jojo-gray .startpagenewstitle, div.msnewslistpadding div.jojo-gray a:hover, div.msnewslistpadding div.jojo-gray h2, .jojo-gray .msstartpageblobb .noteheading, .jojo-gray .msstartpageblobb a:hover, .jojo-gray .msstartpageblobb h2, .jojo-gray .msrightcolumnblobb .huvudrubrik, .jojo-gray .msrightcolumnblobb .huvudrubrik *, body .jojo-gray .msstartpageblobb h2, body .jojo-gray .msrightcolumnblobb .noteheading, body .jojo-gray .msrightcolumnblobb h2, body .jojo-gray .msrightcolumnblobb a:hover, #noteRegionContainer .jojo-gray .noteplaceholder h2, .DataListProducts .jojo-gray .mynextjourneysheading, .DataListProducts .jojo-gray a:hover, .DataListProducts .jojo-gray .nextbuttonsmaller:hover, #mainRegionContainer .jojo-gray .prevbutton:hover, #mainRegionContainer .jojo-gray .nextbuttonwider:hover, #mainRegionContainer .jojo-gray .mynextjourneysheading, .DataListProducts .jojo-gray h1, .DataListProducts .jojo-gray h2, #mainRegionContainer .jojo-gray h1, #mainRegionContainer .jojo-gray h2, .jojo-gray .BlockCard .mRegUserStepHeading, .jojo-gray .BlockCard .nextbutton:hover, .jojo-gray .BlockCard .prevbutton:hover, .jojo-gray .cardinfotable .productselectionnextbuttonwide:hover, .jojo-gray .ReloadCard .mRegUserStepHeading, .jojo-gray .ReloadCard .nextbuttonreload:hover, .jojo-gray .ReloadCard .nextbutton:hover, .jojo-gray .ReloadCard .prevbutton:hover, .jojo-gray .ChangeCard .mynextjourneysheading { color: #bcc0c3; } body.jojo-black .startpage-content-background a:hover, body.jojo-black #maincontentdiv a:hover, body.jojo-black #maincontentdiv h1, body.jojo-black #maincontentdiv h2, body.jojo-black #maincontentdiv h3, body.jojo-black #maincontentdivfull a:hover, body.jojo-black #maincontentdivfull h1, body.jojo-black #maincontentdivfull h2, body.jojo-black #maincontentdivfull h3, body.jojo-black #popup-maincontentdiv a:hover, body.jojo-black #popup-maincontentdiv h1, body.jojo-black #popup-maincontentdiv h2, body.jojo-black #popup-maincontentdiv h3, body #noteRegionContainer div.jojo-black a:hover, body #noteRegionContainer div.jojo-black .noteheading, div.newslistpadding div.jojo-black .startpagenewstitle, div.newslistpadding div.jojo-black a:hover, div.newslistpadding div.jojo-black h2, div.msnewslistpadding div.jojo-black .startpagenewstitle, div.msnewslistpadding div.jojo-black a:hover, div.msnewslistpadding div.jojo-black h2, .jojo-black .msstartpageblobb .noteheading, .jojo-black .msstartpageblobb a:hover, .jojo-black .msstartpageblobb h2, .jojo-black .msrightcolumnblobb .huvudrubrik, .jojo-black .msrightcolumnblobb .huvudrubrik *, body .jojo-black .msstartpageblobb h2, body .jojo-black .msrightcolumnblobb .noteheading, body .jojo-black .msrightcolumnblobb h2, body .jojo-black .msrightcolumnblobb a:hover, #noteRegionContainer .jojo-black .noteplaceholder h2, .DataListProducts .jojo-black .mynextjourneysheading, .DataListProducts .jojo-black a:hover, .DataListProducts .jojo-black .nextbuttonsmaller:hover, #mainRegionContainer .jojo-black .prevbutton:hover, #mainRegionContainer .jojo-black .nextbuttonwider:hover, #mainRegionContainer .jojo-black .mynextjourneysheading, .DataListProducts .jojo-black h1, .DataListProducts .jojo-black h2, #mainRegionContainer .jojo-black h1, #mainRegionContainer .jojo-black h2, .jojo-black .BlockCard .mRegUserStepHeading, .jojo-black .BlockCard .nextbutton:hover, .jojo-black .BlockCard .prevbutton:hover, .jojo-black .cardinfotable .productselectionnextbuttonwide:hover, .jojo-black .ReloadCard .mRegUserStepHeading, .jojo-black .ReloadCard .nextbuttonreload:hover, .jojo-black .ReloadCard .nextbutton:hover, .jojo-black .ReloadCard .prevbutton:hover, .jojo-black .ChangeCard .mynextjourneysheading { color: #262213; } body.jojo-blue .startpage-content-background a:hover, body.jojo-blue #maincontentdiv a:hover, body.jojo-blue #maincontentdiv h1, body.jojo-blue #maincontentdiv h2, body.jojo-blue #maincontentdiv h3, body.jojo-blue #maincontentdivfull a:hover, body.jojo-blue #maincontentdivfull h1, body.jojo-blue #maincontentdivfull h2, body.jojo-blue #maincontentdivfull h3, body.jojo-blue #popup-maincontentdiv a:hover, body.jojo-blue #popup-maincontentdiv h1, body.jojo-blue #popup-maincontentdiv h2, body.jojo-blue #popup-maincontentdiv h3, body #noteRegionContainer div.jojo-blue a:hover, body #noteRegionContainer div.jojo-blue .noteheading, div.newslistpadding div.jojo-blue .startpagenewstitle, div.newslistpadding div.jojo-blue a:hover, div.newslistpadding div.jojo-blue h2, div.msnewslistpadding div.jojo-blue .startpagenewstitle, div.msnewslistpadding div.jojo-blue a:hover, div.msnewslistpadding div.jojo-blue h2, .jojo-blue .msstartpageblobb .noteheading, .jojo-blue .msstartpageblobb a:hover, .jojo-blue .msstartpageblobb h2, .jojo-blue .msrightcolumnblobb .huvudrubrik, .jojo-blue .msrightcolumnblobb .huvudrubrik *, body .jojo-blue .msstartpageblobb h2, body .jojo-blue .msrightcolumnblobb .noteheading, body .jojo-blue .msrightcolumnblobb h2, body .jojo-blue .msrightcolumnblobb a:hover, #noteRegionContainer .jojo-blue .noteplaceholder h2, .DataListProducts .jojo-blue .mynextjourneysheading, .DataListProducts .jojo-blue a:hover, .DataListProducts .jojo-blue .nextbuttonsmaller:hover, #mainRegionContainer .jojo-blue .prevbutton:hover, #mainRegionContainer .jojo-blue .nextbuttonwider:hover, #mainRegionContainer .jojo-blue .mynextjourneysheading, .DataListProducts .jojo-blue h1, .DataListProducts .jojo-blue h2, #mainRegionContainer .jojo-blue h1, #mainRegionContainer .jojo-blue h2, .jojo-blue .BlockCard .mRegUserStepHeading, .jojo-blue .BlockCard .nextbutton:hover, .jojo-blue .BlockCard .prevbutton:hover, .jojo-blue .cardinfotable .productselectionnextbuttonwide:hover, .jojo-blue .ReloadCard .mRegUserStepHeading, .jojo-blue .ReloadCard .nextbuttonreload:hover, .jojo-blue .ReloadCard .nextbutton:hover, .jojo-blue .ReloadCard .prevbutton:hover, .jojo-blue .ChangeCard .mynextjourneysheading { color: #0079bc; } body.jojo-orange .startpage-content-background a:hover, body.jojo-orange #maincontentdiv a:hover, body.jojo-orange #maincontentdiv h1, body.jojo-orange #maincontentdiv h2, body.jojo-orange #maincontentdiv h3, body.jojo-orange #maincontentdivfull a:hover, body.jojo-orange #maincontentdivfull h1, body.jojo-orange #maincontentdivfull h2, body.jojo-orange #maincontentdivfull h3, body.jojo-orange #popup-maincontentdiv a:hover, body.jojo-orange #popup-maincontentdiv h1, body.jojo-orange #popup-maincontentdiv h2, body.jojo-orange #popup-maincontentdiv h3, body #noteRegionContainer div.jojo-orange a:hover, body #noteRegionContainer div.jojo-orange .noteheading, div.newslistpadding div.jojo-orange .startpagenewstitle, div.newslistpadding div.jojo-orange a:hover, div.newslistpadding div.jojo-orange h2, div.msnewslistpadding div.jojo-orange .startpagenewstitle, div.msnewslistpadding div.jojo-orange a:hover, div.msnewslistpadding div.jojo-orange h2, .jojo-orange .msstartpageblobb .noteheading, .jojo-orange .msstartpageblobb a:hover, .jojo-orange .msstartpageblobb h2, .jojo-orange .msrightcolumnblobb .huvudrubrik, .jojo-orange .msrightcolumnblobb .huvudrubrik *, body .jojo-orange .msstartpageblobb h2, body .jojo-orange .msrightcolumnblobb .noteheading, body .jojo-orange .msrightcolumnblobb h2, body .jojo-orange .msrightcolumnblobb a:hover, #noteRegionContainer .jojo-orange .noteplaceholder h2, .DataListProducts .jojo-orange .mynextjourneysheading, .DataListProducts .jojo-orange a:hover, .DataListProducts .jojo-orange .nextbuttonsmaller:hover, #mainRegionContainer .jojo-orange .prevbutton:hover, #mainRegionContainer .jojo-orange .nextbuttonwider:hover, #mainRegionContainer .jojo-orange .mynextjourneysheading, .DataListProducts .jojo-orange h1, .DataListProducts .jojo-orange h2, #mainRegionContainer .jojo-orange h1, #mainRegionContainer .jojo-orange h2, .jojo-orange .BlockCard .mRegUserStepHeading, .jojo-orange .BlockCard .nextbutton:hover, .jojo-orange .BlockCard .prevbutton:hover, .jojo-orange .cardinfotable .productselectionnextbuttonwide:hover, .jojo-orange .ReloadCard .mRegUserStepHeading, .jojo-orange .ReloadCard .nextbuttonreload:hover, .jojo-orange .ReloadCard .nextbutton:hover, .jojo-orange .ReloadCard .prevbutton:hover, .jojo-orange .ChangeCard .mynextjourneysheading { color: #f39900; } body.jojo-magenta .startpage-content-background a:hover, body.jojo-magenta #maincontentdiv a:hover, body.jojo-magenta #maincontentdiv h1, body.jojo-magenta #maincontentdiv h2, body.jojo-magenta #maincontentdiv h3, body.jojo-magenta #maincontentdivfull a:hover, body.jojo-magenta #maincontentdivfull h1, body.jojo-magenta #maincontentdivfull h2, body.jojo-magenta #maincontentdivfull h3, body.jojo-magenta #popup-maincontentdiv a:hover, body.jojo-magenta #popup-maincontentdiv h1, body.jojo-magenta #popup-maincontentdiv h2, body.jojo-magenta #popup-maincontentdiv h3, body #noteRegionContainer div.jojo-magenta a:hover, body #noteRegionContainer div.jojo-magenta .noteheading, div.newslistpadding div.jojo-magenta .startpagenewstitle, div.newslistpadding div.jojo-magenta a:hover, div.newslistpadding div.jojo-magenta h2, div.msnewslistpadding div.jojo-magenta .startpagenewstitle, div.msnewslistpadding div.jojo-magenta a:hover, div.msnewslistpadding div.jojo-magenta h2, .jojo-magenta .msstartpageblobb .noteheading, .jojo-magenta .msstartpageblobb a:hover, .jojo-magenta .msstartpageblobb h2, .jojo-magenta .msrightcolumnblobb .huvudrubrik, .jojo-magenta .msrightcolumnblobb .huvudrubrik *, body .jojo-magenta .msstartpageblobb h2, body .jojo-magenta .msrightcolumnblobb .noteheading, body .jojo-magenta .msrightcolumnblobb h2, body .jojo-magenta .msrightcolumnblobb a:hover, #noteRegionContainer .jojo-magenta .noteplaceholder h2, .DataListProducts .jojo-magenta .mynextjourneysheading, .DataListProducts .jojo-magenta a:hover, .DataListProducts .jojo-magenta .nextbuttonsmaller:hover, #mainRegionContainer .jojo-magenta .prevbutton:hover, #mainRegionContainer .jojo-magenta .nextbuttonwider:hover, #mainRegionContainer .jojo-magenta .mynextjourneysheading, .DataListProducts .jojo-magenta h1, .DataListProducts .jojo-magenta h2, #mainRegionContainer .jojo-magenta h1, #mainRegionContainer .jojo-magenta h2, .jojo-magenta .BlockCard .mRegUserStepHeading, .jojo-magenta .BlockCard .nextbutton:hover, .jojo-magenta .BlockCard .prevbutton:hover, .jojo-magenta .cardinfotable .productselectionnextbuttonwide:hover, .jojo-magenta .ReloadCard .mRegUserStepHeading, .jojo-magenta .ReloadCard .nextbuttonreload:hover, .jojo-magenta .ReloadCard .nextbutton:hover, .jojo-magenta .ReloadCard .prevbutton:hover, .jojo-magenta .ChangeCard .mynextjourneysheading { color: #e2007a; } body.jojo-green .startpage-content-background a:hover, body.jojo-green #maincontentdiv a:hover, body.jojo-green #maincontentdiv h1, body.jojo-green #maincontentdiv h2, body.jojo-green #maincontentdiv h3, body.jojo-green #maincontentdivfull a:hover, body.jojo-green #maincontentdivfull h1, body.jojo-green #maincontentdivfull h2, body.jojo-green #maincontentdivfull h3, body.jojo-green #popup-maincontentdiv a:hover, body.jojo-green #popup-maincontentdiv h1, body.jojo-green #popup-maincontentdiv h2, body.jojo-green #popup-maincontentdiv h3, body #noteRegionContainer div.jojo-green a:hover, body #noteRegionContainer div.jojo-green .noteheading, div.newslistpadding div.jojo-green .startpagenewstitle, div.newslistpadding div.jojo-green a:hover, div.newslistpadding div.jojo-green h2, div.msnewslistpadding div.jojo-green .startpagenewstitle, div.msnewslistpadding div.jojo-green a:hover, div.msnewslistpadding div.jojo-green h2, .jojo-green .msstartpageblobb .noteheading, .jojo-green .msstartpageblobb a:hover, .jojo-green .msstartpageblobb h2, .jojo-green .msrightcolumnblobb .huvudrubrik, .jojo-green .msrightcolumnblobb .huvudrubrik *, body .jojo-green .msstartpageblobb h2, body .jojo-green .msrightcolumnblobb .noteheading, body .jojo-green .msrightcolumnblobb h2, body .jojo-green .msrightcolumnblobb a:hover, #noteRegionContainer .jojo-green .noteplaceholder h2, .DataListProducts .jojo-green .mynextjourneysheading, .DataListProducts .jojo-green a:hover, .DataListProducts .jojo-green .nextbuttonsmaller:hover, #mainRegionContainer .jojo-green .prevbutton:hover, #mainRegionContainer .jojo-green .nextbuttonwider:hover, #mainRegionContainer .jojo-green .mynextjourneysheading, .DataListProducts .jojo-green h1, .DataListProducts .jojo-green h2, #mainRegionContainer .jojo-green h1, #mainRegionContainer .jojo-green h2, .jojo-green .BlockCard .mRegUserStepHeading, .jojo-green .BlockCard .nextbutton:hover, .jojo-green .BlockCard .prevbutton:hover, .jojo-green .cardinfotable .productselectionnextbuttonwide:hover, .jojo-green .ReloadCard .mRegUserStepHeading, .jojo-green .ReloadCard .nextbuttonreload:hover, .jojo-green .ReloadCard .nextbutton:hover, .jojo-green .ReloadCard .prevbutton:hover, .jojo-green .ChangeCard .mynextjourneysheading { color: #97be0d; } body.jojo-turquoise .startpage-content-background a:hover, body.jojo-turquoise #maincontentdiv a:hover, body.jojo-turquoise #maincontentdiv h1, body.jojo-turquoise #maincontentdiv h2, body.jojo-turquoise #maincontentdiv h3, body.jojo-turquoise #maincontentdivfull a:hover, body.jojo-turquoise #maincontentdivfull h1, body.jojo-turquoise #maincontentdivfull h2, body.jojo-turquoise #maincontentdivfull h3, body.jojo-turquoise #popup-maincontentdiv a:hover, body.jojo-turquoise #popup-maincontentdiv h1, body.jojo-turquoise #popup-maincontentdiv h2, body.jojo-turquoise #popup-maincontentdiv h3, body #noteRegionContainer div.jojo-turquoise a:hover, body #noteRegionContainer div.jojo-turquoise .noteheading, div.newslistpadding div.jojo-turquoise .startpagenewstitle, div.newslistpadding div.jojo-turquoise a:hover, div.newslistpadding div.jojo-turquoise h2, div.msnewslistpadding div.jojo-turquoise .startpagenewstitle, div.msnewslistpadding div.jojo-turquoise a:hover, div.msnewslistpadding div.jojo-turquoise h2, .jojo-turquoise .msstartpageblobb .noteheading, .jojo-turquoise .msstartpageblobb a:hover, .jojo-turquoise .msstartpageblobb h2, .jojo-turquoise .msrightcolumnblobb .huvudrubrik, .jojo-turquoise .msrightcolumnblobb .huvudrubrik *, body .jojo-turquoise .msstartpageblobb h2, body .jojo-turquoise .msrightcolumnblobb .noteheading, body .jojo-turquoise .msrightcolumnblobb h2, body .jojo-turquoise .msrightcolumnblobb a:hover, #noteRegionContainer .jojo-turquoise .noteplaceholder h2, .DataListProducts .jojo-turquoise .mynextjourneysheading, .DataListProducts .jojo-turquoise a:hover, .DataListProducts .jojo-turquoise .nextbuttonsmaller:hover, #mainRegionContainer .jojo-turquoise .prevbutton:hover, #mainRegionContainer .jojo-turquoise .nextbuttonwider:hover, #mainRegionContainer .jojo-turquoise .mynextjourneysheading, .DataListProducts .jojo-turquoise h1, .DataListProducts .jojo-turquoise h2, #mainRegionContainer .jojo-turquoise h1, #mainRegionContainer .jojo-turquoise h2, .jojo-turquoise .BlockCard .mRegUserStepHeading, .jojo-turquoise .BlockCard .nextbutton:hover, .jojo-turquoise .BlockCard .prevbutton:hover, .jojo-turquoise .cardinfotable .productselectionnextbuttonwide:hover, .jojo-turquoise .ReloadCard .mRegUserStepHeading, .jojo-turquoise .ReloadCard .nextbuttonreload:hover, .jojo-turquoise .ReloadCard .nextbutton:hover, .jojo-turquoise .ReloadCard .prevbutton:hover, .jojo-turquoise .ChangeCard .mynextjourneysheading { color: #00989a; } body.jojo-brown .startpage-content-background a:hover, body.jojo-brown #maincontentdiv a:hover, body.jojo-brown #maincontentdiv h1, body.jojo-brown #maincontentdiv h2, body.jojo-brown #maincontentdiv h3, body.jojo-brown #maincontentdivfull a:hover, body.jojo-brown #maincontentdivfull h1, body.jojo-brown #maincontentdivfull h2, body.jojo-brown #maincontentdivfull h3, body.jojo-brown #popup-maincontentdiv a:hover, body.jojo-brown #popup-maincontentdiv h1, body.jojo-brown #popup-maincontentdiv h2, body.jojo-brown #popup-maincontentdiv h3, body #noteRegionContainer div.jojo-brown a:hover, body #noteRegionContainer div.jojo-brown .noteheading, div.newslistpadding div.jojo-brown .startpagenewstitle, div.newslistpadding div.jojo-brown a:hover, div.newslistpadding div.jojo-brown h2, div.msnewslistpadding div.jojo-brown .startpagenewstitle, div.msnewslistpadding div.jojo-brown a:hover, div.msnewslistpadding div.jojo-brown h2, .jojo-brown .msstartpageblobb .noteheading, .jojo-brown .msstartpageblobb a:hover, .jojo-brown .msstartpageblobb h2, .jojo-brown .msrightcolumnblobb .huvudrubrik, .jojo-brown .msrightcolumnblobb .huvudrubrik *, body .jojo-brown .msstartpageblobb h2, body .jojo-brown .msrightcolumnblobb .noteheading, body .jojo-brown .msrightcolumnblobb h2, body .jojo-brown .msrightcolumnblobb a:hover, #noteRegionContainer .jojo-brown .noteplaceholder h2, .DataListProducts .jojo-brown .mynextjourneysheading, .DataListProducts .jojo-brown a:hover, .DataListProducts .jojo-brown .nextbuttonsmaller:hover, #mainRegionContainer .jojo-brown .prevbutton:hover, #mainRegionContainer .jojo-brown .nextbuttonwider:hover, #mainRegionContainer .jojo-brown .mynextjourneysheading, .DataListProducts .jojo-brown h1, .DataListProducts .jojo-brown h2, #mainRegionContainer .jojo-brown h1, #mainRegionContainer .jojo-brown h2, .jojo-brown .BlockCard .mRegUserStepHeading, .jojo-brown .BlockCard .nextbutton:hover, .jojo-brown .BlockCard .prevbutton:hover, .jojo-brown .cardinfotable .productselectionnextbuttonwide:hover, .jojo-brown .ReloadCard .mRegUserStepHeading, .jojo-brown .ReloadCard .nextbuttonreload:hover, .jojo-brown .ReloadCard .nextbutton:hover, .jojo-brown .ReloadCard .prevbutton:hover, .jojo-brown .ChangeCard .mynextjourneysheading { color: #9c4a0e; } /* When the note have no Jojo color set, it should be treated as normally. These classes assure that. */ body #noteRegionContainer .wsframe .noteheading, body #noteRegionContainer .wsframe a:hover { color: Black; } /* ---- END: Classes used by several MasterPages ---- */ /* ***************************************************** *\ * StartPageMasterPage & MSStartPageMasterPage * \* ***************************************************** */ div.newslistpadding div.jojo img, div.msnewslistpadding div.jojo img { padding:0px; margin:0px; } div.newslistpadding div.jojo img { width: 32.98076923em; } .jojo .msstartpageimage { height: 0.8em; } .jojo .msstartpageimage, div.msnewslistpadding div.jojo img { width: 28.8461538em; } div.msnewslistpadding div.jojo .startpagenewstitle, div.msnewslistpadding div.jojo .startpagetext, div.msnewslistpadding div.jojo .startpagenewslink { display: block; padding: 0.25em 0.95em; } div.msnewslistpadding div.jojo .startpagetext { zoom: 1; } div.jojo .startpagetext ul, div.jojo .startpagetext ol { margin-top: 0em; margin-bottom: 0em; padding-top: 1em; padding-bottom: 1em; } div.jojo .startpagetext h2 { margin-top: 0em; margin-bottom: 0em; padding: 1em 0.95em 0.5em; } div.newslistpadding div.jojo .startpagetext img, div.msnewslistpadding div.jojo .startpagetext img { width: auto; } /* editor Image styles*/ div.msnewslistpadding div.jojo .startpagetext img.topleftfloatingimage, div.newslistpadding div.jojo .startpagetext img.topleftfloatingimage { padding-right: 0.9615385em; padding-left: 0; padding-bottom: 0.4807692em; padding-top: 0; margin: 0; } div.msnewslistpadding div.jojo .startpagetext img.toprightfloatingimage, div.newslistpadding div.jojo .startpagetext img.toprightfloatingimage { padding-right: 0; padding-left: 0.9615385em; padding-bottom: 0.4807692em; padding-top: 0; margin: 0; } div.msnewslistpadding div.jojo .startpagetext img.leftfloatingimage, div.newslistpadding div.jojo .startpagetext img.leftfloatingimage { padding-right: 0.9615385em; padding-left: 0; padding-bottom: 0.4807692em; padding-top: 0.4807692em; margin: 0; } div.msnewslistpadding div.jojo .startpagetext img.rightfloatingimage, div.newslistpadding div.jojo .startpagetext img.rightfloatingimage { padding-right: 0; padding-left: 0.9615385em; padding-bottom: 0.4807692em; padding-top: 0.4807692em; margin: 0; } div.msnewslistpadding div.jojo .startpagetext img.middleimage, div.newslistpadding div.jojo .startpagetext img.middleimage { display: block; margin-left: auto; margin-right: auto; } /*end editor images*/ div.msnewslistpadding div.jojo .startpagetext h2 { padding-left: 0em; padding-right: 0em; } div.newslistpadding div.jojo .startpagenewstitle, div.newslistpadding div.jojo .startpagetext, div.newslistpadding div.jojo .startpagenewslink, div.msnewslistpadding div.jojo .startpagenewstitle, div.msnewslistpadding div.jojo .startpagetext, div.msnewslistpadding div.jojo .startpagenewslink { /*border-left-width: 0.096em; border-right-width: 0.096em; Don't use this size, won't be shown in Chrome*/ border-left-width: 0.1em; border-right-width: 0.1em; border-left-style: solid; border-right-style: solid; background-color: White; margin-top: 0; margin-bottom: 0; } div.newslistpadding div.jojo .startpagenewstitle, div.newslistpadding div.jojo .startpagenewslink { padding: 0.25em 0.95em; } div.newslistpadding div.jojo .startpagetext { padding: 0em; } .msnewslistpadding div.jojo { padding: 0em 0.15em 0em 0em; } div.newslistpadding div.jojo .startpagetext p { margin: 0; padding: 0.5em 0.95em; } .msnewslistpadding div.jojo .startpagetext p { margin: 0.8em 0em; } div.newslistpadding div.jojo .startpagenewslink, div.msnewslistpadding div.jojo .startpagenewslink { display: block; } .jojo .msrightcolumnimage { height: 0.8em; } div.newslistpadding div.jojo-gray *, div.msnewslistpadding div.jojo-gray *, .jojo-gray .msstartpageblobb, .jojo-gray .msrightcolumnblobb, .DataListProducts .jojo-gray .MSProductArea, .DataListProducts .jojo-gray .mynextjourneyblobdivider, .jojo-gray .BlockCard .mynextjourneyblobdividertall, .jojo-gray .ReloadCard .MSRegUserMainArea, .jojo-gray .ReloadCard .mynextjourneyblobdivider { border-color: #bcc0c3; } div.newslistpadding div.jojo-black *, div.msnewslistpadding div.jojo-black *, .jojo-black .msstartpageblobb, .jojo-black .msrightcolumnblobb, .DataListProducts .jojo-black .MSProductArea, .DataListProducts .jojo-black .mynextjourneyblobdivider, .jojo-black .BlockCard .mynextjourneyblobdividertall, .jojo-black .ReloadCard .MSRegUserMainArea, .jojo-black .ReloadCard .mynextjourneyblobdivider { border-color: #262213; } div.newslistpadding div.jojo-blue *, div.msnewslistpadding div.jojo-blue *, .jojo-blue .msstartpageblobb, .jojo-blue .msrightcolumnblobb, .DataListProducts .jojo-blue .MSProductArea, .DataListProducts .jojo-blue .mynextjourneyblobdivider, .jojo-blue .BlockCard .mynextjourneyblobdividertall, .jojo-blue .ReloadCard .MSRegUserMainArea, .jojo-blue .ReloadCard .mynextjourneyblobdivider { border-color: #0079bc; } div.newslistpadding div.jojo-orange *, div.msnewslistpadding div.jojo-orange *, .jojo-orange .msstartpageblobb, .jojo-orange .msrightcolumnblobb, .DataListProducts .jojo-orange .MSProductArea, .DataListProducts .jojo-orange .mynextjourneyblobdivider, .jojo-orange .BlockCard .mynextjourneyblobdividertall, .jojo-orange .ReloadCard .MSRegUserMainArea, .jojo-orange .ReloadCard .mynextjourneyblobdivider { border-color: #f39900; } div.newslistpadding div.jojo-magenta *, div.msnewslistpadding div.jojo-magenta *, .jojo-magenta .msstartpageblobb, .jojo-magenta .msrightcolumnblobb, .DataListProducts .jojo-magenta .MSProductArea, .DataListProducts .jojo-magenta .mynextjourneyblobdivider, .jojo-magenta .BlockCard .mynextjourneyblobdividertall, .jojo-magenta .ReloadCard .MSRegUserMainArea, .jojo-magenta .ReloadCard .mynextjourneyblobdivider { border-color: #e2007a; } div.newslistpadding div.jojo-green *, div.msnewslistpadding div.jojo-green *, .jojo-green .msstartpageblobb, .jojo-green .msrightcolumnblobb, .DataListProducts .jojo-green .MSProductArea, .DataListProducts .jojo-green .mynextjourneyblobdivider, .jojo-green .BlockCard .mynextjourneyblobdividertall, .jojo-green .ReloadCard .MSRegUserMainArea, .jojo-green .ReloadCard .mynextjourneyblobdivider { border-color: #97be0d; } div.newslistpadding div.jojo-turquoise *, div.msnewslistpadding div.jojo-turquoise *, .jojo-turquoise .msstartpageblobb, .jojo-turquoise .msrightcolumnblobb, .DataListProducts .jojo-turquoise .MSProductArea, .DataListProducts .jojo-turquoise .mynextjourneyblobdivider, .jojo-turquoise .BlockCard .mynextjourneyblobdividertall, .jojo-turquoise .ReloadCard .MSRegUserMainArea, .jojo-turquoise .ReloadCard .mynextjourneyblobdivider { border-color: #00989a; } div.newslistpadding div.jojo-brown *, div.msnewslistpadding div.jojo-brown *, .jojo-brown .msstartpageblobb, .jojo-brown .msrightcolumnblobb, .DataListProducts .jojo-brown .MSProductArea, .DataListProducts .jojo-brown .mynextjourneyblobdivider, .jojo-brown .BlockCard .mynextjourneyblobdividertall, .jojo-brown .ReloadCard .MSRegUserMainArea, .jojo-brown .ReloadCard .mynextjourneyblobdivider { border-color: #9c4a0e; } /* ***************************** *\ * MSStartPageMasterPage * * - Only LeftMenu - * * * \* ***************************** */ .JojoMenu { background-image:url(/images/bg_menu_center_left.gif); background-repeat:repeat-y; width:15.2em; padding-top: 1.5em; } .JojoMenu img.logo { /* width: 130px; Converted to the em value below */ width: 12.5em; margin-left: 0.75em; } /* ---- END: MSStartPageMasterPage ---- */ /* ******************************************************* *\ * DefaultMasterPage & WideMasterPage * \* ******************************************************* */ body.jojo #maincontentdiv, body.jojo #maincontentdivfull, body.jojo div.divpopmain { background-color: White; } body.jojo #maincontentdiv, body.jojo #maincontentdivfull { border-left-style: solid; border-right-style: solid; border-left-width: 0.1em; border-right-width: 0.1em; } body.jojo div.divpopmain { border: none; } body.jojo-gray #maincontentdiv, body.jojo-gray #maincontentdivfull, #noteRegionContainer .jojo-gray div.wsdivbgtopcenter, #noteRegionContainer .jojo-gray div.wsdivbgbottomcenter, #noteRegionContainer .jojo-gray div.noteplaceholder, #mainRegionContainer .jojo-gray .MSRegUserMainArea, #mainRegionContainer .jojo-gray .mynextjourneyblobdivider, .jojo-gray .BlockCard .mynextjourneyblobdivider, .jojo-gray .BlockCard .MSRegUserMainArea, .jojo-gray .CardInfo .MSRegUserMainArea, .jojo-gray .ChangeCard .MSRegUserMainArea, .jojo-gray .ChangeCard .mynextjourneyblobdivider { border-color: #bcc0c3; } body.jojo-black #maincontentdiv, body.jojo-black #maincontentdivfull, #noteRegionContainer .jojo-black div.wsdivbgtopcenter, #noteRegionContainer .jojo-black div.wsdivbgbottomcenter, #noteRegionContainer .jojo-black div.noteplaceholder, #mainRegionContainer .jojo-black .MSRegUserMainArea, #mainRegionContainer .jojo-black .mynextjourneyblobdivider, .jojo-black .BlockCard .mynextjourneyblobdivider, .jojo-black .BlockCard .MSRegUserMainArea, .jojo-black .CardInfo .MSRegUserMainArea, .jojo-black .ChangeCard .MSRegUserMainArea, .jojo-black .ChangeCard .mynextjourneyblobdivider { border-color: #262213; } body.jojo-blue #maincontentdiv, body.jojo-blue #maincontentdivfull, #noteRegionContainer .jojo-blue div.wsdivbgtopcenter, #noteRegionContainer .jojo-blue div.wsdivbgbottomcenter, #noteRegionContainer .jojo-blue div.noteplaceholder, #mainRegionContainer .jojo-blue .MSRegUserMainArea, #mainRegionContainer .jojo-blue .mynextjourneyblobdivider, .jojo-blue .BlockCard .mynextjourneyblobdivider, .jojo-blue .BlockCard .MSRegUserMainArea, .jojo-blue .CardInfo .MSRegUserMainArea, .jojo-blue .ChangeCard .MSRegUserMainArea, .jojo-blue .ChangeCard .mynextjourneyblobdivider { border-color: #0079bc; } body.jojo-orange #maincontentdiv, body.jojo-orange #maincontentdivfull, #noteRegionContainer .jojo-orange div.wsdivbgtopcenter, #noteRegionContainer .jojo-orange div.wsdivbgbottomcenter, #noteRegionContainer .jojo-orange div.noteplaceholder, #mainRegionContainer .jojo-orange .MSRegUserMainArea, #mainRegionContainer .jojo-orange .mynextjourneyblobdivider, .jojo-orange .BlockCard .mynextjourneyblobdivider, .jojo-orange .BlockCard .MSRegUserMainArea, .jojo-orange .CardInfo .MSRegUserMainArea, .jojo-orange .ChangeCard .MSRegUserMainArea, .jojo-orange .ChangeCard .mynextjourneyblobdivider { border-color: #f39900; } body.jojo-magenta #maincontentdiv, body.jojo-magenta #maincontentdivfull, #noteRegionContainer .jojo-magenta div.wsdivbgtopcenter, #noteRegionContainer .jojo-magenta div.wsdivbgbottomcenter, #noteRegionContainer .jojo-magenta div.noteplaceholder, #mainRegionContainer .jojo-magenta .MSRegUserMainArea, #mainRegionContainer .jojo-magenta .mynextjourneyblobdivider, .jojo-magenta .BlockCard .mynextjourneyblobdivider, .jojo-magenta .BlockCard .MSRegUserMainArea, .jojo-magenta .CardInfo .MSRegUserMainArea, .jojo-magenta .ChangeCard .MSRegUserMainArea, .jojo-magenta .ChangeCard .mynextjourneyblobdivider { border-color: #e2007a; } body.jojo-green #maincontentdiv, body.jojo-green #maincontentdivfull, #noteRegionContainer .jojo-green div.wsdivbgtopcenter, #noteRegionContainer .jojo-green div.wsdivbgbottomcenter, #noteRegionContainer .jojo-green div.noteplaceholder, #mainRegionContainer .jojo-green .MSRegUserMainArea, #mainRegionContainer .jojo-green .mynextjourneyblobdivider, .jojo-green .BlockCard .mynextjourneyblobdivider, .jojo-green .BlockCard .MSRegUserMainArea, .jojo-green .CardInfo .MSRegUserMainArea, .jojo-green .ChangeCard .MSRegUserMainArea, .jojo-green .ChangeCard .mynextjourneyblobdivider { border-color: #97be0d; } body.jojo-turquoise #maincontentdiv, body.jojo-turquoise #maincontentdivfull, #noteRegionContainer .jojo-turquoise div.wsdivbgtopcenter, #noteRegionContainer .jojo-turquoise div.wsdivbgbottomcenter, #noteRegionContainer .jojo-turquoise div.noteplaceholder, #mainRegionContainer .jojo-turquoise .MSRegUserMainArea, #mainRegionContainer .jojo-turquoise .mynextjourneyblobdivider, .jojo-turquoise .BlockCard .mynextjourneyblobdivider, .jojo-turquoise .BlockCard .MSRegUserMainArea, .jojo-turquoise .CardInfo .MSRegUserMainArea, .jojo-turquoise .ChangeCard .MSRegUserMainArea, .jojo-turquoise .ChangeCard .mynextjourneyblobdivider { border-color: #00989a; } body.jojo-brown #maincontentdiv, body.jojo-brown #maincontentdivfull, #noteRegionContainer .jojo-brown div.wsdivbgtopcenter, #noteRegionContainer .jojo-brown div.wsdivbgbottomcenter, #noteRegionContainer .jojo-brown div.noteplaceholder, #mainRegionContainer .jojo-brown .MSRegUserMainArea, #mainRegionContainer .jojo-brown .mynextjourneyblobdivider, .jojo-brown .BlockCard .mynextjourneyblobdivider, .jojo-brown .BlockCard .MSRegUserMainArea, .jojo-brown .CardInfo .MSRegUserMainArea, .jojo-brown .ChangeCard .MSRegUserMainArea, .jojo-brown .ChangeCard .mynextjourneyblobdivider { border-color: #9c4a0e; } body.jojo #maincontentdiv .mainareadivborder, body.jojo #maincontentdivfull .mainareadivborder, body.jojo .popup-mainareadivborder { border-right: none; } body.jojo-gray #bgmenu { background-image: url(/images/Jojo/bg_menu_center_right-gray.gif); } body.jojo-black #bgmenu { background-image: url(/images/Jojo/bg_menu_center_right-black.gif); } body.jojo-blue #bgmenu { background-image: url(/images/Jojo/bg_menu_center_right-blue.gif); } body.jojo-orange #bgmenu { background-image: url(/images/Jojo/bg_menu_center_right-orange.gif); } body.jojo-magenta #bgmenu { background-image: url(/images/Jojo/bg_menu_center_right-magenta.gif); } body.jojo-green #bgmenu { background-image: url(/images/Jojo/bg_menu_center_right-green.gif); } body.jojo-turquoise #bgmenu { background-image: url(/images/Jojo/bg_menu_center_right-turquoise.gif); } body.jojo-brown #bgmenu { background-image: url(/images/Jojo/bg_menu_center_right-brown.gif); } /* ---- END: DefaultMasterPage ---- */ /* ----- Mina Sidor - Cards ----- */ .DataListProducts .jojo-gray .top, .DataListProducts .jojo-gray .bottom { background-image: url(/images/Jojo/frame-gray.gif); } .DataListProducts .jojo-black .top, .DataListProducts .jojo-black .bottom { background-image: url(/images/Jojo/frame-black.gif); } .DataListProducts .jojo-blue .top, .DataListProducts .jojo-blue .bottom { background-image: url(/images/Jojo/frame-blue.gif); } .DataListProducts .jojo-orange .top, .DataListProducts .jojo-orange .bottom { background-image: url(/images/Jojo/frame-orange.gif); } .DataListProducts .jojo-magenta .top, .DataListProducts .jojo-magenta .bottom { background-image: url(/images/Jojo/frame-magenta.gif); } .DataListProducts .jojo-green .top, .DataListProducts .jojo-green .bottom { background-image: url(/images/Jojo/frame-green.gif); } .DataListProducts .jojo-turquoise .top, .DataListProducts .jojo-turquoise .bottom { background-image: url(/images/Jojo/frame-turquoise.gif); } .DataListProducts .jojo-brown .top, .DataListProducts .jojo-brown .bottom { background-image: url(/images/Jojo/frame-brown.gif); } .DataListProducts .jojo-gray .nextbuttonsmaller, #mainRegionContainer .jojo-gray .nextbuttonwider, .jojo-gray .BlockCard .nextbutton, .jojo-gray .ReloadCard .nextbuttonreload, .jojo-gray .ReloadCard .nextbutton { background-image: url(/images/Jojo/right_arrow-gray.gif); } .DataListProducts .jojo-black .nextbuttonsmaller, #mainRegionContainer .jojo-black .nextbuttonwider, .jojo-black .BlockCard .nextbutton, .jojo-black .ReloadCard .nextbuttonreload, .jojo-black .ReloadCard .nextbutton { background-image: url(/images/Jojo/right_arrow-black.gif); } .DataListProducts .jojo-blue .nextbuttonsmaller, #mainRegionContainer .jojo-blue .nextbuttonwider, .jojo-blue .BlockCard .nextbutton, .jojo-blue .ReloadCard .nextbuttonreload, .jojo-blue .ReloadCard .nextbutton { background-image: url(/images/Jojo/right_arrow-blue.gif); } .DataListProducts .jojo-orange .nextbuttonsmaller, #mainRegionContainer .jojo-orange .nextbuttonwider, .jojo-orange .BlockCard .nextbutton, .jojo-orange .ReloadCard .nextbuttonreload, .jojo-orange .ReloadCard .nextbutton { background-image: url(/images/Jojo/right_arrow-orange.gif); } .DataListProducts .jojo-magenta .nextbuttonsmaller, #mainRegionContainer .jojo-magenta .nextbuttonwider, .jojo-magenta .BlockCard .nextbutton, .jojo-magenta .ReloadCard .nextbuttonreload, .jojo-magenta .ReloadCard .nextbutton { background-image: url(/images/Jojo/right_arrow-magenta.gif); } .DataListProducts .jojo-green .nextbuttonsmaller, #mainRegionContainer .jojo-green .nextbuttonwider, .jojo-green .BlockCard .nextbutton, .jojo-green .ReloadCard .nextbuttonreload, .jojo-green .ReloadCard .nextbutton { background-image: url(/images/Jojo/right_arrow-green.gif); } .DataListProducts .jojo-turquoise .nextbuttonsmaller, #mainRegionContainer .jojo-turquoise .nextbuttonwider, .jojo-turquoise .BlockCard .nextbutton, .jojo-turquoise .ReloadCard .nextbuttonreload, .jojo-turquoise .ReloadCard .nextbutton { background-image: url(/images/Jojo/right_arrow-turquoise.gif); } .DataListProducts .jojo-brown .nextbuttonsmaller, #mainRegionContainer .jojo-brown .nextbuttonwider, .jojo-brown .BlockCard .nextbutton, .jojo-brown .ReloadCard .nextbuttonreload, .jojo-brown .ReloadCard .nextbutton { background-image: url(/images/Jojo/right_arrow-brown.gif); } .DataListProducts .jojo-gray .arrowButton, .jojo-gray .cardinfotable .productselectionnextbuttonwide { background-image: url(/images/Jojo/right_arrow_10-gray.gif); } .DataListProducts .jojo-black .arrowButton, .jojo-black .cardinfotable .productselectionnextbuttonwide { background-image: url(/images/Jojo/right_arrow_10-black.gif); } .DataListProducts .jojo-blue .arrowButton, .jojo-blue .cardinfotable .productselectionnextbuttonwide { background-image: url(/images/Jojo/right_arrow_10-blue.gif); } .DataListProducts .jojo-orange .arrowButton, .jojo-orange .cardinfotable .productselectionnextbuttonwide { background-image: url(/images/Jojo/right_arrow_10-orange.gif); } .DataListProducts .jojo-magenta .arrowButton, .jojo-magenta .cardinfotable .productselectionnextbuttonwide { background-image: url(/images/Jojo/right_arrow_10-magenta.gif); } .DataListProducts .jojo-green .arrowButton, .jojo-green .cardinfotable .productselectionnextbuttonwide { background-image: url(/images/Jojo/right_arrow_10-green.gif); } .DataListProducts .jojo-turquoise .arrowButton, .jojo-turquoise .cardinfotable .productselectionnextbuttonwide { background-image: url(/images/Jojo/right_arrow_10-turquoise.gif); } .DataListProducts .jojo-brown .arrowButton, .jojo-brown .cardinfotable .productselectionnextbuttonwide { background-image: url(/images/Jojo/right_arrow_10-brown.gif); } #mainRegionContainer .jojo-gray .prevbutton, .jojo-gray .BlockCard .prevbutton, .jojo-gray .ReloadCard .prevbutton { background-image: url(/images/Jojo/left_arrow-gray.gif); } #mainRegionContainer .jojo-black .prevbutton, .jojo-black .BlockCard .prevbutton, .jojo-black .ReloadCard .prevbutton { background-image: url(/images/Jojo/left_arrow-black.gif); } #mainRegionContainer .jojo-blue .prevbutton, .jojo-blue .BlockCard .prevbutton, .jojo-blue .ReloadCard .prevbutton { background-image: url(/images/Jojo/left_arrow-blue.gif); } #mainRegionContainer .jojo-orange .prevbutton, .jojo-orange .BlockCard .prevbutton, .jojo-orange .ReloadCard .prevbutton { background-image: url(/images/Jojo/left_arrow-orange.gif); } #mainRegionContainer .jojo-magenta .prevbutton, .jojo-magenta .BlockCard .prevbutton, .jojo-magenta .ReloadCard .prevbutton { background-image: url(/images/Jojo/left_arrow-magenta.gif); } #mainRegionContainer .jojo-green .prevbutton, .jojo-green .BlockCard .prevbutton, .jojo-green .ReloadCard .prevbutton { background-image: url(/images/Jojo/left_arrow-green.gif); } #mainRegionContainer .jojo-turquoise .prevbutton, .jojo-turquoise .BlockCard .prevbutton, .jojo-turquoise .ReloadCard .prevbutton { background-image: url(/images/Jojo/left_arrow-turquoise.gif); } #mainRegionContainer .jojo-brown .prevbutton, .jojo-brown .BlockCard .prevbutton, .jojo-brown .ReloadCard .prevbutton { background-image: url(/images/Jojo/left_arrow-brown.gif); } /* Jojo table - Two 16 new colors introduced */ .jojo table .myjourneystablefootercell { border-top: solid 1px gray; margin-top: 0em; padding-top: 1em; } .jojo-gray table .myjourneystablefootercell { border-color: #d7d7d9; } .jojo-black table .myjourneystablefootercell { border-color: #d7d7d9; /* same as gray */ } .jojo-blue table .myjourneystablefootercell { border-color: #a7cce6; } .jojo-orange table .myjourneystablefootercell { border-color: #fcd5b4; } .jojo-magenta table .myjourneystablefootercell { border-color: #f8add3; } .jojo-green table .myjourneystablefootercell { border-color: #d8eabb; } .jojo-turquoise table .myjourneystablefootercell { border-color: #a6e2e8; } .jojo-brown table .myjourneystablefootercell { border-color: #dbb9b9; } .jojo table .myjourneystablefootercell hr /* Just hide this junk */ { display: none; } .jojo-gray table th, .jojo-gray table .shoppingcartheaderrow, .jojo-gray table .sttableheadercell { background-color: #d7d7d9; } .jojo-black table th, .jojo-black table .shoppingcartheaderrow, .jojo-black table .sttableheadercell { background-color: #d7d7d9 /* same as gray? */ } .jojo-blue table th, .jojo-blue table .shoppingcartheaderrow, .jojo-blue table .sttableheadercell { background-color: #a7cce6; } .jojo-orange table th, .jojo-orange table .shoppingcartheaderrow, .jojo-orange table .sttableheadercell { background-color: #fcd5b4; } .jojo-magenta table th, .jojo-magenta table .shoppingcartheaderrow, .jojo-magenta table .sttableheadercell { background-color: #f8add3; } .jojo-green table th, .jojo-green table .shoppingcartheaderrow, .jojo-green table .sttableheadercell { background-color: #d8eabb; } .jojo-turquoise table th, .jojo-turquoise table .shoppingcartheaderrow, .jojo-turquoise table .sttableheadercell { background-color: #a6e2e8; } .jojo-brown table th, .jojo-brown table .shoppingcartheaderrow, .jojo-brown table .sttableheadercell { background-color: #dbb9b9; } .jojo-gray table .stdarkrow td, .jojo-gray table .reloadfooterroweven { background-color: #ebebec; } .jojo-black table .stdarkrow td, .jojo-black table .reloadfooterroweven { background-color: #ebebec; /* same as gray? */ } .jojo-blue table .stdarkrow td, .jojo-blue table .reloadfooterroweven { background-color: #d4e6f3; } .jojo-orange table .stdarkrow td, .jojo-orange table .reloadfooterroweven { background-color: #feebdb; } .jojo-magenta table .stdarkrow td, .jojo-magenta table .reloadfooterroweven { background-color: #f8d7e9; } .jojo-green table .stdarkrow td, .jojo-green table .reloadfooterroweven { background-color: #ecf5dd; } .jojo-turquoise table .stdarkrow td, .jojo-turquoise table .reloadfooterroweven { background-color: #d4f1f4; } .jojo-brown table .stdarkrow td, .jojo-brown table .reloadfooterroweven { background-color: #eedddd; } .jojo .cardinfodetailbutton { background-image: url(/images/Jojo/Icons/info_15x15.gif); } .jojo .cardinfochangebutton, .jojo .cardinfochangebuttoninline { background-image: url(/images/Jojo/Icons/redigera_15x15.gif); } .jojo .cardinfoloadbutton, .jojo .cardinfoloadbuttoninline { background-image: url(/images/Jojo/Icons/ladda_kort_15x15.gif); } .jojo .cardinfoblockbutton, .jojo .cardinfoblockbuttoninline { background-image: url(/images/Jojo/Icons/radera_15x15.gif); } /* end Jojo table */ /* ---------- Submit buttons --------- */ .jojo .btnPostBack, .jojo .inputButton { border-style: solid; color: White; } .jojo-gray .btnPostBack, .jojo-gray .inputButton { border-color: #bcc0c3; background-color: #bcc0c3; } .jojo-black .btnPostBack, .jojo-black .inputButton { border-color: #262213; background-color: #262213; } .jojo-blue .btnPostBack, .jojo-blue .inputButton { border-color: #0079bc; background-color: #0079bc; } .jojo-orange .btnPostBack, .jojo-orange .inputButton { border-color: #f39900; background-color: #f39900; } .jojo-magenta .btnPostBack, .jojo-magenta .inputButton { border-color: #e2007a; background-color: #e2007a; } .jojo-green .btnPostBack, .jojo-green .inputButton { border-color: #97be0d; background-color: #97be0d; } .jojo-turquoise .btnPostBack, .jojo-turquoise .inputButton { border-color: #00989a; background-color: #00989a; } .jojo-brown .btnPostBack, .jojo-brown .inputButton { border-color: #9c4a0e; background-color: #9c4a0e; } /* ------- END: Submit buttons ------- */