/***** Begin Theme, feel free to edit in here! ******/
+
+/* dropkick select extra styles */
+
+.form-row .dk_container { border-radius:0; margin-bottom:0; border: 1px solid gray; height: 21px; letter-spacing: 1px; line-height: 22px; margin-bottom: -1px; width:270px; padding:0.8em; padding-left:1.5em; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; color:#808080;}
+.form-row .dk_toggle { border-radius:0; padding:0 0 10px; border:0 none; text-decoration:none;background-image:url(../images/arrow-down_grey.png); background-position:85% 5px;}
+.form-row .dk_toggle:hover { text-decoration:none; }
+.form-row .dk_open { background:transparent; box-shadow: none; }
+.form-row .dk_open .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;}
+.form-row .dk_focus .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;}
+.1form-row .dk_options { display:block; }
+.form-row .dk_options { box-shadow:none; border-radius:0; z-index:3; margin:6px -1px 0; width:auto; left:0;}
+.form-row .dk_options li { float:none; margin:0; padding:0; }
+.form-row .dk_options a { font-weight:normal;color:#808080; padding:5px 1.5em; border-bottom-color: #ccc;height:auto; width:auto; }
+.form-row .dk_options a:hover { border-bottom-color: #ccc }
+.form-row .dk_options_inner { padding:0; margin:0; box-shadow:none; text-shadow:none; border-radius:0; border:1px solid #ccc ; margin-top:4px;}
+.form-row .dk-options_inner li { list-style:none outside; }
+.form-row .dk_options a:hover,
+.form-row .dk_option_current a { text-shadow:none; background-color: #fff; text-decoration:none; color:#F89A1C}
+.form-row .dk_toggle { height:17px; overflow:hidden; }
+.form-row .dk_toggle span { width:220px;white-space: nowrap; overflow: hidden; /*text-overflow: ellipsis;*/ display:block; }
+/* end custom theme */
+
+
+
+
+
/* One container to bind them... */
.dk_container {
- font-family: 'Antic', sans-serif;
-
- font-weight: normal;
- line-height: 42px;
- letter-spacing: 1px;
- border: 1px solid #808080;
- height:42px;
- display: inline-block;
- margin-bottom: -1px;
- padding-left:21px;
-
- z-index: 2;
- width:308px;
+ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
+ background: -moz-linear-gradient(top, #fff, #f5f5f5);
+ background: -o-linear-gradient(top, #fff, #f5f5f5);
+ background-color: #f5f5f5;
+ font-family: 'Helvetica', Arial, sans-serif;
+ font-size: 12px;
+ font-weight: bold;
+ line-height: 14px;
+ margin-bottom: 18px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
}
.dk_container:focus {
outline: 0;
.dk_container a {
cursor: pointer;
text-decoration: none;
- color:#808080;
-
}
/* Opens the dropdown and holds the menu label */
* Help: Arrow image not appearing
* Try updating this property to your correct dk_arrows.png path
*/
- background:url(../images/arrow_02.jpg) no-repeat 276px center;
-
+ background-image: url('images/dk_arrows.png');
+ background-repeat: no-repeat;
+ background-position: 90% center;
+ border: 1px solid #ccc;
+ color: #333;
+ padding: 7px 45px 7px 10px;
+ text-shadow: #fff 1px 1px 0;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -webkit-transition: border-color .5s;
+ -moz-transition: border-color .5s;
+ -o-transition: border-color .5s;
+ transition: border-color .5s;
}
.dk_toggle:hover {
-
+ border-color: #8c8c8c;
}
/* Applied when the dropdown is focused */
.dk_focus .dk_toggle {
-
+ border-color: #40b5e2;
}
.dk_focus .dk_toggle {
-
+ box-shadow: 0 0 5px #40b5e2;
+ -moz-box-shadow: 0 0 5px #40b5e2;
+ -webkit-box-shadow: 0 0 5px #40b5e2;
}
/* Applied whenever the dropdown is open */
.dk_open {
-
+ box-shadow: 0 0 5px #40b5e2;
+ -moz-box-shadow: 0 0 5px #40b5e2;
+ -webkit-box-shadow: 0 0 5px #40b5e2;
/**
* Help: Dropdown menu is covered by something
* Try setting this value higher
z-index: 10;
}
.dk_open .dk_toggle {
-
-
+ background-color: #ececec;
+ border-color: #8c8c8c;
+ color: #ccc;
+ box-shadow: inset 0 -2px 5px #ccc;
+ border-radius: 5px 5px 0 0;
+ -moz-border-radius: 5px 5px 0 0;
+ -webkit-border-radius: 5px 5px 0 0;
}
/* The outer container of the options */
.dk_options {
-
+ box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
+ -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
+ -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
+ border-radius: 0 0 5px 5px;
+ -moz-border-radius: 0 0 5px 5px;
+ -webkit-border-radius: 0 0 5px 5px;
}
.dk_options a {
background-color: #fff;
border-bottom: 1px solid #999;
- padding: 8px 20px;
+ font-weight: bold;
+ padding: 8px 10px;
}
.dk_options li:last-child a {
border-bottom: none;
}
.dk_options a:hover,
.dk_option_current a {
-
+ background-color: #0084c7;
+ border-bottom-color: #004c72;
+ color: #fff;
+ text-decoration: none;
+ text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
}
/* Inner container for options, this is what makes the scrollbar possible. */
-.dk_options_inner {
- padding:0;
- margin:0;
- border: 1px solid #808080;
- border-top:0 none;
+.dk_options_inner {
+ border: 1px solid #8c8c8e;
+ border-bottom-width: 2px;
+ border-bottom-color: #999;
+ color: #333;
+ max-height: 250px;
+ text-shadow: #fff 0 1px 0;
+ border-radius: 0 0 5px 5px;
+ -moz-border-radius: 0 0 5px 5px;
+ -webkit-border-radius: 0 0 5px 5px;
}
-.dk_options_inner li { list-style:none outside;}
/* Set a max-height on the options inner */
.dk_options_inner,
.dk_container {
display: none;
+ float: left;
position: relative;
}
.dk_container a {