1/**
2 * SciAnimator - Scientific Image Animator Plugin for jQuery
3 *
4 * Copyright (c) 2010 Brent Ertz
5 * Released under the MIT license.
6 * http://github.com/brentertz/scianimator
7*/
8
9/* Comment out @imports for themes not in use */
10@import url('scianimator.light.css');
11@import url('scianimator.dark.css');
12@import url('scianimator.blue.css');
13
14.scianimator {
15	font-family: 'Lucida Grande', sans-serif;
16	font-size: 12px;
17	text-align: center;
18	margin: auto auto 1em auto;
19	position: relative;
20}
21.scianimator .controls,
22.scianimator .control {
23	border: 1px solid;
24	border-radius: 4px;
25	-moz-border-radius: 4px;
26	font-family: 'Lucida Grande', sans-serif;
27	font-size: 10px;
28	text-shadow: 0 1px #fff;
29	margin: 2px;
30	position: relative;
31}
32.scianimator .controls {
33	margin: 0;
34	padding: 4px;
35	position: relative;
36}
37.scianimator a,
38.scianimator a:visited {
39	cursor: pointer;
40	display: inline-block;
41	padding: 5px 10px;
42	text-decoration: none;
43}
44.scianimator a.small,
45.scianimator a:visited.small {
46	padding: 1px 2px;
47}
48.scianimator a:active {
49	top: 1px;
50}
51.scianimator select.control,
52.scianimator label {
53	margin: 1px;
54	vertical-align: middle;
55}
56.scianimator .control.box {
57	padding: 1px 5px;
58	display: inline-block;
59	vertical-align: top;
60}
61.scianimator .control.box .control {
62	margin-left: 0;
63	margin-right: 0;
64}
65
66.scianimator .box.control.navigator {
67	padding: 2px;
68}
69
70.scianimator .box a.control.navigator,
71.scianimator .box a:hover.control.navigator {
72	display: inline-block;
73	height: 10px;
74	margin: 2px;
75	padding: 0;
76	width: 10px;
77
78	background: #00FF00;
79	box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px #00FF00;
80	-o-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px #00FF00;
81	-webkit-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px #00FF00;
82	-moz-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px #00FF00;
83}
84.scianimator .box a.navigator.disabled,
85.scianimator .box a:hover.navigator.disabled {
86	background: red;
87	box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px red;
88	-o-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px red;
89	-webkit-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px red;
90	-moz-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px red;
91}
92.scianimator .box a.navigator.current,
93.scianimator .box a:hover.navigator.current {
94	background: blue;
95	box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px blue;
96	-o-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px blue;
97	-webkit-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px blue;
98	-moz-box-shadow: 0 0 3px 1px #666666 inset, 0 0 1px blue;
99}
100
101.scianimator .status {
102	background: red;
103	color: #fff;
104	right: 0;
105	padding: 5px;
106	position: absolute;
107	top: 0;
108}