+ color: #555;
+}
+
+#user_info:hover,
+#user_info.active {
+ color: #222;
+}
+
+#user_info.active {
+ background-color: #f1f1f1; /* Fallback */
+ background-image: -ms-linear-gradient(bottom, #e9e9e9, #f9f9f9); /* IE10 */
+ background-image: -moz-linear-gradient(bottom, #e9e9e9, #f9f9f9); /* Firefox */
+ background-image: -o-linear-gradient(bottom, #e9e9e9, #f9f9f9); /* Opera */
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#e9e9e9), to(#f9f9f9)); /* old Webkit */
+ background-image: -webkit-linear-gradient(bottom, #e9e9e9, #f9f9f9); /* new Webkit */
+ background-image: linear-gradient(bottom, #e9e9e9, #f9f9f9); /* proposed W3C Markup */
+ border-color: #aaa #aaa #dfdfdf;
+}
+
+#user_info_arrow {
+ background: transparent url(../images/arrows.png) no-repeat 6px 5px;
+}
+
+#user_info:hover #user_info_arrow,
+#user_info.active #user_info_arrow {
+ background: transparent url(../images/arrows-dark.png) no-repeat 6px 5px;
+}
+
+#user_info_links {
+ -moz-box-shadow: 0 3px 2px -2px rgba( 0, 0, 0, 0.2 );
+ -webkit-box-shadow: 0 3px 2px -2px rgba( 0, 0, 0, 0.2 );
+ box-shadow: 0 3px 2px -2px rgba( 0, 0, 0, 0.2 );
+}
+
+#user_info_links ul {
+ background: #f1f1f1;
+ border-color: #ccc #aaa #aaa;
+ -moz-box-shadow: inset 0 1px 0 #f9f9f9;
+ -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
+ box-shadow: inset 0 1px 0 #f9f9f9;
+}
+
+#user_info_links li:hover {
+ background-color: #dfdfdf;
+}
+
+#user_info_links li:hover a,
+#user_info_links li a:hover {
+ text-decoration: none;