/* Optimised using http://www.cleancss.com/ */ /**************************************************************************************************/ /* ERIC MEYER'S RESET STYLESHEET May 2007 */ :focus{outline:0;} blockquote,q{quotes:"" "";} blockquote:before,blockquote:after,q:before,q:after{content:"";} body{background:#FFF;color:#000;line-height:1;} caption,th,td{font-weight:400;text-align:left;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,/*strong,*/sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;} /*ol,*/ul{list-style:none;} table{border-collapse:separate;border-spacing:0;} /**************************************************************************************************/ /**************************************************************************************************/ /* STOPDESIGN.COM CUSTOM BUTTONS 3.0 Feb 2008 */ .btn {display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333;} * 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/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:active span {background-position:0 -400px; outline:none;} .btn:focus, .btn:active {outline:none; /* doesn't seem to be respected for