1div.imageflow_root {
2    overflow: hidden !important;
3}
4
5div.imageflow_wrapper div.noscript, div.imageflow_wrapper div.noscript img {
6    display: none;
7    visiblity: hidden;
8    width: 0px;
9    height: 0px;
10}
11
12div.imageflow_wrapper.scripting_active {
13    background: @ini_background_alt;
14    border: 1px solid #000;
15    position: relative !important;
16}
17
18div.imageflow_wrapper {
19    margin-bottom: 30px;
20}
21
22*:first-child+html div.imageflow_wrapper, *:first-child+html div.imageflow_wrapper {
23    padding-bottom: 20px;
24}
25
26/* ******************************************************************************************
27    Images Container
28****************************************************************************************** */
29
30div.imageflow_images {
31    position: relative;
32    margin-bottom: 20px;
33}
34
35/* ******************************************************************************************
36    Scroller Container
37****************************************************************************************** */
38
39div.imageflow_no_scroller {
40    position: absolute;
41    height: 33%;
42    width: 100%;
43    z-index: 200;
44}
45
46div.imageflow_scrollbar {
47    display: none;
48    position:relative;
49    background-image:url(images/sb.gif);
50    background-repeat:repeat-x;
51    height:16px;
52    padding-right: 52px;
53    padding-left: 52px;
54    overflow: visible;
55
56    z-index:201;
57    opacity:.75;
58}
59
60div.imageflow_slider {
61    position:absolute;
62    margin-left:0px;
63    z-index:202;
64    background-image:url(images/sc.gif);
65    background-repeat:no-repeat;
66    width:77px;
67    height:16px;
68
69    cursor: e-resize;
70}
71
72div.imageflow_slider_cap_left {
73    position:absolute;
74    margin-left:-58px;
75    z-index:202;
76    background-image:url(images/sl.gif);
77    background-repeat:no-repeat;
78    width:25px;
79    height:16px;
80    cursor: normal;
81}
82
83div.imageflow_slider_cap_right {
84    position:absolute;
85    margin-right:-5px;
86    z-index:202;
87    background-image:url(images/sr.gif);
88    background-repeat:no-repeat;
89    width:25px;
90    height:16px;
91    right: 0px;
92    cursor: normal;
93}
94
95/* ******************************************************************************************
96    Loader Container
97****************************************************************************************** */
98div.imageflow_loadingbar_container {
99    position: absolute;
100    width: 200px;
101    height: 16px;
102    z-index: 100;
103    background: url(images/loader_bg.gif) no-repeat;
104    display: none;
105}
106
107div.imageflow_loader {
108    height: 16px;
109    width: 0%;
110    background: url(images/loader.gif) no-repeat;
111    position: absolute;
112}
113
114div.imageflow_loadingbar_container p{
115    text-align:center;
116    position: absolute;
117    margin: 0px !important;
118    padding: 0px !important;
119    color: #fff;
120    width: 200px;
121}
122
123/* ******************************************************************************************
124    Caption Container
125****************************************************************************************** */
126div.imageflow_caption {
127    overflow: hidden !important;
128    position: absolute;
129    text-align:left;
130    color: #fff;
131    z-index: 200;
132    height: 16%;
133    margin-top: 10px;
134}
135
136div.imageflow_caption h3 {
137    font-weight:bold;
138    margin: 0px !important;
139    border-bottom: 1px solid @ini_border;
140    width: 100%;
141}
142
143div.imageflow_caption p {
144    width: 100%;
145    margin: 0px !important;
146    overflow: hidden !important;
147}
148
149div.imageflow_caption p.ellipsis {
150    text-overflow: ellipsis;
151    -o-text-overflow: ellipsis;
152    -icab-text-overflow: ellipsis;
153    -khtml-text-overflow: ellipsis;
154    -moz-text-overflow: ellipsis;
155    -webkit-text-overflow: ellipsis;
156
157    white-space: nowrap;
158}
159
160/* ******************************************************************************************
161    Images
162****************************************************************************************** */
163div.imageflow_wrapper div.imageflow_images img {
164    position:absolute;
165    top:0px;
166    border:none;
167    background: transparent;
168    color: #555;
169}
170
171div.imageflow_wrapper div.debug {
172    bottom:10px;
173    color:#FFFFFF;
174    font-size:smaller;
175    margin-left:10px;
176    position:relative;
177}
178