You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

2839 lines
81 KiB

  1. .clearfix {
  2. *zoom: 1;
  3. }
  4. .clearfix:before,
  5. .clearfix:after {
  6. display: table;
  7. content: "";
  8. }
  9. .clearfix:after {
  10. clear: both;
  11. }
  12. .btn-twitter {
  13. background-color: #35b4de;
  14. background-image: -moz-linear-gradient(top, #44bce4, #1fa8d6);
  15. background-image: -ms-linear-gradient(top, #44bce4, #1fa8d6);
  16. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44bce4), to(#1fa8d6));
  17. background-image: -webkit-linear-gradient(top, #44bce4, #1fa8d6);
  18. background-image: -o-linear-gradient(top, #44bce4, #1fa8d6);
  19. background-image: linear-gradient(top, #44bce4, #1fa8d6);
  20. background-repeat: repeat-x;
  21. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44bce4', endColorstr='#1fa8d6', GradientType=0);
  22. border-color: #1fa8d6 #1fa8d6 #157493;
  23. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  24. *background-color: #1fa8d6;
  25. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  26. color: #ffffff;
  27. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  28. }
  29. .btn-twitter:hover,
  30. .btn-twitter:active,
  31. .btn-twitter.active,
  32. .btn-twitter.disabled,
  33. .btn-twitter[disabled] {
  34. background-color: #1fa8d6;
  35. *background-color: #1c97c0;
  36. }
  37. .btn-twitter:active,
  38. .btn-twitter.active {
  39. background-color: #1885aa \9;
  40. }
  41. .btn-twitter:hover {
  42. color: #ffffff;
  43. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  44. }
  45. .btn-fb {
  46. background-color: #4777bb;
  47. background-image: -moz-linear-gradient(top, #5181c6, #3868ac);
  48. background-image: -ms-linear-gradient(top, #5181c6, #3868ac);
  49. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5181c6), to(#3868ac));
  50. background-image: -webkit-linear-gradient(top, #5181c6, #3868ac);
  51. background-image: -o-linear-gradient(top, #5181c6, #3868ac);
  52. background-image: linear-gradient(top, #5181c6, #3868ac);
  53. background-repeat: repeat-x;
  54. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5181c6', endColorstr='#3868ac', GradientType=0);
  55. border-color: #3868ac #3868ac #254572;
  56. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  57. *background-color: #3868ac;
  58. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  59. color: #ffffff;
  60. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  61. }
  62. .btn-fb:hover,
  63. .btn-fb:active,
  64. .btn-fb.active,
  65. .btn-fb.disabled,
  66. .btn-fb[disabled] {
  67. background-color: #3868ac;
  68. *background-color: #325c99;
  69. }
  70. .btn-fb:active,
  71. .btn-fb.active {
  72. background-color: #2c5085 \9;
  73. }
  74. .btn-fb:hover {
  75. color: #ffffff;
  76. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  77. }
  78. .btn-dr {
  79. background-color: #ae4a4a;
  80. background-image: -moz-linear-gradient(top, #ba5252, #9b3e3e);
  81. background-image: -ms-linear-gradient(top, #ba5252, #9b3e3e);
  82. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ba5252), to(#9b3e3e));
  83. background-image: -webkit-linear-gradient(top, #ba5252, #9b3e3e);
  84. background-image: -o-linear-gradient(top, #ba5252, #9b3e3e);
  85. background-image: linear-gradient(top, #ba5252, #9b3e3e);
  86. background-repeat: repeat-x;
  87. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba5252', endColorstr='#9b3e3e', GradientType=0);
  88. border-color: #9b3e3e #9b3e3e #642828;
  89. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  90. *background-color: #9b3e3e;
  91. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  92. color: #ffffff;
  93. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  94. }
  95. .btn-dr:hover,
  96. .btn-dr:active,
  97. .btn-dr.active,
  98. .btn-dr.disabled,
  99. .btn-dr[disabled] {
  100. background-color: #9b3e3e;
  101. *background-color: #893737;
  102. }
  103. .btn-dr:active,
  104. .btn-dr.active {
  105. background-color: #772f2f \9;
  106. }
  107. .btn-dr:hover {
  108. color: #ffffff;
  109. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  110. }
  111. .btn-fo {
  112. background-color: #559824;
  113. background-image: -moz-linear-gradient(top, #5ea828, #477f1e);
  114. background-image: -ms-linear-gradient(top, #5ea828, #477f1e);
  115. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5ea828), to(#477f1e));
  116. background-image: -webkit-linear-gradient(top, #5ea828, #477f1e);
  117. background-image: -o-linear-gradient(top, #5ea828, #477f1e);
  118. background-image: linear-gradient(top, #5ea828, #477f1e);
  119. background-repeat: repeat-x;
  120. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ea828', endColorstr='#477f1e', GradientType=0);
  121. border-color: #477f1e #477f1e #24410f;
  122. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  123. *background-color: #477f1e;
  124. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  125. color: #ffffff;
  126. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  127. }
  128. .btn-fo:hover,
  129. .btn-fo:active,
  130. .btn-fo.active,
  131. .btn-fo.disabled,
  132. .btn-fo[disabled] {
  133. background-color: #477f1e;
  134. *background-color: #3b6a19;
  135. }
  136. .btn-fo:active,
  137. .btn-fo.active {
  138. background-color: #305614 \9;
  139. }
  140. .btn-fo:hover {
  141. color: #ffffff;
  142. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  143. }
  144. .btn-gray1 {
  145. background-color: #292929;
  146. background-image: -moz-linear-gradient(top, #333333, #1a1a1a);
  147. background-image: -ms-linear-gradient(top, #333333, #1a1a1a);
  148. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#1a1a1a));
  149. background-image: -webkit-linear-gradient(top, #333333, #1a1a1a);
  150. background-image: -o-linear-gradient(top, #333333, #1a1a1a);
  151. background-image: linear-gradient(top, #333333, #1a1a1a);
  152. background-repeat: repeat-x;
  153. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1a1a1a', GradientType=0);
  154. border-color: #1a1a1a #1a1a1a #000000;
  155. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  156. *background-color: #1a1a1a;
  157. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  158. color: #ffffff;
  159. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  160. }
  161. .btn-gray1:hover,
  162. .btn-gray1:active,
  163. .btn-gray1.active,
  164. .btn-gray1.disabled,
  165. .btn-gray1[disabled] {
  166. background-color: #1a1a1a;
  167. *background-color: #0d0d0d;
  168. }
  169. .btn-gray1:active,
  170. .btn-gray1.active {
  171. background-color: #000000 \9;
  172. }
  173. .btn-gray1:hover {
  174. color: #ffffff;
  175. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  176. }
  177. .btn-gray2 {
  178. background-color: #424242;
  179. background-image: -moz-linear-gradient(top, #4d4d4d, #333333);
  180. background-image: -ms-linear-gradient(top, #4d4d4d, #333333);
  181. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d4d4d), to(#333333));
  182. background-image: -webkit-linear-gradient(top, #4d4d4d, #333333);
  183. background-image: -o-linear-gradient(top, #4d4d4d, #333333);
  184. background-image: linear-gradient(top, #4d4d4d, #333333);
  185. background-repeat: repeat-x;
  186. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#333333', GradientType=0);
  187. border-color: #333333 #333333 #0d0d0d;
  188. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  189. *background-color: #333333;
  190. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  191. color: #ffffff;
  192. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  193. }
  194. .btn-gray2:hover,
  195. .btn-gray2:active,
  196. .btn-gray2.active,
  197. .btn-gray2.disabled,
  198. .btn-gray2[disabled] {
  199. background-color: #333333;
  200. *background-color: #262626;
  201. }
  202. .btn-gray2:active,
  203. .btn-gray2.active {
  204. background-color: #1a1a1a \9;
  205. }
  206. .btn-gray2:hover {
  207. color: #ffffff;
  208. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  209. }
  210. .btn-gray3 {
  211. background-color: #5c5c5c;
  212. background-image: -moz-linear-gradient(top, #666666, #4d4d4d);
  213. background-image: -ms-linear-gradient(top, #666666, #4d4d4d);
  214. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#4d4d4d));
  215. background-image: -webkit-linear-gradient(top, #666666, #4d4d4d);
  216. background-image: -o-linear-gradient(top, #666666, #4d4d4d);
  217. background-image: linear-gradient(top, #666666, #4d4d4d);
  218. background-repeat: repeat-x;
  219. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#4d4d4d', GradientType=0);
  220. border-color: #4d4d4d #4d4d4d #262626;
  221. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  222. *background-color: #4d4d4d;
  223. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  224. color: #ffffff;
  225. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  226. }
  227. .btn-gray3:hover,
  228. .btn-gray3:active,
  229. .btn-gray3.active,
  230. .btn-gray3.disabled,
  231. .btn-gray3[disabled] {
  232. background-color: #4d4d4d;
  233. *background-color: #404040;
  234. }
  235. .btn-gray3:active,
  236. .btn-gray3.active {
  237. background-color: #333333 \9;
  238. }
  239. .btn-gray3:hover {
  240. color: #ffffff;
  241. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  242. }
  243. .btn-gray4 {
  244. background-color: #757575;
  245. background-image: -moz-linear-gradient(top, #808080, #666666);
  246. background-image: -ms-linear-gradient(top, #808080, #666666);
  247. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#808080), to(#666666));
  248. background-image: -webkit-linear-gradient(top, #808080, #666666);
  249. background-image: -o-linear-gradient(top, #808080, #666666);
  250. background-image: linear-gradient(top, #808080, #666666);
  251. background-repeat: repeat-x;
  252. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#666666', GradientType=0);
  253. border-color: #666666 #666666 #404040;
  254. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  255. *background-color: #666666;
  256. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  257. color: #ffffff;
  258. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  259. }
  260. .btn-gray4:hover,
  261. .btn-gray4:active,
  262. .btn-gray4.active,
  263. .btn-gray4.disabled,
  264. .btn-gray4[disabled] {
  265. background-color: #666666;
  266. *background-color: #595959;
  267. }
  268. .btn-gray4:active,
  269. .btn-gray4.active {
  270. background-color: #4d4d4d \9;
  271. }
  272. .btn-gray4:hover {
  273. color: #ffffff;
  274. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  275. }
  276. .btn-gray5 {
  277. background-color: #8f8f8f;
  278. background-image: -moz-linear-gradient(top, #999999, #808080);
  279. background-image: -ms-linear-gradient(top, #999999, #808080);
  280. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#808080));
  281. background-image: -webkit-linear-gradient(top, #999999, #808080);
  282. background-image: -o-linear-gradient(top, #999999, #808080);
  283. background-image: linear-gradient(top, #999999, #808080);
  284. background-repeat: repeat-x;
  285. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#808080', GradientType=0);
  286. border-color: #808080 #808080 #595959;
  287. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  288. *background-color: #808080;
  289. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  290. color: #ffffff;
  291. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  292. }
  293. .btn-gray5:hover,
  294. .btn-gray5:active,
  295. .btn-gray5.active,
  296. .btn-gray5.disabled,
  297. .btn-gray5[disabled] {
  298. background-color: #808080;
  299. *background-color: #737373;
  300. }
  301. .btn-gray5:active,
  302. .btn-gray5.active {
  303. background-color: #666666 \9;
  304. }
  305. .btn-gray5:hover {
  306. color: #ffffff;
  307. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  308. }
  309. .btn-gray6 {
  310. background-color: #a8a8a8;
  311. background-image: -moz-linear-gradient(top, #b3b3b3, #999999);
  312. background-image: -ms-linear-gradient(top, #b3b3b3, #999999);
  313. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#999999));
  314. background-image: -webkit-linear-gradient(top, #b3b3b3, #999999);
  315. background-image: -o-linear-gradient(top, #b3b3b3, #999999);
  316. background-image: linear-gradient(top, #b3b3b3, #999999);
  317. background-repeat: repeat-x;
  318. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#999999', GradientType=0);
  319. border-color: #999999 #999999 #737373;
  320. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  321. *background-color: #999999;
  322. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  323. color: #333;
  324. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  325. }
  326. .btn-gray6:hover,
  327. .btn-gray6:active,
  328. .btn-gray6.active,
  329. .btn-gray6.disabled,
  330. .btn-gray6[disabled] {
  331. background-color: #999999;
  332. *background-color: #8c8c8c;
  333. }
  334. .btn-gray6:active,
  335. .btn-gray6.active {
  336. background-color: #808080 \9;
  337. }
  338. .btn-gray6:hover {
  339. color: #333;
  340. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  341. }
  342. .btn-gray7 {
  343. background-color: #c2c2c2;
  344. background-image: -moz-linear-gradient(top, #cccccc, #b3b3b3);
  345. background-image: -ms-linear-gradient(top, #cccccc, #b3b3b3);
  346. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#b3b3b3));
  347. background-image: -webkit-linear-gradient(top, #cccccc, #b3b3b3);
  348. background-image: -o-linear-gradient(top, #cccccc, #b3b3b3);
  349. background-image: linear-gradient(top, #cccccc, #b3b3b3);
  350. background-repeat: repeat-x;
  351. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#b3b3b3', GradientType=0);
  352. border-color: #b3b3b3 #b3b3b3 #8c8c8c;
  353. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  354. *background-color: #b3b3b3;
  355. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  356. color: #333;
  357. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  358. }
  359. .btn-gray7:hover,
  360. .btn-gray7:active,
  361. .btn-gray7.active,
  362. .btn-gray7.disabled,
  363. .btn-gray7[disabled] {
  364. background-color: #b3b3b3;
  365. *background-color: #a6a6a6;
  366. }
  367. .btn-gray7:active,
  368. .btn-gray7.active {
  369. background-color: #999999 \9;
  370. }
  371. .btn-gray7:hover {
  372. color: #333;
  373. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  374. }
  375. .btn-gray8 {
  376. background-color: #dbdbdb;
  377. background-image: -moz-linear-gradient(top, #e5e5e5, #cccccc);
  378. background-image: -ms-linear-gradient(top, #e5e5e5, #cccccc);
  379. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#cccccc));
  380. background-image: -webkit-linear-gradient(top, #e5e5e5, #cccccc);
  381. background-image: -o-linear-gradient(top, #e5e5e5, #cccccc);
  382. background-image: linear-gradient(top, #e5e5e5, #cccccc);
  383. background-repeat: repeat-x;
  384. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#cccccc', GradientType=0);
  385. border-color: #cccccc #cccccc #a6a6a6;
  386. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  387. *background-color: #cccccc;
  388. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  389. color: #333;
  390. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  391. }
  392. .btn-gray8:hover,
  393. .btn-gray8:active,
  394. .btn-gray8.active,
  395. .btn-gray8.disabled,
  396. .btn-gray8[disabled] {
  397. background-color: #cccccc;
  398. *background-color: #bfbfbf;
  399. }
  400. .btn-gray8:active,
  401. .btn-gray8.active {
  402. background-color: #b3b3b3 \9;
  403. }
  404. .btn-gray8:hover {
  405. color: #333;
  406. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  407. }
  408. .btn-blue1 {
  409. background-color: #112154;
  410. background-image: -moz-linear-gradient(top, #152865, #0c173b);
  411. background-image: -ms-linear-gradient(top, #152865, #0c173b);
  412. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#152865), to(#0c173b));
  413. background-image: -webkit-linear-gradient(top, #152865, #0c173b);
  414. background-image: -o-linear-gradient(top, #152865, #0c173b);
  415. background-image: linear-gradient(top, #152865, #0c173b);
  416. background-repeat: repeat-x;
  417. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#152865', endColorstr='#0c173b', GradientType=0);
  418. border-color: #0c173b #0c173b #000000;
  419. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  420. *background-color: #0c173b;
  421. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  422. color: #ffffff;
  423. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  424. }
  425. .btn-blue1:hover,
  426. .btn-blue1:active,
  427. .btn-blue1.active,
  428. .btn-blue1.disabled,
  429. .btn-blue1[disabled] {
  430. background-color: #0c173b;
  431. *background-color: #080f26;
  432. }
  433. .btn-blue1:active,
  434. .btn-blue1.active {
  435. background-color: #030711 \9;
  436. }
  437. .btn-blue1:hover {
  438. color: #ffffff;
  439. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  440. }
  441. .btn-blue2 {
  442. background-color: #1a327e;
  443. background-image: -moz-linear-gradient(top, #1e398f, #152865);
  444. background-image: -ms-linear-gradient(top, #1e398f, #152865);
  445. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e398f), to(#152865));
  446. background-image: -webkit-linear-gradient(top, #1e398f, #152865);
  447. background-image: -o-linear-gradient(top, #1e398f, #152865);
  448. background-image: linear-gradient(top, #1e398f, #152865);
  449. background-repeat: repeat-x;
  450. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e398f', endColorstr='#152865', GradientType=0);
  451. border-color: #152865 #152865 #080f26;
  452. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  453. *background-color: #152865;
  454. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  455. color: #ffffff;
  456. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  457. }
  458. .btn-blue2:hover,
  459. .btn-blue2:active,
  460. .btn-blue2.active,
  461. .btn-blue2.disabled,
  462. .btn-blue2[disabled] {
  463. background-color: #152865;
  464. *background-color: #112050;
  465. }
  466. .btn-blue2:active,
  467. .btn-blue2.active {
  468. background-color: #0c173b \9;
  469. }
  470. .btn-blue2:hover {
  471. color: #ffffff;
  472. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  473. }
  474. .btn-blue3 {
  475. background-color: #2343a9;
  476. background-image: -moz-linear-gradient(top, #2749b9, #1e398f);
  477. background-image: -ms-linear-gradient(top, #2749b9, #1e398f);
  478. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2749b9), to(#1e398f));
  479. background-image: -webkit-linear-gradient(top, #2749b9, #1e398f);
  480. background-image: -o-linear-gradient(top, #2749b9, #1e398f);
  481. background-image: linear-gradient(top, #2749b9, #1e398f);
  482. background-repeat: repeat-x;
  483. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2749b9', endColorstr='#1e398f', GradientType=0);
  484. border-color: #1e398f #1e398f #112050;
  485. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  486. *background-color: #1e398f;
  487. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  488. color: #ffffff;
  489. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  490. }
  491. .btn-blue3:hover,
  492. .btn-blue3:active,
  493. .btn-blue3.active,
  494. .btn-blue3.disabled,
  495. .btn-blue3[disabled] {
  496. background-color: #1e398f;
  497. *background-color: #19307a;
  498. }
  499. .btn-blue3:active,
  500. .btn-blue3.active {
  501. background-color: #152865 \9;
  502. }
  503. .btn-blue3:hover {
  504. color: #ffffff;
  505. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  506. }
  507. .btn-blue4 {
  508. background-color: #3458cb;
  509. background-image: -moz-linear-gradient(top, #3c61d7, #2749b9);
  510. background-image: -ms-linear-gradient(top, #3c61d7, #2749b9);
  511. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c61d7), to(#2749b9));
  512. background-image: -webkit-linear-gradient(top, #3c61d7, #2749b9);
  513. background-image: -o-linear-gradient(top, #3c61d7, #2749b9);
  514. background-image: linear-gradient(top, #3c61d7, #2749b9);
  515. background-repeat: repeat-x;
  516. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c61d7', endColorstr='#2749b9', GradientType=0);
  517. border-color: #2749b9 #2749b9 #19307a;
  518. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  519. *background-color: #2749b9;
  520. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  521. color: #ffffff;
  522. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  523. }
  524. .btn-blue4:hover,
  525. .btn-blue4:active,
  526. .btn-blue4.active,
  527. .btn-blue4.disabled,
  528. .btn-blue4[disabled] {
  529. background-color: #2749b9;
  530. *background-color: #2241a4;
  531. }
  532. .btn-blue4:active,
  533. .btn-blue4.active {
  534. background-color: #1e398f \9;
  535. }
  536. .btn-blue4:hover {
  537. color: #ffffff;
  538. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  539. }
  540. .btn-blue5 {
  541. background-color: #5676dc;
  542. background-image: -moz-linear-gradient(top, #6783df, #3c61d7);
  543. background-image: -ms-linear-gradient(top, #6783df, #3c61d7);
  544. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6783df), to(#3c61d7));
  545. background-image: -webkit-linear-gradient(top, #6783df, #3c61d7);
  546. background-image: -o-linear-gradient(top, #6783df, #3c61d7);
  547. background-image: linear-gradient(top, #6783df, #3c61d7);
  548. background-repeat: repeat-x;
  549. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6783df', endColorstr='#3c61d7', GradientType=0);
  550. border-color: #3c61d7 #3c61d7 #2241a4;
  551. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  552. *background-color: #3c61d7;
  553. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  554. color: #ffffff;
  555. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  556. }
  557. .btn-blue5:hover,
  558. .btn-blue5:active,
  559. .btn-blue5.active,
  560. .btn-blue5.disabled,
  561. .btn-blue5[disabled] {
  562. background-color: #3c61d7;
  563. *background-color: #2b52cf;
  564. }
  565. .btn-blue5:active,
  566. .btn-blue5.active {
  567. background-color: #2749b9 \9;
  568. }
  569. .btn-blue5:hover {
  570. color: #ffffff;
  571. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  572. }
  573. .btn-blue6 {
  574. background-color: #8098e5;
  575. background-image: -moz-linear-gradient(top, #91a6e8, #6783df);
  576. background-image: -ms-linear-gradient(top, #91a6e8, #6783df);
  577. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#91a6e8), to(#6783df));
  578. background-image: -webkit-linear-gradient(top, #91a6e8, #6783df);
  579. background-image: -o-linear-gradient(top, #91a6e8, #6783df);
  580. background-image: linear-gradient(top, #91a6e8, #6783df);
  581. background-repeat: repeat-x;
  582. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91a6e8', endColorstr='#6783df', GradientType=0);
  583. border-color: #6783df #6783df #2b52cf;
  584. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  585. *background-color: #6783df;
  586. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  587. color: #333;
  588. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  589. }
  590. .btn-blue6:hover,
  591. .btn-blue6:active,
  592. .btn-blue6.active,
  593. .btn-blue6.disabled,
  594. .btn-blue6[disabled] {
  595. background-color: #6783df;
  596. *background-color: #5272db;
  597. }
  598. .btn-blue6:active,
  599. .btn-blue6.active {
  600. background-color: #3c61d7 \9;
  601. }
  602. .btn-blue6:hover {
  603. color: #333;
  604. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  605. }
  606. .btn-blue7 {
  607. background-color: #aabaed;
  608. background-image: -moz-linear-gradient(top, #bbc8f1, #91a6e8);
  609. background-image: -ms-linear-gradient(top, #bbc8f1, #91a6e8);
  610. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbc8f1), to(#91a6e8));
  611. background-image: -webkit-linear-gradient(top, #bbc8f1, #91a6e8);
  612. background-image: -o-linear-gradient(top, #bbc8f1, #91a6e8);
  613. background-image: linear-gradient(top, #bbc8f1, #91a6e8);
  614. background-repeat: repeat-x;
  615. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbc8f1', endColorstr='#91a6e8', GradientType=0);
  616. border-color: #91a6e8 #91a6e8 #5272db;
  617. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  618. *background-color: #91a6e8;
  619. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  620. color: #333;
  621. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  622. }
  623. .btn-blue7:hover,
  624. .btn-blue7:active,
  625. .btn-blue7.active,
  626. .btn-blue7.disabled,
  627. .btn-blue7[disabled] {
  628. background-color: #91a6e8;
  629. *background-color: #7c94e4;
  630. }
  631. .btn-blue7:active,
  632. .btn-blue7.active {
  633. background-color: #6783df \9;
  634. }
  635. .btn-blue7:hover {
  636. color: #333;
  637. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  638. }
  639. .btn-blue8 {
  640. background-color: #d4dcf6;
  641. background-image: -moz-linear-gradient(top, #e5eafa, #bbc8f1);
  642. background-image: -ms-linear-gradient(top, #e5eafa, #bbc8f1);
  643. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5eafa), to(#bbc8f1));
  644. background-image: -webkit-linear-gradient(top, #e5eafa, #bbc8f1);
  645. background-image: -o-linear-gradient(top, #e5eafa, #bbc8f1);
  646. background-image: linear-gradient(top, #e5eafa, #bbc8f1);
  647. background-repeat: repeat-x;
  648. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5eafa', endColorstr='#bbc8f1', GradientType=0);
  649. border-color: #bbc8f1 #bbc8f1 #7c94e4;
  650. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  651. *background-color: #bbc8f1;
  652. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  653. color: #333;
  654. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  655. }
  656. .btn-blue8:hover,
  657. .btn-blue8:active,
  658. .btn-blue8.active,
  659. .btn-blue8.disabled,
  660. .btn-blue8[disabled] {
  661. background-color: #bbc8f1;
  662. *background-color: #a6b7ec;
  663. }
  664. .btn-blue8:active,
  665. .btn-blue8.active {
  666. background-color: #91a6e8 \9;
  667. }
  668. .btn-blue8:hover {
  669. color: #333;
  670. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  671. }
  672. .btn-red1 {
  673. background-color: #541111;
  674. background-image: -moz-linear-gradient(top, #651515, #3b0c0c);
  675. background-image: -ms-linear-gradient(top, #651515, #3b0c0c);
  676. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#651515), to(#3b0c0c));
  677. background-image: -webkit-linear-gradient(top, #651515, #3b0c0c);
  678. background-image: -o-linear-gradient(top, #651515, #3b0c0c);
  679. background-image: linear-gradient(top, #651515, #3b0c0c);
  680. background-repeat: repeat-x;
  681. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#651515', endColorstr='#3b0c0c', GradientType=0);
  682. border-color: #3b0c0c #3b0c0c #000000;
  683. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  684. *background-color: #3b0c0c;
  685. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  686. color: #ffffff;
  687. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  688. }
  689. .btn-red1:hover,
  690. .btn-red1:active,
  691. .btn-red1.active,
  692. .btn-red1.disabled,
  693. .btn-red1[disabled] {
  694. background-color: #3b0c0c;
  695. *background-color: #260808;
  696. }
  697. .btn-red1:active,
  698. .btn-red1.active {
  699. background-color: #110303 \9;
  700. }
  701. .btn-red1:hover {
  702. color: #ffffff;
  703. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  704. }
  705. .btn-red2 {
  706. background-color: #7e1a1a;
  707. background-image: -moz-linear-gradient(top, #8f1e1e, #651515);
  708. background-image: -ms-linear-gradient(top, #8f1e1e, #651515);
  709. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8f1e1e), to(#651515));
  710. background-image: -webkit-linear-gradient(top, #8f1e1e, #651515);
  711. background-image: -o-linear-gradient(top, #8f1e1e, #651515);
  712. background-image: linear-gradient(top, #8f1e1e, #651515);
  713. background-repeat: repeat-x;
  714. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f1e1e', endColorstr='#651515', GradientType=0);
  715. border-color: #651515 #651515 #260808;
  716. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  717. *background-color: #651515;
  718. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  719. color: #ffffff;
  720. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  721. }
  722. .btn-red2:hover,
  723. .btn-red2:active,
  724. .btn-red2.active,
  725. .btn-red2.disabled,
  726. .btn-red2[disabled] {
  727. background-color: #651515;
  728. *background-color: #501111;
  729. }
  730. .btn-red2:active,
  731. .btn-red2.active {
  732. background-color: #3b0c0c \9;
  733. }
  734. .btn-red2:hover {
  735. color: #ffffff;
  736. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  737. }
  738. .btn-red3 {
  739. background-color: #a92323;
  740. background-image: -moz-linear-gradient(top, #b92727, #8f1e1e);
  741. background-image: -ms-linear-gradient(top, #b92727, #8f1e1e);
  742. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b92727), to(#8f1e1e));
  743. background-image: -webkit-linear-gradient(top, #b92727, #8f1e1e);
  744. background-image: -o-linear-gradient(top, #b92727, #8f1e1e);
  745. background-image: linear-gradient(top, #b92727, #8f1e1e);
  746. background-repeat: repeat-x;
  747. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b92727', endColorstr='#8f1e1e', GradientType=0);
  748. border-color: #8f1e1e #8f1e1e #501111;
  749. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  750. *background-color: #8f1e1e;
  751. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  752. color: #ffffff;
  753. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  754. }
  755. .btn-red3:hover,
  756. .btn-red3:active,
  757. .btn-red3.active,
  758. .btn-red3.disabled,
  759. .btn-red3[disabled] {
  760. background-color: #8f1e1e;
  761. *background-color: #7a1919;
  762. }
  763. .btn-red3:active,
  764. .btn-red3.active {
  765. background-color: #651515 \9;
  766. }
  767. .btn-red3:hover {
  768. color: #ffffff;
  769. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  770. }
  771. .btn-red4 {
  772. background-color: #cb3434;
  773. background-image: -moz-linear-gradient(top, #d73c3c, #b92727);
  774. background-image: -ms-linear-gradient(top, #d73c3c, #b92727);
  775. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d73c3c), to(#b92727));
  776. background-image: -webkit-linear-gradient(top, #d73c3c, #b92727);
  777. background-image: -o-linear-gradient(top, #d73c3c, #b92727);
  778. background-image: linear-gradient(top, #d73c3c, #b92727);
  779. background-repeat: repeat-x;
  780. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d73c3c', endColorstr='#b92727', GradientType=0);
  781. border-color: #b92727 #b92727 #7a1919;
  782. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  783. *background-color: #b92727;
  784. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  785. color: #ffffff;
  786. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  787. }
  788. .btn-red4:hover,
  789. .btn-red4:active,
  790. .btn-red4.active,
  791. .btn-red4.disabled,
  792. .btn-red4[disabled] {
  793. background-color: #b92727;
  794. *background-color: #a42222;
  795. }
  796. .btn-red4:active,
  797. .btn-red4.active {
  798. background-color: #8f1e1e \9;
  799. }
  800. .btn-red4:hover {
  801. color: #ffffff;
  802. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  803. }
  804. .btn-red5 {
  805. background-color: #dc5656;
  806. background-image: -moz-linear-gradient(top, #df6767, #d73c3c);
  807. background-image: -ms-linear-gradient(top, #df6767, #d73c3c);
  808. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#df6767), to(#d73c3c));
  809. background-image: -webkit-linear-gradient(top, #df6767, #d73c3c);
  810. background-image: -o-linear-gradient(top, #df6767, #d73c3c);
  811. background-image: linear-gradient(top, #df6767, #d73c3c);
  812. background-repeat: repeat-x;
  813. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df6767', endColorstr='#d73c3c', GradientType=0);
  814. border-color: #d73c3c #d73c3c #a42222;
  815. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  816. *background-color: #d73c3c;
  817. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  818. color: #ffffff;
  819. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  820. }
  821. .btn-red5:hover,
  822. .btn-red5:active,
  823. .btn-red5.active,
  824. .btn-red5.disabled,
  825. .btn-red5[disabled] {
  826. background-color: #d73c3c;
  827. *background-color: #cf2b2b;
  828. }
  829. .btn-red5:active,
  830. .btn-red5.active {
  831. background-color: #b92727 \9;
  832. }
  833. .btn-red5:hover {
  834. color: #ffffff;
  835. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  836. }
  837. .btn-red6 {
  838. background-color: #e58080;
  839. background-image: -moz-linear-gradient(top, #e89191, #df6767);
  840. background-image: -ms-linear-gradient(top, #e89191, #df6767);
  841. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e89191), to(#df6767));
  842. background-image: -webkit-linear-gradient(top, #e89191, #df6767);
  843. background-image: -o-linear-gradient(top, #e89191, #df6767);
  844. background-image: linear-gradient(top, #e89191, #df6767);
  845. background-repeat: repeat-x;
  846. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e89191', endColorstr='#df6767', GradientType=0);
  847. border-color: #df6767 #df6767 #cf2b2b;
  848. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  849. *background-color: #df6767;
  850. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  851. color: #333;
  852. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  853. }
  854. .btn-red6:hover,
  855. .btn-red6:active,
  856. .btn-red6.active,
  857. .btn-red6.disabled,
  858. .btn-red6[disabled] {
  859. background-color: #df6767;
  860. *background-color: #db5252;
  861. }
  862. .btn-red6:active,
  863. .btn-red6.active {
  864. background-color: #d73c3c \9;
  865. }
  866. .btn-red6:hover {
  867. color: #333;
  868. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  869. }
  870. .btn-red7 {
  871. background-color: #edaaaa;
  872. background-image: -moz-linear-gradient(top, #f1bbbb, #e89191);
  873. background-image: -ms-linear-gradient(top, #f1bbbb, #e89191);
  874. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1bbbb), to(#e89191));
  875. background-image: -webkit-linear-gradient(top, #f1bbbb, #e89191);
  876. background-image: -o-linear-gradient(top, #f1bbbb, #e89191);
  877. background-image: linear-gradient(top, #f1bbbb, #e89191);
  878. background-repeat: repeat-x;
  879. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1bbbb', endColorstr='#e89191', GradientType=0);
  880. border-color: #e89191 #e89191 #db5252;
  881. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  882. *background-color: #e89191;
  883. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  884. color: #333;
  885. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  886. }
  887. .btn-red7:hover,
  888. .btn-red7:active,
  889. .btn-red7.active,
  890. .btn-red7.disabled,
  891. .btn-red7[disabled] {
  892. background-color: #e89191;
  893. *background-color: #e47c7c;
  894. }
  895. .btn-red7:active,
  896. .btn-red7.active {
  897. background-color: #df6767 \9;
  898. }
  899. .btn-red7:hover {
  900. color: #333;
  901. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  902. }
  903. .btn-red8 {
  904. background-color: #f6d4d4;
  905. background-image: -moz-linear-gradient(top, #fae5e5, #f1bbbb);
  906. background-image: -ms-linear-gradient(top, #fae5e5, #f1bbbb);
  907. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fae5e5), to(#f1bbbb));
  908. background-image: -webkit-linear-gradient(top, #fae5e5, #f1bbbb);
  909. background-image: -o-linear-gradient(top, #fae5e5, #f1bbbb);
  910. background-image: linear-gradient(top, #fae5e5, #f1bbbb);
  911. background-repeat: repeat-x;
  912. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae5e5', endColorstr='#f1bbbb', GradientType=0);
  913. border-color: #f1bbbb #f1bbbb #e47c7c;
  914. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  915. *background-color: #f1bbbb;
  916. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  917. color: #333;
  918. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  919. }
  920. .btn-red8:hover,
  921. .btn-red8:active,
  922. .btn-red8.active,
  923. .btn-red8.disabled,
  924. .btn-red8[disabled] {
  925. background-color: #f1bbbb;
  926. *background-color: #eca6a6;
  927. }
  928. .btn-red8:active,
  929. .btn-red8.active {
  930. background-color: #e89191 \9;
  931. }
  932. .btn-red8:hover {
  933. color: #333;
  934. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  935. }
  936. .btn-green1 {
  937. background-color: #0e3c09;
  938. background-image: -moz-linear-gradient(top, #124e0c, #082205);
  939. background-image: -ms-linear-gradient(top, #124e0c, #082205);
  940. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#124e0c), to(#082205));
  941. background-image: -webkit-linear-gradient(top, #124e0c, #082205);
  942. background-image: -o-linear-gradient(top, #124e0c, #082205);
  943. background-image: linear-gradient(top, #124e0c, #082205);
  944. background-repeat: repeat-x;
  945. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#124e0c', endColorstr='#082205', GradientType=0);
  946. border-color: #082205 #082205 #000000;
  947. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  948. *background-color: #082205;
  949. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  950. color: #ffffff;
  951. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  952. }
  953. .btn-green1:hover,
  954. .btn-green1:active,
  955. .btn-green1.active,
  956. .btn-green1.disabled,
  957. .btn-green1[disabled] {
  958. background-color: #082205;
  959. *background-color: #030c02;
  960. }
  961. .btn-green1:active,
  962. .btn-green1.active {
  963. background-color: #000000 \9;
  964. }
  965. .btn-green1:hover {
  966. color: #ffffff;
  967. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  968. }
  969. .btn-green2 {
  970. background-color: #186910;
  971. background-image: -moz-linear-gradient(top, #1c7a13, #124e0c);
  972. background-image: -ms-linear-gradient(top, #1c7a13, #124e0c);
  973. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c7a13), to(#124e0c));
  974. background-image: -webkit-linear-gradient(top, #1c7a13, #124e0c);
  975. background-image: -o-linear-gradient(top, #1c7a13, #124e0c);
  976. background-image: linear-gradient(top, #1c7a13, #124e0c);
  977. background-repeat: repeat-x;
  978. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c7a13', endColorstr='#124e0c', GradientType=0);
  979. border-color: #124e0c #124e0c #030c02;
  980. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  981. *background-color: #124e0c;
  982. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  983. color: #ffffff;
  984. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  985. }
  986. .btn-green2:hover,
  987. .btn-green2:active,
  988. .btn-green2.active,
  989. .btn-green2.disabled,
  990. .btn-green2[disabled] {
  991. background-color: #124e0c;
  992. *background-color: #0d3809;
  993. }
  994. .btn-green2:active,
  995. .btn-green2.active {
  996. background-color: #082205 \9;
  997. }
  998. .btn-green2:hover {
  999. color: #ffffff;
  1000. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1001. }
  1002. .btn-green3 {
  1003. background-color: #229517;
  1004. background-image: -moz-linear-gradient(top, #26a61a, #1c7a13);
  1005. background-image: -ms-linear-gradient(top, #26a61a, #1c7a13);
  1006. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#26a61a), to(#1c7a13));
  1007. background-image: -webkit-linear-gradient(top, #26a61a, #1c7a13);
  1008. background-image: -o-linear-gradient(top, #26a61a, #1c7a13);
  1009. background-image: linear-gradient(top, #26a61a, #1c7a13);
  1010. background-repeat: repeat-x;
  1011. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26a61a', endColorstr='#1c7a13', GradientType=0);
  1012. border-color: #1c7a13 #1c7a13 #0d3809;
  1013. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1014. *background-color: #1c7a13;
  1015. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1016. color: #ffffff;
  1017. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1018. }
  1019. .btn-green3:hover,
  1020. .btn-green3:active,
  1021. .btn-green3.active,
  1022. .btn-green3.disabled,
  1023. .btn-green3[disabled] {
  1024. background-color: #1c7a13;
  1025. *background-color: #17640f;
  1026. }
  1027. .btn-green3:active,
  1028. .btn-green3.active {
  1029. background-color: #124e0c \9;
  1030. }
  1031. .btn-green3:hover {
  1032. color: #ffffff;
  1033. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1034. }
  1035. .btn-green4 {
  1036. background-color: #2dc11e;
  1037. background-image: -moz-linear-gradient(top, #31d320, #26a61a);
  1038. background-image: -ms-linear-gradient(top, #31d320, #26a61a);
  1039. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#31d320), to(#26a61a));
  1040. background-image: -webkit-linear-gradient(top, #31d320, #26a61a);
  1041. background-image: -o-linear-gradient(top, #31d320, #26a61a);
  1042. background-image: linear-gradient(top, #31d320, #26a61a);
  1043. background-repeat: repeat-x;
  1044. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31d320', endColorstr='#26a61a', GradientType=0);
  1045. border-color: #26a61a #26a61a #17640f;
  1046. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1047. *background-color: #26a61a;
  1048. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1049. color: #ffffff;
  1050. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1051. }
  1052. .btn-green4:hover,
  1053. .btn-green4:active,
  1054. .btn-green4.active,
  1055. .btn-green4.disabled,
  1056. .btn-green4[disabled] {
  1057. background-color: #26a61a;
  1058. *background-color: #219016;
  1059. }
  1060. .btn-green4:active,
  1061. .btn-green4.active {
  1062. background-color: #1c7a13 \9;
  1063. }
  1064. .btn-green4:hover {
  1065. color: #ffffff;
  1066. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1067. }
  1068. .btn-green5 {
  1069. background-color: #45dc36;
  1070. background-image: -moz-linear-gradient(top, #52e244, #31d320);
  1071. background-image: -ms-linear-gradient(top, #52e244, #31d320);
  1072. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52e244), to(#31d320));
  1073. background-image: -webkit-linear-gradient(top, #52e244, #31d320);
  1074. background-image: -o-linear-gradient(top, #52e244, #31d320);
  1075. background-image: linear-gradient(top, #52e244, #31d320);
  1076. background-repeat: repeat-x;
  1077. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52e244', endColorstr='#31d320', GradientType=0);
  1078. border-color: #31d320 #31d320 #219016;
  1079. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1080. *background-color: #31d320;
  1081. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1082. color: #ffffff;
  1083. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1084. }
  1085. .btn-green5:hover,
  1086. .btn-green5:active,
  1087. .btn-green5.active,
  1088. .btn-green5.disabled,
  1089. .btn-green5[disabled] {
  1090. background-color: #31d320;
  1091. *background-color: #2bbd1d;
  1092. }
  1093. .btn-green5:active,
  1094. .btn-green5.active {
  1095. background-color: #26a61a \9;
  1096. }
  1097. .btn-green5:hover {
  1098. color: #ffffff;
  1099. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  1100. }
  1101. .btn-green6 {
  1102. background-color: #6be65e;
  1103. background-image: -moz-linear-gradient(top, #7be970, #52e244);
  1104. background-image: -ms-linear-gradient(top, #7be970, #52e244);
  1105. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7be970), to(#52e244));
  1106. background-image: -webkit-linear-gradient(top, #7be970, #52e244);
  1107. background-image: -o-linear-gradient(top, #7be970, #52e244);
  1108. background-image: linear-gradient(top, #7be970, #52e244);
  1109. background-repeat: repeat-x;
  1110. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7be970', endColorstr='#52e244', GradientType=0);
  1111. border-color: #52e244 #52e244 #2cbd1d;
  1112. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1113. *background-color: #52e244;
  1114. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1115. color: #333;
  1116. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1117. }
  1118. .btn-green6:hover,
  1119. .btn-green6:active,
  1120. .btn-green6.active,
  1121. .btn-green6.disabled,
  1122. .btn-green6[disabled] {
  1123. background-color: #52e244;
  1124. *background-color: #3edf2e;
  1125. }
  1126. .btn-green6:active,
  1127. .btn-green6.active {
  1128. background-color: #31d320 \9;
  1129. }
  1130. .btn-green6:hover {
  1131. color: #333;
  1132. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1133. }
  1134. .btn-green7 {
  1135. background-color: #93ed8b;
  1136. background-image: -moz-linear-gradient(top, #a4f09c, #7be970);
  1137. background-image: -ms-linear-gradient(top, #a4f09c, #7be970);
  1138. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a4f09c), to(#7be970));
  1139. background-image: -webkit-linear-gradient(top, #a4f09c, #7be970);
  1140. background-image: -o-linear-gradient(top, #a4f09c, #7be970);
  1141. background-image: linear-gradient(top, #a4f09c, #7be970);
  1142. background-repeat: repeat-x;
  1143. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4f09c', endColorstr='#7be970', GradientType=0);
  1144. border-color: #7be970 #7be970 #3edf2e;
  1145. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1146. *background-color: #7be970;
  1147. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1148. color: #333;
  1149. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1150. }
  1151. .btn-green7:hover,
  1152. .btn-green7:active,
  1153. .btn-green7.active,
  1154. .btn-green7.disabled,
  1155. .btn-green7[disabled] {
  1156. background-color: #7be970;
  1157. *background-color: #67e65a;
  1158. }
  1159. .btn-green7:active,
  1160. .btn-green7.active {
  1161. background-color: #52e244 \9;
  1162. }
  1163. .btn-green7:hover {
  1164. color: #333;
  1165. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1166. }
  1167. .btn-green8 {
  1168. background-color: #bcf4b7;
  1169. background-image: -moz-linear-gradient(top, #cdf7c8, #a4f09c);
  1170. background-image: -ms-linear-gradient(top, #cdf7c8, #a4f09c);
  1171. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cdf7c8), to(#a4f09c));
  1172. background-image: -webkit-linear-gradient(top, #cdf7c8, #a4f09c);
  1173. background-image: -o-linear-gradient(top, #cdf7c8, #a4f09c);
  1174. background-image: linear-gradient(top, #cdf7c8, #a4f09c);
  1175. background-repeat: repeat-x;
  1176. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdf7c8', endColorstr='#a4f09c', GradientType=0);
  1177. border-color: #a4f09c #a4f09c #67e65a;
  1178. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1179. *background-color: #a4f09c;
  1180. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  1181. color: #333;
  1182. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1183. }
  1184. .btn-green8:hover,
  1185. .btn-green8:active,
  1186. .btn-green8.active,
  1187. .btn-green8.disabled,
  1188. .btn-green8[disabled] {
  1189. background-color: #a4f09c;
  1190. *background-color: #8fec86;
  1191. }
  1192. .btn-green8:active,
  1193. .btn-green8.active {
  1194. background-color: #7be970 \9;
  1195. }
  1196. .btn-green8:hover {
  1197. color: #333;
  1198. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  1199. }
  1200. html,
  1201. body {
  1202. height: 100%;
  1203. }
  1204. body {
  1205. background: url('../img/bg2.png') repeat;
  1206. }
  1207. body.dark {
  1208. background: url('../img/wood-black.jpg') repeat;
  1209. }
  1210. body.light {
  1211. background: url('../img/light.jpg') repeat;
  1212. }
  1213. body.wood {
  1214. background: url('../img/wood.jpg') repeat;
  1215. }
  1216. body.retina-wood {
  1217. background: url('../img/retina_wood.png') repeat;
  1218. }
  1219. body.linen {
  1220. background: url('../img/low_contrast_linen.png') repeat;
  1221. }
  1222. body.paper {
  1223. background: url('../img/natural_paper.png') repeat;
  1224. }
  1225. .style-toggler {
  1226. position: absolute;
  1227. left: -1px;
  1228. background: #111;
  1229. border: 1px solid #111;
  1230. -webkit-box-shadow: 0 0 5px 1px #111111;
  1231. -moz-box-shadow: 0 0 5px 1px #111111;
  1232. box-shadow: 0 0 5px 1px #111111;
  1233. -webkit-border-radius: 3px 3px 3px 3px;
  1234. -moz-border-radius: 3px 3px 3px 3px;
  1235. border-radius: 3px 3px 3px 3px;
  1236. padding: 10px 0;
  1237. top: 100px;
  1238. z-index: 1050;
  1239. cursor: pointer;
  1240. }
  1241. .style-switcher {
  1242. background: #111;
  1243. border: 1px solid #111;
  1244. -webkit-box-shadow: 0 0 5px 1px #111111;
  1245. -moz-box-shadow: 0 0 5px 1px #111111;
  1246. box-shadow: 0 0 5px 1px #111111;
  1247. -webkit-border-radius: 3px 3px 3px 3px;
  1248. -moz-border-radius: 3px 3px 3px 3px;
  1249. border-radius: 3px 3px 3px 3px;
  1250. left: -230px;
  1251. top: 100px;
  1252. position: absolute;
  1253. z-index: 1050;
  1254. color: #eee;
  1255. padding: 10px;
  1256. }
  1257. .style-switcher .pattern {
  1258. list-style-type: none;
  1259. margin: 15px 0;
  1260. }
  1261. .style-switcher .pattern li {
  1262. margin-top: 8px;
  1263. border: 1px solid #111;
  1264. }
  1265. .style-switcher .pattern li:first-child {
  1266. margin-top: 0;
  1267. }
  1268. .style-switcher .pattern li a {
  1269. display: block;
  1270. padding: 8px 15px;
  1271. color: #fff;
  1272. -webkit-border-radius: 3px 3px 3px 3px;
  1273. -moz-border-radius: 3px 3px 3px 3px;
  1274. border-radius: 3px 3px 3px 3px;
  1275. }
  1276. .style-switcher .pattern li a.default {
  1277. background: url('../img/bg2.png') repeat;
  1278. color: #333;
  1279. }
  1280. .style-switcher .pattern li a.dark {
  1281. background: url('../img/wood-black.jpg') repeat;
  1282. }
  1283. .style-switcher .pattern li a.light {
  1284. background: url('../img/light.jpg') repeat;
  1285. color: #333;
  1286. }
  1287. .style-switcher .pattern li a.wood {
  1288. background: url('../img/wood.jpg') repeat;
  1289. color: #333;
  1290. }
  1291. .style-switcher .pattern li a.retina-wood {
  1292. background: url('../img/retina_wood.png') repeat;
  1293. color: #333;
  1294. }
  1295. .style-switcher .pattern li a.linen {
  1296. background: url('../img/low_contrast_linen.png') repeat;
  1297. }
  1298. .style-switcher .pattern li a.paper {
  1299. background: url('../img/natural_paper.png') repeat;
  1300. color: #333;
  1301. }
  1302. .style-switcher .color {
  1303. list-style-type: none;
  1304. margin: 10px 0;
  1305. }
  1306. .style-switcher .color li {
  1307. margin-top: 8px;
  1308. border: 1px solid #111;
  1309. }
  1310. .style-switcher .color li:first-child {
  1311. margin-top: 0;
  1312. }
  1313. .style-switcher .color li a {
  1314. display: block;
  1315. padding: 8px 15px;
  1316. color: #fff;
  1317. -webkit-border-radius: 3px 3px 3px 3px;
  1318. -moz-border-radius: 3px 3px 3px 3px;
  1319. border-radius: 3px 3px 3px 3px;
  1320. }
  1321. .style-switcher .color li a.style {
  1322. background: #222222;
  1323. }
  1324. .style-switcher .color li a.style:hover {
  1325. background: #3c3c3c;
  1326. text-decoration: none;
  1327. }
  1328. .style-switcher .color li a.blue {
  1329. background: #131f2d;
  1330. }
  1331. .style-switcher .color li a.blue:hover {
  1332. background: #223851;
  1333. text-decoration: none;
  1334. }
  1335. .style-switcher .color li a.green {
  1336. background: #232b1e;
  1337. }
  1338. .style-switcher .color li a.green:hover {
  1339. background: #3b4933;
  1340. text-decoration: none;
  1341. }
  1342. .style-switcher .color li a.red {
  1343. background: #2f1c1c;
  1344. }
  1345. .style-switcher .color li a.red:hover {
  1346. background: #4f2f2f;
  1347. text-decoration: none;
  1348. }
  1349. .dropdown.open .btn.dropdown-toggle {
  1350. background: #fff;
  1351. -webkit-box-shadow: none;
  1352. -moz-box-shadow: none;
  1353. box-shadow: none;
  1354. border: 1px solid #bbb;
  1355. z-index: 1001;
  1356. border-bottom: 0;
  1357. -webkit-border-radius: 0 0 0 0;
  1358. -moz-border-radius: 0 0 0 0;
  1359. border-radius: 0 0 0 0;
  1360. }
  1361. .dropdown > .dropdown-menu.custom {
  1362. background: #ffffff;
  1363. border-color: #b3b3b3;
  1364. -webkit-border-radius: 0 0 0 0;
  1365. -moz-border-radius: 0 0 0 0;
  1366. border-radius: 0 0 0 0;
  1367. -webkit-box-shadow: 0 0 10px #b3b3b3;
  1368. -moz-box-shadow: 0 0 10px #b3b3b3;
  1369. box-shadow: 0 0 10px #b3b3b3;
  1370. margin-top: -1px;
  1371. }
  1372. .dropdown > .dropdown-menu.custom.custom-dark {
  1373. border-color: #222222;
  1374. -webkit-box-shadow: 0 0 10px #222222;
  1375. -moz-box-shadow: 0 0 10px #222222;
  1376. box-shadow: 0 0 10px #222222;
  1377. }
  1378. .dropdown > .dropdown-menu.custom li {
  1379. float: none;
  1380. }
  1381. .dropdown > .dropdown-menu.custom li.custom {
  1382. *zoom: 1;
  1383. min-width: 350px;
  1384. }
  1385. .dropdown > .dropdown-menu.custom li.custom.custom-hidden {
  1386. display: none;
  1387. }
  1388. .dropdown > .dropdown-menu.custom li.custom:before,
  1389. .dropdown > .dropdown-menu.custom li.custom:after {
  1390. display: table;
  1391. content: "";
  1392. }
  1393. .dropdown > .dropdown-menu.custom li.custom:after {
  1394. clear: both;
  1395. }
  1396. .dropdown > .dropdown-menu.custom li.custom:hover {
  1397. background: #ebebeb;
  1398. }
  1399. .dropdown > .dropdown-menu.custom li.custom .expand_custom {
  1400. padding: 5px 0;
  1401. text-align: center;
  1402. background: #e6e6e6;
  1403. }
  1404. .dropdown > .dropdown-menu.custom li.custom .expand_custom a {
  1405. font-weight: bold;
  1406. }
  1407. .dropdown > .dropdown-menu.custom li.custom .expand_custom a:hover {
  1408. text-decoration: underline;
  1409. }
  1410. .dropdown > .dropdown-menu.custom li.custom .title {
  1411. width: 250px;
  1412. padding: 5px 10px;
  1413. float: left;
  1414. font-weight: bold;
  1415. }
  1416. .dropdown > .dropdown-menu.custom li.custom .title span {
  1417. display: block;
  1418. font-size: 11px;
  1419. font-weight: normal;
  1420. }
  1421. .dropdown > .dropdown-menu.custom li.custom .title span a {
  1422. font-size: 12px;
  1423. color: #b94a48;
  1424. }
  1425. .dropdown > .dropdown-menu.custom li.custom .action {
  1426. margin-top: 10px;
  1427. margin-right: 10px;
  1428. float: right;
  1429. }
  1430. .dropdown > .dropdown-menu.custom li.custom a {
  1431. display: inline-block;
  1432. padding: 0;
  1433. clear: none;
  1434. font-weight: normal;
  1435. line-height: 18px;
  1436. color: #333333;
  1437. white-space: nowrap;
  1438. }
  1439. .dropdown > .dropdown-menu.custom li.custom a:hover {
  1440. background: none;
  1441. text-decoration: none;
  1442. }
  1443. .dropdown > .dropdown-menu.custom li.custom a.btn-mini {
  1444. padding: 2px 4px;
  1445. }
  1446. .dropdown > .dropdown-menu.custom li.custom a.btn-mini img {
  1447. margin: 0;
  1448. }
  1449. .dropdown > .dropdown-menu.custom li.custom a.btn-mini:hover {
  1450. background: #e6e6e6;
  1451. }
  1452. .dropdown > .dropdown-menu.custom li.custom a img {
  1453. position: relative;
  1454. left: 0;
  1455. top: 0;
  1456. }
  1457. .dropdown > .dropdown-menu.custom li a {
  1458. position: relative;
  1459. }
  1460. .dropdown > .dropdown-menu.custom li a.fugue {
  1461. padding-left: 35px;
  1462. }
  1463. .dropdown > .dropdown-menu.custom li a img {
  1464. position: absolute;
  1465. display: block;
  1466. left: 10px;
  1467. top: 4px;
  1468. margin-right: 3px;
  1469. }
  1470. .dropdown > .dropdown-menu.custom li a:hover {
  1471. background: #b94a48;
  1472. }
  1473. .topbar {
  1474. *zoom: 1;
  1475. border: 1px solid #222222;
  1476. height: 52px;
  1477. background-color: #363636;
  1478. background-image: -moz-linear-gradient(top, #3c3c3c, #2f2f2f);
  1479. background-image: -ms-linear-gradient(top, #3c3c3c, #2f2f2f);
  1480. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#2f2f2f));
  1481. background-image: -webkit-linear-gradient(top, #3c3c3c, #2f2f2f);
  1482. background-image: -o-linear-gradient(top, #3c3c3c, #2f2f2f);
  1483. background-image: linear-gradient(top, #3c3c3c, #2f2f2f);
  1484. background-repeat: repeat-x;
  1485. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#2f2f2f', GradientType=0);
  1486. -webkit-box-shadow: inset 0 0 2px 2px #414141;
  1487. -moz-box-shadow: inset 0 0 2px 2px #414141;
  1488. box-shadow: inset 0 0 2px 2px #414141;
  1489. }
  1490. .topbar:before,
  1491. .topbar:after {
  1492. display: table;
  1493. content: "";
  1494. }
  1495. .topbar:after {
  1496. clear: both;
  1497. }
  1498. .topbar .company {
  1499. float: left;
  1500. margin: 15px 0;
  1501. display: block;
  1502. color: #eeeeee;
  1503. font-size: 24px;
  1504. text-shadow: 1px 1px 1px #000000;
  1505. filter: dropshadow(color=#000000, offx=1px, offy=1px);
  1506. }
  1507. .topbar .company:hover {
  1508. text-decoration: none;
  1509. }
  1510. .topbar input {
  1511. color: #888888;
  1512. margin-left: 25px;
  1513. background: url('../img/magnifier_grey.png') no-repeat 182px 6px #272727;
  1514. border: 0;
  1515. margin-top: 12px;
  1516. width: 195px;
  1517. padding: 7px 0 3px 7px;
  1518. -webkit-border-radius: 3px 3px 3px 3px;
  1519. -moz-border-radius: 3px 3px 3px 3px;
  1520. border-radius: 3px 3px 3px 3px;
  1521. -webkit-box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1522. -moz-box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1523. box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1524. }
  1525. .topbar input:focus {
  1526. color: #ffffff;
  1527. -webkit-box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1528. -moz-box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1529. box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1530. }
  1531. .topbar form {
  1532. margin: 0;
  1533. float: left;
  1534. }
  1535. .topbar .mini {
  1536. margin-top: 12px;
  1537. float: right;
  1538. list-style-type: none;
  1539. padding: 0;
  1540. }
  1541. .topbar .mini > li {
  1542. float: left;
  1543. margin-left: 20px;
  1544. background: #272727;
  1545. position: relative;
  1546. -webkit-border-radius: 3px 3px 3px 3px;
  1547. -moz-border-radius: 3px 3px 3px 3px;
  1548. border-radius: 3px 3px 3px 3px;
  1549. -webkit-box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1550. -moz-box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1551. box-shadow: 1px 1px 1px #4b4b4b, inset 1px 1px 0px 1px #222222;
  1552. }
  1553. .topbar .mini > li:hover {
  1554. background: #222222;
  1555. }
  1556. .topbar .mini > li.open {
  1557. margin-left: 18px;
  1558. }
  1559. .topbar .mini > li.open > a {
  1560. color: #080808;
  1561. background: #ffffff;
  1562. border: 1px solid #222222;
  1563. border-bottom: 0;
  1564. }
  1565. .topbar .mini > li.open > a img {
  1566. opacity: 1;
  1567. filter: alpha(opacity=1);
  1568. }
  1569. .topbar .mini > li.open > a:hover {
  1570. color: #080808;
  1571. }
  1572. .topbar .mini > li > a {
  1573. color: #888888;
  1574. font-size: 12px;
  1575. line-height: 20px;
  1576. padding: 5px 8px 3px 8px;
  1577. display: block;
  1578. position: relative;
  1579. z-index: 1001;
  1580. }
  1581. .topbar .mini > li > a img {
  1582. margin-bottom: 2px;
  1583. margin-right: 2px;
  1584. opacity: 0.3;
  1585. filter: alpha(opacity=0.3);
  1586. }
  1587. .topbar .mini > li > a .label {
  1588. position: absolute;
  1589. top: -5px;
  1590. left: 93%;
  1591. }
  1592. .topbar .mini > li > a:hover {
  1593. text-decoration: none;
  1594. color: #ffffff;
  1595. }
  1596. .topbar .mini > li > a:hover img {
  1597. opacity: 1;
  1598. filter: alpha(opacity=1);
  1599. }
  1600. .breadcrumbs {
  1601. height: 27px;
  1602. border: 1px solid #222222;
  1603. border-top: 0;
  1604. background: #222222;
  1605. -webkit-box-shadow: inset 0 0 2px 1px #313131, 0 1px 5px #080808;
  1606. -moz-box-shadow: inset 0 0 2px 1px #313131, 0 1px 5px #080808;
  1607. box-shadow: inset 0 0 2px 1px #313131, 0 1px 5px #080808;
  1608. }
  1609. .breadcrumbs .bread {
  1610. height: 27px;
  1611. list-style-type: none;
  1612. margin: 0;
  1613. }
  1614. .breadcrumbs .bread li {
  1615. position: relative;
  1616. float: left;
  1617. }
  1618. .breadcrumbs .bread li a {
  1619. display: block;
  1620. color: #888888;
  1621. padding: 5px 10px;
  1622. }
  1623. .breadcrumbs .bread li a i {
  1624. opacity: 0.3;
  1625. filter: alpha(opacity=0.3);
  1626. }
  1627. .breadcrumbs .bread li a:hover {
  1628. color: #ffffff;
  1629. text-decoration: none;
  1630. }
  1631. .breadcrumbs .bread li a:hover i {
  1632. opacity: 1;
  1633. filter: alpha(opacity=1);
  1634. }
  1635. .breadcrumbs .bread li a:after {
  1636. content: '/';
  1637. margin-left: 15px;
  1638. }
  1639. .breadcrumbs .bread li:last-child a:after {
  1640. content: '';
  1641. }
  1642. .breadcrumbs .bread li.active a {
  1643. color: #ffffff;
  1644. }
  1645. .row-fluid {
  1646. margin-top: 10px;
  1647. }
  1648. .row-fluid.no-margin,
  1649. .row-fluid:first-child {
  1650. margin-top: -9px;
  1651. }
  1652. .row-fluid.no-margin.force-margin,
  1653. .row-fluid:first-child.force-margin {
  1654. margin-top: 0px;
  1655. }
  1656. .navi {
  1657. margin: 20px 0 20px 0;
  1658. width: 220px;
  1659. float: left;
  1660. }
  1661. .navi .main-nav {
  1662. list-style-type: none;
  1663. margin: 0;
  1664. padding: 0;
  1665. }
  1666. .navi .main-nav > li {
  1667. position: relative;
  1668. margin: 1px;
  1669. }
  1670. .navi .main-nav > li.open a {
  1671. -webkit-border-radius: 3px 3px 0 0;
  1672. -moz-border-radius: 3px 3px 0 0;
  1673. border-radius: 3px 3px 0 0;
  1674. }
  1675. .navi .main-nav > li.active a.light,
  1676. .navi .main-nav > li.open a.light {
  1677. border: 1px solid #272727;
  1678. color: #eeeeee;
  1679. background-color: #363636;
  1680. background-image: -moz-linear-gradient(top, #3c3c3c, #2f2f2f);
  1681. background-image: -ms-linear-gradient(top, #3c3c3c, #2f2f2f);
  1682. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#2f2f2f));
  1683. background-image: -webkit-linear-gradient(top, #3c3c3c, #2f2f2f);
  1684. background-image: -o-linear-gradient(top, #3c3c3c, #2f2f2f);
  1685. background-image: linear-gradient(top, #3c3c3c, #2f2f2f);
  1686. background-repeat: repeat-x;
  1687. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#2f2f2f', GradientType=0);
  1688. -webkit-box-shadow: none;
  1689. -moz-box-shadow: none;
  1690. box-shadow: none;
  1691. }
  1692. .navi .main-nav > li.active a.light .ico,
  1693. .navi .main-nav > li.open a.light .ico {
  1694. -webkit-box-shadow: 1px 1px 1px #484848, inset 1px 1px 0 1px #222222;
  1695. -moz-box-shadow: 1px 1px 1px #484848, inset 1px 1px 0 1px #222222;
  1696. box-shadow: 1px 1px 1px #484848, inset 1px 1px 0 1px #222222;
  1697. }
  1698. .navi .main-nav > li.active a.light .ico i,
  1699. .navi .main-nav > li.open a.light .ico i {
  1700. opacity: 1;
  1701. filter: alpha(opacity=1);
  1702. }
  1703. .navi .main-nav > li a {
  1704. display: block;
  1705. padding: 8px 8px 8px 45px;
  1706. border: 1px solid #a6a6a6;
  1707. -webkit-border-radius: 3px 3px 3px 3px;
  1708. -moz-border-radius: 3px 3px 3px 3px;
  1709. border-radius: 3px 3px 3px 3px;
  1710. }
  1711. .navi .main-nav > li a img {
  1712. margin-top: 7px;
  1713. float: right;
  1714. opacity: 0.7;
  1715. filter: alpha(opacity=0.7);
  1716. }
  1717. .navi .main-nav > li a .label {
  1718. float: right;
  1719. }
  1720. .navi .main-nav > li a.light {
  1721. color: #333333;
  1722. background-color: #f5f5f5;
  1723. background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  1724. background-image: -ms-linear-gradient(top, #fafafa, #ededed);
  1725. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
  1726. background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  1727. background-image: -o-linear-gradient(top, #fafafa, #ededed);
  1728. background-image: linear-gradient(top, #fafafa, #ededed);
  1729. background-repeat: repeat-x;
  1730. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
  1731. -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  1732. -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  1733. box-shadow: inset 0 0 1px 1px #ffffff;
  1734. }
  1735. .navi .main-nav > li a.light .ico {
  1736. -webkit-box-shadow: 1px 1px 1px #eeeeee, inset 1px 1px 0 1px #151515;
  1737. -moz-box-shadow: 1px 1px 1px #eeeeee, inset 1px 1px 0 1px #151515;
  1738. box-shadow: 1px 1px 1px #eeeeee, inset 1px 1px 0 1px #151515;
  1739. }
  1740. .navi .main-nav > li a.light:hover {
  1741. border: 1px solid #272727;
  1742. color: #eeeeee;
  1743. background-color: #363636;
  1744. background-image: -moz-linear-gradient(top, #3c3c3c, #2f2f2f);
  1745. background-image: -ms-linear-gradient(top, #3c3c3c, #2f2f2f);
  1746. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#2f2f2f));
  1747. background-image: -webkit-linear-gradient(top, #3c3c3c, #2f2f2f);
  1748. background-image: -o-linear-gradient(top, #3c3c3c, #2f2f2f);
  1749. background-image: linear-gradient(top, #3c3c3c, #2f2f2f);
  1750. background-repeat: repeat-x;
  1751. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#2f2f2f', GradientType=0);
  1752. -webkit-box-shadow: none;
  1753. -moz-box-shadow: none;
  1754. box-shadow: none;
  1755. }
  1756. .navi .main-nav > li a.light:hover .ico {
  1757. -webkit-box-shadow: 1px 1px 1px #484848, inset 1px 1px 0 1px #222222;
  1758. -moz-box-shadow: 1px 1px 1px #484848, inset 1px 1px 0 1px #222222;
  1759. box-shadow: 1px 1px 1px #484848, inset 1px 1px 0 1px #222222;
  1760. }
  1761. .navi .main-nav > li a:hover {
  1762. text-decoration: none;
  1763. }
  1764. .navi .main-nav > li a:hover .ico i {
  1765. opacity: 1;
  1766. filter: alpha(opacity=1);
  1767. }
  1768. .navi .main-nav > li a .ico {
  1769. position: absolute;
  1770. top: 5px;
  1771. left: 8px;
  1772. float: left;
  1773. background: #272727;
  1774. width: 24px;
  1775. height: 24px;
  1776. display: block;
  1777. -webkit-border-radius: 3px 3px 3px 3px;
  1778. -moz-border-radius: 3px 3px 3px 3px;
  1779. border-radius: 3px 3px 3px 3px;
  1780. }
  1781. .navi .main-nav > li a .ico i {
  1782. opacity: 0.5;
  1783. filter: alpha(opacity=0.5);
  1784. margin-top: 4px;
  1785. margin-left: 5px;
  1786. }
  1787. .navi .main-nav > li .collapsed-nav {
  1788. list-style-type: none;
  1789. margin: 0 0 5px 0;
  1790. border: 2px solid #2f2f2f;
  1791. border-top: 0;
  1792. background: #2f2f2f;
  1793. -webkit-border-radius: 0 0 3px 3px;
  1794. -moz-border-radius: 0 0 3px 3px;
  1795. border-radius: 0 0 3px 3px;
  1796. }
  1797. .navi .main-nav > li .collapsed-nav.closed {
  1798. display: none;
  1799. }
  1800. .navi .main-nav > li .collapsed-nav li {
  1801. margin: 0;
  1802. }
  1803. .navi .main-nav > li .collapsed-nav li.active a {
  1804. font-weight: bold;
  1805. }
  1806. .navi .main-nav > li .collapsed-nav li a {
  1807. -webkit-border-radius: 0 0 0 0;
  1808. -moz-border-radius: 0 0 0 0;
  1809. border-radius: 0 0 0 0;
  1810. color: #333333;
  1811. background: #ffffff;
  1812. padding: 8px;
  1813. border: 0;
  1814. }
  1815. .navi .main-nav > li .collapsed-nav li a:before {
  1816. content: '\00bb';
  1817. color: #333333;
  1818. margin-right: 5px;
  1819. }
  1820. .content {
  1821. padding: 20px 20px 100px 20px;
  1822. overflow: hidden;
  1823. *zoom: 1;
  1824. }
  1825. .content:before,
  1826. .content:after {
  1827. display: table;
  1828. content: "";
  1829. }
  1830. .content:after {
  1831. clear: both;
  1832. }
  1833. .content .box {
  1834. margin-top: 20px;
  1835. border: 1px solid #a6a6a6;
  1836. -webkit-border-radius: 3px 3px 3px 3px;
  1837. -moz-border-radius: 3px 3px 3px 3px;
  1838. border-radius: 3px 3px 3px 3px;
  1839. background: #fff;
  1840. }
  1841. .content .box:first-child {
  1842. margin-top: 10px;
  1843. }
  1844. .content .box .box-head {
  1845. *zoom: 1;
  1846. color: #595959;
  1847. padding: 6px 8px 6px 15px;
  1848. border-bottom: 1px solid #a6a6a6;
  1849. background-color: #f5f5f5;
  1850. background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  1851. background-image: -ms-linear-gradient(top, #fafafa, #ededed);
  1852. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
  1853. background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  1854. background-image: -o-linear-gradient(top, #fafafa, #ededed);
  1855. background-image: linear-gradient(top, #fafafa, #ededed);
  1856. background-repeat: repeat-x;
  1857. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
  1858. -webkit-border-radius: 3px 3px 0 0;
  1859. -moz-border-radius: 3px 3px 0 0;
  1860. border-radius: 3px 3px 0 0;
  1861. }
  1862. .content .box .box-head .label {
  1863. float: right;
  1864. margin-top: 5px;
  1865. margin-right: 2px;
  1866. }
  1867. .content .box .box-head.tabs {
  1868. padding-right: 6px;
  1869. }
  1870. .content .box .box-head.tabs ul.nav-pills {
  1871. margin: 1px 0 0 0;
  1872. float: right;
  1873. }
  1874. .content .box .box-head.tabs ul.nav-pills li a {
  1875. padding: 4px 8px;
  1876. }
  1877. .content .box .box-head.tabs ul.nav-pills li.active a {
  1878. background: #b94a48;
  1879. color: #fff;
  1880. }
  1881. .content .box .box-head.tabs ul.nav-tabs {
  1882. margin: 0;
  1883. float: right;
  1884. border: 0;
  1885. }
  1886. .content .box .box-head.tabs ul.nav-tabs.nav-tabs-main {
  1887. float: left;
  1888. }
  1889. .content .box .box-head.tabs ul.nav-tabs.nav-tabs-main li a {
  1890. padding: 7px 12px;
  1891. border-color: #a6a6a6;
  1892. }
  1893. .content .box .box-head.tabs ul.nav-tabs.nav-tabs-main li.active a {
  1894. border-bottom: 1px solid #fff;
  1895. }
  1896. .content .box .box-head.tabs ul.nav-tabs.nav-tabs-main li:first-child a {
  1897. border-left-color: #a6a6a6;
  1898. -webkit-border-radius: 3px 0 0 0;
  1899. -moz-border-radius: 3px 0 0 0;
  1900. border-radius: 3px 0 0 0;
  1901. }
  1902. .content .box .box-head.tabs ul.nav-tabs.nav-tabs-main li:last-child a {
  1903. -webkit-border-radius: 0 3px 0 0;
  1904. -moz-border-radius: 0 3px 0 0;
  1905. border-radius: 0 3px 0 0;
  1906. }
  1907. .content .box .box-head.tabs ul.nav-tabs li a {
  1908. margin: 0;
  1909. padding: 4px 12px;
  1910. border: 1px solid #ddd;
  1911. border-left: 0;
  1912. -webkit-border-radius: 0 0 0 0;
  1913. -moz-border-radius: 0 0 0 0;
  1914. border-radius: 0 0 0 0;
  1915. color: #999;
  1916. }
  1917. .content .box .box-head.tabs ul.nav-tabs li a:hover {
  1918. color: #333;
  1919. }
  1920. .content .box .box-head.tabs ul.nav-tabs li.active a {
  1921. color: #b94a48;
  1922. }
  1923. .content .box .box-head.tabs ul.nav-tabs li:first-child a {
  1924. border-left: 1px solid #ddd;
  1925. -webkit-border-radius: 3px 0 0 3px;
  1926. -moz-border-radius: 3px 0 0 3px;
  1927. border-radius: 3px 0 0 3px;
  1928. }
  1929. .content .box .box-head.tabs ul.nav-tabs li:last-child a {
  1930. -webkit-border-radius: 0 3px 3px 0;
  1931. -moz-border-radius: 0 3px 3px 0;
  1932. border-radius: 0 3px 3px 0;
  1933. }
  1934. .content .box .box-head:before,
  1935. .content .box .box-head:after {
  1936. display: table;
  1937. content: "";
  1938. }
  1939. .content .box .box-head:after {
  1940. clear: both;
  1941. }
  1942. .content .box .box-head.tabs-main {
  1943. padding: 6px 8px 0 6px;
  1944. }
  1945. .content .box .box-head h3 {
  1946. font-size: 14px;
  1947. float: left;
  1948. line-height: 27px;
  1949. }
  1950. .content .box .box-head .actions {
  1951. position: relative;
  1952. margin-top: 2px;
  1953. float: right;
  1954. }
  1955. .content .box .box-head .actions > ul {
  1956. list-style-type: none;
  1957. margin: 0;
  1958. *zoom: 1;
  1959. }
  1960. .content .box .box-head .actions > ul:before,
  1961. .content .box .box-head .actions > ul:after {
  1962. display: table;
  1963. content: "";
  1964. }
  1965. .content .box .box-head .actions > ul:after {
  1966. clear: both;
  1967. }
  1968. .content .box .box-head .actions > ul > li {
  1969. float: left;
  1970. margin-right: 5px;
  1971. }
  1972. .content .box .box-head .actions > ul > li:last-child {
  1973. margin-right: 0;
  1974. }
  1975. .content .box .box-head .actions > ul > li.open a {
  1976. position: relative;
  1977. z-index: 1001;
  1978. -webkit-box-shadow: none;
  1979. -moz-box-shadow: none;
  1980. box-shadow: none;
  1981. border-color: #b3b3b3;
  1982. -webkit-border-radius: 0 0 0 0;
  1983. -moz-border-radius: 0 0 0 0;
  1984. border-radius: 0 0 0 0;
  1985. }
  1986. .content .box .box-head .actions > ul > li.open a.btn {
  1987. background: #ffffff;
  1988. border-bottom: 0;
  1989. }
  1990. .content .box .box-content {
  1991. *zoom: 1;
  1992. background: #fff;
  1993. padding: 15px;
  1994. -webkit-border-radius: 0 0 2px 2px;
  1995. -moz-border-radius: 0 0 2px 2px;
  1996. border-radius: 0 0 2px 2px;
  1997. }
  1998. .content .box .box-content:before,
  1999. .content .box .box-content:after {
  2000. display: table;
  2001. content: "";
  2002. }
  2003. .content .box .box-content:after {
  2004. clear: both;
  2005. }
  2006. .content .box .box-content .span-inbox {
  2007. margin-left: 0;
  2008. }
  2009. .content .box .box-content.collapse {
  2010. padding: 0;
  2011. }
  2012. .content .box .box-content.collapse.in {
  2013. padding: 15px;
  2014. }
  2015. .content .box .box-content .force-padding {
  2016. padding: 0 15px;
  2017. }
  2018. .content .box .box-content.box-nomargin {
  2019. padding: 0;
  2020. }
  2021. .content .box .box-content.box-nomargin .alert {
  2022. -webkit-border-radius: 0 0 0 0;
  2023. -moz-border-radius: 0 0 0 0;
  2024. border-radius: 0 0 0 0;
  2025. margin: 0;
  2026. }
  2027. .content .box .box-content.box-nomargin .table {
  2028. margin: 0;
  2029. }
  2030. .green {
  2031. color: #334c14;
  2032. }
  2033. .red {
  2034. color: #962c2c;
  2035. }
  2036. .quickstats {
  2037. *zoom: 1;
  2038. list-style-type: none;
  2039. margin: 5px -5px;
  2040. }
  2041. .quickstats:before,
  2042. .quickstats:after {
  2043. display: table;
  2044. content: "";
  2045. }
  2046. .quickstats:after {
  2047. clear: both;
  2048. }
  2049. .quickstats.no-margin {
  2050. margin: 0;
  2051. }
  2052. .quickstats li {
  2053. margin: 5px;
  2054. float: left;
  2055. color: #333333;
  2056. white-space: nowrap;
  2057. padding: 8px 15px;
  2058. background-color: #f5f5f5;
  2059. background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  2060. background-image: -ms-linear-gradient(top, #fafafa, #ededed);
  2061. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
  2062. background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  2063. background-image: -o-linear-gradient(top, #fafafa, #ededed);
  2064. background-image: linear-gradient(top, #fafafa, #ededed);
  2065. background-repeat: repeat-x;
  2066. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
  2067. -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  2068. -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  2069. box-shadow: inset 0 0 1px 1px #ffffff;
  2070. -webkit-border-radius: 3px 3px 3px 3px;
  2071. -moz-border-radius: 3px 3px 3px 3px;
  2072. border-radius: 3px 3px 3px 3px;
  2073. border: 1px solid #a6a6a6;
  2074. }
  2075. .quickstats li .small-chart {
  2076. margin-top: 5px;
  2077. float: left;
  2078. }
  2079. .quickstats li .chart-detail {
  2080. margin-left: 10px;
  2081. float: left;
  2082. }
  2083. .quickstats li .chart-detail .amount {
  2084. font-weight: bold;
  2085. font-size: 18px;
  2086. }
  2087. .quickstats li .chart-detail .description {
  2088. display: block;
  2089. text-align: center;
  2090. }
  2091. .quicktasks {
  2092. list-style-type: none;
  2093. margin: 5px -5px;
  2094. }
  2095. .quicktasks.no-margin {
  2096. margin: 0;
  2097. }
  2098. .quicktasks li {
  2099. display: inline-block;
  2100. text-align: center;
  2101. margin: 5px;
  2102. }
  2103. .quicktasks li a {
  2104. color: #333333;
  2105. display: block;
  2106. white-space: nowrap;
  2107. padding: 8px 15px;
  2108. background-color: #f5f5f5;
  2109. background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  2110. background-image: -ms-linear-gradient(top, #fafafa, #ededed);
  2111. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
  2112. background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  2113. background-image: -o-linear-gradient(top, #fafafa, #ededed);
  2114. background-image: linear-gradient(top, #fafafa, #ededed);
  2115. background-repeat: repeat-x;
  2116. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
  2117. -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  2118. -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  2119. box-shadow: inset 0 0 1px 1px #ffffff;
  2120. -webkit-border-radius: 3px 3px 3px 3px;
  2121. -moz-border-radius: 3px 3px 3px 3px;
  2122. border-radius: 3px 3px 3px 3px;
  2123. border: 1px solid #a6a6a6;
  2124. }
  2125. .quicktasks li a span {
  2126. margin-top: 5px;
  2127. display: block;
  2128. }
  2129. .quicktasks li a:hover {
  2130. text-decoration: none;
  2131. border: 1px solid #8c8c8c;
  2132. background-color: #e8e8e8;
  2133. background-image: -moz-linear-gradient(top, #f2f2f2, #d9d9d9);
  2134. background-image: -ms-linear-gradient(top, #f2f2f2, #d9d9d9);
  2135. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#d9d9d9));
  2136. background-image: -webkit-linear-gradient(top, #f2f2f2, #d9d9d9);
  2137. background-image: -o-linear-gradient(top, #f2f2f2, #d9d9d9);
  2138. background-image: linear-gradient(top, #f2f2f2, #d9d9d9);
  2139. background-repeat: repeat-x;
  2140. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d9d9d9', GradientType=0);
  2141. }
  2142. .flot {
  2143. height: 300px;
  2144. }
  2145. .messages {
  2146. list-style-type: none;
  2147. margin: 0;
  2148. padding: 0;
  2149. *zoom: 1;
  2150. }
  2151. .messages:before,
  2152. .messages:after {
  2153. display: table;
  2154. content: "";
  2155. }
  2156. .messages:after {
  2157. clear: both;
  2158. }
  2159. .messages li {
  2160. margin-top: 15px;
  2161. }
  2162. .messages li:first-child {
  2163. margin: 0;
  2164. }
  2165. .messages li a img {
  2166. -webkit-border-radius: 3px 3px 3px 3px;
  2167. -moz-border-radius: 3px 3px 3px 3px;
  2168. border-radius: 3px 3px 3px 3px;
  2169. }
  2170. .messages li.user1 a {
  2171. float: left;
  2172. }
  2173. .messages li.user1 .info {
  2174. margin-left: 50px;
  2175. }
  2176. .messages li.user2 a {
  2177. float: right;
  2178. }
  2179. .messages li.user2 .info {
  2180. margin-right: 50px;
  2181. border-color: #839bcc;
  2182. }
  2183. .messages li.user2 .info .arrow {
  2184. background: url('../img/arrow-right.png') no-repeat;
  2185. position: absolute;
  2186. right: -5px;
  2187. display: block;
  2188. width: 5px;
  2189. height: 9px;
  2190. left: auto;
  2191. }
  2192. .messages li.user2 .info .detail .sender strong {
  2193. color: #5f7ebd;
  2194. }
  2195. .messages li .info {
  2196. *zoom: 1;
  2197. position: relative;
  2198. background: #fff;
  2199. border: 1px solid #c76e6d;
  2200. padding: 10px;
  2201. -webkit-border-radius: 3px 3px 3px 3px;
  2202. -moz-border-radius: 3px 3px 3px 3px;
  2203. border-radius: 3px 3px 3px 3px;
  2204. }
  2205. .messages li .info:before,
  2206. .messages li .info:after {
  2207. display: table;
  2208. content: "";
  2209. }
  2210. .messages li .info:after {
  2211. clear: both;
  2212. }
  2213. .messages li .info .arrow {
  2214. background: url('../img/arrow-left.png') no-repeat;
  2215. position: absolute;
  2216. left: -5px;
  2217. display: block;
  2218. width: 5px;
  2219. height: 9px;
  2220. }
  2221. .messages li .info .detail {
  2222. color: #a2a2a2;
  2223. }
  2224. .messages li .info .detail .sender strong {
  2225. color: #b94a48;
  2226. }
  2227. .messages li .info .detail .time {
  2228. float: right;
  2229. }
  2230. .messages li .info .message {
  2231. margin-top: 10px;
  2232. color: #666666;
  2233. }
  2234. .messages li .info .message p {
  2235. border-top: 1px solid #e0e0e0;
  2236. padding: 15px 5px;
  2237. margin: 0;
  2238. }
  2239. .messages li .info .message p:first-child {
  2240. padding-bottom: 15px;
  2241. border: 0;
  2242. }
  2243. .table .table-unread td {
  2244. font-weight: bold;
  2245. }
  2246. .table .table-checkbox {
  2247. width: 10px;
  2248. }
  2249. .table.table-bordered {
  2250. border-color: #bbb;
  2251. border: 0;
  2252. -webkit-border-radius: 0 0 0 0;
  2253. -moz-border-radius: 0 0 0 0;
  2254. border-radius: 0 0 0 0;
  2255. }
  2256. .table.table-bordered thead th {
  2257. border-color: #bbb;
  2258. -webkit-border-radius: 0 0 0 0;
  2259. -moz-border-radius: 0 0 0 0;
  2260. border-radius: 0 0 0 0;
  2261. }
  2262. .table.table-bordered thead th:first-child {
  2263. border: 0;
  2264. }
  2265. .table.table-bordered tbody:last-child tr:last-child td,
  2266. .table.table-bordered tbody:first-child {
  2267. -webkit-border-radius: 0 0 0 0;
  2268. -moz-border-radius: 0 0 0 0;
  2269. border-radius: 0 0 0 0;
  2270. }
  2271. .table.table-bordered tbody td {
  2272. border-color: #bbb;
  2273. }
  2274. .table.table-bordered tbody td:first-child {
  2275. border-left: 0;
  2276. }
  2277. .table thead th {
  2278. padding: 4px;
  2279. background-color: #f3f3f3;
  2280. -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  2281. -moz-box-shadow: inset 0 0 0 1px #ffffff;
  2282. box-shadow: inset 0 0 0 1px #ffffff;
  2283. text-align: center;
  2284. color: #666666;
  2285. font-weight: normal;
  2286. text-shadow: 0 1px 0 #ffffff;
  2287. filter: dropshadow(color=#000000, offx=1px, offy=1px);
  2288. }
  2289. .table tbody tr td {
  2290. vertical-align: middle;
  2291. }
  2292. .table tbody .actions {
  2293. width: 90px;
  2294. }
  2295. .table tbody .actions_two {
  2296. width: 60px;
  2297. }
  2298. .table tbody .actions_big {
  2299. width: 120px;
  2300. }
  2301. .table.dataTable {
  2302. border-top: 1px solid #bbb;
  2303. border-bottom: 1px solid #bbb;
  2304. }
  2305. .table.dataTable.dataTable-noheader {
  2306. border-top: 0;
  2307. }
  2308. .table.dataTable.dataTable-nofooter {
  2309. border-bottom: 0;
  2310. }
  2311. .table.table-media .table-image {
  2312. width: 66px;
  2313. }
  2314. .table.table-media .table-image a {
  2315. padding: 2px;
  2316. border: 1px solid #ddd;
  2317. display: block;
  2318. float: left;
  2319. -webkit-border-radius: 2px 2px 2px 2px;
  2320. -moz-border-radius: 2px 2px 2px 2px;
  2321. border-radius: 2px 2px 2px 2px;
  2322. }
  2323. .table.table-media .table-image a:hover {
  2324. border-color: #999;
  2325. }
  2326. .label.label-hidden {
  2327. display: none;
  2328. }
  2329. .gallery {
  2330. *zoom: 1;
  2331. margin: 0 0 10px 0;
  2332. list-style-type: none;
  2333. }
  2334. .gallery:before,
  2335. .gallery:after {
  2336. display: table;
  2337. content: "";
  2338. }
  2339. .gallery:after {
  2340. clear: both;
  2341. }
  2342. .gallery.gallery-detail li .info {
  2343. margin: 5px 3px;
  2344. }
  2345. .gallery.gallery-detail li .info span {
  2346. display: block;
  2347. }
  2348. .gallery li {
  2349. margin: 10px 0 0 10px;
  2350. float: left;
  2351. border: 1px solid #bbb;
  2352. padding: 3px;
  2353. -webkit-border-radius: 3px 3px 3px 3px;
  2354. -moz-border-radius: 3px 3px 3px 3px;
  2355. border-radius: 3px 3px 3px 3px;
  2356. }
  2357. .warningTextareaInfo {
  2358. color: #b94a48;
  2359. }
  2360. .pl_add {
  2361. margin-right: 5px;
  2362. }
  2363. .ui-spinner button {
  2364. height: 14px;
  2365. position: absolute;
  2366. background: none;
  2367. border: none;
  2368. width: 18px;
  2369. padding: 0;
  2370. background: url(../img/spinner_arrows.gif) no-repeat 0 -100px;
  2371. cursor: pointer;
  2372. }
  2373. .ui-spinner .ui-spinner-up {
  2374. top: 0;
  2375. right: 0;
  2376. background-position: 0 0;
  2377. }
  2378. .ui-spinner .ui-spinner-down {
  2379. top: 14px;
  2380. right: 0;
  2381. background-position: 0 -14px;
  2382. }
  2383. .ui-spinner .ui-spinner-up:hover {
  2384. background-position: -18px 0;
  2385. }
  2386. .ui-spinner .ui-spinner-down:hover {
  2387. background-position: -18px -14px;
  2388. }
  2389. .ui-spinner input,
  2390. .ui-spinner input:focus {
  2391. margin-top: 2px;
  2392. display: block !important;
  2393. -webkit-box-shadow: none !important;
  2394. -moz-box-shadow: none !important;
  2395. -ms-box-shadow: none !important;
  2396. box-shadow: none !important;
  2397. outline: none !important;
  2398. }
  2399. .ui-spinner ul {
  2400. margin: 0;
  2401. }
  2402. .ui-spinner li {
  2403. line-height: 28px;
  2404. }
  2405. .ui-spinner {
  2406. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2407. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2408. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2409. position: relative;
  2410. font-size: 13px;
  2411. height: 28px;
  2412. line-height: 28px;
  2413. color: #555;
  2414. background-color: #fff;
  2415. border: 1px solid #ccc;
  2416. -webkit-border-radius: 3px;
  2417. -moz-border-radius: 3px;
  2418. border-radius: 3px;
  2419. overflow: hidden;
  2420. }
  2421. .ui-spinner .ui-spinner-box {
  2422. background: none;
  2423. border: none !important;
  2424. }
  2425. .dataTables_filter {
  2426. float: left;
  2427. margin: 18px 15px 10px 15px;
  2428. }
  2429. .dataTables_filter label input {
  2430. -webkit-border-radius: 1px 1px 1px 1px;
  2431. -moz-border-radius: 1px 1px 1px 1px;
  2432. border-radius: 1px 1px 1px 1px;
  2433. background: url(../img/icons/fugue/magnifier.png) no-repeat 195px #ffffff;
  2434. }
  2435. .dataTables_length {
  2436. float: right;
  2437. margin: 19px 20px 9px 20px;
  2438. }
  2439. .dataTables_length label .selector {
  2440. margin-bottom: 2px;
  2441. }
  2442. .DTTT_container {
  2443. margin: 16px 15px 10px 15px;
  2444. }
  2445. .dataTables_wrapper {
  2446. *zoom: 1;
  2447. background: #f1f1f1;
  2448. }
  2449. .dataTables_wrapper:before,
  2450. .dataTables_wrapper:after {
  2451. display: table;
  2452. content: "";
  2453. }
  2454. .dataTables_wrapper:after {
  2455. clear: both;
  2456. }
  2457. .dataTables_paginate {
  2458. float: right;
  2459. margin-right: 20px;
  2460. }
  2461. .dataTables_info {
  2462. margin: 28px;
  2463. float: left;
  2464. }
  2465. table.table thead .sorting,
  2466. table.table thead .sorting_asc,
  2467. table.table thead .sorting_desc,
  2468. table.table thead .sorting_asc_disabled,
  2469. table.table thead .sorting_desc_disabled {
  2470. cursor: pointer;
  2471. padding: 4px;
  2472. background-color: #f3f3f3;
  2473. -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  2474. -moz-box-shadow: inset 0 0 0 1px #ffffff;
  2475. box-shadow: inset 0 0 0 1px #ffffff;
  2476. text-align: center;
  2477. color: #666666;
  2478. font-weight: normal;
  2479. text-shadow: 0 1px 0 #ffffff;
  2480. filter: dropshadow(color=#000000, offx=1px, offy=1px);
  2481. }
  2482. table.table thead .sorting {
  2483. background: url('../img/sort_both.png') no-repeat center right #f3f3f3;
  2484. }
  2485. table.table thead .sorting_asc {
  2486. background: url('../img/sort_asc.png') no-repeat center right #f3f3f3;
  2487. }
  2488. table.table thead .sorting_desc {
  2489. background: url('../img/sort_desc.png') no-repeat center right #f3f3f3;
  2490. }
  2491. table.table thead .sorting_asc_disabled {
  2492. background: url('../img/sort_asc_disabled.png') no-repeat center right #f3f3f3;
  2493. }
  2494. table.table thead .sorting_desc_disabled {
  2495. background: url('../img/sort_desc_disabled.png') no-repeat center right #f3f3f3;
  2496. }
  2497. table.table thead tr th:focus {
  2498. outline: none;
  2499. }
  2500. #image_preview {
  2501. position: absolute;
  2502. display: none;
  2503. -webkit-box-shadow: 0 0 5px 1px #999999;
  2504. -moz-box-shadow: 0 0 5px 1px #999999;
  2505. box-shadow: 0 0 5px 1px #999999;
  2506. padding: 2px;
  2507. -webkit-border-radius: 2px 2px 2px 2px;
  2508. -moz-border-radius: 2px 2px 2px 2px;
  2509. border-radius: 2px 2px 2px 2px;
  2510. background: #fff;
  2511. }
  2512. .ico-prev {
  2513. list-style-type: none;
  2514. margin: 0;
  2515. }
  2516. .ico-prev li {
  2517. margin-right: 2px;
  2518. float: left;
  2519. }
  2520. .content .box-content .ui-slider-handle.ui-state-default {
  2521. border: 0;
  2522. background: url(../img/slider.png) no-repeat;
  2523. }
  2524. .content .box-content .ui-slider-handle.ui-state-hover {
  2525. background: url(../img/slider_hover.png) no-repeat;
  2526. }
  2527. .content .box-content .ui-slider-handle.ui-state-focus {
  2528. outline: none;
  2529. }
  2530. #tooltip {
  2531. position: absolute;
  2532. background: #000;
  2533. opacity: 0.7;
  2534. filter: alpha(opacity=0.7);
  2535. padding: 5px;
  2536. color: #fff;
  2537. }
  2538. b.error {
  2539. padding: 0;
  2540. }
  2541. .table-with-action .dataTables_wrapper {
  2542. border-bottom: 1px solid #bbb;
  2543. }
  2544. .validate .controls .error {
  2545. color: #B94A48;
  2546. }
  2547. .wizard {
  2548. margin-bottom: 0;
  2549. }
  2550. .wizard h4 {
  2551. margin: 15px;
  2552. }
  2553. .wizard .form-actions {
  2554. margin-bottom: 0;
  2555. }
  2556. .wizard .controls .error {
  2557. color: #B94A48;
  2558. }
  2559. ul.steps {
  2560. list-style-type: none;
  2561. margin: 0 0 20px 0;
  2562. *zoom: 1;
  2563. display: block;
  2564. width: 100%;
  2565. border-bottom: 1px solid #bbb;
  2566. background: #eee;
  2567. }
  2568. ul.steps:before,
  2569. ul.steps:after {
  2570. display: table;
  2571. content: "";
  2572. }
  2573. ul.steps:after {
  2574. clear: both;
  2575. }
  2576. ul.steps li {
  2577. margin: 0;
  2578. float: left;
  2579. padding: 10px 20px;
  2580. font-size: 14px;
  2581. border-right: 1px solid #bbb;
  2582. color: #999;
  2583. }
  2584. ul.steps li span {
  2585. font-size: 12px;
  2586. display: block;
  2587. }
  2588. ul.steps li.active {
  2589. color: #b94a48;
  2590. font-weight: bold;
  2591. background-color: #f5f5f5;
  2592. background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  2593. background-image: -ms-linear-gradient(top, #fafafa, #ededed);
  2594. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
  2595. background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  2596. background-image: -o-linear-gradient(top, #fafafa, #ededed);
  2597. background-image: linear-gradient(top, #fafafa, #ededed);
  2598. background-repeat: repeat-x;
  2599. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
  2600. -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  2601. -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  2602. box-shadow: inset 0 0 1px 1px #ffffff;
  2603. }
  2604. ul.steps li.active span {
  2605. font-weight: normal;
  2606. color: #333;
  2607. }
  2608. .invoice .invoice-name {
  2609. float: right;
  2610. font-size: 30px;
  2611. color: #ddd;
  2612. font-weight: bold;
  2613. }
  2614. .invoice .invoice-infos {
  2615. margin-top: 30px;
  2616. *zoom: 1;
  2617. float: right;
  2618. width: auto;
  2619. text-align: right;
  2620. }
  2621. .invoice .invoice-infos:before,
  2622. .invoice .invoice-infos:after {
  2623. display: table;
  2624. content: "";
  2625. }
  2626. .invoice .invoice-infos:after {
  2627. clear: both;
  2628. }
  2629. .invoice .invoice-infos .dl-horizontal:first-child {
  2630. margin-top: 0;
  2631. }
  2632. .invoice .invoice-from {
  2633. margin-top: 25px;
  2634. }
  2635. .invoice .invoice-to {
  2636. margin-top: 30px;
  2637. float: left;
  2638. *zoom: 1;
  2639. }
  2640. .invoice .invoice-to:before,
  2641. .invoice .invoice-to:after {
  2642. display: table;
  2643. content: "";
  2644. }
  2645. .invoice .invoice-to:after {
  2646. clear: both;
  2647. }
  2648. .invoice .table-invoice {
  2649. margin-top: 50px;
  2650. border: 1px solid #bbb;
  2651. }
  2652. .invoice .table-invoice thead tr th {
  2653. font-weight: bold;
  2654. font-size: 14px;
  2655. }
  2656. .invoice .table-invoice tbody .price,
  2657. .invoice .table-invoice tbody .qty,
  2658. .invoice .table-invoice tbody .bottom,
  2659. .invoice .table-invoice tbody .last {
  2660. text-align: center;
  2661. }
  2662. .invoice .table-invoice .last {
  2663. font-weight: bold;
  2664. }
  2665. .invoice .invoice-footer {
  2666. margin-top: 50px;
  2667. *zoom: 1;
  2668. float: left;
  2669. padding-top: 10px;
  2670. width: 100%;
  2671. color: #777;
  2672. }
  2673. .invoice .invoice-footer:before,
  2674. .invoice .invoice-footer:after {
  2675. display: table;
  2676. content: "";
  2677. }
  2678. .invoice .invoice-footer:after {
  2679. clear: both;
  2680. }
  2681. .userprofile.details {
  2682. margin-left: 15px;
  2683. margin-top: 26px;
  2684. *zoom: 1;
  2685. }
  2686. .userprofile.details:before,
  2687. .userprofile.details:after {
  2688. display: table;
  2689. content: "";
  2690. }
  2691. .userprofile.details:after {
  2692. clear: both;
  2693. }
  2694. .userprofile.details tr:first-child th,
  2695. .userprofile.details tr:first-child td {
  2696. border-top: 0;
  2697. }
  2698. .cl {
  2699. *zoom: 1;
  2700. }
  2701. .cl:before,
  2702. .cl:after {
  2703. display: table;
  2704. content: "";
  2705. }
  2706. .cl:after {
  2707. clear: both;
  2708. }
  2709. .table-detail th {
  2710. width: 150px;
  2711. }
  2712. .divide {
  2713. margin: 15px 0;
  2714. }
  2715. .fc-header {
  2716. background: #eee;
  2717. -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  2718. -moz-box-shadow: inset 0 0 0 1px #ffffff;
  2719. box-shadow: inset 0 0 0 1px #ffffff;
  2720. }
  2721. .fc-header .fc-button {
  2722. margin-top: 5px;
  2723. margin-bottom: 1px;
  2724. }
  2725. .fc-header .fc-button.fc-button-prev {
  2726. margin-left: 6px;
  2727. }
  2728. .fc-header .fc-button.fc-button-agendaDay {
  2729. margin-right: 6px;
  2730. }
  2731. .fc-header .fc-button .fc-button-effect {
  2732. background: transparent;
  2733. top: 0;
  2734. }
  2735. .fc-header .fc-button .fc-button-effect span {
  2736. background: none;
  2737. }
  2738. @media (max-width: 1282px) {
  2739. .topbar form {
  2740. display: none;
  2741. }
  2742. }
  2743. @media (max-width: 979px) {
  2744. select,
  2745. textarea,
  2746. input[type="text"],
  2747. input[type="password"],
  2748. input[type="datetime"],
  2749. input[type="datetime-local"],
  2750. input[type="date"],
  2751. input[type="month"],
  2752. input[type="time"],
  2753. input[type="week"],
  2754. input[type="number"],
  2755. input[type="email"],
  2756. input[type="url"],
  2757. input[type="search"],
  2758. input[type="tel"],
  2759. input[type="color"],
  2760. .uneditable-input {
  2761. width: 100px !important;
  2762. }
  2763. .content .box .box-head ul.nav.nav-tabs li a {
  2764. padding: 2px 8px;
  2765. }
  2766. .mini {
  2767. display: none;
  2768. }
  2769. .navi {
  2770. width: 155px;
  2771. }
  2772. .navi .main-nav > li a {
  2773. padding: 8px 8px 8px 15px;
  2774. }
  2775. .navi .main-nav > li a .ico {
  2776. display: none;
  2777. }
  2778. }
  2779. @media (max-width: 767px) {
  2780. .content {
  2781. padding: 50px 20px 100px 20px;
  2782. }
  2783. .style-switcher,
  2784. .style-toggler {
  2785. display: none;
  2786. }
  2787. .navi {
  2788. z-index: 1099;
  2789. display: block;
  2790. position: absolute;
  2791. top: 82px;
  2792. border-top: 1px solid #444;
  2793. margin: 0;
  2794. width: 100%;
  2795. -webkit-box-shadow: 0 1px 5px #222222;
  2796. -moz-box-shadow: 0 1px 5px #222222;
  2797. box-shadow: 0 1px 5px #222222;
  2798. }
  2799. .navi .main-nav li {
  2800. margin: 0;
  2801. display: none;
  2802. }
  2803. .navi .main-nav li a {
  2804. -webkit-border-radius: 0 0 0 0;
  2805. -moz-border-radius: 0 0 0 0;
  2806. border-radius: 0 0 0 0;
  2807. }
  2808. .navi .main-nav li.open a {
  2809. -webkit-border-radius: 0 0 0 0;
  2810. -moz-border-radius: 0 0 0 0;
  2811. border-radius: 0 0 0 0;
  2812. }
  2813. .navi .main-nav li.active {
  2814. display: block;
  2815. }
  2816. .navi .main-nav li .collapsed-nav {
  2817. display: none;
  2818. margin: 0;
  2819. -webkit-border-radius: 0 0 0 0;
  2820. -moz-border-radius: 0 0 0 0;
  2821. border-radius: 0 0 0 0;
  2822. }
  2823. }
  2824. @media (max-width: 467px) {
  2825. .mobile-hide {
  2826. display: none;
  2827. }
  2828. .login_body .wrap {
  2829. width: 300px;
  2830. margin-top: -180px;
  2831. margin-left: -150px;
  2832. height: 335px;
  2833. }
  2834. .login_body .wrap .login .email input,
  2835. .login_body .wrap .login .pw input {
  2836. width: 100px !important;
  2837. }
  2838. }