/* CSS for various plugins */ /* ---------------------------------------------------------------------- * Error Boxes * ---------------------------------------------------------------------- */ div.errorExplanation { margin: 10px 10px 20px; padding: 10px; border: 1px solid red; background: #fee } div.errorExplanation p { margin-bottom: .5em;} div.errorExplanation h2 { margin-bottom: .5em ;} div.errorExplanation ul { margin: 0; margin-left: 20px; } div.errorExplanation li { list-style: disc outside } .fieldWithErrors { display:inline; } .fieldWithErrors input, .fieldWithErrors textarea { border: 1px solid red;} /* ---------------------------------------------------------------------- * Facebox2 styles * ---------------------------------------------------------------------- */ #facebox .t { background:url(/images/facebox2/t.png) top left repeat-x; height: 20px; vertical-align: top;} #facebox .b { background:url(/images/facebox2/b.png) top left repeat-x; height: 20px;} #facebox .l { background:url(/images/facebox2/l.png) top left repeat-y; width: 19px; } #facebox .r { background:url(/images/facebox2/r.png) top left repeat-y; width: 19px; } #facebox .tl { background:url(/images/facebox2/tl.png) top left no-repeat; } #facebox .tr { background:url(/images/facebox2/tr.png) top right no-repeat; } #facebox .bl { background:url(/images/facebox2/bl.png) top left no-repeat; } #facebox .br { background:url(/images/facebox2/br.png) top right no-repeat; } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox a.close { position: absolute; top: 0; right: 0; background: url(/images/facebox2/close.png) top left no-repeat; dislay:block; width: 30px; height: 30px;} #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; margin: 0; padding: 0; width: auto;} #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 5px; background: #fff; min-width: 600px; min-height: 400px; } #facebox div.content { min-height: 200px; min-width: 600px;} #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0;} #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; background: #fff;} .facebox_hide { z-index:-100;} .facebox_overlayBG { background-color: #fff; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /* ---------------------------------------------------------------------------------------------- * Rating stars css * ---------------------------------------------------------------------------------------------- */ div.rating-panel { margin-bottom: 1em;} ul.star-rating { list-style: none; margin: 0; padding: 0;} /* clear button */ ul.star-rating .clear-rating-bt { position: absolute; right: -13px; } ul.star-rating .clear-rating-bt img { padding-top: 4px} /* offset image down a bit */ ul.star-rating { width: 80px; height: 16px; border: none; position: relative; background: url(/images/stars/alt_stars.png) repeat-x top left; } ul.star-rating li { list-style: none; } ul.star-rating li { padding: 0; margin: 0; /*\*/ float: left; /* */ } .star-rating li a { display:block; width:16px; height: 16px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; } .star-rating li a:hover { background: url(/images/stars/alt_stars.png) left bottom; z-index: 2; left: 0px; } .star-rating a.stars1 { left: 0px; } .star-rating a.stars1:hover { width:16px; } .star-rating a.stars2 { left:16px; } .star-rating a.stars2:hover { width: 32px; } .star-rating a.stars3 { left: 32px; } .star-rating a.stars3:hover { width: 48px; } .star-rating a.stars4 { left: 48px; } .star-rating a.stars4:hover { width: 64px; } .star-rating a.stars5 { left: 64px; } .star-rating a.stars5:hover { width: 80px;} .star-rating li.current-rating { list-style:none; border: none; background: url(/images/stars/alt_stars.png) left; position: absolute; height: 16px; display: block; text-indent: -9000px; z-index: 1; padding: 0px; } /* --------------------------------------------------------------------------- * jGrowl CSS * --------------------------------------------------------------------------- */ div.jGrowl { padding: 0 10px 0 0; z-index: 9999; } /** Normal Style Positions **/ body > div.jGrowl { position: fixed; } body > div.jGrowl.top-left { left: 0px; top: 0px;} body > div.jGrowl.top-right { right: 10px; top: 75px; } body > div.jGrowl.bottom-left { left: 0px; bottom: 0px; } body > div.jGrowl.bottom-right { right: 0px; bottom: 0px; } body > div.jGrowl.center { top: 0px; width: 50%; left: 25%;} /** Cross Browser Styling **/ div.jGrowl div.jGrowl-closer { background: #000; color: #fff; } div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; } div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { opacity: .85; display:block; position:relative; filter: alpha(opacity = 85); zoom: 1; width: 300px; padding: 5px; margin-top: 5px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; display: none; border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.jGrowl div.jGrowl-notification { min-height: 40px; } div.jGrowl div.jGrowl-notification div.header { font-weight: bold; font-size: 10px; } div.jGrowl div.jGrowl-notification div.close { position:absolute; top: -5px; right:2px; font-weight: bold; font-size: 14px; cursor: pointer; } div.jGrowl div.jGrowl-closer { height: 15px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center; } div.jGrowl div.jGrowl-closer { background:#FFF6BF;color:#514721;border-color:#FFD324; } div.jGrowl .error .message { padding-left: 40px; height: 32px; background: url(/images/icons/alert.png) center left no-repeat; } /** Special IE6 Style Positioning **/ div.ie6 { position: absolute; } div.ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; } /* --------------------------------------------------------------------------- * Simple Modal * --------------------------------------------------------------------------- */ #simplemodal-overlay {background-color:#fff;} /* Container */ #simplemodal-container {height:500px; width:900px; background-color:#fff; border:4px solid #999;} #simplemodal-container a.modalCloseImg {background:url(/images/facebox2/close.png) no-repeat; width:32px; height:32px; z-index:3200; position:absolute; top:-15px; right:-17px; cursor:pointer;} /* --------------------------------------------------------------------------- * Google Custom Buttons * --------------------------------------------------------------------------- */ .btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; font-size: 12px; text-decoration:none; color:#0758a8; } * html button.btn { padding-bottom:1px; } /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn { margin:0 -3px; } .btn span { background:#ddd url(/images/bt/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; } * html .btn span { padding-top:0; } .btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; } /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button.pill-l span { border-right-width:0; } button.pill-l span span { border-right:1px solid #bbb; } button.pill-c span { border-right-style:none; border-left-color:#fff; } button.pill-c span span { border-right:1px solid #bbb; } button.pill-r span { border-left-color:#fff; } /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important; color:#000; } .btn.disabled:hover span, .btn.disabled:hover span span, .btn.disabled:focus span, .btn.disabled:focus span span { cursor: pointer; color: #888; } .btn:active span { background-position:0 -400px; outline:none; } .btn:focus, .btn:active { outline:none; /* doesn't seem to be respected for