apispree_core 0.0.0

data/public/stylesheets/admin/reset-fonts-grids-2-6-0.css

@@ -0,0 +1,7 @@
+/*
+Copyright (c) 2008, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.6.0
+*/
+html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

data/public/stylesheets/admin/token-input.css

@@ -0,0 +1,109 @@
+/* Example tokeninput style #1: Token vertical list*/
+ul.token-input-list {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 1%;
+    width: 400px;
+    border: 1px solid #999;
+    cursor: text;
+    font-size: 12px;
+    font-family: Verdana;
+    z-index: 999;
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+}
+
+ul.token-input-list li {
+    list-style-type: none;
+}
+
+ul.token-input-list li input {
+    border: 0;
+    width: 350px;
+    padding: 3px 8px;
+    background-color: white;
+}
+
+li.token-input-token {
+    overflow: hidden; 
+    height: auto !important; 
+    height: 1%;
+    margin: 3px;
+    padding: 3px 5px;
+    color: #000;
+    font-weight: bold;
+    cursor: default;
+    display: block;
+}
+
+li.token-input-token p {
+    float: left;
+    padding: 0;
+    margin: 0;
+}
+
+li.token-input-token span {
+    float: right;
+    color: #777;
+    cursor: pointer;
+}
+
+li.token-input-selected-token {
+    background-color: #08844e;
+    color: #fff;
+}
+
+li.token-input-selected-token span {
+    color: #bbb;
+}
+
+div.token-input-dropdown {
+    position: absolute;
+    width: 400px;
+    background-color: #fff;
+    overflow: hidden;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    cursor: default;
+    font-size: 12px;
+    font-family: Verdana;
+    z-index: 1;
+}
+
+div.token-input-dropdown p {
+    margin: 0;
+    padding: 5px;
+    font-weight: bold;
+    color: #777;
+}
+
+div.token-input-dropdown ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.token-input-dropdown ul li {
+    background-color: #fff;
+    padding: 3px;
+    list-style-type: none;
+}
+
+div.token-input-dropdown ul li.token-input-dropdown-item {
+    background-color: #fafafa;
+}
+
+div.token-input-dropdown ul li.token-input-dropdown-item2 {
+    background-color: #fff;
+}
+
+div.token-input-dropdown ul li em {
+    font-weight: bold;
+    font-style: normal;
+}
+
+li.token-input-token, div.token-input-dropdown ul li.token-input-selected-dropdown-item {
+    background-color: #BBDAFD;
+}
+

data/public/stylesheets/admin/yui-includes.css

@@ -0,0 +1,14 @@
+/*
+Copyright (c) 2008, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.5.2
+*/
+.yuimenubar{visibility:visible;position:static;}.yuimenu .yuimenu,.yuimenubar .yuimenu{visibility:hidden;position:absolute;top:-10000px;left:-10000px;}.yuimenubar li,.yuimenu li{list-style-type:none;}.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6{margin:0;padding:0;}.yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;}.yuimenubar ul{*zoom:1;}.yuimenubar .yuimenu ul{*zoom:normal;}.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}.yuimenubaritem{float:left;}.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}.yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;}.yui-menu-shadow{position:absolute;visibility:hidden;z-index:-1;}.yui-menu-shadow-visible{top:2px;right:-3px;left:-3px;bottom:-3px;visibility:visible;}.hide-scrollbars *{overflow:hidden;}.hide-scrollbars select{display:none;}.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;}.yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow{overflow:hidden;}.yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow{overflow:auto;}.yui-skin-sam .yuimenubar{font-size:93%;line-height:2;*line-height:1.9;border:solid 1px #808080;background:url(/images/yui-sprite.png) repeat-x 0 0;}.yui-skin-sam .yuimenubarnav .yuimenubaritem{border-right:solid 1px #ccc;}.yui-skin-sam .yuimenubaritemlabel{padding:0 10px;color:#000;text-decoration:none;cursor:default;border-style:solid;border-color:#808080;border-width:1px 0;*position:relative;margin:-1px 0;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel{padding-right:20px;*display:inline-block;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu{background:url(/images/yui-menubaritem_submenuindicator.png) right center no-repeat;}.yui-skin-sam .yuimenubaritem-selected{background:url(/images/yui-sprite.png) repeat-x 0 -1700px;}.yui-skin-sam .yuimenubaritemlabel-selected{border-color:#7D98B8;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected{border-left-width:1px;margin-left:-1px;*left:-1px;}.yui-skin-sam .yuimenubaritemlabel-disabled{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled{background-image:url(/images/yui-menubaritem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenu{font-size:93%;line-height:1.5;*line-height:1.45;}.yui-skin-sam .yuimenubar .yuimenu,.yui-skin-sam .yuimenu .yuimenu{font-size:100%;}.yui-skin-sam .yuimenu .bd{border:solid 1px #808080;background-color:#fff;}.yui-skin-sam .yuimenu ul{padding:3px 0;border-width:1px 0 0 0;border-color:#ccc;border-style:solid;}.yui-skin-sam .yuimenu ul.first-of-type{border-width:0;}.yui-skin-sam .yuimenu h6{font-weight:bold;border-style:solid;border-color:#ccc;border-width:1px 0 0 0;color:#a4a4a4;padding:3px 10px 0 10px;}.yui-skin-sam .yuimenu ul.hastitle,.yui-skin-sam .yuimenu h6.first-of-type{border-width:0;}.yui-skin-sam .yuimenu .yui-menu-body-scrolled{border-color:#ccc #808080;overflow:hidden;}.yui-skin-sam .yuimenu .topscrollbar,.yui-skin-sam .yuimenu .bottomscrollbar{height:16px;border:solid 1px #808080;background:#fff url(/images/yui-sprite.png) no-repeat 0 0;}.yui-skin-sam .yuimenu .topscrollbar{border-bottom-width:0;background-position:center -950px;}.yui-skin-sam .yuimenu .topscrollbar_disabled{background-position:center -975px;}.yui-skin-sam .yuimenu .bottomscrollbar{border-top-width:0;background-position:center -850px;}.yui-skin-sam .yuimenu .bottomscrollbar_disabled{background-position:center -875px;}.yui-skin-sam .yuimenuitem{_border-bottom:solid 1px #fff;}.yui-skin-sam .yuimenuitemlabel{padding:0 20px;color:#000;text-decoration:none;cursor:default;}.yui-skin-sam .yuimenuitemlabel .helptext{margin-top:-1.5em;*margin-top:-1.45em;}.yui-skin-sam .yuimenuitem-hassubmenu{background-image:url(/images/yui-menuitem_submenuindicator.png);background-position:right center;background-repeat:no-repeat;}.yui-skin-sam .yuimenuitem-checked{background-image:url(/images/yui-menuitem_checkbox.png);background-position:left center;background-repeat:no-repeat;}.yui-skin-sam .yui-menu-shadow-visible{background-color:#000;opacity:.12;*filter:alpha(opacity=12);}.yui-skin-sam .yuimenuitem-selected{background-color:#B3D4FF;}.yui-skin-sam .yuimenuitemlabel-disabled{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenuitem-hassubmenu-disabled{background-image:url(/images/yui-menuitem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenuitem-checked-disabled{background-image:url(/images/yui-menuitem_checkbox_disabled.png);}
+/*
+Copyright (c) 2008, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.5.2
+*/
+.ygtvitem{}.ygtvitem table{margin-bottom:0;border:none;}.ygtvitem td{border:none;padding:0;}.ygtvtn{width:18px;height:22px;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -5600px no-repeat;}.ygtvtm{width:18px;height:22px;cursor:pointer;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -4000px no-repeat;}.ygtvtmh{width:18px;height:22px;cursor:pointer;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -4800px no-repeat;}.ygtvtp{width:18px;height:22px;cursor:pointer;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -6400px no-repeat;}.ygtvtph{width:18px;height:22px;cursor:pointer;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -7200px no-repeat;}.ygtvln{width:18px;height:22px;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -1600px no-repeat;}.ygtvlm{width:18px;height:22px;cursor:pointer;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 0px no-repeat;}.ygtvlmh{width:18px;height:22px;cursor:pointer;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -800px no-repeat;}.ygtvlp{width:18px;height:22px;cursor:pointer;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -2400px no-repeat;}.ygtvlph{width:18px;height:22px;cursor:pointer;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -3200px no-repeat;}.ygtvloading{width:18px;height:22px;background:url(/images/tree-nav-icons/treeview-loading.gif) 0 0 no-repeat;}.ygtvdepthcell{width:18px;height:22px;background:url(/images/tree-nav-icons/treeview-sprite.gif) 0 -8000px no-repeat;}.ygtvblankdepthcell{width:18px;height:22px;}.ygtvchildren{}* html .ygtvchildren{height:2%;}.ygtvlabel,.ygtvlabel:link,.ygtvlabel:visited,.ygtvlabel:hover{margin-left:2px;text-decoration:none;background-color:white;}.ygtvspacer{height:22px;width:12px;}

data/public/stylesheets/datepicker.css

@@ -0,0 +1,263 @@
+/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */
+
+/* The wrapper div */
+div.datePicker
+        {
+        position:absolute;
+        min-width:24em;
+        width:24em;
+        z-index:9999;
+        text-align:center;
+
+        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
+        font:900 0.8em/0.8em Verdana, Sans-Serif;
+        
+        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
+        /* font:900 77%/77% Verdana; */
+
+        background:transparent;
+
+        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
+        -moz-user-select:none;
+        -khtml-user-select:none;
+        }
+/* Styles for the static datePickers */
+div.staticDP
+        {
+        position:relative;
+        top:5px;
+        left:0;
+        }
+/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
+iframe.iehack
+        {
+        position:absolute;
+        background:#fff;
+        z-index:9998;
+        padding:0;
+        border:0;
+        display:none;
+        margin:0;
+        }
+/* The "button" created beside each input for non-static datePickers */
+a.date-picker-control:link,
+a.date-picker-control:visited,
+a.date-picker-control:hover,
+a.date-picker-control:active,
+a.date-picker-control:focus
+        {
+        /*position:relative;*/
+        /* Moz & FF */
+        display: -moz-inline-stack;
+        border:0 none;
+        padding:0;
+        margin:0 0 0 4px;
+        background:transparent url(/images/datepicker/cal.gif) no-repeat 50% 50%;
+        min-width:16px;
+        line-height:1;
+        cursor:pointer;
+        visibility:visible;
+        text-decoration:none;
+        vertical-align:middle;
+        }
+/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
+* html a.date-picker-control
+        {
+        width:16px;
+        }
+a.date-picker-control
+        {
+        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
+        display:inline-block;
+        }
+a.date-picker-control span
+        {
+        display:block;
+        width:16px;
+        height:16px;
+        margin:auto 0;
+        }
+/* The next & previous buttons */
+div.datePicker th span
+        {
+        display:inline;
+        padding:0;
+        margin:0;
+        color:#000;
+        text-align:center;
+        line-height:1em;
+        border-width:0;
+        font-family: georgia, times new roman, palatino, times, bookman, serif;
+        background:transparent;
+        font-weight:bold;
+        cursor:pointer;
+        }
+div.datePicker th span.month-display,
+div.datePicker th span.year-display
+        {
+        text-transform:uppercase;
+        letter-spacing:1px;
+        font:normal 1.2em Verdana, Sans-Serif;
+        cursor:default;
+        }
+div.datePicker th span.prev-but,
+div.datePicker th span.next-but
+        {
+        font-size:1.8em;
+        cursor:pointer !important;
+        }
+
+div.datePicker th span.today-but
+        {
+        text-align:center;
+        margin:0 auto;
+        font:normal 1em Verdana, Sans-Serif;
+        width:100%;
+        text-decoration:none;
+        line-height:1.6em;
+        text-transform:uppercase;
+        cursor:pointer !important
+        }
+div.datePicker thead th span.fd-disabled
+        {
+        color:#aaa;
+        cursor:default !important;
+        }
+/* The mon, tue, wed etc day buttons */
+div.datePicker th span.fd-day-header
+        {
+        text-align:center;
+        margin:0 auto;
+        font:900 1em Verdana, Sans-Serif;
+        height:1.4em;
+        width:2em;
+        text-decoration:none;
+        text-transform:lowercase;
+        line-height:1.4em;
+        }
+/* The table */
+div.datePicker table
+        {
+        position:relative;
+        margin:0;
+        padding:0;
+        border:1px solid #ccc;
+        background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
+        text-align:center;
+        width:100%;
+        border-spacing:2px;
+        table-layout:fixed;
+        border-collapse:separate;
+        }
+/* Common TD & TH styling */
+div.datePicker table td
+        {
+        border:1px solid #ccc;
+        padding:0;
+        text-align:center;
+        vertical-align:middle;
+        /* Opera requires a line-height bigger than 1em in order to redraw properly */
+        line-height:1.2em;
+        cursor:pointer;
+        background:#fff url(/images/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
+        width:3em;
+        height:3em !important;
+        height:2.8em;
+        outline:none;
+        }
+div.datePicker table th
+        {
+        border:0 none;
+        padding:0;
+        line-height:1em;
+        font-weight:bold;
+        color:#222;
+        text-align:center;
+        vertical-align:middle;
+        }
+div.datePicker table td.date-picker-unused
+        {
+        background:#fff url(/images/datepicker/backstripes.gif);
+        border-color:#dcdcdc;
+        padding:0;
+        cursor:default !important;
+        }
+div.datePicker table thead th.date-picker-title
+        {
+        width:auto;
+        height:auto;
+        padding:0.4em 0;
+        }
+/* The "mon tue wed etc" day header button styles */
+div.datePicker table th.date-picker-day-header
+        {
+        text-transform:lowercase;
+        width:3em;
+        }
+div.datePicker table th.date-picker-day-header span
+        {
+        display:block;
+        }
+/* The "todays date" style */
+div.datePicker table td.date-picker-today
+        {
+        background:#fff url(/images/datepicker/bullet2.gif) no-repeat 0 0;
+        color:rgb(100,100,100) !important;
+        }
+/* The "selected date" style */
+div.datePicker table td.date-picker-selected-date
+        {
+        color:#333 !important;
+        border-color:#333 !important;
+        }
+/* the "highlight days" style */
+td.date-picker-highlight
+        {
+        color:#a86666;
+        }
+/* The date "out of range" style */
+div.datePicker table td.out-of-range
+        {
+        color:#ccc !important;
+        font-style:oblique;
+        background:#fcfcfc !important;
+        cursor:default !important;
+        }
+/* The "disabled days" style */
+div.datePicker table td.day-disabled
+        {
+        color:#aaa !important;
+        background:transparent !important;
+        cursor:default !important;
+        }
+/* The "active cursor" style */
+div.datePicker table tbody td.date-picker-hover
+        {
+        background:#fff url(/images/datepicker/bg_header.jpg) no-repeat 0 0;
+        cursor:pointer;
+        border-color:rgb(100,130,170);
+        color:rgb(100,130,170);
+        }
+/*
+   Quirksmode necessity?
+   ---------------------
+
+   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
+   then uncomment the following CSS rule to set a less drastic font-size in IE
+
+div.datePicker table th,
+div.datePicker table td
+        {
+        font-size:100%;
+        }
+*/
+
+/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
+* html div.datePicker table td
+        {
+        background-image:none;
+        }
+* html div.datePicker table td.date-picker-unused
+        {
+        background:#f2f2f2;
+        }

data/public/stylesheets/jquery.autocomplete.css

@@ -0,0 +1,48 @@
+.ac_results {
+  padding: 0px;
+  border: 1px solid black;
+  background-color: white;
+  overflow: hidden;
+  z-index: 99999;
+}
+
+.ac_results ul {
+  width: 100%;
+  list-style-position: outside;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.ac_results li {
+  margin: 0px;
+  padding: 2px 5px;
+  cursor: default;
+  display: block;
+  /*
+  if width will be 100% horizontal scrollbar will apear
+  when scroll mode will be used
+  */
+  /*width: 100%;*/
+  font: menu;
+  font-size: 12px;
+  /*
+  it is very important, if line-height not setted or setted
+  in relative units scroll will be broken in firefox
+  */
+  line-height: 16px;
+  overflow: hidden;
+}
+
+.ac_loading {
+  background: white url('indicator.gif') right center no-repeat;
+}
+
+.ac_odd {
+  background-color: #eee;
+}
+
+.ac_over {
+  background-color: #0A246A;
+  color: white;
+}

data/public/stylesheets/screen.css

@@ -0,0 +1,916 @@
+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 {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+*:focus { outline: 0; }
+body {
+  line-height: 1em;
+  color: black;
+  background: #ffffff;
+}
+ol, ul { list-style: none; }
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+  vertical-align: middle;
+}
+caption, th, td {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle;
+}
+q, blockquote { quotes: "" ""; }
+q:before { content: ""; }
+q:after { content: ""; }
+blockquote:before { content: ""; }
+blockquote:after { content: ""; }
+img a { border: none; }
+hr {
+  background: #dddddd;
+  color: #dddddd;
+  clear: both;
+  float: none;
+  width: 100%;
+  height: 0.1em;
+  margin: 0 0 1.45em;
+  border: none;
+}
+hr.space {
+  background: #dddddd;
+  color: #dddddd;
+  clear: both;
+  float: none;
+  width: 100%;
+  height: 0.1em;
+  margin: 0 0 1.45em;
+  border: none;
+  background: #ffffff;
+  color: #ffffff;
+}
+body {
+  line-height: 1.5;
+  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
+  color: #333333;
+  font-size: 75%;
+}
+h1 {
+  font-weight: normal;
+  color: #222222;
+  font-size: 3em;
+  line-height: 1;
+  margin-bottom: 0.5em;
+}
+h1 img { margin: 0; }
+h2 {
+  font-weight: normal;
+  color: #222222;
+  font-size: 2em;
+  margin-bottom: 0.75em;
+}
+h3 {
+  font-weight: normal;
+  color: #222222;
+  font-size: 1.5em;
+  line-height: 1;
+  margin-bottom: 1em;
+}
+h4 {
+  font-weight: normal;
+  color: #222222;
+  font-size: 1.2em;
+  line-height: 1.25;
+  margin-bottom: 1.25em;
+}
+h5 {
+  font-weight: normal;
+  color: #222222;
+  font-size: 1em;
+  font-weight: bold;
+  margin-bottom: 1.5em;
+}
+h6 {
+  font-weight: normal;
+  color: #222222;
+  font-size: 1em;
+  font-weight: bold;
+}
+h2 img { margin: 0; }
+h3 img { margin: 0; }
+h4 img { margin: 0; }
+h5 img { margin: 0; }
+h6 img { margin: 0; }
+p { margin: 0 0 1.5em; }
+p img.left {
+  display: inline;
+  float: left;
+  margin: 1.5em 1.5em 1.5em 0;
+  padding: 0;
+}
+p img.right {
+  display: inline;
+  float: right;
+  margin: 1.5em 0 1.5em 1.5em;
+  padding: 0;
+}
+a {
+  text-decoration: underline;
+  color: #2e6ab1;
+}
+blockquote {
+  margin: 1.5em;
+  color: #666666;
+  font-style: italic;
+}
+strong { font-weight: bold; }
+em { font-style: italic; }
+dfn {
+  font-style: italic;
+  font-weight: bold;
+}
+sup, sub { line-height: 0; }
+abbr, acronym { border-bottom: 1px dotted #666666; }
+address {
+  margin: 0 0 1.5em;
+  font-style: italic;
+}
+del { color: #666666; }
+pre {
+  margin: 1.5em 0;
+  white-space: pre;
+}
+pre, code, tt {
+  font: 1em 'andale mono', 'lucida console', monospace;
+  line-height: 1.5;
+}
+li ul { margin: 0 1.5em; }
+li ol { margin: 0 1.5em; }
+ul {
+  margin: 0 1.5em 1.5em 1.5em;
+  list-style-type: disc;
+}
+ol {
+  margin: 0 1.5em 1.5em 1.5em;
+  list-style-type: decimal;
+}
+dl { margin: 0 0 1.5em 0; }
+dl dt { font-weight: bold; }
+dd { margin-left: 1.5em; }
+table {
+  margin-bottom: 1.4em;
+  width: 100%;
+}
+th { font-weight: bold; }
+thead th { background: #c3d9ff; }
+th, td, caption { padding: 4px 10px 4px 5px; }
+tr.even td { background: #e5ecf9; }
+tfoot { font-style: italic; }
+caption { background: #eeeeee; }
+.quiet { color: #666666; }
+.loud { color: #111111; }
+form p.field {
+  margin-bottom: 0.5em;
+  clear: both;
+}
+form p.field span.req {
+  color: red;
+  float: left;
+  margin-left: 2px;
+  position: relative;
+  top: -3px;
+}
+form p.field input[type=text] {
+  float: left;
+  margin: 0 5px 7px 0;
+}
+form p.field select {
+  float: left;
+  margin: 0 5px 7px 0;
+}
+form p.field.radios { line-height: 150%; }
+label { font-weight: bold; }
+div#checkout #checkout_form_address #billing label.error {
+  color: red;
+  float: left;
+  text-align: left;
+  display: inline-block;
+  top: 0px;
+  font-size: 11px;
+  border: none;
+  padding: 0px;
+  width: auto;
+}
+div#checkout #checkout_form_address #shipping label.error {
+  color: red;
+  float: left;
+  text-align: left;
+  display: inline-block;
+  top: 0px;
+  font-size: 11px;
+  border: none;
+  padding: 0px;
+  width: auto;
+}
+fieldset { margin-bottom: 1em; }
+legend {
+  font-size: 150%;
+  font-weight: bold;
+  margin-bottom: 0.5em;
+}
+.no_margin_or_padding {
+  margin: 0;
+  padding: 0;
+}
+.leftie {
+  float: left;
+  width: 49%;
+}
+.rightie {
+  float: right;
+  width: 49%;
+}
+.clearfix {
+  overflow: hidden;
+  display: inline-block;
+}
+.clearfix { display: block; }
+.nowrap { white-space: nowrap; }
+.no-bullets { list-style: none; }
+.inline-list {
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+  display: inline;
+}
+.inline-list li {
+  margin: 0px;
+  padding: 0px;
+  display: inline;
+}
+.colborder {
+  padding-right: 24px;
+  margin-right: 25px;
+  border-right: 1px solid #eeeeee;
+}
+body {
+  margin-top: 10px;
+  background: #ffffff url(../images/body-back.png) top left repeat-x;
+}
+div.left {
+  float: left;
+  width: 49%;
+}
+div.right {
+  float: right;
+  width: 49%;
+}
+a { outline: none; }
+#wrapper {
+  background: transparent url(../images/wrapper-back.png) top center no-repeat;
+  padding: 25px 20px 20px;
+  position: relative;
+}
+body.two-col #wrapper { background-image: url(../images/wrapper-back-2.png); }
+.container {
+  width: 950px;
+  margin: 0 auto;
+  overflow: hidden;
+  display: block;
+}
+#sidebar {
+  display: inline;
+  float: right;
+  width: 150px;
+  min-height: 100px;
+  margin-right: 10px;
+  padding-right: 24px;
+  margin-right: 25px;
+  border-right: 1px solid #eeeeee;
+}
+#sidebar h3 { margin-bottom: 0.5em; }
+body.one-col #content {
+  display: inline;
+  float: left;
+  width: 950px;
+}
+body.two-col #content {
+  display: inline;
+  float: left;
+  width: 750px;
+}
+#header {
+  position: relative;
+  color: #2e6ab1;
+  clear: both;
+}
+#header a { color: #2e6ab1; }
+#header a:hover { color: #eeeeee; }
+#footer {
+  padding-top: 2em;
+  clear: both;
+}
+#footer div.left { width: 37%; }
+#footer div.right {
+  width: 63%;
+  text-align: right;
+}
+h1 { font-size: 2.5em; }
+.form-buttons, .clear { clear: both; }
+input.title { width: auto; }
+p.follow-all {
+  font-size: 1.3em;
+  text-align: center;
+  display: block;
+}
+p img {
+  float: left;
+  margin-right: 5px;
+  vertical-align: middle;
+}
+.navigation-list {
+  list-style: none;
+  margin: 0 0 1.5em -15px;
+}
+.navigation-list li { margin: 0; }
+.navigation-list li a {
+  cursor: pointer !important;
+  text-decoration: none;
+  color: #333333;
+  display: block;
+  line-height: 2.5em;
+  padding-left: 20px;
+  width: 170px;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.navigation-list li a:hover { background: url(../images/menu-hover.png) right center no-repeat; }
+.navigation-list li.current { width: 200px; }
+.navigation-list li.current a {
+  width: 180px;
+  background: url(../images/menu-current.png) right center no-repeat;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.navigation-list li.current a.root { width: 183px; }
+.navigation-list a.root {
+  color: #222222;
+  font-size: 1.5em;
+  text-indent: -5px;
+  line-height: 2.2em;
+}
+.breadcrumbs { margin-bottom: 1em; }
+.breadcrumbs ul {
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+  display: inline;
+  margin: 0;
+  padding: 0;
+  overflow: auto;
+}
+.breadcrumbs ul li {
+  margin: 0px;
+  padding: 0px;
+  display: inline;
+}
+.breadcrumbs ul li {
+  line-height: 20px;
+  color: #666666;
+}
+.breadcrumbs ul li a {
+  text-decoration: none;
+  padding: 5px 7px;
+  color: #666666;
+}
+.breadcrumbs ul li span {
+  text-decoration: none;
+  padding: 5px 7px;
+  color: #666666;
+}
+.breadcrumbs ul li span { color: #333333; }
+div#login-bar { display: inline; }
+ul#language-bar {
+  list-style-type: none;
+  margin: 0px;
+  padding: 0px;
+  display: inline;
+}
+ul#language-bar li {
+  margin: 0px;
+  padding: 0px;
+  display: inline;
+}
+ul#language-bar strong { font-weight: normal; }
+ul#nav-bar {
+  line-height: 50px;
+  float: right;
+  clear: both;
+  font-size: 1.2em;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+ul#nav-bar li {
+  float: left;
+  margin-left: 1em;
+}
+ul#nav-bar li.cart-indicator a {
+  padding-right: 40px;
+  background: transparent url(../images/cart-empty_x32.png) center right no-repeat;
+  display: block;
+}
+ul#nav-bar li.cart-indicator a.full { background-image: url(../images/cart-full_x32.png); }
+.pagination {
+  padding-top: 10px;
+  text-align: right;
+}
+.pagination a.page {
+  padding: 0px 5px;
+  margin: 0px 3px;
+}
+.pagination span.page {
+  padding: 0px 5px;
+  margin: 0px 3px;
+}
+.pagination a.page {
+  text-decoration: none;
+  border: 1px solid #9aafe5;
+  color: #2e6ab1;
+}
+.pagination a.page:hover {
+  border: 1px solid #2b66a5;
+  color: #000000;
+}
+.pagination a.page:active {
+  border: 1px solid #2b66a5;
+  color: #000000;
+}
+.pagination a.next_page { font-weight: bold; }
+.pagination span.disabled_page {
+  border: 1px solid #929292;
+  color: #929292;
+}
+.pagination span.current_page {
+  font-weight: bold;
+  border: 1px solid;
+  border-color: #162f54;
+  background-color: #2e6ab1;
+  color: #ffffff;
+}
+.flash {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  font-size: 1.3em;
+  margin-bottom: 1em;
+  padding: 0.8em;
+}
+.flash.notice {
+  background: #ccddff url(../images/shadow_top.png) 0px -50px repeat-x;
+  color: #556699;
+  border: 1px solid #99aacc;
+}
+.flash.errors {
+  background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
+  color: #000000;
+  border: 1px solid #000000;
+}
+.formError {
+  font-size: 1.3em;
+  margin-bottom: 1em;
+  padding: 0.8em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
+  color: #000000;
+  border: 1px solid #000000;
+}
+.formError p { margin: 0px; }
+.formError ul { margin-bottom: 0px; }
+.formError h2 {
+  font-weight: bold;
+  font-size: 1em;
+  margin: 0px;
+}
+.errorExplanation {
+  font-size: 1.3em;
+  margin-bottom: 1em;
+  padding: 0.8em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background: #f4b4b4 url(../images/shadow_top.png) 0px -50px repeat-x;
+  color: #000000;
+  border: 1px solid #000000;
+}
+.errorExplanation p { margin: 0px; }
+.errorExplanation ul { margin-bottom: 0px; }
+.errorExplanation h2 {
+  font-weight: bold;
+  font-size: 1em;
+  margin: 0px;
+}
+.fieldWithErrors { clear: none; }
+button, a.button, input.button {
+  -moz-border-radius: 0.3em;
+  -webkit-border-radius: 0.3em;
+  border-radius: 0.3em;
+  background: #efefef url(../images/buttons/bg-button.png) center left repeat-x !important;
+  border-style: solid;
+  border-width: 1px !important;
+  border-color: #dddddd #999999 #999999 #dddddd !important;
+  -moz-outline-radius: 0.3em;
+  color: #111111;
+  display: inline-block;
+  font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
+  font-size: 1.1em !important;
+  font-size-adjust: none;
+  font-stretch: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1.2em;
+  margin: 0px;
+  overflow: visible;
+  padding: 10px 17px;
+  text-decoration: none;
+  text-transform: lowercase;
+  width: auto;
+  height: auto;
+  cursor: pointer;
+}
+button.primary, a.button.primary, input.button.primary {
+  font-weight: bold;
+  color: #000000;
+}
+button:hover { background-image: url(../images/buttons/bg-button-hover.png) !important; }
+a.button:hover { background-image: url(../images/buttons/bg-button-hover.png) !important; }
+input.button:hover { background-image: url(../images/buttons/bg-button-hover.png) !important; }
+button.large, a.button.large, input.button.large {
+  -moz-border-radius: 0.3em;
+  -webkit-border-radius: 0.3em;
+  border-radius: 0.3em;
+  font-size: 1.4em !important;
+  line-height: 1.4em;
+}
+button.small, a.button.small, input.button.small {
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+  font-size: 0.9em;
+  line-height: 1.4em;
+  padding: 5px 10px;
+}
+button.small img { margin: 0 3px 0 0 !important; }
+a.button.small img { margin: 0 3px 0 0 !important; }
+input.button.small img { margin: 0 3px 0 0 !important; }
+button.update img { margin-right: 7px; }
+button.checkout img { margin-right: 7px; }
+a.button.update img { margin-right: 7px; }
+a.button.checkout img { margin-right: 7px; }
+input.button.update img { margin-right: 7px; }
+input.button.checkout img { margin-right: 7px; }
+button img { vertical-align: middle; }
+a.button img { vertical-align: middle; }
+input.button img { vertical-align: middle; }
+button:focus { outline: none; }
+a.button:focus { outline: none; }
+input.button:focus { outline: none; }
+button::-moz-focus-inner {
+  padding: 0px;
+  border: none;
+}
+p a.button img { margin: 0 5px 0 0; }
+p button img { margin: 0 5px 0 0; }
+.prices { font-weight: bold; }
+.prices #product-details .prices { font-size: 1.25em; }
+.price.selling { color: #2e6ab1; }
+#product-details .price.selling { font-size: 1.5em; }
+.price.diff {
+  font-style: italic;
+  font-weight: normal;
+  color: #666666;
+}
+.product-listing {
+  list-style: none;
+  margin: 2em 0px 0px 0px;
+  padding: 0px;
+}
+.product-listing li {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  height: 180px;
+  width: 140px;
+  text-align: center;
+  float: left;
+  margin: 10px;
+  padding: 10px;
+  border: 1px solid #dddddd;
+  position: relative;
+}
+.product-listing li a {
+  display: block;
+  text-decoration: none;
+  color: #111111;
+}
+.product-listing li a.info {
+  position: absolute;
+  bottom: 0px;
+  right: 0px;
+  padding: 5px;
+  width: 150px;
+  min-height: 60px;
+  background: #ffffff url(../images/shadow_top.png) 0px -35px repeat-x;
+  border-top: 1px solid #ffffff;
+}
+.product-listing li a.info span { display: block; }
+.product-listing li:hover { border-color: #1b1b1b; }
+.product-listing li:hover a.info {
+  background: #1b1b1b url(../images/bottom_shine.png) bottom left repeat-x;
+  color: #ffffff;
+}
+ul.thumbnails {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+ul.thumbnails li {
+  float: left;
+  margin-right: 5px;
+  padding: 3px;
+  border: 1px solid #ffffff;
+  min-height: 50px;
+  width: 50px;
+  position: relative;
+}
+ul.thumbnails li img {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
+ul.thumbnails li:hover { border-color: #cccccc; }
+ul.thumbnails li.selected { border-color: #999999; }
+#product-variants { margin-bottom: 1em; }
+#product-variants ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+#product-images {
+  display: inline;
+  float: left;
+  width: 270px;
+  margin-right: 10px;
+}
+#product-images h4 {
+  padding: 6px 0px;
+  margin: 0px;
+  font-weight: bold;
+  clear: both;
+}
+#product-images #main-image {
+  min-height: 250px;
+  position: relative;
+}
+#product-images #main-image img {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
+#product-description {
+  display: inline;
+  float: left;
+  width: 310px;
+  margin-right: 10px;
+  padding-right: 24px;
+  margin-right: 25px;
+  border-right: 1px solid #eeeeee;
+}
+#cart-form {
+  display: inline;
+  float: left;
+  width: 270px;
+}
+#taxon-crumbs {
+  display: inline;
+  float: left;
+  width: 950px;
+  margin-right: 10px;
+  display: block;
+  float: right;
+  margin-top: 20px;
+  width: 300px;
+}
+dl.table-display {
+  margin: 0;
+  padding: 0;
+}
+dl.table-display dt {
+  float: left;
+  margin: 0;
+  padding: 5px;
+  border-top: 1px solid #dddddd;
+}
+dl.table-display dd {
+  float: left;
+  margin: 0;
+  padding: 5px;
+  border-top: 1px solid #dddddd;
+}
+dl.table-display dt { width: 100px; }
+dl.table-display dd { width: 180px; }
+div#subtotal {
+  float: right;
+  width: 49%;
+  width: auto;
+  text-align: left;
+}
+table { border-collapse: collapse; }
+table th {
+  background: transparent;
+  border-bottom: 1px solid #dddddd;
+}
+table#cart tr td {
+  border-bottom: 1px solid #dddddd;
+  padding: 1em 0;
+}
+table#cart tr#none td { border-bottom: none; }
+table#cart h4 { margin-bottom: 0em; }
+#signup #new-customer {
+  display: inline;
+  float: left;
+  width: 470px;
+  margin-right: 10px;
+}
+#signup #new-customer h2 { margin-bottom: 0.25em; }
+#signup #new-customer p { margin-bottom: 10px; }
+#signup #new-customer p input.title {
+  padding: 3px;
+  margin: 0px;
+}
+#signup #new-customer input[type=checkbox] { top: 0em; }
+#login #existing-customer {
+  display: inline;
+  float: left;
+  width: 470px;
+  margin-right: 10px;
+}
+#login #existing-customer h2 { margin-bottom: 0.25em; }
+#login #existing-customer p { margin-bottom: 10px; }
+#login #existing-customer p input.title {
+  padding: 3px;
+  margin: 0px;
+}
+#login #existing-customer input[type=checkbox] { top: 0em; }
+input.openid_url {
+  background: #ffffff url(../images/openid-inputicon.gif) no-repeat scroll 0pt 50%;
+  padding-left: 18px;
+  border: 1px solid #bbbbbb;
+  font-size: 1.5em;
+}
+ol.progress-steps {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  line-height: 1em;
+  font-size: 12px;
+}
+ol.progress-steps li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: block;
+  float: left;
+  color: #999999;
+  background-position: top left;
+  background-repeat: no-repeat;
+  background-image: url(../images/step-progress/incomplete-incomplete.gif);
+}
+ol.progress-steps li span {
+  padding: 5px 14px 7px 24px;
+  display: block;
+  float: left;
+  background-position: top right;
+  background-repeat: no-repeat;
+}
+ol.progress-steps li a {
+  text-decoration: none;
+  color: #333333;
+}
+ol.progress-steps li.current-first span { padding-left: 14px; }
+ol.progress-steps li.completed-first span { padding-left: 14px; }
+ol.progress-steps li.current-first { background-image: url(../images/step-progress/current-first.gif); }
+ol.progress-steps li.completed-first { background-image: url(../images/step-progress/completed-first.gif) !important; }
+ol.progress-steps li.current { color: #ffffff; }
+ol.progress-steps li.current-first { color: #ffffff; }
+ol.progress-steps li.current-last { color: #ffffff; }
+ol.progress-steps li.completed { background-image: url(../images/step-progress/completed-completed.gif); }
+ol.progress-steps li.current { background-image: url(../images/step-progress/completed-current.gif); }
+ol.progress-steps li.current-last { background-image: url(../images/step-progress/completed-current.gif); }
+ol.progress-steps li.next { background-image: url(../images/step-progress/current-incomplete.gif); }
+ol.progress-steps li.next-last { background-image: url(../images/step-progress/current-incomplete.gif); }
+ol.progress-steps li.last span { background-image: url(../images/step-progress/incomplete-right.gif); }
+ol.progress-steps li.next-last span { background-image: url(../images/step-progress/incomplete-right.gif); }
+ol.progress-steps li.current-last span { background-image: url(../images/step-progress/current-right.gif); }
+div#checkout { position: relative; }
+div#checkout .progress-steps {
+  position: absolute;
+  top: 0.5em;
+  right: 0;
+}
+div#checkout form {
+  background-position: top right;
+  background-repeat: no-repeat;
+}
+div#checkout #checkout_form_address { background-image: url("../images/steps/2.png"); }
+div#checkout #checkout_form_delivery { background-image: url("../images/steps/3.png"); }
+div#checkout #checkout_form_address #billing label {
+  width: 190px;
+  float: left;
+  padding-right: 10px;
+  text-align: right;
+}
+div#checkout #checkout_form_address #shipping label {
+  width: 190px;
+  float: left;
+  padding-right: 10px;
+  text-align: right;
+}
+div#checkout #checkout_form_address #billing input { width: 304px; }
+div#checkout #checkout_form_address #shipping input { width: 304px; }
+div#checkout #checkout_form_address #billing select { width: 304px; }
+div#checkout #checkout_form_address #shipping select { width: 304px; }
+div#checkout #checkout_form_address #billing p.checkbox { padding-left: 200px; }
+div#checkout #checkout_form_address #shipping p.checkbox { padding-left: 200px; }
+div#checkout #checkout_form_address .form-buttons { padding-left: 200px; }
+div#checkout #checkout_form_address #billing p.checkbox label {
+  width: auto !important;
+  float: none !important;
+}
+div#checkout #checkout_form_address #shipping p.checkbox label {
+  width: auto !important;
+  float: none !important;
+}
+div#checkout #checkout_form_address #billing p.checkbox input { width: auto !important; }
+div#checkout #checkout_form_address #shipping p.checkbox input { width: auto !important; }
+div#checkout #checkout_form_payment { background-image: url("../images/steps/5.png"); }
+div#checkout #checkout_form_payment select { width: 75px; }
+div#checkout #checkout_form_payment #payment {
+  display: inline;
+  float: left;
+  width: 310px;
+  margin-right: 10px;
+}
+div#checkout #checkout_form_payment #order_details {
+  display: inline;
+  float: left;
+  width: 470px;
+  margin-right: 10px;
+}
+div#checkout #payment-methods {
+  list-style: none;
+  display: block;
+  padding: 0;
+  margin: 0;
+  width: 720px;
+}
+div#checkout #payment-methods li {
+  display: block;
+  display: inline;
+  float: left;
+  width: 190px;
+  margin-right: 10px;
+}
+div#checkout #payment-methods li.last {
+  display: inline;
+  float: left;
+  width: 190px;
+}
+div#checkout #checkout-summary {
+  background-color: #c3c9df;
+  float: right;
+  margin-top: 10px;
+  padding: 20px;
+  width: 180px;
+}
+div#checkout #checkout-summary {
+  background-color: #c3c9df;
+  float: right;
+  margin-top: 10px;
+  padding: 20px;
+  width: 180px;
+}