/* BEGIN: jQuery tree ---------------------------------------------------------------------------------------------------- */ /*.jstree-default li,*/ .jstree-default ins { background-image:url("../Images/d.png"); background-repeat:no-repeat; background-color:transparent; } .jstree-default li { background-position:-90px 0; background-repeat:repeat-y; } .jstree-default li.jstree-last { background:transparent; } .jstree-default .jstree-open > ins { background-position:-18px 0; } .jstree-default .jstree-closed > ins { background-position:-0 0; } .jstree-default .jstree-leaf > ins { background-image:none; } .jstree-default .jstree-hovered { background:#eee; } .jstree-default .jstree-clicked { background:#ddd; } .jstree-default a .jstree-icon { background-position:-56px -19px; } /*.jstree-default a.jstree-loading .jstree-icon { background:url("../Images/throbber.gif") center center no-repeat !important; } */ .jstree-default.jstree-focused { background:#ffffff; } .jstree-default .jstree-no-dots li, .jstree-default .jstree-no-dots .jstree-leaf > ins { background:transparent; } .jstree-default .jstree-no-dots .jstree-open > ins { background-position:-18px 0; } .jstree-default .jstree-no-dots .jstree-closed > ins { background-position:0 0; } .jstree-default .jstree-no-icons a .jstree-icon { display:none; } .jstree-default .jstree-search { font-style:italic; } .jstree-default .jstree-no-icons .jstree-checkbox { display:inline-block; } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display:none !important; } .jstree-default .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; } .jstree-default .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; } .jstree-default .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; } .jstree-default .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; } .jstree-default .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; } .jstree-default .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; } #vakata-dragged.jstree-default ins { background:transparent !important; } #vakata-dragged.jstree-default .jstree-ok { background:url("../Images/d.png") -2px -53px no-repeat !important; } #vakata-dragged.jstree-default .jstree-invalid { background:url("../Images/d.png") -18px -53px no-repeat !important; } #jstree-marker.jstree-default { background:url("../Images/d.png") -41px -57px no-repeat !important; } .jstree-default a.jstree-search { color:aqua; } #vakata-contextmenu.jstree-default-context, #vakata-contextmenu.jstree-default-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; } #vakata-contextmenu.jstree-default-context li { } #vakata-contextmenu.jstree-default-context a { color:black; } #vakata-contextmenu.jstree-default-context a:hover, #vakata-contextmenu.jstree-default-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } #vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a, #vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; } #vakata-contextmenu.jstree-default-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; } #vakata-contextmenu.jstree-default-context li ul { margin-left:-4px; } /* IE6 BEGIN */ .jstree-default ins, #vakata-dragged.jstree-default .jstree-invalid, #vakata-dragged.jstree-default .jstree-ok, #jstree-marker.jstree-default { _background-image:url("../Images/d.gif"); } .jstree-default .jstree-open ins { _background-position: -18px 0; } .jstree-default .jstree-closed ins { _background-position: 0px 0; } .jstree-default .jstree-leaf ins { _background-image: none; } .jstree-default a ins.jstree-icon { _background-position:-56px -19px; } #vakata-contextmenu.jstree-default-context ins { _display:none; } #vakata-contextmenu.jstree-default-context li { _zoom:1; } .jstree-default .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; } .jstree-default .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; } .jstree-default .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; } /* IE6 END */ /*CUSTOM*/ .jstree-default li {line-height: 22px;} .jstree a { color:black; display: inline-block; height: 16px; line-height: 22px; margin: 0; padding:2px; text-decoration: none; white-space: nowrap; } .jstree ins { display: inline-block; height: 18px; margin: 0; padding: 0; text-decoration: none; width: 18px; } .jstree-open ul, .jstree-closed ul { margin-left:20px; } .jstree li { display: block; min-height: 18px; } .jstree-closed > ul { display: none; } .jstree a > ins { height: 19px; width: 18px; } /* END: jQuery tree ---------------------------------------------------------------------------------------------------- */ /*-------------------------------------------------- BEGIN: BASE FORMATTING --------------------------------------------------*/ body { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; overflow-x: hidden; padding: 0; } div, hr, input, span, ul, li { margin: 0; padding: 0; position: relative; } ul, li { list-style: none; } hr, hr.mimeo-hr-dottedGray { clear: both; display: inline-block; float: left; height: 0; width: 100%; } hr { border-bottom: 1px solid #444; border-left: none; border-right: none; border-top: 1px solid #000; } hr.mimeo-hr-dottedGray { border-bottom: 1px dotted #999; border-left: none; border-right: none; border-top: none; } input { border: none; outline-width: 0; } /*-------------------------------------------------- END: BASE FORMATTING --------------------------------------------------*/ /*-------------------------------------------------- BEGIN: LAYOUT MODIFIERS --------------------------------------------------*/ /* SUMMARY width assignments - for applying to elements with no predefined width rather than using inline styles for elements, append any of these height and width classes. allows the base classes to be more flexible in that they don't require unecessary height/width definitions when not needed. also makes it easier to make quick structural adjustments rather than create custom classes for an element that could otherwise be a standardized elements, simply b/c of height or width, this allows more decoupled formatting in the class structure also simplifies using a control in more than one place. when you can add/remove magin, etc., it's wasier to have more granular control over positioning layering the classes enables great control over layout. look at gmail and the class layering they use on elements. also good for applying formatting to discrete elements in a collection. for example, if you have three divs that are floated and you want spacing between them, but applying margin to the common classname cause the third element to wrap in the container. instead, just apply margin to the first two and it fixes the wrap issue. allows the main class to remain as pristine as possible, and therefore usable in many different contexts. the heights and widths are primarily for inline elements, such as buttons, so that even widths and elements distribution is achieved. also used for container elements - e.g. display applied to a container to clear content. rather than have to write custom classes for a single instance of a container b/c it needs a "display: inline-block", we instead define a "mimeo-displayBlock" class that can be reused sitewide. cleaner than inline styles, and can be applied across the entire site. */ /*---------- rotations -------------*/ .rotate0 { -moz-transform: rotate(0deg); /* FF3.5+ */ -o-transform: rotate(0deg); /* Opera 10.5 */ -webkit-transform: rotate(0deg); /* Saf3.1+, Chrome */ /*-ms-transform: rotate(0deg); /* IE9 */ transform: rotate(0deg); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(); zoom: 1; } .rotate90 { -moz-transform: rotate(90deg); /* FF3.5+ */ -o-transform: rotate(90deg); /* Opera 10.5 */ -webkit-transform: rotate(90deg); /* Saf3.1+, Chrome */ /*-ms-transform: rotate(90deg); /* IE9 */ transform: rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(enabled='true',rotation=1); zoom: 1; } .rotate180 { -moz-transform: rotate(180deg); /* FF3.5+ */ -o-transform: rotate(180deg); /* Opera 10.5 */ -webkit-transform: rotate(180deg); /* Saf3.1+, Chrome */ /*-ms-transform: rotate(180deg); /* IE9 */ transform: rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(enabled='true',rotation=2); zoom: 1; } .rotate270 { -moz-transform: rotate(270deg); /* FF3.5+ */ -o-transform: rotate(270deg); /* Opera 10.5 */ -webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */ /*-ms-transform: rotate(270deg); /* IE9 */ transform: rotate(270deg); filter:progid:DXImageTransform.Microsoft.BasicImage(enabled='true',rotation=3); zoom: 1; } .rotate360 { -moz-transform: rotate(360deg); /* FF3.5+ */ -o-transform: rotate(360deg); /* Opera 10.5 */ -webkit-transform: rotate(360deg); /* Saf3.1+, Chrome */ /*-ms-transform: rotate(360deg); /* IE9 */ transform: rotate(360deg); filter:progid:DXImageTransform.Microsoft.BasicImage(enabled='true',rotation=4); zoom: 1; } /*---------- fonts & text ----------*/ .mimeo-fontColor-lightGray {#ccc;} .mimeo-fontColor-mediumGray {#999;} .mimeo-fontColor-darkGray {#666;} .mimeo-fontBold {font-weight: bold;} .mimeo-fontItalic {font-style: italic;} .mimeo-fontSize12 {font-size: 12px;} .mimeo-fontSize14 {font-size: 14px;} .mimeo-fontSize16 {font-size: 16px;} .mimeo-fontSize18 {font-size: 18px;} .mimeo-fontSize20 {font-size: 20px;} .mimeo-fontSize25 {font-size: 25px;} .mimeo-fontSize30 {font-size: 30px;} .mimeo-fontSize35 {font-size: 35px;} .mimeo-fontSize40 {font-size: 40px;} .mimeo-fontSize45 {font-size: 45px;} .mimeo-fontSize50 {font-size: 50px;} .mimeo-textLeft {text-align: left;} .mimeo-textCenter {text-align: center;} .mimeo-textRight {text-align: right;} /*---------- display ----------*/ .mimeo-displayBlock {display: block;} .mimeo-displayInline {display: inline;} .mimeo-displayInlineClear {clear: left; float: left;} .mimeo-displayInlineBlock {display: inline-block;} /*---------- floats & clears ----------*/ .mimeo-floatL {float: left;} .mimeo-floatR {float: right;} .mimeo-clearL {clear: left;} .mimeo-clearR {clear: right;} .mimeo-clearBoth {clear: both;} /*---------- height ----------*/ .mimeo-h1 {height: 1px;} .mimeo-h2 {height: 2px;} .mimeo-h3 {height: 3px;} .mimeo-h4 {height: 4px;} .mimeo-h5 {height: 5px;} .mimeo-h6 {height: 6px;} .mimeo-h7 {height: 7px;} .mimeo-h8 {height: 8px;} .mimeo-h9 {height: 9px;} .mimeo-h10 {height: 10px;} .mimeo-h11 {height: 11px;} .mimeo-h12 {height: 12px;} .mimeo-h13 {height: 13px;} .mimeo-h14 {height: 14px;} .mimeo-h15 {height: 15px;} .mimeo-h16 {height: 16px;} .mimeo-h17 {height: 17px;} .mimeo-h18 {height: 18px;} .mimeo-h19 {height: 19px;} .mimeo-h20 {height: 20px;} .mimeo-h21 {height: 21px;} .mimeo-h22 {height: 22px;} .mimeo-h23 {height: 23px;} .mimeo-h24 {height: 24px;} .mimeo-h25 {height: 25px;} .mimeo-h26 {height: 26px;} .mimeo-h27 {height: 27px;} .mimeo-h28 {height: 28px;} .mimeo-h29 {height: 29px;} .mimeo-h30 {height: 30px;} .mimeo-h31 {height: 31px;} .mimeo-h32 {height: 32px;} .mimeo-h33 {height: 33px;} .mimeo-h34 {height: 34px;} .mimeo-h35 {height: 35px;} .mimeo-h36 {height: 36px;} .mimeo-h37 {height: 37px;} .mimeo-h38 {height: 38px;} .mimeo-h39 {height: 39px;} .mimeo-h40 {height: 40px;} .mimeo-h41 {height: 41px;} .mimeo-h42 {height: 42px;} .mimeo-h43 {height: 43px;} .mimeo-h44 {height: 44px;} .mimeo-h45 {height: 45px;} .mimeo-h46 {height: 46px;} .mimeo-h47 {height: 47px;} .mimeo-h48 {height: 48px;} .mimeo-h49 {height: 49px;} .mimeo-h50 {height: 50px;} .mimeo-h51 {height: 51px;} .mimeo-h52 {height: 52px;} .mimeo-h53 {height: 53px;} .mimeo-h54 {height: 54px;} .mimeo-h55 {height: 55px;} .mimeo-h56 {height: 56px;} .mimeo-h57 {height: 57px;} .mimeo-h58 {height: 58px;} .mimeo-h59 {height: 59px;} .mimeo-h60 {height: 60px;} .mimeo-h61 {height: 61px;} .mimeo-h62 {height: 62px;} .mimeo-h63 {height: 63px;} .mimeo-h64 {height: 64px;} .mimeo-h65 {height: 65px;} .mimeo-h66 {height: 66px;} .mimeo-h67 {height: 67px;} .mimeo-h68 {height: 68px;} .mimeo-h69 {height: 69px;} .mimeo-h70 {height: 70px;} .mimeo-h71 {height: 71px;} .mimeo-h72 {height: 72px;} .mimeo-h73 {height: 73px;} .mimeo-h74 {height: 74px;} .mimeo-h75 {height: 75px;} .mimeo-h76 {height: 76px;} .mimeo-h77 {height: 77px;} .mimeo-h78 {height: 78px;} .mimeo-h79 {height: 79px;} .mimeo-h80 {height: 80px;} .mimeo-h81 {height: 81px;} .mimeo-h82 {height: 82px;} .mimeo-h83 {height: 83px;} .mimeo-h84 {height: 84px;} .mimeo-h85 {height: 85px;} .mimeo-h86 {height: 86px;} .mimeo-h87 {height: 87px;} .mimeo-h88 {height: 88px;} .mimeo-h89 {height: 89px;} .mimeo-h90 {height: 90px;} .mimeo-h91 {height: 91px;} .mimeo-h92 {height: 92px;} .mimeo-h93 {height: 93px;} .mimeo-h94 {height: 94px;} .mimeo-h95 {height: 95px;} .mimeo-h96 {height: 96px;} .mimeo-h97 {height: 97px;} .mimeo-h98 {height: 98px;} .mimeo-h99 {height: 99px;} .mimeo-h100 {height: 100px;} .mimeo-h125 {height: 125px;} .mimeo-h150 {height: 150px;} .mimeo-h175 {height: 175px;} .mimeo-h200 {height: 200px;} .mimeo-h225 {height: 225px;} .mimeo-h250 {height: 250px;} .mimeo-h275 {height: 275px;} .mimeo-h300 {height: 300px;} .mimeo-h325 {height: 325px;} .mimeo-h350 {height: 350px;} .mimeo-h375 {height: 375px;} .mimeo-h400 {height: 400px;} .mimeo-h425 {height: 425px;} .mimeo-h450 {height: 450px;} .mimeo-h475 {height: 475px;} .mimeo-h500 {height: 500px;} .mimeo-h525 {height: 525px;} .mimeo-h550 {height: 550px;} .mimeo-h575 {height: 575px;} .mimeo-h600 {height: 600px;} .mimeo-h625 {height: 625px;} .mimeo-h650 {height: 650px;} .mimeo-h675 {height: 675px;} .mimeo-h700 {height: 700px;} .mimeo-h725 {height: 725px;} .mimeo-h750 {height: 750px;} .mimeo-h775 {height: 775px;} .mimeo-h800 {height: 800px;} .mimeo-h825 {height: 825px;} .mimeo-h850 {height: 850px;} .mimeo-h875 {height: 875px;} .mimeo-h900 {height: 900px;} .mimeo-h925 {height: 925px;} .mimeo-h950 {height: 950px;} .mimeo-h975 {height: 975px;} .mimeo-h1000 {height: 1000px;} /*---------- width ----------*/ .mimeo-w1 {width: 1px;} .mimeo-w2 {width: 2px;} .mimeo-w3 {width: 3px;} .mimeo-w4 {width: 4px;} .mimeo-w5 {width: 5px;} .mimeo-w6 {width: 6px;} .mimeo-w7 {width: 7px;} .mimeo-w8 {width: 8px;} .mimeo-w9 {width: 9px;} .mimeo-w10 {width: 10px;} .mimeo-w11 {width: 11px;} .mimeo-w12 {width: 12px;} .mimeo-w13 {width: 13px;} .mimeo-w14 {width: 14px;} .mimeo-w15 {width: 15px;} .mimeo-w16 {width: 16px;} .mimeo-w17 {width: 17px;} .mimeo-w18 {width: 18px;} .mimeo-w19 {width: 19px;} .mimeo-w20 {width: 20px;} .mimeo-w21 {width: 21px;} .mimeo-w22 {width: 22px;} .mimeo-w23 {width: 23px;} .mimeo-w24 {width: 24px;} .mimeo-w25 {width: 25px;} .mimeo-w26 {width: 26px;} .mimeo-w27 {width: 27px;} .mimeo-w28 {width: 28px;} .mimeo-w29 {width: 29px;} .mimeo-w30 {width: 30px;} .mimeo-w31 {width: 31px;} .mimeo-w32 {width: 32px;} .mimeo-w33 {width: 33px;} .mimeo-w34 {width: 34px;} .mimeo-w35 {width: 35px;} .mimeo-w36 {width: 36px;} .mimeo-w37 {width: 37px;} .mimeo-w38 {width: 38px;} .mimeo-w39 {width: 39px;} .mimeo-w40 {width: 40px;} .mimeo-w41 {width: 41px;} .mimeo-w42 {width: 42px;} .mimeo-w43 {width: 43px;} .mimeo-w44 {width: 44px;} .mimeo-w45 {width: 45px;} .mimeo-w46 {width: 46px;} .mimeo-w47 {width: 47px;} .mimeo-w48 {width: 48px;} .mimeo-w49 {width: 49px;} .mimeo-w50 {width: 50px;} .mimeo-w51 {width: 51px;} .mimeo-w52 {width: 52px;} .mimeo-w53 {width: 53px;} .mimeo-w54 {width: 54px;} .mimeo-w55 {width: 55px;} .mimeo-w56 {width: 56px;} .mimeo-w57 {width: 57px;} .mimeo-w58 {width: 58px;} .mimeo-w59 {width: 59px;} .mimeo-w60 {width: 60px;} .mimeo-w61 {width: 61px;} .mimeo-w62 {width: 62px;} .mimeo-w63 {width: 63px;} .mimeo-w64 {width: 64px;} .mimeo-w65 {width: 65px;} .mimeo-w66 {width: 66px;} .mimeo-w67 {width: 67px;} .mimeo-w68 {width: 68px;} .mimeo-w69 {width: 69px;} .mimeo-w70 {width: 70px;} .mimeo-w71 {width: 71px;} .mimeo-w72 {width: 72px;} .mimeo-w73 {width: 73px;} .mimeo-w74 {width: 74px;} .mimeo-w75 {width: 75px;} .mimeo-w76 {width: 76px;} .mimeo-w77 {width: 77px;} .mimeo-w78 {width: 78px;} .mimeo-w79 {width: 79px;} .mimeo-w80 {width: 80px;} .mimeo-w81 {width: 81px;} .mimeo-w82 {width: 82px;} .mimeo-w83 {width: 83px;} .mimeo-w84 {width: 84px;} .mimeo-w85 {width: 85px;} .mimeo-w86 {width: 86px;} .mimeo-w87 {width: 87px;} .mimeo-w88 {width: 88px;} .mimeo-w89 {width: 89px;} .mimeo-w90 {width: 90px;} .mimeo-w91 {width: 91px;} .mimeo-w92 {width: 92px;} .mimeo-w93 {width: 93px;} .mimeo-w94 {width: 94px;} .mimeo-w95 {width: 95px;} .mimeo-w96 {width: 96px;} .mimeo-w97 {width: 97px;} .mimeo-w98 {width: 98px;} .mimeo-w99 {width: 99px;} .mimeo-w100 {width: 100px;} .mimeo-w125 {width: 125px;} .mimeo-w150 {width: 150px;} .mimeo-w175 {width: 175px;} .mimeo-w200 {width: 200px;} .mimeo-w225 {width: 225px;} .mimeo-w250 {width: 250px;} .mimeo-w275 {width: 275px;} .mimeo-w300 {width: 300px;} .mimeo-w325 {width: 325px;} .mimeo-w350 {width: 350px;} .mimeo-w375 {width: 375px;} .mimeo-w400 {width: 400px;} .mimeo-w425 {width: 425px;} .mimeo-w450 {width: 450px;} .mimeo-w475 {width: 475px;} .mimeo-w500 {width: 500px;} .mimeo-w525 {width: 525px;} .mimeo-w550 {width: 550px;} .mimeo-w575 {width: 575px;} .mimeo-w600 {width: 600px;} .mimeo-w625 {width: 625px;} .mimeo-w650 {width: 650px;} .mimeo-w675 {width: 675px;} .mimeo-w700 {width: 700px;} .mimeo-w725 {width: 725px;} .mimeo-w750 {width: 750px;} .mimeo-w775 {width: 775px;} .mimeo-w800 {width: 800px;} .mimeo-w825 {width: 825px;} .mimeo-w850 {width: 850px;} .mimeo-w875 {width: 875px;} .mimeo-w900 {width: 900px;} .mimeo-w925 {width: 925px;} .mimeo-w950 {width: 950px;} .mimeo-w975 {width: 975px;} .mimeo-w1000 {width: 1000px;} /*---------- margin - increments of 5px up to 50px ----------*/ .mimeo-m1 {margin: 1px;} .mimeo-m2 {margin: 2px;} .mimeo-m3 {margin: 3px;} .mimeo-m4 {margin: 4px;} .mimeo-m5 {margin: 5px;} .mimeo-m10 {margin: 10px;} .mimeo-m15 {margin: 15px;} .mimeo-m20 {margin: 20px;} .mimeo-m25 {margin: 25px;} .mimeo-m30 {margin: 30px;} .mimeo-m35 {margin: 35px;} .mimeo-m40 {margin: 40px;} .mimeo-m45 {margin: 45px;} .mimeo-m50 {margin: 50px;} .mimeo-mB1 {margin-bottom: 1px;} .mimeo-mB2 {margin-bottom: 2px;} .mimeo-mB3 {margin-bottom: 3px;} .mimeo-mB4 {margin-bottom: 4px;} .mimeo-mB5 {margin-bottom: 5px;} .mimeo-mB10 {margin-bottom: 10px;} .mimeo-mB15 {margin-bottom: 15px;} .mimeo-mB20 {margin-bottom: 20px;} .mimeo-mB25 {margin-bottom: 25px;} .mimeo-mB30 {margin-bottom: 30px;} .mimeo-mB35 {margin-bottom: 35px;} .mimeo-mB40 {margin-bottom: 40px;} .mimeo-mB45 {margin-bottom: 45px;} .mimeo-mB50 {margin-bottom: 50px;} .mimeo-mLAuto {margin-left: auto} .mimeo-mL1 {margin-left: 1px;} .mimeo-mL2 {margin-left: 2px;} .mimeo-mL3 {margin-left: 3px;} .mimeo-mL4 {margin-left: 4px;} .mimeo-mL5 {margin-left: 5px;} .mimeo-mL10 {margin-left: 10px;} .mimeo-mL15 {margin-left: 15px;} .mimeo-mL20 {margin-left: 20px;} .mimeo-mL25 {margin-left: 25px;} .mimeo-mL30 {margin-left: 30px;} .mimeo-mL35 {margin-left: 35px;} .mimeo-mL40 {margin-left: 40px;} .mimeo-mL45 {margin-left: 45px;} .mimeo-mL50 {margin-left: 50px;} .mimeo-mRAuto {margin-right: auto} .mimeo-mR1 {margin-right: 1px;} .mimeo-mR2 {margin-right: 2px;} .mimeo-mR3 {margin-right: 3px;} .mimeo-mR4 {margin-right: 4px;} .mimeo-mR5 {margin-right: 5px;} .mimeo-mR10 {margin-right: 10px;} .mimeo-mR15 {margin-right: 15px;} .mimeo-mR20 {margin-right: 20px;} .mimeo-mR25 {margin-right: 25px;} .mimeo-mR30 {margin-right: 30px;} .mimeo-mR35 {margin-right: 35px;} .mimeo-mR40 {margin-right: 40px;} .mimeo-mR45 {margin-right: 45px;} .mimeo-mR50 {margin-right: 50px;} .mimeo-mT1 {margin-top: 1px;} .mimeo-mT2 {margin-top: 2px;} .mimeo-mT3 {margin-top: 3px;} .mimeo-mT4 {margin-top: 4px;} .mimeo-mT5 {margin-top: 5px;} .mimeo-mT10 {margin-top: 10px;} .mimeo-mT15 {margin-top: 15px;} .mimeo-mT20 {margin-top: 20px;} .mimeo-mT25 {margin-top: 25px;} .mimeo-mT30 {margin-top: 30px;} .mimeo-mT35 {margin-top: 35px;} .mimeo-mT40 {margin-top: 40px;} .mimeo-mT45 {margin-top: 45px;} .mimeo-mT50 {margin-top: 50px;} /*---------- padding - increments of 5px up to 50px ----------*/ .mimeo-p1 {padding: 1px;} .mimeo-p2 {padding: 2px;} .mimeo-p3 {padding: 3px;} .mimeo-p4 {padding: 4px;} .mimeo-p5 {padding: 5px;} .mimeo-p10 {padding: 10px;} .mimeo-p15 {padding: 15px;} .mimeo-p20 {padding: 20px;} .mimeo-p25 {padding: 25px;} .mimeo-p30 {padding: 30px;} .mimeo-p35 {padding: 35px;} .mimeo-p40 {padding: 40px;} .mimeo-p45 {padding: 45px;} .mimeo-p50 {padding: 50px;} .mimeo-pB1 {padding-bottom: 1px;} .mimeo-pB2 {padding-bottom: 2px;} .mimeo-pB3 {padding-bottom: 3px;} .mimeo-pB4 {padding-bottom: 4px;} .mimeo-pB5 {padding-bottom: 5px;} .mimeo-pB10 {padding-bottom: 10px;} .mimeo-pB15 {padding-bottom: 15px;} .mimeo-pB20 {padding-bottom: 20px;} .mimeo-pB25 {padding-bottom: 25px;} .mimeo-pB30 {padding-bottom: 30px;} .mimeo-pB35 {padding-bottom: 35px;} .mimeo-pB40 {padding-bottom: 40px;} .mimeo-pB45 {padding-bottom: 45px;} .mimeo-pB50 {padding-bottom: 50px;} .mimeo-pL1 {padding-left: 1px;} .mimeo-pL2 {padding-left: 2px;} .mimeo-pL3 {padding-left: 3px;} .mimeo-pL4 {padding-left: 4px;} .mimeo-pL5 {padding-left: 5px;} .mimeo-pL10 {padding-left: 10px;} .mimeo-pL15 {padding-left: 15px;} .mimeo-pL20 {padding-left: 20px;} .mimeo-pL25 {padding-left: 25px;} .mimeo-pL30 {padding-left: 30px;} .mimeo-pL35 {padding-left: 35px;} .mimeo-pL40 {padding-left: 40px;} .mimeo-pL45 {padding-left: 45px;} .mimeo-pL50 {padding-left: 50px;} .mimeo-pR1 {padding-right: 1px;} .mimeo-pR2 {padding-right: 2px;} .mimeo-pR3 {padding-right: 3px;} .mimeo-pR4 {padding-right: 4px;} .mimeo-pR5 {padding-right: 5px;} .mimeo-pR10 {padding-right: 10px;} .mimeo-pR15 {padding-right: 15px;} .mimeo-pR20 {padding-right: 20px;} .mimeo-pR25 {padding-right: 25px;} .mimeo-pR30 {padding-right: 30px;} .mimeo-pR35 {padding-right: 35px;} .mimeo-pR40 {padding-right: 40px;} .mimeo-pR45 {padding-right: 45px;} .mimeo-pR50 {padding-right: 50px;} .mimeo-pT1 {padding-top: 1px;} .mimeo-pT2 {padding-top: 2px;} .mimeo-pT3 {padding-top: 3px;} .mimeo-pT4 {padding-top: 4px;} .mimeo-pT5 {padding-top: 5px;} .mimeo-pT10 {padding-top: 10px;} .mimeo-pT15 {padding-top: 15px;} .mimeo-pT20 {padding-top: 20px;} .mimeo-pT25 {padding-top: 25px;} .mimeo-pT30 {padding-top: 30px;} .mimeo-pT35 {padding-top: 35px;} .mimeo-pT40 {padding-top: 40px;} .mimeo-pT45 {padding-top: 45px;} .mimeo-pT50 {padding-top: 50px;} /*---------- columns ----------*/ .mimeo-column33, .mimeo-column34 { color: #333; float: left; } .mimeo-column33 { width: 33%; } .mimeo-column34 { width: 34%; } /*-------------------------------------------------- END: LAYOUT MODIFIERS --------------------------------------------------*/ /*---------- BEGIN: BUTTONS ----------*/ /* buttons */ .mimeo-standardButton-xs, .mimeo-standardButton-s, .mimeo-standardButton-m, .mimeo-standardButton-l, .mimeo-standardButton-xl, .mimeo-standardButton-toolMain, .mimeo-standardButton-toolSub, .mimeo-layoutButton-nudgeE, .mimeo-layoutButton-nudgeN, .mimeo-layoutButton-nudgeS, .mimeo-layoutButton-nudgeW { background: #333; background: gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* for webkit browsers */ background: -moz-linear-gradient(top, #444444, #222222); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222'); /* for IE */ border: 1px solid #000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #aaa; cursor: pointer; float: left; overflow: hidden; text-align: center; text-shadow: -1px -1px 0 #000; } .mimeo-standardButton-xs:hover, .mimeo-standardButton-s:hover, .mimeo-standardButton-m:hover, .mimeo-standardButton-l:hover, .mimeo-standardButton-xl:hover, .mimeo-standardButton-toolMain:hover, .mimeo-standardButton-toolSub:hover, .mimeo-layoutButton-nudgeE:hover, .mimeo-layoutButton-nudgeN:hover, .mimeo-layoutButton-nudgeS:hover, .mimeo-layoutButton-nudgeW:hover { color: #fff; } .mimeo-standardButton-xs:active, .mimeo-standardButton-s:active, .mimeo-standardButton-m:active, .mimeo-standardButton-l:active, .mimeo-standardButton-xl:active, .mimeo-standardButton-toolMain:active, .mimeo-standardButton-toolSub:active, .mimeo-layoutButton-nudgeE:active, .mimeo-layoutButton-nudgeN:active, .mimeo-layoutButton-nudgeS:active, .mimeo-layoutButton-nudgeW:active { background: #333; background: gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -moz-linear-gradient(top, #222222, #444444); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444'); /* for IE */ } .mimeo-standardButton-toolMainDisabled { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; -moz-opacity:0.30; /*FireFox*/ filter: alpha(opacity=30); /*IE*/ opacity: 0.30; /*Safari, Opera*/ } .mimeo-standardButton-stackCenter, .mimeo-standardButton-stackCenter .mimeo-standardButton-innerBevel { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .mimeo-standardButton-stackCenter { border-left: 1px solid #444; border-right: 1px solid #000; } .mimeo-standardButton-stackCenter .mimeo-standardButton-innerBevel { border-left: none; border-right: none; } .mimeo-standardButton-stackLeft, .mimeo-standardButton-stackLeft .mimeo-standardButton-innerBevel { border-bottom-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; } .mimeo-standardButton-stackLeft { border-right: 1px solid #000; } .mimeo-standardButton-stackLeft .mimeo-standardButton-innerBevel { border-right: none; } .mimeo-standardButton-stackRight, .mimeo-standardButton-stackRight .mimeo-standardButton-innerBevel { border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; } .mimeo-standardButton-stackRight { border-left: 1px solid #444; } .mimeo-standardButton-stackRight .mimeo-standardButton-innerBevel { border-left: none; } .mimeo-standardButton-xs { font-size: 10px; height: 20px; line-height: 20px; } .mimeo-standardButton-s { font-size: 12px; height: 25px; line-height: 25px; } .mimeo-standardButton-m { font-size: 12px; height: 50px; line-height: 50px; } .mimeo-standardButton-l { font-size: 12px; height: 75px; line-height: 75px; } .mimeo-standardButton-xl { font-size: 12px; height: 100px; line-height: 100px; } .mimeo-standardButton-toolMain { height: 68px; width: 68px; } .mimeo-standardButton-toolMain-noIcon { height: 30px; width: 68px; } .mimeo-standardButton-toolSub { float: left; height: 68px; width: 68px; } div.mimeo-standardButton-disabled { background: url(../Images/background-texture-dotsDark.png) repeat #222; -moz-opacity:0.80; /*FireFox*/ filter: alpha(opacity=80); /*IE*/ opacity: 0.80; /*Safari, Opera*/ bottom: 0; left: 0; position: absolute; right: 0; top: 0; cursor:default; } div.mimeo-standardButton-disabled:hover { cursor:default; } .mimeo-layoutButton-nudgeE, .mimeo-layoutButton-nudgeN, .mimeo-layoutButton-nudgeS, .mimeo-layoutButton-nudgeW { height: 24px; width: 24px; } /*---------- END: BUTTONS ----------*/ /*---------- BEGIN: BUTTON LABELS ----------*/ .mimeo-standardButton-label, *:hover > .mimeo-standardButton-label, *:active > .mimeo-standardButton-label, .mimeo-standardButtonActive-label, .mimeo-standardButtonDisabled-label { font-size: 10px; text-align: center; /* IE */ text-shadow: -1px -1px 0 #000; } /* default text color */ .mimeo-standardButton-label, .mimeo-standardButtonDisabled-label { color: #aaa; } /* hover & active states for button labels - standardButton */ *:hover > .mimeo-standardButton-label, *:active > .mimeo-standardButton-label, .mimeo-standardButtonActive-label { color: #fff; } .mimeo-standardButton-xs .mimeo-standardButton-label, .mimeo-standardButton-xs .mimeo-standardButtonActive-label, .mimeo-standardButton-xs .mimeo-standardButtonDisabled-label { line-height: 20px; } .mimeo-standardButton-s .mimeo-standardButton-label, .mimeo-standardButton-s .mimeo-standardButtonActive-label, .mimeo-standardButton-s .mimeo-standardButtonDisabled-label { line-height: 25px; } .mimeo-standardButton-m .mimeo-standardButton-label, .mimeo-standardButton-m .mimeo-standardButtonActive-label, .mimeo-standardButton-m .mimeo-standardButtonDisabled-label { line-height: 50px; } .mimeo-standardButton-m .mimeo-standardButton-label, .mimeo-standardButton-m .mimeo-standardButtonActive-label, .mimeo-standardButton-m .mimeo-standardButtonDisabled-label { line-height: 75px; } .mimeo-standardButton-xl .mimeo-standardButton-label, .mimeo-standardButton-xl .mimeo-standardButtonActive-label, .mimeo-standardButton-xl .mimeo-standardButtonDisabled-label { line-height: 100px; } /* for the tool buttons, the labels line-height = ((elementHeight * 2) - (fontSize * 2)) */ .mimeo-standardButton-toolMain .mimeo-standardButton-label, .mimeo-standardButton-toolMain .mimeo-standardButtonActive-label, .mimeo-standardButton-toolMain .mimeo-standardButtonDisabled-label, .mimeo-standardButton-toolSub .mimeo-standardButton-label, .mimeo-standardButton-toolSub .mimeo-standardButtonActive-label, .mimeo-standardButton-toolSub .mimeo-standardButtonDisabled-label { line-height: 116px; } /*---------- END: BUTTON LABELS ----------*/ /*---------- BEGIN: FORM LABELS ----------*/ .mimeo-standardForm-label { color: #aaa; text-shadow: -1px -1px 0 #000; } /*---------- END: FORM LABELS ----------*/ /*---------- BEGIN: STATE TRANSITION ELEMENTS ----------*/ .mimeo-spinner-small-container { font-size:14px; } .mimeo-spinner-large-proof-container { left: 50%; margin-left: -32px; position: absolute; top: 261px; width: 64px; } .spinner-small-dark, .spinner-small-light { height: 16px; position: relative; width: 16px; float:left; } .spinner-small-dark {background: url(../Images/spinner-small-dark.gif) no-repeat;} .spinner-small-light {background: url(../Images/spinner-small-light.gif) no-repeat;} .spinner-large-dark, .spinner-large-light { height: 64px; position: relative; width: 64px; } .spinner-large-dark {background: url(../Images/spinner-large-dark.gif) no-repeat;} .spinner-large-light {background: url(../Images/spinner-large-light.gif) no-repeat;} span.mimeo-spinner-textContainer { color: #666; font-size: 11px; line-height: 16px; margin: 0 0 0 5px; } /*---------- END: STATE TRANSITION ELEMENTS ----------*/ /*---------- BEGIN: MISC/UNIQUE LAYOUT ELEMENTS ----------*/ .mimeo-horizontalRule-dithered-760 { background: url(../Images/horizontalRule-dithered-760.png) no-repeat; height: 5px; left: 50%; margin: 0; margin-left: -400px; /*add 20px to account for container padding*/ padding: 0; width: 760px; } /*---------- END: MISC/UNIQUE LAYOUT ELEMENTS ----------*/ /*---------- BEGIN: BROWSER UPGRADE OPTIONS ----------*/ .mimeo-browserUpgradeItemContainer { border: 1px solid #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; display: inline; float: left; height: 150px; padding: 5px; position: relative; overflow: hidden; text-align: center; white-space: nowrap; width: 125px; } .mimeo-browserUpgradeItemContainer:hover { background: #eee; border: 1px solid #ddd; } .mimeo-browserUpgrade-chrome, .mimeo-browserUpgrade-firefox, .mimeo-browserUpgrade-ie, .mimeo-browserUpgrade-safari { height: 95px; margin-top: 12px; position: relative; width: 95px; } .mimeo-browserUpgrade-chrome {background: url(../Images/icon-browsers.png) no-repeat 0 0;} .mimeo-browserUpgrade-firefox {background: url(../Images/icon-browsers.png) no-repeat 0 -95px;} .mimeo-browserUpgrade-ie {background: url(../Images/icon-browsers.png) no-repeat 0 -190px;} .mimeo-browserUpgrade-safari {background: url(../Images/icon-browsers.png) no-repeat 0 -285px;} .mimeo-browserUpgradeLabel { font-size: 16px; font-weight: bold; } /*---------- END: BROWSER UPGRADE OPTIONS ----------*/ /*-------------------------------------------------- BEGIN: OVERVIEW -------------------------------------------------- SUMMARY Background gradient is posing significant issues in the various versions of IE - including IE9. When using a filter for background gradient on an element with a border radius, the background spills out beyond the radius edge. Need to use image assets for gradients, unfortunately. Naming: I use hyphens to separate sub groups within the broader name. Hyphenation in CSS is commonly used - see Gmail. -------------------------------------------------- END: OVERVIEW --------------------------------------------------*/ /*-------------------------------------------------- BEGIN: BASE FORMATTING --------------------------------------------------*/ body { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; overflow-x: hidden; padding: 0; } div, hr, input, span, ul, li { margin: 0; padding: 0; position: relative; } ul, li { list-style: none; } hr, hr.mimeo-hr-dottedGray { clear: both; display: inline-block; float: none; height: 0; width: 100%; } hr { border-bottom: 1px solid #444; border-left: none; border-right: none; border-top: 1px solid #000; } hr.mimeo-hr-dottedGray { border-bottom: 1px dotted #999; border-left: none; border-right: none; border-top: none; } input { border: none; outline-width: 0; } /* Background Settings Summary: .mimeo-container-builder-background[Color] and .mimeo-container-builder-background[Color]-width1024 define the color settings of the document name and the summary controls. If the document background is dark, the document name and summary controls are set to light. If the document background is light, the document name and summary controls are set to dark. */ .mimeo-container-builder-background, .mimeo-container-builder-background-darkBlue, .mimeo-container-builder-background-darkGray, .mimeo-container-builder-background-lightGray { /*background: #46566C; /* for non-css3 browsers */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46566C', endColorstr='#8599AD'); /* for IE */ /*background: -webkit-gradient(linear, left top, left bottom, from(#46566C), to(#8599AD)); /* for webkit browsers */ /*background: -moz-linear-gradient(top, #46566C, #8599AD); /* for firefox 3.6+ */ bottom: 0; height: 650px; left: 0; overflow: hidden; right: 0; top: 0; } .mimeo-container-builder-background { background: none; } .mimeo-container-builder-background-darkBlue { background: url(../Images/background-gradientDarkBlue.png) repeat-x; } .mimeo-container-builder-background-darkGray { background: url(../Images/background-gradientDarkGray.png) repeat-x; } .mimeo-container-builder-background-lightGray { background: url(../Images/background-gradientLightGray.png) repeat-x; } .mimeo-container-builder-background-width1024 { height: 650px; left: 50%; margin-left: -512px; position: absolute; width: 1024px; z-index: 100; } .mimeo-container-builder-background .mimeo-container-builder-background-width1024 { background: none; } .mimeo-container-builder-background-darkBlue .mimeo-container-builder-background-width1024 { background: url(../Images/background-gradientDarkBlueSpotlight.png) repeat-x; } .mimeo-container-builder-background-darkGray .mimeo-container-builder-background-width1024 { background: url(../Images/background-gradientDarkGraySpotlight.png) repeat-x; } .mimeo-container-builder-background-lightGray .mimeo-container-builder-background-width1024 { background: url(../Images/background-gradientLightGraySpotlight.png) repeat-x; } #mimeoBuilderBackgroundSelectContainer { bottom: 5px; color: #888; font-size: 11px; left: 30px; position: absolute; } .mimeo-container-builder-background #mimeoBuilderBackgroundSelectContainer, .mimeo-container-builder-background-lightGray #mimeoBuilderBackgroundSelectContainer { color: #888; } .mimeo-container-builder-background-darkBlue #mimeoBuilderBackgroundSelectContainer, .mimeo-container-builder-background-darkGray #mimeoBuilderBackgroundSelectContainer { color: #aaa; } #mimeo-container-builderInfoPane { left: 0; position: absolute; right: 0; } #mimeo-container-builderInfoPane-width1024 { left: 50%; margin-left: -512px; min-height: 50px; overflow: hidden; width: 1024px; } /*-------------------------------------------------- BEGIN: EDITING TOOLBAR --------------------------------------------------*/ /*---------- BEGIN: TOOLBOX ----------*/ .mimeo-toolboxContainer { display: inline-block; height: 335px; /* height is only needed for setting the containment on the jQuery draggable function. if removed, the toolbox can be dragged out of view, beyond the container. you can also accomplish the containment by using a display: inline-block, but it noticably reduces performance during dragging and interacting with the tool panels. */ left: 30px; top: 30px; /*width: 80px;*/ z-index: 100; } .mimeo-toolbox { background: #222; border: 1px solid #222; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; box-shadow: 0 3px 5px #000; -moz-box-shadow: 0 3px 5px #000; -webkit-box-shadow: 0 3px 5px #000; float: left; width: 80px; } .mimeo-toolbox-header { background: #222; background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333)); /* for webkit browsers */ background: -moz-linear-gradient(top, #555555, #333333); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333'); /* for IE */ border-bottom: 1px solid #000; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; cursor: move; height: 15px; width: 80px; } .mimeo-toolbox-headerBevel { border-bottom: 1px solid #444; display: block; height: 0; line-height: 0; /*ie6*/ width: 80px; } .mimeo-toolbox-grabber { background: url(../Images/btn-grabber.png); height: 6px; left: 50%; margin-left: -9px; top: 5px; position: relative; width: 18px; } .mimeo-toolbox hr { width: 68px; } /*---------- END: TOOLBOX ----------*/ /*---------- BEGIN: TOOLBOX TIPS ----------*/ .tooltip-getStarted-addContent { background: url(../Images/tooltip-getStarted-addContent.png) no-repeat; cursor: pointer; display: none; font-size: 14px; font-weight: bold; height: 60px; left: 187px; position: absolute; text-align: center; text-shadow: -1px -1px 0 #628200; top: 27px; width: 255px; } .tooltip-getStarted-addContent span { left: 15px; position: relative; top: 13px; } /*---------- END: TOOLBOX TIPS ----------*/ /* mousedown - all menu items */ .mimeo-stateActive { background: #333; background: gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -moz-linear-gradient(top, #222222, #444444); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444'); /* for IE */ color: #fff; } .mimeo-standardButton-innerBevel { background: none; border: 1px solid #444; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* all menu items */ .mimeo-toolbox-control-icon-content, .mimeo-toolbox-control-icon-size, .mimeo-toolbox-control-icon-materials, .mimeo-toolbox-control-icon-layout, .mimeo-toolbox-control-icon-effects, .mimeo-toolbox-control-icon-content-library, .mimeo-toolbox-control-icon-content-upload, .mimeo-toolbox-control-icon-content-link, .mimeo-toolbox-control-icon-layout-flipLeft, .mimeo-toolbox-control-icon-layout-flipRight { height: 40px; left: 14px; position: absolute; top: 7px; width: 40px; } /*---------- BEGIN: TOOLBOX - PRIMARY MENU ITEMS ----------*/ .mimeo-toolbox-control-icon-content { background: url(../Images/icon-toolbox-addContent.png) 0 0 no-repeat; } .mimeo-toolbox-control-iconActive-content { background: url(../Images/icon-toolbox-addContent.png) 0 -40px no-repeat; } .mimeo-toolbox-control-iconInactive-content { background: none; } .mimeo-toolbox-control-icon-size { background: url(../Images/icon-toolbox-selectSize.png) 0 0 no-repeat; } .mimeo-toolbox-control-iconActive-size { background: url(../Images/icon-toolbox-selectSize.png) 0 -40px no-repeat; } .mimeo-toolbox-control-iconInactive-size { background: none; } .mimeo-toolbox-control-icon-materials { background: url(../Images/icon-toolbox-selectMaterials.png) 0 0 no-repeat; } .mimeo-toolbox-control-iconActive-materials { background: url(../Images/icon-toolbox-selectMaterials.png) 0 -40px no-repeat; } .mimeo-toolbox-control-iconInactive-materials { background: none; } .mimeo-toolbox-control-icon-layout { background: url(../Images/icon-toolbox-setLayout.png) 0 0 no-repeat; } .mimeo-toolbox-control-iconActive-layout { background: url(../Images/icon-toolbox-setLayout.png) 0 -40px no-repeat; } .mimeo-toolbox-control-iconInactive-layout { background: none; } .mimeo-toolbox-control-icon-effects { background: url(../Images/icon-toolbox-selectEffects.png) 0 0 no-repeat; } .mimeo-toolbox-control-iconActive-effects { background: url(../Images/icon-toolbox-selectEffects.png) 0 -40px no-repeat; } /*---------- END: TOOLBOX - PRIMARY MENU ITEMS ----------*/ /*---------- BEGIN: TOOLBOX - SUB MENU ITEMS ----------*/ .mimeo-standardButton-toolSub .mimeo-toolbox-control-icon-content-library { background: url(../Images/icon-toolbox-addContent-library.png) 0 0 no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconActive-content-library { background: url(../Images/icon-toolbox-addContent-library.png) 0 -40px no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconInactive-content-library { background: none; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-icon-content-upload { background: url(../Images/icon-toolbox-addContent-upload.png) 0 0 no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconActive-content-upload { background: url(../Images/icon-toolbox-addContent-upload.png) 0 -40px no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconInactive-content-upload { background: none; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-icon-content-link { background: url(../Images/icon-toolbox-addContent-link.png) 0 0 no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconActive-content-link { background: url(../Images/icon-toolbox-addContent-link.png) 0 -40px no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconInactive-content-link { background: none; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-icon-layout-flipLeft { background: url(../Images/icon-toolbox-setLayout-flipLeft.png) 0 0 no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconActive-layout-flipLeft { background: url(../Images/icon-toolbox-setLayout-flipLeft.png) 0 -40px no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconInactive-layout-flipLeft { background: none; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-icon-layout-flipRight { background: url(../Images/icon-toolbox-setLayout-flipRight.png) 0 0 no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconActive-layout-flipRight { background: url(../Images/icon-toolbox-setLayout-flipRight.png) 0 -40px no-repeat; } .mimeo-standardButton-toolSub .mimeo-toolbox-control-iconInactive-layout-flipRight { background: none; } /* Nudge Tools */ .mimeo-layoutButton-nudgeE, .mimeo-layoutButton-nudgeN, .mimeo-layoutButton-nudgeS, .mimeo-layoutButton-nudgeW { height: 24px; position: absolute; width: 24px; } .mimeo-layoutButton-nudgeE { right: 11px; top: 99px; } .mimeo-layoutButton-nudgeN { left: 50%; margin-left: -12px; } .mimeo-layoutButton-nudgeS { bottom: 0; left: 50%; margin-left: -12px; } .mimeo-layoutButton-nudgeW { left: 12px; top: 99px; } .mimeo-layoutButton-nudgeE .mimeo-toolbox-control-icon-layout-nudgeE, .mimeo-layoutButton-nudgeN .mimeo-toolbox-control-icon-layout-nudgeN, .mimeo-layoutButton-nudgeS .mimeo-toolbox-control-icon-layout-nudgeS, .mimeo-layoutButton-nudgeW .mimeo-toolbox-control-icon-layout-nudgeW { height: 16px; margin: 4px 0 0 4px; position: relative; width: 16px; } .mimeo-layoutButton-nudgeE .mimeo-toolbox-control-icon-layout-nudgeE { background: url(../Images/icon-toolbox-setLayout-nudge.png) -32px -16px; } .mimeo-layoutButton-nudgeN .mimeo-toolbox-control-icon-layout-nudgeN { background: url(../Images/icon-toolbox-setLayout-nudge.png) -16px 0; } .mimeo-layoutButton-nudgeS .mimeo-toolbox-control-icon-layout-nudgeS { background: url(../Images/icon-toolbox-setLayout-nudge.png) -16px 16px; } .mimeo-layoutButton-nudgeW .mimeo-toolbox-control-icon-layout-nudgeW { background: url(../Images/icon-toolbox-setLayout-nudge.png) 0 -16px; } .mimeo-layoutButton-nudgeE:hover .mimeo-toolbox-control-icon-layout-nudgeE { background: url(../Images/icon-toolbox-setLayout-nudge.png) -80px -16px; } .mimeo-layoutButton-nudgeN:hover .mimeo-toolbox-control-icon-layout-nudgeN { background: url(../Images/icon-toolbox-setLayout-nudge.png) -64px 0; } .mimeo-layoutButton-nudgeS:hover .mimeo-toolbox-control-icon-layout-nudgeS { background: url(../Images/icon-toolbox-setLayout-nudge.png) -64px -32px; } .mimeo-layoutButton-nudgeW:hover .mimeo-toolbox-control-icon-layout-nudgeW { background: url(../Images/icon-toolbox-setLayout-nudge.png) -48px -16px; } /*---------- END: TOOLBOX - SUB MENU ITEMS ----------*/ /*---------- BEGIN: TOGGLE CONTROL ----------*/ .mimeo-toolbox-toggle { background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -moz-linear-gradient(top, #222222, #444444); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444'); /* for IE */ border: 1px solid #666; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; /* there's currently a bug in chrome with inset shadows. comment these out until bug is fixed */ /* box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 5px #000; -webkit-box-shadow: inset 0 0 5px #000; */ color: #aaa; cursor: pointer; float: left; font-size: 12px; height: 23px; line-height: 25px; margin: 0 0 0 10px; top: -5px; width: 80px; } .mimeo-toolbox-toggle-on { background: #00779F; background: -webkit-gradient(linear, left top, left bottom, from(#00779F), to(#56D4FF)); /* for webkit browsers */ background: -moz-linear-gradient(top, #00779F, #56D4FF); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00779F', endColorstr='#56D4FF'); /* for IE */ border-top-left-radius: 7px; border-bottom-left-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-top-left-border-radius: 7px; -webkit-bottom-left-border-radius: 7px; box-shadow: inset 0 0 5px #000; -moz-box-shadow: inset 0 0 2px #000; /*-webkit-box-shadow: inset 0 0 5px #000;*/ color: #fff; display: none; height: 23px; left: 0; position: absolute; text-indent: 13px; text-shadow: 0 -1px 1px #000; width: 39px; } .mimeo-toolbox-toggle-off { position: absolute; left: 40px; text-align: center; text-shadow: 0 -1px 1px #000; width: 40px; } .mimeo-toolbox-toggle-switch { background: #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#777777)); /* for webkit browsers */ background: -moz-linear-gradient(top, #cccccc, #777777); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#777777'); /* for IE */ border: 1px solid #222; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #aaa; display: block; height: 21px; left: 2; line-height: 23px; width: 40px; } /*---------- END: TOGGLE CONTROL ----------*/ /*---------- BEGIN: LAYOUT - POSITIONING CONTROLS ----------*/ .mimeo-toolbox-control-scaleTrack { background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -moz-linear-gradient(top, #222222, #444444); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444'); /* for IE */ border: 1px solid #666; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; float: left; margin: 0 10px 0 0; height: 20px; width: 150px; } .mimeo-toolbox-control-scaleBead { background: #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#777777)); /* for webkit browsers */ background: -moz-linear-gradient(top, #cccccc, #777777); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#777777'); /* for IE */ border: 1px solid #222; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; cursor: pointer; height: 18px; position: absolute; width: 18px; } .mimeo-toolbox-control-scaleBeadGhost { background: #fff; border: 1px solid #fff; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; cursor: pointer; height: 18px; -moz-opacity: 0.10; /*FireFox*/ filter: alpha(opacity=10); /*IE*/ opacity: 0.10; /*Safari, Opera*/ position: absolute; width: 18px; } .mimeo-toolbox-scale-optionsContainer { clear: both; height: 25px; position: relative; width: 210px; } .mimeo-toolbox-scale-percentageInputContainer { float: left; line-height: 20px; position: relative; } .mimeo-toolbox-control-scaleInput { background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -moz-linear-gradient(top, #222222, #444444); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444'); /* for IE */ border: 1px solid #fff; border: 1px solid #666; color: #ccc; float: left; height: 20px; line-height: 20px; margin: 0 3px 0 0; text-align: center; width: 30px; } .mimeo-toolbox-control-layoutBox { background: url(../Images/background-texture-diagonalLines.png) #111 repeat; /*rder-bottom: 1px solid #333; border-left: 1px solid #111; border-right: 1px solid #333; border-top: 1px solid #111;*/ -moz-box-shadow: inset 0 0 5px 5px #111; -webkit-box-shadow: inset 0 0 5px 5px #111; box-shadow: inset 0 0 5px 5px #111; height: 150px; left: 48px; overflow: hidden; top: 36px; width: 113px; } .mimeo-toolbox-control-layoutBox-tn { border: none; background: white; position: absolute; cursor: move; } .mimeo-toolbox-control-layoutBoxNavigatorContainer { background: #000; -moz-opacity: 0.30; /*FireFox*/ filter: alpha(opacity=30); /*IE*/ opacity: 0.30; /*Safari, Opera*/ } .mimeo-toolbox-control-layoutBoxNavigator { border: 1px solid #fff; bottom: 0; height: 112px; position: absolute; width: 85px; } .mimeo-scaleReference-man { background: url(../Images/scaleReference-man.png) no-repeat; height: 180px; position: absolute; right: 50px; top: 50px; width: 55px; } .mimeo-scaleReferenceLabel { color: #aaa; font-size: 11px; position: absolute; right: 20px; top: 55px; } .mimeo-posterBuilder-sizeReference { bottom: 40px; height: 200px; left: 30%; margin-left: -100px; position: absolute; width: 200px; } .mimeo-resolutionWarningLabel { clear: both; color: #b10000; margin: 15px 0 0 0; position: relative; text-shadow: -1px -1px 0 #000; } /*---------- END: LAYOUT - POSITIONING CONTROLS ----------*/ /*---------- BEGIN: SIZE - U.S. & INTERNATIONAL SELECT ----------*/ #mimeoToolboxSubControlContainerRegionUS, #mimeoToolboxSubControlContainerRegionInternational { height: 170px; } .mimeo-stockSizeSelect-container, .mimeo-stockSizeSelect-containerHover, .mimeo-stockSizeSelect-containerActive { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; float: left; /*height: 150px;*/ padding: 11px; /*width: 100px;*/ } .mimeo-stockSizeSelect-containerHover { border: 1px solid #666; padding: 10px; } .mimeo-stockSizeSelect-containerActive { background: #222; border: 1px solid #666; padding: 10px; } /* convert inches to px @ 0.35% examples: 48" = 3456px (48 x 72dpi) 3456 * .035 = 121px reference: A0 - 1,189 x 1,682 mm - 46.8 x 66.2 in A0 - 841 x 1,189 mm - 33.1 x 46.8 in A1 - 594 x 841 mm - 23.4 x 33.1 in A2 - 420 x 594 mm - 16.5 x 23.4 in A3 - 297 x 420 mm - 11.7 x 16.5 in A4 - 210 x 297 mm - 8.3 x 11.7 in A5 - 148 x 210 mm - 5.8 x 8.3 in A6 - 105 x 148 mm - 4.1 x 5.8 in A7 - 74 x 105 mm - 2.9 x 4.1 in */ .mimeo-stockSizeSelect-8_5x11, .mimeo-stockSizeSelectActive-8_5x11, .mimeo-stockSizeSelect-11x17, .mimeo-stockSizeSelectActive-11x17, .mimeo-stockSizeSelect-12x18, .mimeo-stockSizeSelectActive-12x18, .mimeo-stockSizeSelect-18x24, .mimeo-stockSizeSelectActive-18x24, .mimeo-stockSizeSelect-22x28, .mimeo-stockSizeSelectActive-22x28, .mimeo-stockSizeSelect-24x36, .mimeo-stockSizeSelectActive-24x36, .mimeo-stockSizeSelect-36x48, .mimeo-stockSizeSelectActive-36x48, .mimeo-stockSizeSelect-A4, .mimeo-stockSizeSelectActive-A4, .mimeo-stockSizeSelect-A3, .mimeo-stockSizeSelectActive-A3, .mimeo-stockSizeSelect-A2, .mimeo-stockSizeSelectActive-A2, .mimeo-stockSizeSelect-A1, .mimeo-stockSizeSelectActive-A1, .mimeo-stockSizeSelect-A0, .mimeo-stockSizeSelectActive-A0 { box-shadow: 0 3px 5px #000; -moz-box-shadow: 0 2px 3px #000; -webkit-box-shadow: 0 2px 3px #000; margin: 0 0 10px 0; } /* default state */ .mimeo-stockSizeSelect-8_5x11, .mimeo-stockSizeSelect-11x17, .mimeo-stockSizeSelect-12x18, .mimeo-stockSizeSelect-18x24, .mimeo-stockSizeSelect-22x28, .mimeo-stockSizeSelect-24x36, .mimeo-stockSizeSelect-36x48, .mimeo-stockSizeSelect-A4, .mimeo-stockSizeSelect-A3, .mimeo-stockSizeSelect-A2, .mimeo-stockSizeSelect-A1, .mimeo-stockSizeSelect-A0 { background: #aaa; } /* active state */ .mimeo-stockSizeSelectActive-8_5x11, .mimeo-stockSizeSelectActive-11x17, .mimeo-stockSizeSelectActive-12x18, .mimeo-stockSizeSelectActive-18x24, .mimeo-stockSizeSelectActive-22x28, .mimeo-stockSizeSelectActive-24x36, .mimeo-stockSizeSelectActive-36x48, .mimeo-stockSizeSelectActive-A4, .mimeo-stockSizeSelectActive-A3, .mimeo-stockSizeSelectActive-A2, .mimeo-stockSizeSelectActive-A1, .mimeo-stockSizeSelectActive-A0 { background: #fff; } .mimeo-stockSizeSelect-8_5x11, .mimeo-stockSizeSelectActive-8_5x11 { height: 27.72px; left: 3px; /* needs a left value because the div is smaller than the text and aligns left without this attribute */ width: 21.42px; } .mimeo-stockSizeSelect-11x17, .mimeo-stockSizeSelectActive-11x17 { height: 42.84px; /*left: 29px;*/ width: 27.72px; } .mimeo-stockSizeSelect-12x18, .mimeo-stockSizeSelectActive-12x18 { height: 46px; /*left: 27px;*/ width: 31px; } .mimeo-stockSizeSelect-18x24, .mimeo-stockSizeSelectActive-18x24 { height: 61px; /*left: 27px;*/ width: 46px; } .mimeo-stockSizeSelect-22x28, .mimeo-stockSizeSelectActive-22x28 { height: 70px; /*left: 27px;*/ width: 50px; } .mimeo-stockSizeSelect-24x36, .mimeo-stockSizeSelectActive-24x36 { height: 91px; /*left: 20px;*/ width: 61px; } .mimeo-stockSizeSelect-36x48, .mimeo-stockSizeSelectActive-36x48 { height: 121px; /*left: 5px;*/ width: 90px; } .mimeo-stockSizeSelect-A4, .mimeo-stockSizeSelectActive-A4 { height: 29.484px; /*left: 29px;*/ width: 20.916px; } .mimeo-stockSizeSelect-A3, .mimeo-stockSizeSelectActive-A3 { height: 42px; /*left: 29px;*/ width: 30px; } .mimeo-stockSizeSelect-A2, .mimeo-stockSizeSelectActive-A2 { height: 59px; /*left: 29px;*/ width: 42px; } .mimeo-stockSizeSelect-A1, .mimeo-stockSizeSelectActive-A1 { height: 83px; /*left: 20px;*/ width: 59px; } .mimeo-stockSizeSelect-A0, .mimeo-stockSizeSelectActive-A0 { height: 118px; /*left: 8px;*/ width: 83px; } /*---------- END: SIZE - U.S. & INTERNATIONAL SELECT ----------*/ /*---------- BEGIN: MATERIALS STOCK SELECT ----------*/ .mimeo-stockTypeSelect-container, .mimeo-stockTypeSelect-containerHover, .mimeo-stockTypeSelect-containerActive { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; float: left; height: 100px; padding: 11px; width: 85px; } .mimeo-stockTypeSelect-containerHover { border: 1px solid #666; padding: 10px; } .mimeo-stockTypeSelect-containerActive { background: #222; border: 1px solid #666; padding: 10px; } /*US names*/ .mimeo-stockTypeSelect-MatteCoatedPaper, .mimeo-stockTypeSelect-HeavyweightMatteCoatedPaper, /*UK Names*/ .mimeo-stockTypeSelect-MattCoatedPaper, .mimeo-stockTypeSelect-HeavyweightMattCoatedPaper, .mimeo-stockTypeSelect-PremiumPhotoPaper { background: url(../Images/icon-toolbox-selectStock.png) no-repeat; height: 75px; left: 12px; margin: 0 0 5px 0; width: 60px; } /*---------- END: MATERIALS STOCK SELECT ----------*/ /*---------- BEGIN: MATERIALS LAMINATION SELECT ----------*/ .mimeo-laminationTypeSelect-container, .mimeo-laminationTypeSelect-containerHover, .mimeo-laminationTypeSelect-containerActive { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; float: left; height: 100px; padding: 11px; width: 85px; } .mimeo-laminationTypeSelect-containerHover { border: 1px solid #666; padding: 10px; } .mimeo-laminationTypeSelect-containerActive { background: #222; border: 1px solid #666; padding: 10px; } .mimeo-toolbox-control-icon-materials-LaminationNone, .mimeo-toolbox-control-icon-materials-Laminate3mil { height: 80px; left: 2px; width: 80px; } .mimeo-toolbox-control-icon-materials-LaminationNone { background: url(../Images/icon-toolbox-selectMaterials-laminationNone.png) 0 0 no-repeat; } .mimeo-toolbox-control-icon-materials-Laminate3mil { background: url(../Images/icon-toolbox-selectMaterials-lamination3Mil.png) 0 0 no-repeat; } /*---------- END: MATERIALS LAMINATION SELECT ----------*/ /*---------- BEGIN: MATERIALS MOUNTING SELECT ----------*/ .mimeo-mountingTypeSelect-container, .mimeo-mountingTypeSelect-containerHover, .mimeo-mountingTypeSelect-containerActive { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; float: left; height: 100px; padding: 11px; width: 85px; } .mimeo-mountingTypeSelect-containerHover { border: 1px solid #666; padding: 10px; } .mimeo-mountingTypeSelect-containerActive { background: #222; border: 1px solid #666; padding: 10px; } .mimeo-toolbox-control-icon-materials-MountingNone, .mimeo-toolbox-control-icon-materials-WhiteFoamCore, .mimeo-toolbox-control-icon-materials-BlackFoamCore, .mimeo-toolbox-control-icon-materials-FoamCoreMount { height: 80px; left: 2px; width: 80px; } .mimeo-toolbox-control-icon-materials-MountingNone { background: url(../Images/icon-toolbox-selectMaterials-mountingNone.png) 0 0 no-repeat; } .mimeo-toolbox-control-icon-materials-WhiteFoamCore { background: url(../Images/icon-toolbox-selectMaterials-mountingFoamCoreWhite.png) 0 0 no-repeat; } .mimeo-toolbox-control-icon-materials-BlackFoamCore { background: url(../Images/icon-toolbox-selectMaterials-mountingFoamCoreBlack.png) 0 0 no-repeat; } .mimeo-toolbox-control-icon-materials-FoamCoreMount { background: url(../Images/icon-toolbox-selectMaterials-mountingFoamCoreWhite.png) 0 0 no-repeat; } /*---------- END: MATERIALS MOUNTING SELECT ----------*/ /*---------- END: TOOLBOX ----------*/ /*---------- BEGIN: TOOL PANELS ----------*/ .mimeo-toolPanels { /*left: 87px; position: absolute; /* only needed for IE7 top: 0; */ float: left; margin-left: 10px; } .mimeo-toolPanelLabel { /*clear: both;*/ color: #aaa; font-size: 12px; /*margin: 0 0 10px 0;*/ text-shadow: -1px -1px 0 #000; } /* these panels need absolute positioning and fixed height/width for a couple of reasons: 1) relative positioning causes the panels to jump during the jQuery fade transitions in the browser 2) relative positioning causes the gradient backgrounds to collapse rather than filling the entire panel space. height and width need to be defined. */ .mimeo-toolPanelContainer-content, .mimeo-toolPanelContainer-size, .mimeo-toolPanelContainer-materials, .mimeo-toolPanelContainer-layout, .mimeo-toolPanelContainer-effects { position: relative; /* relative positioning causes a bug where the tool panels "jump" into place. absolute is needed to ensure smooth transitions. */ float: left; } .mimeo-toolPanelContainer-content { /*height: 110px; width: 193px;*/ } .mimeo-toolPanelContainer-size { /*height: 300px; width: 615px;*/ } .mimeo-toolPanelContainer-materials { /*height: 530px; width: 395px; position:relative;*/ } .mimeo-toolPanelContainer-layout { /*height: 535px; width: 252px;*/ } .mimeo-toolPanelContainer-effects { height: 542px; width: 564px; } .mimeo-toolPanelContainer-content .mimeo-toolPanel, .mimeo-toolPanelContainer-size .mimeo-toolPanel, .mimeo-toolPanelContainer-materials .mimeo-toolPanel, .mimeo-toolPanelContainer-layout .mimeo-toolPanel, .mimeo-toolPanelContainer-effects .mimeo-toolPanel { background: #000; background: gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* for webkit browsers */ background: -moz-linear-gradient(top, #444444, #222222); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222'); /* for IE */ border: 1px solid #000; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; /*bottom: 0;*/ box-shadow: 0 3px 5px #000; -moz-box-shadow: 0 3px 5px #000; -webkit-box-shadow: 0 3px 5px #000; /*left: 0;*/ margin: 10px; padding: 10px; /*position: absolute; right: 0; top: 0;*/ } .mimeo-toolPanel .mimeo-toolPanelItemRow { display: inline-block; width: 100%; } .mimeo-toolPanel-layout-flippingContainer { } .mimeo-toolPanel-footnote, .mimeo-toolPanel-footnote-highlight { font-size: 11px; text-shadow: -1px -1px 0 #000; } .mimeo-toolPanel-footnote { color: #888; } .mimeo-toolPanel-footnote-highlight { color: #aaa; } /*---------- END: TOOL PANELS ----------*/ /*---------- BEGIN: TOOL PANEL BACKING ----------*/ .mimeo-toolPanelContainer-content .mimeo-toolPanelBacking, .mimeo-toolPanelContainer-size .mimeo-toolPanelBacking, .mimeo-toolPanelContainer-materials .mimeo-toolPanelBacking, .mimeo-toolPanelContainer-layout .mimeo-toolPanelBacking, .mimeo-toolPanelContainer-effects .mimeo-toolPanelBacking { background: #000; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; bottom: 0; left: 0; /*min-height: 90px;*/ -moz-opacity: 0.30; /*FireFox*/ filter: alpha(opacity=30); /*IE*/ opacity: 0.30; /*Safari, Opera*/ padding: 10px; position: absolute; right: 0; top: 0; z-index: 0; } /*---------- END: TOOL PANEL BACKING ----------*/ /*-------------------------------------------------- END: EDITING TOOLBAR --------------------------------------------------*/ /*-------------------------------------------------- BEGIN: PROOF --------------------------------------------------*/ .mimeo-proofContainer { bottom: 0; left: 50%; margin-left: -400px; position: absolute; top: 0; width: 800px; } #mimeo-proofViewerContainer { height: 538px; width: 358.667px; left: 22.6665px; position: absolute; } #mimeo-proofViewerIframe { box-shadow: 0 3px 5px #444; -moz-box-shadow: 0 3px 5px #444; -webkit-box-shadow: 0 3px 5px #444; } .mimeo-container-builder-background .mimeo-proof-portrait, .mimeo-container-builder-background-darkBlue .mimeo-proof-portrait, .mimeo-container-builder-background-darkGray .mimeo-proof-portrait, .mimeo-container-builder-background-lightGray .mimeo-proof-portrait, .mimeo-container-builder-background .mimeo-proof-landscape, .mimeo-container-builder-background-darkBlue .mimeo-proof-landscape, .mimeo-container-builder-background-darkGray .mimeo-proof-landscape, .mimeo-container-builder-background-lightGray .mimeo-proof-landscape { float: left; left: 50%; position: absolute; top: 75px; z-index: 50; } .mimeo-proof-portrait { height: 538px; margin-left: -202px; width: 404px; } .mimeo-proof-landscape { height: 404px; margin-left: -268px; width: 538px; } .mimeo-container-builder-background .mimeo-proofNameContainer, .mimeo-container-builder-background-darkBlue .mimeo-proofNameContainer, .mimeo-container-builder-background-darkGray .mimeo-proofNameContainer, .mimeo-container-builder-background-lightGray .mimeo-proofNameContainer { font-family: Arial, Helvetica, sans-serif; font-size: 25px; height: 50px; margin: 0 auto; text-align: center; top: 13px; width: 100%; } .mimeo-container-builder-background-darkBlue .mimeo-proofNameContainer, .mimeo-container-builder-background-darkGray .mimeo-proofNameContainer { text-shadow: 0 0 5px #000; } .mimeo-container-builder-background .mimeo-proofNameContainer, .mimeo-container-builder-background-lightGray .mimeo-proofNameContainer { text-shadow: none; } .mimeo-container-builder-background .mimeo-proofName, .mimeo-container-builder-background-darkBlue .mimeo-proofName, .mimeo-container-builder-background-darkGray .mimeo-proofName, .mimeo-container-builder-background-lightGray .mimeo-proofName { cursor: pointer; display: inline-block; height: 50px; line-height: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 600px; } .mimeo-container-builder-background .mimeo-proofName, .mimeo-container-builder-background-lightGray .mimeo-proofName { color: #444; } .mimeo-container-builder-background .mimeo-proofName-icon-edit, .mimeo-container-builder-background-darkBlue .mimeo-proofName-icon-edit, .mimeo-container-builder-background-darkGray .mimeo-proofName-icon-edit, .mimeo-container-builder-background-lightGray .mimeo-proofName-icon-edit { display: inline; height: 14px; width: 14px; margin: 10px 0 0 3px; position: absolute; } .mimeo-container-builder-background-darkBlue .mimeo-proofName-icon-edit, .mimeo-container-builder-background-darkGray .mimeo-proofName-icon-edit { background: url(../Images/btn-proofName-edit.png) 0 0 no-repeat; } .mimeo-container-builder-background .mimeo-proofName-icon-edit, .mimeo-container-builder-background-lightGray .mimeo-proofName-icon-edit { background: url(../Images/btn-proofName-edit.png) 0px -14px no-repeat; } .mimeo-proofNameEdit { background: #fff; background: gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff)); /* for webkit browsers */ background: -moz-linear-gradient(top, #dddddd, #ffffff); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff'); /* for IE */ box-shadow: 0 0 15px 3px #8CE1FF; -moz-box-shadow: 0 0 15px 3px #8CE1FF; -webkit-box-shadow: 0 0 15px 3px #8CE1FF; border: 1px solid #999; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #444; font-size: 25px; height: 48px; left: 50%; line-height: 50px; margin-left: -150px; position: absolute; text-align: center; top: 0px; width: 300px; } .mimeo-proofUploadScreen { background: #666; background: gradient(linear, left top, left bottom, from(#666666), to(#333333)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333)); /* for webkit browsers */ background: -moz-linear-gradient(top, #666666, #333333); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333'); /* for IE */ bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .mimeo-proofUploadScreenTexture { background: url(../Images/background-texture-diagonalLines.png) repeat; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .mimeo-proofUploadFileContainer { left: 50%; margin-left: -151px; width: 302px; } .mimeo-uploadBar { border: 1px solid #777; background: #444; height: 30px; top: 20px; width: 300px; } .mimeo-uploadBarInnerBevel { border: 1px solid #000; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .mimeo-uploadSpinner { margin: 10px auto 0 auto; } .mimeo-resolutionWarning { clear: both; top: 15px; } .mimeo-icon-resolutionWarning { background: url(../Images/icon-warning-s.png); height: 40px; width: 40px; } .mimeo-text-resolutionWarning { color: #ccc; font-size: 12px; top: 3px; } .mimeo-uploadFileName, .mimeo-uploadFileSize { font-size: 14px; text-shadow: -1px -1px 0 #333; } .mimeo-uploadFileName { color: #ccc; } .mimeo-uploadFileSize { color: #aaa; } .mimeo-uploadFileCancel { color: #aaa; cursor: pointer; font-size: 11px; top: 2px; } .mimeo-uploadFileCancel:hover { color: #fff; } .mimeo-uploadBarProgress { background: #666; background: gradient(linear, left top, left bottom, from(#0099FF), to(#0066CC)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#0066CC)); /* for webkit browsers */ background: -moz-linear-gradient(top, #0099FF, #0066CC); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF', endColorstr='#0066CC'); /* for IE */ height: 28px; left: 1px; position: absolute; top: 1px; width: 1px; /* range is 1px - 298px */ } .mimeo-uploadDropZone { float: left; left: 50%; position: absolute; z-index: 50; height: 538px; margin-left: -202px; width: 404px; bottom: 0; right: 0; } .mimeo-uploadDropZoneActive { border: 1px solid #444; box-shadow: 0 0 30px 5px #8CE1FF; -moz-box-shadow: 0 0 30px 5px #8CE1FF; -webkit-box-shadow: 0 0 30px 5px #8CE1FF; height: 558px; margin: -10px 0 0 -10px; position: relative; width: 378px; z-index: 1000; } .mimeo-uploadDropZoneBacking { background: url(../Images/background-texture-diagonalLines.png) #111 repeat; bottom: 0; left: 0; -moz-opacity: 0.70; /*FireFox*/ filter: alpha(opacity=70); /*IE*/ opacity: 0.70; /*Safari, Opera*/ position: absolute; right: 0; top: 0; } .mimeo-uploadDropZoneLabel { color: #888; font-size: 35px; position: relative; text-align: center; top: 249px; } /*-------------------------------------------------- END: PROOF --------------------------------------------------*/ /*-------------------------------------------------- BEING: ORDER SUMMARY --------------------------------------------------*/ .mimeo-container-builder-background .mimeo-summary-container, .mimeo-container-builder-background-darkBlue .mimeo-summary-container, .mimeo-container-builder-background-darkGray .mimeo-summary-container, .mimeo-container-builder-background-lightGray .mimeo-summary-container { font-size: 11px; position: absolute; right: 20px; top: 55px; width: 200px; } .mimeo-container-builder-background .mimeo-summary-container, .mimeo-container-builder-background-lightGray .mimeo-summary-container { color: #444; } .mimeo-container-builder-background .mimeo-summaryHeading, .mimeo-container-builder-background-darkBlue .mimeo-summaryHeading, .mimeo-container-builder-background-darkGray .mimeo-summaryHeading, .mimeo-container-builder-background-lightGray .mimeo-summaryHeading { font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 20px; line-height: 14px; margin: 0 0 8px 0; width: 200px; } .mimeo-container-builder-background-darkBlue .mimeo-summaryHeading, .mimeo-container-builder-background-darkGray .mimeo-summaryHeading { border-bottom: 1px solid #fff; } .mimeo-container-builder-background .mimeo-summaryHeading, .mimeo-container-builder-background-lightGray .mimeo-summaryHeading { border-bottom: 1px solid #999; } .mimeo-summary-lineItem-single-container { display: block; width: 100%; text-align: left; float: left; clear: both; margin-top: 6px; margin-bottom: 6px; } .mimeo-container-summary-lineItems { line-height: 12px; width: 100%; } .mimeo-container-builder-background .mimeo-summary-lineItem, .mimeo-container-builder-background-darkBlue .mimeo-summary-lineItem, .mimeo-container-builder-background-darkGray .mimeo-summary-lineItem, .mimeo-container-builder-background-lightGray .mimeo-summary-lineItem { display: block; float: left; width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mimeo-container-builder-background-darkBlue .mimeo-summary-lineItem, .mimeo-container-builder-background-darkGray .mimeo-summary-lineItem { color: #ccc; } .mimeo-container-builder-background .mimeo-summary-lineItem, .mimeo-container-builder-background-lightGray .mimeo-summary-lineItem { color: #666; } .mimeo-summary-lineItem li { padding-right: 10px; } .mimeo-summary-lineItemDetail { display: block; font-weight: bold; float: left; text-align: left; position: relative; width: 60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mimeo-summaryDivider-dotted { clear: both; float: left; border-bottom: 1px dotted #aaa; margin: 0 0 10px 0; width: 200px; } .mimeo-container-builder-background .mimeo-summaryDivider-solid, .mimeo-container-builder-background-darkBlue .mimeo-summaryDivider-solid, .mimeo-container-builder-background-darkGray .mimeo-summaryDivider-solid, .mimeo-container-builder-background-lightGray .mimeo-summaryDivider-solid { border-bottom: 1px solid #fff; clear: both; float: left; margin: 10px 0 10px 0; width: 200px; } .mimeo-container-builder-background-darkBlue .mimeo-summaryDivider-solid, .mimeo-container-builder-background-darkGray .mimeo-summaryDivider-solid { border-bottom: 1px solid #fff; } .mimeo-container-builder-background .mimeo-summaryDivider-solid, .mimeo-container-builder-background-lightGray .mimeo-summaryDivider-solid { border-bottom: 1px solid #999; } .mimeo-summaryInputLabel-qty { float: left; line-height: 30px; margin: 0 5px 0 0; } .mimeo-summaryCalculating { top: 6px; } .mimeo-container-builder-background .mimeo-summaryInput-qty, .mimeo-container-builder-background-darkBlue .mimeo-summaryInput-qty, .mimeo-container-builder-background-darkGray .mimeo-summaryInput-qty, .mimeo-container-builder-background-lightGray .mimeo-summaryInput-qty { background: url(../Images/btn-qtyInput-background.png) repeat-x; border: 1px solid #aaa; color: #fff; float: left; font-size: 18px; height: 25px; line-height: 25px; text-align: center; width: 32px; } .mimeo-container-builder-background-darkBlue .mimeo-summaryInput-qty, .mimeo-container-builder-background-darkGray .mimeo-summaryInput-qty { color: #fff; } .mimeo-container-builder-background .mimeo-summaryInput-qty, .mimeo-container-builder-background-lightGray .mimeo-summaryInput-qty { color: #444; } .mimeo-summaryTotal { float: right; font-size: 25px; } .mimeo-container-builder-background .mimeo-btn-addToCart, .mimeo-container-builder-background-darkBlue .mimeo-btn-addToCart, .mimeo-container-builder-background-darkGray .mimeo-btn-addToCart, .mimeo-container-builder-background-lightGray .mimeo-btn-addToCart { cursor: pointer; float: left; font-size: 20px; height: auto; line-height: 26px; text-align: center; text-shadow: -1px -1px 0 #000; width: 198px; padding: 10px 0; } .mimeo-container-builder-background-darkBlue .mimeo-btn-addToCart, .mimeo-container-builder-background-darkGray .mimeo-btn-addToCart { border: 1px solid #aaa; background: url(../Images/btn-addToCart-background.png) repeat-x 0 0; color: #ddd; } .mimeo-container-builder-background-darkBlue .mimeo-btn-addToCart:hover, .mimeo-container-builder-background-darkGray .mimeo-btn-addToCart:hover { border: 1px solid #fff; color: #fff; } .mimeo-container-builder-background-darkBlue .mimeo-btn-addToCart:active, .mimeo-container-builder-background-darkGray .mimeo-btn-addToCart:active { background: url(../Images/btn-addToCart-background.png) repeat-x 0 -50px; } .mimeo-container-builder-background .mimeo-btn-addToCart, .mimeo-container-builder-background-lightGray .mimeo-btn-addToCart { border: 1px solid #000; background: #333; background: gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* for webkit browsers */ background: -moz-linear-gradient(top, #444444, #222222); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222'); /* for IE */ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #aaa; } .mimeo-container-builder-background .mimeo-btn-addToCart:hover, .mimeo-container-builder-background-lightGray .mimeo-btn-addToCart:hover { border: 1px solid #333; color: #fff; } .mimeo-container-builder-background .mimeo-btn-addToCart:active, .mimeo-container-builder-background-lightGray .mimeo-btn-addToCart:active { background: #333; background: gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#444444)); /* for webkit browsers */ background: -moz-linear-gradient(top, #222222, #444444); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444'); /* for IE */ } .mimeo-link { text-decoration: underline; cursor: pointer; } .mimeo-TurnaroundTimeMessage { clear: both; color: #666; position: relative; text-align: center; top: 10px; } #mimeo-detailPricingSummaryContainer { position: absolute; top: 0; right: 0; width: 700px; background-color: White; z-index: 1000; } /*-------------------------------------------------- END: ORDER SUMMARY --------------------------------------------------*/ /*-------------------------------------------------- BEGIN: NOTIFICATION PODS --------------------------------------------------*/ .mimeo-notificationPodContainer { position: absolute; right: 20px; top: 10px; width: 250px; z-index: 100; } .mimeo-notificationPod { margin: 0 0 5px 0; position: relative; } .mimeo-notificationBacking { background: #000; border-radius: 6px; bottom: 0; left: 0; min-height: 100px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-opacity: 0.90; /*FireFox*/ filter: alpha(opacity=90); /*IE*/ opacity: 0.90; /*Safari, Opera*/ position: absolute; right: 0; top: 0; width: 250px; } .mimeo-notificationPodContentContainer { padding: 10px; position: relative; } .mimeo-notificationPod-header { display: block; font-weight: bold; line-height: 20px; } .mimeo-notificationPod-body { color: #aaa; margin: 5px 0 0 0; min-height: 70px; } .mimeo-notificationPod-icon-alert, .mimeo-notificationPod-icon-alertDim, .mimeo-notificationPod-icon-help, .mimeo-notificationPod-icon-helpDim, .mimeo-notificationPod-icon-info, .mimeo-notificationPod-icon-infoDim, .mimeo-notificationPod-icon-warning, .mimeo-notificationPod-icon-warningDim { cursor: pointer; float: left; height: 18px; position: relative; width: 18px; } .mimeo-notificationPod-icon-alert { background: url(../Images/icon-notifications.png) no-repeat -32px -8px; } .mimeo-notificationPod-icon-alertDim { background: url(../Images/icon-notifications.png) no-repeat -32px -136px; } .mimeo-notificationPod-icon-alertDim:hover { background: url(../Images/icon-notifications.png) no-repeat -32px -8px; } .mimeo-notificationPod-icon-alertDim:active { background: url(../Images/icon-notifications.png) no-repeat -32px -136px; } .mimeo-notificationPod-icon-help { background: url(../Images/icon-notifications.png) no-repeat -32px -71px; } .mimeo-notificationPod-icon-helpDim { background: url(../Images/icon-notifications.png) no-repeat -32px -167px; } .mimeo-notificationPod-icon-helpDim:hover { background: url(../Images/icon-notifications.png) no-repeat -32px -71px; } .mimeo-notificationPod-icon-helpDim:active { background: url(../Images/icon-notifications.png) no-repeat -32px -167px; } .mimeo-notificationPod-icon-info { background: url(../Images/icon-notifications.png) no-repeat -32px -103px; } .mimeo-notificationPod-icon-infoDim { background: url(../Images/icon-notifications.png) no-repeat -32px -231px; } .mimeo-notificationPod-icon-infoDim:hover { background: url(../Images/icon-notifications.png) no-repeat -32px -103px; } .mimeo-notificationPod-icon-infoDim:active { background: url(../Images/icon-notifications.png) no-repeat -32px -231px; } .mimeo-notificationPod-icon-warning { background: url(../Images/icon-notifications.png) no-repeat -32px -40px; } .mimeo-notificationPod-icon-warningDim { background: url(../Images/icon-notifications.png) no-repeat -32px -168px; } .mimeo-notificationPod-icon-warningDim:hover { background: url(../Images/icon-notifications.png) no-repeat -32px -40px; } .mimeo-notificationPod-icon-warningDim:active { background: url(../Images/icon-notifications.png) no-repeat -32px -168px; } .mimeo-notificationPod-icon-alertLarge, .mimeo-notificationPod-icon-alertLargeDim, .mimeo-notificationPod-icon-alertLargeDim:hover, .mimeo-notificationPod-icon-alertLargeDim:active { cursor: pointer; float: left; height: 32px; position: relative; width: 32px; } .mimeo-notificationPod-icon-alertLarge { background: url(../Images/icon-notifications.png) no-repeat 0 0; } .mimeo-notificationPod-icon-alertLargeDim { background: url(../Images/icon-notifications.png) no-repeat 0 -128px; } .mimeo-notificationPod-icon-alertLargeDim:hover { background: url(../Images/icon-notifications.png) no-repeat 0 0; } .mimeo-notificationPod-icon-alertLargeDim:active { background: url(../Images/icon-notifications.png) no-repeat 0 -128px; } /*-------------------------------------------------- END: NOTIFICATION PODS --------------------------------------------------*/ /*-------------------------------------------------- BEING: MODAL DIALOGS --------------------------------------------------*/ .mimeo-modalContainer { bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 500; } .mimeo-modalContainer h1 { color: #999; font-size: 30px; font-weight: normal; margin: 0; padding: 0; text-align: left; } .mimeo-scrim { background: #000; bottom: 0; height: 100%; width: 100%; left: 0; -moz-opacity: 0.50; /*FireFox*/ filter: alpha(opacity=50); /*IE*/ opacity: 0.50; /*Safari, Opera*/ position: absolute; right: 0; top: 0; } .mimeo-modalContainer-small, .mimeo-modalContainer-medium, .mimeo-modalContainer-large { left: 50%; position: absolute; top: 20px; } .mimeo-modalContainer-small { height: 300px; margin-left: -200px; width: 400px; } .mimeo-modalContainer-medium { height: 600px; margin-left: -400px; width: 800px; } .mimeo-modalContainer-large { height: 800px; margin-left: -500px; width: 1000px; } .mimeo-modalContent { background: #fff; bottom: 0; color: #000; cursor: pointer; left: 0; margin: 10px; position: absolute; right: 0; top: 0; height: 100%; width: 100%; } .mimeo-modalContent table#mimeoTurnaroundTimeTable { margin: 0; padding: 0; position: relative; width: 740px; } .mimeo-modalContent table#mimeoTurnaroundTimeTable tr { height: 40px; } .mimeo-modalContent table#mimeoTurnaroundTimeTable tr.border-none { border-bottom: none; } .mimeo-modalContent table#mimeoTurnaroundTimeTable td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 10px 0 10px; } .mimeo-modalContent table#mimeoTurnaroundTimeTable td.cell-noBorderBottom { border-bottom: none; } .mimeo-modalContent table#mimeoTurnaroundTimeTable td.cell-noBorderRight { border-right: none; } .mimeo-modalContent table#mimeoTurnaroundTimeTable td.cell-lightGray { background: #efefef; } .notification-turnaroundTimeCutoff { color: #666; font-style: italic; text-align: center; } .labelRow, .labelColumn { font-size: 14px; font-weight: bold; } .labelRow { text-align: right; } .mimeo-modalHeader { background: #ccc; background: gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fcfcfc, #f0f0f0); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0'); /* for IE */ border-bottom: 1px solid #ddd; height: 40px; position: absolute; top: 0; width: 100%; } .mimeo-modalHeader-search { background: #fff; background: gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); /* for webkit browsers */ background: -moz-linear-gradient(top, #eeeeee, #ffffff); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */ border: 1px solid #bbb; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; height: 25px; margin: 7px 0 0 10px; position: relative; width: 230px; } .mimeo-modalHeader-searchIcon { background: url(../Images/icon-searchGray.png) no-repeat; float: left; height: 20px; left: 5px; top: 2px; width: 20px; } .mimeo-modalHeader-searchInput { background: none; color: #999; float: left; height: 25px; left: 5px; line-height: 25px; width: 195px; } .mimeo-modalHeader-searchResults { margin: 3px 0 0 10px; max-height: 450px; padding: 5px; width: 300px; z-index: 10; } .mimeo-modalHeader-searchResultsBacking, .mimeo-modalHeader-arrangeOptionsBacking { background: #000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; bottom: 0; left: 0; -moz-opacity: 0.80; /*FireFox*/ filter: alpha(opacity=80); /*IE*/ opacity: 0.80; /*Safari, Opera*/ position: absolute; right: 0; top: 0; } .mimeo-modalHeader-searchResults ul { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; clear: both; height: 30px; line-height: 30px; } .mimeo-modalHeader-searchResults ul:hover { background: #555; } .mimeo-modalHeader-searchResultsItem, .mimeo-modalHeader-searchResultsLabel { float: left; font-size: 12px; margin: 0 5px 0 0; } .mimeo-modalHeader-searchResultsItem { color: #fff; margin: 0 10px 0 10px; } .mimeo-modalHeader-searchResultsLabel { color: #999; } .mimeo-modalHeader-notification { color: #999; font-size: 12px; height: 40px; line-height: 42px; overflow: hidden; position: relative; text-align: center; text-shadow: 1px 1px 0 #fff; } .mimeo-contentView-gridActive, .mimeo-contentView-gridInactive, .mimeo-contentView-listActive, .mimeo-contentView-listInactive { float: left; height: 16px; position: relative; top: 12px; width: 16px; } .mimeo-contentView-gridActive { background: url(../Images/icon-content-viewOptions.png) 0 0 no-repeat; } .mimeo-contentView-gridInactive { background: url(../Images/icon-content-viewOptions.png) 0 -16px no-repeat; } .mimeo-contentView-gridActive:hover, .mimeo-contentView-gridInactive:hover { background: url(../Images/icon-content-viewOptions.png) 0 -32px no-repeat; } .mimeo-contentView-listActive { background: url(../Images/icon-content-viewOptions.png) -32px 0 no-repeat; } .mimeo-contentView-listInactive { background: url(../Images/icon-content-viewOptions.png) -32px -16px no-repeat; } .mimeo-contentView-listActive:hover, .mimeo-contentView-listInactive:hover { background: url(../Images/icon-content-viewOptions.png) -32px -32px no-repeat; } .mimeo-view-thumb-item { height: 165px; width: 130px; background: #ccc; float: left; margin: 5px; } .mimeo-modalHeader-libraryPaneLeft, .mimeo-modalHeader-libraryPaneRight { float: left; height: 40px; line-height: 40px; padding: 0 10px 0 10px; position: relative; } .mimeo-modalHeader-libraryPaneLeft { border-right: 1px solid #ddd; width: 229px; } .mimeo-modalHeader-libraryPaneRight { width: 510px; } .mimeo-modalHeader-arrangeBy { color: #999; cursor: pointer; height: 20px; line-height: 20px; position: absolute; right: 40px; top: 10px; } .mimeo-modalHeader-arrangeByIcon { background: url(../Images/icon-menuArrows-mediumGray.png) -6px -18px no-repeat; float: right; height: 6px; margin: 0 0 0 5px; position: relative; width: 12px; top: 6px; } .mimeo-modalFooter { background: #ccc; background: gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fcfcfc, #f0f0f0); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0'); /* for IE */ border-top: 1px solid #ddd; bottom: 0; height: 60px; position: absolute; width: 100%; } .mimeo-modalBodyContainer, .mimeo-modalBodyContainer-noFooter { left: 0; position: absolute; right: 0; top: 41px; } .mimeo-modalBodyContainer { bottom: 61px; } .mimeo-modalBodyContainer-noFooter { bottom: 0px; } .mimeo-modalBacking { background: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 100%; height: 100%; bottom: 0; color: #000; left: 0; -moz-opacity: 0.50; /*FireFox*/ filter: alpha(opacity=50); /*IE*/ opacity: 0.50; /*Safari, Opera*/ position: absolute; right: 0; top: 0; } #mimeoModalAddContentMyLibrary .mimeo-modalContent { width: 780px; height: 580px; } #mimeoModalTurnaroundTimeHelp .mimeo-modalContent { width: 740px; height: 540px; } #mimeoModalPrintFileError .mimeo-modalContent { width: 380px; height: 280px; } .mimeo-btnClose { background: url(../Images/btn-closeDialog.png); cursor: pointer; height: 32px; position: absolute; top: -20px; right: -20px; width: 32px; z-index: 10000; } /* Close Tool Panels & Notifications */ .mimeo-btnCloseToolPanel, .mimeo-btnCloseToolPanel:hover, .mimeo-btnCloseToolPanel:active, .mimeo-btnCloseNotification, .mimeo-btnCloseNotification:hover, .mimeo-btnCloseNotification:active { cursor: pointer; height: 16px; float: right; /*position: absolute; right: 5px; top: 5px;*/ width: 16px; z-index: 100; } /* Close Tool Panel */ .mimeo-btnCloseToolPanel { background: url(../Images/btn-closeToolPanel.png) no-repeat 0 0; } .mimeo-btnCloseToolPanel:hover { background: url(../Images/btn-closeToolPanel.png) no-repeat 0 -16px; } .mimeo-btnCloseToolPanel:active { background: url(../Images/btn-closeToolPanel.png) no-repeat 0 -32px; } /* Close Notification */ .mimeo-btnCloseNotification { background: url(../Images/btn-closeToolPanel.png) no-repeat 0 -32px; } .mimeo-btnCloseNotification:hover { background: url(../Images/btn-closeToolPanel.png) no-repeat 0 -16px; } .mimeo-btnCloseNotification:active { background: url(../Images/btn-closeToolPanel.png) no-repeat 0 -32px; } .mimeo-modalFooter input { background: #333; color: #fff; cursor: pointer; float: right; height: 40px; margin: 0 10px 0 0; right: 10px; top: 10px; width: 75px; } .mimeo-modalContent-footnote { color: #666; float: right; font-size: 11px; font-style: italic; position: relative; } .mimeo-modalNotification-default, .mimeo-modalNotification-error { font-size: 30px; position: relative; text-align: center; top: 50px; } .mimeo-modalNotification-default { color: #ccc; } .mimeo-modalNotification-error { color: #ff9999; } /*-------------------------------------------------- END: MODAL DIALOGS --------------------------------------------------*/ /*-------------------------------------------------- BEGIN: LIBRARY CONTENT --------------------------------------------------*/ .mimeo-modalLibraryPanelLeft { border-right: 1px solid #ddd; bottom: 0; left: 0; padding: 10px 0 0 5px; position: absolute; top: 0; width: 244px; overflow: auto; } .mimeo-modalLibraryPanelRight-noScroll { bottom: 0; left: 250px; overflow: none; position: absolute; right: 0; top: 0; width: 530px; } .mimeo-modalLibraryPanelRight { bottom: 0; left: 250px; overflow: hidden; overflow-y: scroll; position: absolute; right: 0; top: 0; width: 530px; } .mimeo-modalLibraryPanelRight-thumbs { bottom: 0; left: 250px; overflow: hidden; overflow-y: scroll; position: absolute; right: 0; top: 0; } .mimeo-folderPrintFilesList, .mimeo-folderPrintFilesGrid { bottom: 0; left: 0; overflow: none; overflow-y: scroll; position: absolute; right: 0; top: 0; } .mimeo-folderPrintFilesList-showMore, .mimeo-folderPrintFilesList-showMore:hover { background: #333; background: gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); /* for webkit browsers */ background: -moz-linear-gradient(top, #444444, #222222); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222'); /* for IE */ border: 1px solid #000; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; box-shadow: 0 3px 5px #666; -moz-box-shadow: 0 2px 2px #666; -webkit-box-shadow: 0 2px 2px #666; color: #aaa; cursor: pointer; font-size: 16px; height: 30px; left: 50%; line-height: 30px; margin-left: -150px; position: absolute; text-align: center; text-shadow: -1px -1px 0 #000; width: 300px; } .mimeo-folderPrintFilesList-showMore:hover { color: #fff; } .mimeo-folderPrintFileSelect { width: 12%; } ul.mimeo-tableRow { border-bottom: 1px solid #ddd; clear: both; height: 30px; overflow: hidden; width: 100%; } ul.mimeo-tableRow .mimeo-printFileIcon { height: 20px; width: 20px; background: url(../Images/PrintFile.gif); } ul.mimeo-tableRow .mimeo-printFileIconVDP { height: 20px; width: 20px; background: url(../Images/VariablePrintFile.gif); } div.mimeo-gridItemContainer { border: 1px solid #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; display: inline; float: left; height: 145px; margin: 0 10px 10px 0; padding: 5px; overflow: hidden; text-align: center; white-space: nowrap; width: 103px; } div.mimeo-gridItemContainer:hover { background: #eee; border: 1px solid #ddd; } .mimeo-tableRow-gridImageContainer img { background: #fff; } .mimeo-gridItem-VDPOverlay { background: url(../Images/icon-printFileLabel-vdp.png); box-shadow: 0 1px 3px #333; -moz-box-shadow: 0 1px 3px #333; -webkit-box-shadow: 0 1px 3px #333; height: 14px; left: 16px; position: absolute; top: 20px; width: 32px; } div.mimeo-gridItem-loading { background: url(../Images/spinner-small-light.gif) no-repeat 38px 30px; height: 80px; margin: 5px; } .mimeo-tableRow-gridImage { box-shadow: 0 2px 3px #333; -moz-box-shadow: 0 2px 3px #333; -webkit-box-shadow: 0 2px 3px #333; height: 80px; margin: 5px; } .mimeo-libraryItem-name { clear: both; font-size: 12px; font-weight: bold; } .mimeo-libraryItem-createdDate, .mimeo-libraryItem-modifiedDate { clear: both; color: #999; font-size: 11px; font-weight: normal; } ul.mimeo-tableRow:hover { background: #eee; } ul.mimeo-tableRow li { color: #333; float: left; font-size: 12px; line-height: 30px; } li.mimeo-alignLeft { text-align: left; } li.mimeo-alignCenter { text-align: center; } li.mimeo-alignRight { text-align: right; } li.mimeo-tableCell-5 { width: 5%; } li.mimeo-tableCell-10 { width: 10%; } li.mimeo-tableCell-15 { width: 15%; } li.mimeo-tableCell-20 { width: 20%; } li.mimeo-tableCell-25 { width: 25%; } li.mimeo-tableCell-30 { width: 30%; } li.mimeo-tableCell-35 { width: 35%; } li.mimeo-tableCell-40 { width: 40%; } li.mimeo-tableCell-45 { width: 45%; } li.mimeo-tableCell-50 { width: 50%; } li.mimeo-tableCell-55 { width: 55%; } li.mimeo-tableCell-60 { width: 60%; } li.mimeo-tableCell-65 { width: 65%; } li.mimeo-tableCell-70 { width: 70%; } li.mimeo-tableCell-75 { width: 75%; } li.mimeo-tableCell-80 { width: 80%; } li.mimeo-tableCell-85 { width: 85%; } li.mimeo-tableCell-90 { width: 90%; } li.mimeo-tableCell-95 { width: 95%; } li.mimeo-tableCell-100 { width: 100%; } li.mimeo-tableCellIndented { text-indent: 10px; } ul.mimeo-folderPrintFileRowDisabled, ul.mimeo-folderPrintFileRowDisabled:hover div.mimeo-folderPrintFileRowDisabled, div.mimeo-folderPrintFileRowDisabled:hover { background: #f8f8f8; } ul.mimeo-folderPrintFileRowDisabled li, ul.mimeo-folderPrintFileRowDisabled:hover li { color: #bbb; } ul.mimeo-folderPrintFileRowActive, ul.mimeo-folderPrintFileRowActive:hover, div.mimeo-folderPrintFileRowActive, div.mimeo-folderPrintFileRowActive:hover { background: #eee; } div.mimeo-folderPrintFileRowActive, div.mimeo-folderPrintFileRowActive:hover { background: #eee; border: 1px solid #ddd; } ul.mimeo-folderPrintFileRowActive li, ul.mimeo-folderPrintFileRowActive:hover li { background: #eee; } .mimeo-folderPrintFilesContainerPager { background: #ccc; background: gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0)); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fcfcfc, #f0f0f0); /* for firefox 3.6+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0'); /* for IE */ border-top: 1px solid #ddd; bottom: 0; height: 40px; left: 0; position: absolute; right: 0; width: 100%; height: 100%:; } /*-------------------------------------------------- END: LIBRARY CONTENT --------------------------------------------------*/