Initial checkin

js/ufd/css/custom/custom.css

@@ -0,0 +1,91 @@
+/**
+	ufd 0.6: http://code.google.com/p/ufd/
+	
+	This is a template skin; a basic pure CSS for you to build from for your own needs.
+	
+*/
+
+
+span.ufd.custom {
+    height: 18px;
+    border: 1px solid black;
+    background-color: black;
+}
+
+/* wrapper gets class <skin>-focus for iE6 support */
+span.ufd.custom-focus {
+    border: 1px solid red;
+    background-color: red;
+}
+
+.ufd.custom input {
+    height: 18px;
+	line-height: 18px;
+    padding: 1px 3px;
+}
+
+.ufd.custom input.disabled {
+	color: #777;
+    background-color: #eee !important;
+}
+
+.ufd.custom input.focus {
+	border-color: red; 
+}
+
+.ufd.custom button {
+    width: 18px;
+    height: 18px;
+    background: black;
+    border: 0px;
+    margin-left: 1px;
+}
+
+.ufd.custom button.focus {
+	border-color: red; 
+}
+
+.ufd.custom button.hover {
+	background-color: gray;
+}
+
+.ufd.custom button.mouseDown {
+	background-color: red;
+}
+
+.ufd.custom button.disabled {
+	color: black;
+	background-color: gray; 
+}
+
+/* dropdown */
+
+
+#ufd-container .custom div.list-scroll {
+    border: 1px solid red;
+    border-top: 0px;
+}
+
+#ufd-container .custom div.list-wrapper-up div.list-scroll {
+    border-top: 1px;
+    border-bottom: 0px;
+}
+
+#ufd-container .custom ul {
+}
+
+#ufd-container .custom li {
+    padding-left: 5px;
+    background-color: white;
+}
+
+#ufd-container .custom li em {
+	font-weight: bold;
+	font-style: normal;
+	color: fuchsia;
+}
+
+
+#ufd-container .custom li.active {
+    background-color: highlight;
+}

js/ufd/css/plain/plain.css

@@ -0,0 +1,83 @@
+/**
+	ufd 0.6: http://code.google.com/p/ufd/
+	
+	This is the default skin, a plain but attractive dropdown.
+*/
+
+span.ufd.plain {
+    height: 18px;
+    background-color: #B5B8C8; /* http://blog.toolman.geek.nz/2009/12/annoying-ie6-bug-of-day.html */
+    border: 1px solid #B5B8C8;
+}
+
+span.ufd.plain-focus {
+    background-color: #757888;
+    border: 1px solid #757888;
+}
+
+.ufd.plain input {
+    line-height: 16px !important;
+    height: 16px;
+    padding: 1px 3px;
+    border: 0px;
+}
+
+.ufd.plain input.disabled {
+	color: #777;
+    background-color: #eee !important;
+}
+
+.ufd.plain input.focus {
+}
+
+.ufd.plain button {
+    width: 18px;
+    height: 18px;
+    margin-left: 1px; /* for divider */
+    background: url(icon.gif) no-repeat 0px 0px;
+}
+
+.ufd.plain button.focus {
+}
+
+
+.ufd.plain button.hover {
+	background-position: -18px 0px;
+}
+
+.ufd.plain button.mouseDown {
+	background-position: -36px 0px;
+}
+
+.ufd.plain button.disabled {
+	background-position: -54px 0px !important;
+}
+
+/* dropdown */
+
+#ufd-container .plain div.list-scroll {
+    border: 1px solid #757888;
+    border-top-width: 0px;
+    background-color: #FFF;
+}
+
+#ufd-container .plain div.list-wrapper-up div.list-scroll {
+    border-top-width: 1px;
+    border-bottom-width: 0px;
+}
+
+#ufd-container .plain li {
+    padding-left: 5px;
+}
+
+#ufd-container .plain li em {
+	font-weight: bold;
+	font-style: normal;
+}
+
+
+#ufd-container .plain li.active {
+	background-color: highlight;
+	color: highlighttext;
+}
+

js/ufd/css/sexy/sexy.css

@@ -0,0 +1,73 @@
+/**
+	ufd 0.6: http://code.google.com/p/ufd/
+	
+	This is the skin from the sexy-combo project.
+*/
+
+.ufd.sexy {
+    height: 20px;
+    background-color: #B5B8C8; /* http://blog.toolman.geek.nz/2009/12/annoying-ie6-bug-of-day.html */
+    border: 1px solid #B5B8C8;
+}
+
+.ufd.sexy input {
+    height: 18px;
+	line-height: 18px  !important;
+    padding: 1px 3px;
+    background: #fff url(text-bg.gif) repeat-x 0 0;
+    border: 0px;
+}
+
+
+.ufd.sexy input.disabled {
+	background-image: none;
+	color: #777;
+    background-color: #eee !important;
+}
+
+
+.ufd.sexy button {
+    width: 16px;
+    height: 21px;
+    background: url(icon.gif) no-repeat 0px -1px;
+    margin-left: 1px;
+}
+
+.ufd.sexy button.hover {
+	background-position: -17px -1px;
+}
+
+.ufd.sexy button.mouseDown {
+	background-position: -34px -1px;
+}
+
+.ufd.sexy button.disabled {
+	background-position: -51px -1px !important; 
+}
+
+#ufd-container .sexy div.list-scroll {
+
+    border: 1px solid #B5B8C8;
+    border-top-width: 0px;
+    background-color: #FFFFFF;
+}
+
+#ufd-container .sexy div.list-wrapper-up div.list-scroll {
+    border-top-width: 1px;
+    border-bottom-width: 0px;
+}
+
+#ufd-container .sexy li {
+    padding-left: 5px;
+    background-color: white;
+}
+
+#ufd-container .sexy li em { 
+	font-weight: bold;
+	font-style: normal;
+}
+
+
+#ufd-container .sexy li.active {
+	background-color: highlight;
+}

js/ufd/css/ufd-base.css

@@ -0,0 +1,76 @@
+/**
+	ufd 0.6: http://code.google.com/p/ufd/
+	
+	This is only the structural base CSS, include 1+ skin CSS files also.
+*/
+
+/* master wrapper; emulate select positioning */
+.ufd {
+	display: -moz-inline-stack;
+	display: inline-block;
+    position: relative;
+    white-space: nowrap;
+}
+
+.ufd,
+.ufd input,
+.ufd button,
+#ufd-container div.list-scroll,
+#ufd-container div.list-wrapper,
+#ufd-container ul,
+#ufd-container li  {
+    border: 0;
+    margin: 0;
+    padding: 0;
+        
+}
+
+.ufd,
+.ufd button,
+#ufd-container div.list-scroll,
+#ufd-container div.list-wrapper,
+#ufd-container ul,
+#ufd-container li {
+    overflow: hidden;
+}
+
+.ufd select,
+#ufd-container .invisible,
+.ufd.invisible {
+	display: none;
+}
+
+.ufd input,
+.ufd button {
+	position: relative;
+	float: left;
+	
+	/* quirks mode correction: http://www.quirksmode.org/css/box.html */
+	box-sizing: content-box;
+	-moz-box-sizing: content-box;
+	-ms-box-sizing: content-box;
+	-webkit-box-sizing: content-box;
+}
+
+.ufd button.disabled {
+	cursor: default;
+}
+
+.ufd input.disabled {
+    color: graytext;
+}
+
+#ufd-container div.list-wrapper {
+    position: absolute;
+}
+
+#ufd-container ul {
+    list-style-type: none;
+}
+
+#ufd-container li {
+    cursor: pointer;
+    height: 20px;
+    display: block;
+    white-space: nowrap;
+}

js/ufd/css/uiCss/uiCss.css

@@ -0,0 +1,35 @@
+/**
+	ufd 0.6: http://code.google.com/p/ufd/
+	
+	This is the skin for UI css.
+*/
+
+.ufd.uiCss {
+    height: 22px;
+    border-width: 1px; 
+    border-style: solid;
+}
+
+.ufd.uiCss input {
+    padding: 1px 3px;
+}
+
+.ufd.uiCss button {
+    width: 22px;
+    height: 22px;
+    border: 0px !important;
+}
+
+#ufd-container .uiCss div.list-scroll {
+    border-width: 1px; 
+    border-style: solid;
+}
+
+#ufd-container .uiCss li {
+    padding-left: 5px;
+}
+
+#ufd-container .uiCss li em { 
+	font-weight: bold;
+	font-style: normal;
+}